@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#04070d;--surface:#0e1622;--surface-2:#121b28;--border:#7896be1a;--border-2:#7896be2e;--border-dark:#1a3050;--text:#f5f8fb;--text-sub:#93a3b5;--text-mute:#5a6878;--blue:#4ab8f5;--blue-light:#6ec8ff;--blue-soft:#6ec8ff1a;--warn:#e8c078;--danger:#f47565;--good:#6ec8ff;--positive:#4ade80;--negative:#f87171;--r-card:18px;--r-pill:999px;--r-input:12px;--shadow-card:0 1px 0 #ffffff05 inset, 0 1px 3px #0006, 0 12px 32px -16px #0009;--shadow-hover:0 1px 0 #ffffff0a inset, 0 4px 12px #00000080, 0 24px 56px -24px #4ab8f52e;--font:"Montserrat", system-ui, -apple-system, sans-serif;--dur:.18s;--ease:cubic-bezier(.25, .46, .45, .94)}html,body{background:var(--navy);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.002em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 78% -12%,#4ab8f50f,#0000 60%),radial-gradient(700px 500px at 6% 110%,#4ab8f50d,#0000 60%);position:fixed;inset:0}#root,main{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);background:0 0;border:none}input,select,textarea{font-family:var(--font);color:var(--text);border:1px solid var(--border-2);border-radius:var(--r-input);transition:border-color var(--dur), box-shadow var(--dur);background:#141c2a8c;outline:none}input:focus,select:focus,textarea:focus{border-color:#4ab8f580;box-shadow:0 0 0 4px #4ab8f51f}input::placeholder{color:var(--text-mute)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--blue);background:0 0;border:none;border-radius:0}.btn{border-radius:var(--r-pill);white-space:nowrap;letter-spacing:.005em;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-primary{color:#04070d;background:linear-gradient(#6ec8ff 0%,#4ab8f5 100%);box-shadow:0 6px 16px -4px #4ab8f566,inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px #4ab8f580,inset 0 1px #ffffff4d}.btn-secondary{border:1px solid var(--border-2);color:var(--text);background:#141c2a8c}.btn-secondary:hover{background:#141c2acc;border-color:#4ab8f566}.btn-ghost{color:var(--text-sub);padding:8px 12px}.btn-ghost:hover{color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn .ic{flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.card:hover{border-color:#4ab8f540}.topbar{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#04070db3;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px 40px;display:grid;position:sticky;top:0}.pill-nav{border:1px solid var(--border);border-radius:var(--r-pill);background:#141c2a99;justify-self:center;gap:4px;padding:5px;display:inline-flex}.pill-nav a{border-radius:var(--r-pill);color:var(--text-sub);align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:color .18s,background .18s;display:inline-flex}.pill-nav a:hover{color:var(--text)}.pill-nav a.active{color:var(--text);background:#ffffff0f;box-shadow:inset 0 1px #ffffff0f}.avatar-pill{border:1px solid var(--border);border-radius:var(--r-pill);background:#141c2a8c;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:inline-flex}.avatar-circle{color:#04070d;background:linear-gradient(135deg,#4ab8f5,#2a6fae);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:grid}.avatar-name{font-size:12.5px;font-weight:600}.avatar-role{color:var(--text-mute);letter-spacing:.04em;font-size:10.5px}.tag{letter-spacing:.05em;border-radius:var(--r-pill);align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.tag-blue{color:var(--blue);background:#4ab8f51f}.tag-muted{color:var(--text-sub);background:#7896be1a}.tag-warn{color:var(--warn);background:#e8c07824}.tag-good{color:var(--positive);background:#4ade801f}.tag-danger{color:var(--danger);background:#f4756524}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-sub);font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:10px 14px;font-size:14px}.field .err{color:var(--danger);margin-top:2px;font-size:11.5px}.field.has-error input,.field.has-error select{border-color:var(--danger)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.eyebrow .dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.input-wrap{align-items:center;display:flex;position:relative}.input-prefix,.input-suffix{color:var(--text-mute);pointer-events:none;font-size:13.5px;font-weight:600;position:absolute}.input-prefix{left:12px}.input-suffix{right:12px}.input-wrap input.has-prefix{padding-left:24px}.input-wrap input.has-suffix{padding-right:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7896be33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7896be59}:focus-visible{outline-offset:2px;outline:2px solid #4ab8f599}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in .22s var(--ease) both}.spinning{animation:1s linear infinite spin}.dev-bypass-bar{z-index:9999;color:var(--warn);letter-spacing:.03em;background:#e8c0781f;border-top:1px solid #e8c0784d;justify-content:space-between;align-items:center;padding:10px 24px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0}.auth-gate{background:var(--navy);place-items:center;min-height:100dvh;display:grid}.auth-gate-inner{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-gate-spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite auth-gate-spin}.auth-gate-label{color:var(--text-mute);letter-spacing:.02em;font-size:12.5px}@keyframes auth-gate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-gate-spinner{animation-duration:2s}}
