@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap";:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", monospace;--fs-2xs: .625rem;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--s-1: .25rem;--s-2: .375rem;--s-3: .5rem;--s-4: .625rem;--s-5: .75rem;--s-6: 1rem;--s-7: 1.25rem;--s-8: 1.5rem;--s-9: 2rem;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-full: 999px;--chip-pad-x: var(--s-4);--ease: cubic-bezier(.32, .72, 0, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .42s;--sidebar-w: 232px;--sidebar-w-collapsed: 60px;--topbar-h: 56px;--page-max: 1560px;--bg-primary: #f6f7f9;--bg-secondary: #ffffff;--bg-tertiary: #eff1f4;--bg-hover: rgba(17, 20, 26, .04);--bg-active: rgba(17, 20, 26, .07);--bg-inset: #fafbfc;--border-color: #e2e5ea;--border-light: #edeff3;--border-strong: #cdd2da;--text-primary: #14161a;--text-secondary: #40454e;--text-muted: #6a707b;--text-faint: #99a0ab;--accent: #9f27d6;--accent-hover: #8a1cbe;--accent-active: #7817a5;--accent-fg: #ffffff;--accent-solid: #9f27d6;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a707b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--accent-soft: rgba(159, 39, 214, .08);--accent-soft-hover: rgba(159, 39, 214, .13);--accent-line: rgba(159, 39, 214, .26);--success: #16a34a;--success-soft: rgba(22, 163, 74, .11);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--danger-hover: #b91c1c;--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-xs: 0 1px 2px rgba(16, 19, 26, .05);--shadow-sm: 0 1px 2px rgba(16, 19, 26, .06), 0 1px 3px rgba(16, 19, 26, .04);--shadow-md: 0 4px 10px -2px rgba(16, 19, 26, .08), 0 2px 4px -2px rgba(16, 19, 26, .05);--shadow-lg: 0 18px 44px -10px rgba(16, 19, 26, .2), 0 6px 14px -6px rgba(16, 19, 26, .1);--ring: 0 0 0 3px rgba(159, 39, 214, .16);--ring-danger: 0 0 0 3px rgba(220, 38, 38, .16);--border: var(--border-color);--primary: var(--accent);font-family:var(--font-sans);font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;font-feature-settings:"cv02","cv03","cv04","tnum";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;color:var(--text-secondary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #0a0b0d;--bg-secondary: #131519;--bg-tertiary: #1c1f25;--bg-hover: rgba(255, 255, 255, .045);--bg-active: rgba(255, 255, 255, .08);--bg-inset: #101216;--border-color: #24282f;--border-light: #1d2026;--border-strong: #363b44;--text-primary: #f1f3f5;--text-secondary: #c2c7cf;--text-muted: #8a9099;--text-faint: #5f656f;--accent: #b555ea;--accent-hover: #c470f1;--accent-active: #a940e0;--accent-solid: #9327cc;--accent-soft: rgba(181, 85, 234, .13);--accent-soft-hover: rgba(181, 85, 234, .2);--accent-line: rgba(181, 85, 234, .32);--success: #34d399;--success-soft: rgba(52, 211, 153, .13);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .13);--danger-hover: #fca5a5;--info: #60a5fa;--info-soft: rgba(96, 165, 250, .13);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .55), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 48px -12px rgba(0, 0, 0, .75), 0 8px 16px -8px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(181, 85, 234, .26);--ring-danger: 0 0 0 3px rgba(248, 113, 113, .22);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a9099' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark;color:var(--text-secondary);background-color:var(--bg-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:var(--fs-base);background-color:var(--bg-primary);color:var(--text-secondary)}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5{color:var(--text-primary);letter-spacing:-.014em;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}code,pre,kbd{font-family:var(--font-mono);font-feature-settings:normal}::selection{background:var(--accent-soft-hover);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;transition:grid-template-columns var(--dur) var(--ease)}.app-shell.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:60;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:var(--s-5);height:var(--topbar-h);padding:0 var(--s-5);flex-shrink:0;border-bottom:1px solid var(--border-light)}.sidebar-brand-mark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.sidebar-brand-mark img{width:28px;height:28px;object-fit:contain}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar-brand-name{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;line-height:1.2}.sidebar-brand-env{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);padding:var(--s-4) var(--s-3) var(--s-1);white-space:nowrap}.sidebar .nav-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--s-4);width:100%;padding:0 var(--s-3);height:32px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;box-shadow:none;color:var(--text-muted);font-family:inherit;font-size:var(--fs-base);font-weight:450;text-align:left;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.sidebar .nav-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:transparent;text-decoration:none}.sidebar .nav-item.active,.sidebar .nav-item.active:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:transparent;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:calc(var(--s-3) * -1 + 1px);top:50%;transform:translateY(-50%);width:2px;height:16px;border-radius:var(--r-full);background:var(--accent)}.nav-item-icon{display:flex;flex-shrink:0;width:16px;justify-content:center}.nav-item-label{overflow:hidden;text-overflow:ellipsis}.nav-item-badge{margin-left:auto;font-size:var(--fs-2xs);font-weight:600;padding:1px 5px;border-radius:var(--r-full);background:var(--bg-tertiary);color:var(--text-muted);font-variant-numeric:tabular-nums}.sidebar-footer{flex-shrink:0;padding:var(--s-3);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.is-collapsed .sidebar-brand{justify-content:center;padding:0}.is-collapsed .sidebar-brand-text,.is-collapsed .nav-item-label,.is-collapsed .nav-item-badge,.is-collapsed .nav-item-kbd,.is-collapsed .nav-group-label,.is-collapsed .user-chip-meta{display:none}.is-collapsed .nav-item{justify-content:center;padding:0}.is-collapsed .nav-group-label+.nav-item{margin-top:var(--s-3)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--s-6);height:var(--topbar-h);padding:0 var(--s-7);background:color-mix(in srgb,var(--bg-primary) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-color)}.topbar-heading{display:flex;flex-direction:column;min-width:0}.topbar-title{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}.topbar-divider{width:1px;height:20px;background:var(--border-color);flex-shrink:0}.topbar-freshness{font-size:var(--fs-sm);color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex-shrink:0;border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:var(--r-sm);box-shadow:none}.sidebar-toggle:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.sidebar-scrim{display:none}.user-chip{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-2) var(--s-3);border:none;border-radius:var(--r-sm);background:transparent;cursor:default;text-align:left}.user-chip-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em}.user-chip-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3}.user-chip-name{font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.page{min-width:0;display:flex;flex-direction:column}.page-body{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--s-7) var(--s-7) var(--s-9)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:30px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:var(--fs-base);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}button:active:not(:disabled){background-color:var(--bg-active)}button:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.btn-primary{background-color:var(--accent-solid);color:var(--accent-fg);border-color:var(--accent);box-shadow:var(--shadow-xs)}button.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-fg)}button.btn-primary:active:not(:disabled){background-color:var(--accent-active)}button.btn-secondary{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color);box-shadow:none}button.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}button.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}button.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover);color:#fff}button.btn-danger:focus-visible{box-shadow:var(--ring-danger)}[data-theme=dark] button.btn-danger{color:#2a0b0b}[data-theme=dark] button.btn-danger:hover:not(:disabled){color:#2a0b0b}button.btn-icon{width:30px;height:30px;padding:0;flex-shrink:0;background:transparent;border-color:transparent;color:var(--text-muted);box-shadow:none}button.btn-icon:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}button.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}button.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}button.btn-sm{height:26px;padding:0 var(--s-3);font-size:var(--fs-sm)}button.btn-icon.btn-sm{width:26px;padding:0}.btn-icon-danger{color:var(--danger)}.btn-icon-danger:hover:not(:disabled){background:var(--danger-soft);border-color:transparent;color:var(--danger)}label{display:inline-block;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}input,textarea,select{width:100%;padding:0 var(--s-4);height:30px;border-radius:var(--r-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}textarea{height:auto;padding:var(--s-3) var(--s-4);line-height:1.55;resize:vertical}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-tertiary);color:var(--text-faint);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;height:auto;accent-color:var(--accent);cursor:pointer}input[type=file]{height:auto;padding:var(--s-2) var(--s-3);cursor:pointer;color:var(--text-muted);font-size:var(--fs-sm)}input[type=file]::file-selector-button{height:22px;margin-right:var(--s-4);padding:0 var(--s-4);border:1px solid var(--border-color);border-radius:var(--r-xs);background:var(--bg-tertiary);color:var(--text-secondary);font-family:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}input[type=file]::file-selector-button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}select{cursor:pointer;padding-right:var(--s-9);appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--s-4) center}.select-inline{width:auto;min-width:0;flex-shrink:0}.card{background-color:var(--bg-secondary);padding:var(--s-7);border-radius:var(--r-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.card+.card,.card+.analytics-grid,.analytics-grid+.card{margin-top:var(--s-6)}.status-badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--chip-pad-x);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;line-height:1.5;white-space:nowrap;background-color:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color)}.status-active{background-color:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 24%,transparent)}.status-danger{background-color:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,transparent)}.status-inactive{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-color)}.status-warning{background-color:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 24%,transparent)}.status-info{background-color:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 24%,transparent)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--s-2);border-radius:var(--r-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);font-size:var(--fs-2xs);font-weight:600;font-variant-numeric:tabular-nums}.count-badge.accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.toggle-switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;cursor:pointer;background-color:var(--border-strong);border-radius:var(--r-full);transition:background-color var(--dur) var(--ease)}.toggle-slider:before{content:"";position:absolute;height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease)}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(14px)}input:focus-visible+.toggle-slider{box-shadow:var(--ring)}.control-toggle{display:flex;align-items:flex-start;gap:10px;padding:9px 0;cursor:pointer;border-bottom:1px solid var(--border-light)}.control-toggle:last-of-type{border-bottom:none}.control-toggle .toggle-switch{margin-top:2px}.control-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.control-toggle-text .field-hint{margin:0}button.btn-block{width:100%;justify-content:center;margin-top:4px}table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}thead{background-color:transparent}th{position:sticky;top:0;z-index:1;padding:var(--s-3) var(--s-5);text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease)}th.sortable:hover{color:var(--text-primary)}td{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-light);font-size:var(--fs-base);color:var(--text-secondary);transition:background-color var(--dur-fast) var(--ease)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background-color:var(--bg-hover)}tbody tr.no-hover:hover td{background-color:transparent}.align-right{text-align:right}.row-actions{width:1px;white-space:nowrap;padding-left:0;padding-right:var(--s-5)}.row-action-group{display:flex;justify-content:flex-end;gap:var(--s-1);opacity:0;transition:opacity var(--dur-fast) var(--ease)}.row-actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2)}tbody tr:hover .row-action-group,.row-action-group:focus-within{opacity:1}.select-cell{width:1px;padding-right:0;vertical-align:middle}.select-cell input[type=checkbox]{display:block}tbody tr.is-selected td,tbody tr.is-selected:hover td{background-color:var(--accent-soft)}.selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-3) var(--s-5);margin-bottom:var(--s-4);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--r-md);background:var(--accent-soft)}.selection-bar-count{font-size:var(--fs-base);font-weight:500;color:var(--text-primary)}.selection-bar-spacer{flex:1}.selection-bar .is-destructive{color:var(--danger)}.selection-bar .is-destructive:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.stack-cell{display:flex;flex-direction:column;gap:1px;line-height:1.35;min-width:0}.cell-strong{font-weight:500;color:var(--text-primary)}.cell-sub{font-size:var(--fs-sm);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-inline{display:flex;align-items:center;gap:var(--s-2);min-width:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-5) 0 0;border-top:1px solid var(--border-color);margin-top:var(--s-5);flex-wrap:wrap}.pagination-info{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.pagination-controls{display:flex;align-items:center;gap:var(--s-2)}.pagination-btn{min-width:28px;height:28px;padding:0 var(--s-3);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);box-shadow:none}.pagination-btn:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-strong)}.pagination-btn:disabled{background-color:transparent;color:var(--text-faint);cursor:not-allowed;opacity:1}.pagination-page{padding:0 var(--s-3);font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.progress-container{margin-top:var(--s-5)}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-2);font-size:var(--fs-base)}.progress-label{color:var(--text-muted)}.progress-value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.progress-bar{height:6px;background-color:var(--bg-tertiary);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background-color:var(--accent);transition:width var(--dur-slow) var(--ease)}.progress-fill.green{background-color:var(--success)}.progress-fill.yellow{background-color:var(--warning)}.progress-fill.red{background-color:var(--danger)}.progress-footer{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--s-2);font-variant-numeric:tabular-nums}.table-scroll{overflow:auto;max-height:calc(100vh - 19rem);min-height:18rem;margin:0 calc(var(--s-7) * -1);padding:0 var(--s-7);overscroll-behavior:contain}.table-scroll th{background-clip:padding-box;box-shadow:inset 0 -1px 0 var(--border-color);border-bottom:none}.table-scroll-auto{max-height:none;min-height:0;overflow-y:visible;overscroll-behavior-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);margin-bottom:var(--s-6);flex-wrap:wrap}.section-title{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.015em}.section-lede{margin:0;max-width:62ch;font-size:var(--fs-base);color:var(--text-muted);line-height:1.55}.insights-section-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);color:var(--text-muted)}.insights-section-header h3{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.breadcrumb{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);font-size:var(--fs-sm);color:var(--text-faint)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.breadcrumb-current{color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.search-container{position:relative;flex:1;min-width:200px;max-width:340px}.search-icon{position:absolute;left:var(--s-4);top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.search-input{padding-left:2rem;padding-right:1.75rem;height:30px;font-size:var(--fs-base);background-color:var(--bg-secondary)}.search-clear{position:absolute;right:var(--s-2);top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;background:none;box-shadow:none;border-radius:var(--r-xs);color:var(--text-faint)}.search-clear:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.toolbar{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-6)}.toolbar-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.toolbar-spacer{margin-left:auto}.toolbar-divider{width:1px;height:20px;background:var(--border-color);flex-shrink:0}.segmented-control{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-md);border:1px solid var(--border-color);background:var(--bg-tertiary);height:30px}.segmented-btn{height:24px;padding:0 var(--s-4);border:none;border-radius:var(--r-sm);background:transparent;box-shadow:none;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.segmented-btn:hover:not(.active){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.segmented-btn.active,.segmented-btn.active+.segmented-btn.active{background:var(--bg-secondary);color:var(--text-primary);border-color:transparent;box-shadow:var(--shadow-xs)}.modal-overlay{position:fixed;inset:0;background-color:#0a0b0d8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;padding:var(--s-6);z-index:1000;animation:fadeIn var(--dur) var(--ease)}.modal-content{background-color:var(--bg-secondary);padding:var(--s-8);border-radius:var(--r-xl);border:1px solid var(--border-color);width:100%;max-width:420px;max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn var(--dur) var(--ease)}.modal-content h2{margin:0 0 var(--s-5) 0;font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal-content p{color:var(--text-muted);line-height:1.6;font-size:var(--fs-md);margin:0}.modal-content code{background-color:var(--bg-tertiary);padding:1px var(--s-2);border-radius:var(--r-xs);font-size:var(--fs-base);color:var(--text-primary);border:1px solid var(--border-light)}.modal-warning{display:flex;align-items:flex-start;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);background:var(--warning-soft);color:var(--warning);font-size:var(--fs-base);line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-8)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-5)}.modal-header h2{margin:0}.modal-dismiss{margin:-4px -6px 0 0;flex-shrink:0}.modal-description{margin:calc(var(--s-5) * -1) 0 var(--s-6);font-size:var(--fs-base);color:var(--text-muted);line-height:1.55}.modal-body{display:flex;flex-direction:column;gap:var(--s-5)}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.instant-tooltip{position:relative;display:inline-flex;align-items:center}.instant-tooltip .instant-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--fs-xs);font-weight:500;padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--text-primary);color:var(--bg-secondary);border:none;box-shadow:var(--shadow-md);pointer-events:none;transition:opacity var(--dur-fast) var(--ease),visibility var(--dur-fast);z-index:100}.instant-tooltip:hover .instant-tooltip-text{visibility:visible;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translateY(4px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:1px;background:var(--border-light);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:var(--s-7)}.stat-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);min-width:0;height:auto;padding:var(--s-6) var(--s-7);background-color:var(--bg-secondary);border:none;border-radius:0;box-shadow:none;text-align:left;font-weight:400;transition:background-color var(--dur-fast) var(--ease)}.stat-card:hover{background-color:var(--bg-inset)}button.stat-card{cursor:pointer;font-family:inherit}button.stat-card:hover:not(:disabled){background-color:var(--bg-inset);border-color:transparent;color:inherit}button.stat-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}.stat-label{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card[class*=accent-] .stat-label:before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.stat-card.accent-purple .stat-label:before{background:var(--accent)}.stat-card.accent-blue .stat-label:before{background:var(--info)}.stat-card.accent-green .stat-label:before{background:var(--success)}.stat-card.accent-orange .stat-label:before{background:var(--warning)}.stat-card.accent-red .stat-label:before{background:var(--danger)}.stat-go{margin-left:auto;flex-shrink:0;opacity:0;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button.stat-card:hover .stat-go,button.stat-card:focus-visible .stat-go{opacity:1;transform:translate(2px)}.stat-value{font-size:var(--fs-2xl);font-weight:600;color:var(--text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2}.stat-meta{font-size:var(--fs-sm);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--s-5)}.analytics-card{background-color:var(--bg-secondary);padding:var(--s-7);border-radius:var(--r-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.analytics-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-6);padding:0;border:none}.analytics-title{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.015em}.analytics-subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin:var(--s-1) 0 0;line-height:1.5}.header-text{min-width:0}.feature-marks{display:flex;align-items:center;gap:var(--s-5)}.feature-mark{display:flex;color:var(--border-strong)}.feature-mark.on{color:var(--text-primary)}.feature-mark.on.tone-warning{color:var(--warning)}.override-mark{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.override-mark+.override-mark:before{content:"·";margin-right:var(--s-1);color:var(--border-strong)}.override-mark.is-off{color:var(--text-faint)}.upload-dropzone{display:flex;align-items:center;justify-content:center;width:100%;min-height:104px;padding:var(--s-6);border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--bg-inset);box-shadow:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.upload-dropzone:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.upload-dropzone.drag-over{border-color:var(--accent);border-style:solid;background:var(--accent-soft-hover)}.upload-dropzone.has-file{border-style:solid;border-color:var(--border-color);background:var(--bg-secondary);min-height:0;padding:var(--s-4) var(--s-5)}.upload-dropzone.has-file:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;color:var(--text-muted);font-size:var(--fs-base);font-weight:400;pointer-events:none}.upload-prompt svg{color:var(--text-faint)}.upload-prompt em{color:var(--accent);font-style:normal;font-weight:500}.upload-prompt small{font-size:var(--fs-sm);color:var(--text-faint)}.upload-file{display:flex;align-items:center;gap:var(--s-5);width:100%;min-width:0}.upload-file-icon{display:flex;flex-shrink:0;color:var(--accent)}.upload-file-meta{flex:1;min-width:0;text-align:left}.upload-file-name{font-size:var(--fs-md);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{font-size:var(--fs-sm);font-weight:400;color:var(--text-muted);font-variant-numeric:tabular-nums}.feature-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.feature-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);height:auto;padding:var(--s-5) var(--s-3);border:1.5px solid var(--border-color);border-radius:var(--r-md);background:var(--bg-inset);box-shadow:none;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.feature-toggle svg{color:var(--text-faint);transition:color var(--dur-fast) var(--ease)}.feature-toggle:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-primary)}.feature-toggle.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.feature-toggle.on svg{color:var(--accent)}.feature-toggle.on:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft-hover);color:var(--accent)}.feature-toggle.on.tone-warning{border-color:color-mix(in srgb,var(--warning) 55%,transparent);background:var(--warning-soft);color:var(--warning)}.feature-toggle.on.tone-warning svg{color:var(--warning)}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--s-6);background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--accent-soft),transparent 70%),var(--bg-primary)}.auth-shell{width:100%;max-width:372px}.auth-card{width:100%;padding:var(--s-9);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);margin-bottom:var(--s-9);text-align:center}.auth-brand img{height:40px}.auth-title{margin:0;font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.auth-subtitle{margin:var(--s-1) 0 0;font-size:var(--fs-base);color:var(--text-muted)}.auth-field{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-5)}.auth-field label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.auth-field input{height:34px}.auth-submit{width:100%;height:34px;margin-top:var(--s-3)}.auth-error{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);margin-bottom:var(--s-5);border-radius:var(--r-md);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);color:var(--danger);font-size:var(--fs-base);font-weight:500}.auth-google{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);min-height:44px}.auth-google-loading{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-muted)}.auth-alt-link{display:block;width:100%;margin-top:var(--s-6);padding:0;background:none;border:none;font-size:var(--fs-sm);color:var(--text-muted);text-align:center;cursor:pointer}.auth-alt-link:hover{color:var(--text-secondary);text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-6) 0 var(--s-5);color:var(--text-muted);font-size:var(--fs-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-footnote{margin:var(--s-7) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--text-faint)}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);text-align:center;padding:var(--s-9) var(--s-6);color:var(--text-muted);font-size:var(--fs-base)}.loading:after{content:"";display:block;width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);text-align:center;padding:var(--s-9) var(--s-6);color:var(--text-muted);font-size:var(--fs-base)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:var(--s-1);border-radius:var(--r-full);background:var(--bg-tertiary);color:var(--text-faint)}.empty-state-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.empty-state-desc{margin:0;max-width:42ch;font-size:var(--fs-base);color:var(--text-muted);line-height:1.55}.empty-state .btn-secondary{margin-top:var(--s-3)}.page-alert{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);margin-bottom:var(--s-6);border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:var(--danger-soft);color:var(--danger)}.page-alert>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.page-alert strong{font-size:var(--fs-base);color:var(--text-primary)}.page-alert span{font-size:var(--fs-sm);color:var(--text-muted);overflow-wrap:anywhere}.monospace{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:-.01em}.text-muted{color:var(--text-muted)}.text-small{font-size:var(--fs-sm)}.font-medium{font-weight:500}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-faint{color:var(--text-faint)}.truncate{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.tabular{font-variant-numeric:tabular-nums}.is-spinning{animation:spin .7s linear infinite}.mobile-only{display:none!important}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-xs);border:1px solid var(--border-color);border-bottom-width:2px;background:var(--bg-tertiary);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--fs-2xs);font-weight:600;line-height:1;white-space:nowrap}.toast-viewport{position:fixed;bottom:var(--s-6);right:var(--s-6);z-index:2000;display:flex;flex-direction:column;gap:var(--s-3);width:min(380px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5);border-radius:var(--r-lg);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn var(--dur) var(--ease);border-left:3px solid var(--border-strong)}.toast.is-leaving{animation:toastOut .16s var(--ease) forwards}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-icon{display:flex;flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--fs-base);font-weight:600;color:var(--text-primary);line-height:1.4}.toast-description{margin-top:2px;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere}.toast-action{height:auto;margin-top:var(--s-3);padding:0;border:none;background:none;box-shadow:none;color:var(--accent);font-size:var(--fs-sm);font-weight:600}.toast-action:hover:not(:disabled){background:none;border-color:transparent;color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.toast-close{width:20px;height:20px;padding:0;flex-shrink:0;border:none;background:none;box-shadow:none;color:var(--text-faint);border-radius:var(--r-xs)}.toast-close:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}@keyframes toastIn{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(16px) scale(.97)}}.palette-overlay{position:fixed;inset:0;z-index:1500;display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--s-6) var(--s-6);background:#0a0b0d80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--dur-fast) var(--ease)}.palette{width:100%;max-width:560px;max-height:min(460px,70vh);display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn var(--dur) var(--ease)}.palette-input-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-light);flex-shrink:0}.palette-input-icon{color:var(--text-faint);flex-shrink:0}.palette-input{flex:1;height:auto;padding:0;border:none;background:none;font-size:var(--fs-md);color:var(--text-primary)}.palette-input:focus{outline:none;border:none;box-shadow:none}.palette-list{flex:1;overflow-y:auto;padding:var(--s-3)}.palette-group{padding:var(--s-4) var(--s-3) var(--s-1);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.palette-item{display:flex;align-items:center;gap:var(--s-4);height:34px;padding:0 var(--s-3);border-radius:var(--r-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--fs-base);-webkit-user-select:none;user-select:none}.palette-item.active{background:var(--accent-soft);color:var(--accent)}.palette-item-icon{flex-shrink:0;opacity:.75}.palette-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-hint{flex-shrink:0}.palette-item-enter{flex-shrink:0;opacity:.6}.palette-empty{padding:var(--s-8) var(--s-6);text-align:center;color:var(--text-muted);font-size:var(--fs-base)}.palette-footer{display:flex;align-items:center;gap:var(--s-6);padding:var(--s-3) var(--s-6);border-top:1px solid var(--border-light);background:var(--bg-inset);font-size:var(--fs-sm);color:var(--text-faint);flex-shrink:0}.palette-footer span{display:inline-flex;align-items:center;gap:var(--s-1)}.palette-trigger{display:inline-flex;align-items:center;gap:var(--s-3);height:30px;padding:0 var(--s-3) 0 var(--s-4);min-width:200px;border-radius:var(--r-sm);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:none;color:var(--text-faint);font-size:var(--fs-base);font-weight:400;justify-content:flex-start}.palette-trigger span{flex:1;text-align:left}.palette-trigger:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-secondary);color:var(--text-muted)}.nav-item-kbd{margin-left:auto}.skeleton{display:block;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 40%,var(--bg-tertiary) 80%);background-size:300% 100%;border-radius:var(--r-xs);animation:shimmer 1.4s ease-in-out infinite}.skeleton-row td{padding-top:var(--s-4);padding-bottom:var(--s-4)}.skeleton-card{display:flex;flex-direction:column;gap:var(--s-4)}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.copyable{display:inline-flex;align-items:center;gap:var(--s-2);height:auto;width:max-content;max-width:100%;padding:2px var(--s-1) 2px var(--s-2);margin-left:calc(var(--s-2) * -1);border:1px solid transparent;border-radius:var(--r-xs);background:none;box-shadow:none;color:inherit;font-weight:400;cursor:copy}.copyable:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color);color:inherit}.copyable-text{white-space:nowrap;flex-shrink:0}.copyable-icon{display:flex;flex-shrink:0;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease)}.copyable:hover .copyable-icon,.copyable:focus-visible .copyable-icon{opacity:1}.field{display:flex;flex-direction:column;gap:var(--s-2)}.form-stack{display:flex;flex-direction:column;gap:var(--s-6)}.form-stack>.field-hint{margin-top:calc(var(--s-6) * -1 + var(--s-2))}.field>.segmented-control{align-self:flex-start}.form-actions{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;padding-top:var(--s-2)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)}@media(max-width:720px){.field-row{grid-template-columns:1fr}}.field-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.field-optional{font-size:var(--fs-2xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.field-hint{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.field-error{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);color:var(--danger);font-size:var(--fs-base);font-weight:500}.input-affix{position:relative;display:flex}.input-affix input{padding-right:2.25rem}.input-affix-btn{position:absolute;right:var(--s-2);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:none;box-shadow:none;border-radius:var(--r-xs);color:var(--text-faint)}.input-affix-btn:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.secret-reveal{display:flex;align-items:stretch;gap:var(--s-3)}.secret-reveal code{flex:1;min-width:0;padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-tertiary);border:1px solid var(--border-color);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.secret-reveal button{height:auto;flex-shrink:0;align-self:stretch}.scope-option{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--bg-inset);cursor:pointer}.scope-option:hover{border-color:var(--border-strong)}.scope-option>span{display:flex;flex-direction:column;gap:2px;min-width:0}.scope-option-label{font-size:var(--fs-base);font-weight:500;color:var(--text-primary)}.scope-option-label code{margin-left:var(--s-2);font-size:var(--fs-sm);color:var(--text-muted)}.scope-option-detail{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}tr.is-revoked td{opacity:.55}.code-block{display:block;margin:0;padding:var(--s-5);border-radius:var(--r-md);background:var(--bg-tertiary);border:1px solid var(--border-light);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.55;color:var(--text-primary);overflow:auto;max-height:260px;white-space:pre;tab-size:2}.detail-list{display:flex;flex-direction:column;gap:var(--s-1);margin:0}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-2) 0;font-size:var(--fs-base)}.detail-row dt{color:var(--text-muted);flex-shrink:0}.detail-row dd{margin:0;font-weight:500;color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.menu-panel{position:fixed;z-index:900;min-width:176px;padding:var(--s-1);border-radius:var(--r-md);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-lg);animation:popIn var(--dur-fast) var(--ease)}.menu-item{display:flex;align-items:center;gap:var(--s-3);width:100%;height:28px;padding:0 var(--s-3);border:none;border-radius:var(--r-xs);background:none;box-shadow:none;color:var(--text-secondary);font-size:var(--fs-base);font-weight:400;text-align:left;justify-content:flex-start}.menu-item:hover:not(:disabled){background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.menu-item-danger{color:var(--danger)}.menu-item-danger:hover:not(:disabled){background:var(--danger-soft);border-color:transparent;color:var(--danger)}.menu-item:disabled{color:var(--text-faint);opacity:1}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8)}.shortcuts-group-title{margin:0 0 var(--s-4);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.shortcuts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.shortcuts-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-2) 0;font-size:var(--fs-base);color:var(--text-secondary)}.shortcuts-keys{display:inline-flex;gap:3px;flex-shrink:0}@media(max-width:1180px){.page-body{padding:var(--s-6) var(--s-5) var(--s-9)}.card{padding:var(--s-6)}.table-scroll{margin:0 calc(var(--s-6) * -1);padding:0 var(--s-6)}}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;left:0;width:240px;transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-lg)}.app-shell.is-drawer-open .sidebar{transform:translate(0)}.app-shell.is-drawer-open .sidebar-scrim{display:block;position:fixed;inset:0;z-index:55;background:#0a0b0d80;animation:fadeIn var(--dur) var(--ease)}.is-collapsed .sidebar-brand-text,.is-collapsed .nav-item-label,.is-collapsed .nav-item-badge,.is-collapsed .nav-item-kbd,.is-collapsed .nav-group-label,.is-collapsed .user-chip-meta{display:revert}.is-collapsed .sidebar-brand,.is-collapsed .nav-item{justify-content:flex-start;padding:0 var(--s-3)}.is-collapsed .sidebar-brand{padding:0 var(--s-5)}.page-body{padding:var(--s-6) var(--s-5) var(--s-9)}.topbar{padding:0 var(--s-5);gap:var(--s-4)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.search-container{max-width:none}.modal-content{padding:var(--s-7)}.shortcuts-grid{grid-template-columns:1fr;gap:var(--s-6)}.palette-trigger span,.palette-trigger .kbd,.hide-sm{display:none}.palette-trigger{min-width:0;width:30px;justify-content:center;padding:0}.toast-viewport{left:var(--s-4);right:var(--s-4);bottom:var(--s-4);width:auto}.palette-overlay{padding:8vh var(--s-4) var(--s-4)}.palette-footer{display:none}}@media(max-width:440px){.stats-grid,.feature-picker{grid-template-columns:1fr}}.signin-marks{display:flex;align-items:center;gap:var(--s-3)}.signin-mark{display:inline-flex;align-items:center;color:var(--text-muted)}.signin-mark.is-idle{filter:grayscale(1);opacity:.4}.signin-mark.is-warn{color:var(--warning)}.field-checkbox{display:flex;align-items:flex-start;gap:var(--s-3);font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5;cursor:pointer}.field-checkbox input{width:14px;height:14px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.pill-muted{padding:.125rem .375rem;border-radius:var(--r-sm);background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--fs-2xs);white-space:nowrap}
