:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;--page-background:#f5f7fa;--surface:#fff;--surface-subtle:#f8fafc;--surface-muted:#f1f4f8;--text:#172033;--text-muted:#5d6878;--text-soft:#778294;--border:#dce2e9;--border-strong:#c8d0da;--accent:#3158d4;--accent-hover:#2849b7;--success:#176b45;--success-soft:#edf8f2;--warning:#8a5700;--warning-soft:#fff7e6;--danger:#b42318;--danger-soft:#fff1f0;--shadow:0 12px 32px #17203312;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-background);min-width:320px;min-height:100%}body{background:radial-gradient(circle at top left, #3158d40d, transparent 28rem), var(--page-background);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{color:var(--text);background:#dce5ff}a{color:var(--accent);text-underline-offset:.2em;font-weight:650;text-decoration-thickness:.08em}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3158d438}main{place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}section{border:1px solid var(--border);background:var(--surface);width:min(100%,44rem);max-width:none;box-shadow:var(--shadow);border-radius:1rem;padding:clamp(1.5rem,4vw,2.75rem)}.auth-card,.state-card{width:min(100%,34rem)}.account-card{width:min(100%,40rem)}.workspace-card{width:min(100%,58rem)}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .65rem;font-size:.76rem;font-weight:800;line-height:1.4}h1,h2{color:var(--text);letter-spacing:-.025em}h1{margin-block:0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.08}h2{margin-block:2rem .75rem;font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.25}p{color:var(--text-muted);line-height:1.65}strong{color:var(--text)}form{border:1px solid var(--border);background:var(--surface-subtle);border-radius:.8rem;gap:1rem;margin-block:1.5rem;padding:clamp(1rem,3vw,1.5rem);display:grid}label{color:#303b4f;gap:.45rem;font-size:.9rem;font-weight:700;line-height:1.4;display:grid}input,select,button{border:1px solid var(--border-strong);min-height:2.85rem;font:inherit;border-radius:.55rem;padding:.72rem .85rem}input,select{background:var(--surface);width:100%;color:var(--text);box-shadow:0 1px 2px #17203308}input:hover,select:hover{border-color:#aeb8c5}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-soft)}button{border-color:var(--accent);background:var(--accent);color:#fff;cursor:pointer;width:fit-content;font-weight:750;line-height:1.2;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;box-shadow:0 2px 5px #3158d429}button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 10px #3158d430}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;box-shadow:none;opacity:.75;background:#9daee2;border-color:#9daee2}.auth-card form button,.stacked-form button{width:100%}.secondary-button{border-color:var(--border-strong);background:var(--surface);color:#344054;box-shadow:0 1px 2px #1720330a}.secondary-button:hover:not(:disabled){background:var(--surface-muted);color:var(--text);border-color:#aeb8c5;box-shadow:0 2px 5px #17203312}p[role=alert],.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid #f1b7b2;border-radius:.55rem;margin:0;padding:.75rem .9rem;font-size:.92rem;font-weight:650}p[role=status]{background:var(--success-soft);color:var(--success);border:1px solid #b9dec9;border-radius:.55rem;margin:0;padding:.75rem .9rem;font-weight:700}.admin-main{place-items:start center}.admin-section{width:min(100%,76rem)}.admin-section>p:first-of-type:not(.eyebrow){max-width:52rem}.table-scroll{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;max-width:100%;margin-block:1.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:58rem;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.8rem .9rem}th{background:var(--surface-subtle);color:#465166;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbff}td{color:var(--text-muted);line-height:1.5}td:first-child{color:var(--text);font-weight:700}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form>button,.admin-form>[role=alert],.admin-form>[role=status]{grid-column:1/-1}dl{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;grid-template-columns:minmax(9rem,max-content) 1fr;gap:0;margin-block:1.25rem;display:grid;overflow:hidden}dt,dd{border-bottom:1px solid var(--border);padding:.7rem .9rem;line-height:1.5}dt{background:var(--surface-subtle);color:var(--text-muted);font-size:.86rem;font-weight:750}dd{color:var(--text);overflow-wrap:anywhere;margin:0}dl>:nth-last-child(-n+2){border-bottom:0}pre{border:1px solid var(--border);background:var(--surface-subtle);color:#344054;border-radius:.55rem;max-width:100%;margin-block:.75rem 0;padding:.85rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.audit-list{gap:.75rem;padding:0;list-style:none;display:grid}.audit-list>li{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:.7rem;padding:1rem;line-height:1.55}.onboarding-card{width:min(100%,48rem)}.onboarding-actions{gap:.85rem;display:grid}.onboarding-actions form{width:100%;margin:0}.status-grid{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1.5rem;overflow:visible}.status-grid>div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:.7rem;padding:1rem}.status-grid dt,.status-grid dd{background:0 0;border:0;padding:0}.status-grid dt{margin-bottom:.35rem}.status-grid dd{font-weight:750}.status-error{border:1px solid #f1b7b2;border-left:4px solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:.65rem;margin-block:1rem;padding:.9rem 1rem}.status-error strong,.status-error p{color:var(--danger)}.status-error p{margin-bottom:0}.muted-copy{color:var(--text-soft);font-size:.9rem}.plain-list,.readiness-list{gap:.65rem;margin-block:1rem 1.5rem;padding:0;list-style:none;display:grid}.plain-list li,.readiness-list li{border:1px solid var(--border);background:var(--surface-subtle);min-width:0;color:var(--text-muted);border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;line-height:1.45;display:flex}.readiness-list{grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-list li>span{color:#344054;text-transform:capitalize;font-weight:700}.status-badge{border:1px solid var(--border-strong);background:var(--surface-muted);color:#4b5668;letter-spacing:.035em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;width:fit-content;padding:.24rem .55rem;font-size:.72rem;font-weight:800;line-height:1.3;display:inline-flex}.status-badge[data-status=READY],.status-badge[data-status=ACTIVE],.status-badge[data-status=COMPLETE],.status-badge[data-status=CONFIGURED]{background:var(--success-soft);color:var(--success);border-color:#b9dec9}.status-badge[data-status=SYNCING],.status-badge[data-status=SUSPENDED]{background:var(--warning-soft);color:var(--warning);border-color:#f1d39a}.status-badge[data-status=ERROR],.status-badge[data-status=DISABLED]{background:var(--danger-soft);color:var(--danger);border-color:#f1b7b2}section>.secondary-button:last-child{margin-top:.75rem}@media (max-width:760px){.admin-form,.readiness-list,.status-grid,dl:not(.status-grid){grid-template-columns:1fr}dl:not(.status-grid) dt,dl:not(.status-grid) dd{border-bottom:1px solid var(--border)}dl:not(.status-grid) dd{padding-top:.35rem}dl:not(.status-grid)>:last-child{border-bottom:0}}@media (max-width:480px){main{padding:.75rem}section{border-radius:.8rem;padding:1.3rem}h1{font-size:2rem}button,.secondary-button{width:100%}.plain-list li,.readiness-list li{flex-direction:column;align-items:flex-start;gap:.55rem}}@media (prefers-reduced-motion:reduce){button{transition:none}}
