@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-dark: #0f172a;--bg-panel: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-secondary: #64748b;--accent-success: #22c55e;--accent-warning: #eab308;--accent-danger: #ef4444;--border-color: rgba(255, 255, 255, .1);--glass-border: 1px solid rgba(255, 255, 255, .1);--header-height: 60px;--sidebar-width: 300px}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(147,51,234,.15) 0%,transparent 20%)}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{height:var(--header-height);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--glass-border);background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo{display:flex;align-items:center;gap:.75rem;color:var(--accent-primary)}.logo h1{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.025em}.app-header .subtitle{font-size:.875rem;color:var(--text-secondary)}.dashboard-grid{display:flex;flex:1;overflow:hidden;padding:1rem;gap:1rem}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sidebar{width:var(--sidebar-width);display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto;flex-shrink:0}.section-title{text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.control-group{margin-bottom:1.5rem}label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem}input,select{width:100%;background:#0003;border:var(--glass-border);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--accent-primary);background:#0006}.collapsible-section details summary{cursor:pointer;padding:.5rem;margin:-.5rem -.5rem .5rem;border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:background .2s}.collapsible-section details summary:hover{background:#ffffff0d}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.full-width{grid-column:span 2}.divider{height:1px;background:var(--border-color);margin:1.5rem 0}button{cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{width:100%;padding:.75rem;background:var(--accent-primary);color:#fff;font-size:.875rem}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px #3b82f666}.btn-secondary{background:#ffffff0d;color:var(--text-primary);padding:.5rem 1rem;border:var(--glass-border)}.btn-secondary:hover{background:#ffffff1a}.btn-secondary.small{font-size:.75rem;padding:.35rem .75rem}.btn-accent{width:100%;background:var(--accent-success);color:#fff;padding:.5rem;margin-top:.75rem}* .btn-accent:hover{filter:brightness(1.1)}.button-group{display:flex;gap:.5rem;margin-bottom:1rem}.box-style{background:#0003;padding:1rem;border-radius:8px;border:var(--glass-border)}.nav-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:.5rem}.btn-icon{background:#ffffff0d;width:32px;height:32px;padding:0;border-radius:50%;color:var(--text-primary)}.btn-icon:hover{background:var(--accent-primary)}#pointStatus{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualizer{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-width:0}.visualizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.visualizer-header h2{font-size:1.25rem;font-weight:500;margin:0}.legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.line-icon{width:12px;height:2px}.dot.green{background:#1dd31dcc}.dot.yellow{background:#f6f01acc}.dot.red{background:#f00c}.line-icon.blue{background:#1f77b4;height:3px}.chart-container{flex:1;width:100%;height:100%;background:#fffffff2;border-radius:8px;padding:1rem;overflow:hidden}text{font-family:Inter,sans-serif;fill:#334155}.axis line,.axis path{stroke:#cbd5e1}.q-curve-winter,.q-curve-spring{stroke:#1d4ed8;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 2px 4px rgba(29,78,216,.2))}.control-points circle{transition:all .2s cubic-bezier(.4,0,.2,1);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.control-points circle:hover{r:8px;stroke-width:3px;cursor:pointer}@media(max-width:768px){.app-container{height:auto;overflow:visible}.dashboard-grid{flex-direction:column}.sidebar{width:100%;height:auto;overflow:visible}.visualizer{height:600px}.map-layout{height:auto!important;flex-direction:column!important;overflow:visible!important}#map{height:400px!important}}@media(max-height:600px){.app-container{height:auto;overflow:visible}.dashboard-grid{flex-direction:column;overflow:visible}.sidebar{width:100%;height:auto;overflow:visible}.visualizer{height:500px}}#diagram{width:100%;height:100%;display:block}.map-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - var(--header-height));padding:1rem;gap:1rem}.map-section{flex:1;display:flex;flex-direction:column;position:relative;border-radius:12px;overflow:hidden;height:100%}#map{flex:1;width:100%;height:100%;border-radius:12px;background:#f8fafc;border:1px solid rgba(0,0,0,.08)}.map-legend{padding:.75rem 1rem!important;background:#fffc!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000000d!important;color:#0f172a!important;display:flex;justify-content:center;gap:1.5rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;z-index:10}.river-status-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;padding-right:4px}.map-layout .sidebar{background:#fffc!important;border:1px solid rgba(0,0,0,.08)!important;color:#1e293b!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 4px 6px -1px #0000000d!important}.map-layout .sidebar .section-title{color:#64748b!important}.map-layout .river-status-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#00000008!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.map-layout .river-status-item:hover{background:#fff!important;border-color:var(--accent-primary)!important;transform:translate(2px);box-shadow:0 4px 6px -1px #0000000d!important}.map-layout .river-status-item .river-name{font-size:.875rem;font-weight:500;color:#0f172a!important}.map-layout .river-status-item .river-meta{display:flex;align-items:center;gap:.65rem}.map-layout .river-status-item .river-q{font-size:.75rem;color:#475569!important}.map-layout .leaflet-popup-content-wrapper,.map-layout .leaflet-popup-tip{background:#fffffff2!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 15px -3px #0000001a!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:12px!important}.map-layout .leaflet-popup-content{font-family:Inter,sans-serif!important;font-size:.875rem!important;line-height:1.5!important}.map-layout .leaflet-tooltip{background:#fffffff2!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 6px -1px #0000000d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:8px!important;font-family:Inter,sans-serif!important;padding:6px 10px!important;font-size:.75rem!important}.map-layout .leaflet-tooltip-top:before{border-top-color:#fffffff2!important}.map-layout .leaflet-tooltip-bottom:before{border-bottom-color:#fffffff2!important}.map-layout .leaflet-tooltip-left:before{border-left-color:#fffffff2!important}.map-layout .leaflet-tooltip-right:before{border-right-color:#fffffff2!important}.map-layout .leaflet-bar a{background:#ffffffe6!important;color:#1e293b!important;border-bottom:1px solid rgba(0,0,0,.08)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.map-layout .leaflet-bar a:hover{background:#f1f5f9!important}.map-layout .leaflet-bar{border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 6px -1px #0000000d!important}