*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3e;--text:#e2e8f0;--text-muted:#718096;--accent:#6366f1;--accent-hover:#5254cc;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:10px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.container{max-width:680px}.container,.container-wide{margin:0 auto;padding:2rem 1.5rem}.container-wide{max-width:1100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem}.badge{display:inline-block;padding:.2em .7em;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--border);color:var(--text-muted)}.badge-success{background:#14532d;color:#4ade80}.badge-warning{background:#78350f;color:#fcd34d}.badge-danger{background:#7f1d1d;color:#fca5a5}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.6rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#3a3d52}.btn-success{background:#166534;color:#4ade80}.btn-success:hover:not(:disabled){background:#15803d}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.header h1{font-size:1.4rem;font-weight:700}.header-sub{font-size:.85rem;color:var(--text-muted)}.toggle-group{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1rem 0}.toggle-group button{flex:1 1;padding:.65rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.toggle-group button.active{background:var(--accent);color:#fff}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.65rem .9rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase}tr:hover td{background:#1f2235}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.3rem;font-weight:700}.stat-label{font-size:.8rem;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:500px){.grid-2{grid-template-columns:1fr}}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;background:#1e1b4b;border:1px solid #4338ca;color:#a5b4fc}.alert-error{background:#450a0a;border-color:#b91c1c;color:#fca5a5}