:root{--font-heading:"Cormorant Garamond", "Georgia", serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.65;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--hue-primary:139, 92, 246;--hue-accent:244, 63, 94;--hue-success:16, 185, 129;--hue-warning:245, 158, 11;--hue-error:239, 68, 68}:root,[data-theme=light]{--color-gray-25:#f8fafc;--color-gray-50:#f1f5f9;--color-gray-100:#e2e8f0;--color-gray-200:#cbd5e1;--color-gray-300:#94a3b8;--color-gray-400:#64748b;--color-gray-500:#475569;--color-gray-600:#334155;--color-gray-700:#1e293b;--color-gray-800:#0f172a;--color-gray-900:#020617;--color-primary-50:rgba(var(--hue-primary), .04);--color-primary-100:rgba(var(--hue-primary), .08);--color-primary-200:rgba(var(--hue-primary), .14);--color-primary-300:rgba(var(--hue-primary), .24);--color-primary-400:rgba(var(--hue-primary), .4);--color-primary-500:rgba(var(--hue-primary), .6);--color-primary-600:rgba(var(--hue-primary), .76);--color-primary-700:rgba(var(--hue-primary), .88);--color-primary-800:rgba(var(--hue-primary), .94);--color-primary-900:rgba(var(--hue-primary), 1);--color-primary-solid:rgb(var(--hue-primary));--color-accent-50:rgba(var(--hue-accent), .04);--color-accent-100:rgba(var(--hue-accent), .08);--color-accent-200:rgba(var(--hue-accent), .14);--color-accent-300:rgba(var(--hue-accent), .24);--color-accent-400:rgba(var(--hue-accent), .4);--color-accent-500:rgba(var(--hue-accent), .6);--color-accent-600:rgba(var(--hue-accent), .76);--color-success-50:rgba(var(--hue-success), .06);--color-success-500:rgba(var(--hue-success), .7);--color-success-600:rgba(var(--hue-success), .82);--color-success-700:rgba(var(--hue-success), 1);--color-warning-50:rgba(var(--hue-warning), .06);--color-warning-500:rgba(var(--hue-warning), .7);--color-warning-600:rgba(var(--hue-warning), .85);--color-error-50:rgba(var(--hue-error), .05);--color-error-500:rgba(var(--hue-error), .7);--color-error-600:rgba(var(--hue-error), .82);--color-error-700:rgba(var(--hue-error), 1);--bg-primary:#fff;--bg-secondary:var(--color-gray-25);--bg-tertiary:var(--color-gray-50);--bg-inverse:var(--color-gray-900);--surface-primary:#fff;--surface-secondary:var(--color-gray-25);--surface-elevated:#fff;--surface-overlay:#0206178c;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-500);--text-tertiary:var(--color-gray-300);--text-inverse:#fff;--text-link:rgba(var(--hue-primary), .82);--text-on-primary:#fff;--border-primary:var(--color-gray-100);--border-secondary:var(--color-gray-50);--border-focus:rgba(var(--hue-primary), .6);--shadow-xs:0 1px 2px #0206170a;--shadow-sm:0 1px 3px #0206170f, 0 1px 2px #0206170a;--shadow-md:0 4px 8px -2px #0206170f, 0 2px 4px -2px #0206170a;--shadow-lg:0 12px 24px -4px #02061714, 0 4px 8px -4px #02061708;--shadow-xl:0 24px 48px -8px #0206171a, 0 8px 16px -4px #0206170a;--shadow-glow:0 0 24px rgba(var(--hue-primary), .12);--shadow-focus-ring:0 0 0 3px rgba(var(--hue-primary), .16);--shadow-error-ring:0 0 0 3px rgba(var(--hue-error), .12)}[data-theme=dark]{--color-gray-25:#0b0f1a;--color-gray-50:#0f1629;--color-gray-100:#162036;--color-gray-200:#1e2d4a;--color-gray-300:#2d3f5e;--color-gray-400:#4a5e80;--color-gray-500:#7889a6;--color-gray-600:#a3b1c6;--color-gray-700:#c8d2e0;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-primary-50:rgba(var(--hue-primary), .06);--color-primary-100:rgba(var(--hue-primary), .1);--color-primary-200:rgba(var(--hue-primary), .18);--color-primary-300:rgba(var(--hue-primary), .3);--color-primary-400:rgba(var(--hue-primary), .46);--color-primary-500:rgba(var(--hue-primary), .64);--color-primary-600:rgba(var(--hue-primary), .78);--color-primary-700:rgba(var(--hue-primary), .88);--color-primary-800:rgba(var(--hue-primary), .94);--color-primary-900:rgba(var(--hue-primary), 1);--color-primary-solid:rgb(var(--hue-primary));--color-accent-50:rgba(var(--hue-accent), .06);--color-accent-100:rgba(var(--hue-accent), .1);--color-accent-200:rgba(var(--hue-accent), .18);--color-accent-300:rgba(var(--hue-accent), .3);--color-accent-400:rgba(var(--hue-accent), .46);--color-accent-500:rgba(var(--hue-accent), .64);--color-accent-600:rgba(var(--hue-accent), .78);--color-success-50:rgba(var(--hue-success), .08);--color-success-500:rgba(var(--hue-success), .72);--color-success-600:rgba(var(--hue-success), .85);--color-success-700:rgba(var(--hue-success), 1);--color-warning-50:rgba(var(--hue-warning), .08);--color-warning-500:rgba(var(--hue-warning), .72);--color-warning-600:rgba(var(--hue-warning), .85);--color-error-50:rgba(var(--hue-error), .07);--color-error-500:rgba(var(--hue-error), .72);--color-error-600:rgba(var(--hue-error), .85);--color-error-700:rgba(var(--hue-error), 1);--bg-primary:#06080f;--bg-secondary:#0b0f1a;--bg-tertiary:#0f1629;--bg-inverse:#f1f5f9;--surface-primary:#0b0f1a;--surface-secondary:#0f1629;--surface-elevated:#162036;--surface-overlay:#000000b3;--text-primary:#f1f5f9;--text-secondary:#a3b1c6;--text-tertiary:#4a5e80;--text-inverse:#0b0f1a;--text-link:rgba(var(--hue-primary), .82);--text-on-primary:#fff;--border-primary:#1e2d4a;--border-secondary:#162036;--border-focus:rgba(var(--hue-primary), .5);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 8px -2px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 12px 24px -4px #00000080, 0 4px 8px -4px #0006;--shadow-xl:0 24px 48px -8px #0009, 0 8px 16px -4px #0006;--shadow-glow:0 0 30px rgba(var(--hue-primary), .18);--shadow-focus-ring:0 0 0 3px rgba(var(--hue-primary), .25);--shadow-error-ring:0 0 0 3px rgba(var(--hue-error), .2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-gray-25:#0b0f1a;--color-gray-50:#0f1629;--color-gray-100:#162036;--color-gray-200:#1e2d4a;--color-gray-300:#2d3f5e;--color-gray-400:#4a5e80;--color-gray-500:#7889a6;--color-gray-600:#a3b1c6;--color-gray-700:#c8d2e0;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--color-primary-50:rgba(var(--hue-primary), .06);--color-primary-100:rgba(var(--hue-primary), .1);--color-primary-200:rgba(var(--hue-primary), .18);--color-primary-300:rgba(var(--hue-primary), .3);--color-primary-400:rgba(var(--hue-primary), .46);--color-primary-500:rgba(var(--hue-primary), .64);--color-primary-600:rgba(var(--hue-primary), .78);--color-primary-700:rgba(var(--hue-primary), .88);--color-primary-800:rgba(var(--hue-primary), .94);--color-primary-900:rgba(var(--hue-primary), 1);--color-primary-solid:rgb(var(--hue-primary));--color-accent-50:rgba(var(--hue-accent), .06);--color-accent-100:rgba(var(--hue-accent), .1);--color-accent-200:rgba(var(--hue-accent), .18);--color-accent-300:rgba(var(--hue-accent), .3);--color-accent-400:rgba(var(--hue-accent), .46);--color-accent-500:rgba(var(--hue-accent), .64);--color-accent-600:rgba(var(--hue-accent), .78);--color-success-50:rgba(var(--hue-success), .08);--color-success-500:rgba(var(--hue-success), .72);--color-success-600:rgba(var(--hue-success), .85);--color-success-700:rgba(var(--hue-success), 1);--color-warning-50:rgba(var(--hue-warning), .08);--color-warning-500:rgba(var(--hue-warning), .72);--color-warning-600:rgba(var(--hue-warning), .85);--color-error-50:rgba(var(--hue-error), .07);--color-error-500:rgba(var(--hue-error), .72);--color-error-600:rgba(var(--hue-error), .85);--color-error-700:rgba(var(--hue-error), 1);--bg-primary:#06080f;--bg-secondary:#0b0f1a;--bg-tertiary:#0f1629;--bg-inverse:#f1f5f9;--surface-primary:#0b0f1a;--surface-secondary:#0f1629;--surface-elevated:#162036;--surface-overlay:#000000b3;--text-primary:#f1f5f9;--text-secondary:#a3b1c6;--text-tertiary:#4a5e80;--text-inverse:#0b0f1a;--text-link:rgba(var(--hue-primary), .82);--text-on-primary:#fff;--border-primary:#1e2d4a;--border-secondary:#162036;--border-focus:rgba(var(--hue-primary), .5);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 8px -2px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 12px 24px -4px #00000080, 0 4px 8px -4px #0006;--shadow-xl:0 24px 48px -8px #0009, 0 8px 16px -4px #0006;--shadow-glow:0 0 30px rgba(var(--hue-primary), .18);--shadow-focus-ring:0 0 0 3px rgba(var(--hue-primary), .25);--shadow-error-ring:0 0 0 3px rgba(var(--hue-error), .2)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background:var(--bg-primary)}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl);font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h4{font-size:var(--text-2xl);font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h5{font-size:var(--text-xl);font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h6{font-size:var(--text-lg);font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-700)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--color-primary-600);padding:.125em .375em}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.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}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--md{height:38px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--lg{height:44px;padding:0 var(--space-5);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--primary{background:var(--color-primary-solid);color:var(--text-on-primary);border-color:var(--color-primary-solid);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffff1f}.btn--primary:hover:not(:disabled){background:var(--color-primary-900);border-color:var(--color-primary-900);box-shadow:var(--shadow-sm), var(--shadow-glow)}.btn--primary:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.btn--secondary{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.btn--secondary:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn--ghost:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.btn--danger{background:var(--color-error-600);color:#fff;border-color:var(--color-error-600);box-shadow:var(--shadow-xs)}.btn--danger:hover:not(:disabled){background:var(--color-error-700);border-color:var(--color-error-700)}.btn--danger:focus-visible{box-shadow:var(--shadow-error-ring);outline:none}.btn--link{color:var(--text-link);height:auto;font-weight:var(--weight-medium);background:0 0;padding:0}.btn--link:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.btn--full{width:100%}.btn__icon{flex-shrink:0;width:1em;height:1em;display:inline-flex}.btn__icon>svg{width:100%;height:100%}.btn--loading .btn__label{opacity:.7}.btn__spinner{width:1em;height:1em;animation:.8s linear infinite btn-spin;display:inline-flex}.btn__spinner svg{width:100%;height:100%}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-field{gap:var(--space-1-5);flex-direction:column;display:flex}.input-field--full{width:100%}.input-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input-field__wrapper{align-items:center;display:flex;position:relative}.input-field__input{width:100%;height:38px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.input-field__input::placeholder{color:var(--text-tertiary)}.input-field__input:hover:not(:disabled){border-color:var(--color-gray-300)}.input-field__input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus-ring)}.input-field__input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.input-field__input--icon-left{padding-left:var(--space-10)}.input-field__input--icon-right{padding-right:var(--space-10)}.input-field--error .input-field__input{border-color:var(--color-error-500)}.input-field--error .input-field__input:focus{box-shadow:var(--shadow-error-ring);border-color:var(--color-error-500)}.input-field__icon{width:var(--space-5);height:var(--space-5);color:var(--text-tertiary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.input-field__icon>svg{width:100%;height:100%}.input-field__icon--left{left:var(--space-3)}.input-field__icon--right{right:var(--space-3)}.input-field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-field__error{font-size:var(--text-xs);color:var(--color-error-500)}.card{background:var(--surface-primary);border-radius:var(--radius-xl);overflow:hidden}.card--border{border:1px solid var(--border-primary)}.card--hoverable{transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);cursor:pointer}.card--hoverable:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.card--pad-sm>.card__header,.card--pad-sm>.card__body,.card--pad-sm>.card__footer{padding:var(--space-3)}.card--pad-md>.card__header,.card--pad-md>.card__body,.card--pad-md>.card__footer{padding:var(--space-5)}.card--pad-lg>.card__header,.card--pad-lg>.card__body,.card--pad-lg>.card__footer{padding:var(--space-6)}.card--pad-sm:not(:has(.card__body)):not(:has(.card__header)){padding:var(--space-3)}.card--pad-md:not(:has(.card__body)):not(:has(.card__header)){padding:var(--space-5)}.card--pad-lg:not(:has(.card__body)):not(:has(.card__header)){padding:var(--space-6)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.card__header-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.card__header-action{flex-shrink:0}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.card__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.card__footer{align-items:center;gap:var(--space-3);border-top:1px solid var(--border-secondary);display:flex}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-full);display:inline-flex}.badge--sm{height:22px;padding:0 var(--space-2);font-size:var(--text-xs)}.badge--md{height:26px;padding:0 var(--space-3);font-size:var(--text-sm)}.badge--default{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-600)}.badge--error{background:var(--color-error-50);color:var(--color-error-700)}.badge__dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.badge--default .badge__dot{background:var(--color-gray-400)}.badge--primary .badge__dot{background:var(--color-primary-500)}.badge--success .badge__dot{background:var(--color-success-500)}.badge--warning .badge__dot{background:var(--color-warning-500)}.badge--error .badge__dot{background:var(--color-error-500)}.avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:64px;height:64px;font-size:20px}.avatar__img{object-fit:cover;width:100%;height:100%}.avatar__initials{font-family:var(--font-sans);font-weight:var(--weight-semibold);color:#fff;letter-spacing:.02em}.avatar__placeholder{width:60%;height:60%}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:var(--surface-overlay);animation:modal-overlay-in var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100dvh - var(--space-8));animation:modal-in var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal--sm{max-width:400px}.modal--md{max-width:520px}.modal--lg{max-width:680px}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-secondary);display:flex}.modal__header-content{gap:var(--space-1);flex-direction:column;display:flex}.modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal__body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.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-secondary);display:flex}.spinner{color:var(--color-primary-500);animation:.8s linear infinite spinner-rotate;display:inline-flex}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:36px;height:36px}.spinner svg{width:100%;height:100%}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state__icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.empty-state__icon>svg{width:100%;height:100%}.empty-state__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.empty-state__description{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;margin:0}.empty-state__action{margin-top:var(--space-2)}.landing{--section-max:1120px;--section-px:var(--space-6);overflow-x:hidden}.landing section{padding:var(--space-16) var(--section-px);max-width:var(--section-max);margin:0 auto}.section-title{text-align:center;font-size:var(--text-4xl);margin-bottom:var(--space-3)}.section-subtitle{text-align:center;font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-12);line-height:var(--leading-relaxed)}.hero{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100dvh - 60px);padding-top:5rem;padding-bottom:5rem;display:grid;position:relative}.hero__glow{background:radial-gradient(circle, rgba(var(--hue-primary), .1) 0%, rgba(var(--hue-primary), .03) 40%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite glow-pulse;position:absolute;top:-20%;left:10%}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero__content{z-index:1;position:relative}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-700);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-6);display:inline-flex}.hero__badge-dot{background:var(--color-primary-solid);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 8px rgba(var(--hue-primary), .5)}}.hero__title{letter-spacing:-.02em;margin-bottom:var(--space-6);font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.08}.hero__title-accent{background:linear-gradient(135deg, rgb(var(--hue-primary)) 0%, rgba(var(--hue-accent), .85) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:480px;margin-bottom:var(--space-8)}.hero__subtitle strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__trust{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.hero__code-wrap{z-index:1;position:relative}.hero__code{border-radius:var(--radius-xl);background:var(--color-gray-800);border:1px solid var(--color-gray-700);box-shadow:var(--shadow-xl), var(--shadow-glow);overflow:hidden}[data-theme=dark] .hero__code{border-color:var(--border-primary);background:#0d1117}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero__code{border-color:var(--border-primary);background:#0d1117}}.hero__code-header{padding:var(--space-3) var(--space-4);background:#00000026;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;display:flex}.hero__code-dot{border-radius:50%;width:10px;height:10px}.hero__code-dot--red{background:#ff5f57}.hero__code-dot--yellow{background:#febc2e}.hero__code-dot--green{background:#28c840}.hero__code-title{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff59;margin-left:auto}.hero__code-body{padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:#e6edf3;background:0 0;line-height:1.7;overflow-x:auto}.hero__code-body code{color:inherit;font-size:inherit;background:0 0;padding:0}.providers{text-align:center;padding-top:var(--space-10);padding-bottom:var(--space-10);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary)}.providers__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-6);font-weight:var(--weight-medium)}.providers__grid{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.providers__item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.providers__icon{border-radius:var(--radius-lg);color:#fff;width:48px;height:48px;font-weight:var(--weight-bold);font-size:var(--text-lg);font-family:var(--font-sans);transition:transform var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.providers__item:hover .providers__icon{transform:translateY(-2px)scale(1.05)}.providers__name{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.problem{padding-top:5rem;padding-bottom:5rem}.problem__container{gap:var(--space-6);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.problem__card{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.problem__card--before{background:var(--surface-secondary)}.problem__card--after{background:var(--color-primary-50);border-color:var(--color-primary-200)}.problem__card-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-5);font-family:var(--font-sans);font-weight:var(--weight-semibold)}.problem__card--after .problem__card-label{color:var(--color-primary-600)}.problem__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.problem__list li{padding-left:var(--space-6);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);position:relative}.problem__list li:before{font-size:var(--text-md);position:absolute;top:2px;left:0}.problem__list--pain li:before{content:"✗";color:var(--color-error-500)}.problem__list--solved li:before{content:"✓";color:var(--color-success-600)}.problem__divider{background:var(--color-primary-solid);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.how{padding-top:5rem;padding-bottom:5rem}.how__steps{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.how__step{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--surface-secondary);border:1px solid var(--border-secondary);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.how__step:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.how__num{border-radius:var(--radius-lg);background:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-700);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.how__step-title{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-semibold)}.how__step-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.agent-showcase{padding-top:5rem;padding-bottom:5rem}.agent-showcase__content{text-align:center}.agent-showcase__code{border-radius:var(--radius-xl);background:var(--color-gray-800);border:1px solid var(--color-gray-700);max-width:680px;box-shadow:var(--shadow-lg);text-align:left;margin:0 auto;overflow:hidden}[data-theme=dark] .agent-showcase__code{border-color:var(--border-primary);background:#0d1117}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .agent-showcase__code{border-color:var(--border-primary);background:#0d1117}}.features{padding-top:5rem;padding-bottom:5rem}.features__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.features__card{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--surface-primary);border:1px solid var(--border-primary);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.features__card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.features__icon{border-radius:var(--radius-lg);background:var(--color-primary-50);width:44px;height:44px;color:var(--color-primary-600);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.features__card-title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-semibold)}.features__card-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.cta{text-align:center;padding-top:5rem;padding-bottom:5rem;position:relative}.cta__glow{background:radial-gradient(circle, rgba(var(--hue-accent), .08) 0%, rgba(var(--hue-primary), .04) 40%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20%;right:10%}.cta__title{z-index:1;font-size:var(--text-4xl);margin-bottom:var(--space-4);position:relative}.cta__subtitle{z-index:1;font-size:var(--text-lg);color:var(--text-secondary);max-width:480px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed);position:relative}.cta__actions{z-index:1;position:relative}.landing-footer{border-top:1px solid var(--border-primary);padding:var(--space-12) var(--section-px) var(--space-8);max-width:var(--section-max);margin:0 auto}.landing-footer__inner{justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-10);display:flex}.landing-footer__logo{font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--text-primary)}.landing-footer__tagline{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.landing-footer__links{gap:var(--space-12);display:flex}.landing-footer__col{gap:var(--space-2);flex-direction:column;display:flex}.landing-footer__col-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);font-family:var(--font-sans)}.landing-footer__col a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.landing-footer__col a:hover{color:var(--text-primary)}.landing-footer__bottom{border-top:1px solid var(--border-secondary);padding-top:var(--space-6);text-align:center}.landing-footer__bottom p{font-size:var(--text-xs);color:var(--text-tertiary)}@media (width<=900px){.hero{gap:var(--space-8);grid-template-columns:1fr;min-height:auto;padding-top:3rem}.hero__title{font-size:clamp(2rem,6vw,2.75rem)}.problem__container{grid-template-columns:1fr}.problem__divider{margin:0 auto;transform:rotate(90deg)}.how__steps,.features__grid{grid-template-columns:1fr}.landing-footer__inner{gap:var(--space-8);flex-direction:column}.landing-footer__links{gap:var(--space-8);flex-wrap:wrap}}@media (width<=600px){.landing section{padding-left:var(--space-4);padding-right:var(--space-4)}.section-title{font-size:var(--text-3xl)}.providers__grid{gap:var(--space-5)}}