:root,[data-theme=light]{color-scheme:light;--color-pine-teal: var(--custom-brand-primary, #2F524C);--color-pine-teal-dark: var(--custom-brand-primary-dark, #1E3632);--color-pine-teal-light: var(--custom-brand-primary-light, #44756D);--color-terracotta-coral: var(--custom-brand-accent, #D96B4B);--color-terracotta-coral-dark: var(--custom-brand-accent-dark, #B54E30);--color-terracotta-coral-light: var(--custom-brand-accent-light, #E88B70);--color-mineral-canvas: var(--custom-canvas-bg, #F4F7F6);--color-card-white: var(--custom-surface-bg, #FFFFFF);--color-surface-subtle: var(--custom-surface-subtle, #E9EFEF);--color-primary-teal: var(--color-pine-teal);--color-accent-coral: var(--color-terracotta-coral);--color-bg-canvas: var(--color-mineral-canvas);--color-bg-surface: var(--color-card-white);--color-bg-subtle: var(--color-surface-subtle);--color-urgent-red: #DC2626;--color-urgent-red-bg: #FEE2E2;--color-urgent-red-text: #991B1B;--color-urgent-red-border: #FCA5A5;--color-warning-amber: #D97706;--color-warning-amber-bg: #FEF3C7;--color-warning-amber-text: #92400E;--color-warning-amber-border: #FCD34D;--color-protected-green: #059669;--color-protected-green-bg: #DCFCE7;--color-protected-green-text: #065F46;--color-protected-green-border: #86EFAC;--color-expired-slate: #6B7280;--color-expired-slate-bg: #F3F4F6;--color-expired-slate-text: #374151;--color-expired-slate-border: #D1D5DB;--color-ink-primary: var(--custom-ink-primary, #0F172A);--color-ink-secondary: var(--custom-ink-secondary, #475569);--color-ink-tertiary: #64748B;--color-ink-muted: #94A3B8;--color-border-subtle: var(--custom-border-subtle, #E2E8F0);--color-border-strong: var(--custom-border-strong, #CBD5E1);--space-0-5: 2px;--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;--radius-xs: var(--custom-radius-xs, 4px);--radius-sm: var(--custom-radius-sm, 6px);--radius-md: var(--custom-radius-md, 12px);--radius-lg: var(--custom-radius-lg, 20px);--radius-xl: var(--custom-radius-xl, 28px);--radius-full: 9999px;--font-family-sans: var(--custom-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);--font-family-mono: var(--custom-font-mono, "SF Mono", Monaco, Menlo, "Consolas", monospace);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .12), 0 8px 10px -6px rgba(15, 23, 42, .05);--motion-duration-fast: .15s;--motion-duration-base: .22s;--motion-duration-slow: .32s;--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-ease-smooth: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{color-scheme:dark;--color-pine-teal: var(--custom-brand-primary-darkmode, var(--custom-brand-primary, #44756D));--color-pine-teal-dark: #2F524C;--color-pine-teal-light: #659E94;--color-terracotta-coral: var(--custom-brand-accent-darkmode, var(--custom-brand-accent, #E88B70));--color-mineral-canvas: var(--custom-canvas-bg-dark, #0F1715);--color-card-white: var(--custom-surface-bg-dark, #172421);--color-surface-subtle: var(--custom-surface-subtle-dark, #1F302D);--color-ink-primary: var(--custom-ink-primary-dark, #F8FAFC);--color-ink-secondary: var(--custom-ink-secondary-dark, #CBD5E1);--color-ink-tertiary: #94A3B8;--color-ink-muted: #64748B;--color-border-subtle: var(--custom-border-subtle-dark, #273E3A);--color-border-strong: var(--custom-border-strong-dark, #3A5B55);--color-urgent-red-bg: #450A0A;--color-urgent-red-text: #FCA5A5;--color-urgent-red-border: #7F1D1D;--color-warning-amber-bg: #451A03;--color-warning-amber-text: #FCD34D;--color-warning-amber-border: #78350F;--color-protected-green-bg: #052E16;--color-protected-green-text: #86EFAC;--color-protected-green-border: #14532D;--color-expired-slate-bg: #1F2937;--color-expired-slate-text: #D1D5DB;--color-expired-slate-border: #374151}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-pine-teal: var(--custom-brand-primary-darkmode, var(--custom-brand-primary, #44756D));--color-pine-teal-dark: #2F524C;--color-pine-teal-light: #659E94;--color-terracotta-coral: var(--custom-brand-accent-darkmode, var(--custom-brand-accent, #E88B70));--color-mineral-canvas: var(--custom-canvas-bg-dark, #0F1715);--color-card-white: var(--custom-surface-bg-dark, #172421);--color-surface-subtle: var(--custom-surface-subtle-dark, #1F302D);--color-ink-primary: var(--custom-ink-primary-dark, #F8FAFC);--color-ink-secondary: var(--custom-ink-secondary-dark, #CBD5E1);--color-ink-tertiary: #94A3B8;--color-ink-muted: #64748B;--color-border-subtle: var(--custom-border-subtle-dark, #273E3A);--color-border-strong: var(--custom-border-strong-dark, #3A5B55);--color-urgent-red-bg: #450A0A;--color-urgent-red-text: #FCA5A5;--color-urgent-red-border: #7F1D1D;--color-warning-amber-bg: #451A03;--color-warning-amber-text: #FCD34D;--color-warning-amber-border: #78350F;--color-protected-green-bg: #052E16;--color-protected-green-text: #86EFAC;--color-protected-green-border: #14532D;--color-expired-slate-bg: #1F2937;--color-expired-slate-text: #D1D5DB;--color-expired-slate-border: #374151}}:root{--height-viewport: 100dvh;--padding-safe-bottom: env(safe-area-inset-bottom, 16px);--padding-safe-top: env(safe-area-inset-top, 0px);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;width:100%;min-height:100dvh;background-color:var(--color-surface-canvas, #F4F7F6);color:var(--color-text-primary, #0F172A);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.grid-12-col{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4, 16px);width:100%;max-width:1440px;margin:0 auto;padding:var(--space-4, 16px);padding-bottom:calc(var(--space-12, 48px) + var(--padding-safe-bottom))}@media(max-width:768px){.grid-12-col{display:flex;flex-direction:column;gap:var(--space-3, 12px);padding:var(--space-3, 12px)}}