/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */:root{--color-primary:59 130 246;--color-primary-hover:37 99 235;--color-primary-light:147 197 253;--color-secondary:107 114 128;--color-secondary-hover:75 85 99;--color-secondary-light:156 163 175;--color-success:34 197 94;--color-success-hover:22 163 74;--color-success-light:134 239 172;--color-warning:245 158 11;--color-warning-hover:217 119 6;--color-warning-light:252 211 77;--color-error:239 68 68;--color-error-hover:220 38 38;--color-error-light:252 165 165;--color-info:59 130 246;--color-info-hover:37 99 235;--color-info-light:147 197 253;--color-background:232 233 235;--color-surface:249 250 251;--color-surface-hover:243 244 246;--color-card:255 255 255;--color-card-hover:249 250 251;--color-text-primary:17 24 39;--color-text-secondary:75 85 99;--color-text-muted:107 114 128;--color-text-disabled:156 163 175;--color-border:229 231 235;--color-border-hover:209 213 219;--color-border-focus:59 130 246;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-md:1rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.dark,[data-theme=dark]{--color-background:17 24 39;--color-surface:31 41 55;--color-surface-hover:55 65 81;--color-card:31 41 55;--color-card-hover:55 65 81;--color-text-primary:249 250 251;--color-text-secondary:209 213 219;--color-text-muted:156 163 175;--color-text-disabled:107 114 128;--color-border:55 65 81;--color-border-hover:75 85 99;--color-border-focus:96 165 250;--color-primary:96 165 250;--color-primary-hover:59 130 246;--color-primary-light:59 130 246;--color-success:74 222 128;--color-success-hover:34 197 94;--color-success-light:34 197 94;--color-warning:251 191 36;--color-warning-hover:245 158 11;--color-warning-light:245 158 11;--color-error:248 113 113;--color-error-hover:239 68 68;--color-error-light:239 68 68;--color-info:96 165 250;--color-info-hover:59 130 246;--color-info-light:59 130 246}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:17 24 39;--color-surface:31 41 55;--color-surface-hover:55 65 81;--color-card:31 41 55;--color-card-hover:55 65 81;--color-text-primary:249 250 251;--color-text-secondary:209 213 219;--color-text-muted:156 163 175;--color-text-disabled:107 114 128;--color-border:55 65 81;--color-border-hover:75 85 99;--color-border-focus:96 165 250;--color-primary:96 165 250;--color-primary-hover:59 130 246;--color-primary-light:59 130 246;--color-success:74 222 128;--color-success-hover:34 197 94;--color-success-light:34 197 94;--color-warning:251 191 36;--color-warning-hover:245 158 11;--color-warning-light:245 158 11;--color-error:248 113 113;--color-error-hover:239 68 68;--color-error-light:239 68 68;--color-info:96 165 250;--color-info-hover:59 130 246;--color-info-light:59 130 246}}.bg-background{background-color:rgb(var(--color-background))}.bg-surface{background-color:rgb(var(--color-surface))}.bg-card{background-color:rgb(var(--color-card))}.text-primary{color:rgb(var(--color-text-primary))}.text-secondary{color:rgb(var(--color-text-secondary))}.text-muted{color:rgb(var(--color-text-muted))}.border-default{border-color:rgb(var(--color-border))}.border-focus{border-color:rgb(var(--color-border-focus))}:root{--th-bg:#ffffff;--th-surface:#f7f7f8;--th-surface-2:#ffffff;--th-text:#18181b;--th-text-muted:#71717a;--th-border:#e4e4e7;--th-primary:#18181b;--th-primary-hover:#000000;--th-on-primary:#ffffff;--th-accent:#18181b;--th-accent-hover:#000000;--th-on-accent:#ffffff;--th-success:#16a34a;--th-info:#2563eb;--th-warning:#d97706;--th-danger:#dc2626;--th-primary-rgb:24 24 27;--th-accent-rgb:24 24 27;--th-text-rgb:24 24 27;--th-surface-rgb:247 247 248;--th-border-rgb:228 228 231}:root[data-theme=dark]{--th-bg:#09090b;--th-surface:#18181b;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-primary:#fafafa;--th-primary-hover:#ffffff;--th-on-primary:#09090b;--th-accent:#fafafa;--th-accent-hover:#ffffff;--th-on-accent:#09090b;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:250 250 250;--th-accent-rgb:250 250 250;--th-text-rgb:250 250 250;--th-surface-rgb:24 24 27;--th-border-rgb:39 39 42}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-brand]){--th-bg:#09090b;--th-surface:#18181b;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-primary:#fafafa;--th-primary-hover:#ffffff;--th-on-primary:#09090b;--th-accent:#fafafa;--th-accent-hover:#ffffff;--th-on-accent:#09090b;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:250 250 250;--th-accent-rgb:250 250 250;--th-text-rgb:250 250 250;--th-surface-rgb:24 24 27;--th-border-rgb:39 39 42}}:root{--th-primary-soft:var(--th-primary);@supports (color:color-mix(in lab,red,red)){--th-primary-soft:color-mix(in srgb,var(--th-primary) 12%,transparent)}--th-primary-strong:var(--th-primary);@supports (color:color-mix(in lab,red,red)){--th-primary-strong:color-mix(in srgb,var(--th-primary) 22%,transparent)}--th-primary-glow:var(--th-primary);@supports (color:color-mix(in lab,red,red)){--th-primary-glow:color-mix(in srgb,var(--th-primary) 45%,transparent)}--th-accent-soft:var(--th-accent);@supports (color:color-mix(in lab,red,red)){--th-accent-soft:color-mix(in srgb,var(--th-accent) 14%,transparent)}--th-ring:var(--th-primary);@supports (color:color-mix(in lab,red,red)){--th-ring:color-mix(in srgb,var(--th-primary) 35%,transparent)}--th-hero-gradient:linear-gradient(135deg,var(--th-primary) 0%,var(--th-primary) 52%,var(--th-primary) 100%);@supports (color:color-mix(in lab,red,red)){--th-hero-gradient:linear-gradient(135deg,color-mix(in srgb,var(--th-primary) 82%,#000) 0%,var(--th-primary) 52%,color-mix(in srgb,var(--th-primary) 62%,#fff) 100%)}--th-page-background:radial-gradient(circle at top,var(--th-accent-soft),transparent 28%),radial-gradient(circle at 80% 20%,var(--th-primary-soft),transparent 24%),linear-gradient(180deg,var(--th-bg) 0%,var(--th-surface) 100%)}:root{--th-font-sans:"Open Sans",-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;--th-space-1:4px;--th-space-2:8px;--th-space-3:12px;--th-space-4:16px;--th-space-5:24px;--th-space-6:32px;--th-space-8:48px;--th-space-10:64px;--th-radius-sm:6px;--th-radius-md:8px;--th-radius-lg:12px;--th-radius-pill:999px;--th-shadow-card:0 1px 2px rgba(15,23,42,0.06),0 4px 12px rgba(15,23,42,0.05);--th-shadow-lg:0 8px 32px rgba(15,23,42,0.10)}:root[data-theme=dark]{--th-shadow-card:0 1px 2px rgba(0,0,0,0.35),0 4px 12px rgba(0,0,0,0.30);--th-shadow-lg:0 8px 32px rgba(0,0,0,0.45);--th-hero-gradient:linear-gradient(135deg,var(--th-surface) 0%,var(--th-surface-2) 100%);--th-page-background:linear-gradient(180deg,var(--th-bg) 0%,var(--th-surface) 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--th-shadow-card:0 1px 2px rgba(0,0,0,0.35),0 4px 12px rgba(0,0,0,0.30);--th-shadow-lg:0 8px 32px rgba(0,0,0,0.45);--th-hero-gradient:linear-gradient(135deg,var(--th-surface) 0%,var(--th-surface-2) 100%);--th-page-background:linear-gradient(180deg,var(--th-bg) 0%,var(--th-surface) 100%)}}[data-brand=plain]{--th-bg:#ffffff;--th-surface:#f7f7f8;--th-surface-2:#ffffff;--th-text:#18181b;--th-text-muted:#71717a;--th-border:#e4e4e7;--th-primary:#18181b;--th-primary-hover:#000000;--th-on-primary:#ffffff;--th-accent:#18181b;--th-accent-hover:#000000;--th-on-accent:#ffffff;--th-success:#16a34a;--th-info:#2563eb;--th-warning:#d97706;--th-danger:#dc2626;--th-primary-rgb:24 24 27;--th-accent-rgb:24 24 27;--th-text-rgb:24 24 27;--th-surface-rgb:247 247 248;--th-border-rgb:228 228 231}[data-brand=plain][data-theme=dark]{--th-bg:#09090b;--th-surface:#18181b;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-primary:#fafafa;--th-primary-hover:#ffffff;--th-on-primary:#09090b;--th-accent:#fafafa;--th-accent-hover:#ffffff;--th-on-accent:#09090b;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:250 250 250;--th-accent-rgb:250 250 250;--th-text-rgb:250 250 250;--th-surface-rgb:24 24 27;--th-border-rgb:39 39 42}@media (prefers-color-scheme:dark){[data-brand=plain]:not([data-theme=light]){--th-bg:#09090b;--th-surface:#18181b;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-primary:#fafafa;--th-primary-hover:#ffffff;--th-on-primary:#09090b;--th-accent:#fafafa;--th-accent-hover:#ffffff;--th-on-accent:#09090b;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:250 250 250;--th-accent-rgb:250 250 250;--th-text-rgb:250 250 250;--th-surface-rgb:24 24 27;--th-border-rgb:39 39 42}}[data-brand=swimgood]{--th-bg:#ffffff;--th-surface:#f5f6fa;--th-surface-2:#ffffff;--th-text:#1b2036;--th-text-muted:#5a6178;--th-border:#e3e6ef;--th-primary:#1c2856;--th-primary-hover:#263468;--th-on-primary:#ffffff;--th-accent:#f6aa37;--th-accent-hover:#d8901f;--th-on-accent:#1c2856;--th-success:#16a34a;--th-info:#2563eb;--th-warning:#b9781a;--th-danger:#dc2626;--th-primary-rgb:28 40 86;--th-accent-rgb:246 170 55;--th-text-rgb:27 32 54;--th-surface-rgb:245 246 250;--th-border-rgb:227 230 239}[data-brand=swimgood][data-theme=dark]{--th-bg:#0e1330;--th-surface:#161c3d;--th-surface-2:#1d244a;--th-text:#eaecf5;--th-text-muted:#9ba2be;--th-border:#2a3357;--th-primary:#6e7fc0;--th-primary-hover:#8391c7;--th-on-primary:#101634;--th-accent:#f6aa37;--th-accent-hover:#f8bb5e;--th-on-accent:#1c2856;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:110 127 192;--th-accent-rgb:246 170 55;--th-text-rgb:234 236 245;--th-surface-rgb:22 28 61;--th-border-rgb:42 51 87}@media (prefers-color-scheme:dark){[data-brand=swimgood]:not([data-theme=light]){--th-bg:#0e1330;--th-surface:#161c3d;--th-surface-2:#1d244a;--th-text:#eaecf5;--th-text-muted:#9ba2be;--th-border:#2a3357;--th-primary:#6e7fc0;--th-primary-hover:#8391c7;--th-on-primary:#101634;--th-accent:#f6aa37;--th-accent-hover:#f8bb5e;--th-on-accent:#1c2856;--th-success:#4ade80;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:110 127 192;--th-accent-rgb:246 170 55;--th-text-rgb:234 236 245;--th-surface-rgb:22 28 61;--th-border-rgb:42 51 87}}[data-brand=courseSync]{--th-bg:#ffffff;--th-surface:#f4f7f6;--th-surface-2:#ffffff;--th-text:#0f1f1a;--th-text-muted:#6b807a;--th-border:#e1eae7;--th-primary:#047857;--th-primary-hover:#036049;--th-on-primary:#ffffff;--th-accent:#6ee7b7;--th-accent-hover:#34d399;--th-on-accent:#03241a;--th-success:#059669;--th-info:#2563eb;--th-warning:#d97706;--th-danger:#dc2626;--th-primary-rgb:4 120 87;--th-accent-rgb:110 231 183;--th-text-rgb:15 31 26;--th-surface-rgb:244 247 246;--th-border-rgb:225 234 231}[data-brand=courseSync][data-theme=dark]{--th-bg:#06120e;--th-surface:#0c1f19;--th-surface-2:#12281f;--th-text:#eaf7f1;--th-text-muted:#8aa69b;--th-border:#16352b;--th-primary:#34d399;--th-primary-hover:#10b981;--th-on-primary:#03241a;--th-accent:#6ee7b7;--th-accent-hover:#34d399;--th-on-accent:#03241a;--th-success:#34d399;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:52 211 153;--th-accent-rgb:110 231 183;--th-text-rgb:234 247 241;--th-surface-rgb:12 31 25;--th-border-rgb:22 53 43}@media (prefers-color-scheme:dark){[data-brand=courseSync]:not([data-theme=light]){--th-bg:#06120e;--th-surface:#0c1f19;--th-surface-2:#12281f;--th-text:#eaf7f1;--th-text-muted:#8aa69b;--th-border:#16352b;--th-primary:#34d399;--th-primary-hover:#10b981;--th-on-primary:#03241a;--th-accent:#6ee7b7;--th-accent-hover:#34d399;--th-on-accent:#03241a;--th-success:#34d399;--th-info:#60a5fa;--th-warning:#f5a623;--th-danger:#f87171;--th-primary-rgb:52 211 153;--th-accent-rgb:110 231 183;--th-text-rgb:234 247 241;--th-surface-rgb:12 31 25;--th-border-rgb:22 53 43}}[data-brand][data-theme=dark]{--th-bg:#09090b;--th-surface:#17171a;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-text-rgb:250 250 250;--th-surface-rgb:23 23 26;--th-border-rgb:39 39 42}@media (prefers-color-scheme:dark){[data-brand]:not([data-theme=light]){--th-bg:#09090b;--th-surface:#17171a;--th-surface-2:#1f1f23;--th-text:#fafafa;--th-text-muted:#a1a1aa;--th-border:#27272a;--th-text-rgb:250 250 250;--th-surface-rgb:23 23 26;--th-border-rgb:39 39 42}}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-v40-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-v40-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--font-family-primary:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.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;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--bg-surface:var(--color-surface);--rounded-lg:var(--radius-lg);--border-border-light:1px solid var(--color-border-light);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--base-primary-h:220;--base-primary-s:91%;--base-primary-l:60%;--base-secondary-h:142;--base-secondary-s:76%;--base-secondary-l:36%;--color-success-h:142;--color-success-s:76%;--color-success-l:36%;--color-warning-h:45;--color-warning-s:93%;--color-warning-l:58%;--color-error-h:0;--color-error-s:84%;--color-error-l:60%;--color-info-h:200;--color-info-s:98%;--color-info-l:39%;--primary-light-adjusted:max(20%,min(var(--base-primary-l),45%));--primary-light:hsl(var(--base-primary-h),var(--base-primary-s),var(--primary-light-adjusted));--primary-light-hover:hsl(var(--base-primary-h),var(--base-primary-s),max(15%,calc(var(--primary-light-adjusted) - 5%)));--secondary-light-adjusted:max(25%,min(var(--base-secondary-l),50%));--secondary-light:hsl(var(--base-secondary-h),var(--base-secondary-s),var(--secondary-light-adjusted));--secondary-light-hover:hsl(var(--base-secondary-h),var(--base-secondary-s),max(20%,calc(var(--secondary-light-adjusted) - 5%)));--primary-dark-adjusted:max(65%,min(calc(var(--base-primary-l) + 30%),85%));--primary-dark:hsl(var(--base-primary-h),var(--base-primary-s),var(--primary-dark-adjusted));--primary-dark-hover:hsl(var(--base-primary-h),var(--base-primary-s),min(90%,calc(var(--primary-dark-adjusted) + 5%)));--secondary-dark-adjusted:max(70%,min(calc(var(--base-secondary-l) + 25%),80%));--secondary-dark:hsl(var(--base-secondary-h),var(--base-secondary-s),var(--secondary-dark-adjusted));--secondary-dark-hover:hsl(var(--base-secondary-h),var(--base-secondary-s),min(85%,calc(var(--secondary-dark-adjusted) + 5%)));--color-background:hsl(220,14%,96%);--color-surface:hsl(0,0%,100%);--color-surface-hover:hsl(220,14%,98%);--color-surface-active:hsl(220,14%,94%);--color-background-rgb:242,244,246;--color-surface-rgb:255,255,255;--color-surface-hover-rgb:249,250,251;--color-surface-active-rgb:239,241,243;--color-text-primary:hsl(220,14%,10%);--color-text-secondary:hsl(220,10%,40%);--color-text-tertiary:hsl(220,8%,60%);--color-text-disabled:hsl(220,5%,75%);--color-text-primary-rgb:23,25,28;--color-text-secondary-rgb:96,102,107;--color-text-tertiary-rgb:143,149,153;--color-text-disabled-rgb:183,187,190;--color-border-light:hsl(220,14%,92%);--color-border-medium:hsl(220,12%,85%);--color-border-strong:hsl(220,10%,75%);--color-border-light-rgb:230,233,237;--color-border-medium-rgb:212,217,222;--color-border-strong-rgb:183,191,196;--color-focus-ring:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.2);--color-selection:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.15);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-primary-xs:0 1px 2px 0 hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.1);--shadow-primary-sm:0 1px 3px 0 hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.12),0 1px 2px 0 hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.08);--shadow-primary-md:0 4px 6px -1px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.15),0 2px 4px -1px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.1);--shadow-primary-lg:0 10px 15px -3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.18),0 4px 6px -2px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.12);--shadow-primary-xl:0 20px 25px -5px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.2),0 10px 10px -5px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),0.1);--glass-blur-light:blur(8px);--glass-blur-medium:blur(12px);--glass-blur-heavy:blur(16px);--glass-border-light:1px solid hsla(0,0%,100%,0.15);--glass-border-medium:1px solid hsla(0,0%,100%,0.25);--glass-border-strong:1px solid hsla(0,0%,100%,0.35);--glass-bg-light:hsla(0,0%,100%,0.1);--glass-bg-medium:hsla(0,0%,100%,0.15);--glass-bg-strong:hsla(0,0%,100%,0.25);--current-primary:var(--primary-light);--current-primary-hover:var(--primary-light-hover);--current-secondary:var(--secondary-light);--current-secondary-hover:var(--secondary-light-hover);--current-text-on-primary:white;--current-text-on-secondary:white;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}[data-theme=dark]{--glass-border-light:1px solid hsla(0,0%,100%,0.08);--glass-border-medium:1px solid hsla(0,0%,100%,0.12);--glass-border-strong:1px solid hsla(0,0%,100%,0.18);--glass-bg-light:hsla(0,0%,0%,0.2);--glass-bg-medium:hsla(0,0%,0%,0.3);--glass-bg-strong:hsla(0,0%,0%,0.4);--current-text-on-primary:black;--current-text-on-secondary:black}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:hsl(220,14%,4%);--color-surface:hsl(220,13%,11%);--color-surface-hover:hsl(220,13%,13%);--color-surface-active:hsl(220,13%,9%);--color-background-rgb:9,10,11;--color-surface-rgb:25,27,31;--color-surface-hover-rgb:30,32,36;--color-surface-active-rgb:21,23,25;--color-text-primary:hsl(220,14%,95%);--color-text-secondary:hsl(220,10%,70%);--color-text-tertiary:hsl(220,8%,50%);--color-text-disabled:hsl(220,5%,35%);--color-text-primary-rgb:240,241,243;--color-text-secondary-rgb:171,176,180;--color-text-tertiary-rgb:122,127,130;--color-text-disabled-rgb:84,88,90;--color-border-light:hsl(220,14%,18%);--color-border-medium:hsl(220,12%,25%);--color-border-strong:hsl(220,10%,35%);--color-border-light-rgb:42,45,49;--color-border-medium-rgb:59,63,68;--color-border-strong-rgb:84,90,96;--glass-border-light:1px solid hsla(0,0%,100%,0.08);--glass-border-medium:1px solid hsla(0,0%,100%,0.12);--glass-border-strong:1px solid hsla(0,0%,100%,0.18);--glass-bg-light:hsla(0,0%,0%,0.2);--glass-bg-medium:hsla(0,0%,0%,0.3);--glass-bg-strong:hsla(0,0%,0%,0.4);--current-primary:var(--primary-dark);--current-primary-hover:var(--primary-dark-hover);--current-secondary:var(--secondary-dark);--current-secondary-hover:var(--secondary-dark-hover);--current-text-on-primary:black;--current-text-on-secondary:black}}[data-theme=light]{--glass-border-light:1px solid hsla(0,0%,100%,0.15);--glass-border-medium:1px solid hsla(0,0%,100%,0.25);--glass-border-strong:1px solid hsla(0,0%,100%,0.35);--glass-bg-light:hsla(0,0%,100%,0.1);--glass-bg-medium:hsla(0,0%,100%,0.15);--glass-bg-strong:hsla(0,0%,100%,0.25);--current-text-on-primary:white;--current-text-on-secondary:white;--color-background:hsl(220,14%,96%);--color-surface:hsl(0,0%,100%);--color-surface-hover:hsl(220,14%,98%);--color-surface-active:hsl(220,14%,94%);--color-background-rgb:242,244,246;--color-surface-rgb:255,255,255;--color-surface-hover-rgb:249,250,251;--color-surface-active-rgb:239,241,243;--color-text-primary:hsl(220,14%,10%);--color-text-secondary:hsl(220,10%,40%);--color-text-tertiary:hsl(220,8%,60%);--color-text-disabled:hsl(220,5%,75%);--color-text-primary-rgb:23,25,28;--color-text-secondary-rgb:96,102,107;--color-text-tertiary-rgb:143,149,153;--color-text-disabled-rgb:183,187,190;--color-border-light:hsl(220,14%,92%);--color-border-medium:hsl(220,12%,85%);--color-border-strong:hsl(220,10%,75%);--color-border-light-rgb:230,233,237;--color-border-medium-rgb:212,217,222;--color-border-strong-rgb:183,191,196;--current-primary:var(--primary-light);--current-primary-hover:var(--primary-light-hover);--current-secondary:var(--secondary-light);--current-secondary-hover:var(--secondary-light-hover)}[data-theme=dark]{--color-background:hsl(220,14%,4%);--color-surface:hsl(220,13%,11%);--color-surface-hover:hsl(220,13%,13%);--color-surface-active:hsl(220,13%,9%);--color-background-rgb:9,10,11;--color-surface-rgb:25,27,31;--color-surface-hover-rgb:30,32,36;--color-surface-active-rgb:21,23,25;--color-text-primary:hsl(220,14%,95%);--color-text-secondary:hsl(220,10%,70%);--color-text-tertiary:hsl(220,8%,50%);--color-text-disabled:hsl(220,5%,35%);--color-text-primary-rgb:240,241,243;--color-text-secondary-rgb:171,176,180;--color-text-tertiary-rgb:122,127,130;--color-text-disabled-rgb:84,88,90;--color-border-light:hsl(220,14%,18%);--color-border-medium:hsl(220,12%,25%);--color-border-strong:hsl(220,10%,35%);--color-border-light-rgb:42,45,49;--color-border-medium-rgb:59,63,68;--color-border-strong-rgb:84,90,96;--current-primary:var(--primary-dark);--current-primary-hover:var(--primary-dark-hover);--current-secondary:var(--secondary-dark);--current-secondary-hover:var(--secondary-dark-hover)}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);background-color:var(--color-background);color:var(--color-text-primary);margin:0;padding:0;min-height:100vh;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}::selection{background-color:var(--color-selection);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-selection);color:var(--color-text-primary)}:focus{outline:2px solid transparent;outline-offset:2px}:focus-visible{outline:2px solid var(--current-primary);outline-offset:2px}[data-focus-method=mouse] :focus:not(:focus-visible){outline:none}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.container{max-width:768px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.container-fluid{max-width:none}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media (min-width:768px){.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media (min-width:1024px){.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}@media (min-width:640px){.sm\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\\:col-span-1{grid-column:span 1/span 1}.sm\\:col-span-2{grid-column:span 2/span 2}.sm\\:col-span-3{grid-column:span 3/span 3}.sm\\:col-span-4{grid-column:span 4/span 4}.sm\\:col-span-6{grid-column:span 6/span 6}.sm\\:col-span-12{grid-column:span 12/span 12}.sm\\:col-span-full{grid-column:1/-1}}@media (min-width:768px){.md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\\:col-span-1{grid-column:span 1/span 1}.md\\:col-span-2{grid-column:span 2/span 2}.md\\:col-span-3{grid-column:span 3/span 3}.md\\:col-span-4{grid-column:span 4/span 4}.md\\:col-span-6{grid-column:span 6/span 6}.md\\:col-span-12{grid-column:span 12/span 12}.md\\:col-span-full{grid-column:1/-1}}@media (min-width:1024px){.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:col-span-1{grid-column:span 1/span 1}.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:col-span-3{grid-column:span 3/span 3}.lg\\:col-span-4{grid-column:span 4/span 4}.lg\\:col-span-6{grid-column:span 6/span 6}.lg\\:col-span-12{grid-column:span 12/span 12}.lg\\:col-span-full{grid-column:1/-1}}@media (min-width:1280px){.xl\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\\:col-span-1{grid-column:span 1/span 1}.xl\\:col-span-2{grid-column:span 2/span 2}.xl\\:col-span-3{grid-column:span 3/span 3}.xl\\:col-span-4{grid-column:span 4/span 4}.xl\\:col-span-6{grid-column:span 6/span 6}.xl\\:col-span-12{grid-column:span 12/span 12}.xl\\:col-span-full{grid-column:1/-1}}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-24{gap:var(--space-24)}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.my-24{margin-top:var(--space-24);margin-bottom:var(--space-24)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.px-20{padding-left:var(--space-20);padding-right:var(--space-20)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pt-24{padding-top:var(--space-24)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.pr-12{padding-right:var(--space-12)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pb-24{padding-bottom:var(--space-24)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pl-12{padding-left:var(--space-12)}.text-xs{font-size:var(--font-size-xs)}.text-sm,.text-xs{line-height:var(--line-height-tight)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg)}.text-lg,.text-xl{line-height:var(--line-height-snug)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-2xl,.text-3xl{line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.text-5xl{font-size:var(--font-size-5xl);line-height:1}.text-6xl{font-size:var(--font-size-6xl);line-height:1}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.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-current-primary{color:var(--current-primary)}.text-current-secondary{color:var(--current-secondary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.btn{font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;padding:var(--space-3) var(--space-4);gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);user-select:none;vertical-align:middle;transition:all var(--duration-fast) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--current-primary);outline-offset:2px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.btn:disabled{box-shadow:var(--shadow-xs)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);gap:var(--space-1)}.btn-sm{padding:var(--space-2) var(--space-3)}.btn-base,.btn-sm{font-size:var(--font-size-sm)}.btn-base{padding:var(--space-3) var(--space-4)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg)}.btn-primary{background:linear-gradient(135deg,var(--current-primary) 0,var(--current-primary-hover) 100%);color:var(--current-text-on-primary);border-color:var(--current-primary);box-shadow:var(--shadow-primary-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--current-primary-hover) 0,var(--current-primary) 100%);box-shadow:var(--shadow-primary-md)}.btn-secondary{background:linear-gradient(135deg,var(--current-secondary) 0,var(--current-secondary-hover) 100%);color:var(--current-text-on-secondary);border-color:var(--current-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--current-secondary-hover) 0,var(--current-secondary) 100%);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--current-primary);border-color:var(--current-primary)}.btn-outline:hover:not(:disabled){background:var(--current-primary);color:var(--current-text-on-primary);box-shadow:var(--shadow-primary-sm)}.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l)) 0,hsl(var(--color-success-h),var(--color-success-s),calc(var(--color-success-l) - 5%)) 100%);color:white;border-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.btn-warning{background:linear-gradient(135deg,hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l)) 0,hsl(var(--color-warning-h),var(--color-warning-s),calc(var(--color-warning-l) - 5%)) 100%);color:hsl(var(--color-warning-h),var(--color-warning-s),15%);border-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.btn-error{background:linear-gradient(135deg,hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l)) 0,hsl(var(--color-error-h),var(--color-error-s),calc(var(--color-error-l) - 5%)) 100%);color:white;border-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.btn-info{background:linear-gradient(135deg,hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l)) 0,hsl(var(--color-info-h),var(--color-info-s),calc(var(--color-info-l) - 5%)) 100%);color:white;border-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{position:relative;flex:1 1 auto}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:first-child){margin-left:-1px}.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.card{display:flex;flex-direction:column;background-color:rgb(var(--color-card));border-radius:var(--radius-xl);box-shadow:var(--shadow-primary-sm);transition:all var(--duration-normal) var(--ease-out);margin:var(--space-2)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-primary-md);transform:translateY(-2px);border-color:var(--color-border-medium)}.card-body,.card-header{padding:var(--space-6)}.card-body{flex:1 1 auto}.card-footer{padding:var(--space-6);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.card-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.card-subtitle,.card-text{margin:0 0 var(--space-4) 0}.card-text{color:var(--color-text-primary)}.card-text:last-child{margin-bottom:0}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-elevated:hover{box-shadow:var(--shadow-primary-md)}.card-glass{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium)}.card-primary{background:linear-gradient(135deg,var(--current-primary) 0,var(--current-primary-hover) 100%);color:var(--current-text-on-primary);border-color:var(--current-primary);box-shadow:var(--shadow-primary-md)}.card-primary .card-footer,.card-primary .card-header{border-color:rgba(255,255,255,.2)}.card-cover{overflow:hidden;display:flex;flex-direction:column}.card-cover-image{width:100%;height:12rem;object-fit:cover;object-position:center;transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.card-cover:hover .card-cover-image{transform:scale(1.05)}.card-cover .card-actions,.card-cover .card-body,.card-cover .card-footer{flex:1;width:100%}.card-horizontal{flex-direction:row;align-items:stretch}.card-image-left,.card-image-right{width:12rem;min-height:8rem;flex-shrink:0;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}.card-image-left{border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.card-image-right{border-radius:0 var(--radius-xl) var(--radius-xl) 0;order:2}.card-image-left img,.card-image-right img{width:100%;height:100%;object-fit:cover}.card-horizontal .card-body{flex:1}@media (max-width:768px){.card-horizontal{flex-direction:column}.card-image-left,.card-image-right{width:100%;min-height:12rem;order:0;flex-shrink:0;background-size:cover;background-position:50%;background-repeat:no-repeat;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-4) calc(-1 * var(--space-6));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.card-horizontal .card-body{order:1;width:100%;padding:var(--space-6)}.card-horizontal .card-image-left img,.card-horizontal .card-image-right img{width:100%;height:100%;object-fit:cover;display:block}}.card-actions{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-top:auto}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer}.label-required:after{content:"*";color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));margin-left:var(--space-1)}.input,.select,.textarea{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--current-primary);box-shadow:0 0 0 3px var(--color-focus-ring);background-color:var(--color-surface)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;background-color:var(--color-surface-hover)}.input-xs,.select-xs,.textarea-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.input-sm,.select-sm,.textarea-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.input-lg,.select-lg,.textarea-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg)}.input-xl,.select-xl,.textarea-xl{padding:var(--space-5) var(--space-6);font-size:var(--font-size-xl)}.textarea{min-height:calc(var(--space-24) + var(--space-8))}.textarea-fixed{resize:none}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-size:1.5em 1.5em;padding-right:var(--space-8);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.select:focus{border-color:hsl(var(--base-primary));box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.1)}.select option{background:var(--color-surface);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:var(--space-1);border:1px solid var(--color-border-light);transition:all var(--duration-fast) var(--ease-out)}.select option:checked{background:var(--current-primary);color:white;border-color:var(--current-primary)}.select option:hover{background:var(--color-surface-hover);border-color:var(--color-border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-size:1rem 1rem;padding-right:calc(var(--space-4) + 1.5rem)}[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.input-error,.select-error,.textarea-error{border-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));box-shadow:0 0 0 3px hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.1)}.input-success,.select-success,.textarea-success{border-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l));box-shadow:0 0 0 3px hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.1)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}input[type=file]::-webkit-file-upload-button{background:hsl(var(--base-surface));border:1px solid hsl(var(--base-border));color:hsl(var(--base-foreground));padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);margin-right:var(--space-2);cursor:pointer;transition:all .2s ease}input[type=file]::-webkit-file-upload-button:hover{background:hsl(var(--base-surface-hover))}input[type=date],input[type=datetime-local],input[type=time]{position:relative}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=datetime-local]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit-fields-wrapper{color:hsl(var(--base-foreground))}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{background:var(--color-surface-hover);color:var(--current-primary);border-radius:var(--radius-md);transform:scale(1.05)}input[type=date]::-webkit-inner-spin-button,input[type=datetime-local]::-webkit-inner-spin-button,input[type=time]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}input[type=date],input[type=datetime-local],input[type=time]{display:block;width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out);appearance:none;-webkit-appearance:none;-moz-appearance:textfield}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus{outline:none;border-color:var(--current-primary);box-shadow:0 0 0 3px var(--color-focus-ring);background-color:var(--color-surface)}.help-text{margin-top:var(--space-1);font-size:var(--font-size-sm);color:hsl(var(--base-secondary));display:flex;align-items:center;gap:.375rem}.help-text-error{color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.help-text-success{color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.help-text-warning{color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.help-text-info{color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.help-text-error:before{content:"✕";font-size:.75rem;font-weight:700}.help-text-success:before{content:"✓";font-size:.75rem;font-weight:700}.help-text-warning:before{content:"⚠";font-size:.75rem}.help-text-info:before{content:"ℹ";font-size:.75rem}.form-group{position:relative;margin-bottom:var(--space-4)}.form-group.has-error .input,.form-group.has-error .select,.form-group.has-error .textarea{border-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));box-shadow:0 0 0 3px hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.1)}.form-group.has-success .input,.form-group.has-success .select,.form-group.has-success .textarea{border-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l));box-shadow:0 0 0 3px hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.1)}.form-group.has-warning .input,.form-group.has-warning .select,.form-group.has-warning .textarea{border-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l));box-shadow:0 0 0 3px hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.1)}.help-text{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.icon{display:inline-block;vertical-align:middle;color:currentColor;transition:color var(--duration-fast) var(--ease-out)}.icon:hover{color:hsl(var(--base-primary))}.icon[role=button]{cursor:pointer}.icon[role=button]:focus{outline:2px solid hsl(var(--base-primary));outline-offset:2px;border-radius:var(--radius-sm)}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-base{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.btn .icon{margin-right:.5rem}.btn .icon:last-child{margin-right:0;margin-left:.5rem}.btn .icon:only-child{margin:0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group .input{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group-append,.input-group-prepend{display:flex}.input-group-text{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-align:center;white-space:nowrap;background-color:var(--color-surface-hover);border:1px solid var(--color-border-medium)}.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group-prepend~.input{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .input~.input-group-append{margin-left:-1px}.input-group .input~.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border-medium)}.border-border-light{border:1px solid var(--color-border-light)}.border-border-medium{border:1px solid var(--color-border-medium)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-none{max-width:none}.max-h-none{max-height:none}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.z-auto{z-index:auto}.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}.checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);gap:var(--space-3)}.checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox .checkmark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background-color:var(--color-surface);border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--current-primary);border-color:var(--current-primary)}.checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid var(--current-text-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox:hover .checkmark{border-color:var(--current-primary);box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.1)}.checkbox input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.2)}.radio{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);gap:var(--space-3)}.radio input[type=radio]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.radio .radiomark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background-color:var(--color-surface);border:2px solid var(--color-border-medium);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.radio input[type=radio]:checked+.radiomark{background-color:var(--color-surface);border-color:var(--current-primary)}.radio .radiomark:after{content:"";position:absolute;display:none;width:var(--space-2);height:var(--space-2);background-color:var(--current-primary);border-radius:var(--radius-full)}.radio input[type=radio]:checked+.radiomark:after{display:block}.radio:hover .radiomark{border-color:var(--current-primary);box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.1)}.radio input[type=radio]:focus+.radiomark{box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.2)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);gap:var(--space-3)}.toggle input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.toggle .switch{position:relative;display:inline-block;width:var(--space-12);height:var(--space-6);background-color:var(--color-border-medium)}.toggle .switch,.toggle .switch:before{border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.toggle .switch:before{content:"";position:absolute;top:2px;left:2px;width:var(--space-5);height:var(--space-5);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.toggle input[type=checkbox]:checked+.switch{background-color:var(--current-primary)}.toggle input[type=checkbox]:checked+.switch:before{transform:translateX(var(--space-6))}.toggle:hover .switch{box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.1)}.toggle input[type=checkbox]:focus+.switch{box-shadow:0 0 0 3px hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.2)}.form-group-inline{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group-horizontal{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.form-group-horizontal .label{min-width:8rem;padding-top:var(--space-2);margin-bottom:0}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-group-inline,.radio-group-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.file-upload-area{position:relative;display:flex;align-items:center;justify-content:center;min-height:8rem;padding:var(--space-6);border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);background-color:var(--color-surface-hover);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.file-upload-area:hover{border-color:var(--current-primary);background-color:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.05)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.file-upload-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-3);opacity:.6}.file-upload-text p{margin:0;margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.file-upload-text .text-xs{color:var(--color-text-secondary)}.banner{justify-content:space-between;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-sm);line-height:1.5;flex-wrap:wrap;min-height:3rem}.banner,.banner-content{gap:var(--space-3)}.banner-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.banner-actions{gap:var(--space-2)}.banner-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);opacity:.7;flex-shrink:0}.banner-close:hover{opacity:1;background-color:rgba(0,0,0,.05)}.banner-primary{background-color:var(--color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}border-color:var(--color-primary);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}color:var(--color-primary)}.banner-warning{background-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-warning) 10%,transparent)}border-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-warning) 20%,transparent)}color:var(--color-warning)}.banner-success{background-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-success) 10%,transparent)}border-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-success) 20%,transparent)}color:var(--color-success)}.banner-error{background-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}border-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-error) 20%,transparent)}color:var(--color-error)}@media (max-width:640px){.banner{padding:var(--space-3);font-size:var(--font-size-xs);position:relative}.banner,.banner-content{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.banner-content{width:100%;text-align:left;padding-right:var(--space-8)}.banner-content>div{display:flex;flex-direction:column;gap:var(--space-1)}.banner-content strong{font-weight:var(--font-weight-semibold);display:block}.banner-content span{margin-left:0!important;display:block;opacity:.8}.banner-actions{width:100%;justify-content:flex-start;margin-top:var(--space-2)}.banner-close{position:absolute;top:var(--space-2);right:var(--space-2);width:1.75rem;height:1.75rem}}@media (max-width:768px) and (min-width:641px){.banner{padding:var(--space-3) var(--space-4)}.banner-content>div{display:flex;flex-direction:column;gap:var(--space-1)}.banner-content strong{display:block}.banner-content span{margin-left:0!important;display:block}}[data-theme=dark] .banner-close:hover{background-color:rgba(255,255,255,.1)}[data-theme=dark] .banner-primary{background-color:var(--color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}border-color:var(--color-primary);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-primary) 25%,transparent)}}[data-theme=dark] .banner-warning{background-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-warning) 15%,transparent)}border-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}}[data-theme=dark] .banner-success{background-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-success) 15%,transparent)}border-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}}[data-theme=dark] .banner-error{background-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}border-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-error) 25%,transparent)}}.alert{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.alert:last-child{margin-bottom:0}.alert-icon{margin-right:var(--space-3);margin-top:var(--space-0-5);width:var(--space-5);height:var(--space-5)}.alert-content{flex:1 1 auto}.alert-title{margin:0 0 var(--space-1) 0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.alert-description{margin:0;color:inherit;opacity:.9}.alert-actions{flex-shrink:0;margin-left:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-2)}.alert-close{color:inherit;padding:var(--space-1);border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-out)}.alert-close:hover{opacity:1}.alert-info{background-color:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.1);border-color:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.1);color:hsl(var(--color-info-h),var(--color-info-s),calc(var(--color-info-l) - 30%))}.alert-success{background-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.1);border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.3);color:hsl(var(--color-success-h),var(--color-success-s),calc(var(--color-success-l) - 30%))}.alert-warning{background-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.1);border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.3);color:hsl(var(--color-warning-h),var(--color-warning-s),calc(var(--color-warning-l) - 40%))}.alert-error{background-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.1);border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.3);color:hsl(var(--color-error-h),var(--color-error-s),calc(var(--color-error-l) - 30%))}.alert-info-solid{background-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l));border-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l));color:white}.alert-success-solid{background-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l));border-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l));color:white}.alert-warning-solid{background-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l));border-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l));color:hsl(var(--color-warning-h),var(--color-warning-s),15%)}.alert-error-solid{background-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));border-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));color:white}[data-theme=dark] .alert{background-color:var(--color-surface);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-surface) 95%,transparent)}border-color:var(--color-border);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-border) 40%,transparent)}color:var(--color-text-primary)}[data-theme=dark] .alert-close{color:var(--color-text-secondary);background-color:transparent}[data-theme=dark] .alert-close:hover{color:var(--color-text-primary);background-color:var(--color-text-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-text-primary) 10%,transparent)}}[data-theme=dark] .alert-info{background-color:var(--color-info);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-info) 8%,var(--color-surface))}border-color:var(--color-info);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-info) 25%,transparent)}color:var(--color-info);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-info) 90%,white)}}[data-theme=dark] .alert-success{background-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}border-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}color:var(--color-success);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-success) 90%,white)}}[data-theme=dark] .alert-warning{background-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-warning) 8%,var(--color-surface))}border-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-warning) 90%,white)}}[data-theme=dark] .alert-error{background-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-error) 8%,var(--color-surface))}border-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-error) 25%,transparent)}color:var(--color-error);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-error) 90%,white)}}[data-theme=dark] .alert-info-solid{background-color:var(--color-info);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-info) 85%,black)}border-color:var(--color-info);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-info) 85%,black)}color:white}[data-theme=dark] .alert-success-solid{background-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-success) 85%,black)}border-color:var(--color-success);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-success) 85%,black)}color:white}[data-theme=dark] .alert-warning-solid{background-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-warning) 85%,black)}border-color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-warning) 85%,black)}color:white}[data-theme=dark] .alert-error-solid{background-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-error) 85%,black)}border-color:var(--color-error);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-error) 85%,black)}color:white}[data-theme=dark] .alert-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}[data-theme=dark] .alert-description{color:var(--color-text-secondary);opacity:.9}[data-theme=dark] .alert-icon{opacity:.9}[data-theme=dark] .alert-info .alert-icon{color:var(--color-info);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-info) 95%,white)}}[data-theme=dark] .alert-success .alert-icon{color:var(--color-success);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-success) 95%,white)}}[data-theme=dark] .alert-warning .alert-icon{color:var(--color-warning);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-warning) 95%,white)}}[data-theme=dark] .alert-error .alert-icon{color:var(--color-error);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-error) 95%,white)}}.badge{justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.badge-xs{padding:var(--space-0-5) var(--space-1);font-size:.6875rem}.badge-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.badge-base{padding:var(--space-1-5) var(--space-2-5)}.badge-base,.badge-lg{font-size:var(--font-size-sm)}.badge-lg{padding:var(--space-2) var(--space-3)}.badge-primary{background-color:var(--current-primary);color:var(--current-text-on-primary);border-color:var(--current-primary)}.badge-secondary{background-color:var(--current-secondary);color:var(--current-text-on-secondary);border-color:var(--current-secondary)}.badge-info{background-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l));color:white;border-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.badge-success{background-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l));color:white;border-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.badge-warning{background-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l));color:hsl(var(--color-warning-h),var(--color-warning-s),15%);border-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.badge-error{background-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l));color:white;border-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.badge-outline{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border-medium)}.badge-outline-primary{background-color:transparent;color:var(--current-primary);border-color:var(--current-primary)}.badge-outline-secondary{background-color:transparent;color:var(--current-secondary);border-color:var(--current-secondary)}.badge-dot{padding:0;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.progress{display:flex;background-color:var(--color-surface-hover);border-radius:var(--radius-full);height:var(--space-2)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;background-color:var(--current-primary);color:var(--current-text-on-primary);text-align:center;white-space:nowrap;transition:width var(--duration-normal) var(--ease-out)}.progress-xs{height:var(--space-1)}.progress-sm{height:var(--space-1-5)}.progress-base{height:var(--space-2)}.progress-lg{height:var(--space-3)}.progress-xl{height:var(--space-4)}.progress-success .progress-bar{background-color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.progress-info .progress-bar{background-color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.progress-warning .progress-bar{background-color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.progress-error .progress-bar{background-color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.progress-animated .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 0,transparent 50%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 75%,transparent 0,transparent);background-size:var(--space-4) var(--space-4);animation:progress-bar-stripes var(--duration-slow) linear infinite}@keyframes progress-bar-stripes{0%{background-position-x:var(--space-4)}to{background-position-x:0}}.spinner{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);border:2px solid var(--color-border-light);border-top-color:var(--current-primary);animation:spin var(--duration-normal) linear infinite}.spinner-xs{width:var(--space-3);height:var(--space-3);border-width:1px}.spinner-sm{width:var(--space-4);height:var(--space-4);border-width:2px}.spinner-base{width:var(--space-5);height:var(--space-5);border-width:2px}.spinner-lg{width:var(--space-6);height:var(--space-6);border-width:3px}.spinner-xl{width:var(--space-8);height:var(--space-8);border-width:3px}.loading-dots{display:inline-flex;align-items:center;gap:var(--space-1)}.loading-dots .dot{width:var(--space-2);height:var(--space-2);background-color:var(--current-primary);border-radius:var(--radius-full);animation:loading-dots var(--duration-slow) infinite ease-in-out}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.15s}.loading-dots .dot:nth-child(3){animation-delay:.3s}@keyframes loading-dots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.modal-overlay{z-index:var(--z-modal);background-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:var(--space-4);transition:all var(--duration-normal) var(--ease-out)}.modal{display:flex;flex-direction:column;max-width:32rem;background-color:var(--color-surface);box-shadow:var(--shadow-2xl);transform:scale(.95) translateY(var(--space-4));transition:transform var(--duration-normal) var(--ease-out)}.modal-overlay.modal-open .modal{transform:scale(1) translateY(0)}.modal-header{padding:var(--space-6);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.modal-close{padding:var(--space-1);margin:calc(var(--space-1) * -1);color:var(--color-text-tertiary);border-radius:var(--radius-sm);width:var(--space-8);height:var(--space-8);transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-6)}.modal-footer{align-items:center;gap:var(--space-3);padding:var(--space-6);flex-shrink:0}.modal-sm{max-width:20rem}.modal-base{max-width:32rem}.modal-lg{max-width:48rem}.modal-xl{max-width:64rem}.modal-2xl{max-width:80rem}.modal-full{max-width:none;width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8));max-height:none}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:var(--z-tooltip);background-color:var(--color-inverse-surface);color:var(--color-inverse-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;max-width:16rem;opacity:0;visibility:hidden;transform:translateY(var(--space-1));transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-lg)}.tooltip-content:before{content:"";position:absolute;width:0;height:0;border-style:solid}.tooltip-top .tooltip-content{bottom:calc(100% + var(--space-2));left:50%;transform:translateX(-50%) translateY(var(--space-1))}.tooltip-top .tooltip-content:before{top:100%;left:50%;transform:translateX(-50%);border-width:var(--space-1-5) var(--space-1-5) 0 var(--space-1-5);border-color:var(--color-inverse-surface) transparent transparent transparent}.tooltip-bottom .tooltip-content{top:calc(100% + var(--space-2));left:50%;transform:translateX(-50%) translateY(calc(var(--space-1) * -1))}.tooltip-bottom .tooltip-content:before{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 var(--space-1-5) var(--space-1-5) var(--space-1-5);border-color:transparent transparent var(--color-inverse-surface) transparent}.tooltip-left .tooltip-content{right:calc(100% + var(--space-2));top:50%;transform:translateY(-50%) translateX(var(--space-1))}.tooltip-left .tooltip-content:before{top:50%;left:100%;transform:translateY(-50%);border-width:var(--space-1-5) 0 var(--space-1-5) var(--space-1-5);border-color:transparent transparent transparent var(--color-inverse-surface)}.tooltip-right .tooltip-content{left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%) translateX(calc(var(--space-1) * -1))}.tooltip-right .tooltip-content:before{top:50%;right:100%;transform:translateY(-50%);border-width:var(--space-1-5) var(--space-1-5) var(--space-1-5) 0;border-color:transparent var(--color-inverse-surface) transparent transparent}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-bottom:hover .tooltip-content,.tooltip:hover .tooltip-content{transform:translateX(-50%) translateY(0)}.tooltip-left:hover .tooltip-content,.tooltip-right:hover .tooltip-content{transform:translateY(-50%) translateX(0)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);min-width:12rem;background-color:hsl(var(--base-surface));border:1px solid hsl(var(--base-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-primary-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-2) * -1)) scale(.95);transition:all var(--duration-fast) var(--ease-out);margin:0;padding:var(--space-2) 0;list-style:none}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);text-decoration:none;cursor:pointer;border:none;background:none;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);outline:none}.dropdown-item:active{background-color:var(--current-primary);color:var(--current-text-on-primary)}.dropdown-item.disabled,.dropdown-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-divider{height:0;margin:var(--space-1) 0;overflow:hidden;border-top:1px solid var(--color-border-light)}.dropdown-header{display:block;padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.dropdown-up .dropdown-menu{top:auto;bottom:100%;transform:translateY(var(--space-2))}.dropdown-up .dropdown-menu.show{transform:translateY(0)}.dropdown-right .dropdown-menu{top:0;left:100%;transform:translateX(calc(var(--space-2) * -1))}.dropdown-right .dropdown-menu.show{transform:translateX(0)}.dropdown-left .dropdown-menu{top:0;right:100%;left:auto;transform:translateX(var(--space-2))}.dropdown-left .dropdown-menu.show{transform:translateX(0)}.divider{height:1px;margin:var(--space-6) 0;background:linear-gradient(to right,transparent 0,var(--color-border-medium) 15%,var(--color-border-medium) 85%,transparent 100%);border:none}.divider-vertical{width:1px;height:100%;margin:0 var(--space-4);background:linear-gradient(to bottom,transparent 0,var(--color-border-medium) 15%,var(--color-border-medium) 85%,transparent 100%)}.divider-thick{height:2px}.divider-dashed{background:none;border-top:2px dashed var(--color-border-medium);opacity:.6}.divider-label{position:relative;text-align:center;margin:var(--space-6) 0}.divider-label:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0,var(--color-border-medium) 25%,var(--color-border-medium) 75%,transparent 100%);z-index:1}.divider-label span{background:var(--color-surface);padding:0 var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;z-index:2}.table-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin:var(--space-2)}.table{font-size:var(--font-size-sm)}.table thead{background:var(--color-surface-hover)}.table th{font-weight:var(--font-weight-semibold)}.table td,.table th{padding:var(--space-4) var(--space-6);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.table td{transition:background-color var(--duration-fast) var(--ease-out)}.table tbody tr:hover{background-color:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background-color:rgba(0,0,0,.02)}.table-compact td,.table-compact th{padding:var(--space-2) var(--space-4)}.table-spacious td,.table-spacious th{padding:var(--space-6) var(--space-8)}.list{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin:var(--space-2)}.list-item{display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.list-item:hover{background-color:var(--color-surface-hover);transform:translateX(var(--space-1))}.list-item:last-child{border-bottom:none}.list-item-icon{margin-right:var(--space-3);width:var(--space-5);height:var(--space-5);flex-shrink:0;color:var(--current-primary)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.list-item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.list-item-action{margin-left:var(--space-3);flex-shrink:0}.list-compact .list-item{padding:var(--space-2) var(--space-4)}.list-spacious .list-item{padding:var(--space-6) var(--space-8)}.skeleton{background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-border-light) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:var(--space-4);margin-bottom:var(--space-2)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-title{height:var(--space-6);width:80%;margin-bottom:var(--space-4)}.skeleton-avatar{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full)}.skeleton-button{height:var(--space-10);width:6rem;border-radius:var(--radius-md)}.skeleton-card{height:12rem;border-radius:var(--radius-xl)}.spinner-pulse{display:inline-block;width:var(--space-4);height:var(--space-4);background-color:var(--current-primary);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.spinner-bounce{display:inline-flex;gap:var(--space-1)}.spinner-bounce .bounce-dot{width:var(--space-2);height:var(--space-2);background-color:var(--current-primary);border-radius:var(--radius-full);animation:bounce 1.4s ease-in-out infinite both}.spinner-bounce .bounce-dot:first-child{animation-delay:-.32s}.spinner-bounce .bounce-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.hero{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-20) var(--space-4);background:linear-gradient(135deg,var(--current-primary) 0,var(--current-secondary) 100%);color:var(--current-text-on-primary);border-radius:var(--radius-2xl);margin:var(--space-4);box-shadow:var(--shadow-2xl)}@media (max-width:768px){.hero{padding:var(--space-16) var(--space-4);margin:var(--space-2);border-radius:var(--radius-xl)}.hero-content{max-width:100%;padding:0 var(--space-4);word-wrap:break-word;overflow-wrap:break-word}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);line-height:var(--line-height-tight);word-spacing:-.05em}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.hero-actions{flex-direction:column;align-items:center;gap:var(--space-3)}}@media (max-width:480px){.hero{padding:var(--space-12) var(--space-3);margin:var(--space-1)}.hero-content{padding:0 var(--space-2)}.hero-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.hero-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}}.hero:before{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.hero-content{position:relative;z-index:2;max-width:48rem}.hero-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-xl));font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);opacity:.9}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-compact{min-height:40vh;padding:var(--space-16) var(--space-6)}.hero-large{min-height:80vh;padding:var(--space-24) var(--space-10)}.hero-image{background-size:cover;background-position:50%;background-attachment:fixed}.hero-image:before{background:rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.drawer-overlay{z-index:var(--z-modal);background-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all var(--duration-normal) var(--ease-out)}.drawer{width:20rem;max-width:80vw;box-shadow:var(--shadow-2xl);z-index:calc(var(--z-modal) + 1);transition:transform var(--duration-normal) var(--ease-out)}.drawer-overlay.drawer-open .drawer{transform:translateX(0)}.drawer-header{padding:var(--space-6);flex-shrink:0}.drawer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.drawer-close{padding:var(--space-2);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.drawer-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.drawer-body{padding:var(--space-6)}.tabs{display:flex;flex-direction:column}.tabs-nav{display:flex;border-bottom:1px solid var(--color-border-light);background:transparent;padding:0;overflow-x:auto}.tabs-tab{background:none;padding:var(--space-4) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);position:relative}.tabs-tab:hover{color:var(--color-text-primary)}.tabs-tab.active{color:var(--current-primary);border-bottom-color:var(--current-primary)}.tabs-tab.active:before{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:var(--current-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.tabs-content{background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md)}.tabs-panel{display:none;padding:var(--space-6);animation:fadeIn var(--duration-fast) var(--ease-out)}.tabs-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.tabs-pills .tabs-nav{border-bottom:none;background:transparent;gap:var(--space-2);padding:var(--space-2)}.tabs-pills .tabs-tab{border-bottom:none;border-radius:var(--radius-lg);background:var(--color-surface-hover)}.tabs-pills .tabs-tab.active{background:var(--current-primary);color:var(--current-text-on-primary)}.tabs-pills .tabs-tab.active:before{display:none}.tabs-vertical{flex-direction:row}.tabs-vertical .tabs-nav{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border-light);border-radius:var(--radius-lg) 0 0 var(--radius-lg);min-width:12rem}.tabs-vertical .tabs-tab{border-bottom:none;border-right:2px solid transparent;text-align:left}.tabs-vertical .tabs-tab.active{border-right-color:var(--current-primary);border-bottom-color:transparent}.tabs-vertical .tabs-content{flex:1;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.drawer-footer{padding:var(--space-6);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3);justify-content:flex-end;flex-shrink:0}.modal-overlay{background:rgba(0,0,0,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .2s ease-in-out}.modal-overlay.modal-open{opacity:1;visibility:visible}.modal{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary-lg);max-width:500px;width:90%;transform:scale(.95) translateY(10px);transition:transform .2s ease-in-out}.modal-open .modal{transform:scale(1) translateY(0)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;padding:.75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .15s ease;line-height:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:1.5rem;color:var(--color-text-secondary);line-height:1.6}.modal-body,.modal-footer{background:var(--color-surface)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border-light);display:flex;gap:.75rem;justify-content:flex-end}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .3s ease-in-out}.drawer-overlay.drawer-open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;bottom:0;width:320px;background:var(--color-surface);color:var(--color-text-primary);border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);box-shadow:var(--shadow-primary-lg);display:flex;flex-direction:column;transition:transform .3s ease-in-out}.drawer-left{left:0;transform:translateX(-100%);border-left:none}.drawer-right{right:0;transform:translateX(100%);border-right:none}.drawer-open .drawer{transform:translateX(0)}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface)}.drawer-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.drawer-close{background:none;border:none;font-size:2rem;cursor:pointer;padding:.75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .15s ease;line-height:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.drawer-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto;background:var(--color-surface)}@media (max-width:640px){.drawer{width:280px}}.alert{align-items:flex-start;gap:.75rem;border-radius:var(--radius-lg);border:1px solid transparent;background:hsl(var(--base-surface));box-shadow:var(--shadow-sm);position:relative}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-weight:700;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem;color:hsl(var(--base-foreground))}.alert-description{font-size:.875rem;line-height:1.4}.alert-close,.alert-description{color:hsl(var(--base-secondary))}.alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-md);font-size:1.25rem;line-height:1;transition:all .15s ease}.alert-close:hover{background:rgba(0,0,0,.1);color:hsl(var(--base-foreground))}.alert-success{background:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.15);border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.4)}.alert-success .alert-icon{color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.alert-success .alert-title{color:hsl(var(--color-success-h),var(--color-success-s),calc(var(--color-success-l) - 10%))}.alert-info{background:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.15);border-color:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.4)}.alert-info .alert-icon{color:hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.alert-info .alert-title{color:hsl(var(--color-info-h),var(--color-info-s),calc(var(--color-info-l) - 10%))}.alert-warning{background:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.15);border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.4)}.alert-warning .alert-icon{color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.alert-warning .alert-title{color:hsl(var(--color-warning-h),var(--color-warning-s),calc(var(--color-warning-l) - 15%))}.alert-error{background:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.15);border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.4)}.alert-error .alert-icon{color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.alert-error .alert-title{color:hsl(var(--color-error-h),var(--color-error-s),calc(var(--color-error-l) - 10%))}[data-theme=dark] .alert-success{background:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.2);border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.5)}[data-theme=dark] .alert-success .alert-title{color:hsl(var(--color-success-h),var(--color-success-s),calc(var(--color-success-l) + 10%))}[data-theme=dark] .alert-info{background:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.2);border-color:hsla(var(--color-info-h),var(--color-info-s),var(--color-info-l),.5)}[data-theme=dark] .alert-info .alert-title{color:hsl(var(--color-info-h),var(--color-info-s),calc(var(--color-info-l) + 10%))}[data-theme=dark] .alert-warning{background:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.2);border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.5)}[data-theme=dark] .alert-warning .alert-title{color:hsl(var(--color-warning-h),var(--color-warning-s),calc(var(--color-warning-l) + 10%))}[data-theme=dark] .alert-error{background:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.2);border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.5)}[data-theme=dark] .alert-error .alert-title{color:hsl(var(--color-error-h),var(--color-error-s),calc(var(--color-error-l) + 10%))}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);background:hsl(var(--base-surface));border:1px solid hsl(var(--base-border));box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;max-width:24rem}.toast-icon{flex-shrink:0;font-size:1.125rem}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.875rem;color:hsl(var(--base-foreground));margin-bottom:.125rem}.toast-description{font-size:.8125rem}.toast-close,.toast-description{color:hsl(var(--base-secondary))}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-md);font-size:1.125rem;line-height:1;transition:all .15s ease}.toast-close:hover{background:hsl(var(--base-surface-hover));color:hsl(var(--base-foreground))}.toast-success{border-left:4px solid hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.toast-info{border-left:4px solid hsl(var(--color-info-h),var(--color-info-s),var(--color-info-l))}.toast-warning{border-left:4px solid hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.toast-error{border-left:4px solid hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}.banner{gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-lg);background:hsl(var(--base-surface));border:1px solid hsl(var(--base-border));position:relative}.banner,.banner-content{display:flex;align-items:center}.banner-content{gap:.75rem;flex:1;min-width:0}.banner-icon{font-size:1.125rem;flex-shrink:0}.banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.banner-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-md);color:hsl(var(--base-secondary));font-size:1.25rem;line-height:1;transition:all .15s ease}.banner-close:hover{background:hsl(var(--base-surface-hover));color:hsl(var(--base-foreground))}.banner-primary{background:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.15);border-color:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.4)}.banner-primary .banner-icon{color:hsl(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l))}.banner-warning{background:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.15);border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.4)}.banner-warning .banner-icon{color:hsl(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l))}.banner-success{background:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.15);border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.4)}.banner-success .banner-icon{color:hsl(var(--color-success-h),var(--color-success-s),var(--color-success-l))}.banner-error{background:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.15);border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.4)}.banner-error .banner-icon{color:hsl(var(--color-error-h),var(--color-error-s),var(--color-error-l))}[data-theme=dark] .banner-primary{background:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.2);border-color:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.5)}[data-theme=dark] .banner-warning{background:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.2);border-color:hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),.5)}[data-theme=dark] .banner-success{background:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.2);border-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),.5)}[data-theme=dark] .banner-error{background:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.2);border-color:hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),.5)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);outline:none;border:none;box-shadow:none!important;transition:background var(--duration-fast) var(--ease-out);cursor:pointer}input[type=range]:hover{background:var(--color-border-medium)}input[type=range]:focus{box-shadow:none!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:var(--current-primary);cursor:pointer;border:2px solid white;box-shadow:none!important;transition:all var(--duration-fast) var(--ease-out)}input[type=range]::-webkit-slider-thumb:hover{background:var(--current-primary-hover,var(--current-primary));transform:scale(1.1);box-shadow:none!important}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--current-primary);cursor:pointer;border:2px solid white;box-shadow:none!important;transition:all var(--duration-fast) var(--ease-out)}input[type=range]::-moz-range-thumb:hover{background:var(--current-primary-hover,var(--current-primary));transform:scale(1.1);box-shadow:none!important}input[type=range]::-moz-range-track{height:6px;background:var(--color-border-light);border-radius:var(--radius-full);border:none;box-shadow:none!important}[data-theme=dark] input[type=range]{background:var(--color-border-medium)}[data-theme=dark] input[type=range]::-webkit-slider-thumb{border-color:var(--color-surface)}[data-theme=dark] input[type=range]::-moz-range-thumb{border-color:var(--color-surface)}.hero{background:linear-gradient(135deg,hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.95) 0,hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.9) 50%,hsla(var(--base-primary-h),calc(var(--base-primary-s) * .8),calc(var(--base-primary-l) * 1.2),.85) 100%);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);color:white;padding:6rem 2rem;text-align:center;border-radius:1.5rem;border:var(--glass-border-strong);box-shadow:var(--shadow-primary-xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(var(--base-primary-h),var(--base-primary-s),100%,.1) 0,transparent 25%,transparent 75%,hsla(var(--base-secondary-h),var(--base-secondary-s),100%,.1) 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.hero h1{color:white;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero p{color:rgba(255,255,255,.9)}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}@media (min-width:640px){.container{padding:2rem 1.5rem}}@media (min-width:1024px){.container{padding:2rem}}.container,.flex,.grid{max-width:100%;overflow-x:hidden}.flex>*,.grid>*{min-width:0}.playground-container{padding:3rem;min-height:100vh;background:hsl(var(--base-background-h),var(--base-background-s),var(--base-background-l))}.playground-grid{display:grid;gap:2rem;padding:1rem}.playground-section{margin-bottom:3rem;padding:0 1rem}.playground-section:last-child{margin-bottom:0}.grid{display:grid;gap:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:col-span-2{grid-column:span 2/span 2}}@media (min-width:1024px){.lg\\:col-span-1{grid-column:span 1/span 1}.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.w-full{width:100%}.w-12{width:3rem}.h-8{height:2rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:800}.font-semibold{font-weight:600}.font-open-sans{font-family:var(--font-family)}@media (max-width:768px){.text-4xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}}.rounded{border-radius:.375rem}.border-2{border-width:2px}.sticky{position:sticky}.opacity-90{opacity:.9}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.375rem;margin:0;font-size:.9375rem;font-weight:500;line-height:1.25rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:visible;flex-shrink:0;white-space:nowrap;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));box-shadow:var(--shadow-sm)}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);opacity:0;transition:opacity .3s ease;border-radius:inherit}.btn:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.btn:hover:before{opacity:.1}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled,.btn:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.btn:disabled:before{opacity:0}.btn--primary{background:linear-gradient(135deg,var(--current-primary) 0,var(--current-primary-hover) 100%);color:var(--current-text-on-primary);border:1px solid hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.3);box-shadow:var(--shadow-primary-md);position:relative}.btn--primary:before{background:linear-gradient(135deg,hsla(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) + 10%),.2) 0,hsla(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) - 10%),.1) 100%)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--current-primary-hover) 0,var(--current-primary) 100%);box-shadow:var(--shadow-primary-lg);border-color:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.5)}.btn--secondary{background:linear-gradient(135deg,var(--current-secondary) 0,var(--current-secondary-hover) 100%);color:var(--current-text-on-secondary);border:1px solid hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.3);box-shadow:0 4px 8px -2px hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.2)}.btn--secondary:before{background:linear-gradient(135deg,hsla(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) + 10%),.2) 0,hsla(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) - 10%),.1) 100%)}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--current-secondary-hover) 0,var(--current-secondary) 100%);box-shadow:0 8px 16px -4px hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.25);border-color:hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.5)}.btn--success{background:linear-gradient(135deg,hsl(142,76%,36%),hsl(142,76%,32%));color:white;border:1px solid hsla(142,76%,36%,.3);box-shadow:0 4px 8px -2px hsla(142,76%,36%,.2)}.btn--success:hover:not(:disabled){box-shadow:0 8px 16px -4px hsla(142,76%,36%,.25)}.btn--error{background:linear-gradient(135deg,hsl(0,84%,60%),hsl(0,84%,56%));color:white;border:1px solid hsla(0,84%,60%,.3);box-shadow:0 4px 8px -2px hsla(0,84%,60%,.2)}.btn--error:hover:not(:disabled){box-shadow:0 8px 16px -4px hsla(0,84%,60%,.25)}.btn--warning{background:linear-gradient(135deg,hsl(45,93%,58%),hsl(45,93%,54%));color:hsl(45,93%,15%);border:1px solid hsla(45,93%,58%,.3);box-shadow:0 4px 8px -2px hsla(45,93%,58%,.2)}.btn--warning:hover:not(:disabled){box-shadow:0 8px 16px -4px hsla(45,93%,58%,.25)}.btn--info{background:linear-gradient(135deg,hsl(200,98%,39%),hsl(200,98%,35%));color:white;border:1px solid hsla(200,98%,39%,.3);box-shadow:0 4px 8px -2px hsla(200,98%,39%,.2)}.btn--info:hover:not(:disabled){box-shadow:0 8px 16px -4px hsla(200,98%,39%,.25)}.btn--outline{background:transparent;border:2px solid var(--current-primary);color:var(--current-primary);box-shadow:var(--shadow-sm)}.btn--outline:hover:not(:disabled){background:var(--current-primary);color:var(--current-text-on-primary);box-shadow:var(--shadow-lg)}.btn--ghost{background:transparent;border-color:transparent;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));box-shadow:none}.btn--ghost:hover:not(:disabled){background:hsla(var(--base-text-h),var(--base-text-s),var(--base-text-l),.08);border-color:hsla(var(--base-text-h),var(--base-text-s),var(--base-text-l),.15);box-shadow:none}.btn--xs{padding:.25rem .75rem;font-size:.75rem}.btn--sm{padding:.4375rem 1rem;font-size:.875rem}.btn--lg{padding:.75rem 1.75rem;font-size:1.0625rem}.input,.select,.textarea{display:block;width:100%;padding:1rem 1.25rem;margin:4px;font-size:1rem;line-height:1.5;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));background:hsl(var(--base-background-h),var(--base-background-s),calc(var(--base-background-l) + 5%));border:2px solid hsl(var(--base-border-h),var(--base-border-s),var(--base-border-l));border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:hsl(var(--base-background-h),var(--base-background-s),calc(var(--base-background-l) + 8%));border-color:hsl(var(--base-border-h),var(--base-border-s),calc(var(--base-border-l) + 10%))}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{background:hsl(0,0%,98%);border-color:hsl(0,0%,85%)}.form-group{margin-bottom:1.5rem;padding:2px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--glass-border-strong);box-shadow:var(--shadow-primary-md);background:var(--glass-bg-strong);transform:translateY(-1px)}.select{padding-right:3rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative}.select::-ms-expand{display:none}.select:focus{background-image:none}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;pointer-events:none;transition:opacity .2s ease}.select-wrapper:focus-within:after{opacity:0}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--glass-bg-light);box-shadow:var(--shadow-xs)}.textarea{resize:vertical;min-height:6rem}.label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));margin-bottom:.25rem}.checkbox,.radio{margin-right:.5rem;cursor:pointer}.card{box-sizing:border-box;background:rgb(var(--color-card));opacity:1;border:1px solid rgb(var(--color-border));border-radius:1.25rem;box-shadow:var(--shadow-primary-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;margin:0;padding:0;color:rgb(var(--color-text-primary))}.card--loading{overflow:hidden}.card__skeleton .skeleton{background:linear-gradient(90deg,hsla(var(--base-border-h),var(--base-border-s),var(--base-border-l),.2) 25%,hsla(var(--base-border-h),var(--base-border-s),var(--base-border-l),.3) 50%,hsla(var(--base-border-h),var(--base-border-s),var(--base-border-l),.2) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.card--default,.card--elevated{background:rgb(var(--color-card));color:rgb(var(--color-text-primary))}.card--elevated{box-shadow:var(--shadow-primary-xl);border:none}.card--outlined{border:1px solid rgb(var(--color-border))}.card--ghost,.card--outlined{background:transparent;color:rgb(var(--color-text-primary));box-shadow:none}.card--ghost{border:none}.card--ghost .card__body,.card--ghost .card__header{padding:0}.card--styleless{background:transparent;color:rgb(var(--color-text-primary));border:none;box-shadow:none}.card--styleless .card__body,.card--styleless .card__header{padding:0}.card--secondary{background:rgb(var(--color-secondary));color:#ffffff;border:none}.card--dashed{background:transparent;color:rgb(var(--color-text-primary));border:1px dashed rgb(var(--color-border));box-shadow:none}.card--primary{background:rgb(var(--color-primary));color:#ffffff;border:none}.card--borderless{border:none}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-xl)}.card--clickable:active{transform:translateY(0)}.card--clickable:focus{outline:2px solid var(--current-primary);outline-offset:2px}.card__cover{width:100%;overflow:hidden;border-radius:1.25rem 1.25rem 0 0;position:relative;z-index:1}.card__cover img{display:block;width:100%}.card__header{padding:1.5rem 1.5rem 0;position:relative;z-index:1}.card__header-content{display:flex;gap:1rem}.card__header-content--horizontal{align-items:flex-start;justify-content:space-between;flex-direction:row}.card__header-content--vertical{align-items:center;justify-content:center;flex-direction:column}.card__header-main{display:flex;align-items:center;gap:.75rem;min-width:0}.card__header-main--horizontal{flex:1 1 auto;width:auto;flex-direction:row}.card__header-main--vertical{flex:0 0 auto;width:100%;flex-direction:column}.card__header-text{min-width:0}.card__header-text--horizontal{flex:1 1 auto;width:auto;text-align:left}.card__header-text--vertical{flex:0 0 auto;width:100%;text-align:center}.card__top-right-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.card__top-right-actions--mobile{display:none}.card__top-right-actions>*{max-width:100%}.card__body{padding:1.5rem;position:relative;z-index:1}.card__title{font-weight:600;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));margin:0 0 .25rem}h1.card__title{font-size:var(--font-size-4xl)}h2.card__title{font-size:var(--font-size-3xl)}h3.card__title{font-size:var(--font-size-2xl)}h4.card__title{font-size:var(--font-size-xl)}h5.card__title{font-size:var(--font-size-lg)}h6.card__title{font-size:var(--font-size-base)}.card__subtitle{font-size:.875rem;color:hsl(var(--base-text-muted-h),var(--base-text-muted-s),var(--base-text-muted-l));margin:0}.card__footer{padding:0 1.5rem 1.5rem}.card-actions,.card__footer{display:flex;justify-content:flex-end;gap:.75rem;position:relative;z-index:1}.card-actions{padding:0 1rem 1rem}.card-body,.card-header{position:relative;z-index:1}.card-title{font-size:1.25rem;font-weight:600;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));margin-bottom:.25rem}.card-subtitle{font-size:.875rem;color:hsl(var(--base-text-muted-h),var(--base-text-muted-s),var(--base-text-muted-l))}@media (max-width:767px){.card__header-content--horizontal{display:block}.card__header-main--horizontal,.card__header-text--horizontal{width:100%}.card__top-right-actions--desktop{display:none!important}.card__top-right-actions--mobile{display:flex;justify-content:flex-start;flex-wrap:wrap;padding-top:1rem}}.card-text{color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));line-height:1.6}.card-primary{background:linear-gradient(135deg,hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.15) 0,hsla(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) + 10%),.1) 100%);border-color:hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.3)}.card-primary .card-title{color:hsl(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) - 20%))}.card-primary .card-text{color:hsl(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) - 15%))}[data-theme=dark] .card-primary .card-title{color:hsl(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) + 10%))}[data-theme=dark] .card-primary .card-text{color:hsl(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) + 5%))}.card-secondary{background:linear-gradient(135deg,hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.15) 0,hsla(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) + 10%),.1) 100%);border-color:hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.3)}.card-secondary .card-title{color:hsl(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) - 20%))}.card-secondary .card-text{color:hsl(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) - 15%))}[data-theme=dark] .card-secondary .card-title{color:hsl(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) + 10%))}[data-theme=dark] .card-secondary .card-text{color:hsl(var(--base-secondary-h),var(--base-secondary-s),calc(var(--base-secondary-l) + 5%))}.card-success{background:linear-gradient(135deg,hsla(142,76%,36%,.15),hsla(142,76%,46%,.1));border-color:hsla(142,76%,36%,.3)}.card-success .card-title{color:hsl(142,76%,26%)}.card-success .card-text{color:hsl(142,76%,31%)}[data-theme=dark] .card-success .card-title{color:hsl(142,76%,46%)}[data-theme=dark] .card-success .card-text{color:hsl(142,76%,41%)}.card-horizontal{display:flex;flex-direction:column}.card-image-left{border-radius:1.25rem 1.25rem 0 0;flex-shrink:0;width:100%;min-height:8rem;background-size:cover;background-position:50%;background-repeat:no-repeat}@media (min-width:768px){.card-horizontal{flex-direction:row}.card-image-left{border-radius:1.25rem 0 0 1.25rem;width:12rem;min-height:8rem}}.table{width:100%;border-collapse:collapse;background:hsl(var(--base-surface-h),var(--base-surface-s),var(--base-surface-l));border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05)}.table th{background:hsl(var(--base-surface-h),var(--base-surface-s),calc(var(--base-surface-l) - 5%));color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table td{padding:1rem 1.5rem;border-top:1px solid hsl(var(--base-border-h),var(--base-border-s),var(--base-border-l))}.table tbody tr:hover{background:hsl(var(--base-surface-h),var(--base-surface-s),calc(var(--base-surface-l) - 2%))}.alert{display:flex;padding:1rem;border-radius:.75rem;border:2px solid;margin-bottom:1rem}.alert__content{flex:1}.alert__title{font-weight:600;margin-bottom:.25rem}.alert__message{font-size:.875rem;opacity:.9}.alert--success{border-color:hsl(142,76%,36%);background:hsla(142,76%,36%,.1);color:hsl(142,76%,25%)}[data-theme=light] .alert--success{border-color:hsl(142,50%,55%)}.alert--error{border-color:hsl(0,84%,60%);background:hsla(0,84%,60%,.1);color:hsl(0,84%,40%)}[data-theme=light] .alert--error{border-color:hsl(0,70%,65%)}.alert--warning{border-color:hsl(45,93%,58%);background:hsla(45,93%,58%,.1);color:hsl(45,93%,30%)}[data-theme=light] .alert--warning{border-color:hsl(45,80%,60%)}.alert--info{border-color:hsl(200,98%,39%);background:hsla(200,98%,39%,.1);color:hsl(200,98%,25%)}[data-theme=light] .alert--info{border-color:hsl(200,80%,50%)}.progress{width:100%;height:.875rem;background:var(--glass-bg-medium);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-inner);position:relative}.progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(var(--base-primary-h),var(--base-primary-s),100%,.1) 0,transparent 50%,hsla(var(--base-primary-h),var(--base-primary-s),100%,.1) 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.progress__bar{height:100%;background:linear-gradient(135deg,var(--current-primary) 0,var(--current-primary-hover) 100%);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-primary-sm);border-radius:inherit;position:relative;z-index:1}.progress--success .progress__bar{background:linear-gradient(135deg,hsl(142,76%,36%),hsl(142,76%,32%));box-shadow:0 2px 4px -1px hsla(142,76%,36%,.3)}.progress--error .progress__bar{background:linear-gradient(135deg,hsl(0,84%,60%),hsl(0,84%,56%));box-shadow:0 2px 4px -1px hsla(0,84%,60%,.3)}.badge{display:inline-flex;align-items:center;padding:.375rem 1rem;font-size:.75rem;font-weight:600;border-radius:1.25rem;background:var(--glass-bg-medium);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative;overflow:hidden}.badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-overlay);opacity:0;transition:opacity .2s ease}.badge:hover:before{opacity:1}.badge--primary{background:linear-gradient(135deg,var(--current-primary) 0,var(--current-primary-hover) 100%);color:var(--current-text-on-primary);border:1px solid hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.3);box-shadow:var(--shadow-primary-sm)}.badge--secondary{background:linear-gradient(135deg,var(--current-secondary) 0,var(--current-secondary-hover) 100%);color:var(--current-text-on-secondary);border:1px solid hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.3);box-shadow:0 2px 4px -1px hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.15)}.badge--success{background:linear-gradient(135deg,hsl(142,76%,36%),hsl(142,76%,32%));color:white;border:1px solid hsla(142,76%,36%,.3);box-shadow:0 2px 4px -1px hsla(142,76%,36%,.2)}.badge--error{background:linear-gradient(135deg,hsl(0,84%,60%),hsl(0,84%,56%));color:white;border:1px solid hsla(0,84%,60%,.3);box-shadow:0 2px 4px -1px hsla(0,84%,60%,.2)}.badge--warning{background:linear-gradient(135deg,hsl(45,93%,58%),hsl(45,93%,54%));color:hsl(45,93%,15%);border:1px solid hsla(45,93%,58%,.3);box-shadow:0 2px 4px -1px hsla(45,93%,58%,.2)}.badge--info{background:linear-gradient(135deg,hsl(200,98%,39%),hsl(200,98%,35%));color:white;border:1px solid hsla(200,98%,39%,.3);box-shadow:0 2px 4px -1px hsla(200,98%,39%,.2)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.2);border-left-color:hsl(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l));border-radius:50%;animation:spin 2s linear infinite;flex-shrink:0}.spinner--sm{width:1rem;height:1rem;border-width:1.5px;flex-shrink:0}.spinner--lg{width:2rem;height:2rem;border-width:3px;flex-shrink:0}.spinner-container{display:inline-flex;align-items:center;justify-content:center;min-width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-bg-strong);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong)}}.modal{background:var(--glass-bg-strong);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);border:var(--glass-border-strong);border-radius:1.5rem;box-shadow:var(--shadow-primary-xl);max-width:36rem;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l),.03) 0,hsla(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l),.03) 100%);border-radius:inherit}.modal-header,.modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:var(--glass-border);position:relative;z-index:1}.modal-title,.modal__title{font-size:1.375rem;font-weight:700;color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));background:linear-gradient(135deg,var(--current-primary) 0,var(--current-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close,.modal__close{background:var(--glass-bg-medium);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;color:hsl(var(--base-text-muted-h),var(--base-text-muted-s),var(--base-text-muted-l));transition:all .2s ease}.modal-close:hover,.modal__close:hover{color:hsl(var(--base-text-h),var(--base-text-s),var(--base-text-l));background:var(--glass-bg-strong);border-color:var(--glass-border-strong);transform:scale(1.1)}.modal-body,.modal__content{padding:1.5rem 2rem;overflow-y:auto;position:relative;z-index:1}.modal-footer,.modal__footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:var(--glass-border);position:relative;z-index:1}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-2rem);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong)}}@media (min-width:768px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:col-span-2{grid-column:span 2/span 2}}@media (max-width:767px){.md\\:hidden{display:block}}.bg-base{background-color:hsl(var(--base-background-h),var(--base-background-s),var(--base-background-l))}.bg-primary{background-color:hsl(var(--base-primary-h),var(--base-primary-s),var(--base-primary-l))}.bg-secondary{background-color:hsl(var(--base-secondary-h),var(--base-secondary-s),var(--base-secondary-l))}.bg-primary-900{background-color:hsl(var(--base-primary-h),var(--base-primary-s),calc(var(--base-primary-l) - 30%))}@media (max-width:768px){.card-top-right-actions-desktop{display:none!important}.card-top-right-actions-mobile{display:flex!important}}@media (min-width:769px){.card-top-right-actions-desktop{display:flex!important}.card-top-right-actions-mobile{display:none!important}}:root{--color-primary-50:239 246 255;--color-primary-100:219 234 254;--color-primary-200:191 219 254;--color-primary-300:147 197 253;--color-primary-400:96 165 250;--color-primary-500:59 130 246;--color-primary-600:37 99 235;--color-primary-700:29 78 216;--color-primary-800:30 64 175;--color-primary-900:30 58 138;--color-primary-950:23 37 84;--foreground-rgb:0,0,0;--background-start-rgb:249,250,251;--background-end-rgb:255,255,255}.dark{--foreground-rgb:255,255,255;--background-start-rgb:17,24,39;--background-end-rgb:17,24,39;color-scheme:dark}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}