*{box-sizing:border-box}
:root{--bg:#070b16;--panel:#0e1628;--panel2:#121d33;--border:#243454;--text:#edf3ff;--muted:#8f9db8;--primary:#3b6cff;--success:#21c98a;--danger:#ef5b6b;--radius:16px}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(59,108,255,.12),transparent 35%),radial-gradient(circle at 85% 10%,rgba(33,201,138,.07),transparent 30%),var(--bg);color:var(--text);font-family:Arial,sans-serif}
nav{padding:14px 18px;background:rgba(14,22,40,.94);border-bottom:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:20}
nav a{background:var(--panel2);color:var(--text);padding:9px 13px;border-radius:10px;text-decoration:none;border:1px solid var(--border)}
nav a:hover{border-color:var(--primary)}
main{max-width:1150px;margin:28px auto;padding:0 16px}
h1{font-size:30px;margin:0 0 22px}
h2{margin-top:0}
.card{background:rgba(14,22,40,.92);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}
.stat{font-size:30px;font-weight:700;margin-top:8px}
.muted{color:var(--muted)}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#1c2c50;color:#dce6ff}
input,select,textarea{width:100%;padding:12px;margin:5px 0 14px;background:#080d1c;color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--primary)}
button,.btn{display:inline-block;background:var(--primary);color:#fff;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;cursor:pointer}
button:hover,.btn:hover{filter:brightness(1.12)}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left}
.table-wrap{overflow-x:auto}
.success{background:rgba(33,201,138,.12);border:1px solid rgba(33,201,138,.3);padding:12px;border-radius:10px}
.error{background:rgba(239,91,107,.12);border:1px solid rgba(239,91,107,.3);padding:12px;border-radius:10px}
@media(max-width:600px){h1{font-size:24px}main{margin-top:18px}.card{padding:15px}nav{position:relative}}