: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;--space-half: 2px;--space-1-5: 6px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-full: 999px;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--color-accent: #2563eb;--color-danger: #dc2626;--color-success: #0f766e;--color-warning: #d97706;--shadow-sm: 0 1px 2px rgba(15, 41, 74, .06);--shadow-md: 0 4px 12px rgba(15, 41, 74, .08);--shadow-lg: 0 12px 28px rgba(15, 41, 74, .12);--shadow-xl: 0 20px 40px -10px rgba(15, 41, 74, .18);--pill-success: #047857;--pill-inactive: #475569;--pill-inactive-bg: rgba(148, 163, 184, .2);--pill-danger: #b91c1c;--pill-warning: #a16207;--pill-info: #0e7490}[data-theme=dark]{color-scheme:dark;background:#0c1222;color:#e2e8f0;--surface-page: #0c1222;--surface-tint: #131c30;--surface-card: #162032;--surface-muted: #1a2540;--surface-input: #111a2c;--surface-warning: rgba(220, 80, 60, .12);--surface-inverse: #e2e8f0;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-label: #94a3b8;--text-inverse: #0c1222;--text-danger: #f87171;--text-danger-strong: #fca5a5;--text-success: #34d399;--text-neutral: #cbd5e1;--border-subtle: rgba(148, 163, 184, .08);--border-card: rgba(148, 163, 184, .12);--border-muted: rgba(148, 163, 184, .1);--border-input: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .25);--status-success-bg: rgba(52, 211, 153, .12);--status-error-bg: rgba(248, 113, 113, .12);--status-warning-bg: rgba(251, 191, 36, .14);--status-neutral-bg: rgba(148, 163, 184, .12);--status-info-bg: rgba(56, 189, 248, .12);--shadow-card: 0 20px 40px -30px rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .4);--focus-ring: #60a5fa;--color-accent: #60a5fa;--color-danger: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--pill-success: #34d399;--pill-inactive: #94a3b8;--pill-inactive-bg: rgba(148, 163, 184, .15);--pill-danger: #fca5a5;--pill-warning: #fbbf24;--pill-info: #38bdf8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;background:#0c1222;color:#e2e8f0;--surface-page: #0c1222;--surface-tint: #131c30;--surface-card: #162032;--surface-muted: #1a2540;--surface-input: #111a2c;--surface-warning: rgba(220, 80, 60, .12);--surface-inverse: #e2e8f0;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-label: #94a3b8;--text-inverse: #0c1222;--text-danger: #f87171;--text-danger-strong: #fca5a5;--text-success: #34d399;--text-neutral: #cbd5e1;--border-subtle: rgba(148, 163, 184, .08);--border-card: rgba(148, 163, 184, .12);--border-muted: rgba(148, 163, 184, .1);--border-input: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .25);--status-success-bg: rgba(52, 211, 153, .12);--status-error-bg: rgba(248, 113, 113, .12);--status-warning-bg: rgba(251, 191, 36, .14);--status-neutral-bg: rgba(148, 163, 184, .12);--status-info-bg: rgba(56, 189, 248, .12);--shadow-card: 0 20px 40px -30px rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .4);--focus-ring: #60a5fa;--color-accent: #60a5fa;--color-danger: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--pill-success: #34d399;--pill-inactive: #94a3b8;--pill-inactive-bg: rgba(148, 163, 184, .15);--pill-danger: #fca5a5;--pill-warning: #fbbf24;--pill-info: #38bdf8}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:var(--space-7) var(--space-4);border-right:1px solid var(--border-subtle);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:var(--space-4)}.admin-brand{display:grid;gap:2px}.admin-brand-title{font-weight:700;letter-spacing:.04em;font-size:14px}.admin-brand-subtitle{font-size:12px;color:var(--text-muted)}.admin-nav{display:grid;gap:var(--space-4)}.admin-nav-group{display:grid;gap:var(--space-2)}.admin-nav-group-title{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700}.admin-nav-group.active .admin-nav-group-title{color:var(--text-secondary)}.admin-nav-group-links{display:grid;gap:6px;padding-left:var(--space-2);border-left:1px solid var(--border-subtle)}.admin-nav-meta{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.admin-nav-link{display:block;padding:10px 12px;border-radius:12px;border:1px solid transparent;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:13px;background:transparent}.admin-nav-link:hover{background:var(--surface-muted)}.admin-nav-link.active{background:var(--surface-inverse);color:var(--text-inverse)}.admin-main{min-width:0}.page{max-width:1080px;margin:0 auto;padding:var(--space-7) var(--space-6) var(--space-9);display:flex;flex-direction:column;gap:var(--space-5)}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.admin-page-copy{display:grid;gap:12px}.admin-page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.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)}.editor-header{display:grid;gap:var(--space-2)}.editor-section{display:grid;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}.kpi-value{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em}.meta{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.report-pagination{margin-top:var(--space-4);justify-content:space-between}.report-export-limit,.report-page-size{min-width:min(220px,100%)}.report-error{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.sql-card{display:grid;gap:12px}.sql-mode-card{display:grid;gap:var(--space-2)}.sql-mode-toggle{display:flex;gap:var(--space-2);flex-wrap:wrap}.sql-mode-button{border:1px solid var(--border-strong);border-radius:999px;padding:8px 14px;background:var(--status-neutral-bg);color:var(--text-primary);font-weight:600;font-size:12px;cursor:pointer}.sql-mode-button.active{background:var(--surface-inverse);color:var(--text-inverse);border-color:transparent}.sql-template-list{display:grid;gap:var(--space-3)}.sql-template-card{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:12px;background:var(--surface-tint);border:1px solid var(--border-muted)}.sql-template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sql-template-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.sql-template-query{margin:0;padding:10px;border-radius:10px;border:1px solid var(--border-muted);background:var(--surface-input);white-space:pre-wrap}.sql-history-list{display:grid;gap:var(--space-3)}.sql-history-item{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:12px;background:var(--surface-tint);border:1px solid var(--border-muted)}.sql-history-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sql-history-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.sql-history-query{margin:0;padding:10px;border-radius:10px;border:1px solid var(--border-muted);background:var(--surface-input);white-space:pre-wrap}.sql-status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.sql-status-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));padding:var(--space-3);border-radius:12px;background:var(--surface-tint);border:1px solid var(--border-muted)}.sql-status-item{display:grid;gap:6px}.status-text{font-size:14px;font-weight:600;color:var(--text-primary)}.sql-enable-card{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.sql-enable-fields{display:grid;gap:var(--space-3)}.warning-box{border:1px solid rgba(192,57,43,.25);background:var(--surface-warning);border-radius:12px;padding:12px}.warning-box-strong{border-color:#c0392b59;background:#ffe8e5b3}.warning-box-soft{border-color:#c0392b33;background:#fff4f299}.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}.tenant-editor{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.tenant-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tenant-editor-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.tenant-editor-card{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.tenant-editor-card h4,.tenant-branding h4{margin:0;font-size:16px}.tenant-domain-list{display:grid;gap:8px;margin-top:var(--space-2)}.tenant-domain-item{display:grid;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card)}.tenant-branding{display:grid;gap:var(--space-3)}.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)}.flags-editor{display:grid;gap:var(--space-3)}.flags-mode{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toggle-row{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.toggle-row input{width:16px;height:16px}.flags-visual{display:grid;gap:var(--space-3)}.flags-visual-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.flags-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.flags-item{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:12px;border:1px solid var(--border-card);background:var(--surface-card)}.flags-item-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.flags-item-params{display:grid;gap:4px}.flags-textarea{min-height:220px;resize:vertical}.flags-diff{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.flags-diff-summary{display:grid;gap:var(--space-2)}.flags-diff-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);max-height:220px;overflow:auto}.flags-diff-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:10px;background:var(--surface-card);border:1px solid var(--border-card);font-size:13px}.flags-diff-item.added{border-color:#10b98166}.flags-diff-item.changed{border-color:#f59e0b73}.flags-diff-item.removed{border-color:#ef444466}.flags-diff-tag{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.flags-diff-item.added .flags-diff-tag{background:var(--status-success-bg);color:var(--pill-success)}.flags-diff-item.changed .flags-diff-tag{background:var(--status-warning-bg);color:var(--pill-warning)}.flags-diff-item.removed .flags-diff-tag{background:var(--status-error-bg);color:var(--pill-danger)}.flags-confirm-summary{display:grid;gap:var(--space-3)}.flags-confirm-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.flags-diff-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.flags-diff-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.flags-diff-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.flags-diff-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.flags-diff-card{display:grid;gap:var(--space-2)}.flags-code{margin:0;padding:var(--space-3);border-radius:12px;background:var(--surface-card);border:1px solid var(--border-card);white-space:pre-wrap;word-break:break-word;min-height:160px}.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))}.query-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(220px,100%),1fr))}.query-columns,.query-filters,.query-preview{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.query-columns-header,.query-filters-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.query-columns-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.query-column{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--border-muted);background:var(--surface-card)}.query-columns-add{display:flex;gap:var(--space-2);flex-wrap:wrap}.query-filter-list{display:grid;gap:var(--space-2)}.query-filter-row{display:grid;gap:var(--space-2);grid-template-columns:minmax(160px,1fr) minmax(120px,180px) minmax(160px,1fr) auto;align-items:center}.query-preview-input{min-height:120px;resize:vertical}.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}.rbac-card{display:grid;gap:var(--space-4)}.rbac-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.rbac-secondary{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.rbac-panel{border:1px solid var(--border-subtle);border-radius:16px;padding:16px;background:var(--surface-muted);display:grid;gap:var(--space-3)}.rbac-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.rbac-role-list{display:grid;gap:var(--space-2);max-height:360px;overflow:auto}.rbac-role-item{border:1px solid var(--border-muted);border-radius:12px;background:var(--surface-card);padding:12px;text-align:left;display:grid;gap:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.rbac-role-item:hover{border-color:var(--border-card);box-shadow:0 12px 30px #0f172a14}.rbac-role-item.active{border-color:var(--accent-strong);box-shadow:0 18px 40px #3b82f62e}.rbac-role-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-weight:600}.rbac-role-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.rbac-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.rbac-permissions{display:grid;gap:var(--space-3);max-height:420px;overflow:auto;padding-right:6px}.rbac-permission-group h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-label)}.rbac-permission-list{display:grid;gap:var(--space-2)}.rbac-permission-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);padding:10px;border:1px solid var(--border-muted);border-radius:12px;background:var(--surface-card);align-items:center}.rbac-permission-item input{width:16px;height:16px}.rbac-permission-item .meta{display:block}.rbac-assign{display:grid;gap:var(--space-3)}.rbac-effective-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dns-wizard,.dns-steps{display:grid;gap:var(--space-3)}.dns-step{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.dns-step-header{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.dns-record-value{word-break:break-all;white-space:normal}.mini-button{padding:6px 12px;font-size:12px}.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)}.toast-stack{position:fixed;right:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-2);z-index:40;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:12px;border:1px solid var(--border-muted);background:var(--surface-card);font-size:13px;box-shadow:0 10px 24px #0f172a1f}.toast.success{background:var(--status-success-bg);color:var(--text-success)}.toast.error{background:var(--status-error-bg);color:var(--text-danger-strong)}.toast.info{background:var(--status-info-bg);color:var(--text-primary)}.toast.warning{background:var(--status-warning-bg);color:var(--text-neutral)}.toast-close{border:none;background:transparent;color:inherit;font-size:12px;font-weight:600;cursor:pointer}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sortable:hover{background:var(--surface-tint)}.sort-indicator{font-size:10px;margin-left:4px;opacity:.7}.breadcrumb{margin:0;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb-sep{color:var(--border-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)}.checkbox-cell{width:40px;text-align:center}.checkbox-cell input{width:16px;height:16px}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-muted);margin-bottom:var(--space-3);flex-wrap:wrap}.bulk-actions-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.pagination-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.integration-cell{white-space:normal}.integration-hint{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.inline-spinner{width:12px;height:12px;border:2px solid rgba(148,163,184,.4);border-top-color:var(--text-primary);border-radius:50%;display:inline-block;margin-right:6px;vertical-align:-1px;animation:spin .8s linear infinite}.redacted-value{letter-spacing:.2em}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center}.pill.active{background:var(--status-success-bg);color:var(--pill-success)}.pill.inactive{background:var(--pill-inactive-bg);color:var(--pill-inactive)}.pill.partial{background:var(--status-warning-bg);color:#a16207}.pill.healthy{background:var(--status-success-bg);color:var(--pill-success)}.pill.unhealthy{background:var(--status-error-bg);color:var(--pill-danger)}.pill.disabled{background:var(--pill-inactive-bg);color:var(--pill-inactive)}.pill.not-configured{background:var(--status-warning-bg);color:var(--pill-warning)}.pill.unknown{background:var(--status-info-bg);color:var(--pill-info)}.pill.neutral{background:var(--status-neutral-bg);color:var(--text-neutral)}.pill.sql-pill{text-transform:uppercase;letter-spacing:.08em}.pill.sql-pill.enabled{background:#10b9812e;color:#047857}.pill.sql-pill.temporary{background:#f59e0b2e;color:#b45309}.pill.sql-pill.disabled{background:#ef444429;color:#b91c1c}.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-editor{display:grid;gap:var(--space-3)}.tokens-mode{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tokens-visual{display:grid;gap:var(--space-3)}.tokens-fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.token-field-row{display:flex;align-items:center;gap:var(--space-2)}.token-swatch{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-card);background:repeating-linear-gradient(45deg,#ffffff59,#ffffff59 6px,#ffffff26 6px 12px)}.tokens-preview{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:14px;background:var(--surface-tint);border:1px solid var(--border-muted)}.tokens-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.tokens-preview-list{display:grid;gap:var(--space-2)}.tokens-preview-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:12px;border:1px solid var(--border-card);background:var(--surface-card)}.tokens-preview-swatch{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-card)}.tokens-preview-label{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.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)}.modal-backdrop{position:fixed;inset:0;background:#0b1b2a73;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:20}.modal{width:min(560px,100%);background:var(--surface-card);border-radius:16px;border:1px solid var(--border-card);box-shadow:var(--shadow-card);padding:var(--space-5);display:grid;gap:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.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%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #ef444433}50%{box-shadow:0 0 0 6px #ef444414}}: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}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(circle at top left,#f0f7ff,#fff)}.login-card{width:min(400px,100%);background:var(--surface-card);border-radius:16px;padding:var(--space-7);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);display:grid;gap:var(--space-5)}.login-header{display:grid;gap:2px;text-align:center}.login-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--status-error-bg);color:var(--text-danger-strong);font-size:13px;font-weight:600}.login-button{width:100%;padding:12px;font-size:14px}.admin-sidebar-footer{margin-top:auto;display:grid;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.admin-sidebar-email{margin:0;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}.admin-page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page{padding:var(--space-7) var(--space-4) var(--space-8)}}@media (max-width: 720px){.query-filter-row{grid-template-columns:1fr}.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%}}@media (max-width: 480px){.modal .form-grid{grid-template-columns:1fr}}.primary-button,.ghost-button,.danger-button{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast)}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary-button:active:not(:disabled),.ghost-button:active:not(:disabled),.danger-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.card{transition:box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg)}.users-table tbody tr{transition:background var(--duration-fast)}.users-table tbody tr:hover td{background:var(--surface-tint)}.toast{animation:toast-slide-in var(--duration-slow) var(--ease-out)}.toast.exiting{animation:toast-fade-out var(--duration-normal) var(--ease-out) forwards}.modal-backdrop{animation:modal-backdrop-enter var(--duration-normal) var(--ease-out)}.modal{animation:modal-enter var(--duration-slow) var(--ease-out)}.page{animation:page-enter var(--duration-slow) var(--ease-out)}[data-theme=dark] body,:root:not([data-theme=light]) body{background:#0c1222}[data-theme=dark] .admin-sidebar{background:#0c1222e0}[data-theme=dark] .login-page{background:radial-gradient(circle at top left,#131c30,#0c1222)}[data-theme=dark] input[type=color]{color-scheme:dark}.kpi-card{display:flex;align-items:center;gap:var(--space-4)}.kpi-icon-wrap{width:48px;height:48px;border-radius:var(--radius-lg);display:grid;place-items:center;flex-shrink:0}.kpi-icon-wrap svg{width:22px;height:22px}.kpi-content{display:grid;gap:var(--space-half)}.kpi-label{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.health-indicator{display:flex;align-items:center;gap:var(--space-2)}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-dot.healthy{background:#10b981;box-shadow:0 0 0 3px #10b98133}.health-dot.unhealthy{background:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:pulse-dot 2s ease-in-out infinite}.admin-nav-link{display:flex;align-items:center;gap:var(--space-2)}.admin-nav-icon{flex-shrink:0;width:16px;height:16px;opacity:.55;display:grid;place-items:center}.admin-nav-icon svg{width:16px;height:16px}.admin-nav-link.active .admin-nav-icon{opacity:1}.admin-mobile-header{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-card);position:sticky;top:0;z-index:10}.admin-hamburger{border:none;background:transparent;padding:var(--space-1);cursor:pointer;color:var(--text-primary);display:grid;place-items:center}.admin-sidebar-backdrop{display:none}.theme-toggle-row{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle-btn{border:none;background:var(--status-neutral-bg);color:var(--text-primary);border-radius:var(--radius-full);padding:var(--space-2);cursor:pointer;display:grid;place-items:center;transition:background var(--duration-fast)}.theme-toggle-btn:hover{background:var(--surface-muted)}.branding-layout{display:grid;grid-template-columns:1fr minmax(300px,400px);gap:var(--space-5);align-items:start}.branding-editor{display:grid;gap:var(--space-5)}.branding-section{display:grid;gap:var(--space-3)}.branding-section h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.branding-section-desc{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.branding-colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--space-3)}.color-picker-row{display:flex;align-items:center;gap:var(--space-2)}.color-picker-swatch{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-card);flex-shrink:0}.color-picker-native{width:36px;height:36px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm)}.radius-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.radius-preset-item{cursor:pointer;padding:var(--space-3);text-align:center;border-radius:var(--radius-md);border:2px solid var(--border-muted);background:var(--surface-card);display:grid;gap:var(--space-2);place-items:center;transition:border-color var(--duration-fast),background var(--duration-fast)}.radius-preset-item:hover{border-color:var(--border-strong)}.radius-preset-item.active{border-color:var(--color-accent);background:var(--surface-muted)}.radius-preset-preview{width:40px;height:40px;background:var(--surface-inverse);opacity:.15}.radius-preset-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.shadow-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.shadow-preset-item{cursor:pointer;padding:var(--space-3);text-align:center;border-radius:var(--radius-md);border:2px solid var(--border-muted);background:var(--surface-card);display:grid;gap:var(--space-2);place-items:center;transition:border-color var(--duration-fast),background var(--duration-fast)}.shadow-preset-item:hover{border-color:var(--border-strong)}.shadow-preset-item.active{border-color:var(--color-accent);background:var(--surface-muted)}.shadow-preset-preview{width:40px;height:28px;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-md)}.sidebar-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.sidebar-style-item{cursor:pointer;padding:var(--space-3);text-align:center;border-radius:var(--radius-md);border:2px solid var(--border-muted);background:var(--surface-card);display:grid;gap:var(--space-2);place-items:center;transition:border-color var(--duration-fast),background var(--duration-fast)}.sidebar-style-item:hover{border-color:var(--border-strong)}.sidebar-style-item.active{border-color:var(--color-accent);background:var(--surface-muted)}.sidebar-style-preview{width:100%;height:48px;border-radius:var(--radius-sm);border:1px solid var(--border-card)}.sidebar-style-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.branding-live-preview{position:sticky;top:var(--space-4)}.branding-preview-frame{border:1px solid var(--border-card);border-radius:var(--radius-xl);overflow:hidden;display:grid;grid-template-columns:80px 1fr;min-height:280px;font-size:10px;background:var(--surface-page)}.preview-sidebar{padding:var(--space-2);display:grid;gap:var(--space-1);align-content:start;border-right:1px solid var(--border-subtle)}.preview-logo{max-height:20px;max-width:60px;object-fit:contain}.preview-brand-name{font-size:9px;font-weight:700;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-nav-item{padding:4px 6px;border-radius:4px;font-size:8px;font-weight:600;color:var(--text-secondary)}.preview-nav-item.active{color:#fff}.preview-main{padding:var(--space-2);display:grid;gap:var(--space-2);align-content:start}.preview-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.preview-kpi{padding:var(--space-2);background:var(--surface-card);display:grid;gap:2px;text-align:center}.preview-button{padding:4px 8px;font-size:8px;font-weight:600;text-align:center}.tokens-mode-toggle{display:flex;gap:var(--space-2)}.tokens-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.tokens-template-card{cursor:pointer;padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--border-muted);background:var(--surface-card);display:grid;gap:var(--space-2);text-align:center;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.tokens-template-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tokens-template-card.active{border-color:var(--color-accent)}.tokens-template-swatches{display:flex;justify-content:center;gap:var(--space-1)}.tokens-template-swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-card)}.tokens-template-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tokens-template-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.tokens-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left;color:var(--text-primary)}.tokens-section-toggle{font-size:var(--font-size-sm);color:var(--text-muted)}.tokens-section-body{display:grid;gap:var(--space-3)}.token-row{display:grid;grid-template-columns:minmax(120px,200px) 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card)}.token-row-key{font-family:JetBrains Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.token-row-remove{border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm)}.token-row-remove:hover{color:var(--text-danger);background:var(--status-error-bg)}.tokens-visual-layout{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:var(--space-5);align-items:start}.tokens-visual-editor{display:grid;gap:var(--space-4)}.tokens-visual-preview{position:sticky;top:var(--space-4)}.tokens-add-row{display:flex;gap:var(--space-2);align-items:center}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:12px;pointer-events:none;color:var(--text-muted);display:grid;place-items:center}.search-input-wrapper .input{padding-left:34px;padding-right:34px}.search-input-clear{position:absolute;right:8px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);display:grid;place-items:center}.search-input-clear:hover{color:var(--text-primary);background:var(--surface-muted)}@media (max-width: 900px){.branding-layout{grid-template-columns:1fr}.branding-live-preview{position:static}.tokens-visual-layout{grid-template-columns:1fr}.tokens-visual-preview{position:static}.admin-mobile-header{display:flex}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;z-index:20;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);border-right:1px solid var(--border-subtle);border-bottom:none}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-backdrop.visible{display:block;position:fixed;inset:0;background:#0006;z-index:19;animation:modal-backdrop-enter var(--duration-normal) var(--ease-out)}.radius-preset-grid,.shadow-preset-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}