body{margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1218;--surface:#171b24;--border:#2a3142;--text:#e8eaf0;--muted:#9aa3b5;--primary:#6c8cff;--primary-hover:#5575f0;--danger:#f07178;--radius:10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 20% -10%, #1e2640 0%, var(--bg) 55%);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}code{font-size:.92em}.shell{min-height:100vh;padding:24px}.auth-shell{justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.auth-card{width:min(440px,100%)}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar h1{margin:0 0 4px;font-size:1.35rem}.dashboard h1{font-size:1.35rem}h2{margin:0 0 8px;font-size:1.1rem}h4.stripe-sub{margin:16px 0 8px;font-size:.95rem}h3{margin:20px 0 8px;font-size:.95rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:.85rem}input[type=text],input[type=password]{border:1px solid var(--border);color:var(--text);background:#0c0f14;border-radius:8px;padding:10px 12px}input:focus{border-color:var(--primary);outline:2px solid #6c8cff59}.check{align-items:center;gap:10px;font-size:.95rem;display:flex}.primary{background:var(--primary);color:#0b0d12;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.primary:hover:not(:disabled){background:var(--primary-hover)}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px}.ghost:hover{background:#ffffff0d}.small.primary{padding:6px 10px;font-size:.85rem}.error{color:var(--danger);margin:0;font-size:.9rem}.settings-strip{margin-bottom:20px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px;margin:12px 0 0;display:grid}.settings-grid dt{color:var(--muted);margin:0;font-size:.8rem}.settings-grid dd{margin:4px 0 0;font-weight:500}.layout{grid-template-columns:minmax(220px,280px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=840px){.layout{grid-template-columns:1fr}}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sidebar-head h2{margin:0}.bar-list{flex-direction:column;gap:6px;max-height:calc(100vh - 220px);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.bar-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.bar-item:hover{background:#ffffff0a}.bar-item.active{border-color:var(--primary);background:#6c8cff1f}.bar-name{font-weight:600}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.7rem;display:inline-block}.pill.warn{color:#ffb4b9;background:#f0717826}.main{min-height:320px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.grid2{grid-template-columns:1fr}}.actions{flex-wrap:wrap;gap:10px;display:flex}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.table th{color:var(--muted);font-size:.8rem;font-weight:500}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:90vh;overflow:auto}