:root{--gx-obsidian-900:#07090d;--gx-obsidian-800:#0b0f14;--gx-obsidian-700:#11161d;--gx-obsidian-600:#161d26;--gx-obsidian-500:#1c2430;--gx-obsidian-400:#232b38;--gx-obsidian-300:#2b3442;--gx-obsidian-200:#343d4d;--gx-obsidian-100:#3e485b;--gx-frost-100:#f7faff;--gx-frost-200:#edf2f8;--gx-frost-300:#e1e7f0;--gx-frost-400:#c9d2df;--gx-frost-500:#a8b4c6;--gx-frost-600:#8892a3;--gx-frost-700:#6b7687;--gx-ice-100:#f0f7ff;--gx-ice-200:#e1f0ff;--gx-ice-300:#c7e4ff;--gx-ice-400:#a9d6ff;--gx-ice-500:#7fb8ff;--gx-ice-600:#5c98e6;--gx-ice-700:#3e78c7;--gx-ice-800:#275a99;--gx-ice-signature:var(--gx-ice-500);--gx-health-100:#ecfdf5;--gx-health-300:#6ee7b7;--gx-health-500:#34d399;--gx-health-700:#059669;--gx-health-900:#064e3b;--gx-health:var(--gx-health-500);--gx-warning-100:#fff8eb;--gx-warning-300:#fde68a;--gx-warning-500:#fbbf24;--gx-warning-700:#d97706;--gx-warning-900:#7c2d12;--gx-warning:var(--gx-warning-500);--gx-critical-100:#fef2f2;--gx-critical-300:#fca5a5;--gx-critical-500:#fb6a6a;--gx-critical-700:#dc2626;--gx-critical-900:#7f1d1d;--gx-critical:var(--gx-critical-500);--gx-info-100:#eff6ff;--gx-info-300:#93c5fd;--gx-info-500:#3b82f6;--gx-info-700:#1d4ed8;--gx-info-900:#1e3a8a;--gx-bg-canvas:var(--gx-obsidian-900);--gx-bg-shell:var(--gx-obsidian-800);--gx-surface-primary:var(--gx-obsidian-700);--gx-surface-raised:var(--gx-obsidian-600);--gx-surface-hover:var(--gx-obsidian-500);--gx-surface-active:var(--gx-obsidian-400);--gx-border-subtle:var(--gx-obsidian-500);--gx-border-default:var(--gx-obsidian-300);--gx-border-strong:var(--gx-obsidian-200);--gx-text-primary:var(--gx-frost-100);--gx-text-high-emphasis:var(--gx-frost-200);--gx-text-secondary:var(--gx-frost-400);--gx-text-supporting:var(--gx-frost-500);--gx-text-muted:var(--gx-frost-600);--gx-text-disabled:var(--gx-frost-700);--gx-accent:var(--gx-ice-500);--gx-accent-soft:var(--gx-ice-300);--gx-accent-strong:var(--gx-ice-600);--gx-success:var(--gx-health-500);--gx-danger:var(--gx-critical-500);--gx-info:var(--gx-info-500);--gx-font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--gx-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--gx-type-display-size:36px;--gx-type-display-weight:700;--gx-type-display-leading:1.05;--gx-type-display-tracking:-.035em;--gx-type-page-size:30px;--gx-type-page-weight:650;--gx-type-page-leading:1.1;--gx-type-page-tracking:-.025em;--gx-type-section-size:22px;--gx-type-section-weight:600;--gx-type-section-leading:1.2;--gx-type-section-tracking:-.015em;--gx-type-panel-size:16px;--gx-type-panel-weight:600;--gx-type-panel-leading:1.3;--gx-type-body-size:14px;--gx-type-body-leading:1.5;--gx-type-dense-size:13px;--gx-type-dense-leading:1.42;--gx-type-label-size:12px;--gx-type-label-weight:500;--gx-type-label-leading:1.35;--gx-type-metadata-size:12px;--gx-type-metadata-leading:1.4;--gx-type-micro-size:11px;--gx-type-micro-weight:500;--gx-type-micro-leading:1.3;--gx-type-code-size:13px;--gx-type-code-leading:1.55;--gx-space-1:4px;--gx-space-2:8px;--gx-space-3:12px;--gx-space-4:16px;--gx-space-5:20px;--gx-space-6:24px;--gx-space-7:28px;--gx-space-8:32px;--gx-space-9:40px;--gx-space-10:48px;--gx-space-11:56px;--gx-space-12:64px;--gx-radius-xs:4px;--gx-radius-sm:6px;--gx-radius-md:8px;--gx-radius-lg:10px;--gx-radius-xl:12px;--gx-radius-2xl:14px;--gx-radius-pill:999px;--gx-shadow-popover:0 12px 32px #0000005c;--gx-shadow-flyout:-10px 0 40px #00000057;--gx-shadow-modal:0 24px 70px #00000085;--gx-motion-fast:.12s;--gx-motion-standard:.18s;--gx-motion-overlay:.22s;--gx-motion-large:.28s;--gx-topbar-height:48px;--gx-sidebar-width:232px;--gx-sidebar-collapsed-width:64px;--gx-operational-max-width:1600px;--gx-breakpoint-sm:640px;--gx-breakpoint-md:768px;--gx-breakpoint-lg:1024px;--gx-breakpoint-xl:1280px;--gx-breakpoint-2xl:1536px;--gx-layout-gutter:24px;--gx-layout-margin:32px;--gx-layout-margin-large:40px;--gx-layout-margin-tablet:24px;--gx-layout-margin-mobile:16px;--gx-z-sticky:20;--gx-z-dropdown:40;--gx-z-popover:50;--gx-z-sheet:60;--gx-z-modal:70;--gx-z-toast:80;--gx-z-tooltip:90;--gx-focus-ring:0 0 0 3px #7fb8ff38}
@layer gx.reset{.gx-root,.gx-design-library{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--gx-font-manrope,var(--gx-font-sans));color:var(--gx-text-primary);background:var(--gx-bg-canvas);font-size:14px;line-height:1.5}.gx-root *,.gx-root :before,.gx-root :after,.gx-design-library *,.gx-design-library :before,.gx-design-library :after{box-sizing:border-box}.gx-root ::selection,.gx-design-library ::selection{color:var(--gx-frost-100);background:#7fb8ff42}.gx-root :focus-visible,.gx-design-library :focus-visible{outline:2px solid var(--gx-border-focus,var(--gx-ice-500));outline-offset:2px;box-shadow:var(--gx-focus-ring)}.gx-root button,.gx-root input,.gx-root select,.gx-root textarea,.gx-design-library button,.gx-design-library input,.gx-design-library select,.gx-design-library textarea{font:inherit}.gx-root button,.gx-design-library button{cursor:pointer}.gx-root button:disabled,.gx-design-library button:disabled{cursor:not-allowed}.gx-root,.gx-design-library{scrollbar-width:thin;scrollbar-color:var(--gx-border-default) transparent}.gx-root ::-webkit-scrollbar{width:10px;height:10px}.gx-design-library ::-webkit-scrollbar{width:10px;height:10px}.gx-root ::-webkit-scrollbar-thumb{background:var(--gx-border-default);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.gx-design-library ::-webkit-scrollbar-thumb{background:var(--gx-border-default);background-clip:padding-box;border:3px solid #0000;border-radius:999px}}@layer gx.primitives{.gx-text{margin:0}.gx-text--display{letter-spacing:-.035em;font-size:36px;font-weight:700;line-height:1.05}.gx-text--page{letter-spacing:-.025em;font-size:30px;font-weight:650;line-height:1.1}.gx-text--section{letter-spacing:-.015em;font-size:22px;font-weight:600;line-height:1.2}.gx-text--panel{font-size:16px;font-weight:600;line-height:1.3}.gx-text--body{font-size:14px;line-height:1.5}.gx-text--dense{font-size:13px;line-height:1.42}.gx-text--label{font-size:12px;font-weight:500;line-height:1.35}.gx-text--metadata{font-size:12px;line-height:1.4}.gx-text--micro{font-size:11px;font-weight:500;line-height:1.3}.gx-text--code{font:400 13px/1.55 var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-text--secondary{color:var(--gx-text-secondary)}.gx-text--muted{color:var(--gx-text-muted)}.gx-text--ice{color:var(--gx-ice-300)}.gx-text--health{color:var(--gx-health-300)}.gx-text--warning{color:var(--gx-warning-300)}.gx-text--critical{color:var(--gx-critical-300)}.gx-divider{background:var(--gx-border-subtle);border:0;height:1px;margin:0}.gx-surface{color:var(--gx-text-primary)}.gx-surface--canvas{background:var(--gx-bg-canvas)}.gx-surface--shell{background:var(--gx-bg-shell)}.gx-surface--primary{background:var(--gx-surface-primary)}.gx-surface--raised{background:var(--gx-surface-raised)}.gx-surface--hover{background:var(--gx-surface-hover)}.gx-stack{gap:var(--gx-stack-gap);flex-direction:column;display:flex}.gx-inline{align-items:var(--gx-inline-align);gap:var(--gx-inline-gap);flex-wrap:wrap;display:flex}.gx-container{width:min(100%, var(--gx-operational-max-width));margin-inline:auto}.gx-container--form{width:min(100%,900px)}.gx-container--full{width:100%;max-width:none}.gx-grid{grid-template-columns:repeat(var(--gx-grid-columns), minmax(0, 1fr));gap:var(--gx-layout-gutter);display:grid}.gx-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gx-icon{flex:none;display:block}}@layer gx.components{.gx-button{border-radius:var(--gx-radius-md);min-width:0;height:36px;transition:background var(--gx-motion-fast), border-color var(--gx-motion-fast), color var(--gx-motion-fast), transform var(--gx-motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.gx-button:active:not(:disabled){transform:translateY(1px)}.gx-control--xs{height:28px;padding-inline:9px;font-size:11px}.gx-control--sm{height:32px;padding-inline:11px;font-size:12px}.gx-control--lg{height:40px;padding-inline:16px;font-size:14px}.gx-button--primary{background:var(--gx-frost-100);border-color:var(--gx-frost-100);color:var(--gx-obsidian-900)}.gx-button--primary:hover{background:var(--gx-frost-200);border-color:var(--gx-frost-200)}.gx-button--primary:active{background:var(--gx-frost-300)}.gx-button--secondary{background:var(--gx-surface-primary);border-color:var(--gx-border-default);color:var(--gx-frost-200)}.gx-button--secondary:hover{background:var(--gx-surface-raised);border-color:var(--gx-border-strong)}.gx-button--ghost{color:var(--gx-text-secondary);background:0 0;border-color:#0000}.gx-button--ghost:hover{background:var(--gx-surface-raised);color:var(--gx-text-primary)}.gx-button--danger{background:var(--gx-critical-700);border-color:var(--gx-critical-700);color:#fff}.gx-button--danger:hover{background:var(--gx-critical-500);border-color:var(--gx-critical-500)}.gx-button--link{height:auto;color:var(--gx-ice-300);background:0 0;border:0;padding:0}.gx-button:disabled{opacity:.45}.gx-icon-button{width:36px;padding:0}.gx-control--xs.gx-icon-button{width:28px}.gx-control--sm.gx-icon-button{width:32px}.gx-control--lg.gx-icon-button{width:40px}.gx-button-group{display:inline-flex}.gx-button-group .gx-button{border-radius:0}.gx-button-group .gx-button:first-child{border-radius:8px 0 0 8px}.gx-button-group .gx-button:last-child{border-radius:0 8px 8px 0}.gx-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite gx-spin}.gx-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.gx-field legend{width:100%;color:var(--gx-text-secondary);justify-content:space-between;padding:0;font-size:12px;font-weight:500;display:flex}.gx-field legend span{color:var(--gx-text-muted);font-weight:400}.gx-field>p,.gx-field>small{color:var(--gx-text-muted);margin:0;font-size:12px}.gx-field--error>small{color:var(--gx-critical-300)}.gx-input{border:1px solid var(--gx-border-default);border-radius:var(--gx-radius-md);background:var(--gx-surface-primary);width:100%;height:38px;color:var(--gx-text-primary);transition:border var(--gx-motion-fast), background var(--gx-motion-fast);padding:0 11px}.gx-input::placeholder{color:var(--gx-text-disabled)}.gx-input:hover{background:var(--gx-surface-raised)}.gx-input--error,.gx-input[aria-invalid=true]{border-color:var(--gx-critical-500)}.gx-textarea{resize:vertical;min-height:96px;padding-block:9px}.gx-search-input{display:block;position:relative}.gx-search-input>.gx-icon{z-index:1;color:var(--gx-text-muted);position:absolute;top:10px;left:11px}.gx-search-input>.gx-input{padding-left:36px}.gx-select-wrap{display:block;position:relative}.gx-select{appearance:none;padding-right:34px}.gx-select-wrap>.gx-icon{pointer-events:none;color:var(--gx-text-muted);position:absolute;top:11px;right:10px}.gx-choice,.gx-switch{min-height:28px;color:var(--gx-text-secondary);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.gx-choice input,.gx-switch input{opacity:0;pointer-events:none;position:absolute}.gx-choice>span{border:1px solid var(--gx-border-strong);background:var(--gx-surface-primary);border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.gx-choice input:focus-visible+span,.gx-switch input:focus-visible+span{outline:2px solid var(--gx-border-focus,var(--gx-ice-500));outline-offset:2px;box-shadow:var(--gx-focus-ring)}.gx-choice input:checked+span{border-color:var(--gx-ice-500);background:var(--gx-ice-500);box-shadow:inset 0 0 0 3px var(--gx-obsidian-900)}:is(.gx-choice:has(input:disabled),.gx-switch:has(input:disabled)){cursor:not-allowed;color:var(--gx-text-disabled)}.gx-choice input:disabled+span,.gx-switch input:disabled+span{opacity:.5}.gx-choice--radio>span{border-radius:50%}.gx-choice em,.gx-switch em{font-style:normal}.gx-switch>span{border:1px solid var(--gx-border-strong);background:var(--gx-surface-raised);border-radius:999px;width:32px;height:18px;position:relative}.gx-switch>span:after{content:"";background:var(--gx-text-muted);width:10px;height:10px;transition:transform var(--gx-motion-fast), background var(--gx-motion-fast);border-radius:50%;position:absolute;top:3px;left:3px}.gx-switch input:checked+span{border-color:var(--gx-ice-600);background:#7fb8ff2e}.gx-switch input:checked+span:after{background:var(--gx-ice-400);transform:translate(14px)}.gx-slider{width:100%;accent-color:var(--gx-ice-500)}.gx-segmented{border:1px solid var(--gx-border-default);background:var(--gx-bg-shell);border-radius:9px;padding:3px;display:inline-flex}.gx-segment{height:28px;color:var(--gx-text-muted);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.gx-segment[aria-pressed=true]{background:var(--gx-surface-raised);color:var(--gx-text-primary)}.gx-badge{border:1px solid var(--gx-border-default);background:var(--gx-surface-hover);width:max-content;min-height:22px;color:var(--gx-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.gx-chip{padding-inline:9px}.gx-pill{border-radius:999px}.gx-tone--ice{color:var(--gx-ice-300);background:#7fb8ff1a;border-color:#7fb8ff3d}.gx-tone--health{color:var(--gx-health-300);background:#34d3991a;border-color:#34d3993d}.gx-tone--warning{color:var(--gx-warning-300);background:#fbbf241a;border-color:#fbbf243d}.gx-tone--critical{color:var(--gx-critical-300);background:#fb6a6a1a;border-color:#fb6a6a3d}.gx-tone--information{color:var(--gx-info-300);background:#3b82f61a;border-color:#3b82f63d}.gx-status-dot{background:var(--gx-text-muted);border:0;border-radius:50%;width:7px;height:7px;display:inline-block}.gx-status-dot.gx-tone--health{background:var(--gx-health-500)}.gx-status-dot.gx-tone--warning{background:var(--gx-warning-500)}.gx-status-dot.gx-tone--critical{background:var(--gx-critical-500)}.gx-status-dot.gx-tone--information{background:var(--gx-info-500)}.gx-health-indicator{color:var(--gx-text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.gx-progress{background:var(--gx-surface-hover);border-radius:999px;height:5px;overflow:hidden}.gx-progress>span{border-radius:inherit;background:var(--gx-ice-500);height:100%;display:block}.gx-meter{width:100%;height:6px;accent-color:var(--gx-ice-500)}.gx-card,.gx-panel,.gx-metric-card{border:1px solid var(--gx-border-subtle);border-radius:var(--gx-radius-lg);background:var(--gx-surface-primary)}.gx-card{padding:16px}.gx-card--summary{background:var(--gx-bg-shell)}.gx-card--action{border-color:var(--gx-border-default)}.gx-card--interactive{cursor:pointer;transition:background var(--gx-motion-fast), border var(--gx-motion-fast)}.gx-card--interactive:hover{border-color:var(--gx-border-default);background:var(--gx-surface-raised)}.gx-panel{padding:20px}.gx-metric-card{align-content:center;gap:5px;min-height:104px;padding:16px;display:grid}.gx-metric-card>span,.gx-metric-card>small{color:var(--gx-text-muted);font-size:12px}.gx-metric-card>strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.1}.gx-callout{border:1px solid var(--gx-border-default);background:var(--gx-surface-primary);color:var(--gx-text-secondary);border-radius:10px;gap:12px;padding:14px;display:flex}.gx-callout>div{gap:3px;display:grid}.gx-callout strong{color:var(--gx-text-primary)}.gx-callout--health>.gx-icon{color:var(--gx-health-500)}.gx-callout--warning>.gx-icon{color:var(--gx-warning-500)}.gx-callout--critical>.gx-icon{color:var(--gx-critical-500)}.gx-callout--information>.gx-icon{color:var(--gx-info-500)}.gx-banner{border-bottom:1px solid var(--gx-border-default);padding:10px 14px;font-size:13px}.gx-banner--warning{color:var(--gx-warning-300);background:#fbbf2414}.gx-banner--critical{color:var(--gx-critical-300);background:#fb6a6a14}.gx-banner--health{color:var(--gx-health-300);background:#34d39914}.gx-inspector{border-left:1px solid var(--gx-border-default);background:var(--gx-bg-shell)}.gx-inspector>header{border-bottom:1px solid var(--gx-border-subtle);justify-content:space-between;min-height:68px;padding:14px 18px;display:flex}.gx-inspector h2{margin:2px 0 0;font-size:16px}.gx-inspector header span{color:var(--gx-text-muted);font-size:11px}.gx-page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.gx-page-header h1{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:650;line-height:1.1}.gx-page-header p{max-width:680px;color:var(--gx-text-muted);margin:7px 0 0;font-size:13px}.gx-page-header>div>span{color:var(--gx-ice-300);font:500 11px var(--gx-font-jetbrains-mono,var(--gx-font-mono));text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:block}.gx-page-header__actions,.gx-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gx-toolbar{min-height:38px}.gx-app-shell{border:1px solid var(--gx-border-subtle);background:var(--gx-bg-canvas);grid-template:48px 1fr/232px minmax(0,1fr);min-height:640px;display:grid}.gx-app-shell__topbar{grid-column:1/-1}.gx-app-shell__sidebar{grid-row:2}.gx-app-shell__main{min-width:0;padding:32px}.gx-topbar{border-bottom:1px solid var(--gx-border-subtle);background:var(--gx-bg-shell);align-items:center;gap:24px;height:48px;padding:0 14px;display:flex}.gx-brand{align-items:center;gap:8px;width:204px;display:flex}.gx-brand>span{background:var(--gx-frost-100);width:24px;height:24px;color:var(--gx-obsidian-900);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.gx-brand strong{font-size:13px}.gx-topbar__context{color:var(--gx-text-muted);font-size:12px}.gx-topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.gx-sidebar{border-right:1px solid var(--gx-border-subtle);background:var(--gx-bg-shell);height:100%;padding:14px 12px}.gx-sidebar-group{margin-bottom:18px}.gx-sidebar-group h2{color:var(--gx-text-disabled);letter-spacing:.05em;text-transform:uppercase;margin:0 8px 5px;font-size:10px;font-weight:600}.gx-sidebar-group>div{gap:2px;display:grid}.gx-sidebar-item{height:32px;color:var(--gx-text-secondary);border-radius:6px;align-items:center;gap:9px;padding:0 8px;font-size:13px;text-decoration:none;display:flex}.gx-sidebar-item:hover{background:var(--gx-surface-primary);color:var(--gx-text-primary)}.gx-sidebar-item--active{background:var(--gx-surface-raised);color:var(--gx-text-primary)}.gx-sidebar-item--active:after{content:"";background:var(--gx-ice-500);border-radius:2px;width:2px;height:14px;margin-left:auto}.gx-breadcrumb ol{color:var(--gx-text-muted);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.gx-breadcrumb li+li:before{content:"/";color:var(--gx-text-disabled);margin-right:6px}.gx-breadcrumb a{color:inherit;text-decoration:none}.gx-tabs{border-bottom:1px solid var(--gx-border-subtle);gap:18px;display:flex;overflow-x:auto}.gx-tab{height:38px;color:var(--gx-text-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:12px}.gx-tab[aria-selected=true]{border-color:var(--gx-ice-500);color:var(--gx-text-primary)}.gx-pagination{color:var(--gx-text-muted);justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex}.gx-pagination button{border:1px solid var(--gx-border-default);background:var(--gx-surface-primary);height:30px;color:var(--gx-text-secondary);border-radius:6px;padding:0 10px}.gx-command{border:1px solid var(--gx-border-strong);background:var(--gx-bg-shell);width:min(560px,100vw - 32px);box-shadow:var(--gx-shadow-modal);border-radius:12px;overflow:hidden}.gx-command>header{border-bottom:1px solid var(--gx-border-subtle);align-items:center;gap:10px;padding:0 16px;display:flex}.gx-command input{width:100%;height:48px;color:var(--gx-text-primary);background:0 0;border:0;outline:0}.gx-command>div{padding:8px;display:grid}.gx-command>div button{height:38px;color:var(--gx-text-secondary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex}.gx-command>div button:hover{background:var(--gx-surface-primary)}.gx-command kbd{color:var(--gx-text-muted);font:11px var(--gx-font-jetbrains-mono,var(--gx-font-mono));margin-left:auto}.gx-context-switcher{gap:4px;display:grid}.gx-context-switcher>span{color:var(--gx-text-muted);font-size:10px}.gx-table-wrap{border:1px solid var(--gx-border-subtle);border-radius:10px;width:100%;overflow:auto}.gx-table{border-collapse:collapse;background:var(--gx-surface-primary);font-variant-numeric:tabular-nums;width:100%}.gx-table th{border-bottom:1px solid var(--gx-border-subtle);background:var(--gx-bg-shell);height:38px;color:var(--gx-text-supporting);text-align:left;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:500}.gx-table td{border-bottom:1px solid var(--gx-border-subtle);height:48px;color:var(--gx-text-secondary);padding:0 14px;font-size:13px}.gx-table tbody tr:last-child td{border-bottom:0}.gx-table tbody tr:hover td{background:var(--gx-surface-raised)}.gx-table tr[data-selected] td{background:#7fb8ff12}.gx-table td:first-child{color:var(--gx-text-primary);font-size:14px;font-weight:500}.gx-table__empty{text-align:center!important;color:var(--gx-text-muted)!important}.gx-technical{font:12px var(--gx-font-jetbrains-mono,var(--gx-font-mono))!important}.gx-table-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gx-key-value{margin:0}.gx-key-value>div{border-bottom:1px solid var(--gx-border-subtle);grid-template-columns:minmax(120px,1fr) 2fr;gap:16px;padding:10px 0;display:grid}.gx-key-value dt{color:var(--gx-text-muted);font-size:12px}.gx-key-value dd{color:var(--gx-text-secondary);margin:0;font-size:13px}.gx-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.gx-timeline li{border-bottom:1px solid var(--gx-border-subtle);grid-template-columns:12px 1fr auto;gap:12px;padding:12px 0;display:grid}.gx-timeline li>span{background:var(--gx-ice-500);border-radius:50%;width:7px;height:7px;margin-top:6px}.gx-timeline strong{font-size:13px}.gx-timeline p{color:var(--gx-text-muted);margin:2px 0 0;font-size:12px}.gx-timeline time{color:var(--gx-text-muted);font:11px var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-log-row{border-bottom:1px solid var(--gx-border-subtle);grid-template-columns:1.4fr 1fr .8fr .7fr;align-items:center;gap:16px;height:48px;padding:0 14px;font-size:12px;display:grid}.gx-tooltip{display:inline-flex;position:relative}.gx-tooltip:hover:after,.gx-tooltip:focus-within:after{content:attr(data-tooltip);z-index:var(--gx-z-tooltip);border:1px solid var(--gx-border-default);background:var(--gx-obsidian-600);box-shadow:var(--gx-shadow-popover);color:var(--gx-frost-200);white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.gx-dropdown{position:relative}.gx-dropdown summary{list-style:none}.gx-dropdown summary::-webkit-details-marker{display:none}.gx-dropdown>div{z-index:var(--gx-z-dropdown);border:1px solid var(--gx-border-default);background:var(--gx-surface-raised);min-width:180px;box-shadow:var(--gx-shadow-popover);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.gx-popover{border:1px solid var(--gx-border-default);background:var(--gx-surface-raised);width:280px;box-shadow:var(--gx-shadow-popover);border-radius:12px;padding:14px}.gx-overlay-backdrop{z-index:var(--gx-z-modal);background:#030508ad;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.gx-overlay{border:1px solid var(--gx-border-default);background:var(--gx-bg-shell);color:var(--gx-text-primary);grid-template-rows:auto 1fr auto;display:grid}.gx-overlay>header{border-bottom:1px solid var(--gx-border-subtle);justify-content:space-between;gap:16px;padding:18px;display:flex}.gx-overlay h2{margin:0;font-size:16px}.gx-overlay header p{color:var(--gx-text-muted);margin:4px 0 0;font-size:12px}.gx-overlay__body{padding:18px;overflow:auto}.gx-overlay>footer{border-top:1px solid var(--gx-border-subtle);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.gx-flyout{height:100%;box-shadow:var(--gx-shadow-flyout);border-width:0 0 0 1px;border-radius:0}.gx-flyout--standard{width:480px}.gx-flyout--technical{width:640px}.gx-flyout--large{width:720px}.gx-modal{max-height:calc(100vh - 32px);box-shadow:var(--gx-shadow-modal);border-radius:12px;align-self:center;margin:auto}.gx-modal--sm{width:min(400px,100vw - 32px)}.gx-modal--md{width:min(520px,100vw - 32px)}.gx-modal--lg{width:min(680px,100vw - 32px)}.gx-toast{z-index:var(--gx-z-toast);border:1px solid var(--gx-border-default);border-left:3px solid var(--gx-info-500);background:var(--gx-surface-raised);width:min(360px,100vw - 36px);box-shadow:var(--gx-shadow-popover);border-radius:10px;padding:12px 14px;font-size:12px;position:fixed;bottom:18px;right:18px}.gx-toast--health{border-left-color:var(--gx-health-500)}.gx-toast--warning{border-left-color:var(--gx-warning-500)}.gx-toast--critical{border-left-color:var(--gx-critical-500)}.gx-skeleton{background:linear-gradient(90deg, var(--gx-surface-primary), var(--gx-surface-hover), var(--gx-surface-primary));background-size:200% 100%;border-radius:5px;animation:1.4s linear infinite gx-shimmer;display:block}.gx-spinner{border:2px solid var(--gx-border-default);border-top-color:var(--gx-ice-500);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite gx-spin;display:inline-block}.gx-state{border:1px solid var(--gx-border-subtle);background:var(--gx-surface-primary);border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:220px;max-height:280px;padding:24px;display:flex}.gx-state>.gx-icon{color:var(--gx-ice-400)}.gx-state h2{margin:0;font-size:16px}.gx-state p{max-width:520px;color:var(--gx-text-muted);margin:4px 0 12px;font-size:13px}.gx-state--error>.gx-icon{color:var(--gx-critical-500)}.gx-state--permission>.gx-icon,.gx-state--offline>.gx-icon{color:var(--gx-warning-500)}.gx-inline-code{border:1px solid var(--gx-border-subtle);color:var(--gx-ice-300);font:12px var(--gx-font-jetbrains-mono,var(--gx-font-mono));background:#080b10;border-radius:5px;padding:2px 5px}.gx-code-block{border:1px solid var(--gx-border-subtle);background:#080b10;border-radius:10px;margin:0;overflow:hidden}.gx-code-block figcaption{border-bottom:1px solid var(--gx-border-subtle);height:38px;color:var(--gx-text-muted);font:10px var(--gx-font-jetbrains-mono,var(--gx-font-mono));text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 10px 0 14px;display:flex}.gx-code-block pre{margin:0;padding:16px;overflow:auto}.gx-code-block code{color:var(--gx-frost-300);font:13px/1.55 var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-response-viewer,.gx-request-inspector,.gx-secret-dialog,.gx-playground-input,.gx-streaming-output{border:1px solid var(--gx-border-subtle);background:var(--gx-surface-primary);border-radius:10px}.gx-response-viewer>header,.gx-request-inspector>header,.gx-streaming-output>header{border-bottom:1px solid var(--gx-border-subtle);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.gx-request-inspector>header>div{gap:3px;display:grid}.gx-request-inspector>header span{color:var(--gx-text-muted);font-size:10px}.gx-request-inspector>header code{font:12px var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-request-inspector>nav{border-bottom:1px solid var(--gx-border-subtle);gap:16px;padding:0 14px;display:flex;overflow:auto}.gx-request-inspector>nav button{height:36px;color:var(--gx-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:11px}.gx-request-inspector>nav button[aria-pressed=true]{border-color:var(--gx-ice-500);color:var(--gx-text-primary)}.gx-request-inspector>.gx-key-value{padding:8px 14px}.gx-secret-dialog{max-width:560px;padding:20px}.gx-secret-dialog h3{margin:12px 0 3px}.gx-secret-dialog p{color:var(--gx-text-muted);margin:0 0 14px;font-size:12px}.gx-secret-dialog>div{border:1px solid var(--gx-border-default);background:#080b10;border-radius:8px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.gx-secret-dialog code{text-overflow:ellipsis;min-width:0;color:var(--gx-ice-300);font:12px var(--gx-font-jetbrains-mono,var(--gx-font-mono));overflow:hidden}.gx-secret-dialog .gx-button{margin-left:auto}.gx-model-selector{color:var(--gx-text-muted);gap:5px;font-size:11px;display:grid}.gx-playground-input{padding:12px}.gx-playground-input footer{color:var(--gx-text-muted);justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;display:flex}.gx-streaming-output{grid-template-rows:auto 1fr auto;min-height:320px;display:grid}.gx-streaming-output>div{color:var(--gx-text-secondary);padding:16px}.gx-streaming-output>footer{border-top:1px solid var(--gx-border-subtle);color:var(--gx-text-muted);flex-wrap:wrap;gap:14px;padding:10px 14px;font-size:11px;display:flex}.gx-streaming-output footer code{font-family:var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-chart{border:1px solid var(--gx-border-subtle);background:var(--gx-surface-primary);border-radius:10px;margin:0;padding:16px}.gx-chart>figcaption{justify-content:space-between;gap:16px;display:flex}.gx-chart>figcaption>div{gap:3px;display:grid}.gx-chart>figcaption strong{font-size:14px}.gx-chart>figcaption span{color:var(--gx-text-muted);font-size:11px}.gx-chart__plot{border-top:1px solid var(--gx-border-subtle);place-items:center;min-height:180px;margin-top:16px;display:grid}.gx-chart-legend{gap:10px;display:flex}.gx-chart-legend span{color:var(--gx-text-muted);align-items:center;gap:5px;font-size:10px;display:flex}.gx-chart-legend i{border-radius:2px;width:7px;height:7px}.gx-chart-tone--ice{background:var(--gx-ice-500)!important}.gx-chart-tone--frost{background:var(--gx-frost-500)!important}.gx-chart-tone--health{background:var(--gx-health-500)!important}.gx-chart-tone--warning{background:var(--gx-warning-500)!important}.gx-chart-tone--critical{background:var(--gx-critical-500)!important}.gx-chart-tone--information{background:var(--gx-info-500)!important}.gx-chart-tooltip{border:1px solid var(--gx-border-default);background:var(--gx-surface-raised);width:150px;box-shadow:var(--gx-shadow-popover);border-radius:7px;gap:5px;padding:9px;font-size:10px;display:grid}.gx-chart-tooltip>span{color:var(--gx-text-muted);justify-content:space-between;display:flex}.gx-chart-tooltip b{color:var(--gx-text-primary)}.gx-bars{border-bottom:1px solid var(--gx-border-default);align-items:end;gap:5px;width:100%;height:160px;padding:0 10px;display:flex}.gx-bars i{border-radius:3px 3px 0 0;flex:1;min-width:5px}.gx-stacked-bar{background:var(--gx-surface-hover);border-radius:4px;width:100%;height:14px;display:flex;overflow:hidden}.gx-sparkline{align-items:end;gap:2px;height:40px;display:flex}.gx-sparkline i{background:var(--gx-ice-500);border-radius:2px;width:3px}.gx-line-chart{border-bottom:1px solid var(--gx-border-default);justify-content:space-around;width:100%;height:150px;display:flex;position:relative}.gx-line-chart i{top:var(--gx-point-y);border:2px solid var(--gx-ice-300);background:var(--gx-obsidian-700);border-radius:50%;width:7px;height:7px;position:relative}.gx-area-chart{background:linear-gradient(#7fb8ff1f,#0000);width:100%;padding:10px}.gx-donut{text-align:center;background:radial-gradient(circle at center, var(--gx-surface-primary) 52%, transparent 53%), conic-gradient(var(--gx-ice-500) var(--gx-donut-value), var(--gx-surface-hover) 0);border-radius:50%;place-content:center;width:130px;height:130px;display:grid}.gx-donut strong{font-size:22px}.gx-donut span{color:var(--gx-text-muted);font-size:10px}.gx-heatmap{grid-template-columns:repeat(12,12px);gap:3px;display:grid}.gx-heatmap i{background:var(--gx-ice-500);border-radius:2px;width:12px;height:12px}.gx-domain-row{border-bottom:1px solid var(--gx-border-subtle);min-height:52px;color:var(--gx-text-secondary);grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(90px,auto));align-items:center;gap:16px;padding:8px 12px;font-size:12px;display:grid}.gx-domain-row>div{gap:3px;display:grid}.gx-domain-row strong{color:var(--gx-text-primary)}.gx-domain-meter{min-width:150px;color:var(--gx-text-muted);grid-template-columns:1fr auto;gap:4px 8px;font-size:10px;display:grid}.gx-domain-meter .gx-meter{grid-column:1/-1}.gx-form-grid,.gx-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gx-domain-heading{justify-content:space-between;align-items:flex-start;display:flex}.gx-domain-heading h3{margin:7px 0}.gx-traffic{color:var(--gx-text-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:11px;display:grid}.gx-fallback-chain{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.gx-timing{gap:3px;display:flex}.gx-timing>span{border:1px solid var(--gx-border-subtle);color:var(--gx-text-muted);flex:1;gap:3px;padding:9px;font-size:10px;display:grid}.gx-timing i{background:var(--gx-ice-500);height:3px}.gx-timing strong{color:var(--gx-text-primary);font:11px var(--gx-font-jetbrains-mono,var(--gx-font-mono))}.gx-template{gap:20px;display:grid}.gx-template__metadata{border-block:1px solid var(--gx-border-subtle);padding:10px 0}.gx-template__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.gx-template__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gx-template--settings{grid-template-columns:200px minmax(0,760px);align-items:start}.gx-template--settings>aside{position:sticky;top:20px}.gx-template--playground>.gx-template__playground-panes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gx-template--billing>.gx-template__billing-summary{grid-template-columns:1fr 2fr;gap:12px;display:grid}.gx-template__plane{border:1px solid var(--gx-border-default);height:32px;color:var(--gx-warning-300);font:10px var(--gx-font-jetbrains-mono,var(--gx-font-mono));text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;padding:0 10px;display:flex}}@layer gx.utilities{@keyframes gx-spin{to{transform:rotate(360deg)}}@keyframes gx-shimmer{to{background-position:-200% 0}}@media (max-width:1024px){.gx-app-shell{grid-template-columns:64px minmax(0,1fr)}.gx-brand{width:36px}.gx-brand strong,.gx-sidebar-item span,.gx-sidebar-group h2{display:none}.gx-sidebar-item{justify-content:center;padding:0}.gx-sidebar-item--active:after{display:none}.gx-app-shell__main{padding:24px}.gx-template__metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.gx-grid{grid-template-columns:1fr}.gx-app-shell{display:block}.gx-app-shell__sidebar{display:none}.gx-app-shell__main{padding:24px}.gx-topbar__context{display:none}.gx-page-header{display:grid}.gx-template--settings{grid-template-columns:1fr}.gx-template--settings>aside{position:static}.gx-template__panels,.gx-template--playground>.gx-template__playground-panes,.gx-template--billing>.gx-template__billing-summary{grid-template-columns:1fr}.gx-flyout{border-left:0;width:100%}.gx-domain-row{grid-template-columns:1fr auto}.gx-domain-row>:nth-child(n+3):not(:last-child){display:none}}@media (max-width:640px){.gx-app-shell__main{padding:16px}.gx-page-header__actions .gx-button,.gx-page-header__actions{width:100%}.gx-template__metrics,.gx-form-grid,.gx-metric-grid,.gx-family-specimen{grid-template-columns:1fr}.gx-timing,.gx-chart>figcaption{display:grid}.gx-key-value>div{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.gx-root *,.gx-design-library *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--gx-font-manrope,var(--gx-font-sans));--bg-canvas:var(--gx-bg-canvas);--bg-page:var(--gx-bg-canvas);--bg-surface-1:var(--gx-surface-primary);--bg-surface-2:var(--gx-surface-raised);--bg-surface-3:var(--gx-surface-hover);--bg-elevated:var(--gx-surface-active);--border-subtle:var(--gx-border-subtle);--border-default:var(--gx-border-default);--border-strong:var(--gx-border-strong);--text-primary:var(--gx-text-primary);--text-secondary:var(--gx-text-secondary);--text-tertiary:var(--gx-text-muted);--text-disabled:var(--gx-text-disabled);--accent-primary:var(--gx-text-primary);--accent-primary-text:var(--gx-bg-canvas);--accent-cool:var(--gx-accent);--accent-positive:var(--gx-success);--accent-warning:var(--gx-warning);--accent-danger:var(--gx-danger);--accent-info:var(--gx-info);--space-1:var(--gx-space-1);--space-2:var(--gx-space-2);--space-3:var(--gx-space-3);--space-4:var(--gx-space-4);--space-5:var(--gx-space-5);--space-6:var(--gx-space-6);--space-7:var(--gx-space-7);--space-8:var(--gx-space-8);--space-9:var(--gx-space-9);--space-10:var(--gx-space-10);--space-11:var(--gx-space-11);--space-12:var(--gx-space-12);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--font-size-4xl:36px;--font-mono:var(--gx-font-jetbrains-mono,var(--gx-font-mono));--topbar-height:var(--gx-topbar-height);--sidebar-width:var(--gx-sidebar-width);--content-max:var(--gx-operational-max-width);--motion-fast:var(--gx-motion-fast);--motion-standard:var(--gx-motion-standard)}*{box-sizing:border-box}html{background:var(--bg-canvas)}body{background:var(--bg-page);color:var(--text-primary);font-size:var(--font-size-md);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-primary);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast)}button{min-height:36px;padding:0 var(--space-4);cursor:pointer;font-weight:500}button:hover{background:var(--bg-surface-3);border-color:var(--border-strong)}button.primary,.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-primary-text)}button.secondary{background:var(--bg-surface-2)}input,select,textarea{width:100%;min-height:36px;padding:var(--space-2) var(--space-3)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-cool) 55%, transparent);outline-offset:2px;border-color:var(--accent-cool)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{grid-template:var(--topbar-height) 1fr / var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.topbar{align-items:center;gap:var(--space-6);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-canvas) 94%, transparent);z-index:20;grid-column:1/-1;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);min-width:calc(var(--sidebar-width) - var(--space-4));font-size:var(--font-size-md);letter-spacing:-.02em;font-weight:650;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--text-primary);width:24px;height:24px;color:var(--accent-primary-text);font-size:var(--font-size-xs);place-items:center;font-weight:700;display:grid}.topbar-context{gap:var(--space-2);color:var(--text-tertiary);font-size:var(--font-size-sm);display:flex}.context-divider{color:var(--text-disabled)}.topbar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.command-trigger{align-items:center;gap:var(--space-8);min-height:30px;color:var(--text-tertiary);font-size:var(--font-size-xs);display:flex}kbd{font:500 11px var(--font-mono);color:var(--text-secondary)}.avatar-button{border-radius:50%;width:32px;min-height:32px;padding:0;font-size:11px}.sidebar{padding:var(--space-4) var(--space-3);border-right:1px solid var(--border-subtle);background:var(--bg-canvas);flex-direction:column;grid-row:2;min-width:0;display:flex}.switchers{gap:var(--space-3);padding:0 var(--space-1) var(--space-5);border-bottom:1px solid var(--border-subtle);display:grid}label{gap:var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-xs);display:grid}.switchers select{height:36px}.sidebar nav{gap:var(--space-5);padding:var(--space-5) 0;display:grid}.nav-group>p{margin:0 var(--space-2) var(--space-1);color:var(--text-disabled);letter-spacing:.04em;font-size:11px;font-weight:600}.nav-group>div{gap:2px;display:grid}.nav-group a{min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;display:flex}.nav-group a:hover{color:var(--text-primary);background:var(--bg-surface-2)}.sidebar-footer{padding:var(--space-4) var(--space-2) 0;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:auto}.status-dot{width:6px;height:6px;margin-right:var(--space-2);background:var(--accent-positive);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-positive) 12%, transparent);border-radius:50%;display:inline-block}.main-content{grid-column:2;min-width:0}.content-inner{width:min(100%, var(--content-max));padding:var(--space-8) var(--space-9) var(--space-11)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-7);display:flex}.page-header h1{font-size:var(--font-size-3xl);letter-spacing:-.035em;margin:0;font-weight:680;line-height:1.2}.page-header p{margin:var(--space-2) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.workspace-toolbar .search-field{width:min(360px,100%);margin-right:var(--space-1)}.workspace-toolbar select{width:auto;min-width:144px}.state{align-items:center;gap:var(--space-4);max-width:760px;min-height:220px;padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface-1);display:flex}.state-icon{border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-cool);font-size:var(--font-size-xl);flex:none;place-items:center;display:grid}.state h2{font-size:var(--font-size-lg);margin:0;font-weight:600}.state p{max-width:520px;margin:var(--space-1) 0 var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-sm)}.muted{color:var(--text-tertiary)}.auth-shell{background:var(--bg-canvas);grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:100svh;display:grid}.auth-panel{justify-content:center;min-width:0;padding:clamp(32px,7vw,96px) clamp(24px,7vw,88px);display:flex}.auth-brand{color:var(--text-primary);letter-spacing:.12em;margin-bottom:clamp(64px,12vh,132px);font-size:14px;font-weight:750;display:inline-block}.auth-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.1}.auth-form label{color:var(--text-secondary);gap:7px;font-size:12px;font-weight:600}.auth-form input{background:var(--bg-surface-1);min-height:41px;box-shadow:none;border-radius:5px;padding:0 12px}.auth-form input[aria-invalid=true]{border-color:var(--accent-danger)}.auth-form small{color:var(--text-tertiary);font-weight:400}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-toggle{min-height:33px;color:var(--text-tertiary);background:0 0;border:0;padding:0 8px;font-size:11px;position:absolute;top:4px;right:4px}.auth-primary{border:1px solid var(--text-primary);background:var(--text-primary);width:100%;min-height:42px;color:var(--bg-canvas);border-radius:5px}.auth-error,.auth-success{margin:-4px 0 0;font-size:13px}.auth-verification p{color:var(--text-tertiary);margin:0;font-size:13px}.auth-verification .auth-magic{margin-top:0}.auth-divider{color:var(--text-disabled);align-items:center;gap:12px;margin:24px 0 16px;font-size:12px;display:flex}.auth-social button,.auth-magic{min-height:40px;color:var(--text-secondary);background:0 0;border-radius:5px}.auth-magic{width:100%;color:var(--text-tertiary);border:0;margin-top:8px;font-size:12px}.auth-switch{color:var(--text-tertiary);margin:40px 0 0;font-size:13px}.auth-switch a,.auth-forgot{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.auth-forgot{color:var(--text-tertiary);margin-top:12px;font-size:12px;display:inline-block}.auth-visual{border-left:1px solid var(--border-subtle);min-height:100svh;overflow:hidden}.auth-visual img{object-fit:cover;object-position:62% center;width:100%;height:100%;display:block}.picker{gap:var(--space-4);width:min(100%,720px)}.resource-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.resource-row span:first-child{gap:var(--space-1);display:grid}.onboarding{gap:var(--space-11);grid-template-columns:minmax(18rem,35rem) 15rem}.onboarding ol{color:var(--text-tertiary);line-height:2.4}.onboarding .done{color:var(--accent-positive)}.badge{min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);align-items:center;display:inline-flex}.development{background:color-mix(in srgb, var(--accent-info) 12%, transparent);color:var(--accent-info)}.staging{background:color-mix(in srgb, var(--accent-warning) 12%, transparent);color:var(--accent-warning)}.production{background:color-mix(in srgb, var(--accent-positive) 12%, transparent);color:var(--accent-positive)}.center-state{text-align:center}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-cool);border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.content-inner{padding:var(--space-7) var(--space-6) var(--space-10)}}@media (max-width:768px){.app-frame{display:block}.topbar{height:var(--topbar-height)}.brand{min-width:auto}.topbar-context,.command-trigger span{display:none}.command-trigger{gap:0}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);padding:var(--space-3)}.switchers{padding-bottom:var(--space-3);grid-template-columns:1fr 1fr}.sidebar nav{gap:var(--space-1);padding:var(--space-3) 0 0;display:flex;overflow-x:auto}.nav-group{display:contents}.nav-group>p{display:none}.nav-group>div{gap:var(--space-1);display:flex}.nav-group a{white-space:nowrap;background:var(--bg-surface-1);border:1px solid var(--border-subtle)}.sidebar-footer{display:none}.content-inner{padding:var(--space-6) var(--space-4) var(--space-9)}.page-header{align-items:flex-start}.workspace-toolbar{flex-wrap:wrap;align-items:stretch}.workspace-toolbar .search-field{width:100%}.workspace-toolbar select{flex:1}.state{min-height:200px}.onboarding{gap:var(--space-4);grid-template-columns:1fr}.auth-shell{display:block}.auth-visual{border-left:0;border-bottom:1px solid var(--border-subtle);min-height:180px;max-height:28svh}.auth-visual img{object-position:62% 42%}.auth-panel{min-height:72svh;padding:36px 24px 48px}.auth-brand{margin-bottom:56px}}@media (max-width:480px){.topbar{gap:var(--space-3)}.topbar-actions{gap:var(--space-1)}.page-header{display:grid}.page-header>div:last-child button,.page-header>div:last-child{width:100%}.state{padding:var(--space-5);align-items:flex-start}.oauth{grid-template-columns:1fr}.oauth button:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.app-frame{grid-template:var(--topbar-height) minmax(0, 1fr) / var(--sidebar-width) minmax(0, 1fr);min-height:100dvh}.topbar{padding-inline:var(--space-3) var(--space-4)}.topbar-context strong{color:var(--text-secondary);font-weight:600}.mobile-navigation-trigger{display:none}.topbar-actions{position:relative}.account-menu{z-index:50;width:min(280px,100vw - 24px);padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000059}.account-menu__identity{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);gap:2px;display:grid}.account-menu__identity strong{font-size:var(--font-size-sm)}.account-menu__identity span{color:var(--text-tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;overflow:hidden}.account-menu>a,.account-menu>button{width:100%;min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;align-items:center;margin-top:2px;display:flex}.account-menu>a:hover,.account-menu>button:hover{background:var(--bg-surface-3);color:var(--text-primary)}.sidebar{min-height:0;max-height:calc(100dvh - var(--topbar-height));overflow:hidden}.sidebar nav{overscroll-behavior:contain;min-height:0;overflow-y:auto}.nav-group a{border:1px solid #0000;position:relative}.nav-group a.is-active{border-color:var(--border-subtle);background:var(--bg-surface-2);color:var(--text-primary);font-weight:600}.nav-group a.is-active:before{content:"";background:var(--accent-cool);border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:-1px}.sidebar-footer{gap:1px;display:grid}.sidebar-footer span{color:var(--text-secondary);font-weight:600}.sidebar-footer small{color:var(--text-disabled)}.main-content{min-height:0;overflow:auto}.content-inner{min-height:100%}.page-header__actions{flex:none}.navigation-backdrop{display:none}.shell-failure{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.retry-link{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);align-items:center;display:inline-flex}.organization-list{gap:var(--space-2);margin-top:var(--space-5);display:grid}.resource-row small{color:var(--text-tertiary)}@media (max-width:768px){.app-frame{grid-template:var(--topbar-height) minmax(0, 1fr) / minmax(0, 1fr);display:grid}.topbar{grid-column:1}.mobile-navigation-trigger{min-height:32px;padding-inline:var(--space-3);font-size:var(--font-size-xs);align-items:center;display:inline-flex}.topbar-context{flex:1;min-width:0}.topbar-context strong,.topbar-context span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand>span:last-child{display:none}.sidebar{inset:var(--topbar-height) auto 0 0;z-index:45;border-right:1px solid var(--border-default);width:min(320px,100vw - 44px);max-height:none;transition:transform var(--motion-standard);border-bottom:0;position:fixed;transform:translate(-102%);box-shadow:24px 0 60px #00000059}.sidebar.is-mobile-open{transform:translate(0)}.sidebar nav{gap:var(--space-5);padding-top:var(--space-5);display:grid;overflow-y:auto}.nav-group,.nav-group>p{display:block}.nav-group>div{display:grid}.nav-group a{background:0 0;border-color:#0000}.sidebar-footer{display:grid}.navigation-backdrop{inset:var(--topbar-height) 0 0;z-index:40;background:#00000094;border:0;border-radius:0;width:100%;height:auto;padding:0;display:block;position:fixed}.main-content{grid-column:1}.content-inner{padding:var(--space-6) var(--space-4) var(--space-9)}}.auth-shell{background:var(--gx-obsidian-900);min-height:100svh;font-family:var(--gx-font-sans);grid-template-columns:minmax(440px,43%) minmax(0,57%);display:grid}.auth-panel{z-index:1;background:var(--gx-obsidian-900);justify-content:center;align-items:center;min-width:0;padding:clamp(32px,5vw,76px);display:flex;position:relative}.auth-content{width:min(100%,468px)}.auth-brand{color:var(--gx-frost-100);letter-spacing:.14em;align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,52px);font-size:13px;font-weight:750;display:inline-flex}.auth-brand-mark{border:1px solid color-mix(in srgb, var(--gx-ice-signature) 55%, transparent);clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,28% 100%,0 72%);width:13px;height:13px}.auth-card{border:1px solid color-mix(in srgb, var(--gx-ice-400) 14%, transparent);background:linear-gradient(145deg, var(--gx-obsidian-800), var(--gx-obsidian-700));clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);min-height:490px;padding:clamp(30px,4vw,44px);position:relative;overflow:hidden}.auth-card:before{content:"";pointer-events:none;background:linear-gradient(225deg, color-mix(in srgb, var(--gx-ice-signature) 10%, transparent), transparent 64%);width:64px;height:64px;position:absolute;top:0;right:0}.auth-card:after{content:"";background:color-mix(in srgb, var(--gx-ice-300) 36%, transparent);width:52px;height:1px;position:absolute;top:6px;right:-17px;transform:rotate(45deg)}.auth-state{animation:auth-state-in var(--gx-motion-standard) ease-out}.auth-heading h1{color:var(--gx-frost-100);letter-spacing:.035em;margin:0 0 9px;font-size:clamp(25px,2.3vw,32px);font-weight:650;line-height:1.1}.auth-heading p{color:var(--gx-frost-600);margin:0}.auth-form{gap:20px;margin:38px 0 0;display:grid}.auth-field{color:var(--gx-frost-400);letter-spacing:.1em;gap:8px;font-size:11px;font-weight:650}.auth-field-control{display:block;position:relative}.auth-field-control:after{content:"";transform-origin:0;background:var(--gx-ice-signature);height:1px;transition:transform var(--gx-motion-standard) ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.auth-field-control:focus-within:after{transform:scaleX(1)}.auth-field input{border-color:color-mix(in srgb, var(--gx-frost-700) 34%, transparent);border-radius:var(--gx-radius-xs);background:var(--gx-obsidian-800);min-height:48px;color:var(--gx-frost-100);box-shadow:none;letter-spacing:0;padding:0 14px}.auth-field input:hover:not(:disabled){border-color:color-mix(in srgb, var(--gx-ice-300) 28%, transparent)}.auth-field input:focus-visible{border-color:color-mix(in srgb, var(--gx-ice-signature) 42%, transparent);outline:none}.auth-field input[aria-invalid=true]{border-color:var(--gx-critical-500)}.auth-field input:disabled{cursor:not-allowed;color:var(--gx-frost-700);opacity:.7}.auth-primary{border:1px solid var(--gx-frost-100);border-radius:var(--gx-radius-xs);background:var(--gx-frost-100);width:100%;min-height:48px;color:var(--gx-obsidian-900);justify-content:space-between;align-items:center;padding:0 16px;font-weight:650;display:flex}.auth-primary:hover:not(:disabled){border-color:var(--gx-ice-200);background:var(--gx-ice-200)}.auth-primary:active:not(:disabled){background:var(--gx-frost-300);transform:translateY(1px)}.auth-primary span span[aria-hidden=true]{transition:transform var(--gx-motion-fast);margin-left:8px;display:inline-block}.auth-primary:hover span span[aria-hidden=true]{transform:translate(3px)}.auth-primary:disabled{cursor:wait;opacity:.72}.auth-progress{opacity:0;border:1px solid #0000;border-top-color:currentColor;border-radius:50%;width:12px;height:12px}.auth-primary[aria-busy=true] .auth-progress{opacity:.7;animation:.7s linear infinite auth-spin}.auth-error,.auth-success{min-height:20px;margin:-8px 0 -4px;font-size:12px}.auth-error{color:var(--gx-critical-300)}.auth-success{color:var(--gx-health-300)}.auth-divider{color:var(--gx-frost-700);letter-spacing:.12em;align-items:center;gap:13px;margin:26px 0 18px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:color-mix(in srgb, var(--gx-ice-300) 10%, var(--gx-obsidian-500));flex:1;height:1px}.auth-social{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth-button{border-color:color-mix(in srgb, var(--gx-ice-300) 13%, var(--gx-obsidian-400));border-radius:var(--gx-radius-xs);background:var(--gx-obsidian-700);min-height:46px;color:var(--gx-frost-300);justify-content:center;align-items:center;gap:10px;display:flex}.oauth-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--gx-ice-300) 30%, var(--gx-obsidian-400));background:var(--gx-obsidian-600)}.oauth-button svg{width:17px;height:17px}.auth-switch{color:var(--gx-frost-600);text-align:center;margin:34px 0 0;font-size:13px}.auth-switch a,.auth-email-summary button{color:var(--gx-frost-200);text-underline-offset:4px;text-decoration:underline}.auth-verification{gap:22px;margin-top:38px;display:grid}.auth-email-summary{border-bottom:1px solid var(--gx-obsidian-400);grid-template-columns:1fr auto;gap:3px 16px;padding-bottom:17px;display:grid}.auth-email-summary span{color:var(--gx-frost-600);grid-column:1/-1;font-size:12px}.auth-email-summary strong{min-width:0;color:var(--gx-frost-200);text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.auth-email-summary button{background:0 0;border:0;min-height:auto;padding:0;font-size:12px}.auth-verification-note{color:var(--gx-frost-600);margin:0;font-size:13px}.otp-field{color:var(--gx-frost-400);letter-spacing:.1em;gap:10px;font-size:11px;font-weight:650}.otp-control{display:block;position:relative}.otp-control input{z-index:1;color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;min-height:56px;position:absolute;inset:0}.otp-cells{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.otp-cells>span{border-bottom:1px solid var(--gx-obsidian-300);min-width:0;min-height:52px;color:var(--gx-frost-100);font:600 20px var(--gx-font-mono);transition:border-color var(--gx-motion-fast), background var(--gx-motion-fast);place-items:center;display:grid}.otp-cells>span.current{border-bottom-color:var(--gx-ice-signature);background:color-mix(in srgb, var(--gx-ice-signature) 4%, transparent)}.otp-control input[aria-invalid=true]+.otp-cells>span{border-bottom-color:var(--gx-critical-500)}.auth-error small{color:var(--gx-frost-600);font:500 10px var(--gx-font-mono);margin-top:5px;display:block}.onboarding-shell{min-height:100dvh;padding:var(--gx-space-6);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--gx-ice-signature) 5%, transparent), transparent 34%), var(--gx-obsidian-950);place-items:center;display:grid}.onboarding-card{border:1px solid var(--gx-obsidian-400);border-radius:var(--gx-radius-sm);background:var(--gx-obsidian-800);width:min(100%,560px);box-shadow:var(--gx-shadow-raised);padding:clamp(28px,5vw,52px)}.onboarding-card h1{color:var(--gx-frost-100);letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(28px,5vw,38px)}.onboarding-card>p:not(.eyebrow){color:var(--gx-frost-500);line-height:1.65}.onboarding-identity{border-block:1px solid var(--gx-obsidian-400);gap:5px;margin:28px 0 20px;padding:16px 0;display:grid}.onboarding-identity span{color:var(--gx-frost-600);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.onboarding-identity strong{color:var(--gx-frost-200);font-weight:600}.onboarding-card .onboarding-safe-note{margin-bottom:0;font-size:13px}.onboarding-retry{width:fit-content;margin-top:24px;padding-inline:22px;text-decoration:none}.onboarding-form{gap:16px;margin-top:24px;display:grid}.onboarding-form label{color:var(--gx-frost-500);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.onboarding-form input{border:1px solid var(--gx-obsidian-400);border-radius:var(--gx-radius-sm);background:var(--gx-obsidian-900);min-height:48px;color:var(--gx-frost-100);font:inherit;padding:0 16px}.onboarding-form input:focus-visible{outline:2px solid var(--gx-ice-signature);outline-offset:2px;border-color:var(--gx-ice-signature)}.onboarding-form .onboarding-identity{margin:4px 0 0}@media (max-width:520px){.onboarding-shell{place-items:stretch stretch;padding:0}.onboarding-card{border:0;border-radius:0;min-height:100dvh;padding:42px 24px}}.auth-resend{min-height:32px;color:var(--gx-frost-500);background:0 0;border:0;font-size:12px}.auth-resend:hover:not(:disabled){color:var(--gx-frost-200);background:0 0}.auth-resend:disabled{cursor:not-allowed;color:var(--gx-frost-700)}.auth-visual{border:0;min-height:100svh;position:relative;overflow:hidden}.auth-visual:after{content:"";z-index:1;background:linear-gradient(90deg, var(--gx-obsidian-900), transparent);pointer-events:none;width:48px;position:absolute;inset:0 auto 0 0}.auth-visual img{object-fit:cover;object-position:62% center}@keyframes auth-state-in{0%{opacity:0;transform:translateY(5px)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.auth-shell{display:block}.auth-visual{display:none}.auth-panel{min-height:100svh;padding:28px 20px 44px}.auth-brand{margin-bottom:28px}.auth-card{min-height:0}}@media (max-width:400px){.auth-panel{padding-inline:14px}.auth-card{padding:28px 22px}.auth-social{grid-template-columns:1fr}}.overview-container{gap:var(--space-6);width:100%;display:grid}.overview-summary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.overview-metric-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);min-height:124px;transition:border-color var(--motion-fast);flex-direction:column;justify-content:space-between;display:flex}.overview-metric-card:hover{border-color:var(--border-default)}.metric-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.metric-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.metric-badge{border-radius:var(--radius-xs);font-size:11px;font-weight:600;font-family:var(--font-mono);align-items:center;padding:1px 6px;display:inline-flex}.metric-badge.health{background:color-mix(in srgb, var(--accent-positive) 14%, transparent);color:var(--accent-positive)}.metric-badge.warning{background:color-mix(in srgb, var(--accent-warning) 14%, transparent);color:var(--accent-warning)}.metric-badge.critical{background:color-mix(in srgb, var(--accent-danger) 14%, transparent);color:var(--accent-danger)}.metric-badge.neutral{background:var(--bg-surface-2);color:var(--text-tertiary)}.metric-action-link{color:var(--accent-cool);font-size:11px;font-weight:500;text-decoration:none}.metric-action-link:hover{text-decoration:underline}.metric-value-row{align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0 var(--space-1);display:flex}.metric-primary-value{color:var(--text-primary);font-size:26px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.metric-unit{color:var(--text-tertiary);font-size:12px;font-weight:500}.metric-subtext{color:var(--text-secondary);margin-top:auto;font-size:12px}.overview-chart-panel{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);gap:var(--space-4);display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.panel-header p{margin:2px 0 0;font-size:13px}.panel-badge{border-radius:var(--radius-xs);background:var(--bg-surface-2);color:var(--text-tertiary);font:500 11px var(--font-mono);padding:2px 8px}.panel-action-link{color:var(--accent-cool);font-size:13px;font-weight:500;text-decoration:none}.panel-action-link:hover{text-decoration:underline}.chart-legend-inline{align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.ice{background:var(--accent-cool)}.legend-dot.critical{background:var(--accent-danger)}.overview-chart-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);min-height:140px;color:var(--text-tertiary);place-items:center;font-size:13px;display:grid}.overview-bar-plot{height:160px;padding-top:var(--space-2)}.bars-container{border-bottom:1px solid var(--border-subtle);align-items:flex-end;gap:12px;height:100%;padding-bottom:24px;display:flex;position:relative}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar-wrapper{background:var(--bg-surface-2);width:100%;max-width:36px;transition:transform var(--motion-fast);border-radius:3px 3px 0 0;position:relative;overflow:hidden}.bar-wrapper:hover{transform:scaleY(1.02)}.bar-fill-success{background:color-mix(in srgb, var(--accent-cool) 75%, transparent);position:absolute;inset:0}.bar-fill-error{background:var(--accent-danger);position:absolute;top:0;left:0;right:0}.bar-label{color:var(--text-disabled);font-size:11px;font-family:var(--font-mono);white-space:nowrap;position:absolute;bottom:-22px}.bar-wrapper:hover .bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-8px)}.bar-tooltip{background:var(--bg-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;z-index:30;opacity:0;visibility:hidden;transition:opacity var(--motion-fast), transform var(--motion-fast);pointer-events:none;gap:2px;padding:6px 10px;font-size:11px;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 16px #0006}.overview-two-col{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));display:grid}.overview-table-panel{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);gap:var(--space-4);flex-direction:column;display:flex}.overview-table-empty{justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);min-height:140px;color:var(--text-tertiary);padding:var(--space-6);text-align:center;flex-direction:column;font-size:13px;display:flex}.table-responsive{width:100%;overflow-x:auto}.overview-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.overview-data-table th{border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:11px;font-weight:600}.overview-data-table td{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 50%, transparent);color:var(--text-secondary);padding:10px 12px}.overview-data-table tr:last-child td{border-bottom:0}.overview-data-table tr:hover td{background:color-mix(in srgb, var(--bg-surface-2) 40%, transparent)}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-tabular{font-variant-numeric:tabular-nums}.model-name-cell{color:var(--text-primary);font-size:12px;font-weight:500}.provider-tag{border-radius:var(--radius-xs);background:var(--bg-surface-2);color:var(--text-tertiary);padding:1px 6px;font-size:11px;display:inline-flex}.share-bar-wrapper{align-items:center;gap:8px;display:flex}.share-progress-track{background:var(--bg-surface-2);border-radius:3px;width:64px;height:6px;overflow:hidden}.share-progress-fill{background:var(--accent-cool);border-radius:3px;height:100%}.share-percentage{color:var(--text-tertiary);font-size:11px}.status-pill{border-radius:var(--radius-xs);font-size:11px;font-weight:600;font-family:var(--font-mono);padding:1px 6px;display:inline-flex}.status-pill.health{background:color-mix(in srgb, var(--accent-positive) 14%, transparent);color:var(--accent-positive)}.status-pill.warning{background:color-mix(in srgb, var(--accent-warning) 14%, transparent);color:var(--accent-warning)}.status-pill.critical{background:color-mix(in srgb, var(--accent-danger) 14%, transparent);color:var(--accent-danger)}.request-id-cell{color:var(--text-tertiary);font-size:12px}.model-tag{color:var(--text-primary);font-size:12px}.timestamp-cell{color:var(--text-tertiary);font-size:12px}.first-run-card{gap:var(--space-6);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--accent-cool) 20%, var(--border-subtle));border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--bg-surface-1), color-mix(in srgb, var(--accent-cool) 5%, var(--bg-surface-1)));grid-template-columns:1.2fr 1fr;display:grid}.first-run-badge{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--accent-cool) 15%, transparent);color:var(--accent-cool);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.first-run-content h2{margin:0 0 var(--space-2);color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:680}.first-run-content p{color:var(--text-tertiary);max-width:480px;margin:0;font-size:13px;line-height:1.55}.first-run-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.btn-primary{background:var(--text-primary);height:36px;color:var(--bg-canvas);border-radius:var(--radius-md);transition:opacity var(--motion-fast);justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-surface-2);height:36px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:background var(--motion-fast);justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-3)}.btn-secondary-sm{background:var(--bg-surface-2);height:30px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.first-run-code-preview{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.code-header{background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.code-block{color:var(--text-secondary);margin:0;padding:12px;font-size:12px;line-height:1.5;overflow-x:auto}@media (max-width:900px){.first-run-card,.overview-two-col{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#000000bf;place-items:center;animation:.15s cubic-bezier(.16,1,.3,1) modal-fade-in;display:grid;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.18s cubic-bezier(.16,1,.3,1) modal-slide-in;display:flex;overflow:hidden;box-shadow:0 20px 48px #0009,0 0 0 1px #ffffff0d}@keyframes modal-slide-in{0%{transform:translateY(8px)scale(.98)}to{transform:translateY(0)scale(1)}}.create-key-dialog{max-width:620px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.modal-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.4}.modal-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--motion-fast), background var(--motion-fast);background:0 0;border:none;padding:4px 8px;font-size:16px}.modal-close:hover{color:var(--text-primary);background:var(--bg-surface-2)}.modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--bg-surface-2);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:var(--space-3);display:flex}.alert-warning{background:color-mix(in srgb, var(--accent-warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-warning) 30%, transparent);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);color:#fbbf24;font-size:13px;line-height:1.5;display:flex}.alert-danger{background:color-mix(in srgb, var(--accent-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-danger) 30%, transparent);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);color:#f87171;font-size:13px;line-height:1.5;display:flex}.alert-icon{flex-shrink:0;font-size:16px}.secret-display-box{gap:var(--space-3);background:var(--bg-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;display:flex}.secret-input{width:100%;font-family:var(--font-mono);color:var(--accent-cool);word-break:break-all;background:0 0;border:none;outline:none;font-size:14px}.secret-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);display:flex}.form-stack{gap:var(--space-4);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row-two-col{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-label.required:after{content:" *";color:var(--accent-danger)}.form-hint{color:var(--text-tertiary);font-size:11px}.form-input,.form-select{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);transition:border-color var(--motion-fast);outline:none;padding:8px 12px}.form-input:focus,.form-select:focus{border-color:var(--accent-cool);box-shadow:0 0 0 1px var(--accent-cool)}.scopes-section{gap:var(--space-3);padding-top:var(--space-2);flex-direction:column;display:flex}.scopes-header{justify-content:space-between;align-items:baseline;display:flex}.scopes-group-list{gap:var(--space-4);flex-direction:column;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.scopes-group{gap:var(--space-2);flex-direction:column;display:flex}.scopes-group-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding-bottom:2px;font-size:11px;font-weight:600}.scopes-checkbox-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scope-checkbox-label{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-fast), background var(--motion-fast);align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.scope-checkbox-label.is-selected{border-color:color-mix(in srgb, var(--accent-cool) 40%, transparent);background:color-mix(in srgb, var(--accent-cool) 6%, transparent)}.scope-checkbox-label input{accent-color:var(--accent-cool);margin-top:3px}.scope-text-wrap{flex-direction:column;gap:2px;display:flex;overflow:hidden}.scope-name{color:var(--text-primary);font-size:11px;font-family:var(--font-mono)}.scope-desc{color:var(--text-tertiary);font-size:10px;line-height:1.3}.api-keys-manager-container,.models-catalog-container{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.toolbar-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.toolbar-left{align-items:center;gap:var(--space-4);display:flex}.keys-count-badge{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.search-input{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);min-width:260px;transition:border-color var(--motion-fast);outline:none;padding:7px 12px;font-size:13px}.search-input:focus{border-color:var(--accent-cool)}.empty-keys-state{text-align:center;padding:var(--space-8) var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-1);justify-content:center;align-items:center;gap:var(--space-3);max-width:480px;margin:var(--space-4) auto;flex-direction:column;display:flex}.empty-icon{opacity:.8;font-size:32px}.empty-keys-state h3{color:var(--text-primary);margin:0;font-size:16px}.empty-keys-state p{color:var(--text-secondary);max-width:360px;margin:0;font-size:13px;line-height:1.5}.key-name-link,.model-id-link{color:var(--text-primary);font-size:13px;text-decoration:none}.key-name-link:hover,.model-id-link:hover{color:var(--accent-cool);text-decoration:underline}.prefix-cell,.model-id-cell{align-items:center;gap:6px;display:flex}.key-prefix-code,.model-id-code,.prefix-code{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface-2);border-radius:var(--radius-xs);white-space:nowrap;padding:2px 6px;font-size:12px}.btn-copy-icon{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--motion-fast);background:0 0;border:none;padding:2px 4px;font-size:12px}.btn-copy-icon:hover{color:var(--accent-cool)}.env-tag{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.env-production{background:color-mix(in srgb, var(--accent-cool) 14%, transparent);color:var(--accent-cool);border:1px solid color-mix(in srgb, var(--accent-cool) 25%, transparent)}.env-staging{color:#c4b5fd;background:#a78bfa24;border:1px solid #a78bfa40}.env-development{background:var(--bg-surface-2);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.scopes-summary-wrap,.capabilities-badges-wrap{flex-wrap:wrap;gap:4px;display:flex}.scope-tag,.cap-badge{font-size:10px;font-family:var(--font-mono);background:var(--bg-surface-2);color:var(--text-tertiary);border-radius:var(--radius-xs);padding:1px 5px}.scope-more-tag{color:var(--accent-cool);font-size:10px;font-family:var(--font-mono);padding:1px 4px}.provider-family-tag{color:var(--text-primary);font-size:11px;font-weight:600}.btn-action-ghost{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;padding:3px 8px;font-size:11px;text-decoration:none}.btn-action-ghost:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-surface-2)}.btn-action-danger{border:1px solid color-mix(in srgb, var(--accent-danger) 30%, transparent);border-radius:var(--radius-sm);color:var(--accent-danger);cursor:pointer;transition:all var(--motion-fast);background:0 0;padding:3px 8px;font-size:11px}.btn-action-danger:hover{background:color-mix(in srgb, var(--accent-danger) 15%, transparent)}.row-revoked,.row-disabled{opacity:.55}.table-empty-row{text-align:center;padding:var(--space-6);color:var(--text-tertiary);font-size:13px}.key-detail-container,.model-detail-container{gap:var(--space-6);flex-direction:column;display:flex}.detail-breadcrumb{margin-bottom:var(--space-2)}.back-link{color:var(--text-tertiary);transition:color var(--motion-fast);font-size:13px;text-decoration:none}.back-link:hover{color:var(--accent-cool)}.detail-header-card{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-title-wrap{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.detail-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.detail-badges{gap:6px;display:flex}.prefix-bar{align-items:center;gap:8px;font-size:12px;display:flex}.prefix-label{color:var(--text-tertiary)}.detail-actions{gap:var(--space-3);display:flex}.detail-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (max-width:800px){.detail-grid{grid-template-columns:1fr}}.detail-panel{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);gap:var(--space-3);flex-direction:column;display:flex}.panel-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.panel-header-row{justify-content:space-between;align-items:center;display:flex}.metadata-dl{gap:var(--space-3);margin:var(--space-2) 0 0;flex-direction:column;display:flex}.dl-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:13px;display:flex}.dl-row dd{color:var(--text-primary);margin:0;font-weight:500}.dl-revoked{color:var(--accent-danger)}.detail-scopes-list{margin-top:var(--space-2);grid-template-columns:1fr;gap:8px;display:grid}.detail-scope-item{background:var(--bg-surface-2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.scope-check{color:var(--accent-positive);font-weight:700}.capabilities-checklist{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.cap-check-item{gap:var(--space-3);font-size:13px;line-height:1.4;display:flex}.cap-check-item.is-supported .cap-icon{color:var(--accent-positive);font-weight:700}.cap-check-item.is-unsupported{opacity:.45}.cap-check-item.is-unsupported .cap-icon{color:var(--text-disabled)}.cap-check-item p{color:var(--text-tertiary);margin:2px 0 0;font-size:11px}.security-notice-card{padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-secondary);font-size:12px;line-height:1.5}.security-notice-card h4{color:var(--text-primary);margin:0 0 4px;font-size:13px}.models-filter-toolbar{gap:var(--space-3);flex-direction:column;display:flex}.models-search-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.availability-checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.availability-checkbox-label input{accent-color:var(--accent-cool)}.filter-pills-row{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);padding:4px 12px;font-size:12px;font-weight:500}.filter-pill:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.filter-pill.is-active{background:color-mix(in srgb, var(--accent-cool) 14%, transparent);border-color:var(--accent-cool);color:var(--accent-cool)}.model-selector-container{width:100%;position:relative}.model-selector-trigger{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text-primary);transition:border-color var(--motion-fast);text-align:left;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.model-selector-trigger:focus,.model-selector-trigger.is-open{border-color:var(--accent-cool);box-shadow:0 0 0 1px var(--accent-cool);outline:none}.trigger-content{align-items:center;gap:var(--space-2);display:flex}.trigger-icon{color:var(--accent-cool);font-size:14px}.trigger-text{flex-direction:column;display:flex}.trigger-model-id{font-family:var(--font-mono);font-size:13px;font-weight:600}.trigger-family{color:var(--text-tertiary);font-size:11px}.trigger-arrow{color:var(--text-tertiary);font-size:10px}.model-selector-dropdown{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:50;flex-direction:column;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.dropdown-search-wrap{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2);padding:8px}.dropdown-search-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:6px 10px;font-size:12px}.dropdown-search-input:focus{border-color:var(--accent-cool)}.model-options-list{flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.model-option-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.model-option-item.is-highlighted,.model-option-item:hover{background:var(--bg-surface-2)}.model-option-item.is-selected{background:color-mix(in srgb, var(--accent-cool) 10%, transparent)}.model-option-item.is-unavailable{opacity:.45;cursor:not-allowed}.option-main{flex-direction:column;gap:2px;display:flex}.option-title-row{align-items:center;gap:8px;display:flex}.option-model-id{font-family:var(--font-mono);color:var(--text-primary);font-size:12px;font-weight:600}.option-badges{gap:4px;display:flex}.option-family-badge,.option-dep-badge,.option-lock-badge{border-radius:var(--radius-xs);text-transform:uppercase;padding:1px 4px;font-size:9px;font-weight:600}.option-family-badge{background:var(--bg-surface-3);color:var(--text-tertiary)}.option-dep-badge{background:color-mix(in srgb, var(--accent-warning) 20%, transparent);color:var(--accent-warning)}.option-lock-badge{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);color:var(--accent-danger)}.option-meta-row{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.option-check{color:var(--accent-cool);font-size:14px;font-weight:700}.no-options-item{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:12px}.playground-container{flex-direction:column;height:calc(100vh - 120px);min-height:600px;display:flex}.playground-split-layout{gap:var(--space-4);grid-template-columns:1fr 1fr;height:100%;display:grid;overflow:hidden}@media (max-width:1024px){.playground-split-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}}.request-composer-pane{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.composer-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.composer-model-wrap{align-items:center;gap:var(--space-3);flex:1;min-width:260px;display:flex}.composer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);white-space:nowrap;font-size:12px;font-weight:600}.capability-chips-row{align-items:center;gap:6px;display:flex}.cap-chip{border-radius:var(--radius-sm);font-size:10px;font-weight:500;font-family:var(--font-mono);padding:2px 6px}.cap-chip.is-supported{background:color-mix(in srgb, var(--accent-success) 15%, transparent);color:var(--accent-success);border:1px solid color-mix(in srgb, var(--accent-success) 30%, transparent)}.cap-chip.is-unsupported{background:color-mix(in srgb, var(--bg-canvas) 60%, transparent);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.composer-drawer-bar{align-items:center;gap:var(--space-2);padding:6px var(--space-4);background:var(--bg-surface-1);border-bottom:1px solid var(--border-subtle);display:flex;overflow-x:auto}.drawer-toggle-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 8px;font-size:11px;transition:all .15s}.drawer-toggle-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.drawer-toggle-btn.is-active{background:color-mix(in srgb, var(--accent-cool) 15%, transparent);border-color:var(--accent-cool);color:var(--accent-cool)}.drawer-panel{padding:var(--space-3) var(--space-4);background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);max-height:260px;overflow-y:auto}.drawer-panel-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.drawer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.parameters-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.param-control-item{flex-direction:column;gap:4px;display:flex}.param-label-row{justify-content:space-between;align-items:center;display:flex}.param-name{color:var(--text-secondary);font-size:12px;font-weight:500}.param-val{font-size:11px;font-family:var(--font-mono);color:var(--accent-cool)}.param-slider-row{align-items:center;gap:var(--space-2);display:flex}.param-slider{accent-color:var(--accent-cool);cursor:pointer;flex:1}.param-number-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:60px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);padding:2px 6px}.param-text-input,.param-select{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:4px 8px;font-size:12px}.param-checkbox-label{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:12px;display:flex}.param-hint{color:var(--text-tertiary);font-size:10px}.param-hint.warning{color:var(--accent-warning)}.tool-definition-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.tool-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.tool-name-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);flex:1;padding:4px 8px;font-size:12px}.tool-desc-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);margin-bottom:var(--space-2);padding:4px 8px;font-size:12px}.schema-editor-wrap{flex-direction:column;gap:4px;display:flex}.schema-label{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.schema-textarea{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);resize:vertical;padding:8px;font-size:11px;line-height:1.4}.schema-textarea.is-invalid{border-color:var(--accent-danger)}.schema-error-tag{color:var(--accent-danger);font-size:10px}.schema-valid-tag{color:var(--accent-success);font-size:10px}.system-instruction-panel{padding:var(--space-3) var(--space-4);background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle)}.system-instruction-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.system-prompt-textarea{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;padding:6px 8px;font-size:12px}.messages-list-container{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-item-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.message-item-card.role-user{border-left:3px solid var(--accent-cool)}.message-item-card.role-assistant{border-left:3px solid var(--accent-success)}.message-item-card.role-system{border-left:3px solid var(--accent-warning)}.message-card-header{justify-content:space-between;align-items:center;display:flex}.role-selector{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);text-transform:uppercase;padding:2px 6px;font-size:11px;font-weight:600}.message-header-actions{align-items:center;gap:var(--space-2);display:flex}.btn-attachment-label{color:var(--text-secondary);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px;font-size:11px}.hidden-file-input{display:none}.btn-delete-message{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:12px}.btn-delete-message:hover{color:var(--accent-danger)}.attachment-preview-chip{align-items:center;gap:var(--space-2);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:fit-content;padding:4px 8px;display:flex}.attachment-thumb{object-fit:cover;border-radius:2px;width:24px;height:24px}.attachment-details{align-items:center;gap:4px;font-size:11px;display:flex}.attachment-name{color:var(--text-primary);font-weight:500}.attachment-size{color:var(--text-tertiary)}.btn-remove-attachment{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:10px}.message-textarea{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:13px;line-height:1.5}.message-textarea:focus{outline:none}.add-message-row{padding-top:var(--space-2);justify-content:flex-start;display:flex}.composer-bottom-toolbar{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-surface-2);justify-content:space-between;align-items:center;display:flex}.toolbar-left-group,.toolbar-right-group{align-items:center;gap:var(--space-2);display:flex}.shortcut-hint{color:var(--text-tertiary);font-size:11px}.shortcut-hint kbd{background:var(--bg-canvas);border:1px solid var(--border-default);font-family:var(--font-mono);border-radius:3px;padding:1px 4px;font-size:10px}.btn-run{background:var(--accent-cool);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;padding:6px 16px;font-weight:600;transition:opacity .15s}.btn-run:hover:not(:disabled){opacity:.9}.btn-run:disabled{opacity:.5;cursor:not-allowed}.btn-stop{background:var(--accent-danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:6px 16px;font-weight:600}.response-viewer-pane{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.telemetry-bar{padding:var(--space-2) var(--space-4);background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:38px;display:flex}.telemetry-left,.telemetry-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.status-badge{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.state-idle{background:color-mix(in srgb, var(--text-tertiary) 20%, transparent);color:var(--text-secondary)}.status-badge.state-submitting,.status-badge.state-streaming{background:color-mix(in srgb, var(--accent-cool) 20%, transparent);color:var(--accent-cool)}.status-badge.state-completed{background:color-mix(in srgb, var(--accent-success) 20%, transparent);color:var(--accent-success)}.status-badge.state-failed{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);color:var(--accent-danger)}.status-badge.state-cancelled{background:color-mix(in srgb, var(--accent-warning) 20%, transparent);color:var(--accent-warning)}.pulse-dot{background:var(--accent-cool);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.telemetry-item{font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.telemetry-label{color:var(--text-tertiary)}.telemetry-val{color:var(--text-primary);font-weight:500}.req-id-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:2px 6px}.req-id-btn:hover{border-color:var(--accent-cool)}.req-id-val{color:var(--accent-cool)}.telemetry-cost .telemetry-val{color:var(--accent-success)}.http-status{border-radius:2px;padding:1px 5px;font-weight:600}.status-2xx{background:color-mix(in srgb, var(--accent-success) 20%, transparent);color:var(--accent-success)}.status-4xx,.status-5xx{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);color:var(--accent-danger)}.response-tabs-bar{padding:0 var(--space-4);background:var(--bg-surface-1);border-bottom:1px solid var(--border-subtle);align-items:center;gap:2px;display:flex}.resp-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:12px;font-weight:500}.resp-tab-btn:hover{color:var(--text-primary)}.resp-tab-btn.is-active{color:var(--accent-cool);border-bottom-color:var(--accent-cool)}.btn-copy-resp{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;margin-left:auto;padding:2px 8px;font-size:11px}.btn-copy-resp:hover{color:var(--text-primary);border-color:var(--border-default)}.response-content-area{padding:var(--space-4);flex:1;overflow-y:auto}.output-scroll-container,.raw-json-container,.events-timeline-container{gap:var(--space-3);flex-direction:column;height:100%;display:flex}.response-error-banner{background:color-mix(in srgb, var(--accent-danger) 15%, transparent);border:1px solid var(--accent-danger);border-radius:var(--radius-md);padding:var(--space-3)}.error-badge{text-transform:uppercase;color:var(--accent-danger);margin-bottom:4px;font-size:11px;font-weight:600}.error-message-text{color:var(--text-primary);font-size:13px}.response-empty-state{text-align:center;height:100%;color:var(--text-tertiary);padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.response-empty-state .empty-icon{color:var(--border-default);margin-bottom:var(--space-2);font-size:32px}.response-empty-state .empty-title{color:var(--text-secondary);margin-bottom:4px;font-size:15px;font-weight:600}.response-empty-state .empty-subtitle{max-width:400px;font-size:13px;line-height:1.5}.streamed-output-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.streamed-text-pre{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);margin:0;font-family:inherit;font-size:13px;line-height:1.6}.stream-cursor{color:var(--accent-cool);font-weight:700;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tool-calls-container{gap:var(--space-2);flex-direction:column;display:flex}.tool-calls-title{text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.tool-call-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.tool-call-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.tool-badge{background:color-mix(in srgb, var(--accent-cool) 20%, transparent);color:var(--accent-cool);text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:600}.tool-call-name{font-family:var(--font-mono);color:var(--text-primary);font-size:12px;font-weight:600}.tool-call-id{color:var(--text-tertiary);margin-left:auto;font-size:11px}.tool-args-pre,.raw-json-pre{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:11px;line-height:1.4;overflow-x:auto}.events-list{gap:var(--space-2);flex-direction:column;display:flex}.event-log-item{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px}.event-item-top{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.event-index{color:var(--text-tertiary);font-family:var(--font-mono)}.event-type-tag{text-transform:uppercase;background:color-mix(in srgb, var(--accent-cool) 15%, transparent);color:var(--accent-cool);border-radius:2px;padding:1px 4px;font-size:9px;font-weight:600}.event-timestamp{color:var(--text-tertiary);font-family:var(--font-mono);margin-left:auto}.event-summary{color:var(--text-secondary);font-family:var(--font-mono);word-break:break-all}.code-export-modal{width:90%;max-width:680px}.code-export-tabs{gap:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.code-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:12px}.code-tab-btn.is-active{color:var(--accent-cool);border-bottom-color:var(--accent-cool)}.code-block-wrap{position:relative}.code-snippet-pre{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);color:var(--text-primary);max-height:380px;margin:0;font-size:12px;line-height:1.5;overflow-y:auto}.btn-copy-code{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:4px 8px;font-size:11px;position:absolute;top:8px;right:8px}.btn-copy-code:hover{background:var(--bg-surface-1)}.usage-analytics-container,.request-history-container,.request-detail-container,.analytics-routing-container{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.analytics-header-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.time-range-toggle-group{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:flex}.time-range-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.time-range-btn:hover{color:var(--text-primary)}.time-range-btn.is-active{background:var(--bg-surface-1);color:var(--accent-cool);font-weight:600;box-shadow:0 1px 3px #0000004d}.analytics-header-right{align-items:center;gap:var(--space-3);display:flex}.freshness-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:6px;display:inline-flex}.live-dot{background:var(--accent-success);border-radius:50%;width:6px;height:6px}.metric-cards-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.analytics-metric-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.metric-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11px;font-weight:600}.metric-card-value-row{align-items:baseline;gap:var(--space-2);margin-top:2px;display:flex}.metric-card-number{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.metric-unit-tag,.metric-currency-tag{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.metric-ttft-tag{font-size:11px;font-family:var(--font-mono);color:var(--accent-cool);background:color-mix(in srgb, var(--accent-cool) 15%, transparent);border-radius:2px;padding:1px 6px}.metric-card-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.metric-sub-badge{border-radius:2px;padding:2px 6px;font-size:10px;font-weight:600}.badge-success{background:color-mix(in srgb, var(--accent-success) 20%, transparent);color:var(--accent-success)}.badge-warning{background:color-mix(in srgb, var(--accent-warning) 20%, transparent);color:var(--accent-warning)}.badge-danger{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);color:var(--accent-danger)}.badge-subtle{background:color-mix(in srgb, var(--text-tertiary) 20%, transparent);color:var(--text-secondary);border-radius:2px;padding:2px 6px;font-size:11px}.analytics-charts-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:960px){.analytics-charts-grid{grid-template-columns:1fr}}.analytics-chart-panel{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.chart-panel-header{justify-content:space-between;align-items:flex-start;display:flex}.chart-title{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.chart-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:11px}.chart-legend-tag{font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:2px 8px}.legend-ice{background:color-mix(in srgb, var(--accent-cool) 20%, transparent);color:var(--accent-cool);border:1px solid var(--accent-cool)}.legend-frost{color:#8be9fd;background:#8be9fd33;border:1px solid #8be9fd}.svg-chart-wrap{flex-direction:column;width:100%;display:flex}.analytics-svg{width:100%;height:120px}.chart-x-labels{justify-content:space-between;padding-top:4px;display:flex}.x-label{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary)}.modality-summary-strip{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.modality-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0;font-size:11px;font-weight:600}.modality-items-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.modality-pill{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.modality-label{color:var(--text-secondary)}.modality-value{color:var(--accent-cool);font-weight:600}.breakdown-section-wrap{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.breakdown-tabs-header{background:var(--bg-surface-2);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-3);align-items:center;gap:2px;display:flex}.breakdown-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:12px;font-weight:500}.breakdown-tab-btn:hover{color:var(--text-primary)}.breakdown-tab-btn.is-active{color:var(--accent-cool);border-bottom-color:var(--accent-cool);font-weight:600}.breakdown-table-container{overflow-x:auto}.model-cell{flex-direction:column;gap:2px;display:flex}.model-name-text{color:var(--text-primary);font-weight:600}.model-canonical-id{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary)}.key-prefix-code{font-family:var(--font-mono);background:var(--bg-canvas);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 6px;font-size:11px}.error-code-badge{font-family:var(--font-mono);color:var(--accent-danger);background:color-mix(in srgb, var(--accent-danger) 10%, transparent);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}.num-col{text-align:right;font-family:var(--font-mono)}.muted-cell{color:var(--text-tertiary);font-size:11px}.history-filter-bar{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);flex-wrap:wrap;display:flex}.filter-input-wrap{flex:1;min-width:220px}.filter-search-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:6px 10px;font-size:12px}.filter-dropdowns-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-select{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:6px 10px;font-size:12px}.history-table-container{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto}.history-table td{padding:var(--space-2) var(--space-3)}.timestamp-cell{white-space:nowrap;color:var(--text-secondary);font-size:11px}.req-id-cell{align-items:center;gap:6px;display:inline-flex}.req-id-link{color:var(--accent-cool);font-family:var(--font-mono);font-size:11px;font-weight:500;text-decoration:none}.req-id-link:hover{text-decoration:underline}.btn-copy-mini{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.btn-copy-mini:hover{color:var(--text-primary)}.model-chip{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);padding:2px 6px;font-size:11px}.status-pill{text-transform:uppercase;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-family:var(--font-mono);padding:2px 6px}.status-pill.status-succeeded{background:color-mix(in srgb, var(--accent-success) 20%, transparent);color:var(--accent-success)}.status-pill.status-failed{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);color:var(--accent-danger)}.status-pill.status-cancelled{background:color-mix(in srgb, var(--accent-warning) 20%, transparent);color:var(--accent-warning)}.status-pill.status-rate_limited{color:#ffb86c;background:#ffb86c33}.status-pill.status-processing{background:color-mix(in srgb, var(--accent-cool) 20%, transparent);color:var(--accent-cool)}.btn-detail-link{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-2);padding:2px 6px;font-size:11px;font-weight:500;text-decoration:none}.btn-detail-link:hover{color:var(--text-primary);border-color:var(--border-default)}.history-empty-card{padding:var(--space-8);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.history-empty-card .empty-icon{color:var(--text-tertiary);font-size:28px}.history-empty-card .empty-title{color:var(--text-primary);font-size:15px;font-weight:600}.history-empty-card .empty-subtitle{color:var(--text-tertiary);max-width:420px;margin-bottom:var(--space-2);font-size:13px}.history-pagination-bar{padding:var(--space-2) var(--space-3);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.pagination-count-label{color:var(--text-tertiary);font-size:12px}.pagination-buttons{align-items:center;gap:var(--space-2);display:flex}.detail-top-nav{margin-bottom:var(--space-1)}.btn-back-link{color:var(--text-secondary);font-size:12px;font-weight:500;text-decoration:none}.btn-back-link:hover{color:var(--accent-cool)}.detail-header-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-header-left{gap:var(--space-2);flex-direction:column;display:flex}.detail-id-row{align-items:center;gap:var(--space-2);display:flex}.detail-request-id{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);margin:0}.btn-copy-id{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:2px 6px;font-size:11px}.btn-copy-id:hover{color:var(--text-primary)}.detail-meta-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timestamp-tag,.operation-tag{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.detail-cost-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-end;display:flex}.cost-label{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.cost-val{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--accent-success)}.cost-hint{color:var(--text-tertiary);font-size:9px}.detail-metrics-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-metric-item{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.metric-lbl{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.metric-val{color:var(--text-primary);font-size:14px;font-weight:600}.metric-sub{color:var(--text-tertiary);font-size:10px}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-error-card{background:color-mix(in srgb, var(--accent-danger) 15%, transparent);border:1px solid var(--accent-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.error-card-top{align-items:center;gap:var(--space-2);margin-bottom:4px;display:flex}.error-code-val{color:var(--accent-danger);font-size:12px;font-weight:700}.error-type-val{color:var(--text-secondary);font-size:11px}.error-card-msg{color:var(--text-primary);font-size:13px}.detail-tabs-bar{border-bottom:1px solid var(--border-subtle);padding:0 var(--space-2);align-items:center;gap:2px;display:flex}.detail-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px;font-weight:500}.detail-tab-btn:hover{color:var(--text-primary)}.detail-tab-btn.is-active{color:var(--accent-cool);border-bottom-color:var(--accent-cool);font-weight:600}.detail-tab-content-area{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.metadata-table-card .section-title{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:13px;font-weight:600}.metadata-dl{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.dl-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.dl-row dt{color:var(--text-tertiary)}.dl-row dd{color:var(--text-primary);margin:0}.governance-notice-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.governance-icon{font-size:28px}.governance-title{color:var(--text-primary);font-size:14px;font-weight:600}.governance-detail{color:var(--text-secondary);max-width:480px;margin:0;font-size:12px;line-height:1.5}.governance-footer{color:var(--text-tertiary);margin-top:var(--space-2);font-size:11px}.chat-messages-viewer{gap:var(--space-3);flex-direction:column;display:flex}.chat-bubble-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.chat-bubble-card.role-user{border-left:3px solid var(--accent-cool)}.chat-bubble-card.role-assistant{border-left:3px solid var(--accent-success)}.chat-bubble-card.role-system{border-left:3px solid var(--accent-warning)}.bubble-header{align-items:center;display:flex}.role-tag{letter-spacing:.05em;color:var(--text-tertiary);font-size:10px;font-weight:700}.bubble-content-pre{white-space:pre-wrap;color:var(--text-primary);margin:0;font-family:inherit;font-size:13px;line-height:1.5}.raw-box-section{gap:var(--space-2);flex-direction:column;display:flex}.raw-box-header{justify-content:space-between;align-items:center;display:flex}.raw-box-header h4{color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.billing-dashboard-container{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.billing-header-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.billing-org-scope-badge{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px}.billing-metric-cards-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.billing-metric-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.metric-card-top-row{justify-content:space-between;align-items:center;display:flex}.billing-breakdown-section{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.billing-tab-pane{padding:var(--space-4)}.billing-empty-box{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:13px}.tx-desc-text{color:var(--text-primary);font-size:12px}.table-responsive-wrapper{overflow-x:auto}.profile-details-card,.plan-entitlements-card{gap:var(--space-3);flex-direction:column;display:flex}.plan-header-strip{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.plan-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.plan-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:12px}.entitlements-subheading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0;font-size:11px;font-weight:600}.entitlement-pills-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.entitlement-pill-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.entitlement-lbl{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.entitlement-val{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--accent-cool)}.plan-features-list{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.plan-feature-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.feature-check{color:var(--accent-success);font-weight:700}.checkout-modal-card{width:100%;max-width:580px}.checkout-step-body{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.package-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.package-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;transition:all .15s;display:flex;position:relative}.package-card:hover{border-color:var(--accent-cool)}.package-card.is-selected{border-color:var(--accent-cool);background:color-mix(in srgb, var(--accent-cool) 8%, var(--bg-surface-2));box-shadow:0 0 0 1px var(--accent-cool)}.package-popular-badge{background:var(--accent-cool);color:var(--bg-canvas);text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:8px}.package-amount-row{align-items:baseline;gap:4px;display:flex}.package-amount{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.package-bonus-tag{color:var(--accent-success);font-size:10px;font-weight:600}.package-unit-sub{color:var(--text-tertiary);font-size:10px}.custom-amount-wrap{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.custom-amount-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.custom-amount-input-row{align-items:center;gap:4px;display:flex}.currency-prefix{font-family:var(--font-mono);color:var(--text-secondary);font-size:14px}.custom-amount-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-mono);outline:none;width:110px;padding:4px 8px}.order-summary-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.order-summary-lbl{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.order-summary-val{font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--accent-success);display:block}.order-summary-sub{color:var(--text-secondary);font-size:11px}.session-timer-badge{color:var(--accent-warning);background:color-mix(in srgb, var(--accent-warning) 10%, transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent-warning) 30%, transparent);padding:3px 8px;font-size:11px}.method-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 var(--space-2) 0;font-size:11px;font-weight:600}.methods-radio-group{gap:var(--space-2);flex-direction:column;display:flex}.method-option-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;transition:all .15s;display:flex}.method-option-card:hover{border-color:var(--accent-cool)}.method-option-card.is-selected{border-color:var(--accent-cool);background:color-mix(in srgb, var(--accent-cool) 8%, var(--bg-surface-2));box-shadow:0 0 0 1px var(--accent-cool)}.method-icon{font-size:20px}.method-name{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.method-desc{color:var(--text-tertiary);font-size:11px;display:block}.method-details-pane{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.qr-container{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.qr-box-simulated{border-radius:var(--radius-md);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.qr-svg-graphic{width:130px;height:130px}.qr-brand-tag{color:#090b10;letter-spacing:.05em;font-size:10px;font-weight:700}.qr-instructions{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.qr-instruction-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.qr-instruction-sub{color:var(--text-secondary);margin:0;font-size:11px}.vpa-copy-row{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-top:6px;padding:4px 8px;display:inline-flex}.vpa-label{color:var(--text-tertiary);font-size:10px;font-weight:600}.vpa-code{font-family:var(--font-mono);color:var(--accent-cool);font-size:11px}.card-form-simulated{gap:var(--space-2);flex-direction:column;display:flex}.form-field-group{flex-direction:column;gap:4px;display:flex}.form-lbl{color:var(--text-secondary);font-size:11px;font-weight:600}.form-txt-input,.form-select-input{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:6px 10px;font-size:13px}.card-row-two{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.card-security-note,.bank-redirect-note{color:var(--text-tertiary);margin-top:4px;font-size:11px}.btn-pay-action{min-width:140px}.checkout-processing-state,.checkout-success-state,.checkout-failed-state{text-align:center;padding:var(--space-6) var(--space-2);align-items:center}.processing-spinner-ring{border:3px solid color-mix(in srgb, var(--accent-cool) 20%, transparent);border-top-color:var(--accent-cool);width:42px;height:42px;margin-bottom:var(--space-2);border-radius:50%;animation:.8s linear infinite spin}.success-icon-badge{background:color-mix(in srgb, var(--accent-success) 20%, transparent);border:2px solid var(--accent-success);width:48px;height:48px;color:var(--accent-success);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.failed-icon-badge{background:color-mix(in srgb, var(--accent-danger) 20%, transparent);border:2px solid var(--accent-danger);width:48px;height:48px;color:var(--accent-danger);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.processing-title,.success-title,.failed-title{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.processing-desc,.success-desc,.failed-desc{color:var(--text-secondary);max-width:380px;margin:0 0 var(--space-3) 0;font-size:13px;line-height:1.5}.success-meta-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;gap:6px;width:100%;max-width:380px;font-size:12px;display:flex}.meta-line{justify-content:space-between;align-items:center;display:flex}.meta-line span{color:var(--text-tertiary)}.settings-page-container{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.settings-header-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.settings-section-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.section-header-block{flex-direction:column;gap:2px;display:flex}.section-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.section-subtitle{color:var(--text-secondary);margin:0;font-size:12px}.settings-form{gap:var(--space-3);flex-direction:column;display:flex}.input-with-action-row{align-items:center;gap:var(--space-2);display:flex}.copyable-id-row{align-items:center;gap:var(--space-2);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:fit-content;padding:4px 8px;display:flex}.id-code{color:var(--accent-cool);font-size:12px}.metadata-summary-grid{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.meta-item-box{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex-direction:column;gap:2px;display:flex}.meta-lbl{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.meta-val{color:var(--text-primary);font-size:12px;font-weight:600}.form-success-note{color:var(--accent-success);font-size:12px;font-weight:600}.settings-danger-card{background:var(--bg-surface-1);border:1px solid color-mix(in srgb, var(--accent-danger) 35%, var(--border-default));border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.danger-header-block{flex-direction:column;gap:2px;display:flex}.danger-title{color:var(--accent-danger);margin:0;font-size:15px;font-weight:700}.danger-subtitle{color:var(--text-tertiary);margin:0;font-size:12px}.danger-action-box{background:var(--bg-surface-2);border:1px solid color-mix(in srgb, var(--accent-danger) 25%, transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.danger-action-info{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.danger-action-heading{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.danger-action-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.delete-confirm-input-wrap{flex-direction:column;gap:4px;margin-top:6px;display:flex}.danger-confirm-input{border-color:color-mix(in srgb, var(--accent-danger) 40%, var(--border-default));max-width:280px}.member-cell{align-items:center;gap:var(--space-2);display:flex}.avatar-circle{background:var(--bg-surface-2);border:1px solid var(--border-default);width:28px;height:28px;color:var(--accent-cool);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.member-name-wrap{flex-direction:column;gap:1px;display:flex}.member-name{color:var(--text-primary);font-size:12px}.member-email{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.member-role-select{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:3px 6px;font-size:12px}.btn-danger-ghost{color:var(--accent-danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.btn-danger-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--accent-danger) 12%, transparent);border-color:color-mix(in srgb, var(--accent-danger) 30%, transparent)}.btn-danger-ghost:disabled{opacity:.4;cursor:not-allowed}.secret-display-once-banner{background:color-mix(in srgb, var(--accent-warning) 10%, var(--bg-surface-1));border:1px solid var(--accent-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;gap:6px;display:flex}.banner-top-row{color:var(--accent-warning);align-items:center;gap:6px;font-size:13px;display:flex}.banner-sub{color:var(--text-secondary);margin:0;font-size:12px}.secret-copy-box{align-items:center;gap:var(--space-2);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:fit-content;padding:4px 8px;display:flex}.secret-code{color:var(--accent-warning);font-size:12px}.webhook-url-wrap{flex-direction:column;gap:2px;display:flex}.event-badges-wrap{flex-wrap:wrap;gap:4px;display:flex}.row-actions-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.events-checklist{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);flex-direction:column;gap:6px;display:flex}.checkbox-row-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}
textarea{min-height:96px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.data-table{border-spacing:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1);width:100%;overflow:hidden}.data-table th,.data-table td{height:48px;padding:0 var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table tr:last-child td{border-bottom:0}.data-table th{height:38px;color:var(--text-tertiary);background:var(--bg-surface-2);font-size:var(--font-size-xs);font-weight:500}.key-form{gap:var(--space-4);max-width:760px;display:grid}.key-form fieldset{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;display:grid}.key-form legend{padding:0 var(--space-2);font-size:var(--font-size-sm);font-weight:600}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.check{align-items:center;gap:var(--space-2);display:flex}.check input{width:16px;min-height:16px}.warning{padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent-warning) 45%, var(--border-default));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent-warning) 8%, var(--bg-surface-1))}.tabs{gap:var(--space-4);margin:var(--space-5) 0;border-bottom:1px solid var(--border-subtle);display:flex}.tabs span{min-height:36px;color:var(--text-tertiary);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.tabs span:first-child{color:var(--text-primary);border-bottom:1px solid var(--text-primary)}.metric-grid{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.metric{min-height:96px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-1)}.metric p{margin:0 0 var(--space-2);color:var(--text-tertiary);font-size:var(--font-size-xs)}.metric strong{font-size:var(--font-size-2xl);letter-spacing:-.025em;font-weight:600}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}