:root{--bg:#060b18;--card:#111827;--line:#243044;--brand:#2563eb;--purple:#8b5cf6;--green:#22c55e;--text:#f8fafc;--muted:#94a3b8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#0b1220;border-right:1px solid var(--line);padding:22px;position:fixed;top:0;bottom:0}
.logo{font-size:21px;font-weight:900;margin-bottom:25px}.nav a{display:block;padding:13px;border-radius:12px;color:#cbd5e1;margin:5px 0}.nav a:hover{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff}
.main{margin-left:260px;width:calc(100% - 260px);padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:18px;padding:22px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--purple));color:white;font-weight:800;border:0;cursor:pointer}
.btn.green{background:var(--green)}.btn.red{background:#dc2626}.btn.gray{background:#334155}
input,select,textarea{width:100%;padding:13px;margin:8px 0;background:#0b1220;color:white;border:1px solid var(--line);border-radius:10px}
table{width:100%;border-collapse:collapse;background:#111827;border-radius:18px;overflow:hidden}td,th{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:#93c5fd}
.badge{padding:6px 10px;border-radius:20px;background:#1e293b;color:#cbd5e1;font-size:12px}.active-b{background:#14532d;color:#86efac}.revoked-b{background:#7f1d1d;color:#fecaca}
@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.layout{display:block}.main{margin:0;width:100%}.grid,.grid3,.grid2{grid-template-columns:1fr}}