:root{color-scheme:dark;font:18px/1.5 Arial,system-ui,sans-serif;background:#080f1b;color:#edf4ff;--accent:#39b5f5;--muted:#a4b3c9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0,#14334b,transparent 60%);min-height:100svh}header{display:flex;align-items:center;gap:24px;background:#060c17;border-bottom:1px solid #293b53;padding:20px max(24px,calc((100vw - 1240px)/2))}header>a{font-size:29px;font-weight:800;color:#f1f7ff;text-decoration:none}header>a span{color:var(--accent)}header>span{color:var(--muted);font-size:16px}header form{margin-left:auto}main{max-width:1240px;margin:auto;padding:38px 24px 60px}h1{font-size:34px;margin:5px 0 28px;line-height:1.2}h2{font-size:24px;margin-top:36px}.eyebrow{color:var(--accent);font-size:14px;text-transform:uppercase;letter-spacing:1px}.panel{background:#111e30;border:1px solid #293b53;border-radius:14px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.metrics span{display:block;color:var(--muted);font-size:16px}.metrics strong{display:block;font-size:38px;margin-top:10px}.metrics small{display:block;color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px}label{display:grid;gap:7px;color:#c7d5e8;font-size:16px}input,select{min-width:0;background:#0b1627;border:1px solid #40526b;color:#eff5ff;border-radius:8px;padding:12px;font:18px Arial,system-ui,sans-serif}button{min-height:46px;background:#1b344c;border:1px solid #42739a;border-radius:8px;padding:10px 20px;color:#e7f3ff;font:700 16px/1.4 Arial,system-ui,sans-serif;cursor:pointer}button:hover{background:#21567a}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.muted{color:var(--muted);font-size:15px;margin-top:22px}.table{overflow:auto;border:1px solid #293b53;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 18px;border-bottom:1px solid #27384f;font-size:16px;white-space:nowrap}th{background:#111e30;color:#b9d2ed}.login{max-width:450px;margin:50px auto}.login form{display:grid;gap:20px}.login h1{font-size:28px}.login p{color:#ffa4a4}footer{text-align:center;padding:24px;color:var(--muted);font-size:14px}@media(max-width:800px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics strong{font-size:30px}main{padding:28px 16px}header{padding:16px;gap:14px}header>span{display:none}h1{font-size:29px}.panel{padding:18px}.filters label{flex:1;min-width:140px}}