:root{--color-primary: #1D3557;--color-primary-light: #2E4A7D;--color-primary-dark: #14263E;--color-secondary: #45A29E;--color-secondary-light: #5CBAB6;--color-secondary-dark: #2F8A86;--color-accent: #F1FAEE;--color-success: #06D6A0;--color-warning: #FFB700;--color-error: #EF476F;--color-neutral-900: #1F2833;--color-neutral-800: #2C3E50;--color-neutral-700: #34495E;--color-neutral-600: #5D6D7E;--color-neutral-500: #85929E;--color-neutral-400: #AEB6BF;--color-neutral-300: #D5D8DC;--color-neutral-200: #E8E9EB;--color-neutral-100: #F4F4F9;--color-neutral-50: #FAFBFC;--color-white: #FFFFFF;--font-primary: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}@media (prefers-color-scheme: dark){:root{--color-primary: #4A90E2;--color-primary-light: #6BA3E8;--color-primary-dark: #357ABD;--color-secondary: #5CBAB6;--color-secondary-light: #7AC7C4;--color-secondary-dark: #45A29E;--color-neutral-900: #FAFBFC;--color-neutral-800: #F4F4F9;--color-neutral-700: #E8E9EB;--color-neutral-600: #D5D8DC;--color-neutral-500: #AEB6BF;--color-neutral-400: #85929E;--color-neutral-300: #5D6D7E;--color-neutral-200: #34495E;--color-neutral-100: #2C3E50;--color-neutral-50: #1F2833;--color-white: #0F1419}}*{box-sizing:border-box}body{font-family:var(--font-primary);color:var(--color-neutral-900);background-color:var(--color-neutral-50);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){button,input[type=button],input[type=submit],input[type=reset],[role=button],a[href]{min-height:44px;min-width:44px}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}:root{--spacing-unit: 8px;--font-family: var(--font-primary)}@media (display-mode: standalone){body{overscroll-behavior-y:contain}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smooth-scroll{-webkit-overflow-scrolling:touch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}