:root{--bg:#0f172a;--card:#111827;--muted:#94a3b8;--text:#e5e7eb;--primary:#22d3ee;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#0b1220,#0f172a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:var(--primary)}.container{max-width:1040px;margin:24px auto;padding:0 16px}.card{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000059}.row{display:flex;gap:12px;align-items:center}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #223046;background:#0b1220;color:var(--text)}.btn{background:var(--primary);color:#001018;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #223046;text-align:left}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nav a{margin-right:12px;text-decoration:none;color:var(--muted)}.nav a.active{color:var(--text);font-weight:600}.logo{font-weight:800;letter-spacing:.4px}.small{color:var(--muted);font-size:12px}