@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap");:root{--bg:#f3f1ec;--card:#fffcf8;--inset:#f7f5f0;--ink:#141b27;--text:#1c1917;--muted:#6f6a64;--line:#e4dfd6;--accent:#1e3a5f;--accent-2:#16304f;--soft:#e7eef5;--good:#0f6b45;--good-bg:#e6f4ec;--warn:#8a5610;--warn-bg:#f8f0df;--bad:#9f2d2d;--bad-bg:#fdecec;--mute-bg:#eeeae3;--shadow:0 18px 40px rgba(20,27,39,0.08);--sans:"Figtree","Segoe UI",sans-serif;--mono:"Cascadia Mono","Segoe UI Mono",ui-monospace,monospace;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;letter-spacing:-.03em;line-height:1.2}h2{font-size:1.15rem;letter-spacing:-.02em}h3{font-size:.98rem}ul{margin:0;padding:0;list-style:none}.login{min-height:100dvh;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,.95fr)}.login-hero{background:var(--ink);color:#f6f3ee;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;color:inherit;letter-spacing:-.02em}.brand,.mark{font-weight:700}.mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f3f1ec;color:var(--ink)}.login-hero h1{font-size:clamp(2rem,4vw,3rem);max-width:12ch;margin-top:28px}.login-hero .lede{max-width:36rem;color:#d6d3d1;margin-top:14px}.roles{display:grid;grid-gap:10px;gap:10px;max-width:440px}.roles li{display:grid;grid-gap:2px;gap:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.roles strong{font-size:.92rem}.roles span{color:#a8a29e;font-size:.86rem}.login-panel{display:grid;place-items:center;padding:32px 20px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px}.auth{width:min(420px,100%);padding:28px;box-shadow:var(--shadow)}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.fine,.hint,.muted{color:var(--muted)}.hint{margin-top:6px}.fine{font-size:.82rem}.field{display:grid;grid-gap:6px;gap:6px;margin-top:14px}.field span,legend{font-size:.86rem;font-weight:650}.search,input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;outline:none}textarea{min-height:88px;resize:vertical}.search:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,58,95,.14)}.error{color:var(--bad);min-height:1.2em;margin-top:10px;font-size:.9rem}.demo{margin-top:14px;border-radius:10px;padding:10px 12px;color:var(--muted);font-size:.86rem}.btn,.demo{background:var(--inset)}.btn{border-radius:999px;border:1px solid transparent;padding:10px 14px;font-weight:700;color:var(--text)}.btn:hover{background:#efeae2}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:rgba(28,25,23,.04)}.btn-danger{background:transparent;border-color:#f0c9c9;color:var(--bad)}.btn-danger:hover{background:var(--bad-bg)}.btn-block{width:100%;margin-top:16px}.btn[disabled]{opacity:.45;cursor:default}.icon-btn,.text-btn{border:0;background:transparent;color:var(--muted);border-radius:8px}.icon-btn{width:32px;height:32px}.icon-btn:hover,.text-btn:hover{background:rgba(28,25,23,.05);color:var(--text)}.admin{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}.side{background:var(--ink);color:#f5f2ec;padding:18px 12px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow:auto}.side .brand{color:white;padding:4px 10px 14px}.side .mark{background:#f3f1ec;color:var(--ink)}.nav-label{margin:12px 10px 4px;color:#a8a29e;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-btn,.sub-btn{width:100%;text-align:left;border:0;border-left:3px solid transparent;background:transparent;color:#a8a29e;border-radius:0 8px 8px 0;padding:7px 10px 7px 9px;font-weight:500;font-size:.88rem;display:flex;align-items:center;gap:9px;transition:background .15s ease,color .15s ease,border-color .15s ease;position:relative;cursor:pointer}.nav-btn .nav-icon{flex-shrink:0;width:16px;height:16px;opacity:.65;transition:opacity .15s ease,color .15s ease}.nav-btn .nav-chevron{margin-left:auto;flex-shrink:0;opacity:.5;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-btn .nav-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn.is-on{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.04));color:#ffffff;border-left-color:#3b82f6;font-weight:600;box-shadow:inset 1px 0 0 0 rgba(59,130,246,.4)}.nav-btn.is-on .nav-icon{opacity:1;color:#60a5fa;filter:drop-shadow(0 0 4px rgba(96,165,250,.4))}.nav-btn.is-group-active{color:#f1f5f9;background:rgba(255,255,255,.04)}.nav-btn.is-group-active .nav-icon{opacity:.9;color:#93c5fd}.nav-btn:hover{background:rgba(255,255,255,.06);color:#f5f2ec}.nav-btn:hover .nav-icon{opacity:.95}.sub-btn{padding:6px 10px 6px 34px!important;font-weight:450;color:#94a3b8;font-size:.83rem;border-left:3px solid transparent;border-radius:0 6px 6px 0;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;transition:all .15s ease;position:relative;cursor:pointer;width:100%}.sub-btn:before{content:""!important;display:inline-block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important;opacity:.35!important;flex-shrink:0!important;margin:0!important;transition:all .15s ease}.sub-btn .sub-text,.sub-btn span{text-align:left!important;margin:0!important;white-space:nowrap}.sub-btn.is-on{color:#ffffff;border-left-color:#3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.14),rgba(59,130,246,.03));font-weight:600}.sub-btn.is-on:before{opacity:1;background:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.8);transform:scale(1.2)}.sub-btn:hover{background:rgba(255,255,255,.05);color:#f1f5f9}.sub-btn:hover:before{opacity:.8}.side-foot{margin-top:auto;padding:12px 10px 4px;color:#a8a29e;font-size:.78rem;border-top:1px solid rgba(255,255,255,.08)}.main{min-width:0;padding:18px 22px 48px}.top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search{max-width:360px;background:white}.who{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-weight:700;font-size:.82rem}.banner{gap:12px;align-items:center;background:#1c1917;color:#f6f3ee;border-radius:12px;padding:10px 14px}.banner,.page-head{display:flex;justify-content:space-between;margin-bottom:14px}.page-head{gap:16px;align-items:flex-end}.page-head .hint{max-width:46rem}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.stat{padding:12px 14px;text-align:left;width:100%}button.stat{display:flex;flex-direction:column;justify-content:flex-start}.stat b{display:block;font-size:1.25rem;letter-spacing:-.03em}.stat span{color:var(--muted);font-size:.75rem}.stat:hover{border-color:#c9d5e4}.grid-2{grid-template-columns:1.2fr .8fr;grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.section{padding:16px;margin-bottom:12px}.row-between,.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{border-radius:999px}.seg button.is-on{background:var(--soft);color:var(--accent);border-color:transparent}.chart{width:100%;height:180px;display:block;margin-top:8px}.ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.meter{margin-top:12px}.meter-top{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.track{height:8px;background:var(--inset);overflow:hidden;margin-top:6px}.track,.track i{border-radius:99px}.track i{display:block;height:100%;background:var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 10px;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:11px 10px;vertical-align:middle}tbody tr:hover td{background:#fbfaf7}.name-cell{display:flex;align-items:center;gap:8px;font-weight:650}.globe,.logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--accent);flex:0 0 auto}.globe,.logo,.pill{font-size:.75rem;font-weight:700}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;white-space:nowrap;background:var(--mute-bg);color:var(--muted)}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.menu-wrap{position:relative;display:inline-block}.menu{position:fixed;z-index:30;background:white;border:1px solid var(--line);border-radius:12px;min-width:196px;padding:6px;box-shadow:var(--shadow)}.menu button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:8px 10px;color:var(--text)}.menu button:hover{background:var(--inset)}.menu button.danger{color:var(--bad)}.empty{padding:28px 10px;color:var(--muted);text-align:center}.kv{display:grid;grid-template-columns:180px 1fr;grid-gap:8px 12px;gap:8px 12px;margin-top:12px}.kv span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 14px;gap:0 14px}.checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}.checks label{display:flex;gap:8px;align-items:center;font-size:.92rem}.back{margin-bottom:8px}.service{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.mono{font-family:var(--mono);font-size:.82rem}.overlay{position:fixed;inset:0;background:rgba(20,27,39,.46);display:grid;place-items:center;padding:20px;z-index:20}.dialog{width:min(760px,100%);max-height:min(86dvh,860px);overflow:auto;background:white;border-radius:16px;padding:20px;box-shadow:var(--shadow)}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}.switch{display:inline-flex;align-items:center;gap:8px}.toasts{position:fixed;right:16px;bottom:16px;display:grid;grid-gap:8px;gap:8px;z-index:30}.toast{background:var(--ink);color:#f6f3ee;border-radius:12px;padding:12px 14px;max-width:320px;box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{background:var(--inset);border-radius:999px;padding:3px 8px;font-family:var(--mono);font-size:.75rem}.note{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--soft);color:var(--accent-2);font-size:.88rem}@media (max-width:1200px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.admin,.form-grid,.grid-2,.grid-3,.kv,.login{grid-template-columns:1fr}.admin{display:block}.side{position:-webkit-sticky;position:sticky;top:0;height:auto;max-height:42dvh;z-index:5}.page-head,.top{flex-direction:column;align-items:stretch}.who{margin-left:0}}@media (max-width:640px){.stats{grid-template-columns:1fr 1fr}.login-hero{padding:28px 20px}}