:root{color:#edf3fb;font-synthesis:none;--bg:#07101d;--panel:#0d192a;--panel2:#12213a;--line:#263956;--muted:#8ea0b9;--yellow:#ffd63d;--green:#33d596;--red:#ff6c75;--blue:#669fff;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 65% -20%,#669fff1f,transparent 28%),var(--bg);margin:0}button,input,select{font:inherit}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#081321;flex-direction:column;height:100vh;padding:20px 15px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 22px;display:flex}.brandmark{background:linear-gradient(145deg,var(--yellow),#ffec91);color:#191203;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:950;display:grid}.brand strong{font-size:14px;display:block}.brand small,.admin-card small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.sidebar nav{gap:4px;display:grid}.navitem{color:#9caec5;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:750;display:flex}.navitem span{background:#0c1829;border:1px solid #1d304c;border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.navitem:hover,.navitem.active{color:#fff;background:#14233a}.navitem.active span{color:var(--yellow);border-color:#394b65}.admin-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;align-items:center;gap:9px;margin-top:auto;padding:12px;font-size:11px;display:flex}.avatar{width:34px;height:34px;color:var(--yellow);background:#182b47;border-radius:50%;place-items:center;font-weight:900;display:grid}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#07101dd1;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);background:#0a1626;border-radius:13px;align-items:center;gap:8px;width:min(560px,60vw);height:40px;padding:0 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.search input::placeholder{color:#60738f}.top-actions{align-items:center;gap:8px;display:flex}.env{color:#ffda61;background:#29230f;border:1px solid #61531d;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900}.iconbtn{border:1px solid var(--line);background:var(--panel);color:#dce6f2;border-radius:11px;width:35px;height:35px}.content{max-width:1500px;margin:auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:.14em;font-weight:900;color:var(--yellow)!important;margin-bottom:8px!important;font-size:9px!important}.page-head h1{letter-spacing:-.035em;margin:0;font-size:28px}.page-head p{color:var(--muted);margin:7px 0 0;font-size:12px}.primary{background:linear-gradient(135deg,var(--yellow),#ffe985);color:#171105;border:0;border-radius:12px;padding:11px 14px;font-weight:900}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.metric-grid.small{grid-template-columns:repeat(4,1fr)}.metric{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px;min-height:120px;padding:17px}.metric small{color:var(--muted);font-size:10px;display:block}.metric strong{letter-spacing:-.035em;margin:18px 0 5px;font-size:24px;display:block}.metric span{color:#8193ae;font-size:10px}.metric.good strong{color:#75e9b9}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:20px;margin-bottom:14px;padding:18px}.panel h2{margin:0;font-size:14px}.panel p{color:var(--muted);font-size:10px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-head p{margin:5px 0 0}.linkbtn,.row-action{color:#aebdd0;background:0 0;border:0;font-size:10px;font-weight:800}.ops{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ops div{border:1px solid var(--line);background:#091522;border-radius:14px;padding:13px}.ops b{font-size:18px}.ops span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.feed>div{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.feed>div:first-child{border-top:0}.feed i{background:#ffbd4a;border-radius:50%;width:8px;height:8px}.feed i.critical{background:var(--red)}.feed b{font-size:10px;display:block}.feed span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.audit-list>div{border-top:1px solid var(--line);grid-template-columns:60px 1fr 180px;align-items:center;gap:14px;padding:11px 0;font-size:10px;display:grid}.audit-list>div:first-child{border-top:0}.audit-list time{color:var(--muted)}.audit-list em{color:#8295af;font-family:ui-monospace,monospace;font-size:9px;font-style:normal}.filters{gap:8px;margin-bottom:15px;display:flex}.filters input,.filters select,.filters button,.panel label input{border:1px solid var(--line);color:#dce5f0;background:#091522;border-radius:11px;outline:0;padding:10px 11px}.filters input{flex:1}.filters button{font-weight:800}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#788ba7;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:10px;font-size:8px}td{color:#c9d4e1;border-bottom:1px solid #1d3048;padding:13px 10px;font-size:10px}.badge{color:#a8b8ca;background:#17263c;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900}.badge.ok{color:#7eeabe;background:#33d5961a}.badge.warn{color:#ffd17d;background:#ffbe4a1a}.case{border-top:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.case:first-child{border-top:0}.case>div{flex:1}.case b{font-size:11px}.case p{margin:4px 0 0}.case button{border:1px solid var(--line);color:#d9e3ee;background:#12213a;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800}.severity{text-align:center;border-radius:9px;min-width:52px;padding:8px 6px;font-size:8px;font-weight:950}.severity.high{color:#ffa4aa;background:#ff6c751a}.severity.med{color:#ffd17d;background:#ffbe4a1a}.docicon{border:1px solid var(--line);width:42px;height:42px;color:var(--yellow);background:#091522;border-radius:12px;place-items:center;font-size:9px;font-weight:900;display:grid}.panel label{color:var(--muted);margin:13px 0;font-size:10px;display:block}.panel label input{width:100%;margin-top:6px;display:block}.system div{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.system div:first-child{border-top:0}.system span{color:var(--muted)}.system b{color:#72e7b7}@media (width<=900px){.layout{grid-template-columns:78px 1fr}.sidebar{padding:15px 9px}.brand>div:last-child,.navitem{font-size:0}.brandmark{width:38px}.brand{padding-left:10px}.navitem{justify-content:center;padding:9px}.navitem span{font-size:10px}.admin-card>div:not(.avatar){display:none}.admin-card{justify-content:center;padding:8px}.metric-grid,.metric-grid.small{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.content{padding:20px}.audit-list>div{grid-template-columns:45px 1fr}.audit-list em{display:none}}@media (width<=620px){.layout{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 14px}.search{width:100%}.top-actions{display:none}.content{padding:16px}.page-head{align-items:flex-start}.page-head .primary{display:none}.metric-grid,.metric-grid.small{grid-template-columns:1fr 1fr}.metric{min-height:105px;padding:14px}.metric strong{font-size:19px}.filters select,.filters button{display:none}.ops{grid-template-columns:1fr 1fr}}html,body,#app{min-height:100%}body{min-height:100vh}#app>.layout:has(#loginForm){grid-template-columns:1fr;min-height:100vh;display:grid}#app>.layout:has(#loginForm) .main{place-items:center;min-height:100vh;display:grid}#app>.layout:has(#loginForm) .content{grid-template-columns:minmax(320px,1fr) minmax(380px,460px);align-items:center;gap:72px;width:min(100%,1080px);margin:0 auto;padding:48px;display:grid}#app>.layout:has(#loginForm) .page-head{align-self:center;margin:0}#app>.layout:has(#loginForm) .page-head h1{max-width:620px;font-size:clamp(40px,4vw,64px);line-height:.98}#app>.layout:has(#loginForm) .page-head p:not(.eyebrow){max-width:520px;margin-top:18px;font-size:17px;line-height:1.55}#app>.layout:has(#loginForm) .eyebrow{font-size:12px!important}#app>.layout:has(#loginForm) .panel{border-radius:24px;width:100%;padding:30px;box-shadow:0 30px 80px #00000047;max-width:none!important}#loginForm label{margin:0 0 18px;font-size:13px}#loginForm label input{min-height:48px;margin-top:8px;padding:12px 14px;font-size:15px}#loginForm .primary{cursor:pointer;border-radius:13px;min-height:48px;padding:12px 20px;font-size:15px}@media (width>=901px){.layout{grid-template-columns:286px 1fr}.sidebar{padding:24px 18px}.brand{gap:13px;padding:0 8px 26px}.brandmark{width:44px;height:44px}.brand strong{font-size:16px}.brand small,.admin-card small{font-size:12px}.sidebar nav{gap:6px}.navitem{cursor:pointer;gap:12px;padding:12px 14px;font-size:14px}.navitem span{width:28px;height:28px;font-size:13px}.admin-card{padding:14px;font-size:13px}.avatar{width:38px;height:38px}.topbar{height:76px;padding:0 32px}.search{width:min(680px,58vw);height:44px}.search input{font-size:14px}.env{padding:7px 10px;font-size:10px}.iconbtn{cursor:pointer;width:38px;height:38px}.content{max-width:1680px;padding:34px 36px 48px}.page-head{margin-bottom:28px}.eyebrow{font-size:11px!important}.page-head h1{font-size:36px}.page-head p{margin-top:9px;font-size:14px}.metric-grid{gap:16px;margin-bottom:20px}.metric{min-height:142px;padding:21px}.metric small{font-size:12px}.metric strong{margin:20px 0 7px;font-size:30px}.metric span{font-size:12px}.two-col{gap:18px;margin-bottom:18px}.panel{border-radius:22px;margin-bottom:18px;padding:22px}.panel h2{font-size:17px}.panel p{font-size:12px}.ops{gap:12px}.ops div{padding:16px}.ops b{font-size:22px}.ops span{font-size:11px}.audit-list>div{grid-template-columns:70px 1fr 220px;gap:16px;padding:14px 0;font-size:12px}.audit-list em{font-size:10px}th{padding:13px 12px;font-size:10px}td{padding:15px 12px;font-size:12px}.badge{padding:6px 8px;font-size:9px}.case{padding:16px 0}.case b{font-size:13px}.case button{cursor:pointer;padding:9px 11px;font-size:11px}.severity{padding:9px 7px;font-size:9px}.docicon{width:46px;height:46px;font-size:10px}}@media (width<=900px){#app>.layout:has(#loginForm) .content{grid-template-columns:1fr;gap:28px;width:min(100%,620px);padding:32px 22px}#app>.layout:has(#loginForm) .page-head h1{font-size:42px}}@media (width<=620px){#app>.layout:has(#loginForm) .content{padding:26px 16px}#app>.layout:has(#loginForm) .page-head h1{font-size:34px}#app>.layout:has(#loginForm) .page-head p:not(.eyebrow){font-size:15px}#app>.layout:has(#loginForm) .panel{padding:22px}}