:root{color-scheme:dark;--bg:#0c0e12;--panel:#14171d;--line:#282c34;--muted:#8d95a5;--text:#eef1f6;--lime:#c3f660;--blue:#81a8ff;--red:#ff8e91;--amber:#edc77f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid #363c47;background:#1b1f27;color:var(--text);border-radius:9px;padding:10px 15px}button:hover{background:#2a303a}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--lime);color:#1b2411;border-color:var(--lime);font-weight:650}.primary:hover{background:#d6ff8c}aside{position:fixed;width:236px;inset:0 auto 0 0;background:#101217;border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:16px;font-weight:750;padding:0 10px 40px}.brand-sub{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:2px}.brand-icon{background:var(--lime);color:#151b0e;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-weight:800;font-size:24px}.brand-icon span{font-size:18px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#717a8b;margin:20px 13px 10px}nav a{display:flex;gap:14px;color:#9da5b4;text-decoration:none;padding:12px 15px;margin:4px 0;border-radius:8px;font-size:17px}nav a span{font-size:13px;font-weight:550}nav a:hover{background:#1a1e26}nav a.active{background:#26301b;color:var(--lime);box-shadow:inset 3px 0 var(--lime)}.sidebar-foot{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.sidebar-foot button{margin-left:auto;padding:5px 8px}.sidebar-foot small{display:block;color:var(--muted);font-size:10px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2d3140;color:#bec8e0;font-size:12px}.small{width:30px;height:30px}main{margin-left:236px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}header>div{display:flex;align-items:center;gap:20px}.pill{font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.pill.ok{color:var(--lime)}.content{max-width:1600px;margin:auto;padding:36px 38px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:650}h1{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:10px 0}p{color:var(--muted);margin:9px 0}h2{font-size:15px;margin:0;font-weight:600}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric,.card{background:var(--panel);border:1px solid var(--line);border-radius:13px}.metric{padding:22px}.metric-label{color:#a3acbb;font-size:12px;display:flex;justify-content:space-between}.metric-value{font-size:34px;letter-spacing:-1px;margin:14px 0 3px;font-weight:600}.metric small{color:var(--muted);font-size:11px}.metric:nth-child(2) .metric-value{color:var(--lime)}.metric:nth-child(3) .metric-value{color:var(--blue)}.metric:nth-child(4) .metric-value{color:var(--amber)}.grid{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;margin-bottom:22px}.card-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.card-head p{font-size:11px;margin-bottom:0}.card-body{padding:22px}.chart{display:flex;align-items:end;height:190px;gap:8px;padding-top:15px}.bar-group{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:9px}.bar{width:70%;min-height:2px;background:var(--lime);border-radius:4px 4px 0 0;opacity:.85}.bar-group small{font-size:9px;color:var(--muted)}.rank{padding:12px 0}.rank>div{display:flex;justify-content:space-between;font-size:12px}.track{height:5px;background:#272d36;margin-top:9px;border-radius:5px;overflow:hidden}.track i{height:100%;display:block;background:var(--blue)}.toolbar{display:flex;gap:12px;align-items:center;padding:18px 22px;flex-wrap:wrap}.toolbar input{background:#0e1117;border:1px solid #323844;border-radius:8px;color:white;padding:10px 12px;min-width:0}.toolbar input[type=search]{flex:1;min-width:160px}.toolbar label{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8f99aa;background:#11141a;padding:13px 20px;font-weight:550}td{padding:16px 20px;border-bottom:1px solid #232832;color:#cdd3de}tbody tr:hover{background:#1c212a}td button{padding:5px 9px;font-size:11px}.badge{display:inline-block;border-radius:5px;padding:3px 7px;background:#25351e;color:var(--lime);font-size:10px}.badge.bad{background:#3a232b;color:var(--red)}.badge.neutral{background:#232c41;color:var(--blue)}.mono{font-family:ui-monospace,Consolas,monospace;color:var(--blue)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;color:var(--muted);font-size:11px}.pagination button{padding:6px 12px;margin-left:6px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}#notice:not(:empty){padding:13px 18px;background:#2c271a;border:1px solid #5c4c29;color:var(--amber);border-radius:9px;margin-bottom:20px}footer{display:flex;justify-content:space-between;margin-top:32px;font-size:9px;letter-spacing:1px;color:#788294}footer span{letter-spacing:0}.setting-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}dialog{border:1px solid #424b59;border-radius:16px;background:var(--panel);color:var(--text);max-width:440px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:25px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 15%,#27352155,transparent 50%),#0c0e12}.login-card{width:min(430px,90vw);padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.login-card .eyebrow{margin-top:25px}.login-card h1{font-size:37px;margin:18px 0}.login-card label{display:block;font-size:12px;margin-top:30px}.login-card input[type=password]{width:100%;margin:9px 0 18px;padding:12px;background:#0d1016;border:1px solid #3a414d;border-radius:8px;color:white}.login-card button{width:100%}.login-card small{font-size:9px;color:var(--muted)}.error{color:var(--red)}@media(min-width:1500px){.content{padding:45px 55px}.metric{padding:27px}}@media(max-width:1050px){aside{width:195px}main{margin-left:195px}.content{padding:26px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:680px){aside{position:static;width:auto;padding:15px}.brand{padding:0 0 15px}nav{display:flex;overflow:auto}nav a{flex-shrink:0}.nav-label,.sidebar-foot,nav .nav-label{display:none}main{margin-left:0}header{padding:0 18px;height:55px}.content{padding:22px 15px}.page-heading{align-items:start}.page-heading h1{font-size:26px}.page-heading p{font-size:12px;max-width:220px}.page-heading button{font-size:11px;padding:8px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:28px}footer{gap:20px}.pill{font-size:9px}}
/* Cobalt / editorial interface */
:root{--bg:#08090c;--panel:#101216;--line:#24272e;--muted:#969dab;--text:#f1f3f7;--lime:#91b4ff;--blue:#6799ff;--amber:#c2b6f3;--red:#f294a3;--accent:#3167ec}body{font-family:Inter,'Segoe UI',sans-serif;letter-spacing:.1px}aside{width:248px;background:#0b0c10;padding:28px 18px;border-color:#20232a}main{margin-left:248px}.brand{padding:0 6px 36px;font-size:15px;letter-spacing:1px}.brand-logo{width:52px;height:52px;border-radius:14px}.brand-sub{font-size:9px;letter-spacing:2.4px}nav a{padding:13px 14px;border:1px solid transparent;gap:13px;transition:background .2s,color .2s,transform .2s}nav a svg{width:19px;height:19px;flex-shrink:0}nav a.active{background:#17233d;color:#a5c2ff;box-shadow:none;border-color:#2b4167}nav a:hover{transform:translateX(3px)}.nav-label{font-size:9px;letter-spacing:2px;margin-top:25px}.avatar{background:#202d47;color:#a3bfff;border:1px solid #344564}.sidebar-foot{padding-top:22px}header{height:72px;background:#0b0d11;padding:0 40px}.pill{background:#141922;border-color:#283343;letter-spacing:.25px}.pill.ok{color:#9dbfff}.content{padding:34px 40px;max-width:1680px}.page-heading{margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#8babef}h1{font-size:32px;letter-spacing:-1.1px;font-weight:600}h2{font-weight:550}.page-heading p{font-size:13px}.editorial-banner{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #29354a;background:#101827;height:148px;border-radius:12px;margin-bottom:26px;padding:27px 30px}.editorial-banner>div{position:relative;z-index:2}.editorial-banner h2{font-size:24px;letter-spacing:-.7px;margin-top:9px}.editorial-banner p{font-size:12px;color:#a6b2c6}.banner-photo{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;opacity:.4;filter:grayscale(1);mask-image:linear-gradient(to right,transparent,black 50%)}.metrics{gap:16px;margin-bottom:25px}.metric{border-radius:10px;padding:24px;background:linear-gradient(145deg,#15181f,#101216);position:relative;transition:transform .25s,border-color .25s;animation:rise .45s both}.metric:hover{transform:translateY(-3px);border-color:#4a6085}.metric:nth-child(2){animation-delay:.05s}.metric:nth-child(3){animation-delay:.1s}.metric:nth-child(4){animation-delay:.15s}.metric-label{font-size:11px;letter-spacing:.4px}.metric-label>span{color:#6c87b4}.metric-value{font-size:35px;font-weight:550;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.metric:nth-child(2) .metric-value{color:#9ebeff}.metric:nth-child(3) .metric-value{color:#e1e6f1}.metric:nth-child(4) .metric-value{color:#b7a9ee}.card{border-radius:10px;overflow:hidden;animation:rise .4s both}.card-head{padding:23px 24px;background:#12151b;border-color:#252931}.card-body{padding:24px}.grid{gap:25px}.chart{background:repeating-linear-gradient(to top,transparent,transparent 44px,#ffffff08 45px);gap:10px}.bar{background:linear-gradient(to top,#244caa,#80aaff);border-radius:3px 3px 0 0;transform-origin:bottom;animation:grow .8s cubic-bezier(.22,1,.36,1) both;transition:filter .2s}.bar:hover{filter:brightness(1.3)}.track{height:4px;background:#242a36}.track i{background:#698fde;animation:growX .7s both;transform-origin:left}.rank{padding:14px 0}.primary{background:#3267e9;color:white;border:1px solid #5a85ef}.primary:hover{background:#4479fa}button{border-radius:7px;transition:background .2s,transform .2s;letter-spacing:.2px}button:active{transform:translateY(1px)}.toolbar{padding:20px 24px;background:#101319}.toolbar input{border-color:#303642;border-radius:6px;background:#0a0d12}.toolbar input:focus{outline:2px solid #5687f1;outline-offset:1px}th{background:#191c23;font-size:9px;letter-spacing:1.2px;padding:15px 22px}td{padding:18px 22px;border-color:#21252e;font-size:12px}tbody tr{transition:background .15s}tbody tr:hover{background:#172032}.badge{background:#182b4d;color:#9dbfff;border:1px solid #304a72;border-radius:4px}.badge.bad{background:#322027;color:#f0a0ad;border-color:#533541}.badge.neutral{background:#222633;color:#c3cada;border-color:#343b4c}.pagination{padding:20px 24px}.server-visual{position:relative;height:200px;border:1px solid #283449;border-radius:12px;overflow:hidden;margin-bottom:25px;display:flex;align-items:center;padding:30px}.server-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:grayscale(1)}.server-visual>div{position:relative}.server-visual h2{font-size:27px;letter-spacing:-.7px;margin-top:10px}.server-visual p{color:#b2bdcf;max-width:370px;font-size:12px}footer{border-top:1px solid #22262e;padding-top:23px;margin-top:35px}.login{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh;background:#090b0f;place-items:stretch;padding:18px;gap:18px}.login-visual{position:relative;border-radius:15px;overflow:hidden;min-height:700px;background:#0e1c30}.architecture{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.65;animation:photoIn 1.3s ease-out both}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07111f55 10%,#07132333 35%,#071427fa 100%)}.visual-top{position:absolute;inset:32px 32px auto;display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:2px}.visual-top img{width:48px;height:48px;border-radius:50%}.edition{margin-left:auto;color:#ced5e2;font-size:9px}.visual-copy{position:absolute;bottom:36px;left:38px;right:38px;animation:rise .8s both}.visual-copy h1{font-size:clamp(34px,3.8vw,62px);font-weight:450;letter-spacing:-2px;line-height:1.05;margin:22px 0}.visual-copy p{font-size:13px;line-height:1.8;color:#b8c6d9}.visual-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;margin-top:38px;padding-top:20px;font-size:9px;letter-spacing:2px;color:#a3b6cf}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:60px 30px}.login-card{width:min(390px,100%);background:none;border:0;padding:0;animation:rise .6s both}.login-logo{width:74px;height:74px;border-radius:17px}.login-card h1{font-size:42px;font-weight:500;letter-spacing:-1.6px}.login-card .eyebrow{margin-top:26px}.login-card label{font-size:11px;color:#c0c7d4}.login-card input[type=password]{padding:15px;border-color:#303642;border-radius:7px;background:#10141b}.login-card .primary{display:flex;justify-content:space-between;padding:14px 18px;font-size:12px}.login-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#8d99ae;margin-top:26px}.secure-dot{width:5px;height:5px;background:#81a8ff;border-radius:50%}.login-footer{position:absolute;bottom:20px;width:80%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#737f92}.login-footer span{letter-spacing:0}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes photoIn{from{opacity:0;transform:scale(1.04)}to{opacity:.65;transform:scale(1)}}@media(max-width:1050px){aside{width:205px}main{margin-left:205px}.content{padding:25px}.brand-logo{width:42px;height:42px}.login{grid-template-columns:1fr 1fr}.visual-copy{left:25px;right:25px}.visual-copy h1{font-size:39px}.visual-top{left:24px;right:24px}.edition{display:none}}@media(max-width:680px){aside{width:auto;padding:15px}.brand{padding:0 0 12px}.brand-logo{width:36px;height:36px}main{margin-left:0}.content{padding:20px 15px}nav a{padding:10px}header{padding:0 15px}.editorial-banner{height:130px;padding:20px}.editorial-banner h2{font-size:20px}.metric{padding:17px}.metric-value{font-size:29px}.login{display:block;padding:0}.login-visual{min-height:230px;border-radius:0}.visual-top{top:20px}.visual-copy{bottom:20px}.visual-copy h1{font-size:28px;margin:10px 0}.visual-copy p,.visual-bottom,.visual-copy>.eyebrow{display:none}.login-side{padding:35px 25px 80px}.login-logo{display:none}.login-card h1{font-size:34px}.login-card .eyebrow{margin-top:0}.server-visual{height:170px;padding:20px}.server-visual h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}