:root{--bg: #0a0a12;--surface: #14141f;--violet: #8b5cf6;--cyan: #22d3ee;--txt: #e9e9f3;--muted: #8b8ba3;--dim: #63637a;--glass: rgba(255, 255, 255, .055);--brd: rgba(255, 255, 255, .12);--hair: rgba(255, 255, 255, .07);--grad: linear-gradient(135deg, #8b5cf6, #3b82f6 60%, #22d3ee);--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt);background:radial-gradient(680px 560px at 4% -6%,rgba(124,58,237,.26),transparent 62%),radial-gradient(760px 640px at 98% 104%,rgba(37,99,235,.22),transparent 60%),var(--bg);background-attachment:fixed;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font-family:inherit;font-size:inherit}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{border-right:1px solid var(--hair);padding:18px 14px 40px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.main{padding:26px 32px 70px;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand .dot{width:30px;height:30px;flex:none;display:block}.brand b{font-size:17px;font-weight:800;letter-spacing:-.01em;display:block;line-height:1.2}.brand span{font-size:11px;color:var(--dim);display:block}.navgrp{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin:16px 0 6px 10px;font-weight:700}.nav a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;color:var(--muted);text-decoration:none;font-weight:600;font-size:13.5px;border:1px solid transparent}.nav a:hover{color:var(--txt);background:#ffffff0a}.nav a.on{color:var(--txt);background:#8b5cf626;border-color:var(--brd)}.nav a .ic{width:16px;text-align:center;opacity:.8;font-size:13px}.nav a .pill{margin-left:auto;font-size:10.5px;font-weight:700;background:#d03b3b38;color:#f2a3a3;border-radius:999px;padding:1px 7px}.whoami{margin-top:auto;padding-top:16px;border-top:1px solid var(--hair)}.whoami .who{padding:0 10px 8px}.whoami .who b{display:block;font-size:13px}.whoami .who span{display:block;font-size:11.5px;color:var(--dim)}.head{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px;flex-wrap:wrap}h1{font-size:25px;font-weight:800;letter-spacing:-.02em}.sub{color:var(--muted);font-size:13.5px;margin-top:2px}.head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.sect{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);font-weight:700;margin:28px 0 11px}.btn{background:var(--grad);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 15px;font-weight:700;font-size:13px;cursor:pointer}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#ffffff12;color:var(--txt)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.field label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px;font-weight:600}.field input{background:#00000047;border:1px solid var(--brd);color:var(--txt);padding:11px 13px;border-radius:var(--radius-sm);outline:none;width:100%}.field input:focus{border-color:#8b5cf699}.glass{background:var(--glass);border:1px solid var(--brd);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.kpi{padding:15px 17px 16px}.kpi .lab{color:var(--muted);font-size:12.5px}.kpi .val{font-size:31px;font-weight:700;letter-spacing:-.025em;margin-top:5px;line-height:1.05}.kpi .val small{font-size:15px;font-weight:600;color:var(--muted);margin-left:3px;letter-spacing:0}.kpi .dl{font-size:12px;margin-top:7px;color:var(--muted)}.rows{padding:4px 0}.row{display:flex;align-items:center;gap:12px;padding:11px 17px;border-bottom:1px solid var(--hair);font-size:13.5px}.row:last-child{border-bottom:none}.row .g{flex:1;min-width:0}.row .t{font-weight:600}.row .d{color:var(--muted);font-size:12.5px;margin-top:1px}.row .when{color:var(--dim);font-size:12px;white-space:nowrap}.empty{color:var(--muted);padding:26px 18px;text-align:center;font-size:13.5px}.tablewrap{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--dim);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;border-bottom:1px solid var(--brd);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--hair);font-size:13.5px;vertical-align:middle}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.dim{color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge i{font-style:normal;font-size:10px;line-height:1}.badge.good{background:#0ca30c29;color:#a7e5a7}.badge.good i{color:var(--good)}.badge.warn{background:#fab21926;color:#f2d79a}.badge.warn i{color:var(--warning)}.badge.serious{background:#ec835a26;color:#f3bda6}.badge.serious i{color:var(--serious)}.badge.crit{background:#d03b3b2e;color:#f0a8a8}.badge.crit i{color:var(--critical)}.badge.off{background:#94a3b824;color:#c3c3d2}.badge.off i{color:var(--muted)}.alert{display:flex;align-items:center;gap:13px;padding:14px 17px;border-radius:14px;margin-bottom:12px;background:#d03b3b1a;border:1px solid rgba(208,59,59,.3)}.alert.warn{background:#fab21917;border-color:#fab21947}.alert .glyph{width:28px;height:28px;border-radius:9px;background:#d03b3b38;color:#f0a8a8;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;font-weight:700}.alert.warn .glyph{background:#fab2192e;color:#f2d79a}.alert .t{font-weight:700;font-size:13.5px}.alert .d{color:var(--muted);font-size:12.5px;margin-top:1px}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.chart{padding:16px 18px 12px}.chart h3{font-size:14px;font-weight:700}.chart .cs{color:var(--muted);font-size:12.5px;margin:2px 0 12px}.axis{fill:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}.blab{fill:#c9c9dc;font-size:12px}.bval{fill:var(--txt);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:390px;max-width:100%;padding:36px 32px;text-align:center}.login-card .dot{width:54px;height:54px;margin:0 auto 14px;display:block}.login-card h2{font-size:24px;font-weight:800}.login-card p{color:var(--muted);font-size:13.5px;margin:4px 0 8px}.login-card .btn{width:100%;margin-top:18px}.login-card .field{text-align:left}.err{color:#f0a8a8;font-size:13px;margin-top:12px;min-height:18px}.err .trace{color:var(--dim);font-size:11px;font-family:ui-monospace,Menlo,monospace;display:block;margin-top:3px}.reading{max-width:70ch}.spin{color:var(--muted);padding:40px;text-align:center}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:static;height:auto}.main{padding:22px 18px 60px}}.badge.info{background:#8b5cf629;color:#cbb8fb}.badge.info i{color:var(--violet)}.meterbox{display:flex;flex-direction:column;justify-content:center}.meter-head{display:flex;align-items:baseline;gap:10px}.meter-lab{color:var(--muted);font-size:12.5px;flex:1}.meter-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.meter-tot{color:var(--muted);font-weight:600;font-size:12.5px}.meter-track{height:9px;border-radius:999px;margin-top:10px;overflow:hidden}.meter-fill{height:100%;border-radius:999px}.meter-track.ok{background:#8b5cf633}.meter-track.ok .meter-fill{background:var(--violet)}.meter-track.warn{background:#fab21933}.meter-track.warn .meter-fill{background:var(--warning)}.meter-track.crit{background:#d03b3b38}.meter-track.crit .meter-fill{background:var(--critical)}.meter-foot{color:var(--dim);font-size:11.5px;margin-top:6px;font-variant-numeric:tabular-nums}.formcard{padding:18px 20px 22px;max-width:460px}.formcard .btn{margin-top:18px}.hint{color:var(--dim);font-size:11.5px;margin-top:5px;min-height:16px}.hint .bad{color:#f0a8a8}.okline{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12.5px}.roles{display:flex;gap:6px;flex-wrap:wrap}.rolebtn{background:#ffffff0d;border:1px solid transparent;color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;cursor:pointer}.rolebtn:hover:not(:disabled){color:var(--txt);background:#ffffff17}.rolebtn.on{background:#8b5cf62e;border-color:var(--brd);color:#cbb8fb;cursor:default}.keybox{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:11px;padding:14px;margin-top:12px;word-break:break-all;font-size:15px;color:#a5f3fc}.app.app-seul{grid-template-columns:1fr;justify-items:center}.app.app-seul .main{width:100%;max-width:620px;padding-top:60px}