:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090b;--panel:#18181beb;--panel-soft:#27272a80;--panel-hover:#3f3f46b3;--surface:#0f172a73;--border:#a1a1aa38;--border-soft:#a1a1aa1f;--heading:#fafafa;--muted:#a1a1aa;--muted-strong:#d4d4d8;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--shadow:0 24px 80px #00000052;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--muted);background:radial-gradient(circle at top, #1e293b 0%, var(--background) 40%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}input::placeholder{color:#71717a}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #60a5fad9}.app-shell,.login-shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.login-shell{place-items:center;min-height:100vh;display:grid}.hero-card,.card,.section-card,.form-card,.status-banner{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:24px}.hero-card,.card,.section-card,.status-banner{padding:24px}.hero-card{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.login-card{max-width:520px}.section-stack{gap:24px;display:grid}.icon-badge{border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:16px;display:inline-grid}.icon-badge--gold{color:#fbbf24;background:#f59e0b24}h1,h2,h3{color:var(--heading);margin:0}h1{margin-bottom:8px;font-size:32px}h2{font-size:20px}h3{margin-bottom:16px;font-size:16px}.lead,.section-card__header p,.caption,.toolbar-meta,small,.subtle-copy{color:var(--muted)}.lead{max-width:600px;line-height:1.6}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.toolbar-field,.field{gap:8px;display:grid}.toolbar-field span,.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-strong);font-size:12px}.button,button,input,select{font:inherit}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.button:disabled,.icon-button:disabled{opacity:.6;cursor:not-allowed}.button--full{width:100%}.button--primary{background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--danger{background:var(--danger);color:#fff}.button--danger:hover:not(:disabled){background:var(--danger-hover)}.button--ghost{background:var(--panel-soft);color:var(--heading);border-color:var(--border)}.button--ghost:hover:not(:disabled),.icon-button:hover:not(:disabled),.picker-result:hover{background:var(--panel-hover)}.login-form,.form-card{margin-top:24px}.login-form{gap:14px;display:grid}.form-card{background:var(--panel-soft);padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid__full{grid-column:1/-1}.field input,.field select,.toolbar-field select,.input-with-icon,.selected-user,.picker-results,.status-banner{border:1px solid var(--border);background:var(--surface)}.field input,.field select,.toolbar-field select,.input-with-icon input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--heading);box-sizing:border-box;border-radius:12px;padding:12px 14px}.input-with-icon{border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-with-icon input{background:0 0;border:0;padding-left:0}.input-with-icon svg{color:var(--muted);flex:none}.mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:16px;padding:6px;display:flex}.mode-toggle__item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px 12px}.mode-toggle__item.is-active{background:var(--panel-hover);color:var(--heading)}.form-actions,.section-card__header,.selected-user{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-actions{margin-top:20px}.section-card__header{margin-bottom:20px}.table-shell{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-strong);border-bottom:1px solid var(--border);text-align:left;padding:12px 16px;font-size:12px}tbody td{border-bottom:1px solid var(--border-soft);color:var(--heading);vertical-align:top;padding:14px 16px}tbody tr:last-child td{border-bottom:0}.mono,code{font-family:var(--mono)}.empty-state,.status-banner,.picker-empty{min-height:96px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.empty-state{border:1px dashed var(--border);background:var(--panel-soft);border-radius:18px;flex-direction:column}.empty-state--error,.message--error,.status-banner--error{color:#fca5a5}.pill{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill--success{color:#6ee7b7;background:#10b98129}.pill--warning{color:#fcd34d;background:#f59e0b29}.pill--danger{color:#fca5a5;background:#ef44442e}.actions-cell{white-space:nowrap;width:1%}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button--danger:hover:not(:disabled){color:#fca5a5}.picker-shell{gap:8px;display:grid}.picker-results{border-radius:14px;max-height:240px;overflow:hidden auto}.picker-result{width:100%;color:var(--heading);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.picker-result+.picker-result{border-top:1px solid var(--border-soft)}.picker-result__copy{gap:2px;display:grid}.picker-result__copy div:last-child,.selected-user__email,.subtle-copy,.caption{font-size:13px}.avatar{object-fit:cover;border-radius:999px;width:32px;height:32px}.avatar--fallback{background:var(--panel-hover);color:var(--heading);place-items:center;font-size:12px;font-weight:700;display:inline-grid}.user-row{align-items:center;gap:12px;display:flex}.message{margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.hero-card,.section-card__header,.selected-user,.toolbar,.form-actions{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.app-shell,.login-shell{width:min(100vw - 20px,1120px);padding-top:20px}}