:root{--color-primary-50:#eef4fb;--color-primary-100:#d5e4f5;--color-primary-200:#aecaeb;--color-primary-300:#7faade;--color-primary-400:#5b8fd4;--color-primary-500:#2e6ab3;--color-primary-600:#245694;--color-primary-700:#1b4175;--color-primary-800:#132e56;--color-primary-900:#0c1d38;--color-primary-950:#07111f;--color-secondary-50:#fff9f0;--color-secondary-100:#feefd6;--color-secondary-200:#fddcad;--color-secondary-300:#fbc57a;--color-secondary-400:#f5a623;--color-secondary-500:#d9901c;--color-secondary-600:#b37516;--color-secondary-700:#8c5b11;--color-secondary-800:#66420d;--color-secondary-900:#402908;--color-secondary-950:#261804;--color-neutral-0:#fff;--color-neutral-25:#fafbfc;--color-neutral-50:#f5f7f9;--color-neutral-100:#eef1f4;--color-neutral-200:#dde2e8;--color-neutral-300:#c4ccd6;--color-neutral-400:#9faab8;--color-neutral-500:#748290;--color-neutral-600:#566370;--color-neutral-700:#3d4854;--color-neutral-800:#2a3340;--color-neutral-900:#1a2230;--color-neutral-950:#0f1520;--color-success-50:#eefaf3;--color-success-100:#d4f2e0;--color-success-200:#a8e5c1;--color-success-300:#6fd19a;--color-success-400:#3fba76;--color-success-500:#1e9a58;--color-success-600:#177c47;--color-success-700:#115e36;--color-success-800:#0c4026;--color-success-900:#072717;--color-warning-50:#fffbf0;--color-warning-100:#fef2d4;--color-warning-200:#fce2a4;--color-warning-300:#f9cc6a;--color-warning-400:#f5b63c;--color-warning-500:#d9961a;--color-warning-600:#ad7715;--color-warning-700:#825910;--color-warning-800:#573c0b;--color-warning-900:#2e2006;--color-error-50:#fdf2f2;--color-error-100:#fae0e0;--color-error-200:#f4c0c0;--color-error-300:#eb9494;--color-error-400:#e06767;--color-error-500:#c93c3c;--color-error-600:#a43030;--color-error-700:#7e2525;--color-error-800:#581a1a;--color-error-900:#341010;--color-info-50:#f0f4fa;--color-info-100:#dce5f4;--color-info-200:#b9cce9;--color-info-300:#8dadd9;--color-info-400:#6a93cc;--color-info-500:#4a75b3;--color-info-600:#3b5e92;--color-info-700:#2d4770;--color-info-800:#20324f;--color-info-900:#141f31;--color-ai-50:#f5f2fc;--color-ai-100:#e8e0f7;--color-ai-200:#d0c2ef;--color-ai-300:#b19de4;--color-ai-400:#9579d6;--color-ai-500:#7756c5;--color-ai-600:#6044a0;--color-ai-700:#49337b;--color-ai-800:#332357;--color-ai-900:#1f1535;--bg-primary:var(--color-neutral-0);--bg-secondary:var(--color-neutral-25);--bg-tertiary:var(--color-neutral-50);--bg-elevated:var(--color-neutral-0);--bg-sunken:var(--color-neutral-100);--bg-overlay:#0f152080;--bg-brand:var(--color-primary-500);--bg-brand-subtle:var(--color-primary-50);--bg-ai:var(--color-ai-50);--bg-ai-subtle:var(--color-ai-50);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-disabled:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-brand:var(--color-primary-600);--text-link:var(--color-primary-500);--text-ai:var(--color-ai-600);--border-default:var(--color-neutral-200);--border-subtle:var(--color-neutral-100);--border-strong:var(--color-neutral-300);--border-brand:var(--color-primary-300);--border-focus:var(--color-primary-400);--border-error:var(--color-error-400);--border-ai:var(--color-ai-200);--surface-interactive:var(--color-primary-500);--surface-interactive-hover:var(--color-primary-600);--surface-interactive-active:var(--color-primary-700);--surface-secondary:var(--color-neutral-100);--surface-secondary-hover:var(--color-neutral-200);--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--tracking-tighter:-.03em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--prose-width:68ch;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--section-gap-sm:var(--space-12);--section-gap-md:var(--space-16);--section-gap-lg:var(--space-24);--component-padding-xs:var(--space-2);--component-padding-sm:var(--space-3);--component-padding-md:var(--space-4);--component-padding-lg:var(--space-6);--component-padding-xl:var(--space-8);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f15200a;--shadow-sm:0 1px 3px 0 #0f15200f, 0 1px 2px -1px #0f15200f;--shadow-md:0 4px 6px -1px #0f152012, 0 2px 4px -2px #0f15200d;--shadow-lg:0 10px 15px -3px #0f152012, 0 4px 6px -4px #0f15200d;--shadow-xl:0 20px 25px -5px #0f152014, 0 8px 10px -6px #0f15200a;--shadow-2xl:0 25px 50px -12px #0f15202e;--shadow-focus:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--color-primary-400);--shadow-ai:0 0 0 1px var(--color-ai-200), 0 4px 12px -2px #7756c51f;--duration-instant:75ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-colors:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-shadow:box-shadow var(--duration-normal) var(--ease-default);--transition-opacity:opacity var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--sidebar-collapsed:64px;--sidebar-expanded:260px;--content-max-width:var(--container-xl);--content-padding:var(--space-6)}:root.dark{--bg-primary:var(--color-neutral-950);--bg-secondary:var(--color-neutral-900);--bg-tertiary:var(--color-neutral-800);--bg-elevated:var(--color-neutral-900);--bg-sunken:#0a0f18;--bg-overlay:#000000a6;--bg-brand:var(--color-primary-500);--bg-brand-subtle:#2e6ab326;--bg-ai:#7756c51a;--bg-ai-subtle:#7756c514;--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-tertiary:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-inverse:var(--color-neutral-950);--text-brand:var(--color-primary-300);--text-link:var(--color-primary-400);--text-ai:var(--color-ai-300);--border-default:var(--color-neutral-800);--border-subtle:#2a334099;--border-strong:var(--color-neutral-700);--border-brand:var(--color-primary-700);--border-focus:var(--color-primary-500);--border-error:var(--color-error-600);--border-ai:#7756c540;--surface-interactive:var(--color-primary-500);--surface-interactive-hover:var(--color-primary-400);--surface-interactive-active:var(--color-primary-600);--surface-secondary:var(--color-neutral-800);--surface-secondary-hover:var(--color-neutral-700);--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 1px 3px 0 #00000040, 0 1px 2px -1px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #00000059, 0 8px 10px -6px #0003;--shadow-2xl:0 25px 50px -12px #0000008c;--shadow-focus:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--color-primary-500);--shadow-ai:0 0 0 1px #7756c540, 0 4px 12px -2px #7756c533}.text-display-lg{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-display-md{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-display-sm{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-heading-lg{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-heading-md{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-heading-sm{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.text-subheading{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase}.text-body-lg{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-body-md{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-body-sm{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--duration-slower:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{font-size:var(--text-sm);padding:var(--space-1-5) var(--space-3);min-height:32px}.btn-md,.btn:not(.btn-sm):not(.btn-lg){font-size:var(--text-sm);padding:var(--space-2) var(--space-4);min-height:40px}.btn-lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6);min-height:48px}.btn-primary{background:var(--surface-interactive);color:var(--text-inverse);border-color:var(--surface-interactive)}.btn-primary:hover:not(:disabled){background:var(--surface-interactive-hover);border-color:var(--surface-interactive-hover)}.btn-primary:active:not(:disabled){background:var(--surface-interactive-active);border-color:var(--surface-interactive-active)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){background:var(--surface-secondary-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-secondary);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--surface-secondary-hover)}.btn-destructive{background:var(--color-error-500);color:#fff;border-color:var(--color-error-500)}.btn-destructive:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600)}.btn-destructive:active:not(:disabled){background:var(--color-error-700);border-color:var(--color-error-700)}.btn-cta{background:var(--color-secondary-400);color:var(--color-neutral-900);border-color:var(--color-secondary-400);font-weight:var(--weight-semibold)}.btn-cta:hover:not(:disabled){background:var(--color-secondary-500);border-color:var(--color-secondary-500)}.btn-cta:active:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-600)}.btn-icon-only{padding:var(--space-2);min-width:40px}.btn-icon-only.btn-sm{padding:var(--space-1-5);min-width:32px}.btn-icon-only.btn-lg{padding:var(--space-3);min-width:48px}.btn svg,.btn img{flex-shrink:0;width:1em;height:1em}.form-group{gap:var(--space-1-5);flex-direction:column;display:flex}.form-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-normal)}.form-label .required{color:var(--color-error-500);margin-left:var(--space-0-5)}.form-hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.form-error{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-error-500);line-height:var(--leading-normal);align-items:center;gap:var(--space-1);display:flex}.input{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;min-height:40px;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--text-disabled)}.input:hover:not(:disabled):not(.input-error){border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.input-error,.input.error{border-color:var(--border-error)}.input-error:focus,.input.error:focus{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--color-error-400)}.input:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed}.select{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23748290' 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 var(--space-3) center;width:100%;min-height:40px;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.select:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.7}.textarea{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical;width:100%;min-height:100px;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.textarea::placeholder{color:var(--text-disabled)}.textarea:hover:not(:disabled){border-color:var(--border-strong)}.textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.textarea:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed}.checkbox-group{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:flex}.checkbox{appearance:none;border:1.5px solid var(--border-default);border-radius:var(--radius-xs);background:var(--bg-primary);cursor:pointer;width:18px;height:18px;transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);flex-shrink:0;margin-top:2px;position:relative}.checkbox:hover:not(:disabled){border-color:var(--border-focus)}.checkbox:focus-visible{box-shadow:var(--shadow-focus);outline:none}.checkbox:checked{background:var(--surface-interactive);border-color:var(--surface-interactive)}.checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);cursor:pointer}.radio-group{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:flex}.radio{appearance:none;border:1.5px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-primary);cursor:pointer;width:18px;height:18px;transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);flex-shrink:0;margin-top:2px;position:relative}.radio:hover:not(:disabled){border-color:var(--border-focus)}.radio:focus-visible{box-shadow:var(--shadow-focus);outline:none}.radio:checked{border-color:var(--surface-interactive);border-width:5px}.radio:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-ai{background:var(--bg-ai);border:1px solid var(--border-ai);border-radius:var(--radius-lg);box-shadow:var(--shadow-ai);overflow:hidden}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.card-interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default)}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);border:1px solid;display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.alert-success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.alert-warning{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.alert-error{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-700)}.alert-info{background:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-700)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-3);min-width:320px;max-width:420px;font-family:var(--font-body);font-size:var(--text-sm);animation:toast-in var(--duration-normal) var(--ease-out);display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge-error{background:var(--color-error-50);color:var(--color-error-700)}.badge-ai{background:var(--color-ai-50);color:var(--color-ai-700)}.badge-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.stepper{align-items:flex-start;gap:0;width:100%;display:flex}.stepper-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stepper-step:not(:last-child):after{content:"";background:var(--border-default);height:2px;transition:background var(--duration-normal) var(--ease-default);position:absolute;top:16px;left:calc(50% + 20px);right:calc(20px - 50%)}.stepper-step.completed:not(:last-child):after{background:var(--color-success-400)}.stepper-circle{border-radius:var(--radius-full);width:32px;height:32px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);z-index:1;transition:background var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);border:2px solid;justify-content:center;align-items:center;display:flex;position:relative}.stepper-step .stepper-circle{background:var(--bg-primary);border-color:var(--border-default);color:var(--text-disabled)}.stepper-step.active .stepper-circle{background:var(--surface-interactive);border-color:var(--surface-interactive);color:var(--text-inverse);box-shadow:0 0 0 4px var(--bg-primary), 0 0 0 6px var(--color-primary-200)}.stepper-step.completed .stepper-circle{background:var(--color-success-500);border-color:var(--color-success-500);color:#fff}.stepper-circle .check-icon,.stepper-step.completed .stepper-circle .step-number{display:none}.stepper-step.completed .stepper-circle .check-icon{display:block}.stepper-label{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);max-width:100px;line-height:var(--leading-snug)}.stepper-step.active .stepper-label{color:var(--text-brand);font-weight:var(--weight-semibold)}.stepper-step.completed .stepper-label{color:var(--color-success-600)}@media (max-width:640px){.stepper{flex-direction:column;gap:0}.stepper-step{text-align:left;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);flex-direction:row}.stepper-step:not(:last-child):after{width:2px;height:calc(100% - 38px);top:38px;left:15px;right:auto}.stepper-label{max-width:none;margin-top:0}}.file-upload{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);flex-direction:column;display:flex}.file-upload:hover,.file-upload:focus-visible{border-color:var(--border-focus);background:var(--color-primary-50)}.file-upload.drag-over{border-color:var(--surface-interactive);background:var(--color-primary-50);border-style:solid}:root.dark .file-upload:hover,:root.dark .file-upload:focus-visible,:root.dark .file-upload.drag-over{background:#2e6ab314}.file-upload:focus-visible{box-shadow:var(--shadow-focus);outline:none}.file-upload-icon{color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-default)}.file-upload:hover .file-upload-icon,.file-upload.drag-over .file-upload-icon{color:var(--surface-interactive)}.file-upload-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.file-upload-text strong{color:var(--text-brand)}.file-upload-hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary)}.file-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex}.file-item-icon{color:var(--text-tertiary);flex-shrink:0}.file-item-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.file-item-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-item-meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary)}.file-progress{background:var(--bg-tertiary);border-radius:var(--radius-full);height:4px;margin-top:var(--space-1);overflow:hidden}.file-progress-bar{background:var(--surface-interactive);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-default)}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal);padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-default), visibility var(--duration-normal) var(--ease-default);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;max-height:90vh;transition:transform var(--duration-normal) var(--ease-spring);overflow-y:auto;transform:scale(.95)translateY(8px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{z-index:var(--z-tooltip);background:var(--color-neutral-900);color:var(--color-neutral-50);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);position:absolute}:root.dark .tooltip{background:var(--color-neutral-100);color:var(--color-neutral-900)}.tooltip:after{content:"";border:5px solid #0000;position:absolute}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-top:after{border-top-color:var(--color-neutral-900);top:100%;left:50%;transform:translate(-50%)}:root.dark .tooltip-top:after{border-top-color:var(--color-neutral-100)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-bottom:after{border-bottom-color:var(--color-neutral-900);bottom:100%;left:50%;transform:translate(-50%)}:root.dark .tooltip-bottom:after{border-bottom-color:var(--color-neutral-100)}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)translate(4px)}.tooltip-left:after{border-left-color:var(--color-neutral-900);top:50%;left:100%;transform:translateY(-50%)}:root.dark .tooltip-left:after{border-left-color:var(--color-neutral-100)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}.tooltip-right:after{border-right-color:var(--color-neutral-900);top:50%;right:100%;transform:translateY(-50%)}:root.dark .tooltip-right:after{border-right-color:var(--color-neutral-100)}.tooltip-wrapper:hover .tooltip,.tooltip-wrapper:focus-within .tooltip{opacity:1}.tooltip-wrapper:hover .tooltip-top,.tooltip-wrapper:focus-within .tooltip-top,.tooltip-wrapper:hover .tooltip-bottom,.tooltip-wrapper:focus-within .tooltip-bottom{transform:translate(-50%)translateY(0)}.tooltip-wrapper:hover .tooltip-left,.tooltip-wrapper:focus-within .tooltip-left,.tooltip-wrapper:hover .tooltip-right,.tooltip-wrapper:focus-within .tooltip-right{transform:translateY(-50%)translate(0)}.table-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-editable{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--font-body);font-size:var(--text-sm);min-width:720px}.table-editable thead th{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-secondary);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);z-index:1;white-space:nowrap;position:sticky;top:0}.table-editable tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;background:var(--bg-elevated);padding:0}.table-editable tbody tr:last-child td{border-bottom:none}.table-editable tbody tr{transition:background var(--duration-fast) var(--ease-default)}.table-editable tbody tr:hover td{background:var(--bg-secondary)}.table-editable tbody tr.row-editing td{background:var(--color-primary-50)}:root.dark .table-editable tbody tr.row-editing td{background:#2e6ab31a}.table-editable tbody tr.row-error td{background:var(--color-error-50)}:root.dark .table-editable tbody tr.row-error td{background:#c93c3c14}.table-editable .col-name{min-width:220px}.table-editable .col-price{min-width:120px}.table-editable .col-category{min-width:140px}.table-editable .col-allergens{min-width:180px}.table-editable .col-actions{width:96px}.cell-edit{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;line-height:var(--leading-normal);transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);background:0 0;border:1px solid #0000;display:block}.cell-edit::placeholder{color:var(--text-disabled)}.cell-edit:hover:not(:focus):not(:disabled){border-color:var(--border-subtle);background:var(--bg-primary)}.cell-edit:focus{border-color:var(--border-focus);background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border-focus);outline:none}.cell-edit.has-error{border-color:var(--border-error);box-shadow:inset 0 0 0 1px var(--border-error)}.cell-edit.has-error:focus{box-shadow:inset 0 0 0 1px var(--border-error)}.cell-edit.cell-numeric{text-align:right;font-variant-numeric:tabular-nums}.cell-currency{align-items:center;gap:var(--space-1);padding-right:var(--space-4);padding-left:var(--space-4);display:flex}.cell-currency .cell-edit{padding-left:var(--space-1);padding-right:var(--space-1)}.cell-currency-symbol{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium);white-space:nowrap}.cell-actions{padding:var(--space-2);text-align:right;white-space:nowrap}.cell-actions .btn{padding:var(--space-1-5);min-width:32px;min-height:32px}.table-editable .row-error-msg td{padding:0 var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--color-error-600);background:var(--color-error-50);border-bottom:1px solid var(--border-subtle)}:root.dark .table-editable .row-error-msg td{color:var(--color-error-300);background:#c93c3c14}.table-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.table-footer-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-sm);isolation:isolate;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}:root.dark .skeleton:after{background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{opacity:.6;animation:none;transform:none}}.skeleton-text{height:.875rem;margin-bottom:var(--space-2);width:100%}.skeleton-text:last-child{margin-bottom:0}.skeleton-text.w-80{width:80%}.skeleton-text.w-65{width:65%}.skeleton-text.w-50{width:50%}.skeleton-text.w-30{width:30%}.skeleton-heading{border-radius:var(--radius-sm);width:60%;height:1.5rem}.skeleton-card{border:1px solid var(--border-ai);border-left:3px solid var(--color-ai-300);border-radius:var(--radius-lg);background:var(--bg-ai);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-card .skeleton-heading{margin-bottom:var(--space-3)}.skeleton-status{align-items:center;gap:var(--space-2);color:var(--text-ai);font-size:var(--text-sm);margin-top:var(--space-4);display:flex}.skeleton-status-dot{background:var(--color-ai-400);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.skeleton-status-dot{opacity:.8;animation:none}}.card-ai{border-left:3px solid var(--color-ai-500);position:relative}.email-comparison{gap:var(--space-5);grid-template-columns:1fr 1.25fr;align-items:start;display:grid}@media (max-width:900px){.email-comparison{grid-template-columns:1fr}}.email-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.email-card-header-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.email-card-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.card-ai .email-card-label{color:var(--text-ai)}.email-card-timestamp{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.email-body{padding:var(--space-5) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;transition:background var(--duration-fast) var(--ease-default);outline:none}.email-body:focus{background:var(--bg-primary);box-shadow:inset 0 0 0 2px var(--border-focus);border-radius:var(--radius-sm)}.email-body[contenteditable=true]{background:var(--bg-primary);cursor:text}.email-actions{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);flex-wrap:wrap;display:flex}.card-ai .email-actions{background:var(--bg-ai-subtle)}.email-actions-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.card-human{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--color-neutral-400);border-radius:var(--radius-lg);opacity:.92;position:relative;overflow:hidden}.card-human:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 24px,#74829006 24px 25px);position:absolute;inset:0}.card-human .email-card-header{border-bottom-color:var(--border-subtle)}.card-human .email-card-label{color:var(--text-tertiary)}.card-human .email-body{color:var(--text-secondary);font-style:italic}.card-human .email-actions{background:var(--bg-tertiary);color:var(--text-tertiary);font-size:var(--text-xs);justify-content:flex-start}.card-human .email-meta-line{align-items:center;gap:var(--space-1-5);display:inline-flex}.oauth-status{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);transition:border-color var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default);display:flex}.oauth-status-indicator{border-radius:var(--radius-full);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.oauth-status-dot{background:var(--color-neutral-400);border-radius:50%;width:10px;height:10px}.oauth-status-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.oauth-status-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.oauth-status-detail{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.oauth-status-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.oauth-status.is-pending{border-style:dashed}.oauth-status.is-connecting{border-color:var(--border-brand);background:var(--color-primary-50)}:root.dark .oauth-status.is-connecting{background:#2e6ab314}.oauth-status.is-connecting .oauth-status-indicator{background:var(--color-primary-100)}:root.dark .oauth-status.is-connecting .oauth-status-indicator{background:#2e6ab326}.oauth-status.is-connecting .oauth-status-dot{display:none}.oauth-spinner{border:2px solid var(--color-primary-200);border-top-color:var(--color-primary-500);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite oauth-spin}@keyframes oauth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.oauth-spinner{animation-duration:2s}}.oauth-status.is-connected{border-color:var(--color-success-300);background:var(--color-success-50)}:root.dark .oauth-status.is-connected{background:#1e9a581a}.oauth-status.is-connected .oauth-status-indicator{background:var(--color-success-100)}:root.dark .oauth-status.is-connected .oauth-status-indicator{background:#1e9a5826}.oauth-status.is-connected .oauth-status-dot{background:var(--color-success-500);box-shadow:0 0 0 3px var(--color-success-200)}.oauth-status.is-connected .oauth-status-title{color:var(--color-success-700)}:root.dark .oauth-status.is-connected .oauth-status-title{color:var(--color-success-300)}.oauth-check{color:var(--color-success-600);flex-shrink:0}.oauth-status.is-error{border-color:var(--color-error-300);background:var(--color-error-50)}:root.dark .oauth-status.is-error{background:#c93c3c14}.oauth-status.is-error .oauth-status-indicator{background:var(--color-error-100)}:root.dark .oauth-status.is-error .oauth-status-indicator{background:#c93c3c1f}.oauth-status.is-error .oauth-status-dot{background:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-200)}.oauth-status.is-error .oauth-status-title{color:var(--color-error-700)}:root.dark .oauth-status.is-error .oauth-status-title{color:var(--color-error-300)}.oauth-error-details{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.oauth-error-toggle{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--space-1);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline;display:inline-flex}.oauth-error-toggle:hover{color:var(--text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-ring:focus-visible{box-shadow:var(--shadow-focus);outline:none}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}