:root{--bg:#0b1020;--panel:#121a31;--panel-2:#182344;--text:#eef2ff;--muted:#aab5d6;--accent:#7c3aed;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--border:#2a365f}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:16px;padding:18px}.card h1,.card h2,.card h3,.card p{margin-top:0}.muted{color:var(--muted)}.kpi{font-size:30px;font-weight:700;margin:8px 0}.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid var(--border)}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.danger{color:var(--danger)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#0f1630;padding:24px 18px}.sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:24px}.sidebar a{padding:10px 12px;border-radius:10px;color:var(--muted)}.sidebar a.active,.sidebar a:hover{background:var(--panel);color:var(--text)}.content{padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left}.btn{background:var(--accent);color:white;border:none;border-radius:10px;padding:11px 16px;cursor:pointer}.btn.secondary{background:transparent;border:1px solid var(--border)}.row{display:flex;gap:12px;flex-wrap:wrap}.input{width:100%;background:#0b1329;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px}.form{display:grid;grid-gap:14px;gap:14px;max-width:420px}.progress{width:100%;height:10px;background:#0b1329;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#22d3ee)}.small{font-size:13px}.hero{padding:72px 24px;text-align:center}.hero h1{font-size:48px;margin-bottom:12px}.list{display:grid;grid-gap:10px;gap:10px;padding-left:18px}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}