@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--tw-color-red-50: oklch(97.1% .013 17.38);--tw-color-red-200: oklch(88.5% .062 18.334);--tw-color-red-800: oklch(44.4% .177 26.899);--tw-color-red-950: oklch(25.8% .092 26.042);--tw-color-amber-700: oklch(55.5% .163 48.998);--tw-color-emerald-50: oklch(97.9% .021 166.113);--tw-color-emerald-200: oklch(90.5% .093 164.15);--tw-color-emerald-300: oklch(84.5% .143 164.978);--tw-color-emerald-500: oklch(69.6% .17 162.48);--tw-color-emerald-800: oklch(43.2% .095 166.913);--tw-color-emerald-900: oklch(37.8% .077 168.94);--tw-color-sky-50: oklch(97.7% .013 236.62);--tw-color-sky-100: oklch(95.1% .026 236.824);--tw-color-sky-200: oklch(90.1% .058 230.902);--tw-color-sky-600: oklch(58.8% .158 241.966);--tw-color-sky-700: oklch(50% .134 242.749);--tw-color-blue-600: oklch(54.6% .245 262.881);--tw-color-indigo-300: oklch(78.5% .115 274.713);--tw-color-indigo-700: oklch(45.7% .24 277.023);--tw-color-violet-700: oklch(49.1% .27 292.581);--tw-color-slate-50: oklch(98.4% .003 247.858);--tw-color-slate-100: oklch(96.8% .007 247.896);--tw-color-slate-200: oklch(92.9% .013 255.508);--tw-color-slate-300: oklch(86.9% .022 252.894);--tw-color-slate-400: oklch(70.4% .04 256.788);--tw-color-slate-500: oklch(55.4% .046 257.417);--tw-color-slate-600: oklch(44.6% .043 257.281);--tw-color-slate-700: oklch(37.2% .044 257.287);--tw-color-slate-800: oklch(27.9% .041 260.031);--tw-color-slate-900: oklch(20.8% .042 265.755);--tw-color-slate-950: oklch(12.9% .042 264.695);--tw-color-white: #fff;--tw-spacing: .25rem;--tw-container-2xl: 42rem;--tw-container-3xl: 48rem;--tw-container-7xl: 80rem;--tw-text-xs: .75rem;--tw-text-xs--line-height: calc(1 / .75);--tw-text-sm: .875rem;--tw-text-sm--line-height: calc(1.25 / .875);--tw-text-base: 1rem;--tw-text-base--line-height: 1.5 ;--tw-text-lg: 1.125rem;--tw-text-lg--line-height: calc(1.75 / 1.125);--tw-text-xl: 1.25rem;--tw-text-xl--line-height: calc(1.75 / 1.25);--tw-text-2xl: 1.5rem;--tw-text-2xl--line-height: calc(2 / 1.5);--tw-text-3xl: 1.875rem;--tw-text-3xl--line-height: 1.2 ;--tw-font-weight-medium: 500;--tw-font-weight-semibold: 600;--tw-font-weight-bold: 700;--tw-leading-tight: 1.25;--tw-radius-md: .375rem;--tw-radius-lg: .5rem}}@layer utilities{.tw\:relative{position:relative}.tw\:mx-auto{margin-inline:auto}.tw\:mt-1{margin-top:calc(var(--tw-spacing) * 1)}.tw\:mt-3{margin-top:calc(var(--tw-spacing) * 3)}.tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)}.tw\:ml-2{margin-left:calc(var(--tw-spacing) * 2)}.tw\:flex{display:flex}.tw\:grid{display:grid}.tw\:inline-flex{display:inline-flex}.tw\:h-2{height:calc(var(--tw-spacing) * 2)}.tw\:h-4{height:calc(var(--tw-spacing) * 4)}.tw\:h-5{height:calc(var(--tw-spacing) * 5)}.tw\:h-8{height:calc(var(--tw-spacing) * 8)}.tw\:h-11{height:calc(var(--tw-spacing) * 11)}.tw\:h-\[340px\]{height:340px}.tw\:min-h-9{min-height:calc(var(--tw-spacing) * 9)}.tw\:min-h-10{min-height:calc(var(--tw-spacing) * 10)}.tw\:w-2{width:calc(var(--tw-spacing) * 2)}.tw\:w-4{width:calc(var(--tw-spacing) * 4)}.tw\:w-5{width:calc(var(--tw-spacing) * 5)}.tw\:w-8{width:calc(var(--tw-spacing) * 8)}.tw\:w-11{width:calc(var(--tw-spacing) * 11)}.tw\:w-full{width:100%}.tw\:max-w-2xl{max-width:var(--tw-container-2xl)}.tw\:max-w-3xl{max-width:var(--tw-container-3xl)}.tw\:max-w-7xl{max-width:var(--tw-container-7xl)}.tw\:min-w-0{min-width:calc(var(--tw-spacing) * 0)}.tw\:flex-1{flex:1}.tw\:shrink-0{flex-shrink:0}.tw\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.tw\:flex-col{flex-direction:column}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:items-start{align-items:flex-start}.tw\:justify-between{justify-content:space-between}.tw\:justify-center{justify-content:center}.tw\:justify-end{justify-content:flex-end}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:gap-4{gap:calc(var(--tw-spacing) * 4)}.tw\:gap-5{gap:calc(var(--tw-spacing) * 5)}.tw\:gap-6{gap:calc(var(--tw-spacing) * 6)}:where(.tw\:space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--tw-spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--tw-spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.tw\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw\:overflow-hidden{overflow:hidden}.tw\:rounded{border-radius:.25rem}.tw\:rounded-full{border-radius:calc(infinity * 1px)}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)}.tw\:rounded-md{border-radius:var(--tw-radius-md)}.tw\:border{border-style:var(--tw-border-style);border-width:1px}.tw\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tw\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tw\:border-dashed{--tw-border-style: dashed;border-style:dashed}.tw\:border-emerald-200{border-color:var(--tw-color-emerald-200)}.tw\:border-emerald-300{border-color:var(--tw-color-emerald-300)}.tw\:border-indigo-300{border-color:var(--tw-color-indigo-300)}.tw\:border-red-200{border-color:var(--tw-color-red-200)}.tw\:border-sky-200{border-color:var(--tw-color-sky-200)}.tw\:border-slate-200{border-color:var(--tw-color-slate-200)}.tw\:border-slate-300{border-color:var(--tw-color-slate-300)}.tw\:bg-emerald-50{background-color:var(--tw-color-emerald-50)}.tw\:bg-emerald-500{background-color:var(--tw-color-emerald-500)}.tw\:bg-red-50{background-color:var(--tw-color-red-50)}.tw\:bg-sky-50{background-color:var(--tw-color-sky-50)}.tw\:bg-sky-100{background-color:var(--tw-color-sky-100)}.tw\:bg-sky-600{background-color:var(--tw-color-sky-600)}.tw\:bg-slate-50{background-color:var(--tw-color-slate-50)}.tw\:bg-slate-100{background-color:var(--tw-color-slate-100)}.tw\:bg-slate-400{background-color:var(--tw-color-slate-400)}.tw\:bg-white{background-color:var(--tw-color-white)}.tw\:p-2{padding:calc(var(--tw-spacing) * 2)}.tw\:p-3{padding:calc(var(--tw-spacing) * 3)}.tw\:p-4{padding:calc(var(--tw-spacing) * 4)}.tw\:p-5{padding:calc(var(--tw-spacing) * 5)}.tw\:p-6{padding:calc(var(--tw-spacing) * 6)}.tw\:p-8{padding:calc(var(--tw-spacing) * 8)}.tw\:px-2{padding-inline:calc(var(--tw-spacing) * 2)}.tw\:px-3{padding-inline:calc(var(--tw-spacing) * 3)}.tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)}.tw\:py-0\.5{padding-block:calc(var(--tw-spacing) * .5)}.tw\:py-1\.5{padding-block:calc(var(--tw-spacing) * 1.5)}.tw\:py-2{padding-block:calc(var(--tw-spacing) * 2)}.tw\:py-3{padding-block:calc(var(--tw-spacing) * 3)}.tw\:pt-4{padding-top:calc(var(--tw-spacing) * 4)}.tw\:pb-4{padding-bottom:calc(var(--tw-spacing) * 4)}.tw\:text-center{text-align:center}.tw\:text-2xl{font-size:var(--tw-text-2xl);line-height:var(--tw-leading, var(--tw-text-2xl--line-height))}.tw\:text-3xl{font-size:var(--tw-text-3xl);line-height:var(--tw-leading, var(--tw-text-3xl--line-height))}.tw\:text-base{font-size:var(--tw-text-base);line-height:var(--tw-leading, var(--tw-text-base--line-height))}.tw\:text-lg{font-size:var(--tw-text-lg);line-height:var(--tw-leading, var(--tw-text-lg--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading, var(--tw-text-sm--line-height))}.tw\:text-xl{font-size:var(--tw-text-xl);line-height:var(--tw-leading, var(--tw-text-xl--line-height))}.tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading, var(--tw-text-xs--line-height))}.tw\:text-\[11px\]{font-size:11px}.tw\:leading-5{--tw-leading: calc(var(--tw-spacing) * 5);line-height:calc(var(--tw-spacing) * 5)}.tw\:leading-6{--tw-leading: calc(var(--tw-spacing) * 6);line-height:calc(var(--tw-spacing) * 6)}.tw\:leading-tight{--tw-leading: var(--tw-leading-tight);line-height:var(--tw-leading-tight)}.tw\:font-bold{--tw-font-weight: var(--tw-font-weight-bold);font-weight:var(--tw-font-weight-bold)}.tw\:font-medium{--tw-font-weight: var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}.tw\:font-semibold{--tw-font-weight: var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}.tw\:tracking-\[0\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tw\:tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tw\:tracking-\[0\.14em\]{--tw-tracking: .14em;letter-spacing:.14em}.tw\:tracking-\[0\.18em\]{--tw-tracking: .18em;letter-spacing:.18em}.tw\:text-amber-700{color:var(--tw-color-amber-700)}.tw\:text-blue-600{color:var(--tw-color-blue-600)}.tw\:text-emerald-800{color:var(--tw-color-emerald-800)}.tw\:text-emerald-900{color:var(--tw-color-emerald-900)}.tw\:text-indigo-700{color:var(--tw-color-indigo-700)}.tw\:text-red-800{color:var(--tw-color-red-800)}.tw\:text-red-950{color:var(--tw-color-red-950)}.tw\:text-sky-700{color:var(--tw-color-sky-700)}.tw\:text-slate-500{color:var(--tw-color-slate-500)}.tw\:text-slate-600{color:var(--tw-color-slate-600)}.tw\:text-slate-700{color:var(--tw-color-slate-700)}.tw\:text-slate-800{color:var(--tw-color-slate-800)}.tw\:text-slate-900{color:var(--tw-color-slate-900)}.tw\:text-slate-950{color:var(--tw-color-slate-950)}.tw\:text-violet-700{color:var(--tw-color-violet-700)}.tw\:text-white{color:var(--tw-color-white)}.tw\:uppercase{text-transform:uppercase}}.ds-card{background:var(--color-neutral-0, #ffffff);border:1px solid var(--color-neutral-200, #e5e7eb);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .1));padding:var(--space-4, 1rem);transition:all var(--transition-base, .2s ease-in-out)}.ds-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-1px)}.ds-card--compact{padding:var(--space-3, .75rem)}.ds-card--flat{border:1px solid var(--color-neutral-200, #e5e7eb);box-shadow:none}.ds-card--flat:hover{box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, .1));transform:none}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, .375rem);font-family:var(--font-family, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-tight, 1.25);text-decoration:none;cursor:pointer;transition:all var(--transition-fast, .15s ease-in-out);border:1px solid transparent;outline:none}.ds-btn:focus{box-shadow:0 0 0 3px var(--color-primary-200, #bae6fd)}.ds-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-btn--primary{background:var(--color-primary-500, #0ea5e9);color:var(--color-neutral-0, #ffffff);border-color:var(--color-primary-500, #0ea5e9)}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-600, #0284c7);border-color:var(--color-primary-600, #0284c7);transform:translateY(-1px)}.ds-btn--secondary{background:var(--color-neutral-0, #ffffff);color:var(--color-neutral-700, #374151);border-color:var(--color-neutral-300, #d1d5db)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-neutral-50, #f9fafb);border-color:var(--color-neutral-400, #9ca3af);transform:translateY(-1px)}.ds-btn--ghost{background:transparent;color:var(--color-neutral-600, #4b5563);border-color:transparent}.ds-btn--ghost:hover:not(:disabled){background:var(--color-neutral-100, #f3f4f6);color:var(--color-neutral-700, #374151)}.ds-btn--danger{background:var(--color-error-500, #ef4444);color:var(--color-neutral-0, #ffffff);border-color:var(--color-error-500, #ef4444)}.ds-btn--danger:hover:not(:disabled){background:var(--color-error-600, #dc2626);border-color:var(--color-error-600, #dc2626);transform:translateY(-1px)}.ds-btn--sm{padding:var(--space-1, .25rem) var(--space-3, .75rem);font-size:var(--font-size-xs, .75rem)}.ds-btn--lg{padding:var(--space-3, .75rem) var(--space-6, 1.5rem);font-size:var(--font-size-base, 1rem)}.ds-btn--full{width:100%}.ds-field{display:block;width:100%}.ds-field__label{display:block;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-neutral-700, #374151);margin-bottom:var(--space-1, .25rem)}.ds-field__input{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, .375rem);font-family:var(--font-family, sans-serif);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5);color:var(--color-neutral-900, #111827);background:var(--color-neutral-0, #ffffff);transition:all var(--transition-fast, .15s ease-in-out)}.ds-field__input::placeholder{color:var(--color-neutral-400, #9ca3af)}.ds-field__input:focus{outline:none;border-color:var(--color-primary-500, #0ea5e9);box-shadow:0 0 0 3px var(--color-primary-200, #bae6fd)}.ds-field__input:disabled{background:var(--color-neutral-100, #f3f4f6);color:var(--color-neutral-500, #6b7280);cursor:not-allowed}.ds-field__input--error{border-color:var(--color-error-500, #ef4444)}.ds-field__input--error:focus{border-color:var(--color-error-500, #ef4444);box-shadow:0 0 0 3px var(--color-error-100, #fee2e2)}.ds-field__select{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, .375rem);font-family:var(--font-family, sans-serif);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5);color:var(--color-neutral-900, #111827);background:var(--color-neutral-0, #ffffff);transition:all var(--transition-fast, .15s ease-in-out);cursor:pointer}.ds-field__select:focus{outline:none;border-color:var(--color-primary-500, #0ea5e9);box-shadow:0 0 0 3px var(--color-primary-200, #bae6fd)}.ds-field__textarea{display:block;width:100%;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--color-neutral-300, #d1d5db);border-radius:var(--radius-md, .375rem);font-family:var(--font-family, sans-serif);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5);color:var(--color-neutral-900, #111827);background:var(--color-neutral-0, #ffffff);transition:all var(--transition-fast, .15s ease-in-out);min-height:80px;resize:vertical}.ds-field__textarea:focus{outline:none;border-color:var(--color-primary-500, #0ea5e9);box-shadow:0 0 0 3px var(--color-primary-200, #bae6fd)}.ds-field__error{display:block;font-size:var(--font-size-xs, .75rem);color:var(--color-error-600, #dc2626);margin-top:var(--space-1, .25rem)}.ds-field__checkbox{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-2, .5rem)}.ds-field__checkbox input{margin:0;accent-color:var(--color-primary-500, #0ea5e9)}.ds-field__checkbox label{font-size:var(--font-size-sm, .875rem);color:var(--color-neutral-700, #374151);cursor:pointer;margin:0}.ds-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-md, .375rem);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-tight, 1.25);text-transform:uppercase;letter-spacing:.025em;background:var(--color-neutral-100, #f3f4f6);color:var(--color-neutral-700, #374151)}.ds-badge--success{background:var(--color-success-100, #dcfce7);color:var(--color-success-700, #15803d)}.ds-badge--error{background:var(--color-error-100, #fee2e2);color:var(--color-error-700, #b91c1c)}.ds-badge--warning{background:var(--color-warning-100, #fef3c7);color:var(--color-warning-600, #d97706)}.ds-badge--primary{background:var(--color-primary-100, #e0f2fe);color:var(--color-primary-700, #0369a1)}.ds-badge--sm{padding:2px var(--space-1, .25rem);font-size:10px}.ds-stack{display:flex;flex-direction:column}.ds-stack--sm{gap:var(--space-1, .25rem)}.ds-stack--md{gap:var(--space-2, .5rem)}.ds-stack--lg{gap:var(--space-4, 1rem)}.ds-flex{display:flex}.ds-flex--center{align-items:center}.ds-flex--between{justify-content:space-between}.ds-flex--wrap{flex-wrap:wrap}.ds-flex--col{flex-direction:column}.ds-flex--gap-sm{gap:var(--space-1, .25rem)}.ds-flex--gap-md{gap:var(--space-2, .5rem)}.ds-flex--gap-lg{gap:var(--space-4, 1rem)}.ds-grid{display:grid}.ds-grid--1{grid-template-columns:1fr}.ds-grid--2{grid-template-columns:repeat(2,1fr)}.ds-grid--3{grid-template-columns:repeat(3,1fr)}.ds-grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ds-grid--gap-sm{gap:var(--space-2, .5rem)}.ds-grid--gap-md{gap:var(--space-4, 1rem)}.ds-grid--gap-lg{gap:var(--space-6, 1.5rem)}@media (max-width: 768px){.ds-grid--3{grid-template-columns:1fr}.ds-mobile-stack{flex-direction:column}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--accent-50: #fdf4ff;--accent-100: #fae8ff;--accent-200: #f5d0fe;--accent-300: #f0abfc;--accent-400: #e879f9;--accent-500: #d946ef;--accent-600: #c026d3;--accent-700: #a21caf;--accent-800: #86198f;--accent-900: #701a75;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--success-500: #10b981;--warning-500: #f59e0b;--error-500: #ef4444;--bg-body: var(--neutral-50);--bg-card: var(--neutral-0);--bg-hover: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--border-color: var(--neutral-200);--border-hover: var(--neutral-300);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family);background-color:var(--neutral-0);color:var(--neutral-800);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-neutral-400{color:var(--neutral-400)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-900{color:var(--neutral-900)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-error-500{color:var(--error-500)}.text-success-500{color:var(--success-500)}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-modern:focus{outline:none;box-shadow:0 0 0 3px var(--primary-200)}.btn-modern:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-modern.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-600) 100%);color:var(--neutral-0);box-shadow:var(--shadow-sm)}.btn-modern.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--accent-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-modern.btn-secondary{background:var(--neutral-0);color:var(--neutral-700);border:1px solid var(--neutral-300);box-shadow:var(--shadow-sm)}.btn-modern.btn-secondary:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input-modern{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--neutral-300);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);background-color:var(--neutral-0);transition:all var(--transition-base);color:var(--neutral-800)}.input-modern:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-modern.error{border-color:var(--error-500)}.input-modern.error:focus{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.input-modern::placeholder{color:var(--neutral-400)}.card-modern{background:var(--neutral-0);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.card-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-2xl);pointer-events:none}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner-modern{width:16px;height:16px;border:2px solid var(--neutral-300);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.w-full{width:100%}.w-10{width:2.5rem}.w-15{width:3.75rem}.h-10{height:2.5rem}.h-96{height:24rem}.h-0\.5{height:.125rem}.h-2{height:.5rem}.h-4{height:1rem}.min-h-screen{min-height:100vh}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-b-0{border-bottom-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-red-300{border-color:#fca5a5}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-gray-500{background-color:#6b7280}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:#2563eb}.bg-green-100{background-color:#dcfce7}.bg-green-600{background-color:#16a34a}.bg-red-50{background-color:#fef2f2}.bg-purple-600{background-color:#9333ea}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.text-blue-800{color:#1e40af}.text-green-800{color:#166534}.text-red-700{color:#b91c1c}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-600:hover{background-color:#4b5563}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-purple-700:hover{background-color:#7c3aed}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:ring-gray-500:focus{--tw-ring-color: #6b7280}.focus\:ring-green-500:focus{--tw-ring-color: #22c55e}.focus\:ring-red-500:focus{--tw-ring-color: #ef4444}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-0{min-width:0px}.appearance-none{appearance:none}.cursor-pointer{cursor:pointer}.animate-spin{animation:spin 1s linear infinite}.inline-block{display:inline-block}.object-fit-cover{object-fit:cover}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 1024px){.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.overflow-hidden{overflow:hidden}.generation-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.generation-modal{width:min(94vw,470px);border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a38;padding:30px;text-align:center;animation:confirmation-panel-enter .22s ease-out both}.generation-modal__icon{display:inline-grid;width:58px;height:58px;place-items:center;border-radius:999px;background:#f0ebff;color:#6d4df2}.generation-modal__icon--failed{background:#fff1f2;color:#dc2626}.generation-modal__icon svg,.generation-stage-list svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.generation-modal h2{margin:18px 0 0;color:#111827;font-size:1.18rem;font-weight:820;line-height:1.25}.generation-modal p{margin:10px auto 0;max-width:360px;color:#5f6b7a;font-size:.88rem;line-height:1.55}.generation-progress{margin-top:24px;text-align:left}.generation-progress__top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#374151;font-size:.82rem;font-weight:720}.generation-progress__top strong{color:#6d4df2;font-variant-numeric:tabular-nums}.generation-progress__track{height:9px;margin-top:10px;border-radius:999px;background:#edf0f6;overflow:hidden}.generation-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#6d4df2);transition:width .26s ease}.generation-stage-list{display:grid;gap:12px;margin:24px 0 0;padding:0;text-align:left;list-style:none}.generation-stage-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;color:#697386;font-size:.86rem;font-weight:620}.generation-stage-list__marker{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid #d7dde8;border-radius:999px;color:#9aa4b2}.generation-stage-list__marker svg{width:13px;height:13px}.generation-stage-list__marker>span{width:9px;height:9px;border-radius:999px;border:2px solid #6d4df2;border-top-color:transparent;animation:generation-spin .8s linear infinite}.generation-stage-list li.is-completed{color:#246b42}.generation-stage-list li.is-completed .generation-stage-list__marker{border-color:#bfe8cf;background:#e7f7ed;color:#2f9d58}.generation-stage-list li.is-current{color:#1f2937}.generation-stage-list li.is-current .generation-stage-list__marker{border-color:#d8d0ff;background:#f4f0ff}.generation-stage-list li.is-failed{color:#b91c1c}.generation-stage-list li.is-failed .generation-stage-list__marker{border-color:#fecdd3;background:#fff1f2;color:#dc2626}.generation-modal small{display:block;margin-top:22px;color:#7a8596;font-size:.78rem;line-height:1.45}.generation-modal__actions{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.generation-modal__close{min-height:40px;border:0;border-radius:8px;background:#6d4df2;color:#fff;padding:0 22px;font:inherit;font-size:.84rem;font-weight:760;cursor:pointer}.generation-modal__cancel{min-height:40px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7;color:#b91c1c;padding:0 22px;font:inherit;font-size:.84rem;font-weight:760;cursor:pointer}.generation-modal__cancel:disabled{cursor:default;opacity:.64}.generation-inline-progress{position:sticky;bottom:calc(var(--confirmation-action-bar-clearance) + var(--confirmation-sticky-gap));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:960px;margin:18px auto 0;padding:14px 16px;border:1px solid #d9e1ee;border-radius:8px;background:#fff;box-shadow:0 16px 36px #0f172a24}.generation-inline-progress__body{flex:1;min-width:0}.generation-inline-progress__label{display:block;color:#0f172a;font-size:.82rem;font-weight:760}.generation-inline-progress strong{float:right;margin-left:12px;color:#6d4df2;font-size:.86rem}.generation-inline-progress p{margin:4px 0 8px;color:#64748b;font-size:.78rem;line-height:1.35}.generation-inline-progress__track{height:6px;overflow:hidden;border-radius:999px;background:#edf1f7}.generation-inline-progress__track span{display:block;height:100%;border-radius:inherit;background:#6d4df2;transition:width .22s ease}.generation-inline-progress__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.generation-inline-progress__actions button{min-height:36px;border:0;border-radius:8px;background:#6d4df2;color:#fff;padding:0 14px;font:inherit;font-size:.78rem;font-weight:760;cursor:pointer}.generation-inline-progress__actions .generation-inline-progress__cancel{border:1px solid #fecaca;background:#fff7f7;color:#b91c1c}.generation-inline-progress__actions button:disabled{cursor:default;opacity:.64}@media (max-width: 900px){.generation-inline-progress{align-items:stretch;flex-direction:column}.generation-inline-progress__actions{justify-content:stretch}.generation-inline-progress__actions button{flex:1 1 140px}}@keyframes confirmation-panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes generation-spin{to{transform:rotate(360deg)}}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial}}}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}