.water-monitoring-system{padding:16px;min-height:100vh;background:linear-gradient(135deg,#e4f5fc,#cdebf8 48%,#b7e0f3);background-attachment:fixed;position:relative}.water-monitoring-system:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.03"/><circle cx="10" cy="90" r="0.5" fill="white" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;z-index:0}.water-monitoring-system>*{position:relative;z-index:1}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.overview-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.2);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#79bfe3,#a8dff4);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.overview-card:hover:before{transform:scaleX(1)}.dark-mode .overview-card{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.refresh-card{grid-column:span 1}.refresh-button-main{width:100%;padding:16px 24px;background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 24px #67b4dc47;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.refresh-button-main:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.refresh-button-main:hover{transform:translateY(-2px);box-shadow:0 12px 32px #67b4dc57}.refresh-button-main:hover:before{left:100%}.refresh-button-main:active{transform:translateY(0)}.refresh-button-main:disabled{opacity:.6;cursor:not-allowed;transform:none}.card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;position:relative;background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 2px 8px #00000014;transition:all .2s ease}.card-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,var(--icon-color),var(--icon-color-light));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;opacity:0;transition:opacity .3s ease}.card-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #00000026}.card-icon:hover:before{opacity:1}.card-icon.water-level{--icon-color: #5daed6;--icon-color-light: #8fd2ee;color:#5daed6}.card-icon.inflow{--icon-color: #6fbde3;--icon-color-light: #9bdcf5;color:#6fbde3}.card-icon.outflow{--icon-color: #82c8ea;--icon-color-light: #b2e4f8;color:#82c8ea}.card-icon.storage{--icon-color: #57b2db;--icon-color-light: #8ed8f1;color:#57b2db}.card-icon.rainfall,.card-icon.max-rainfall,.card-icon.daily-rainfall,.card-icon.intensity{--icon-color: #66b8e2;--icon-color-light: #9fdbf3;color:#66b8e2}.card-content{flex:1;min-width:0}.card-title{font-size:11px;color:#64748b;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:20px;font-weight:600;color:#1e293b;background:linear-gradient(135deg,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;position:relative}.card-value:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-color),transparent);border-radius:2px;opacity:0;transition:opacity .3s ease}.overview-card:hover .card-value:after{opacity:1}.dark-mode .card-value{color:#fff;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-unit{font-size:10px;color:#94a3b8;font-weight:500;margin-left:2px}.overview-card.water-level .card-value:after{--accent-color: #5daed6}.overview-card.inflow .card-value:after{--accent-color: #6fbde3}.overview-card.outflow .card-value:after{--accent-color: #82c8ea}.overview-card.storage .card-value:after{--accent-color: #57b2db}.overview-card.rainfall .card-value:after,.overview-card.max-rainfall .card-value:after,.overview-card.daily-rainfall .card-value:after,.overview-card.intensity .card-value:after{--accent-color: #66b8e2}.control-panel{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.2)}.dark-mode .control-panel{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.tab-buttons{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(103,180,220,.45) transparent}.tab-buttons::-webkit-scrollbar{height:4px}.tab-buttons::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.tab-buttons::-webkit-scrollbar-thumb{background:#67b4dc73;border-radius:2px}.tab-btn{padding:8px 14px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f0cc);border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#67b4dc,#99d7f0);opacity:0;transition:opacity .3s ease}.tab-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.tab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.tab-btn:active:after{width:100px;height:100px}.tab-btn.active{background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff;border-color:#667eea4d;box-shadow:0 8px 24px #667eea4d}.dark-mode .tab-btn{background:#ffffff1a;color:#94a3b8}.dark-mode .tab-btn:hover{background:#ffffff26}.dark-mode .tab-btn.active{background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff}.station-controls{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.5);position:relative}.station-controls:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.dark-mode .station-controls{border-bottom-color:#33415580}.dark-mode .station-controls:after{background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.station-controls label{font-size:12px;color:#64748b;font-weight:500;margin-right:8px}.water-station-selector,.rainfall-station-info{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.current-station-info{font-size:14px;color:#1e293b;font-weight:600;padding:6px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.current-station-info:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translateY(-1px)}.dark-mode .current-station-info{color:#e2e8f0;background:#ffffff1a;border-color:#ffffff1a}.date-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}.date-input-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.date-input-group label{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.date-input-group input{height:36px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;background:#fffc;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000d}.date-input-group input:focus{outline:none;border-color:#79bfe3;box-shadow:0 4px 16px #667eea33;background:#fff}.dark-mode .date-input-group input{background:#0f172acc;border-color:#334155;color:#fff}.dark-mode .date-input-group input:focus{border-color:#79bfe3;box-shadow:0 4px 16px #667eea4d}.swap-btn{width:36px;height:36px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f0cc);border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.swap-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease}.swap-btn:hover{transform:translateY(-2px) rotate(180deg);box-shadow:0 8px 24px #0000001a}.swap-btn:hover:before{left:100%}.dark-mode .swap-btn{background:#ffffff1a;color:#94a3b8}.dark-mode .swap-btn:hover{background:#ffffff26}.quick-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quick-buttons button{padding:6px 12px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f0cc);border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease}.quick-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#667eea4d}.quick-buttons button:hover:before{left:100%}.quick-buttons button:active{transform:translateY(0)}.dark-mode .quick-buttons button{background:#ffffff1a;color:#94a3b8}.dark-mode .quick-buttons button:hover{background:#ffffff26}.search-btn{margin-top:0;width:100%;height:40px!important;background:linear-gradient(135deg,#67b4dc,#99d7f0);border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 4px 12px #667eea33;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.search-btn:hover:before{left:100%}.search-btn:active{transform:translateY(0)}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chart-section{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.2)}.dark-mode .chart-section{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.chart-header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.chart-header h3:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#79bfe3,#a8dff4);border-radius:2px}.dark-mode .chart-header h3{color:#fff;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chart-actions{display:flex;gap:8px}.export-btn{padding:10px 16px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f0cc);border:2px solid transparent;border-radius:12px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.export-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease}.export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#667eea4d}.export-btn:hover:before{left:100%}.dark-mode .export-btn{background:#ffffff1a;color:#94a3b8}.dark-mode .export-btn:hover{background:#ffffff26}.chart-container{min-height:240px;border-radius:8px;overflow:hidden;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.dark-mode .chart-container{background:#0f172a4d;border:1px solid rgba(255,255,255,.1)}.chart{height:280px;width:100%}.data-table-section{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.2)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.table-header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.dark-mode .data-table-section{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.dark-mode .search-input-wrapper,.dark-mode .search-suggestions,.dark-mode .search-suggestions .suggestions-header,.dark-mode .search-suggestions .suggestion-item,.dark-mode .refresh-button-main,.dark-mode .table-container .no-results,.dark-mode .table-container .no-results .action button{background:#0e1c28eb;color:#d9edf8;border-color:#7db1d02e}.dark-mode .search-input-wrapper input,.dark-mode .search-suggestions .suggestion-item,.dark-mode .search-suggestions .suggestions-header button{color:#d9edf8}.dark-mode .search-input-wrapper input::placeholder{color:#d9edf87a}.dark-mode .search-suggestions .suggestions-header,.dark-mode .search-suggestions .suggestion-item:hover,.dark-mode .table-container tr:hover td{background:#142838eb}.dark-mode .search-icon,.dark-mode .table-header h3,.dark-mode .chart-header h3,.dark-mode .card-title,.dark-mode .table-container .no-results .title{color:#b8dff1}.dark-mode .card-value{background:linear-gradient(135deg,#eef8fd,#bfe3f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .table-container .no-results .description,.dark-mode .table-container .no-results,.dark-mode .current-station-info,.dark-mode .date-input-group label{color:#9fc7da}.dark-mode .ant-modal-content,.dark-mode .ant-modal-header{background:#0f1e2b!important;color:#d9edf8!important}.dark-mode .ant-modal-title,.dark-mode .ant-modal-close,.dark-mode .ant-modal-body,.dark-mode .ant-space-item label{color:#d9edf8!important}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.table-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.table-header h3:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#79bfe3,#a8dff4);border-radius:2px}.dark-mode .table-header h3{color:#fff;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-width:300px}.table-search{padding:10px 16px;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;font-size:13px;color:#64748b;min-width:200px;max-width:300px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:10;display:flex;align-items:center;gap:8px}.table-search::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:16px;width:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%235daed6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') center/contain no-repeat;opacity:0;transition:opacity .3s ease}.table-search:focus{border-color:#79bfe3;box-shadow:0 4px 16px #667eea4d,0 0 0 3px #667eea1a;background:#fff;transform:translateY(-1px)}.search-input-wrapper{position:relative;display:flex;align-items:center;min-width:220px}.search-icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;z-index:11;pointer-events:none}.table-search{padding-left:40px;transition:all .3s ease}.table-search::placeholder{color:#94a3b8;opacity:.7;transition:opacity .3s ease}.table-search:focus::placeholder{opacity:.5}.table-search:not(:placeholder-shown){padding-left:40px}.table-search:not(:placeholder-shown)+.search-icon{color:#5daed6}.table-search::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:16px;width:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%235daed6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') center/contain no-repeat;opacity:0;transition:opacity .3s ease}.table-search:not(:placeholder-shown)::-webkit-search-cancel-button{opacity:1}.table-search:focus{animation:pulse .5s ease}@keyframes pulse{0%{box-shadow:0 4px 16px #667eea4d,0 0 0 3px #667eea1a}50%{box-shadow:0 4px 20px #667eea66,0 0 0 5px #667eea26}to{box-shadow:0 4px 16px #667eea4d,0 0 0 3px #667eea1a}}.table-search:active{transform:scale(.98)}.table-search:hover{border-color:#79bfe3;box-shadow:0 4px 12px #0000001a;background:#fff}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-top:8px;z-index:100;max-height:300px;overflow-y:auto;display:none}.search-suggestions.show{display:block}.suggestions-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6)}.suggestions-header span{font-size:13px;font-weight:600;color:#475569}.suggestions-header button{padding:4px 8px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.suggestions-header button:hover{background:#f1f5f9;border-color:#79bfe3;color:#5daed6}.suggestions-list{padding:8px 0}.suggestion-item{display:block;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.suggestion-item:hover{background:#f8fafc;color:#1e293b;border-bottom-color:#79bfe3}.suggestion-item:last-child{border-bottom:none}.dark-mode .search-suggestions{background:#0f172af2;border-color:#334155}.dark-mode .suggestions-header{background:#0f172a99;border-bottom-color:#334155}.dark-mode .suggestions-header span{color:#cbd5e1}.dark-mode .suggestions-header button{color:#94a3b8;border-color:#334155}.dark-mode .suggestions-header button:hover{background:#0f172acc;border-color:#79bfe3;color:#5daed6}.dark-mode .suggestion-item{color:#cbd5e1;border-bottom-color:#334155}.dark-mode .suggestion-item:hover{background:#0f172acc;color:#e2e8f0;border-bottom-color:#79bfe3}.dark-mode .table-search{background:#0f172acc;border-color:#334155;color:#94a3b8}.dark-mode .table-search:focus{border-color:#79bfe3;box-shadow:0 4px 16px #667eea4d}.sort-btn{padding:10px 16px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f0cc);border:2px solid transparent;border-radius:12px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sort-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease}.sort-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#667eea4d}.sort-btn:hover:before{left:100%}.sort-btn.active{background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff;box-shadow:0 8px 24px #667eea4d}.dark-mode .sort-btn{background:#ffffff1a;color:#94a3b8}.dark-mode .sort-btn:hover{background:#ffffff26}.dark-mode .sort-btn.active{background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.table-container table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dark-mode .table-container table{background:#0f172a80}.table-container th,.table-container td{padding:12px 16px;text-align:center;border-bottom:1px solid rgba(226,232,240,.5);transition:all .3s ease}.dark-mode .table-container th,.dark-mode .table-container td{border-bottom-color:#33415580}.table-container th{background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);font-weight:700;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px;position:relative}.table-container th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.dark-mode .table-container th{background:#0f172a99;color:#94a3b8}.table-container td{color:#1e293b;font-weight:500}.dark-mode .table-container td{color:#e2e8f0}.table-container tr:hover td{background:#f8fafccc;transform:scale(1.01)}.dark-mode .table-container tr:hover td{background:#0f172a66}.table-container tr:hover{box-shadow:0 4px 16px #0000001a;z-index:10;position:relative}.table-container .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.table-container .no-results .icon{font-size:48px;margin-bottom:16px;opacity:.5}.table-container .no-results .title{font-size:16px;font-weight:600;margin-bottom:8px;color:#64748b}.table-container .no-results .description{font-size:14px;color:#94a3b8;max-width:300px}.table-container .no-results .action{margin-top:16px}.table-container .no-results .action button{padding:8px 16px;background:linear-gradient(135deg,#67b4dc,#99d7f0);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s ease}.table-container .no-results .action button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#79bfe3;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative;box-shadow:0 0 20px #667eea4d}.loading-spinner:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid rgba(102,126,234,.1);border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.loading-text{color:#fff;margin-top:20px;font-size:16px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hydrology-encoder{padding:0}.encoder-form{display:flex;flex-direction:column;gap:16px;animation:slideInUp .6s ease-out}.form-row{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.dark-mode .form-label{color:#cbd5e1}.form-input{height:48px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{outline:none;border-color:#79bfe3;box-shadow:0 4px 16px #667eea33}.encoded-output{background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);border-radius:16px;padding:20px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;word-break:break-all;color:#1e293b;line-height:1.8;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.encoded-output:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#79bfe3,#a8dff4)}.dark-mode .encoded-output{background:#0f172a99;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.action-buttons{display:flex;flex-direction:column;gap:12px;animation:slideInUp .8s ease-out}.action-buttons .ant-btn{width:100%;height:52px;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-buttons .ant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dark-mode .glass-effect{background:#1e293b4d;border:1px solid rgba(255,255,255,.1)}.floating-card{animation:float 6s ease-in-out infinite}.glow-effect{animation:glow 2s ease-in-out infinite}.water-monitoring-system{animation:slideInUp .8s ease-out}@media (min-width: 640px){.water-monitoring-system{padding:20px}.overview-cards{grid-template-columns:repeat(3,1fr);gap:20px}.refresh-card{grid-column:span 1}.overview-card{padding:20px}.card-icon{width:56px;height:56px;font-size:24px}.card-value{font-size:28px}.control-panel{padding:24px}.date-controls{flex-wrap:nowrap;gap:20px}.date-input-group{min-width:180px}.quick-buttons{gap:12px;margin-bottom:24px}.quick-buttons button{padding:12px 18px;font-size:14px}.search-btn{margin-top:0;width:auto;height:56px!important}.chart-section{padding:28px}.chart-header{margin-bottom:24px}.chart-header h3{font-size:20px}.chart{height:400px}.data-table-section{padding:28px}.table-header{margin-bottom:24px}.table-header h3{font-size:20px}.table-actions{min-width:400px}.search-input-wrapper{min-width:250px}.table-container table{font-size:15px;min-width:700px}.table-container th,.table-container td{padding:14px 20px}}@media (min-width: 1024px){.water-monitoring-system{padding:32px;max-width:1400px;margin:0 auto}.overview-cards{grid-template-columns:repeat(4,1fr);gap:24px}.overview-card{padding:24px}.card-icon{width:64px;height:64px;font-size:28px}.card-value{font-size:32px}.control-panel{padding:32px}.tab-buttons{gap:12px}.tab-btn{padding:14px 24px;font-size:15px}.station-controls{margin-bottom:24px}.date-controls{gap:24px}.date-input-group{min-width:200px}.quick-buttons{gap:16px;margin-bottom:28px}.quick-buttons button{padding:14px 20px;font-size:15px}.search-btn{height:60px!important;font-size:16px}.chart-section{padding:32px}.chart-header{margin-bottom:28px}.chart-header h3{font-size:22px}.chart-actions{gap:12px}.export-btn{padding:12px 20px;font-size:14px}.chart{height:450px}.data-table-section{padding:32px}.table-header{margin-bottom:28px}.table-header h3{font-size:22px}.table-actions{gap:16px;min-width:500px}.table-search{min-width:280px;font-size:14px}.search-input-wrapper{min-width:300px}.sort-btn{padding:12px 20px;font-size:14px}.table-container table{font-size:16px;min-width:800px}.table-container th,.table-container td{padding:16px 24px}}@media (min-width: 1280px){.overview-cards{grid-template-columns:repeat(5,1fr)}.card-icon{width:72px;height:72px;font-size:32px}.card-value{font-size:36px}}@media (max-width: 768px){.table-actions{min-width:auto;flex-direction:column;gap:8px;align-items:stretch}.search-input-wrapper{min-width:auto;width:100%}.table-search{min-width:auto;width:100%;max-width:none;padding:10px 16px}.sort-btn{width:100%;justify-content:center}.table-container th,.table-container td{padding:10px 12px}.table-header{margin-bottom:16px}.chart-section,.data-table-section{padding:16px}}.password-protection-layout{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(163,221,244,.42),transparent 30%),radial-gradient(circle at bottom right,rgba(92,174,214,.26),transparent 36%),linear-gradient(180deg,#eff9fd,#dff1f9)}.password-protection-card{width:min(460px,100%);border-radius:28px;overflow:hidden;border:1px solid rgba(118,181,214,.2);box-shadow:0 28px 64px #3a759a2e;background:#fffffff5}.password-protection-card .ant-card-body{padding:28px}.password-hero{text-align:center;margin-bottom:22px}.password-icon-container{width:68px;height:68px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;font-size:28px;color:#fff;background:linear-gradient(135deg,#69b8df,#4b9dc8);box-shadow:0 14px 30px #4b9dc847}.password-security-tag{margin-bottom:14px;padding:4px 10px;border-radius:999px;border:1px solid rgba(118,181,214,.24);color:#397ba0;background:#e5f6fceb}.password-title{margin:0!important;color:#19384d!important;font-size:24px!important;font-weight:700!important}.password-subtitle{margin:10px auto 0;max-width:360px;color:#5f7e91;font-size:14px;line-height:1.7}.password-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.password-status-card{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f5fbff,#e7f5fb);border:1px solid rgba(118,181,214,.18)}.password-status-card span{display:block;margin-bottom:6px;color:#6a879a;font-size:12px}.password-status-card strong{color:#234964;font-size:18px;line-height:1.2}.password-last-auth{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:#ecf8fdf2;color:#5b7d92;font-size:13px;border:1px solid rgba(118,181,214,.16)}.password-input{height:52px;border-radius:14px;font-size:16px}.password-options{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.password-options .ant-typography{display:block;font-size:12px;line-height:1.6;text-align:right}.password-submit-btn{height:50px;border-radius:14px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#69b8df,#4b9dc8);border:none;box-shadow:0 14px 28px #4b9dc83d}.password-submit-btn:hover,.password-submit-btn:focus{background:linear-gradient(135deg,#77c1e5,#56a6d0)!important}.password-submit-btn[disabled]{box-shadow:none}.password-security-panel{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#f7fcff,#eef8fd);border:1px solid rgba(118,181,214,.16)}.security-panel-title{margin-bottom:10px;color:#2f6789;font-size:13px;font-weight:700}.security-panel-item{display:flex;align-items:center;gap:10px;color:#618196;font-size:13px}.security-panel-item+.security-panel-item{margin-top:8px}.security-panel-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#68b7df;box-shadow:0 0 0 4px #68b7df26}.dark-mode.password-protection-layout,.dark-mode .password-protection-layout{background:radial-gradient(circle at top left,rgba(58,112,145,.32),transparent 32%),radial-gradient(circle at bottom right,rgba(37,73,96,.28),transparent 38%),linear-gradient(180deg,#09131c,#0d1c28)}.dark-mode .password-protection-card{background:#0d1b27f5;border-color:#7ab2d029;box-shadow:0 30px 70px #00000057}.dark-mode .password-security-tag,.dark-mode .password-last-auth,.dark-mode .password-status-card,.dark-mode .password-security-panel{background:#122534f5;border-color:#7ab2d029}.dark-mode .password-title{color:#e5f4fb!important}.dark-mode .password-subtitle,.dark-mode .password-last-auth,.dark-mode .security-panel-item,.dark-mode .password-status-card span{color:#9abfd3}.dark-mode .password-status-card strong,.dark-mode .security-panel-title{color:#d9edf8}.dark-mode .password-input{background:#09141ef5;color:#e5f4fb;border-color:#7ab2d029}.dark-mode .password-input input{color:#e5f4fb;background:transparent}.dark-mode .password-input input::placeholder{color:#e5f4fb66}.dark-mode .password-options .ant-typography,.dark-mode .password-options .ant-checkbox-wrapper,.dark-mode .password-options .ant-checkbox+span{color:#9abfd3!important}@media (max-width: 768px){.password-protection-layout{align-items:stretch;padding:14px}.password-protection-card{width:100%;max-width:none;border-radius:22px;box-shadow:0 18px 42px #3a759a29}.password-protection-card .ant-card-body{padding:22px}.password-hero{margin-bottom:18px}.password-icon-container{width:60px;height:60px;border-radius:18px;font-size:24px;margin-bottom:12px}.password-title{font-size:21px!important}.password-subtitle{font-size:13px;line-height:1.65}.password-status-grid{grid-template-columns:1fr 1fr;gap:10px}.password-status-card{padding:12px 14px;border-radius:16px}.password-status-card strong{font-size:16px}.password-last-auth{align-items:flex-start;font-size:12px;line-height:1.55}.password-input{height:50px}.password-security-panel{margin-top:16px;padding:14px;border-radius:16px}}@media (max-width: 480px){.password-protection-layout{padding:10px}.password-protection-card .ant-card-body{padding:18px}.password-protection-card{border-radius:18px}.password-status-grid{grid-template-columns:1fr;gap:8px}.password-options{flex-direction:column;gap:8px}.password-options .ant-typography{text-align:left}.password-title{font-size:19px!important}.password-subtitle{font-size:12px}.password-last-auth{padding:10px 12px}.password-input,.password-submit-btn{height:48px;border-radius:12px}.security-panel-item{align-items:flex-start;font-size:12px;line-height:1.55}}:root{--bg: #eef8fc;--bg-elevated: rgba(245, 251, 255, .9);--bg-panel: rgba(255, 255, 255, .94);--line: rgba(48, 101, 136, .12);--line-strong: rgba(48, 101, 136, .2);--text: #17364a;--text-soft: #5f7e91;--brand: #5aaed6;--brand-strong: #3b8fba;--accent: #8fd4ee;--success: #6db8de;--warning: #8fc9e8;--danger: #77b7d8;--shadow-lg: 0 24px 60px rgba(57, 119, 158, .14);--shadow-md: 0 16px 32px rgba(57, 119, 158, .1);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(143,212,238,.24),transparent 26%),radial-gradient(circle at top right,rgba(90,174,214,.22),transparent 34%),linear-gradient(180deg,#f5fbff,#e7f5fb 48%,#dff0f8)}body.font-size-small{font-size:12px}body.font-size-medium{font-size:14px}body.font-size-large{font-size:16px}body.font-size-xlarge{font-size:18px}.layout{min-height:100vh;background:transparent!important}.app-header{height:auto!important;padding:20px 24px 0!important;line-height:normal!important;background:transparent!important}.header-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:32px;background:linear-gradient(135deg,#4286b0f0,#4a97c4e0 46%,#8ed1ebdb);box-shadow:var(--shadow-lg)}.header-shell:before{content:"";position:absolute;inset:auto -8% -42% auto;width:320px;height:320px;border-radius:50%;background:#ffffff14;filter:blur(12px)}.header-topbar,.hero-strip,.nav-strip{position:relative;z-index:1}.header-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 0}.header-brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;color:#fff;font-size:24px;background:linear-gradient(135deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.24)}.brand-copy{min-width:0}.brand-eyebrow,.hero-eyebrow,.panel-kicker{display:inline-block;margin:0 0 8px;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.brand-eyebrow,.hero-eyebrow{color:#f7f4eeb8}.header-title{margin:0!important;color:#fff!important;font-size:28px!important;font-weight:700!important}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.time-display,.security-status,.theme-switch,.header-actions .ant-btn{border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-display,.security-status,.theme-switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px}.header-actions .ant-btn{height:40px!important;padding:0 14px!important}.theme-switch .anticon,.time-display .anticon{color:#dff4ff}.theme-switch .ant-switch{background:#ffffff52!important}.theme-switch .ant-switch-checked{background:var(--accent)!important}.hero-strip{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:20px;padding:28px 24px 22px;align-items:end}.hero-copy h1{margin:0;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.05}.hero-description{max-width:680px;margin:14px 0 0;font-size:16px;line-height:1.75;color:#fff9f1d1}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-stat{padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.14);background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-stat span,.report-stat-card span{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff9f1b8}.hero-stat strong,.report-stat-card strong{display:block;font-size:24px;line-height:1.15;color:#fff}.hero-stat em,.report-stat-card em{display:block;margin-top:8px;font-style:normal;font-size:13px;color:#fff9f1c7}.hero-stat-warning strong{color:#ffe4a3}.hero-stat-danger strong{color:#ffc3c3}.nav-strip{padding:0 18px 16px}.nav-strip .ant-menu{display:flex;gap:8px;min-height:48px;padding:8px;border-radius:999px;background:#ffffff14!important;border-bottom:none!important;overflow-x:auto}.nav-strip .ant-menu-item{display:inline-flex;align-items:center;justify-content:center;height:40px!important;margin:0!important;padding:0 18px!important;color:#fff8f2d1!important;border-radius:999px!important;font-weight:600!important}.nav-strip .ant-menu-item:after{display:none!important}.nav-strip .ant-menu-item-selected{color:#143630!important;background:linear-gradient(135deg,#f6e0c7,#f3c793)!important}.main-content{padding:22px 24px 0!important}.content-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px;align-items:start}.content-shell-themed{position:relative;padding:18px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#e4f5fc,#cdebf8 48%,#b7e0f3);background-attachment:fixed;box-shadow:0 18px 44px #5f9ec124;animation:appPanelLift .8s ease-out;will-change:transform,opacity;transform:translateZ(0)}.content-shell-themed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.32),transparent 28%),radial-gradient(circle at 84% 14%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 76% 80%,rgba(111,189,227,.16),transparent 22%);pointer-events:none}.content-shell-themed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.03"/><circle cx="10" cy="90" r="0.5" fill="white" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;opacity:.55}.content-shell-themed>*{position:relative;z-index:1}.content-panel{padding:22px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0)}.content-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#79bfe3,#a8dff4);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.content-panel:hover{transform:translateY(-4px);box-shadow:0 16px 48px #448eb62e}.content-panel:hover:before{transform:scaleX(1)}@keyframes appPanelLift{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes appFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes appGlow{0%,to{box-shadow:0 0 20px #667eea2e}50%{box-shadow:0 0 40px #667eea47}}.content-panel-full{grid-column:1 / -1}.content-panel-themed{background:#fffffff2;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.document-page-shell{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.34),transparent 26%),radial-gradient(circle at 82% 16%,rgba(173,223,243,.28),transparent 22%),linear-gradient(135deg,#d9f0fb,#c6e7f7 46%,#b1daf1)}.document-page-panel{background:linear-gradient(180deg,#f4fbffeb,#e8f6fce6);border:1px solid rgba(255,255,255,.42);box-shadow:0 20px 48px #579cc229;color:#17364a;opacity:1!important;animation:none!important;transform:none!important;visibility:visible!important}.document-page-panel,.document-page-panel .ant-typography,.document-page-panel .ant-card,.document-page-panel .ant-card-head-title,.document-page-panel .ant-form-item-label>label,.document-page-panel .ant-table,.document-page-panel .ant-table-thead>tr>th,.document-page-panel .ant-table-tbody>tr>td,.document-page-panel .ant-upload,.document-page-panel .ant-upload-list,.document-page-panel .ant-tag,.document-page-panel .ant-modal-title,.document-page-panel .ant-list-item,.document-page-panel .ant-radio-wrapper,.document-page-panel .ant-select-selection-item,.document-page-panel .ant-select-selection-placeholder,.document-page-panel .ant-input,.document-page-panel .ant-input::placeholder,.document-page-panel .ant-progress-text{color:#17364a!important}.document-page-panel .ant-typography-secondary,.document-page-panel .ant-typography.ant-typography-secondary,.document-page-panel .ant-form-item-explain,.document-page-panel .ant-upload-hint,.document-page-panel .ant-empty-description{color:#5f7e91!important}.content-panel-animate{opacity:0;animation:appPanelLift .72s ease-out forwards}.panel-stage-1{animation-delay:.04s}.panel-stage-2{animation-delay:.14s}.panel-header{margin-bottom:16px}.panel-kicker{color:var(--brand)}.panel-header h3{margin:0;font-size:24px;color:var(--text)}.report-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.report-stat-card{padding:18px;border-radius:18px;background:linear-gradient(160deg,#125851eb,#1b766cd1);box-shadow:inset 0 1px #ffffff14;animation:appPanelLift .8s ease-out;will-change:transform;transform:translateZ(0)}.floating-card{animation:appFloat 6s ease-in-out infinite}.floating-card:nth-child(2){animation-delay:2s}.floating-card:nth-child(3){animation-delay:4s}.glow-effect{animation:appGlow 2.4s ease-in-out infinite}.stat-stage-1{animation-delay:.08s}.stat-stage-2{animation-delay:.16s}.stat-stage-3{animation-delay:.24s}@media (prefers-reduced-motion: reduce){.content-shell-themed,.content-panel,.content-panel-animate,.report-stat-card,.floating-card,.glow-effect{animation:none!important;transition:none!important;transform:none!important}}.report-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-water-input{display:flex!important;flex-wrap:wrap;gap:12px!important;padding:18px!important;border-radius:18px!important;background:linear-gradient(180deg,#f3f8f6eb,#fffffff5)!important;border:1px solid var(--line)!important}.compact-water-input .ant-input{flex:1 1 260px;min-width:220px}.compact-water-input .ant-btn{flex:0 0 auto}.generate-button{background:linear-gradient(135deg,var(--brand),#178f83)!important;border:none!important}.copy-button{width:auto!important}.content-panel .ant-card,.content-panel .ant-table-wrapper{border-radius:var(--radius-lg)}.content-panel .ant-card{margin-bottom:0;border:1px solid rgba(20,54,48,.08)!important;background:var(--bg-panel)!important;box-shadow:none!important}.content-panel .ant-card-head{min-height:56px!important;padding:0 20px!important;border-bottom:1px solid rgba(20,54,48,.08)!important}.content-panel .ant-card-head-title{padding:16px 0!important;font-size:16px!important;font-weight:700!important;color:var(--text)!important}.content-panel .ant-card-body{padding:20px!important}.content-panel .ant-input,.content-panel .ant-select-selector,.content-panel .ant-picker{border-radius:14px!important;border-color:#1436301f!important}.content-panel .ant-input:focus,.content-panel .ant-input-focused,.content-panel .ant-select-focused .ant-select-selector,.content-panel .ant-picker-focused{border-color:#0f766e99!important;box-shadow:0 0 0 4px #0f766e1f!important}.content-panel .ant-btn{height:42px!important;border-radius:14px!important;font-weight:600!important}.content-panel .ant-btn-primary{background:linear-gradient(135deg,var(--brand),#178f83)!important;border:none!important;box-shadow:0 12px 24px #0f766e2e}.content-panel .ant-table{border-radius:18px!important;border:1px solid rgba(20,54,48,.08)!important;overflow:hidden}.content-panel .ant-table-thead>tr>th{background:#eff4f1!important;color:var(--text)!important;font-weight:700!important}.content-panel .ant-table-tbody>tr>td{color:var(--text)!important}.hydrology-encoder-section{width:100%}.encoder-card .ant-card-body{padding:0!important}.encoder-content{padding:18px!important}.encoder-message-display,.encoder-query-panel,.encoder-column>div{width:100%}.encoder-message-display .ant-input,.encoder-message-display textarea,.encoder-column .ant-input,.encoder-column .ant-select-selector,.encoder-column .ant-picker,.encoder-column select,.encoder-query-panel .ant-input,.encoder-query-panel .ant-picker,.encoder-query-panel select{min-height:38px!important;font-size:13px!important}.encoder-message-display textarea,.encoded-output{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.encoder-action-grid .ant-btn,.encoder-query-actions .ant-btn{min-width:120px}.encoder-query-results{overflow:auto}.encoder-query-grid .query-result-item{min-height:96px}.ant-layout-footer{padding:18px 24px 28px!important;color:#16312bad!important;background:transparent!important;text-align:center}.app-error-state{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#143630,#2a5a51)}.app-error-card{width:min(480px,100%);padding:36px;border-radius:28px;text-align:center;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-error-card h1{margin:0 0 12px}.app-error-card p{margin:0 0 24px;color:#ffffffc7}.app-error-card button{height:44px;padding:0 20px;border:none;border-radius:999px;color:#143630;font-weight:700;background:linear-gradient(135deg,#f6e0c7,#f3c793);cursor:pointer}.dark-mode body,[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(201,123,50,.16),transparent 24%),radial-gradient(circle at top right,rgba(18,88,81,.24),transparent 32%),linear-gradient(180deg,#132321,#0d1716)}.dark-mode .content-panel{background:#0f1716d1;border-color:#ffffff14}.dark-mode .panel-header h3,.dark-mode .content-panel .ant-card-head-title,.dark-mode .content-panel .ant-table-thead>tr>th,.dark-mode .content-panel .ant-table-tbody>tr>td{color:#edf3ef!important}.dark-mode .panel-kicker,.dark-mode .ant-layout-footer{color:#dbe8e2b8!important}.dark-mode .content-panel .ant-card{background:#141f1eeb!important;border-color:#ffffff14!important}.dark-mode .content-panel .ant-card-head,.dark-mode .content-panel .ant-table{border-color:#ffffff14!important}.dark-mode .content-panel .ant-table-thead>tr>th{background:#ffffff0f!important}.dark-mode .compact-water-input{background:linear-gradient(180deg,#141f1eeb,#0f1716f0)!important;border-color:#ffffff14!important}.dark-mode .content-panel .ant-input,.dark-mode .content-panel .ant-select-selector,.dark-mode .content-panel .ant-picker{color:#edf3ef!important;background:#ffffff0a!important;border-color:#ffffff1a!important}.dark-mode .content-panel .ant-input::placeholder{color:#edf3ef66!important}@media (max-width: 1200px){.hero-strip,.content-shell{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.report-stat-grid{grid-template-columns:1fr}}@media (max-width: 900px){.app-header{padding:14px 14px 0!important}.header-topbar,.hero-strip{padding-left:18px;padding-right:18px}.main-content{padding:14px 14px 0!important}.header-topbar{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.header-shell{border-radius:24px}.header-title{font-size:22px!important}.hero-copy h1{font-size:28px}.hero-description{font-size:14px}.hero-stats{grid-template-columns:1fr}.nav-strip{padding:0 12px 14px}.nav-strip .ant-menu{border-radius:20px}.content-panel{padding:16px;border-radius:22px}.content-panel .ant-card-body,.content-panel .ant-card-head{padding-left:16px!important;padding-right:16px!important}.compact-water-input{padding:14px!important}.compact-water-input .ant-input,.compact-water-input .ant-btn{width:100%}.report-card-title{align-items:flex-start;flex-direction:column}.encoder-content{padding:12px!important;max-height:none!important}.encoder-main-grid,.encoder-form-grid-3,.encoder-form-grid-2,.encoder-query-toolbar,.encoder-action-grid{grid-template-columns:1fr!important}.encoder-query-actions{align-items:stretch!important}.encoder-query-actions .ant-btn{width:100%}.encoder-query-results{max-height:300px!important}.time-display{width:100%;justify-content:center}}