:root{--font-heading:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--font-size-2xs:.66rem;--font-size-xs:.72rem;--font-size-sm:.83rem;--font-size-base:1rem;--font-size-md:1.11rem;--font-size-lg:1.33rem;--font-size-xl:1.67rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.11rem;--font-size-5xl:3.89rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.01em;--tracking-wider:.04em;--space-0:0px;--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--duration-instant:80ms;--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-toast:700;--z-tooltip:800;--tap-min:44px;--sidebar-w:232px;--rail-w:64px;--bottom-bar-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bottom-inset:calc(var(--bottom-bar-h) + var(--safe-bottom));--sheet-max-h:85dvh;--sheet-radius:var(--radius-xl);--color-primary-50:#fff0f1;--color-primary-100:#ffdbdf;--color-primary-200:#feb9c0;--color-primary-300:#fb8490;--color-primary-400:#f44e5e;--color-primary-500:#e92034;--color-primary-600:#bf1828;--color-primary-700:#971723;--color-primary-800:#74161f;--color-primary-900:#57141b;--color-primary-950:#310c10;--color-neutral-0:#fff;--color-neutral-50:#fbfaf9;--color-neutral-100:#f4f2f0;--color-neutral-200:#e9e4e2;--color-neutral-300:#d6d0cd;--color-neutral-400:#ada39f;--color-neutral-500:#887d77;--color-neutral-600:#695e59;--color-neutral-700:#4c433e;--color-neutral-800:#312a26;--color-neutral-900:#201b18;--color-neutral-950:#15110f;--color-neutral-1000:#0c0a08;--bg-canvas:var(--color-neutral-50);--bg-surface:var(--color-neutral-0);--bg-surface-raised:var(--color-neutral-0);--bg-surface-sunken:var(--color-neutral-100);--bg-overlay:#14080873;--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-subtle:var(--color-neutral-100);--border-default:var(--color-neutral-200);--border-strong:var(--color-neutral-300);--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-primary-subtle:var(--color-primary-50);--color-primary-subtle-border:var(--color-primary-200);--on-primary:var(--color-neutral-0);--color-success:#218355;--color-success-subtle:#e7f9f0;--color-warning:#c47f08;--color-warning-subtle:#fdf0d8;--color-danger:var(--color-primary-700);--color-danger-subtle:var(--color-primary-50);--color-info:#226dc3;--color-info-subtle:#e5effa;--color-focus-ring:var(--color-primary-500);--shadow-xs:0 1px 2px #1408080f;--shadow-sm:0 1px 3px #14080814, 0 1px 2px #1408080d;--shadow-md:0 4px 8px #14080814, 0 2px 4px #1408080f;--shadow-lg:0 12px 24px #1408081a, 0 4px 8px #1408080f;--shadow-xl:0 24px 48px #14080824, 0 8px 16px #14080814;--shadow-focus:0 0 0 3px var(--color-primary-200);--shadow-edge:6px 0 6px -6px #14080840;--logo-src:url(/assets/logo-Et7JqIMA.png);--chart-series-1:#2a78d6;--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--chart-grid:var(--color-neutral-200);--chart-axis:var(--color-neutral-300);--chart-seq-100:#cde2fb;--chart-seq-250:#86b6ef;--chart-seq-400:#3987e5;--chart-seq-550:#1c5cab;--chart-seq-700:#0d366b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg-canvas:var(--color-neutral-950);--bg-surface:var(--color-neutral-900);--bg-surface-raised:var(--color-neutral-800);--bg-surface-sunken:var(--color-neutral-1000);--bg-overlay:#0009;--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-500);--text-inverse:var(--color-neutral-950);--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-subtle:var(--color-neutral-800);--border-default:var(--color-neutral-700);--border-strong:var(--color-neutral-600);--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-400);--color-primary-active:var(--color-primary-300);--color-primary-subtle:#401c1f;--color-primary-subtle-border:var(--color-primary-700);--on-primary:var(--color-neutral-0);--color-success:#34b277;--color-success-subtle:#163b2a;--color-warning:#f4a825;--color-warning-subtle:#412f10;--color-danger:var(--color-primary-400);--color-danger-subtle:#401c1f;--color-info:#4794eb;--color-info-subtle:#14273d;--color-focus-ring:var(--color-primary-400);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 8px #00000080, 0 2px 4px #0006;--shadow-lg:0 12px 24px #0000008c, 0 4px 8px #0006;--shadow-xl:0 24px 48px #0009, 0 8px 16px #00000073;--shadow-focus:0 0 0 3px var(--color-primary-800);--shadow-edge:6px 0 6px -6px #0009;--logo-src:url(/assets/logo-BquklQLN.png);--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-grid:var(--color-neutral-800);--chart-axis:var(--color-neutral-700)}}:root[data-theme=dark]{--bg-canvas:var(--color-neutral-950);--bg-surface:var(--color-neutral-900);--bg-surface-raised:var(--color-neutral-800);--bg-surface-sunken:var(--color-neutral-1000);--bg-overlay:#0009;--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-500);--text-inverse:var(--color-neutral-950);--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-subtle:var(--color-neutral-800);--border-default:var(--color-neutral-700);--border-strong:var(--color-neutral-600);--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-400);--color-primary-active:var(--color-primary-300);--color-primary-subtle:#401c1f;--color-primary-subtle-border:var(--color-primary-700);--on-primary:var(--color-neutral-0);--color-success:#34b277;--color-success-subtle:#163b2a;--color-warning:#f4a825;--color-warning-subtle:#412f10;--color-danger:var(--color-primary-400);--color-danger-subtle:#401c1f;--color-info:#4794eb;--color-info-subtle:#14273d;--color-focus-ring:var(--color-primary-400);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 8px #00000080, 0 2px 4px #0006;--shadow-lg:0 12px 24px #0000008c, 0 4px 8px #0006;--shadow-xl:0 24px 48px #0009, 0 8px 16px #00000073;--shadow-focus:0 0 0 3px var(--color-primary-800);--shadow-edge:6px 0 6px -6px #0009;--logo-src:url(/assets/logo-BquklQLN.png);--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-grid:var(--color-neutral-800);--chart-axis:var(--color-neutral-700)}:root[data-theme=light]{--bg-canvas:var(--color-neutral-50);--bg-surface:var(--color-neutral-0);--bg-surface-raised:var(--color-neutral-0);--bg-surface-sunken:var(--color-neutral-100);--bg-overlay:#14080873;--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-subtle:var(--color-neutral-100);--border-default:var(--color-neutral-200);--border-strong:var(--color-neutral-300);--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-primary-subtle:var(--color-primary-50);--color-primary-subtle-border:var(--color-primary-200);--on-primary:var(--color-neutral-0);--color-success:#218355;--color-success-subtle:#e7f9f0;--color-warning:#c47f08;--color-warning-subtle:#fdf0d8;--color-danger:var(--color-primary-700);--color-danger-subtle:var(--color-primary-50);--color-info:#226dc3;--color-info-subtle:#e5effa;--color-focus-ring:var(--color-primary-500);--shadow-xs:0 1px 2px #1408080f;--shadow-sm:0 1px 3px #14080814, 0 1px 2px #1408080d;--shadow-md:0 4px 8px #14080814, 0 2px 4px #1408080f;--shadow-lg:0 12px 24px #1408081a, 0 4px 8px #1408080f;--shadow-xl:0 24px 48px #14080824, 0 8px 16px #14080814;--shadow-focus:0 0 0 3px var(--color-primary-200);--shadow-edge:6px 0 6px -6px #14080840;--logo-src:url(/assets/logo-Et7JqIMA.png);--chart-series-1:#2a78d6;--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--chart-grid:var(--color-neutral-200);--chart-axis:var(--color-neutral-300)}:root{--text:var(--text-secondary);--text-h:var(--text-primary);--bg:var(--bg-canvas);--code-bg:var(--bg-surface-sunken);--sans:var(--font-body);--heading:var(--font-heading);--mono:var(--font-mono);font:var(--font-size-base) / var(--leading-normal) var(--sans);letter-spacing:var(--tracking-normal);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{min-height:100svh;padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}@media (pointer:coarse){input,select,textarea{font-size:var(--font-size-base)}}body{margin:0}h1,h2{font-family:var(--heading);font-weight:var(--weight-medium);color:var(--text-h)}h1{font-size:var(--font-size-4xl);letter-spacing:var(--tracking-tighter);margin:var(--space-8) 0}@media (width<=1024px){h1{font-size:var(--font-size-2xl);margin:var(--space-5) 0}}h2{font-size:var(--font-size-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2)}@media (width<=1024px){h2{font-size:var(--font-size-md)}}p{margin:0}code{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--text-h);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);padding:var(--space-1) var(--space-2);background:var(--code-bg);display:inline-flex}.logo{--logo-h:40px;width:var(--logo-h);height:var(--logo-h);background-image:var(--logo-src);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.theme-toggle{border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (pointer:coarse){.theme-toggle{width:var(--tap-min);height:var(--tap-min)}}@media (hover:hover){.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary-subtle-border);background:var(--color-primary-subtle)}}.theme-toggle:focus-visible{box-shadow:var(--shadow-focus);outline:none}.login-page{min-height:100dvh;padding:var(--space-8) var(--space-4);background:var(--bg-canvas);justify-content:center;align-items:center;display:flex}.login-frame{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:960px;min-height:620px;box-shadow:var(--shadow-lg);grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.login-panel{background:var(--color-primary-subtle);color:var(--text-primary);padding-top:var(--space-10);padding-left:var(--space-10);padding-bottom:var(--space-10);justify-content:center;gap:var(--space-8);border-right:var(--border-width-thin) solid var(--color-primary-subtle-border);flex-direction:column;display:flex}.logo.login-panel-logo{--logo-h:56px}.login-panel-title{margin:var(--space-5) 0 var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-primary)}.login-panel-lede{max-width:36ch;font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.login-features{margin:var(--space-8) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.login-features li{align-items:flex-start;gap:var(--space-3);display:flex}.login-feature-dot{border-radius:var(--radius-full);background:var(--color-primary);flex:none;width:8px;height:8px;margin-top:6px}.login-feature-title{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--text-primary);display:block}.login-feature-text{font-size:var(--font-size-xs);line-height:var(--leading-normal);color:var(--text-secondary);margin-top:2px;display:block}.login-panel-footer{font-size:var(--font-size-xs);color:var(--text-muted)}.login-form-side{padding-top:var(--space-10);padding-left:var(--space-10);padding-right:var(--space-10);padding-bottom:var(--space-10);flex-direction:column;justify-content:center;display:flex}.login-form-head{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.login-form-side h1{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.login-lede{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary)}.login-error{margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-danger);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--font-size-sm)}.login-field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.login-field label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.login-field input{box-sizing:border-box;font:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.login-row-between{margin:var(--space-1) 0 var(--space-6);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.login-remember{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.login-remember input{accent-color:var(--color-primary)}.login-row-between a{color:var(--text-secondary);border-bottom:var(--border-width-thin) solid var(--border-strong);text-decoration:none}@media (hover:hover){.login-row-between a:hover{color:var(--color-primary);border-color:var(--color-primary)}}.login-submit{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--on-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);border:none}@media (hover:hover){.login-submit:hover{background:var(--color-primary-hover)}}.login-submit:focus-visible{box-shadow:var(--shadow-focus);outline:none}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-divider{margin:var(--space-6) 0 var(--space-4);border:none;border-top:var(--border-width-thin) solid var(--border-default)}.login-access-note{font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--text-muted)}@media (pointer:coarse){.login-field input{min-height:var(--tap-min);font-size:var(--font-size-base)}.login-submit{min-height:var(--tap-min)}}@media (width<=639px){.login-page{padding:var(--space-4);align-items:flex-start}.login-frame{grid-template-columns:minmax(0,1fr);min-height:0;margin-block:auto}.login-panel{display:none}.login-form-side{padding:var(--space-6) var(--space-5)}.login-form-head{margin-bottom:var(--space-6)}.login-field input,.login-submit{min-height:calc(var(--tap-min) + var(--space-1))}.login-field input{font-size:var(--font-size-base)}.login-remember,.login-row-between a{min-height:var(--tap-min);align-items:center;display:inline-flex}.login-remember input{width:20px;height:20px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);min-height:36px;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){background:var(--bg-surface-sunken)}}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--on-primary)}@media (hover:hover){.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}}.btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.btn--danger-solid{background:var(--color-danger);border-color:var(--color-danger);color:var(--on-primary)}@media (hover:hover){.btn--danger-solid:hover:not(:disabled){background:var(--color-danger);filter:brightness(.92)}}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--sm{padding:var(--space-1) var(--space-3);min-height:30px;font-size:var(--font-size-xs)}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field>label,.field-label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.disabled-reason{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);flex:1 0 100%;display:flex}.disabled-reason svg{width:14px;height:14px;color:var(--color-info);flex:none;margin-top:1px}.input{box-sizing:border-box;font:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);width:100%;min-height:36px;color:var(--text-primary)}.input::placeholder{color:var(--text-muted)}.input:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input[readonly],.input:disabled{background:var(--bg-surface-sunken);color:var(--text-secondary)}.input--mono{font-family:var(--font-mono)}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid .span-2{grid-column:span 2}.check-row{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.check-row input{accent-color:var(--color-primary);margin-top:3px}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.search-box{flex:240px;max-width:340px;position:relative}.search-box svg{left:var(--space-3);width:15px;height:15px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box .input{padding-left:var(--space-8)}.cell-main{font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);font-variant-numeric:normal;display:block}.cell-sub{color:var(--text-muted);font-size:var(--font-size-xs);font-variant-numeric:normal;display:block}.cell-actions{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-table tr.is-inactive td{color:var(--text-muted)}.data-table tr.is-inactive .cell-main{color:var(--text-secondary)}.key-mask{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px}.avatar-sm,.org-mark{width:28px;height:28px;font-size:var(--font-size-xs);font-weight:var(--weight-bold);font-family:var(--font-heading);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.avatar-sm--off{background:var(--bg-surface-sunken);color:var(--text-muted)}.avatar-lg{width:40px;height:40px;font-size:var(--font-size-xs)}.org-mark{border-radius:var(--radius-md);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-default);color:var(--text-secondary)}.row-id{align-items:center;gap:var(--space-3);min-width:0;display:flex}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-default);color:var(--text-secondary);white-space:nowrap;display:inline-flex}.chip small{font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:var(--weight-regular)}.chip--admin{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border);color:var(--color-primary);font-weight:var(--weight-semibold)}.role-toggle{font:inherit;font-size:var(--font-size-xs);font-weight:var(--weight-medium);padding:var(--space-1) 10px;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);min-height:30px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.role-toggle[aria-pressed=true]{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border);color:var(--color-primary);font-weight:var(--weight-semibold)}.role-toggle:focus-visible{box-shadow:var(--shadow-focus);outline:none}.role-toggle:disabled{opacity:.5;cursor:not-allowed}.role-toggle svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.role-toggle:not([aria-pressed=true]) svg{display:none}.callout{gap:var(--space-3);font-size:var(--font-size-xs);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface-sunken);color:var(--text-secondary);align-items:flex-start;display:flex}.callout svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px;margin-top:1px}.callout b{color:var(--text-primary)}.callout--warning{background:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--text-primary)}.callout--warning svg{color:var(--color-warning)}.callout--danger{background:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--text-primary)}.callout--danger svg{color:var(--color-danger)}.banner-inactive{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-warning-subtle);border-bottom:var(--border-width-thin) solid var(--color-warning);font-size:var(--font-size-sm);color:var(--text-primary);flex-wrap:wrap;display:flex}.banner-inactive svg{width:16px;height:16px;color:var(--color-warning);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.banner-inactive span{color:var(--text-secondary)}dialog.modal{width:min(560px, calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-10));background:var(--bg-surface);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:0;overflow:hidden}dialog.modal[open]{flex-direction:column;display:flex}dialog.modal::backdrop{background:var(--bg-overlay)}dialog.modal--wide{width:min(680px, calc(100vw - var(--space-8)))}dialog.modal--drawer{border-width:0 0 0 var(--border-width-thin);border-radius:0;width:min(620px,100vw);height:100dvh;max-height:none;margin:0 0 0 auto}.modal-head{padding:var(--space-5) var(--space-6) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.modal-lede{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.modal-body{padding:var(--space-2) var(--space-6) var(--space-5);gap:var(--space-4);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.modal-foot{padding:var(--space-4) var(--space-6);border-top:var(--border-width-thin) solid var(--border-subtle);justify-content:flex-end;gap:var(--space-2);background:var(--bg-surface-sunken);flex-wrap:wrap;align-items:center;display:flex}.modal-foot .grow{font-size:var(--font-size-xs);color:var(--text-muted);margin-right:auto}.modal-list{padding-left:var(--space-5);font-size:var(--font-size-sm);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.modal-list b{color:var(--text-primary)}.secret-box{align-items:center;gap:var(--space-2);background:var(--bg-surface-sunken);border:var(--border-width-thin) dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);display:flex}.secret-box code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all;line-height:var(--leading-snug);-webkit-user-select:all;user-select:all;flex:1}.kv{gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);grid-template-columns:110px 1fr;margin:0;display:grid}.kv dt{color:var(--text-muted)}.kv dd{color:var(--text-primary);word-break:break-word;min-width:0;margin:0}.membership{border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface)}.membership-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-subtle);flex-wrap:wrap;display:flex}.membership-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.game-role-row{gap:var(--space-3);padding:var(--space-2) 0;border-top:var(--border-width-thin) solid var(--border-subtle);grid-template-columns:170px 1fr;align-items:center;display:grid}.game-role-row:first-child{border-top:0}.game-role-row.is-off .check-row{opacity:.7}.section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);font-weight:var(--weight-semibold)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row-wrap{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.audit-diff{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.audit-diff s{color:var(--text-muted)}.audit-diff b{color:var(--text-primary);font-weight:var(--weight-medium)}.audit-action{font-weight:var(--weight-medium);color:var(--text-primary);font-variant-numeric:normal;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.audit-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.audit-dot--key{background:var(--color-warning)}.audit-dot--status{background:var(--text-muted)}.audit-dot--access{background:var(--color-info)}.audit-dot--create{background:var(--color-success)}.audit-dot--denied{background:var(--color-danger)}.pager{font-size:var(--font-size-xs);color:var(--text-muted);padding-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.btn-spinner{border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--color-primary-subtle-border);border-top-color:var(--color-primary);width:14px;height:14px;animation:.9s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn-spinner{animation:none}}.input-lock{position:relative}.input-lock svg{right:var(--space-3);width:15px;height:15px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.action-error{margin-bottom:var(--space-3)}.mock-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);background:var(--color-info-subtle);border-bottom:var(--border-width-thin) solid var(--color-info);font-size:var(--font-size-xs);color:var(--text-primary);flex-wrap:wrap;display:flex}.mock-bar select{font:inherit;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);color:var(--text-primary)}@media (width<=639px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.game-role-row{grid-template-columns:1fr}.banner-inactive,.mock-bar{padding-inline:var(--space-4)}}.mock-bar svg{width:16px;height:16px;color:var(--color-info);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media (pointer:coarse){.btn,.btn--sm,.role-toggle,.input{min-height:var(--tap-min)}.input{font-size:var(--font-size-base)}}.admin-cards{gap:var(--space-2);flex-direction:column;display:flex}.admin-card{gap:var(--space-3);padding:var(--space-4);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.admin-card.is-inactive{background:var(--bg-surface-sunken)}.admin-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.admin-card-top .cell-main,.admin-card-top .cell-sub{overflow-wrap:anywhere}.admin-card-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-card-meta{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-card-meta>div{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-card-meta .span-all{grid-column:1/-1}.admin-card-meta small{font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.admin-card-meta b{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-primary);overflow-wrap:anywhere}.admin-card-meta .pill{align-self:flex-start}.admin-card-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-card-actions>:last-child:nth-child(odd){grid-column:1/-1}.toolbar-selects{display:contents}.audit-card-time{justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);display:flex}.audit-card-who{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.audit-card-more{gap:var(--space-2);text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);flex-direction:column;display:flex}@media (width<=639px){dialog.modal,dialog.modal--wide{width:100%;max-width:100%;max-height:var(--sheet-max-h);border-width:var(--border-width-thin) 0 0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;animation:sheet-up var(--duration-base) var(--ease-emphasized);margin:auto 0 0}dialog.modal--drawer{border-width:0;border-radius:0;height:100dvh;max-height:none;margin:0}.modal-head{padding:var(--space-4) var(--space-4) var(--space-2)}.modal-body{padding:var(--space-2) var(--space-4) var(--space-4)}.modal-foot{padding:var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-bottom))}.modal-foot .grow{flex-basis:100%;margin-right:0}.modal-foot .btn{min-height:calc(var(--tap-min) + var(--space-1));flex:1 1 0}.modal-head .dash-icon-btn{width:var(--tap-min);height:var(--tap-min);flex:none}.role-toggle{min-width:var(--tap-min);justify-content:center}.toolbar-selects{gap:var(--space-2);display:flex}.toolbar-selects .filter-dropdown{flex:1 1 0;min-width:0}.toolbar-selects .dash-select-btn{width:100%;min-height:var(--tap-min);justify-content:space-between}.btn,.btn--sm,.role-toggle,.input,.check-row{min-height:var(--tap-min)}.check-row{align-items:center}.check-row input{width:20px;height:20px;margin-top:0}.page-head>.btn,.page-head .row-wrap .btn{width:100%;min-height:calc(var(--tap-min) + var(--space-1))}.page-head .row-wrap{flex-direction:column;align-items:stretch}.toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.search-box{flex:none;width:100%;max-width:none}.secret-box{flex-direction:column;align-items:stretch}.secret-box .btn{width:100%;min-height:calc(var(--tap-min) + var(--space-1))}.kv{grid-template-columns:92px minmax(0,1fr)}.audit-card-more .btn{min-height:calc(var(--tap-min) + var(--space-1))}}@media (prefers-reduced-motion:reduce){dialog.modal{animation:none}}.dash-topbar.dash-topbar--phone{align-items:center;gap:var(--space-2);padding:calc(var(--space-3) + var(--safe-top)) var(--space-4) var(--space-3);flex-wrap:nowrap;display:flex}.dash-topbar--phone .dash-header-logo{--logo-h:36px;flex:none;margin-left:0}.dash-topbar--phone .dash-topbar-actions{flex:none;margin-left:0}.dash-filters-btn{align-items:center;gap:var(--space-2);min-width:0;height:var(--tap-min);padding:0 var(--space-3);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;flex:1 1 0;display:flex}.dash-filters-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dash-filters-btn>svg{width:18px;height:18px;color:var(--text-secondary);flex:none}.dash-filters-summary{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.dash-freshness-strip{padding:var(--space-3) var(--space-4) 0}.dash-freshness-strip .dash-freshness{line-height:var(--leading-snug);margin-right:0}.dash-app--phone .banner-inactive{margin:var(--space-3) var(--space-4) 0;border-radius:var(--radius-md)}.dash-app--phone .dash-content{padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--bottom-inset))}.dash-bottom-bar{left:var(--safe-left);right:var(--safe-right);z-index:var(--z-fixed);padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:var(--border-width-thin) solid var(--border-subtle);display:flex;position:fixed;bottom:0}.dash-tab{min-width:0;min-height:var(--bottom-bar-h);padding:0 var(--space-1);color:var(--text-secondary);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.dash-tab svg{flex:none;width:22px;height:22px}.dash-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow:hidden}.dash-tab[aria-current=page],.dash-tab[data-active]{color:var(--color-primary)}.dash-tab[aria-current=page] .dash-tab-label,.dash-tab[data-active] .dash-tab-label{font-weight:var(--weight-semibold)}.dash-tab[aria-current=page]:before,.dash-tab[data-active]:before{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:28px;height:2px;margin-left:-14px;position:absolute;top:0;left:50%}.dash-tab:focus-visible{box-shadow:inset var(--shadow-focus);outline:none}.sheet-section{flex-direction:column;display:flex}.sheet-section-label{padding:var(--space-1) var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);margin:0}.sheet-options{border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.sheet-options>:last-child{border-bottom:none}.sheet-option,.sheet-link{align-items:center;gap:var(--space-3);width:100%;min-height:calc(var(--tap-min) + var(--space-2));padding:var(--space-2) var(--space-4);box-sizing:border-box;border:none;border-bottom:var(--border-width-thin) solid var(--border-subtle);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;text-decoration:none;display:flex}.sheet-option:focus-visible,.sheet-link:focus-visible,.sheet-chip:focus-visible,.sheet-done:focus-visible,.sheet-logout:focus-visible{box-shadow:inset var(--shadow-focus);outline:none}.sheet-option[aria-checked=true]{background:var(--color-primary-subtle)}.sheet-link[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary)}.sheet-link>svg:first-child{flex:none;width:20px;height:20px}.sheet-link-label{min-width:0;font-size:var(--font-size-base);font-weight:var(--weight-medium);flex:1 1 0}.sheet-link-chev{width:16px;height:16px;color:var(--text-muted);flex:none}.sheet-option--muted{opacity:.72}.sheet-option-text{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:1px;min-width:0;display:flex}.sheet-option-label{font-size:var(--font-size-base);font-weight:var(--weight-medium)}.sheet-option-sub{font-size:var(--font-size-xs);color:var(--text-secondary)}.sheet-option-check{width:18px;height:18px;color:var(--color-primary);flex:none}.sheet-option-group{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);background:var(--bg-surface-sunken);border-bottom:var(--border-width-thin) solid var(--border-subtle)}.sheet-chips{gap:var(--space-2);display:grid}.sheet-chips--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-chips--auto{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.sheet-chip{min-height:calc(var(--tap-min) + var(--space-1));padding:var(--space-1) var(--space-2);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.sheet-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.sheet-chip:disabled{opacity:.45;cursor:not-allowed}.sheet-chip-label{font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.sheet-chip-sub{font-size:var(--font-size-xs);opacity:.75}.sheet-hint{gap:var(--space-2);margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-info-subtle);color:var(--text-primary);font-size:var(--font-size-xs);line-height:var(--leading-normal);display:flex}.sheet-hint svg{width:16px;height:16px;color:var(--color-info);flex:none;margin-top:1px}.sheet-done{width:100%;min-height:calc(var(--tap-min) + var(--space-1));border-radius:var(--radius-md);background:var(--color-primary);color:var(--on-primary);font:inherit;font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;border:none}@media (hover:hover){.sheet-done:hover{background:var(--color-primary-hover)}}.sheet-user{align-items:center;gap:var(--space-3);display:flex}.sheet-user .dash-avatar{flex:none;width:36px;height:36px}.sheet-user-text{min-width:0;line-height:var(--leading-snug);flex-direction:column;flex:1 1 0;display:flex}.sheet-user-name{overflow-wrap:anywhere;font-size:var(--font-size-sm);font-weight:var(--weight-semibold)}.sheet-user-role{font-size:var(--font-size-xs);color:var(--text-secondary)}.sheet-logout{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;flex:none;display:flex}.sheet-logout svg{width:18px;height:18px}.sheet-layer{z-index:var(--z-modal);position:fixed;inset:0}.sheet-backdrop{background:var(--bg-overlay);animation:sheet-fade var(--duration-base) var(--ease-standard);position:absolute;inset:0}.sheet{left:var(--safe-left);right:var(--safe-right);max-height:var(--sheet-max-h);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:var(--shadow-xl);animation:sheet-up var(--duration-base) var(--ease-emphasized);flex-direction:column;display:flex;position:absolute;bottom:0}.sheet-grabber{width:36px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--border-default);flex:none;align-self:center}.sheet-header{padding:var(--space-1) var(--space-2) var(--space-1) var(--space-5);flex:none;justify-content:space-between;align-items:center;display:flex}.sheet-header h2{font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--weight-semibold);margin:0}.sheet-close{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sheet-close svg{width:20px;height:20px}.sheet-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sheet-layer--drawer .sheet-body{padding:0 var(--space-3) var(--space-3);gap:var(--space-4)}.sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) var(--space-3);gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.sheet-footer{padding:var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-bottom));border-top:var(--border-width-thin) solid var(--border-subtle);background:var(--bg-surface);flex:none}.sheet-layer--drawer .sheet{top:0;bottom:0;right:auto;left:var(--safe-left);width:var(--sidebar-w);border-right:var(--border-width-thin) solid var(--border-default);max-height:none;animation:sheet-in-left var(--duration-base) var(--ease-emphasized);border-radius:0}.sheet-layer--drawer .sheet-header{padding-left:var(--space-4)}.sheet-layer--drawer .sheet-footer{padding-bottom:calc(var(--space-4) + var(--safe-bottom))}@keyframes sheet-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-layer--drawer .sheet,.sheet-backdrop{animation:none}}.filter-dropdown{position:relative}.filter-dropdown-panel{top:calc(100% + var(--space-2));background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-lg);padding:var(--space-2);gap:var(--space-1);z-index:var(--z-dropdown);flex-direction:column;display:flex;position:absolute;left:0}.filter-dropdown-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:none;font-family:inherit;display:flex}@media (hover:hover){.filter-dropdown-option:hover{background:var(--bg-surface-sunken)}}.filter-dropdown-option[aria-selected=true]{background:var(--color-primary-subtle)}.filter-dropdown-check{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.filter-dropdown-option-text{flex-direction:column;min-width:0;display:flex}.filter-dropdown-option-label{font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.filter-dropdown-option[aria-selected=true] .filter-dropdown-option-label{color:var(--color-primary);font-weight:var(--weight-semibold)}.filter-dropdown-option-sub{font-size:var(--font-size-xs);color:var(--text-muted)}.dash-select-btn:disabled{color:var(--text-muted);cursor:not-allowed}.filter-dropdown-hint{top:calc(100% + var(--space-2));width:max-content;max-width:260px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:none;position:absolute;left:0}.filter-dropdown:hover .filter-dropdown-hint,.filter-dropdown:focus-within .filter-dropdown-hint{display:block}.filter-dropdown-group{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-2) var(--space-1)}.filter-dropdown-divider{border:0;border-top:var(--border-width-thin) solid var(--border-subtle);margin:var(--space-1) 0}.filter-dropdown-option--muted .filter-dropdown-option-label{color:var(--text-muted)}.filter-dropdown-option .pill{margin-left:auto}@media (pointer:coarse){.filter-dropdown-option{min-height:var(--tap-min)}}.dash-rail{width:var(--rail-w);box-sizing:border-box;align-items:center;gap:var(--space-1);height:100dvh;padding:var(--space-3) var(--space-2);background:var(--bg-surface);border-right:var(--border-width-thin) solid var(--border-subtle);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:none;display:flex;position:sticky;top:0;overflow-y:auto}.dash-rail::-webkit-scrollbar{display:none}.dash-rail-head{z-index:1;align-items:center;gap:var(--space-1);width:100%;margin-top:calc(-1 * var(--space-3));padding:var(--space-3) 0 var(--space-2);background:var(--bg-surface);border-bottom:var(--border-width-thin) solid var(--border-subtle);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.dash-rail-mark{margin-bottom:var(--space-1)}.dash-rail-nav,.dash-rail-group{align-items:center;gap:var(--space-1);flex-direction:column;width:100%;display:flex}.dash-rail-group+.dash-rail-group{margin-top:var(--space-1);padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--border-subtle)}.dash-rail-item{width:calc(var(--rail-w) - 2 * var(--space-2));height:var(--tap-min);box-sizing:border-box;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.dash-rail-item svg{width:20px;height:20px}@media (hover:hover){.dash-rail-item:hover{background:var(--bg-surface-sunken);color:var(--text-primary)}}.dash-rail-item[aria-current=page]{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border);color:var(--color-primary)}.dash-rail-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dash-rail-avatar{flex:none;width:32px;height:32px;margin-top:auto}@media (height<=820px){.dash-rail{gap:2px}.dash-rail .dash-rail-mark,.dash-rail .dash-rail-avatar{display:none}.dash-rail-nav,.dash-rail-group{gap:2px}.dash-rail-group+.dash-rail-group{padding-top:var(--space-1);margin-top:2px}}.sheet-layer--drawer .dash-nav-item{min-height:var(--tap-min);box-sizing:border-box}.sheet-layer--drawer .dash-nav-group-label{padding-top:var(--space-1)}.dash-topbar--tablet .dash-topbar-fresh{margin-top:var(--space-2);grid-column:1/-1;display:flex}.dash-topbar--tablet .dash-freshness{margin-right:0}.refresh-wrap{align-items:center;gap:var(--space-3);display:flex;position:relative}.refresh-caption{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.refresh-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:118px;height:36px;padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);line-height:1;display:inline-flex}.refresh-btn svg{flex:none;width:16px;height:16px}@media (hover:hover){.refresh-btn:hover{color:var(--color-primary);border-color:var(--color-primary-subtle-border);background:var(--color-primary-subtle)}}.refresh-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.refresh-btn--loading,.refresh-btn--loading:hover{color:var(--color-primary);border-color:var(--color-primary-subtle-border);background:var(--color-primary-subtle);cursor:progress}.refresh-btn--loading svg{animation:.9s linear infinite refresh-spin}.refresh-btn--success,.refresh-btn--success:hover{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-subtle);cursor:default}.refresh-btn--cooldown,.refresh-btn--cooldown:hover{color:var(--text-secondary);border-color:var(--border-default);background:var(--bg-surface-sunken);cursor:not-allowed}.refresh-btn--warn,.refresh-btn--warn:hover{color:var(--color-warning);border-color:var(--color-warning);background:var(--color-warning-subtle);cursor:not-allowed}.refresh-btn--error,.refresh-btn--error:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-subtle)}.refresh-btn--off,.refresh-btn--off:hover{color:var(--text-muted);border-color:var(--border-default);background:var(--bg-surface-sunken);cursor:not-allowed}.refresh-btn-count{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.refresh-btn--loading svg{animation:none}}.refresh-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.refresh-tip{top:calc(100% + var(--space-2));width:280px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);text-align:left;display:none;position:absolute;right:0}@media (hover:hover){.refresh-wrap:hover .refresh-tip,.refresh-wrap:focus-within .refresh-tip{display:block}}.refresh-wrap--tip .refresh-tip{display:block}.refresh-tip b{color:var(--text-primary);font-weight:var(--weight-semibold);margin-bottom:2px;display:block}.refresh-tip-meta{margin-top:var(--space-2);font-family:var(--font-mono);color:var(--text-muted);display:block}@media (width<=639px){.refresh-btn{width:36px;min-width:0;padding:0}.refresh-btn-label,.refresh-btn-unit,.refresh-caption{display:none}}@media (pointer:coarse){.refresh-btn{height:var(--tap-min)}}@media (pointer:coarse) and (width<=639px){.refresh-btn{width:var(--tap-min)}}.dash-app{min-height:100dvh;display:flex}.dash-sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:var(--border-width-thin) solid var(--border-subtle);padding:var(--space-5) var(--space-3);gap:var(--space-6);overscroll-behavior:contain;flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.dash-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.dash-brand-mark{border-radius:var(--radius-md);background:var(--color-primary);width:30px;height:30px;color:var(--on-primary);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-brand-name{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--tracking-tight)}.dash-brand-sub{font-size:var(--font-size-xs);color:var(--text-muted)}.dash-nav-group{gap:var(--space-1);flex-direction:column;display:flex}.dash-nav-group-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);padding:var(--space-2) var(--space-2) var(--space-1);font-weight:var(--weight-semibold)}.dash-nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;border:var(--border-width-thin) solid transparent;text-align:left;width:auto;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;text-decoration:none;display:flex}.dash-nav-item svg{opacity:.85;flex-shrink:0;width:17px;height:17px}@media (hover:hover){.dash-nav-item:hover{background:var(--bg-surface-sunken);color:var(--text-primary)}}.dash-nav-item[aria-current=page]{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border);color:var(--color-primary);font-weight:var(--weight-semibold)}.dash-nav-item[aria-current=page] svg{opacity:1}.dash-sidebar-footer{align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:var(--border-width-thin) solid var(--border-subtle);padding-top:var(--space-4);margin-top:auto;display:flex}.dash-avatar{border-radius:var(--radius-full);background:var(--color-primary-subtle);width:28px;height:28px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--weight-bold);font-family:var(--font-heading);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-sidebar-footer-text{line-height:var(--leading-snug);flex-direction:column;min-width:0;display:flex}.dash-sidebar-footer-name{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-sidebar-footer-role{font-size:var(--font-size-xs);color:var(--text-muted)}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-topbar{z-index:var(--z-sticky);align-items:start;column-gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--bg-surface);border-bottom:var(--border-width-thin) solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid;position:sticky;top:0}.dash-topbar-filters{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.dash-select-btn{align-items:center;gap:var(--space-2);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);padding:7px var(--space-3);font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;display:flex}.dash-chev{width:13px;height:13px;color:var(--text-muted);margin-left:2px}.dash-dim{color:var(--text-muted);font-weight:var(--weight-regular)}.dash-freshness{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);padding:6px var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface-sunken);margin-right:auto;display:flex}.dash-freshness-dot{border-radius:var(--radius-full);background:var(--color-success);width:7px;height:7px;box-shadow:0 0 0 3px var(--color-success-subtle);flex-shrink:0}.dash-freshness--stale .dash-freshness-dot{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-subtle)}.dash-freshness--none .dash-freshness-dot{background:var(--text-muted);box-shadow:none}.dash-topbar-actions{align-items:center;gap:var(--space-2);margin-left:var(--space-2);flex-shrink:0;display:flex}.dash-icon-btn{border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}@media (hover:hover){.dash-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary-subtle-border);background:var(--color-primary-subtle)}}.dash-icon-btn svg{width:16px;height:16px}@media (pointer:coarse){.dash-icon-btn{width:var(--tap-min);height:var(--tap-min)}.dash-select-btn{min-height:var(--tap-min)}}.dash-header-logo{--logo-h:28px;margin-left:var(--space-1)}.dash-content{padding:var(--space-6);gap:var(--space-6);flex-direction:column;max-width:1280px;display:flex}.dash-freshness--inactive{color:var(--text-muted)}.dash-freshness--inactive .dash-freshness-dot{background:var(--text-muted);box-shadow:none}.dash-spacer{margin-right:auto}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head-text{flex-direction:column;gap:2px;display:flex}.page-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.page-lede{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.refresh-chip{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono);padding:5px var(--space-3);border-radius:var(--radius-full);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-subtle);flex-shrink:0;align-items:center;gap:6px;display:flex}.refresh-chip svg{width:12px;height:12px}.refresh-chip-live{border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0;width:6px;height:6px}.refresh-chip--paused{color:var(--text-secondary);border:var(--border-width-thin) dashed var(--border-strong)}.page-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.range-chip{font-size:var(--font-size-xs);color:var(--text-primary);font-family:var(--font-mono);padding:5px var(--space-3);border-radius:var(--radius-full);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-default);align-items:center;gap:6px;display:flex}.range-chip svg{flex-shrink:0;width:12px;height:12px}.range-chip--none{color:var(--text-muted);background:var(--bg-surface-sunken)}.segment{border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);align-self:flex-start;display:inline-flex;overflow:hidden}.segment button{font:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border:0}.segment button+button{border-left:var(--border-width-thin) solid var(--border-default)}.segment button[aria-pressed=true]{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-semibold)}.segment button:focus-visible{outline:var(--border-width-medium) solid var(--color-primary);outline-offset:-2px}@media (pointer:coarse){.segment button{min-height:var(--tap-min)}}.single-value{gap:var(--space-1);padding-block:var(--space-3);flex-direction:column;display:flex}.single-value-num{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.kpi-grid--3{grid-template-columns:repeat(3,1fr)}.kpi-grid--5{grid-template-columns:repeat(5,1fr)}.kpi-grid--2{grid-template-columns:repeat(2,1fr)}.chart-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.chart-row--1-2{grid-template-columns:1fr 1.4fr}.chart-row:has(>.panel:only-child){grid-template-columns:1fr}.summary-row{gap:var(--space-4);grid-template-columns:1.05fr 1.4fr;display:grid}.bar-list{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.bar-item{gap:var(--space-1);flex-direction:column;display:flex}.bar-item-head{font-size:var(--font-size-xs);justify-content:space-between;display:flex}.bar-item-head .name{font-weight:var(--weight-medium);align-items:center;gap:6px;display:flex}.bar-item-head .val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.bar-track{border-radius:var(--radius-full);background:var(--bg-surface-sunken);height:8px;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%}.table-scroll{overscroll-behavior-x:contain;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.data-table th{text-align:left;font-weight:var(--weight-semibold);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:0 var(--space-2) var(--space-2);border-bottom:var(--border-width-thin) solid var(--border-default);white-space:nowrap}.data-table td{padding:var(--space-2);border-bottom:var(--border-width-thin) solid var(--border-subtle);font-variant-numeric:tabular-nums;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.num,.data-table th.num{text-align:right}.network-cell{font-variant-numeric:normal;font-weight:var(--weight-medium);align-items:center;gap:7px;display:flex}.network-dot{border-radius:2px;flex-shrink:0;width:7px;height:7px}.pill{font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);padding:2px 7px;display:inline-block}.pill--good{background:var(--color-success-subtle);color:var(--color-success)}.pill--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.pill--critical{background:var(--color-danger-subtle);color:var(--color-danger)}.pill--info{background:var(--color-info-subtle);color:var(--color-info)}.pill--muted{background:var(--bg-surface-sunken);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-default)}.revenue-locked{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-surface-sunken);border:var(--border-width-thin) dashed var(--border-default);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);display:flex}.revenue-locked svg{flex-shrink:0;width:18px;height:18px}.data-state{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-surface-sunken);border:var(--border-width-thin) dashed var(--border-default);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);text-align:center}.data-state--error{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-subtle)}.data-state code{font-family:var(--font-mono);color:var(--text-secondary)}.principle-note{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-surface-sunken);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:flex-start;display:flex}.principle-note svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0;margin-top:1px}@media (width<=1080px){.kpi-grid,.kpi-grid--3,.kpi-grid--5,.kpi-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-row,.chart-row--1-2,.summary-row{grid-template-columns:minmax(0,1fr)}}@media (width>=900px) and (width<=1024px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid--2,.chart-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-row--1-2{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.summary-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr)}}.show-phone{display:none}@media (width<=639px){.show-phone{display:block}.hide-phone{display:none}.page-head{align-items:stretch;gap:var(--space-2);flex-direction:column}.page-title{font-size:var(--font-size-lg)}.range-chip{min-width:0;line-height:var(--leading-snug)}.kpi-grid,.kpi-grid--3,.kpi-grid--5,.kpi-grid--2{gap:var(--space-2)}.kpi-grid>.kpi-card:last-child:nth-child(odd){grid-column:1/-1}.chart-row,.chart-row--1-2,.summary-row{gap:var(--space-4)}.bar-list{gap:var(--space-3)}.table-scroll{margin-inline:calc(var(--space-1) * -1);padding-inline:var(--space-1)}.data-table td{padding:var(--space-3) var(--space-2)}.data-table th{padding-bottom:var(--space-2)}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.segment{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:stretch;display:grid}.segment button{min-height:var(--tap-min)}}.row-cards{gap:var(--space-2);flex-direction:column;display:flex}.row-card{gap:var(--space-3);padding:var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;display:flex}.row-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.row-card-name{min-width:0;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);overflow-wrap:anywhere}.row-card-metrics{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.row-card-metrics>div{flex-direction:column;gap:1px;min-width:0;display:flex}.row-card-metrics small{font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.row-card-metrics b{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.row-card-foot{padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.kpi-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;display:flex}.kpi-label-row{justify-content:space-between;align-items:center;display:flex}.kpi-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.kpi-badge{font-size:var(--font-size-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);border-radius:var(--radius-full);padding:1px 6px}.kpi-badge--estimated{background:var(--bg-surface-sunken);color:var(--text-muted);border:var(--border-width-thin) dashed var(--border-strong)}.kpi-badge--final{background:var(--color-primary-subtle);color:var(--color-primary)}.kpi-value{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.kpi-value--muted{color:var(--text-secondary)}.kpi-delta{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);display:flex}.kpi-delta svg{width:11px;height:11px}.kpi-delta--up{color:var(--color-success)}.kpi-delta--down{color:var(--color-danger)}.kpi-delta-note{color:var(--text-muted);font-weight:var(--weight-regular)}.kpi-badge--reported{background:var(--color-success-subtle);color:var(--color-success)}.kpi-value--good{color:var(--color-success)}.kpi-value--warning{color:var(--color-warning)}.kpi-sub{font-size:var(--font-size-xs);color:var(--text-muted)}@media (width<=639px){.kpi-card{padding:var(--space-3);gap:var(--space-1);min-width:0}.kpi-label-row{align-items:flex-start;gap:var(--space-2)}.kpi-label{line-height:var(--leading-snug);overflow-wrap:anywhere}.kpi-badge{white-space:nowrap;flex:none}.kpi-value{font-size:var(--font-size-md);overflow-wrap:anywhere}}.panel{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.panel-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.panel-title{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);display:flex}.panel-title-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:1px}.legend-row{gap:var(--space-4);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-dot--round{border-radius:var(--radius-full)}@media (width<=639px){.panel{padding:var(--space-4);min-width:0}.panel-head{align-items:stretch;gap:var(--space-2);flex-direction:column}.panel-title{flex-wrap:wrap}.legend-row{gap:var(--space-1) var(--space-3);flex-wrap:wrap}}.area-chart-wrap,.area-chart-plot{position:relative}.area-chart-svg{cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;display:block;overflow:visible}.area-chart-xlabels{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);justify-content:space-between;display:none}.area-chart-readout{min-height:40px;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--text-primary);color:var(--bg-surface);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;gap:2px;display:flex}.area-chart-readout .rd-row{align-items:center;gap:var(--space-2);display:flex}.area-chart-readout .rd-dim{opacity:.7}.area-chart-readout--idle{background:var(--bg-surface-sunken);color:var(--text-muted);border:var(--border-width-thin) dashed var(--border-default);align-items:center}@media (width<=639px){.area-chart-xlabels{display:flex}}.area-chart-tooltip{pointer-events:none;background:var(--text-primary);color:var(--bg-surface);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:var(--z-tooltip);padding:6px 9px;position:absolute;transform:translate(-50%,-110%)}.area-chart-tooltip .tt-row{gap:var(--space-2);justify-content:space-between;display:flex}.area-chart-tooltip .tt-row+.tt-row{margin-top:2px}.area-chart-tooltip .tt-dim{opacity:.65}.ce-layout{gap:var(--space-4);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.ce-detail{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ce-select{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ce-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.ce-cat{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.ce-cat-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.ce-search{flex:none;max-width:none}.ce-status{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:stretch;display:grid}.ce-status button{font-size:var(--font-size-xs);padding-inline:var(--space-1)}.ce-list{margin-inline:calc(var(--space-2) * -1);flex-direction:column;gap:2px;display:flex}.ce-row{gap:2px var(--space-3);width:100%;padding:var(--space-2);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.ce-row:focus-visible{outline:var(--border-width-medium) solid var(--color-primary);outline-offset:-2px}.ce-row-label{min-width:0;font-size:var(--font-size-sm);font-weight:var(--weight-medium);align-items:center;gap:6px;display:flex}.ce-row-title,.ce-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ce-row-name{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-secondary)}.ce-row-num{font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right}.ce-row-ago{font-size:var(--font-size-2xs);color:var(--text-secondary);text-align:right;white-space:nowrap}.ce-row[aria-current=true]{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle-border)}.ce-row[aria-current=true] .ce-row-label{color:var(--color-primary);font-weight:var(--weight-semibold)}.ce-row--off .ce-row-title,.ce-row--off .ce-row-num{color:var(--text-secondary)}@media (hover:hover){.ce-row:hover:not([aria-current=true]){background:var(--bg-surface-sunken)}}.ce-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.ce-head-text{min-width:0}.ce-title{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;display:flex}.ce-code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);overflow-wrap:anywhere}.ce-desc{margin:var(--space-1) 0 0;max-width:60ch;font-size:var(--font-size-xs);color:var(--text-secondary)}.ce-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ce-back{min-height:var(--tap-min);margin-bottom:var(--space-1);color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.ce-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ce-stats{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ce-stats>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface-sunken)}.ce-stats small{font-size:var(--font-size-2xs);color:var(--text-secondary);display:block}.ce-stats b{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.ce-callout{margin-bottom:var(--space-3)}.ce-foot{margin:var(--space-3) 0 0}.ce-pin{align-items:center;gap:var(--space-1);color:var(--color-info);font-weight:var(--weight-semibold);white-space:nowrap;display:inline-flex}.ce-pin svg{width:12px;height:12px}.ce-dim{color:var(--text-secondary)}.ce-type{font-family:var(--font-mono);font-size:var(--font-size-2xs);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface-sunken);color:var(--text-secondary);white-space:nowrap;padding:2px 6px}.ce-prop-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.ce-prop-list{flex-direction:column;display:flex}.ce-prop-item{gap:var(--space-2);padding-block:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-subtle);flex-direction:column;display:flex}.ce-prop-item:last-child{border-bottom:0;padding-bottom:0}.ce-prop-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ce-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.ce-text b{color:var(--text-primary)}.ce-block{display:block}.ce-empty{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.ce-empty b{color:var(--text-primary)}.ce-empty>span{max-width:58ch}.ce-empty-note{font-size:var(--font-size-xs)}.ce-snippet{max-width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:left;margin:0;overflow-x:auto}.ce-limit-row{justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-xs);display:flex}.ce-limit-bar{border-radius:var(--radius-full);background:var(--bg-surface-sunken);height:10px;margin-top:6px;overflow:hidden}.ce-limit-fill{border-radius:var(--radius-full);background:var(--chart-series-1);height:100%}.ce-limit-fill--near{background:var(--color-warning)}@media (pointer:coarse){.ce-row{min-height:var(--tap-min)}}@media (width<=639px){.ce-row{padding-block:var(--space-3)}.ce-actions,.ce-controls{width:100%}.ce-actions .btn{min-height:var(--tap-min);flex:1}.ce-controls .filter-dropdown,.ce-controls .dash-select-btn{width:100%}.ce-controls .dash-select-btn{min-height:var(--tap-min);justify-content:space-between}.ce-stats{gap:var(--space-2)}}.filter-bar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.search-input-wrap{flex:1;min-width:220px;position:relative}.search-input-wrap svg{width:14px;height:14px;color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--bg-surface-sunken);color:var(--text-primary);font-size:var(--font-size-sm)}.search-input:focus{border-color:var(--color-primary);background:var(--bg-surface);outline:none}.event-count{font-size:var(--font-size-xs);color:var(--text-muted)}.vtable-scroll{border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow-y:auto}.vtable{table-layout:fixed}.vtable thead th{background:var(--bg-surface);z-index:var(--z-sticky);position:sticky;top:0}.vtable td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-ts{font-family:var(--font-mono);color:var(--text-muted);text-align:left}.event-install{font-family:var(--font-mono);color:var(--text-secondary)}.event-name{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px 6px}.event-props{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;display:block;overflow:hidden}.vtable-row--openable{cursor:pointer}.event-name--btn{cursor:pointer;border:none}.event-name--btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (pointer:coarse){.search-input{min-height:var(--tap-min);font-size:var(--font-size-base)}}.event-cards-frame{margin-top:var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.event-cards{position:relative}.event-card{box-sizing:border-box;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-3);border:none;border-bottom:var(--border-width-thin) solid var(--border-subtle);background:var(--bg-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex;position:absolute;top:0;left:0}.event-card:focus-visible{box-shadow:inset var(--shadow-focus);outline:none}.event-card-line{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.event-card-meta{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.event-card-props{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-height:1.2em;overflow:hidden}.event-kv{gap:var(--space-2) var(--space-3);font-size:var(--font-size-sm);grid-template-columns:92px minmax(0,1fr);margin:0;display:grid}.event-kv dt{color:var(--text-muted)}.event-kv dd{font-family:var(--font-mono);font-size:var(--font-size-xs);overflow-wrap:anywhere;margin:0}.event-json{padding:var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-sunken);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.event-json--empty{font-family:inherit;font-size:var(--font-size-sm);color:var(--text-muted)}.duration-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.duration-axis,.duration-row{align-items:center;gap:var(--space-3);grid-template-columns:64px minmax(0,1fr) 200px;display:grid}.duration-ticks{height:var(--space-4);position:relative}.duration-tick{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-muted);white-space:nowrap;position:absolute;transform:translate(-50%)}.duration-tick:first-child{transform:none}.duration-tick:last-child{transform:translate(-100%)}.duration-level-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--weight-semibold)}.duration-track{border-radius:var(--radius-sm);background:var(--bg-surface-sunken);height:30px;position:relative}.duration-row.long .duration-track{outline:1.5px solid var(--color-warning);outline-offset:1px}.duration-gridline{width:var(--border-width-thin);background:var(--chart-grid);position:absolute;top:0;bottom:0}.duration-lane{height:0;position:absolute;left:0;right:0}.duration-lane--won{color:var(--chart-series-1);top:10px}.duration-lane--failed{color:var(--chart-series-2);top:21px}.duration-range{border-radius:var(--radius-sm);opacity:.3;background:currentColor;height:6px;position:absolute;top:-3px}.duration-dot{border-radius:var(--radius-full);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-surface-sunken);background:currentColor;margin-left:-5px;position:absolute;top:-5px}.duration-meta{font-size:var(--font-size-xs);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;display:flex}.duration-meta .median{font-weight:var(--weight-semibold);color:var(--text-primary)}.duration-meta .median.warn{color:var(--color-warning)}.duration-meta .rest{color:var(--text-muted)}.duration-swatch{flex-shrink:0;width:18px;height:10px;position:relative}.duration-swatch:before{content:"";border-radius:var(--radius-sm);opacity:.3;background:currentColor;position:absolute;inset:2px 0}.duration-swatch:after{content:"";border-radius:var(--radius-full);background:currentColor;width:10px;height:10px;position:absolute;top:0;left:0}.duration-swatch--won{color:var(--chart-series-1)}.duration-swatch--failed{color:var(--chart-series-2)}.duration-coverage{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-surface-sunken);border-radius:var(--radius-full);padding:2px var(--space-3);white-space:nowrap;display:inline-flex}.duration-coverage b{font-family:var(--font-mono);font-weight:var(--weight-semibold)}.duration-head-aside{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}@media (width<=1080px){.duration-axis,.duration-row{grid-template-columns:52px minmax(0,1fr) 140px}}@media (width>=900px) and (width<=1024px){.duration-axis,.duration-row{grid-template-columns:64px minmax(0,1fr) 200px}}@media (width<=639px){.duration-list{gap:0}.duration-axis{display:none}.duration-row{padding:var(--space-3) 0;border-bottom:var(--border-width-thin) solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label median""track track""rest rest";row-gap:6px}.duration-row:last-child{border-bottom:none}.duration-level-label{grid-area:label}.duration-track{grid-area:track;height:26px}.duration-lane--won{top:9px}.duration-lane--failed{top:18px}.duration-meta{display:contents}.duration-meta .median{text-align:right;grid-area:median}.duration-meta .rest{text-align:left;grid-area:rest}.duration-head-aside{align-items:flex-start}}.funnel-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.funnel-row{align-items:center;gap:var(--space-3);grid-template-columns:64px 1fr 168px;display:grid}.funnel-row.stuck .funnel-track{outline:1.5px solid var(--color-warning);outline-offset:1px}.funnel-level-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--weight-semibold)}.funnel-track{border-radius:var(--radius-sm);background:var(--bg-surface-sunken);height:26px;position:relative;overflow:hidden}.funnel-fill{background:var(--color-primary);border-radius:var(--radius-sm);align-items:center;height:100%;display:flex}.funnel-fill-label{padding-left:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--on-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.funnel-meta{font-size:var(--font-size-xs);text-align:right;flex-direction:column;gap:1px;display:flex}.funnel-meta .win{color:var(--color-success);font-weight:var(--weight-semibold)}.funnel-meta .lose{color:var(--text-muted)}@media (width<=1080px){.funnel-row{grid-template-columns:52px 1fr 120px}}@media (width>=900px) and (width<=1024px){.funnel-row{grid-template-columns:64px 1fr 168px}}.funnel-count{display:none}@media (width<=639px){.funnel-list{gap:0}.funnel-row{padding:var(--space-3) 0;border-bottom:var(--border-width-thin) solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label count""track track""meta meta";row-gap:6px}.funnel-row:last-child{border-bottom:none}.funnel-level-label{grid-area:label}.funnel-count{font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;grid-area:count;display:block}.funnel-track{grid-area:track;height:22px}.funnel-fill-label{display:none}.funnel-meta{text-align:left;font-size:var(--font-size-xs);flex-direction:row;grid-area:meta;justify-content:space-between}}.heatmap-wrap{overscroll-behavior-x:contain;margin-top:var(--space-2);overflow-x:auto}.heatmap-grid{width:100%;min-width:560px}.heatmap-row{grid-template-columns:84px repeat(8,1fr);gap:3px;margin-bottom:3px;display:grid}.heatmap-row-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);padding-right:var(--space-2);align-items:center;display:flex}.heatmap-head{font-size:var(--font-size-2xs);color:var(--text-muted);text-align:center;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.heatmap-cell{border-radius:var(--radius-sm);height:34px;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.heatmap-cell.empty{background:var(--bg-surface-sunken);color:var(--text-muted);font-weight:var(--weight-regular)}.heatmap-scale{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.heatmap-scale-swatch{border-radius:3px;width:14px;height:14px}.heatmap-scroll-hint{display:none}@media (width<=639px){.heatmap-wrap{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);padding-bottom:var(--space-1)}.heatmap-grid{width:max-content;min-width:0}.heatmap-row{grid-template-columns:72px repeat(8,44px)}.heatmap-row-label{z-index:1;background:var(--bg-surface);box-shadow:var(--shadow-edge);position:sticky;left:0}.heatmap-cell{height:40px}.heatmap-scroll-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.heatmap-scroll-hint svg{width:14px;height:14px}}