*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);min-height:100vh;padding:28px 32px 64px;background:linear-gradient(135deg,var(--color-bgFrom) 0%,var(--color-bgTo) 100%);background-attachment:fixed}.wrap{width:100%;margin:0}.topbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--color-surfaceBorder)}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:var(--font-size-h1);font-weight:800;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.topbar__right{display:flex;align-items:center;gap:16px}.lang{display:flex;align-items:center;gap:4px}.lang__label{font-size:13px;font-weight:600;color:var(--color-textMuted);margin-right:6px}.lang__btn{background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;line-height:0;padding:4px 6px;opacity:.45}.lang__btn.is-active{opacity:1;border-color:var(--color-surfaceBorder);background:var(--color-surface)}.lang__btn .flag{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px #0000001f}.meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.meta__live{display:flex;align-items:center;gap:8px}.meta__updated{font-size:15px;font-weight:600;color:var(--color-text)}.meta__updated .mono{font-family:var(--font-mono)}.meta__sub{font-size:12px;color:var(--color-textMuted)}.meta__sub .mono{font-family:var(--font-mono)}.usermenu{display:flex;align-items:center;gap:10px}.usermenu__user{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.usermenu__dot{width:7px;height:7px;border-radius:50%;background:#16a34a;flex:none}.usermenu__logout{font:inherit;font-size:12.5px;font-weight:600;color:var(--color-textMuted);background:none;border:1px solid var(--color-surfaceBorder);border-radius:8px;padding:5px 11px;cursor:pointer;transition:.12s}.usermenu__logout:hover{color:var(--color-accent);border-color:var(--color-accent)}.tabrow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--color-surfaceBorder)}.tabrow__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;color:var(--color-textMuted);line-height:1.4;padding-bottom:8px}.tabrow__meta .mono{font-family:var(--font-mono)}.tabbar{display:flex;gap:6px}.tabbar__btn{background:transparent;border:none;cursor:pointer;color:var(--color-textMuted);font-family:inherit;font-size:15px;padding:10px 18px;border-bottom:2px solid transparent}.tabbar__btn.is-active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.range-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-radius:12px}.range-bar__label{font-weight:600;margin-right:4px}.range-bar__unit{color:var(--color-textMuted)}.range-bar__sep{margin:0 8px;font-weight:700}.range-bar input[type=date],.range-bar select{padding:6px 8px;border:1px solid var(--color-surfaceBorder);border-radius:6px;background:#fff;color:var(--color-text);font-size:14px}.range-bar select.spin{width:60px;text-align:center}.range-bar select.station{min-width:100px;margin-right:20px}.range-bar__btn{margin-left:12px;padding:7px 16px;border:none;border-radius:8px;background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer}.range-bar__btn--ghost{margin-left:8px;background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.range-bar__warn{color:#dc2626;font-size:13px;margin-left:8px}.range-bar__stats{margin-left:auto;display:flex;align-items:baseline;gap:24px;padding-left:12px}.range-stat{display:flex;align-items:baseline;gap:8px}.range-stat__label{font-size:18px;font-weight:600;color:var(--color-textMuted)}.range-stat__value{font-size:22px;font-weight:700;font-family:var(--font-mono)}.range-stat__value--wl{color:var(--color-waterLevel)}.range-stat__value--rain{color:var(--color-rainfall)}section{margin-bottom:28px}.section__title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--color-text);margin:0 0 14px}.section__title:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--color-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--power{grid-template-columns:1fr auto 1fr}.grid--hydro3{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,3fr)}.grid--hydro3>*{min-width:0}.grid--hydro3>*:nth-child(1){grid-column:1}.grid--hydro3>*:nth-child(2){grid-column:2}.grid--hydro3>*:nth-child(3){grid-column:3}@media(max-width:1100px){.grid--3,.grid--power,.grid--hydro3{grid-template-columns:1fr}.grid--hydro3>:nth-child(n){grid-column:auto}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid--2{grid-template-columns:1fr}}@media(max-width:520px){.grid--4{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-radius:14px;padding:20px 22px;box-shadow:0 1px 3px #0f172a0a}.card__title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:14px}.card__sub{font-size:13px;color:var(--color-textMuted);margin:-8px 0 12px;font-family:var(--font-mono);white-space:pre-line;line-height:1.5}.card__sub--flash{animation:subFlash 4s ease-in-out;border-radius:4px}@keyframes subFlash{0%{background-color:#60a5fa00}45%{background-color:#60a5fa73}55%{background-color:#60a5fa73}to{background-color:#60a5fa00}}.card__body{position:relative;height:240px}.card--tall .card__body{height:300px}.card__photo{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.card__photo-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-textMuted);font-size:13px;border:1px dashed var(--color-surfaceBorder);border-radius:8px}.col-span-2{grid-column:1 / -1}.card{cursor:zoom-in}.zoom-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:900;opacity:0;visibility:hidden;transition:opacity .2s}.zoom-backdrop.is-on{opacity:1;visibility:visible}.card--zoom{position:fixed;top:50%;left:50%;z-index:901;transform-origin:center center;cursor:zoom-out;box-shadow:0 24px 70px #0f172a59}.gauge-matrix{--gauge-cell-pad: 10px;--gauge-col: 140px;display:grid;grid-template-columns:auto repeat(var(--cols, 2),var(--gauge-col));grid-template-rows:auto 1fr 1fr;gap:4px}.gauge-matrix__colhead{align-self:center;text-align:center;font-size:13px;font-weight:600;color:var(--color-textMuted)}.gauge-matrix__rowhead{align-self:center;justify-self:center;font-size:13px;font-weight:600;color:var(--color-textMuted);padding-right:4px}.gauge-matrix__cell{position:relative;min-height:0;min-width:0;padding:var(--gauge-cell-pad) 0}.settings{max-width:1000px}.settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings__box{background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-radius:12px;padding:16px 18px}.settings__group{font-size:14px;font-weight:700;color:var(--color-accent);margin:0 0 12px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.field__label{color:var(--color-textMuted);font-size:13px;flex:0 0 160px;word-break:keep-all}.input{flex:1;min-width:0;background:var(--color-surface);border:1px solid var(--color-surfaceBorder);color:var(--color-text);font-family:var(--font-mono);font-size:13px;padding:8px 10px;border-radius:8px}.color-field{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.color-field input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--color-surfaceBorder);border-radius:8px;background:none;cursor:pointer;flex:0 0 auto}.color-field .input{flex:1}.settings__actions{display:flex;gap:10px;margin-top:22px}@media(max-width:720px){.settings__grid{grid-template-columns:1fr}}.btn{cursor:pointer;font-family:inherit;font-size:14px;padding:9px 18px;border-radius:9px;border:1px solid var(--color-surfaceBorder)}.btn--primary{background:var(--color-accent);color:var(--color-bgFrom);border-color:transparent;font-weight:700}.btn--ghost{background:transparent;color:var(--color-textMuted)}.footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--color-surfaceBorder);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-textMuted)}.footer__brand{display:flex;align-items:center;gap:9px}.footer__logo{height:24px;width:auto}.footer__name{font-weight:700;font-size:15px;color:var(--color-text);letter-spacing:.02em}.footer__copy{font-size:12px}.footer__meta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.login-page{--lb:#1595d3;--lb-deep:#0f6fa8;--lnavy:#0c2337;--lgreen:#00a651;--lorange:#f7941e;--ltext:#122436;--lmuted:#66788a;--lfaint:#9aabbb;--lborder:#e6ecf2;--lfield:#f6f9fc;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;color:var(--ltext);background:#fff;position:fixed;inset:0;display:flex;overflow:auto}.login-left{flex:0 0 clamp(420px,42%,560px);display:flex;flex-direction:column;padding:42px 56px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand img{width:40px;height:40px}.login-brand .login-name{font-size:18px;font-weight:800;letter-spacing:.03em;color:var(--lnavy)}.login-brand .login-name b{color:var(--lb)}.login-mid{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:352px;width:100%}.login-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lb);margin-bottom:12px;display:flex;align-items:center;gap:8px}.login-eyebrow:before{content:"";width:22px;height:2px;background:var(--lorange);border-radius:2px}.login-h1{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--lnavy);margin:0 0 6px}.login-lead{font-size:13.5px;color:var(--lmuted);margin:0 0 30px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field label{display:block;font-size:12px;font-weight:600;color:var(--lmuted);margin-bottom:7px}.login-field input{width:100%;font:inherit;font-size:14.5px;padding:13px 15px;border:1.5px solid var(--lborder);border-radius:12px;background:var(--lfield);color:var(--ltext);transition:.15s}.login-field input::placeholder{color:var(--lfaint)}.login-field input:focus{outline:none;border-color:var(--lb);background:#fff;box-shadow:0 0 0 4px #1595d31f}.login-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;margin-top:-4px}.login-row label{display:flex;align-items:center;gap:7px;color:var(--lmuted);cursor:pointer;-webkit-user-select:none;user-select:none}.login-signin{margin-top:6px;font:inherit;font-size:15px;font-weight:700;color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;background:var(--lb);transition:.16s;box-shadow:0 10px 24px -10px #1595d3a6}.login-signin:hover{background:var(--lb-deep);transform:translateY(-1px)}.login-signin:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-msg{font-size:12.5px;min-height:15px;color:#d9730d;font-weight:600}.login-foot{font-size:11px;color:var(--lfaint);display:flex;align-items:center;justify-content:space-between}.login-mail{color:var(--lmuted);text-decoration:none;font-weight:600}.login-mail:hover{color:var(--lb)}.login-dots{display:flex;gap:5px}.login-dots i{width:6px;height:6px;border-radius:50%}.login-dots i:nth-child(1){background:var(--lb)}.login-dots i:nth-child(2){background:var(--lgreen)}.login-dots i:nth-child(3){background:var(--lorange)}.login-right{flex:1;position:relative;overflow:hidden;background:var(--lnavy)}.login-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% 42%}.login-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,35,55,.15) 0%,transparent 30%,transparent 55%,rgba(12,35,55,.72) 100%)}.login-over{position:absolute;left:48px;right:48px;bottom:44px;z-index:2}.login-over .login-h2{color:#fff;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.14;letter-spacing:-.02em;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.35);max-width:12ch;text-wrap:balance}.login-over .login-h2 span{color:#7fd0f5}.login-over p{color:#ffffffb8;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 0;font-weight:600}@media(max-width:860px){.login-page{flex-direction:column}.login-right{order:-1;flex:none;height:190px}.login-over{left:24px;bottom:20px}.login-left{flex:none;padding:30px 24px 40px}.login-mid{max-width:none;margin:0 auto}}.cctv-backdrop{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a80}.cctv-modal{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-surfaceBorder);border-radius:16px;width:min(720px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 70px #0f172a59}.cctv-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--color-surfaceBorder)}.cctv-head h2{font-size:15px;font-weight:700;margin:0}.cctv-live{font-size:11px;font-weight:700;color:#dc2626;background:#dc26261a;padding:3px 8px;border-radius:999px}.cctv-timer{font-family:var(--font-mono,monospace);font-size:13px;font-weight:700;color:#d97706}.cctv-x{margin-left:auto;border:none;background:none;font-size:19px;line-height:1;color:var(--color-textMuted);cursor:pointer;padding:2px 6px}.cctv-stage{position:relative;aspect-ratio:16/9;background:#0b1220;overflow:hidden}.cctv-snap{width:100%;height:100%;object-fit:contain;display:block}.cctv-stream{width:100%;height:100%;border:0;display:block}.cctv-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#93a4bd;font-size:13px}.cctv-toast{position:absolute;left:12px;bottom:12px;background:#020617b3;color:#e2e8f0;font-size:12px;padding:5px 10px;border-radius:8px}.cctv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--color-surfaceBorder)}.cctv-spacer{flex:1}.cctv-sel{font:inherit;font-size:13px;padding:7px 10px;border-radius:9px;border:1px solid var(--color-surfaceBorder);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono,monospace)}.cctv-btn{font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid var(--color-surfaceBorder);background:var(--color-surface);color:var(--color-text);border-radius:9px;padding:8px 13px;display:inline-flex;align-items:center;gap:5px}.cctv-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cctv-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cctv-btn--primary:hover{color:#fff;opacity:.92}.cctv-btn--danger{border-color:#fca5a5;color:#dc2626}.cctv-note{margin:0;padding:0 18px 14px;font-size:11.5px;color:var(--color-textMuted);line-height:1.5}.cctv-card-wrap{position:relative}.cctv-card-wrap .card{cursor:pointer}.cctv-badge{position:absolute;top:14px;right:16px;z-index:2;pointer-events:none;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:#2563eb1f;color:var(--color-accent);border:1px solid rgba(37,99,235,.25)}.cctv-badge--locked{background:#d9770624;color:#b45309;border-color:#d9770659}@media(max-width:560px){.cctv-modal{width:100%;max-height:100vh;border-radius:0}.cctv-backdrop{padding:0}}.rating-chart{height:300px;padding:12px 18px 0}.rating-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:12px 18px 4px}.rating-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-textMuted);font-weight:600}.rating-form input{font:inherit;font-size:13px;padding:7px 10px;width:96px;border:1px solid var(--color-surfaceBorder);border-radius:9px;background:var(--color-surface);color:var(--color-text);font-variant-numeric:tabular-nums}.rating-form__token input{width:150px}.rating-form .cctv-btn{margin-left:auto}.rating-current{padding:6px 18px 0;font-size:13px;color:var(--color-textMuted);font-family:var(--font-mono, monospace)}.rating-current b{color:var(--color-text);font-weight:700}.rating-current sup{font-size:.7em}