:root{--bg:#07101f;--panel:#0f1c31;--panel2:#13223b;--line:#243a5e;--text:#f5f7fb;--muted:#9fb6d8;--blue:#3b82f6;--red:#7f1d1d;--green:#16a34a;--orange:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.app{display:flex;min-height:100vh}.side{width:260px;background:#050b16;border-right:1px solid var(--line);padding:24px;position:fixed;top:0;bottom:0}.brand{font-size:25px;font-weight:900;margin-bottom:30px}.side a{display:block;color:#dbeafe;text-decoration:none;padding:13px 14px;margin:6px 0;border-radius:12px}.side a:hover{background:var(--panel2)}.main{margin-left:260px;width:calc(100% - 260px)}.top{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#081427}.top h1{font-size:30px;margin:0}.content{padding:32px}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:22px;box-shadow:0 10px 35px #0003}.metric{font-size:34px;font-weight:900}.muted{color:var(--muted)}input,select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#061225;color:white;margin:6px 0 14px}label{font-weight:800;color:#c7dcff}.btn,button{background:var(--blue);border:0;color:white;padding:13px 18px;border-radius:13px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{color:#bfd6ff;background:#0b1729}.pill{padding:6px 11px;border-radius:999px;font-weight:800;font-size:12px}.ok{background:#064e3b;color:#bbf7d0}.bad{background:#7f1d1d;color:#fecaca}.warn{background:#78350f;color:#fde68a}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.alert{background:#521818;border:1px solid #b91c1c;padding:16px;border-radius:16px}.success{background:#063b25;border:1px solid #16a34a;padding:16px;border-radius:16px}@media(max-width:900px){.side{position:static;width:100%;}.app{display:block}.main{margin:0;width:100%}.grid,.row{grid-template-columns:1fr}.top{height:auto;gap:10px;align-items:flex-start;flex-direction:column;padding:22px}}