*{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}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--live{background:var(--color-accent);color:#fff}.badge--live .badge__dot{animation:badge-blink 1.4s ease-in-out infinite}.badge--down{background:#dc2626;color:#fff}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.badge--live .badge__dot{animation:none}}.topbar__right{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;justify-content:flex-end}.lang,.tzsel{display:flex;align-items:center;gap:4px}.tzsel__select{font:inherit;font-size:13px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-radius:8px;padding:4px 8px;cursor:pointer}.lang__label{font-size:13px;font-weight:600;color:var(--color-textMuted);margin-right:6px;white-space:nowrap}.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__status{color:var(--color-textMuted);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}.legal-page{--lb:#1595d3;--lnavy:#0c2337;--ltext:#122436;--lmuted:#66788a;--lborder:#e6ecf2;--lfaint:#9aabbb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;color:var(--ltext);background:#fff;min-height:100vh}.legal-wrap{max-width:760px;margin:0 auto;padding:40px 24px 72px}.legal-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.legal-brand img{width:32px;height:32px}.legal-brand .legal-name{font-size:15px;font-weight:800;letter-spacing:.03em;color:var(--lnavy)}.legal-brand .legal-name b{color:var(--lb)}.legal-back{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--lmuted);text-decoration:none}.legal-back:hover{color:var(--lb)}.legal-h1{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--lnavy);margin:0 0 6px}.legal-date{font-size:12.5px;color:var(--lfaint);margin-bottom:30px}.legal-sec h2{font-size:15.5px;font-weight:700;color:var(--lnavy);margin:26px 0 8px}.legal-sec p{font-size:13.5px;line-height:1.75;color:var(--ltext);margin:0 0 8px}.legal-sec ul{margin:4px 0 8px;padding-left:20px}.legal-sec li{font-size:13.5px;line-height:1.75}.legal-foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--lborder);font-size:12px;color:var(--lfaint)}.legal-foot a{color:var(--lmuted);text-decoration:none;font-weight:600}.legal-foot a:hover{color:var(--lb)}.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-tagline{margin:5px 0 0 52px;font-size:13px;font-style:italic;font-weight:500;letter-spacing:.01em;color:var(--lmuted)}.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:flex-end;justify-content:space-between}.login-foot-left{display:flex;flex-direction:column;gap:3px}.login-legal{display:flex;align-items:center;gap:6px}.login-legal a{color:var(--lmuted);text-decoration:none;font-weight:600}.login-legal a:hover{color:var(--lb)}.login-legal i{color:var(--lfaint);font-style:normal}.login-copy{font-size:10.5px;color:var(--lfaint)}.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-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.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}.cctv-rain{position:absolute;left:16px;bottom:14px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:1px;line-height:1.35;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 9px;border-radius:8px;background:#0206179e;color:#e2e8f0;border:1px solid rgba(255,255,255,.14);font-variant-numeric:tabular-nums}@media(max-width:560px){.cctv-modal{width:100%;max-height:100vh;border-radius:0}.cctv-backdrop{padding:0}}.cctv-booting{flex-direction:column;gap:8px}.cctv-booting-note{font-size:11px;opacity:.6}.cctv-spin{width:28px;height:28px;border-radius:50%;border:3px solid rgba(147,164,189,.3);border-top-color:#93a4bd;animation:cctv-spin .9s linear infinite}@keyframes cctv-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cctv-spin{animation:none}}.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}.users{--users-admin: var(--color-accent);--users-operator: var(--color-commNormal);--users-viewer: var(--color-textMuted);--users-danger: #dc2626}.users__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.users__stat{background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-left:4px solid var(--color-text);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 3px #0f172a0a}.users__stat--admin{border-left-color:var(--users-admin)}.users__stat--operator{border-left-color:var(--users-operator)}.users__stat--viewer{border-left-color:var(--users-viewer)}.users__stat-label{font-size:12px;font-weight:600;color:var(--color-textMuted)}.users__stat-value{font-size:24px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.2}.users__card{background:var(--color-surface);border:1px solid var(--color-surfaceBorder);border-radius:14px;padding:18px 22px;margin-bottom:16px;box-shadow:0 1px 3px #0f172a0a}.users__card--table{padding:18px 0 6px}.users__card--table .users__card-head{padding:0 22px}.users__card-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px}.users__card-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.users__card-hint{font-size:12px;color:var(--color-textMuted)}.users__count{display:inline-block;min-width:22px;padding:1px 8px;margin-left:6px;border-radius:999px;font-size:12px;font-weight:700;text-align:center;background:var(--color-surfaceBorder);color:var(--color-text);font-variant-numeric:tabular-nums}.users__add{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.9fr) auto;gap:12px;align-items:end}.users__field{display:flex;flex-direction:column;gap:5px;min-width:0}.users__field label{font-size:12px;font-weight:600;color:var(--color-textMuted)}.users__field .input,.users__field select{flex:none;box-sizing:border-box;height:38px;width:100%;padding:0 11px;border:1px solid var(--color-surfaceBorder);border-radius:9px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.users__field .input:focus,.users__field select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.users__submit .btn{height:38px;padding:0 18px;white-space:nowrap}.users__msg{font-size:13px}.users__msg:not(:empty){margin-top:12px}.users__msg.is-ok{color:var(--users-operator)}.users__msg.is-err{color:var(--users-danger)}.users__table-wrap{overflow-x:auto}.users__table{width:100%;border-collapse:collapse;font-size:14px}.users__table th{text-align:left;padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--color-textMuted);background:color-mix(in srgb,var(--color-surfaceBorder) 35%,var(--color-surface));border-top:1px solid var(--color-surfaceBorder);border-bottom:1px solid var(--color-surfaceBorder);white-space:nowrap}.users__table td{padding:12px 22px;border-bottom:1px solid var(--color-surfaceBorder);color:var(--color-text);vertical-align:middle}.users__table tbody tr:last-child td{border-bottom:0}.users__table tbody tr{transition:background-color .15s}.users__table tbody tr:hover{background:color-mix(in srgb,var(--color-surfaceBorder) 25%,transparent)}@keyframes users-fresh{0%{background:color-mix(in srgb,var(--color-accent) 16%,transparent)}to{background:transparent}}.users__table tbody tr.is-fresh{animation:users-fresh 2.4s ease-out}@media(prefers-reduced-motion:reduce){.users__table tbody tr.is-fresh{animation:none;background:color-mix(in srgb,var(--color-accent) 10%,transparent)}}.users__who{display:flex;align-items:center;gap:10px;min-width:0}.users__avatar{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:var(--users-viewer)}.users__avatar--admin{background:var(--users-admin)}.users__avatar--operator{background:var(--users-operator)}.users__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users__self{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid var(--color-surfaceBorder);color:var(--color-textMuted)}.users__role{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--users-viewer);background:color-mix(in srgb,var(--users-viewer) 12%,transparent)}.users__role:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.users__role--admin{color:var(--users-admin);background:color-mix(in srgb,var(--users-admin) 12%,transparent)}.users__role--operator{color:var(--users-operator);background:color-mix(in srgb,var(--users-operator) 12%,transparent)}.users__date{color:var(--color-textMuted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.users__actions{text-align:right;width:1%;white-space:nowrap}.users__del{border:1px solid var(--color-surfaceBorder);background:transparent;color:var(--users-danger);border-radius:8px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s,border-color .15s}.users__del:hover{background:color-mix(in srgb,var(--users-danger) 8%,transparent);border-color:color-mix(in srgb,var(--users-danger) 40%,transparent)}.users__empty{color:var(--color-textMuted);font-size:14px;padding:18px 22px 14px}@media(max-width:760px){.users__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.users__add{grid-template-columns:1fr 1fr}.users__submit{grid-column:1 / -1}.users__submit .btn{width:100%}.users__table th,.users__table td{padding-left:14px;padding-right:14px}.users__card--table .users__card-head{padding:0 14px}}