:root{--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--red:#e62e2e;--green:#22c55e;--blue:#3b82f6;--yellow:#eab308}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.layout{display:flex;min-height:100vh}.side{width:240px;background:var(--card);border-right:1px solid var(--border);padding:18px;position:fixed;top:0;bottom:0}.logo{font-size:24px;font-weight:900;margin-bottom:22px}.logo span{color:var(--red)}.side a{display:block;color:var(--muted);padding:11px 10px;border-radius:8px;text-decoration:none;margin-bottom:4px}.side a:hover,.side a.active{background:rgba(230,46,46,.12);color:#fff}.main{margin-left:240px;flex:1}.top{background:var(--card);border-bottom:1px solid var(--border);padding:15px 24px;display:flex;justify-content:space-between}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.stat small{color:var(--muted);text-transform:uppercase}.stat h2{font-size:30px;margin-top:6px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px}.btn{display:inline-block;border:0;border-radius:6px;padding:7px 11px;background:var(--border);color:var(--text);text-decoration:none;cursor:pointer}.btn-red{background:var(--red)}.btn-green{background:var(--green);color:#04110a}.btn-blue{background:var(--blue)}input,select{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:9px 10px;border-radius:7px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.badge{padding:3px 7px;border-radius:999px;font-size:11px}.ok{background:rgba(34,197,94,.15);color:#86efac}.warn{background:rgba(234,179,8,.15);color:#fde047}.bad{background:rgba(230,46,46,.15);color:#fca5a5}.login-body{display:flex;align-items:center;justify-content:center;height:100vh}.login-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;width:340px}.login-box h1{margin-bottom:18px}.login-box input,.login-box button{width:100%;margin-top:10px}.login-box button{background:var(--red);color:white;border:0;padding:11px;border-radius:8px;font-weight:800}.err{color:#fca5a5;margin-bottom:8px}@media(max-width:800px){.side{position:static;width:100%}.layout{display:block}.main{margin-left:0}.grid{grid-template-columns:1fr 1fr}}