:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #f0f9ff;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-info-400: #38bdf8;--color-info-500: #0ea5e9;--color-info-600: #0284c7;--color-info-700: #0369a1;--color-info-800: #075985;--color-info-900: #0c4a6e;--color-accent-primary: var(--color-primary-600);--color-accent-primary-dark: var(--color-primary-700);--color-accent-secondary: var(--color-primary-700);--color-accent-tertiary: var(--color-primary-500);--color-accent-hover: var(--color-primary-700);--color-accent-active: var(--color-primary-800);--color-text-primary: var(--color-secondary-900);--color-text-secondary: var(--color-secondary-700);--color-text-tertiary: var(--color-secondary-600);--color-text-disabled: var(--color-secondary-400);--color-text-inverse: #ffffff;--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-secondary-50);--color-surface-tertiary: var(--color-secondary-100);--color-surface-disabled: var(--color-secondary-100);--color-surface-elevated: #ffffff;--color-border-primary: var(--color-secondary-200);--color-border-secondary: var(--color-secondary-300);--color-border-disabled: var(--color-secondary-200);--color-border-focus: var(--color-primary-500);--color-icon-primary: var(--color-secondary-800);--color-icon-secondary: var(--color-secondary-600);--color-icon-disabled: var(--color-secondary-400);--color-status-success: var(--color-success-600);--color-status-warning: var(--color-warning-600);--color-status-error: var(--color-error-600);--color-status-error-dark: var(--color-error-700);--color-status-info: var(--color-info-600);--color-status-success-15: rgba(34, 197, 94, .15);--color-status-success-20: rgba(34, 197, 94, .2);--color-status-success-30: rgba(34, 197, 94, .3);--color-status-warning-15: rgba(245, 158, 11, .15);--color-status-warning-20: rgba(245, 158, 11, .2);--color-status-warning-30: rgba(245, 158, 11, .3);--color-status-error-15: rgba(239, 68, 68, .15);--color-status-error-20: rgba(239, 68, 68, .2);--color-status-error-30: rgba(239, 68, 68, .3);--color-status-info-15: rgba(14, 165, 233, .15);--color-status-info-20: rgba(14, 165, 233, .2);--color-status-info-30: rgba(14, 165, 233, .3);--font-family-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Courier New", 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-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem;--border-radius-none: 0px;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 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);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: 0 0 #0000;--shadow-card: var(--shadow-md);--shadow-modal: var(--shadow-xl);--shadow-button: var(--shadow-sm);--shadow-navigation-bar: var(--shadow-sm);--shadow-tab-bar: var(--shadow-sm);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-index-hide: -1;--z-index-auto: auto;--z-index-base: 0;--z-index-docked: 10;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-banner: 1200;--z-index-overlay: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-skip-link: 1600;--z-index-toast: 1700;--z-index-tooltip: 1800;--duration-fastest: 50ms;--duration-faster: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: 1s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-ease-in-sine: cubic-bezier(.12, 0, .39, 0);--easing-ease-out-sine: cubic-bezier(.61, 1, .88, 1);--easing-ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--easing-ease-in-quad: cubic-bezier(.11, 0, .5, 0);--easing-ease-out-quad: cubic-bezier(.5, 1, .89, 1);--easing-ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--easing-ease-in-cubic: cubic-bezier(.32, 0, .67, 0);--easing-ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--easing-ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--easing-ease-in-quart: cubic-bezier(.5, 0, .75, 0);--easing-ease-out-quart: cubic-bezier(.25, 1, .5, 1);--easing-ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--easing-ease-in-quint: cubic-bezier(.64, 0, .78, 0);--easing-ease-out-quint: cubic-bezier(.22, 1, .36, 1);--easing-ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--easing-ease-in-expo: cubic-bezier(.7, 0, .84, 0);--easing-ease-out-expo: cubic-bezier(.16, 1, .3, 1);--easing-ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--easing-ease-in-circ: cubic-bezier(.55, 0, 1, .45);--easing-ease-out-circ: cubic-bezier(0, .55, .45, 1);--easing-ease-in-out-circ: cubic-bezier(.85, 0, .15, 1);--easing-ease-in-back: cubic-bezier(.36, 0, .66, -.56);--easing-ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--easing-ease-in-out-back: cubic-bezier(.68, -.6, .32, 1.6);--animation-button-press: var(--duration-fast) var(--easing-ease-out);--animation-card-hover: var(--duration-normal) var(--easing-ease-out);--animation-modal-presentation: var(--duration-slow) var(--easing-ease-out-back);--animation-list-item: var(--duration-slow) var(--easing-ease-out);--animation-loading: 1s linear infinite;--animation-success: var(--duration-slower) var(--easing-ease-out-back);--animation-error: var(--duration-normal) var(--easing-ease-out);--transition-slide-from-bottom: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out);--transition-slide-from-top: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out);--transition-slide-from-left: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out);--transition-slide-from-right: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out);--transition-scale: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out);--transition-fade: opacity var(--duration-slow) var(--easing-ease-out);--transition-asymmetric-slide: transform var(--duration-slow) var(--easing-ease-out), opacity var(--duration-slow) var(--easing-ease-out)}[data-theme=dark]{--color-accent-primary: var(--color-primary-400);--color-accent-primary-dark: var(--color-primary-300);--color-accent-secondary: var(--color-primary-300);--color-accent-tertiary: var(--color-primary-500);--color-accent-hover: var(--color-primary-300);--color-accent-active: var(--color-primary-200);--color-text-primary: var(--color-secondary-100);--color-text-secondary: var(--color-secondary-300);--color-text-tertiary: var(--color-secondary-400);--color-text-disabled: var(--color-secondary-500);--color-text-inverse: var(--color-secondary-900);--color-surface-primary: var(--color-secondary-900);--color-surface-secondary: var(--color-secondary-800);--color-surface-tertiary: var(--color-secondary-700);--color-surface-disabled: var(--color-secondary-800);--color-surface-elevated: var(--color-secondary-800);--color-border-primary: var(--color-secondary-700);--color-border-secondary: var(--color-secondary-600);--color-border-disabled: var(--color-secondary-700);--color-border-focus: var(--color-primary-400);--color-icon-primary: var(--color-secondary-200);--color-icon-secondary: var(--color-secondary-400);--color-icon-disabled: var(--color-secondary-500);--color-status-success: var(--color-success-400);--color-status-warning: var(--color-warning-400);--color-status-error: var(--color-error-400);--color-status-error-dark: var(--color-error-300);--color-status-info: var(--color-info-400);--color-status-success-15: rgba(34, 197, 94, .15);--color-status-success-20: rgba(34, 197, 94, .2);--color-status-success-30: rgba(34, 197, 94, .3);--color-status-warning-15: rgba(245, 158, 11, .15);--color-status-warning-20: rgba(245, 158, 11, .2);--color-status-warning-30: rgba(245, 158, 11, .3);--color-status-error-15: rgba(239, 68, 68, .15);--color-status-error-20: rgba(239, 68, 68, .2);--color-status-error-30: rgba(239, 68, 68, .3);--color-status-info-15: rgba(14, 165, 233, .15);--color-status-info-20: rgba(14, 165, 233, .2);--color-status-info-30: rgba(14, 165, 233, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-card: var(--shadow-md);--shadow-modal: var(--shadow-xl);--shadow-button: var(--shadow-sm);--shadow-navigation-bar: var(--shadow-sm);--shadow-tab-bar: var(--shadow-sm)}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #000000;--color-text-disabled: #666666;--color-surface-primary: #ffffff;--color-surface-secondary: #ffffff;--color-surface-tertiary: #ffffff;--color-surface-disabled: #f0f0f0;--color-border-primary: #000000;--color-border-secondary: #000000;--color-border-disabled: #666666;--color-icon-primary: #000000;--color-icon-secondary: #000000;--color-icon-disabled: #666666;--color-accent-primary: #0000ff;--color-accent-secondary: #0000ff;--color-accent-tertiary: #0000ff;--color-status-success: #008000;--color-status-warning: #ff8c00;--color-status-error: #ff0000;--color-status-info: #0000ff}[data-theme=dark]{--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-text-tertiary: #ffffff;--color-text-disabled: #cccccc;--color-surface-primary: #000000;--color-surface-secondary: #000000;--color-surface-tertiary: #000000;--color-surface-disabled: #333333;--color-border-primary: #ffffff;--color-border-secondary: #ffffff;--color-border-disabled: #cccccc;--color-icon-primary: #ffffff;--color-icon-secondary: #ffffff;--color-icon-disabled: #cccccc;--color-accent-primary: #00ffff;--color-accent-secondary: #00ffff;--color-accent-tertiary: #00ffff;--color-status-success: #00ff00;--color-status-warning: #ffff00;--color-status-error: #ff0000;--color-status-info: #00ffff}}@media (prefers-reduced-motion: reduce){:root{--duration-fastest: 0ms;--duration-faster: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms;--animation-button-press: none;--animation-card-hover: none;--animation-modal-presentation: none;--animation-list-item: none;--animation-loading: none;--animation-success: none;--animation-error: none;--transition-slide-from-bottom: none;--transition-slide-from-top: none;--transition-slide-from-left: none;--transition-slide-from-right: none;--transition-scale: none;--transition-fade: none;--transition-asymmetric-slide: none}}@media print{:root{--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #000000;--color-text-disabled: #666666;--color-surface-primary: #ffffff;--color-surface-secondary: #ffffff;--color-surface-tertiary: #ffffff;--color-surface-disabled: #ffffff;--color-border-primary: #000000;--color-border-secondary: #000000;--color-border-disabled: #000000;--color-icon-primary: #000000;--color-icon-secondary: #000000;--color-icon-disabled: #666666;--shadow-sm: none;--shadow-base: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--shadow-inner: none;--shadow-none: none;--shadow-card: none;--shadow-modal: none;--shadow-button: none;--shadow-navigation-bar: none;--shadow-tab-bar: none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-surface-primary, #ffffff);color:var(--color-text-primary, #000000);font-size:1rem;line-height:1.5;min-height:100vh;overflow-x:hidden}*:focus{outline:2px solid var(--color-accent-primary, #007aff);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--color-accent-primary, #007aff);outline-offset:2px}::selection{background-color:var(--color-accent-primary, #007aff);color:#fff}::-moz-selection{background-color:var(--color-accent-primary, #007aff);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin:0}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0;line-height:1.6}a{color:var(--color-accent-primary, #007aff);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-accent-secondary, #0056b3);text-decoration:underline}a:focus{outline:2px solid var(--color-accent-primary, #007aff);outline-offset:2px;border-radius:2px}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;transition:all .2s ease-in-out}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:.5rem .75rem;background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:all .2s ease-in-out}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed}ul,ol{list-style:none;margin:0;padding:0}li{margin:0;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--color-border-primary)}th{font-weight:600;background-color:var(--color-surface-secondary)}img{max-width:100%;height:auto;display:block}.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}}@media (prefers-contrast: high){*{border-color:currentColor!important}button{border:1px solid currentColor}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.inline-grid{display:inline-grid}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.resize-none{resize:none}.resize{resize:both}.resize-x{resize:horizontal}.resize-y{resize:vertical}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-32{margin:var(--spacing-32)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-3xl{border-radius:var(--border-radius-3xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-status-success)}.text-warning{color:var(--color-status-warning)}.text-error{color:var(--color-status-error)}.text-info{color:var(--color-status-info)}.bg-primary{background-color:var(--color-surface-primary)}.bg-secondary{background-color:var(--color-surface-secondary)}.bg-tertiary{background-color:var(--color-surface-tertiary)}.bg-disabled{background-color:var(--color-surface-disabled)}.bg-accent{background-color:var(--color-accent-primary)}.bg-success{background-color:var(--color-status-success)}.bg-warning{background-color:var(--color-status-warning)}.bg-error{background-color:var(--color-status-error)}.bg-info{background-color:var(--color-status-info)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-disabled{border-color:var(--color-border-disabled)}.border-accent{border-color:var(--color-accent-primary)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.min-w-fit{min-width:fit-content}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-min{max-width:min-content}.max-w-max{max-width:max-content}.max-w-fit{max-width:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-min{max-height:min-content}.max-h-max{max-height:max-content}.max-h-fit{max-height:fit-content}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:grid{display:grid}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}html{scroll-behavior:smooth}::selection{background-color:var(--color-accent-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}