:root{--color-brand-primary:#0c447c;--color-brand-primary-dark:#093560;--color-brand-primary-light:#1a5a96;--color-brand-secondary:#0f6e56;--color-brand-secondary-dark:#0a5040;--color-brand-accent:#378add;--color-brand-accent-dark:#2a6bb8;--color-brand-fresh:#5dcaa5;--color-surface-white:#fff;--color-surface-offwhite:#f8fafc;--color-surface-light:#f1f5f9;--color-surface-border:#e2e8f0;--color-surface-border-focus:#378add;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-text-link:#378add;--color-text-link-hover:#2a6bb8;--color-status-success:#059669;--color-status-success-light:#d1fae5;--color-status-warning:#d97706;--color-status-warning-light:#fef3c7;--color-status-error:#dc2626;--color-status-error-light:#fee2e2;--color-status-info:#378add;--color-status-info-light:#dbeafe;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-card:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 1px 3px rgba(0,0,0,.08);--shadow-card-hover:0 4px 12px rgba(0,0,0,.12);--shadow-modal:0 20px 60px rgba(0,0,0,.15);--shadow-dropdown:0 4px 16px rgba(0,0,0,.1);--shadow-focus:0 0 0 3px rgba(55,138,221,.3);--input-height:48px;--button-height-sm:36px;--button-height-md:44px;--button-height-lg:52px;--touch-target-min:44px;--navbar-height:64px;--sidebar-width:256px;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-dev-banner:600;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-senior-sm:16px;--text-senior-base:18px;--text-senior-lg:20px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--leading-tight:1.25;--leading-heading:1.3;--leading-body:1.65;--leading-relaxed:1.75;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em;--tracking-caps:0.08em}h1{font-size:var(--text-4xl);font-weight:var(--weight-extrabold)}h1,h2{letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl)}h2,h3{font-weight:var(--weight-bold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h4,h5{font-weight:var(--weight-semibold)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}.text-senior{font-size:var(--text-senior-base)}.text-senior,.text-senior-lg{line-height:var(--leading-relaxed)}.text-senior-lg{font-size:var(--text-senior-lg)}.text-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-secondary)}.prose-senior ol,.prose-senior p,.prose-senior ul{font-size:var(--text-senior-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:1em}.prose-senior ol,.prose-senior ul{padding-left:1.5em}.prose-senior li{margin-bottom:.5em}@media (max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-light) 25%,var(--color-surface-border) 50%,var(--color-surface-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{border:1px solid var(--color-surface-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.card,.input-base{background-color:var(--color-surface-white)}.input-base{height:var(--input-height);width:100%;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:0 var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-base::-moz-placeholder{color:var(--color-text-tertiary)}.input-base::placeholder{color:var(--color-text-tertiary)}.input-base:focus{outline:none;border-color:var(--color-brand-accent);box-shadow:var(--shadow-focus)}.input-base.error,.input-base[aria-invalid=true]{border-color:var(--color-status-error)}.focus-ring:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px;border-radius:var(--radius-sm)}.overlay{position:fixed;inset:0;background-color:rgba(15,23,42,.5);backdrop-filter:blur(2px);z-index:var(--z-overlay)}.overlay,.page-enter{animation:fade-in var(--transition-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.5;white-space:nowrap}.divider{height:1px;background-color:var(--color-surface-border);border:none;margin:var(--space-6) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media print{.no-print{display:none!important}body{background:#fff;color:#000}}