:root{--color-ink:#1c2c3e;--color-depth:#111a24;--color-brand:#1e3a5f;--color-brand-alt:#2d4156;--color-tone:#b87333;--color-canvas:#f4f5f7;--color-surface:#eaecef;--color-edge:#ffffff;--color-affirm:#2f7d57;--color-signal:#c0392b;--color-on-ink:#f4f5f7;--color-on-depth:#eaecef;--color-on-brand:#ffffff;--color-on-brand-alt:#eef1f5;--color-on-tone:#ffffff;--color-on-canvas:#1a1f2b;--color-on-surface:#1a1f2b;--color-on-edge:#1a1f2b;--color-on-affirm:#ffffff;--color-on-signal:#ffffff;--bg-primary:var(--color-canvas);--bg-secondary:var(--color-surface);--bg-card:var(--color-edge);--bg-input:var(--color-edge);--bg-hover:color-mix(in srgb,var(--color-brand) 6%,transparent);--text-primary:var(--color-on-canvas);--text-secondary:color-mix(in srgb,var(--color-on-canvas) 68%,transparent);--text-muted:color-mix(in srgb,var(--color-on-canvas) 45%,transparent);--text-accent:var(--color-tone);--text-inverse:var(--color-on-ink);--text-on-brand:var(--color-on-brand);--text-success:var(--color-affirm);--text-danger:var(--color-signal);--border-color:color-mix(in srgb,var(--color-surface) 80%,var(--color-ink) 20%);--border-strong:color-mix(in srgb,var(--color-surface) 55%,var(--color-ink) 45%);--border-focus:var(--color-brand);--color-success:var(--color-affirm);--color-on-success:var(--color-on-affirm);--color-warning:#b8860b;--color-on-warning:#ffffff;--color-error:var(--color-signal);--color-on-error:var(--color-on-signal);--color-info:var(--color-brand);--color-on-info:#ffffff;--shadow-dark:color-mix(in srgb,var(--color-ink) 12%,transparent);--shadow-light:color-mix(in srgb,var(--color-canvas) 15%,transparent);--overlay-scrim:color-mix(in srgb,var(--color-depth) 55%,transparent);--gradient-brand:linear-gradient(135deg,var(--color-brand),var(--color-brand-alt));--gradient-tone:linear-gradient(135deg,var(--color-tone),var(--color-brand));--space-3xs:clamp(0.125rem,0.1rem + 0.1vw,0.1875rem);--space-2xs:clamp(0.1875rem,0.15rem + 0.15vw,0.375rem);--space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--space-sm:clamp(0.5rem,0.4rem + 0.4vw,0.75rem);--space-md:clamp(0.75rem,0.6rem + 0.6vw,1.25rem);--space-lg:clamp(1rem,0.8rem + 0.8vw,1.75rem);--space-xl:clamp(1.25rem,1rem + 1vw,2.5rem);--space-2xl:clamp(1.5rem,1.2rem + 1.2vw,3rem);--space-3xl:clamp(2rem,1.5rem + 1.5vw,4rem);--space-4xl:clamp(2.5rem,2rem + 2vw,5rem);--space-5xl:clamp(3rem,2.5rem + 2.5vw,6rem);--text-2xs:clamp(0.625rem,0.575rem + 0.25vw,0.75rem);--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.8rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.9rem);--text-base:clamp(0.9rem,0.85rem + 0.25vw,1rem);--text-input:1rem;--text-lg:clamp(1rem,0.9rem + 0.5vw,1.25rem);--text-xl:clamp(1.15rem,1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.4rem,1.1rem + 1.5vw,2rem);--text-3xl:clamp(1.75rem,1.25rem + 2.5vw,2.75rem);--text-4xl:clamp(2rem,1.5rem + 3vw,3.5rem);--text-5xl:clamp(2.5rem,2rem + 3.5vw,4.5rem);--bp-sm:480px;--bp-md:640px;--bp-lg:768px;--bp-xl:1024px;--bp-2xl:1280px;--container-md:720px;--container-lg:960px;--container-xl:1200px;--content-max:var(--container-xl);--gutter:clamp(0.75rem,0.6rem + 0.8vw,1.5rem);--sidebar-w:240px;--sidebar-w-collapsed:3.75rem;--touch-min:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-spring:var(--duration-normal) var(--ease-spring);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:1000;--z-toast:1100}.dark-ui{--bg-primary:var(--color-depth);--bg-secondary:color-mix(in srgb,var(--color-depth) 60%,var(--color-ink) 40%);--bg-card:var(--color-ink);--bg-input:color-mix(in srgb,var(--color-ink) 80%,var(--color-edge) 20%);--bg-hover:color-mix(in srgb,var(--color-tone) 10%,transparent);--text-primary:var(--color-on-depth);--text-secondary:color-mix(in srgb,var(--color-on-depth) 68%,transparent);--text-muted:color-mix(in srgb,var(--color-on-depth) 45%,transparent);--text-accent:var(--color-tone);--text-inverse:var(--color-on-canvas);--border-color:color-mix(in srgb,var(--color-brand-alt) 50%,transparent);--border-strong:color-mix(in srgb,var(--color-brand-alt) 75%,transparent);--border-focus:var(--color-tone);--shadow-dark:color-mix(in srgb,var(--color-depth) 55%,transparent)}:root{--focus-ring:0 0 0 3px color-mix(in srgb,var(--border-focus) 35%,transparent);--color-white-rgba-5:rgba(255,255,255,0.05);--color-white-rgba-10:rgba(255,255,255,0.1);--color-white-rgba-20:rgba(255,255,255,0.2);--color-white-rgba-50:rgba(255,255,255,0.5);--color-white-rgba-70:rgba(255,255,255,0.7);--color-black-rgba-50:rgba(17,26,36,0.5);--color-black-rgba-60:rgba(17,26,36,0.6);--color-black-rgba-70:rgba(17,26,36,0.7);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-input:var(--text-input);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--space-1:var(--space-2xs);--space-2:var(--space-xs);--space-3:var(--space-sm);--space-4:var(--space-md);--space-5:var(--space-md);--space-6:var(--space-lg);--space-8:var(--space-xl);--space-10:var(--space-2xl);--space-12:var(--space-3xl);--space-16:var(--space-4xl);--radius-pill:var(--radius-full);--shadow-sm:0 2px 8px var(--shadow-dark);--shadow-md:0 8px 20px var(--shadow-dark);--shadow-lg:0 16px 32px var(--shadow-dark);--layout-content-max:var(--content-max);--layout-gutter:var(--gutter);--sidebar-width:var(--sidebar-w)}body{background:var(--bg-primary);font-family:var(--font-body)}body,h1,h2,h3,h4,h5{color:var(--text-primary)}h1,h2,h3,h4,h5{font-family:var(--font-heading);line-height:1.2}a{color:inherit;text-decoration:none}:root{--color-black:#1a1a1a;--color-white:#f7f8fa;--color-a:#1e3a5f;--color-b:#b87333;--color-c:#7d8896;--gradient-black-white:linear-gradient(135deg,#1a1a1a,#f7f8fa);--gradient-a-b:linear-gradient(135deg,#1e3a5f,#b87333);--gradient-a-c:linear-gradient(135deg,#1e3a5f,#7d8896);--gradient-b-c:linear-gradient(135deg,#b87333,#7d8896);--gradient-white-a:linear-gradient(135deg,#f7f8fa,#1e3a5f);--gradient-black-a:linear-gradient(135deg,#1a1a1a,#1e3a5f);--gradient-black-b:linear-gradient(135deg,#1a1a1a,#b87333);--gradient-black-c:linear-gradient(135deg,#1a1a1a,#7d8896);--gradient-white-b:linear-gradient(135deg,#f7f8fa,#b87333);--gradient-white-c:linear-gradient(135deg,#f7f8fa,#7d8896);--color-black-rgba-10:rgba(26,26,26,0.1);--color-black-rgba-15:rgba(26,26,26,0.15);--color-black-rgba-20:rgba(26,26,26,0.2);--color-black-rgba-25:rgba(26,26,26,0.25);--color-black-rgba-30:rgba(26,26,26,0.3);--color-black-rgba-50:rgba(26,26,26,0.5);--color-black-rgba-60:rgba(26,26,26,0.6);--color-black-rgba-70:rgba(26,26,26,0.7);--color-white-rgba-10:rgba(247,248,250,0.1);--color-white-rgba-5:rgba(247,248,250,0.05);--color-white-rgba-20:rgba(247,248,250,0.2);--color-white-rgba-30:rgba(247,248,250,0.3);--color-white-rgba-50:rgba(247,248,250,0.5);--color-white-rgba-70:rgba(247,248,250,0.7);--color-white-rgba-80:rgba(247,248,250,0.8);--color-white-rgba-90:rgba(247,248,250,0.9);--color-a-rgba-5:rgba(30,58,95,0.05);--color-a-rgba-10:rgba(30,58,95,0.1);--color-a-rgba-20:rgba(30,58,95,0.2);--color-a-rgba-30:rgba(30,58,95,0.3);--color-a-rgba-40:rgba(30,58,95,0.4);--color-a-rgba-50:rgba(30,58,95,0.5);--color-a-rgba-60:rgba(30,58,95,0.6);--color-a-rgba-70:rgba(30,58,95,0.7);--color-a-rgba-80:rgba(30,58,95,0.8);--color-a-rgba-90:rgba(30,58,95,0.9);--color-b-rgba-10:rgba(184,115,51,0.1);--color-b-rgba-20:rgba(184,115,51,0.2);--color-b-rgba-30:rgba(184,115,51,0.3);--color-b-rgba-50:rgba(184,115,51,0.5);--color-b-rgba-70:rgba(184,115,51,0.7);--color-b-rgba-80:rgba(184,115,51,0.8);--color-b-rgba-90:rgba(184,115,51,0.9);--color-c-rgba-10:rgba(125,136,150,0.1);--color-c-rgba-20:rgba(125,136,150,0.2);--color-c-rgba-30:rgba(125,136,150,0.3);--color-c-rgba-50:rgba(125,136,150,0.5);--color-c-rgba-70:rgba(125,136,150,0.7);--sidebar-width-desktop:320px;--sidebar-offset-desktop:336px;--color-a-rgba-15:rgba(30,58,95,0.15);--color-a-rgba-25:rgba(30,58,95,0.25);--color-b-rgba-40:rgba(184,115,51,0.4);--color-black-rgba-40:rgba(26,26,26,0.4);--color-c-rgba-40:rgba(125,136,150,0.4);--color-c-rgba-60:rgba(125,136,150,0.6);--color-white-rgba-15:rgba(247,248,250,0.15);--color-white-rgba-25:rgba(247,248,250,0.25);--color-white-rgba-40:rgba(247,248,250,0.4);--color-white-rgba-60:rgba(247,248,250,0.6);--bg-canvas:var(--bg-primary);--bg-surface:var(--bg-card);--border-subtle:var(--border-color);--container-max:var(--content-max);--text-md:var(--text-base);--color-a-rgba-05:rgba(30,58,95,0.05);--color-a-rgba-06:rgba(30,58,95,0.06);--color-a-rgba-08:rgba(30,58,95,0.08);--color-a-rgba-12:rgba(30,58,95,0.12);--color-a-rgba-35:rgba(30,58,95,0.35);--color-b-rgba-12:rgba(184,115,51,0.12);--color-b-rgba-15:rgba(184,115,51,0.15);--brand:var(--color-brand);--brand-strong:color-mix(in srgb,var(--color-brand) 82%,#000);--brand-soft:var(--bg-hover);--brand-contrast:var(--color-on-brand);--accent:var(--color-tone);--accent-soft:color-mix(in srgb,var(--color-tone) 14%,transparent);--bg:var(--bg-primary);--surface:var(--bg-card);--surface-2:var(--bg-secondary);--border:var(--border-color);--text:var(--text-primary);--text-faint:var(--text-muted);--success:var(--color-success);--success-soft:color-mix(in srgb,var(--color-success) 14%,transparent);--danger:var(--color-error);--danger-soft:color-mix(in srgb,var(--color-error) 12%,transparent);--warning:var(--color-warning);--warning-soft:color-mix(in srgb,var(--color-warning) 16%,transparent);--info:var(--color-info);--font-ui:var(--font-body);--font-display:var(--font-heading);--transition:var(--transition-fast);--color-white-rgba-35:rgba(255,255,255,0.35);--z-tooltip:600}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:max(16px,var(--text-input))}}