:root{--color-navy-900: #0d1f35;--color-navy-800: #142a47;--color-navy-700: #1c3760;--color-navy-600: #234478;--color-navy-500: #2d5491;--color-navy-400: #4a6fa5;--color-navy-300: #748cb8;--color-navy-200: #a3b1cc;--color-navy-100: #d2d8e2;--color-navy-50: #eef0f5;--color-amber-700: #b45309;--color-amber-600: #d97706;--color-amber-500: #f59e0b;--color-amber-400: #fbbf24;--color-amber-300: #fcd34d;--color-amber-200: #fde68a;--color-amber-100: #fef3c7;--color-amber-50: #fffbeb;--color-status-active-bg: #dcfce7;--color-status-active-fg: #166534;--color-status-active-border: #86efac;--color-status-warning-bg: #fef3c7;--color-status-warning-fg: #92400e;--color-status-warning-border: #fcd34d;--color-status-expired-bg: #fee2e2;--color-status-expired-fg: #991b1b;--color-status-expired-border: #fca5a5;--color-status-pending-bg: #dbeafe;--color-status-pending-fg: #1e40af;--color-status-pending-border: #93c5fd;--color-status-retired-bg: #f3f4f6;--color-status-retired-fg: #4b5563;--color-status-retired-border: #d1d5db;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: var(--color-navy-900);--color-text-muted: var(--color-navy-700);--color-text-subtle: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--font-display: "Syne", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--font-size-3xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-display: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--space-0: 0;--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-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(13, 31, 53, .05);--shadow-md: 0 4px 8px rgba(13, 31, 53, .08);--shadow-lg: 0 12px 24px rgba(13, 31, 53, .12);--shadow-modal: 0 20px 48px rgba(13, 31, 53, .18);--layout-max-width: 720px;--layout-bottom-nav-height: 64px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--z-content: 1;--z-sticky-header: 10;--z-bottom-nav: 20;--z-modal-backdrop: 100;--z-modal: 110;--z-toast: 200}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}#root{min-height:100vh;min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-display);line-height:var(--line-height-tight);margin:0 0 var(--space-3);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4,h5,h6{font-family:var(--font-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-2)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-3)}a{color:var(--color-navy-700);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-navy-900)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-navy-500);box-shadow:0 0 0 3px var(--color-navy-100)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:var(--layout-max-width);margin:0 auto;background:var(--color-bg);padding-top:env(safe-area-inset-top);padding-bottom:0}.app-main{flex:1;padding:var(--space-4) var(--space-4) calc(var(--layout-bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom));width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}