:root{--bg:#0b1416;--surface:#122124;--surface-2:#0e1a1d;--line:#22363b;--ink:#d9e6e6;--bright:#e4f1f2;--muted:#7e9aa0;--accent:#72c6d3;--accent-2:#8fd6e0;--ok:#63be81;--warn:#d8a94b;--crit:#e08273;--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:190px 1fr;min-height:100vh}.side{background:var(--surface-2);border-right:1px solid var(--line);padding:.9rem 0;display:flex;flex-direction:column;gap:.15rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .brand{font:700 .82rem/1 var(--mono);letter-spacing:.06em;color:var(--accent-2);padding:.35rem 1rem 1rem}.side a.nav{padding:.5rem 1rem;color:var(--muted);font-size:.85rem;border-right:2px solid transparent}.side a.nav:hover{color:var(--bright);text-decoration:none}.side a.nav.on{background:#14262b;color:var(--bright);border-right-color:var(--accent)}.side .sep{font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.7;padding:1.1rem 1rem .35rem}.side .foot{margin-top:auto;padding:.8rem 1rem .2rem;border-top:1px solid var(--line)}.side .foot .who{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.side .foot .role-tag{font:600 .58rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:.25rem 0 .45rem}.main{padding:0 1.2rem 3rem;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);margin-bottom:1rem;flex-wrap:wrap}.topbar h1{font-size:1rem;font-weight:650;margin:0;color:var(--bright)}.topbar .sys{font:500 .72rem/1.4 var(--mono);color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.7rem;gap:.7rem}.pc{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:.7rem .8rem;min-width:0}.pc .nm{display:flex;align-items:center;gap:.5rem;font-weight:650;font-size:.86rem;color:var(--bright)}.pc .nm a{color:inherit}.pc .st{font:500 .7rem/1.7 var(--mono);color:var(--muted);margin-top:.35rem}.pc .st b{color:var(--ink);font-weight:600}.pc .st .bad{color:var(--crit);font-weight:700}.pc .st .warn{color:var(--warn);font-weight:700}.led{width:.55rem;height:.55rem;border-radius:50%;background:var(--ok);flex:none}.led.w{background:var(--warn)}.led.k{background:var(--crit)}.led.o{background:#3a5158}.banner{display:flex;gap:.6rem;align-items:baseline;border-radius:.45rem;padding:.55rem .8rem;font-size:.8rem;margin-bottom:.6rem;border:1px solid}.banner.warn{background:#33290f;color:#e8c87e;border-color:#4a3b14}.banner.crit{background:#3a1b15;color:#f0a99c;border-color:#57251c}.banner .mono{font-size:.72rem}h2.sec{font:600 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:1.6rem 0 .6rem}.tblbox{overflow-x:auto;border:1px solid var(--line);border-radius:.5rem;background:var(--surface)}table.tbl{border-collapse:collapse;width:100%;font-size:.78rem}.tbl th{font:600 .62rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:.5rem .7rem;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--line)}.tbl td{padding:.45rem .7rem}.tbl tr:last-child td{border-bottom:none}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.6rem;gap:.6rem}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:.6rem .75rem}.kpi .v{font:700 1.35rem/1.2 var(--sans);color:var(--bright);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .l{font:500 .68rem/1.4 var(--mono);letter-spacing:.04em}.kpi .d,.kpi .l{color:var(--muted)}.kpi .d{font:500 .68rem/1.5 var(--mono);margin-top:.2rem}.spark{display:block;width:100%;height:26px;margin-top:.4rem}.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.6}.badge{display:inline-block;font:700 .62rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .45rem;border-radius:.3rem}.badge.crit{background:#3a1b15;color:var(--crit)}.badge.warn{background:#33290f;color:var(--warn)}.badge.mut{background:#14262b;color:var(--accent)}.chips{display:flex;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}.chip{font:600 .72rem/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:1rem;padding:.35rem .7rem;background:var(--surface)}.chip:hover{color:var(--bright);text-decoration:none}.chip.on{color:#06282e;background:var(--accent);border-color:var(--accent)}.btn.ghost2,.btn.sm{width:auto;font-size:.72rem;padding:.4rem .65rem}.btn.ghost2{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.ghost2:hover{color:var(--crit);border-color:var(--crit)}.main input,.main select,.main textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:.4rem;color:var(--bright);font:500 .82rem/1.4 var(--sans);padding:.45rem .6rem}.main textarea{width:100%;resize:vertical;font-family:var(--mono);font-size:.75rem}.main select.sm{font-size:.72rem;padding:.35rem .4rem}.main input:focus,.main select:focus,.main textarea:focus{outline:2px solid var(--accent);outline-offset:1px}details>summary{cursor:pointer;font-size:.78rem}details>summary:hover{color:var(--bright)}.mailbody{white-space:pre-wrap;word-break:break-word;font:400 .74rem/1.5 var(--mono);color:var(--ink);border:1px solid var(--line);border-radius:.4rem;padding:.7rem;max-height:320px;overflow-y:auto;margin:.5rem 0 0}.mailbody,code.mono{background:var(--surface-2)}code.mono{padding:.15rem .35rem;border-radius:.25rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:1.6rem}.login h1{font:700 .9rem/1 var(--mono);letter-spacing:.06em;color:var(--accent-2);margin:0 0 1.2rem}.login label{display:block;font-size:.75rem;color:var(--muted);margin:0 0 .3rem}.login input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:.4rem;color:var(--bright);font:500 .95rem/1 var(--sans);padding:.6rem .7rem;margin-bottom:.9rem}.login input.otp{font:700 1.3rem/1 var(--mono);letter-spacing:.3em;text-align:center}.login input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.btn{width:100%;background:var(--accent);color:#06282e;border:none;border-radius:.4rem;font:650 .85rem/1 var(--sans);padding:.65rem;cursor:pointer}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--muted);font-weight:500;padding:.45rem}.btn.ghost:hover{color:var(--bright)}.err{color:var(--crit);font-size:.78rem;margin:-.3rem 0 .7rem}@media (max-width:720px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;gap:.3rem}.side,.side .brand{padding:.4rem .6rem}.side a.nav{border-right:none;border-bottom:2px solid transparent;white-space:nowrap}.side a.nav.on{border-bottom-color:var(--accent)}.side .foot,.side .sep{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}