:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-light:#dbeafe;--color-primary-subtle:#eff6ff;--color-primary-text:#1e40af;--color-primary-alpha:#2563eb1f;--color-primary-alpha-weak:#2563eb0f;--color-success-alpha:#16a34a1a;--color-hero-surface:#ffffff26;--color-hero-border:#fff3;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success:#16a34a;--color-success-strong:#15803d;--color-success-light:#dcfce7;--color-success-text:#166534;--color-warning:#d97706;--color-warning-strong:#b45309;--color-warning-light:#fef3c7;--color-warning-text:#92400e;--color-error:#dc2626;--color-error-strong:#b91c1c;--color-error-light:#fee2e2;--color-error-text:#991b1b;--color-info:#0284c7;--color-info-strong:#0369a1;--color-info-light:#e0f2fe;--color-info-text:#075985;--color-background:#fff;--color-background-app:var(--color-neutral-50);--color-surface:#fff;--color-surface-subtle:var(--color-neutral-50);--color-surface-hover:var(--color-neutral-100);--color-surface-selected:var(--color-primary-subtle);--color-surface-raised:#f8fafc;--color-surface-overlay:#00000080;--color-border:#e2e8f0;--color-border-subtle:var(--color-neutral-100);--color-border-strong:#cbd5e1;--color-border-focus:var(--color-primary);--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-tertiary:var(--color-text-muted);--color-text-inverse:#fff;--color-text-link:#2563eb;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-label:.02em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-dock:0 -1px 4px #0000000a;--shadow-focus:0 0 0 3px var(--color-primary-light);--shadow-focus-error:0 0 0 3px var(--color-error-light);--shadow-ring-primary:0 0 0 2px var(--color-primary-alpha);--shadow-ring-border:0 0 0 2px var(--color-border);--shadow-selected:0 0 0 3px var(--color-primary-alpha);--elevation-raised:var(--shadow-xs);--elevation-floating:var(--shadow-md);--elevation-modal:var(--shadow-lg);--elevation-drawer:var(--shadow-xl);--elevation-hero:var(--shadow-sm);--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem;--icon-xl:2rem;--control-height-sm:2rem;--control-height-md:2.5rem;--control-height-lg:3rem;--touch-target-min:2.75rem;--header-height:52px;--dock-height:68px;--dock-item-min-width:3.75rem;--dock-item-min-width-tablet:4.25rem;--dock-item-min-width-desktop:4.5rem;--dock-item-max-width:7.5rem;--dock-item-max-width-lg:8.75rem;--dock-link-min-height:3.25rem;--dock-fade-width:1.5rem;--dock-label-size:.625rem;--dock-label-size-md:.6875rem;--dock-icon-box:1.5rem;--dock-link-min-width:3rem;--avatar-size:2rem;--avatar-size-sm:1.75rem;--width-compact:32rem;--width-document:52rem;--width-standard:64rem;--width-wide:72rem;--grid-columns:12;--grid-gutter:var(--space-4);--sidebar-width:240px;--sidebar-collapsed-width:64px;--bottom-nav-height:64px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}@media (prefers-color-scheme:dark){:root{--color-primary-light:#1e3a5f;--color-primary-subtle:#172554;--color-primary-text:#93c5fd;--color-primary-alpha:#93c5fd29;--color-success-strong:#4ade80;--color-success-light:#052e16;--color-success-text:#86efac;--color-warning-strong:#fbbf24;--color-warning-light:#451a03;--color-warning-text:#fcd34d;--color-error-strong:#f87171;--color-error-light:#450a0a;--color-error-text:#fca5a5;--color-info-strong:#38bdf8;--color-info-light:#082f49;--color-info-text:#7dd3fc;--color-background:#0f172a;--color-background-app:#0f172a;--color-surface:#1e293b;--color-surface-subtle:#263449;--color-surface-hover:#334155;--color-surface-selected:var(--color-primary-subtle);--color-surface-raised:#334155;--color-surface-overlay:#000000b3;--color-border:#334155;--color-border-subtle:#263449;--color-border-strong:#475569;--color-border-focus:#60a5fa;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-tertiary:var(--color-text-muted);--color-text-inverse:#fff;--color-text-link:#93c5fd;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-dock:0 -1px 4px #0006;--shadow-focus:0 0 0 3px var(--color-primary-light);--shadow-focus-error:0 0 0 3px var(--color-error-light);--shadow-ring-primary:0 0 0 2px var(--color-primary-alpha);--shadow-ring-border:0 0 0 2px var(--color-border);--shadow-selected:0 0 0 3px var(--color-primary-alpha)}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{min-height:100%;font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100vw;overflow-x:hidden}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.environment-identity{z-index:1000;border-block-end:1px solid color-mix(in srgb, currentColor 24%, transparent);color:#334155;letter-spacing:.06em;pointer-events:none;background:#f8fafc;justify-content:center;align-items:center;min-block-size:22px;font-size:11px;font-weight:700;line-height:1.2;display:flex;position:relative}.environment-identity[data-mode=local]{color:#92400e}.environment-identity[data-mode=staging]{color:#1d4ed8}.environment-identity[data-mode=unknown]{color:#b91c1c}