.ControlPanel_panelContainer__z_X5o{display:flex;flex-direction:column;padding:16px;box-sizing:border-box;height:100%}.ControlPanel_form__PoLnZ{display:flex;flex-direction:column;gap:16px;flex:1}.ControlPanel_formGroup__utLKd{display:flex;flex-direction:column;gap:6px;width:100%}.ControlPanel_formGroup__utLKd label{font-weight:500;font-size:14px;color:var(--text-secondary,#4a5e78)}.ControlPanel_input__JRHBQ{width:100%;padding:6px 10px;border:1px solid var(--border,#d0d9e8);border-radius:4px;font-size:14px;outline:none;box-sizing:border-box;background:var(--surface,#f4f6f9);color:var(--text-primary,#2c3e50);transition:border-color .2s ease}.ControlPanel_input__JRHBQ:focus{border-color:var(--teal,#1a8c8c);box-shadow:0 0 0 3px var(--teal-dim,rgba(26,140,140,.15))}.ControlPanel_input__JRHBQ[type=date]::-webkit-clear-button,.ControlPanel_input__JRHBQ[type=date]::-webkit-inner-spin-button{display:none}.ControlPanel_spanGroup___bYZh{display:flex;gap:6px}.ControlPanel_spanBtn__tj_sv{flex:1;padding:5px 0;font-size:14px;font-family:monospace;font-weight:600;border:1px solid var(--border,#d0d9e8);border-radius:4px;background:var(--surface,#f4f6f9);color:var(--text-muted,#8499b5);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ControlPanel_spanBtn__tj_sv:hover{background:var(--surface-2,#ffffff);color:var(--text-primary,#2c3e50)}.ControlPanel_spanBtnActive__NtGyD{background:var(--teal,#1a8c8c);border-color:var(--teal,#1a8c8c);color:#fff}.ControlPanel_poweredBy__dvNSW{margin-top:auto;padding-top:12px;display:flex;justify-content:flex-start}.ControlPanel_poweredByBadge__9xbD8{padding:5px 10px;border:1px solid var(--border,#d0d9e8);border-radius:4px;background:var(--surface,#f4f6f9);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#8499b5);user-select:none}.fluvius-layout{display:flex;flex-direction:row;height:100vh;overflow:hidden}.fluvius-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:2px solid var(--border);background:var(--surface);padding:6px;overflow:hidden;display:flex;flex-direction:column}.fluvius-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--background)}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;margin-bottom:6px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);user-select:none;flex-shrink:0}.charts-area{flex:1;display:grid;grid-template-rows:3fr 2fr;overflow:hidden}.charts-row-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);overflow:hidden}.chart-panel{position:relative;background:var(--surface-2);display:flex;flex-direction:column;overflow:hidden}.chart-panel-temperature{border-right:1px solid var(--border)}.chart-panel__header{display:flex;align-items:center;gap:8px;padding:10px 16px 0;flex-shrink:0}.chart-panel__indicator{width:3px;height:14px;border-radius:2px}.chart-panel__indicator--streamflow{background:var(--color-streamflow)}.chart-panel__indicator--temperature{background:var(--color-temperature)}.chart-panel__indicator--precipitation{background:var(--color-precipitation)}.chart-panel__title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.chart-panel__unit{font-size:13px;color:var(--text-muted);margin-left:4px;font-family:monospace}.chart-panel__meta{margin-left:auto;display:flex;gap:12px;align-items:center}.chart-legend{display:flex;gap:10px}.chart-legend__item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);font-weight:500}.chart-body{flex:1;min-height:0}.loading-overlay{position:absolute;inset:0;background:var(--loading-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(2px)}@media (max-width:767.98px){.fluvius-layout{flex-direction:column;height:auto;overflow:visible}.fluvius-sidebar{width:100%;min-width:0;border-right:none;border-bottom:2px solid var(--border)}.charts-area,.fluvius-content{overflow:visible;height:auto}.charts-area{grid-template-rows:auto auto}.charts-row-bottom{grid-template-columns:1fr}.chart-panel{min-height:260px}}