*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#12121a;--card:#1a1a2e;--border:#2a2a3e;--accent:#6c63ff;--accent2:#ff6584;--text:#e8e8f0;--text2:#9090a8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;transition:opacity .15s,transform .1s}button:hover{opacity:.88}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{font-size:13px;color:var(--text2);display:block;margin-bottom:4px}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text2)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-active{background:rgba(34,197,94,.15);color:#22c55e}.badge-inactive{background:rgba(144,144,168,.15);color:var(--text2)}.badge-expired{background:rgba(239,68,68,.15);color:var(--danger)}.badge-suspended{background:rgba(245,158,11,.15);color:var(--warning)}.badge-live{background:rgba(239,68,68,.9);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}