:root{--bg:#020617;--bg2:#0f172a;--card:#111827;--txt:#e2e8f0;--muted:#94a3b8;--pri:#4f46e5;--pri2:#06b6d4;--ok:#22c55e;--err:#ef4444;--bd:#334155}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
.ui-dark{background:radial-gradient(1200px 600px at 20% -10%,#312e81 0%,#0f172a 42%,#020617 100%);color:var(--txt)}
.ui-card{background:linear-gradient(180deg,#1e293b,#111827);border:1px solid var(--bd);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ui-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1rem;border-radius:.65rem;font-weight:700}
.ui-btn-primary{background:linear-gradient(90deg,var(--pri),var(--pri2));color:#fff}.ui-btn-primary:hover{filter:brightness(1.07)}
.ui-btn-secondary{background:#1e293b;color:#e2e8f0;border:1px solid #334155}.ui-btn-secondary:hover{background:#334155}
.ui-input,.ui-select,.ui-textarea{background:#0f1a2f;color:#e8eefc;border:1px solid #2a3f69;border-radius:.6rem;padding:.62rem .7rem;width:100%}
.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:#5b84ff;box-shadow:0 0 0 3px rgba(91,132,255,.2)}
.ui-table{width:100%;border-collapse:separate;border-spacing:0}.ui-table thead th{position:sticky;top:0;background:#162643;color:#bcd0f5;z-index:2}
.ui-table th,.ui-table td{padding:.65rem .7rem;border-bottom:1px solid #23365b}.ui-table tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.ui-badge{padding:.2rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}.ui-badge-plan{background:#163a69;color:#bcd8ff}
.ui-toast-wrap{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:9999}
.ui-toast{padding:.7rem .85rem;border-radius:.7rem;background:#10203a;color:#dce8ff;border:1px solid #23416e;min-width:220px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ui-toast.ok{border-color:#216a42}.ui-toast.err{border-color:#7b2c2c}
.auth-form input[type="text"],.auth-form input[type="email"],.auth-form input[type="password"]{color:#000!important;background:#fff!important;caret-color:#000}
.auth-form input[type="text"]::placeholder,.auth-form input[type="email"]::placeholder,.auth-form input[type="password"]::placeholder{color:#666!important;opacity:1}
.auth-form input[type="text"]:focus,.auth-form input[type="email"]:focus,.auth-form input[type="password"]:focus{color:#000!important}
@media (max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:80;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.topbar{padding-left:3.2rem}}