:root{--bg-primary:#0b0f14;--bg-secondary:#11171f;--surface:#151c25;--surface-hover:#1b2430;--border:#28313e;--text-primary:#f1f5f9;--text-secondary:#8d9aaa;--accent:#7c8cff;--accent-soft:#21294a;--success:#39d98a;--warning:#f5b942;--danger:#ff6577;--radius:16px;--shadow:0 16px 40px rgba(0,0,0,.22);--sidebar:248px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px;background:#0e131a;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#8e9bff,#5c6ee4);font-size:18px;font-weight:800;box-shadow:0 8px 24px rgba(92,110,228,.3)}.brand strong,.brand small{display:block}.brand small{font-size:9px;letter-spacing:.18em;color:var(--text-secondary);margin-top:2px}.nav-label,.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#697789;font-weight:700}.nav-label{padding:16px 12px 7px;margin:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border-radius:10px;color:#a9b3bf;font-weight:600}.nav-item>span{width:18px;text-align:center}.nav-item:hover{background:var(--surface);color:white}.nav-item.active{background:var(--accent-soft);color:#c6cdff}.nav-item small{margin-left:auto;font-size:9px;text-transform:uppercase;color:#596576}.nav-item b{margin-left:auto;min-width:20px;text-align:center;background:var(--danger);color:white;border-radius:99px;font-size:10px;padding:1px 5px}.nav-item.disabled{opacity:.55}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--border)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot small{font-size:10px;color:var(--text-secondary)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.status-ok{color:var(--success);box-shadow:0 0 0 4px rgba(57,217,138,.1)}.page-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:88px;padding:0 34px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:rgba(11,15,20,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.topbar h1{font-size:20px;margin:0}.topbar .eyebrow{margin:0 0 2px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.update-copy small,.update-copy strong{display:block;text-align:right}.update-copy small{color:var(--text-secondary);font-size:10px}.update-copy strong{font-size:12px}.health-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:700}.health-pill.healthy{background:rgba(57,217,138,.1);color:var(--success)}.health-pill.warning{background:rgba(245,185,66,.1);color:var(--warning)}.user-menu{position:relative}.user-menu summary{display:grid;place-items:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:50%;font-weight:700;cursor:pointer;list-style:none}.user-menu>div{position:absolute;right:0;top:45px;min-width:180px;background:var(--surface);border:1px solid var(--border);padding:14px;border-radius:12px;box-shadow:var(--shadow)}.user-menu strong,.user-menu small{display:block}.user-menu small{color:var(--text-secondary);margin-bottom:10px}.user-menu button{border:0;background:transparent;color:var(--danger);padding:0;cursor:pointer}.main-content{padding:32px 34px 60px;max-width:1500px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.welcome-row h2{font-size:24px;margin:0 0 5px}.welcome-row p,.muted{margin:0;color:var(--text-secondary)}.timestamp{color:var(--text-secondary);font-size:12px}.widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.widget{grid-column:span 4;background:linear-gradient(145deg,rgba(22,29,39,.98),rgba(16,22,30,.98));border:1px solid var(--border);border-radius:var(--radius);padding:22px;min-height:250px;box-shadow:0 1px 0 rgba(255,255,255,.02)}.widget:hover{border-color:#354153}.widget-wide{grid-column:span 8}.widget-head{display:flex;justify-content:space-between;align-items:flex-start}.widget-head .eyebrow{margin:0 0 5px}.widget h3{margin:0;font-size:16px}.widget-head>a{font-size:11px;color:#9ba7ff}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:800}.badge-success{background:rgba(57,217,138,.1);color:var(--success)}.badge-danger{background:rgba(255,101,119,.12);color:var(--danger)}.badge-warning{background:rgba(245,185,66,.12);color:var(--warning)}.badge-neutral{background:#232d39;color:#b4c0ce}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.health-item{display:flex;align-items:center;gap:11px;padding:13px;background:rgba(8,12,17,.36);border-radius:12px}.health-item small,.health-item strong{display:block}.health-item small{font-size:10px;color:var(--text-secondary)}.health-item strong{font-size:11px;text-transform:uppercase}.status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:10px;font-weight:800}.status-icon.good{background:rgba(57,217,138,.12);color:var(--success)}.status-icon.warn{background:rgba(245,185,66,.12);color:var(--warning)}.status-icon.neutral{background:var(--accent-soft);color:#aab4ff}.widget footer{border-top:1px solid var(--border);margin-top:24px;padding-top:14px;color:var(--text-secondary);font-size:10px}.widget footer span{padding:0 8px}.pulse{width:11px;height:11px;background:var(--success);border-radius:50%;box-shadow:0 0 0 6px rgba(57,217,138,.08)}.pulse.warn{background:var(--warning)}.metric-value{font-size:28px;font-weight:750;margin-top:38px;letter-spacing:-.03em}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.mini-stats span+span{border-left:1px solid var(--border);padding-left:18px}.mini-stats small,.mini-stats strong{display:block}.mini-stats small{color:var(--text-secondary);font-size:10px}.job-ring{width:126px;height:126px;margin:20px auto 12px;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 55%,transparent 57%),conic-gradient(var(--success) 0 86%,#29323d 86%);display:flex;flex-direction:column;align-items:center;justify-content:center}.job-ring strong{font-size:34px}.job-ring small{color:var(--text-secondary);font-size:10px}.legend{display:flex;justify-content:center;gap:16px;color:var(--text-secondary);font-size:10px}.legend i,.notification-list i,.notification-page-list i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .green,.notification-list .success,.notification-page-list .success{background:var(--success)}.legend .red,.notification-list .critical,.notification-page-list .critical{background:var(--danger)}.notification-list .warning,.notification-page-list .warning{background:var(--warning)}.notification-list .info,.notification-page-list .info{background:var(--accent)}.empty-state{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.empty-state>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(57,217,138,.1);color:var(--success);margin-bottom:10px}.module-empty .empty-state>span{background:var(--accent-soft);color:#aab4ff}.empty-state strong{color:var(--text-primary)}.empty-state p{margin:3px 0;font-size:11px}.notification-list{margin-top:22px}.notification-list>div{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.notification-list span strong,.notification-list span small{display:block}.notification-list span small{color:var(--text-secondary);font-size:10px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel+.panel{margin-top:18px}.panel-head{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.panel-head h2{margin:0;font-size:17px}.panel-head p{margin:3px 0 0;color:var(--text-secondary)}.subnav{display:flex;gap:4px;margin-bottom:18px}.subnav a{padding:8px 13px;color:var(--text-secondary);border-radius:9px;font-weight:600}.subnav a.active,.subnav a:hover{background:var(--surface);color:var(--text-primary)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}td{font-size:12px}td small,td strong{display:block}td small{color:var(--text-secondary)}tbody tr:hover{background:var(--surface-hover)}.empty-cell{text-align:center;color:var(--text-secondary);padding:40px}.button{border:1px solid var(--border);background:#202a36;color:white;padding:9px 14px;border-radius:9px;font-weight:700;cursor:pointer}.button:hover{background:#293544}.button-primary{background:var(--accent);border-color:var(--accent);color:white}.button-small{font-size:11px;padding:6px 10px}.about-panel{padding:34px}.about-panel h2{font-size:28px;margin:5px 0}.about-panel>p{color:var(--text-secondary)}dl{margin:30px 0 0;max-width:580px}dl div{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:12px 0}dt{color:var(--text-secondary)}dd{margin:0;font-weight:700}.settings-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-stack{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#b9c3cf}input{width:100%;border:1px solid var(--border);background:#0e141c;color:white;padding:11px 12px;border-radius:9px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,140,255,.12)}.form-actions{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.security-panel{padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.security-panel h2{margin:4px 0}.security-panel p{margin:0;color:var(--text-secondary)}.notification-page-list{padding:0 24px}.notification-page-list article{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.notification-page-list article>div{flex:1}.notification-page-list article>div>div{display:flex;justify-content:space-between}.notification-page-list time{color:var(--text-secondary);font-size:10px}.notification-page-list p{margin:4px 0 0;color:var(--text-secondary)}.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px}.alert-success{background:rgba(57,217,138,.1);color:var(--success);border:1px solid rgba(57,217,138,.2)}.alert-danger{background:rgba(255,101,119,.1);color:#ff9aa6;border:1px solid rgba(255,101,119,.2)}.login-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(90,105,200,.18),transparent 40%),var(--bg-primary)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,400px);padding:38px;background:rgba(19,26,35,.94);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.login-card>.brand-mark{margin-bottom:24px}.login-card h1{font-size:29px;margin:5px 0}.login-card .button{margin-top:4px}.login-security{margin:26px 0 0;text-align:center;color:var(--text-secondary);font-size:10px}.login-security .status-dot{margin-right:7px}.icon-button{background:none;border:0;color:white;cursor:pointer}.menu-button{display:none;font-size:20px}@media(max-width:1050px){.widget{grid-column:span 6}.widget-wide{grid-column:span 12}.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.page-shell{margin-left:0}.menu-button{display:block}.topbar{padding:0 18px}.topbar-actions{gap:9px}.update-copy,.health-pill{display:none}.main-content{padding:24px 18px}.widget,.widget-wide{grid-column:span 12}.welcome-row{align-items:start}.timestamp{display:none}.form-grid{grid-template-columns:1fr}}@media(max-width:460px){.health-grid{grid-template-columns:1fr}.widget{padding:18px}.topbar{height:74px}.login-card{padding:28px 22px}}