:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#f0f7ff,#fff);color:#0b1b2a;--surface-page: #ffffff;--surface-tint: #f7faff;--surface-card: #ffffff;--surface-muted: #f0f5ff;--surface-input: #f8fbff;--surface-warning: #fff4f2;--surface-inverse: #0b1b2a;--text-primary: #0b1b2a;--text-secondary: #31516d;--text-muted: #546c83;--text-label: #39536b;--text-inverse: #ffffff;--text-danger: #9c2c20;--text-danger-strong: #9c2d22;--text-success: #0f766e;--text-neutral: #2c3e50;--border-subtle: rgba(15, 41, 74, .08);--border-card: rgba(15, 41, 74, .1);--border-muted: rgba(11, 27, 42, .08);--border-input: rgba(11, 27, 42, .2);--border-strong: rgba(15, 41, 74, .2);--status-success-bg: rgba(15, 118, 110, .12);--status-error-bg: rgba(192, 57, 43, .12);--status-warning-bg: rgba(234, 179, 8, .18);--status-neutral-bg: rgba(15, 41, 74, .12);--status-info-bg: rgba(14, 116, 144, .16);--shadow-card: 0 20px 40px -30px rgba(15, 41, 74, .6);--focus-ring: #2563eb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 80px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}.page{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-10);display:flex;flex-direction:column;gap:var(--space-6)}.hero{display:grid;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:12px;margin:0;color:var(--text-secondary)}h1{font-size:40px;margin:0}.subtitle{max-width:520px;margin:0;color:var(--text-secondary);font-size:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-4)}.card{background:var(--surface-card);border-radius:16px;padding:var(--space-5);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle)}.card h2{margin:0 0 8px;font-size:18px}.card ul{margin:0;padding-left:20px}.mono{font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:13px}.meta{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.sql-card{display:grid;gap:12px}.warning-box{border:1px solid rgba(192,57,43,.25);background:var(--surface-warning);border-radius:12px;padding:12px}.danger-text{margin:0;font-size:13px;font-weight:600;color:var(--text-danger)}.sql-input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-input);color:var(--text-primary);resize:vertical}.sql-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sql-button{border:none;border-radius:999px;padding:10px 18px;background:var(--surface-inverse);color:var(--text-inverse);font-weight:600;cursor:pointer}.sql-button:disabled{opacity:.6;cursor:not-allowed}.sql-error{color:var(--text-danger-strong);font-size:13px;margin:0}.sql-results{overflow-x:auto;border:1px solid var(--border-card);border-radius:12px;position:relative;background:var(--surface-card)}.sql-results table{width:100%;border-collapse:collapse;font-size:13px}.sql-results th,.sql-results td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.sql-results th{background:var(--surface-muted);font-weight:600}.users-card,.branding-card{display:grid;gap:16px}.branding-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.branding-form{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.branding-preview{display:grid;gap:12px;padding:var(--space-4);border-radius:16px;border:1px solid var(--border-card);background:var(--surface-card)}.branding-logo{height:96px;border-radius:12px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.35);overflow:hidden}.branding-logo img{max-height:70px;max-width:80%;object-fit:contain;background:#ffffffb3;padding:8px 12px;border-radius:10px}.branding-placeholder{font-size:14px;font-weight:600;color:#ffffffe6;text-align:center;padding:0 12px}.branding-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.branding-swatch{height:36px;border-radius:10px;border:1px solid var(--border-card)}.branding-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.badge-row{display:flex;gap:var(--space-2)}.badge{padding:6px 12px;border-radius:999px;background:var(--status-neutral-bg);font-size:12px;font-weight:600;color:var(--text-primary)}.invite-form{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.filters-grid{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.field{display:grid;gap:var(--space-2);font-size:13px;color:var(--text-label)}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-input);background:var(--surface-card);color:var(--text-primary);font-size:14px}.form-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.primary-button,.ghost-button,.danger-button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;font-size:13px}.primary-button{background:var(--surface-inverse);color:var(--text-inverse)}.ghost-button{background:var(--status-neutral-bg);color:var(--text-primary)}.danger-button{background:var(--status-error-bg);color:var(--text-danger-strong)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.status{margin:0;font-size:13px;padding:10px 12px;border-radius:10px}.status.success{background:var(--status-success-bg);color:var(--text-success)}.status.error{background:var(--status-error-bg);color:var(--text-danger-strong)}.table-shell{overflow-x:auto;border:1px solid var(--border-card);border-radius:14px;position:relative;background:var(--surface-card)}.users-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface-card)}.users-table th,.users-table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);text-align:left;white-space:nowrap}.users-table th{background:var(--surface-muted);font-weight:600;color:var(--text-primary)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center}.pill.active{background:#10b98129;color:#047857}.pill.inactive{background:#94a3b833;color:#475569}.pill.partial{background:var(--status-warning-bg);color:#a16207}.pill.healthy{background:#10b98129;color:#047857}.pill.unhealthy{background:#ef444429;color:#b91c1c}.pill.disabled{background:#94a3b833;color:#475569}.pill.not-configured{background:var(--status-warning-bg);color:#a16207}.pill.unknown{background:var(--status-info-bg);color:#0e7490}.pill.neutral{background:var(--status-neutral-bg);color:var(--text-neutral)}.tokens-card{display:grid;gap:16px}.tokens-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.tokens-summary{display:grid;gap:12px;padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.tokens-title{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--text-primary)}.tokens-meta{display:flex;gap:8px;flex-wrap:wrap}.tokens-keys{display:grid;gap:8px}.tokens-keylist{display:flex;flex-wrap:wrap;gap:6px}.tokens-json{display:grid;gap:8px}.tokens-textarea{min-height:260px;resize:vertical;background:var(--surface-inverse);color:#e2e8f0;border:1px solid rgba(15,41,74,.5)}.sql-confirm{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary)}.table-shell:before,.table-shell:after,.sql-results:before,.sql-results:after{content:"";position:absolute;top:0;width:28px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease}.table-shell:before,.sql-results:before{left:0;background:linear-gradient(to right,var(--surface-card),transparent)}.table-shell:after,.sql-results:after{right:0;background:linear-gradient(to left,var(--surface-card),transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton-line,.skeleton-block{position:relative;overflow:hidden;background:var(--surface-muted);color:transparent;border-radius:8px}.skeleton-line{min-height:14px;width:clamp(140px,35vw,280px)}.skeleton-block{min-height:120px}.skeleton-line:after,.skeleton-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:skeleton-shimmer 1.2s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}:where(button,input,textarea,select,a,[role=button]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px #2563eb2e}@media(max-width:900px){.page{padding:var(--space-7) var(--space-4) var(--space-8)}}@media(max-width:720px){.table-shell:before,.table-shell:after,.sql-results:before,.sql-results:after{opacity:1}.users-table{border-collapse:separate;border-spacing:0 8px;background:transparent}.users-table thead{display:none}.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-3)}.users-table td{border-bottom:none;display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:var(--space-2);padding:var(--space-2) 0;white-space:normal}.users-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted)}.users-table td.table-empty{display:block;padding:var(--space-2) 0}.users-table td.table-empty:before{content:none}.table-actions{width:100%}}