.staff-nav{background:var(--slate-deep);color:var(--chalk);position:relative;padding:0 0 30px 22px;display:flex;flex-direction:column;overflow-y:auto}.staff-rail{position:absolute;left:0;top:0;bottom:0;width:22px;background:var(--ink);display:flex;flex-direction:column;align-items:flex-end;padding:90px 0 20px;gap:12px}.staff-rail .tick{width:8px;height:1px;background:#f4f1ea59}.staff-rail .tick.major{width:14px;background:#f4f1eaa6}.staff-brand{display:flex;align-items:center;gap:10px;padding:26px 14px 22px 6px;border-bottom:1px solid rgba(244,241,234,.14)}.brand-mark{font-size:22px;color:var(--teal-pale);line-height:1}.staff-brand strong{display:block;font-size:14.5px;letter-spacing:.02em}.staff-brand span{display:block;font-size:11px;color:#f4f1ea99;margin-top:2px}.staff-groups{padding-top:10px;flex:1}.staff-group{margin-bottom:6px}.staff-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#f4f1ea73;padding:14px 14px 6px 6px}.staff-group ul{list-style:none;margin:0;padding:0}.staff-link{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 6px;margin-right:10px;border-radius:0 20px 20px 0;color:#f4f1ead1;text-decoration:none;font-size:13.5px;position:relative;transition:background .18s ease,color .18s ease,padding-left .18s ease}.staff-link:hover{background:#f4f1ea14;padding-left:10px}.staff-link.active{background:var(--chalk);color:var(--slate-deep);font-weight:700}.staff-link.active:before{content:"";position:absolute;left:-22px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--teal);transform:translateY(-50%);box-shadow:0 0 0 4px #2f6f6b40;animation:ripple-ping 1.8s ease-out infinite}@keyframes ripple-ping{0%{box-shadow:0 0 #2f6f6b66}70%{box-shadow:0 0 0 8px #2f6f6b00}to{box-shadow:0 0 #2f6f6b00}}.staff-icon{width:16px;text-align:center;font-size:13px;opacity:.9}@media(max-width:860px){.staff-nav{position:fixed;inset:0 20% 0 0;z-index:50;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lift)}.staff-nav.open{transform:translate(0)}}.topbar{display:flex;align-items:center;gap:16px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}.menu-toggle span{width:20px;height:2px;background:var(--slate-deep);display:block}.topbar-title{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:700}.topbar-title strong{font-size:13.5px;color:var(--slate-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-clock{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:13px}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:var(--slate);color:var(--chalk);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-decoration:none}@media(max-width:860px){.menu-toggle{display:flex}.topbar-title strong{display:none}}.stat-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);min-height:118px;padding:16px 18px;transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.stat-water{position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,#3f6f822e,#3f6f8252);transition:height 1.1s cubic-bezier(.2,.7,.3,1)}.tone-amber .stat-water{background:linear-gradient(180deg,#c98a2c29,#c98a2c4d)}.tone-red .stat-water{background:linear-gradient(180deg,#b6452f29,#b6452f4d)}.tone-teal .stat-water{background:linear-gradient(180deg,#2f6f6b29,#2f6f6b4d)}.stat-wave{position:absolute;top:-8px;left:0;width:200%;height:10px;fill:#3f6f8247;animation:stat-wave-scroll 6s linear infinite}.tone-amber .stat-wave{fill:#c98a2c47}.tone-red .stat-wave{fill:#b6452f47}.tone-teal .stat-wave{fill:#2f6f6b47}@keyframes stat-wave-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stat-content{position:relative;z-index:1}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:700;margin-bottom:8px}.stat-value{font-size:30px;font-weight:700;color:var(--slate-deep);line-height:1}.stat-unit{font-size:14px;font-weight:600;color:var(--ink-faint);margin-left:4px}.stat-sub{margin-top:8px;font-size:12.5px;color:var(--ink-faint)}@media(prefers-reduced-motion:reduce){.stat-wave{animation:none}}.gauge-plate{position:relative;display:flex;align-items:center;justify-content:center}.gauge-plate svg{width:100%;height:100%}.gauge-rim{fill:var(--slate-deep)}.gauge-face{fill:var(--paper);stroke:var(--line-strong);stroke-width:1}.gauge-inner{fill:none;stroke:var(--chalk-dark);stroke-width:1}.gauge-needle{transform-origin:60px 60px;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.gauge-needle line{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.gauge-hub{fill:var(--ink)}.gauge-readout{position:absolute;bottom:18%;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:3px;color:var(--slate-deep)}.gauge-readout strong{font-size:18px;font-weight:700}.gauge-readout span{font-size:11px;color:var(--ink-faint)}.gauge-label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11.5px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hydrograph{width:100%}.hydrograph svg{width:100%;height:auto;display:block}.hydro-area{animation:hydro-rise 1s cubic-bezier(.2,.7,.3,1);transform-origin:bottom}.hydro-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:hydro-draw 1.1s ease forwards}.hydro-dot{animation:hydro-pulse 2.4s ease-in-out infinite}@keyframes hydro-rise{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes hydro-draw{to{stroke-dashoffset:0}}@keyframes hydro-pulse{0%,to{r:4;opacity:1}50%{r:6;opacity:.6}}.hydro-threshold text{font-family:Segoe UI,system-ui,sans-serif}@media(prefers-reduced-motion:reduce){.hydro-area,.hydro-line,.hydro-dot{animation:none;stroke-dashoffset:0}}.data-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}.data-table th{text-align:left;padding:10px 14px;background:var(--chalk-dark);color:var(--slate-deep);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line-strong);position:sticky;top:0}.data-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover,.data-table tbody tr.clickable:focus-visible{background:var(--chalk-dark)}.sort-btn{background:none;border:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:0;text-transform:inherit;letter-spacing:inherit}.sort-btn.active{color:var(--teal)}.sort-arrow{font-size:11px;opacity:.7}.drawer-scrim{position:fixed;inset:0;background:#1c2b3361;z-index:60;display:flex;justify-content:flex-end;animation:drawer-fade .2s ease}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}.drawer-panel{width:min(460px,100%);height:100%;background:var(--paper);box-shadow:-12px 0 36px #1c2b3338;display:flex;flex-direction:column;animation:drawer-slide .32s cubic-bezier(.2,.7,.3,1);border-left:4px solid var(--slate)}@keyframes drawer-slide{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--line);gap:12px}.drawer-head h2{font-size:19px}.drawer-close{border:1px solid var(--line-strong);background:var(--chalk);border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:13px;color:var(--slate-deep);flex-shrink:0}.drawer-close:hover{background:var(--chalk-dark)}.drawer-body{padding:20px 22px 32px;overflow-y:auto}@media(max-width:520px){.drawer-panel{width:100%}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-panel{position:relative;background:linear-gradient(160deg,var(--slate-deep),var(--slate));color:var(--chalk);overflow:hidden;display:flex;align-items:center}.auth-panel-content{position:relative;z-index:1;padding:60px;max-width:460px}.auth-panel-content .brand-mark{font-size:34px;color:var(--teal-pale)}.auth-panel-content h1{color:var(--chalk);font-size:30px;margin:10px 0 12px}.auth-panel-content p{color:#f4f1eac7}.auth-readings{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid rgba(244,241,234,.2)}.auth-readings li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(244,241,234,.15);font-size:13.5px}.auth-readings strong{font-variant-numeric:tabular-nums;color:var(--teal-pale)}.auth-readings strong.danger{color:#e8a894}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--chalk)}.auth-form-wrap{width:100%;max-width:380px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-panel{min-height:220px}.auth-panel-content{padding:32px}.auth-readings{display:none}}.error-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:48px;padding:40px 24px;background:var(--chalk);flex-wrap:wrap}.error-art svg{width:min(300px,60vw);height:min(300px,60vw)}.plate-rim{fill:var(--slate-deep)}.plate-face{fill:var(--paper);stroke:var(--line-strong)}.plate-code{font-size:46px;font-weight:700;fill:var(--slate-deep);font-family:Georgia,serif}.plate-crack{stroke:var(--ink);stroke-width:2;opacity:.55}.plate-crack.thin{stroke-width:1.2;opacity:.4}.plate-needle{transform-origin:150px 150px;animation:needle-judder 3.2s ease-in-out infinite}.plate-needle line{stroke:var(--flood-red);stroke-width:3;stroke-linecap:round}@keyframes needle-judder{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}.plate-hub{fill:var(--ink)}.error-copy{max-width:420px;text-align:left}.error-copy h1{font-size:28px;margin-bottom:10px}.error-hint{color:var(--ink-faint);font-size:13.5px}.error-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.plate-needle{animation:none}}@media(max-width:700px){.error-scene{text-align:center;justify-content:center}.error-copy{text-align:center}.error-actions{justify-content:center}}:root{--chalk: #f4f1ea;--chalk-dark: #e7e2d4;--chalk-deep: #dbd4c0;--paper: #fbfaf6;--slate: #3d5a72;--slate-deep: #22384a;--slate-pale: #6f8ea3;--teal: #2f6f6b;--teal-pale: #a9c9c4;--ink: #1c2b33;--ink-faint: #7c8a92;--amber: #c98a2c;--flood-red: #b6452f;--line: #cdc6b4;--line-strong: #b3ab95;--radius: 10px;--shadow: 0 2px 10px rgba(28, 43, 51, .08);--shadow-lift: 0 10px 30px rgba(28, 43, 51, .16);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,Segoe UI,system-ui,sans-serif;background:var(--chalk);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Iowan Old Style,Georgia,Segoe UI,system-ui,sans-serif;letter-spacing:.01em;color:var(--slate-deep);margin:0 0 .4em}p{margin:0 0 1em;line-height:1.55}a{color:var(--slate)}button{font-family:inherit}::selection{background:var(--teal-pale)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ripple-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.5}.ripple-field svg{width:100%;height:100%}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}@media(max-width:860px){.app-shell{grid-template-columns:1fr}}.app-main{min-width:0;display:flex;flex-direction:column}.app-content{padding:24px clamp(16px,3vw,40px) 60px;flex:1}.page-enter{animation:page-rise .42s cubic-bezier(.2,.7,.3,1)}@keyframes page-rise{0%{opacity:0;transform:translateY(14px);clip-path:inset(6% 0 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:16px}.page-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;color:var(--teal);font-weight:600;margin-bottom:6px}.page-head h1{font-size:26px;margin:0}.page-head p{margin:6px 0 0;color:var(--ink-faint);max-width:60ch}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--slate-deep);background:var(--slate-deep);color:var(--chalk);padding:9px 16px;border-radius:7px;font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--slate)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--slate-deep)}.btn.ghost:hover{background:var(--chalk-dark)}.btn.danger{border-color:var(--flood-red);background:var(--flood-red)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.small{padding:6px 12px;font-size:12.5px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.panel-head h2,.panel-head h3{margin:0;font-size:16px}.panel-body{padding:18px}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid currentColor;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12.5px;font-weight:700;color:var(--slate-deep);text-transform:uppercase;letter-spacing:.05em}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:7px;padding:10px 12px;font-size:14px;background:var(--paper);color:var(--ink);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}.field-error{color:var(--flood-red);font-size:12px;font-weight:600}.field.invalid input{border-color:var(--flood-red)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13.5px}.skeleton{position:relative;overflow:hidden;background:var(--chalk-dark);border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.empty-state{text-align:center;padding:48px 20px;color:var(--ink-faint)}.empty-state svg{margin-bottom:12px}.empty-state h3{color:var(--slate-deep);margin-bottom:6px}.table-scroll{overflow-x:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}