:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#fafbfe;--surface-3:#f0f4fa;--surface-hover:#f3f6fc;--surface-disabled:#eef2f7;--surface-glass-95:hsla(0,0%,100%,.95);--surface-glass-90:hsla(0,0%,100%,.9);--surface-glass-85:hsla(0,0%,100%,.85);--surface-glass-80:hsla(0,0%,100%,.8);--surface-glass-75:hsla(0,0%,100%,.75);--surface-glass-70:hsla(0,0%,100%,.7);--surface-glass-60:hsla(0,0%,100%,.6);--surface-on-media-5:hsla(0,0%,100%,.05);--surface-on-media-10:hsla(0,0%,100%,.1);--surface-on-media-15:hsla(0,0%,100%,.15);--surface-on-media-20:hsla(0,0%,100%,.2);--surface-on-media-25:hsla(0,0%,100%,.25);--surface-on-media-30:hsla(0,0%,100%,.3);--surface-on-media-40:hsla(0,0%,100%,.4);--surface-on-media-50:hsla(0,0%,100%,.5);--surface-on-media-60:hsla(0,0%,100%,.6);--surface-on-media-70:hsla(0,0%,100%,.7);--text-on-media-95:hsla(0,0%,100%,.95);--text-on-media-90:hsla(0,0%,100%,.9);--text-on-media-85:hsla(0,0%,100%,.85);--text-on-media-80:hsla(0,0%,100%,.8);--text-on-media-70:hsla(0,0%,100%,.7);--surface-on-media-dark-10:rgba(0,0,0,.1);--surface-on-media-dark-5:rgba(0,0,0,.05);--surface-on-media-dark-40:rgba(0,0,0,.4);--surface-on-media-dark-45:rgba(0,0,0,.45);--surface-on-media-dark-50:rgba(0,0,0,.5);--surface-on-media-dark-55:rgba(0,0,0,.55);--surface-on-media-dark-60:rgba(0,0,0,.6);--surface-on-media-dark-65:rgba(0,0,0,.65);--surface-on-media-dark-70:rgba(0,0,0,.7);--surface-on-media-dark-80:rgba(0,0,0,.8);--preview-outline-idle:var(--surface-on-media-dark-10);--preview-outline-hover:rgba(14,165,233,.35);--preview-outline-active:rgba(14,165,233,.6);--border:#dde5f0;--hairline:#e4eaf3;--border-hover:#b9c6d8;--border-disabled:#d6dce5;--text-primary:#111827;--text-secondary:#536179;--text-muted:#8190a5;--text-disabled:#9aa7b6;--on-surface:#111827;--on-surface-muted:#536179;--on-inverse:#fff;--brand:#2e63d8;--brand-hover:#274fae;--brand-active:#203f86;--brand-soft:rgba(46,99,216,.11);--brand-soft-hover:rgba(46,99,216,.16);--brand-border:rgba(46,99,216,.28);--brand-gradient:linear-gradient(135deg,#416ba6,#315b96 52%,#224a7e);--brand-gradient-strong:linear-gradient(135deg,#38629c,#2a5085 52%,#1f416e);--shadow-brand-button:0 12px 24px rgba(34,74,126,.22);--on-brand:#fff;--engine-google-veo-bg:#cde7ff;--engine-google-veo-ink:#1f2633;--engine-openai-bg:#e4d7ff;--engine-openai-ink:#1f2633;--engine-pika-bg:#fadce6;--engine-pika-ink:#1f2633;--engine-minimax-bg:#ffe7f0;--engine-minimax-ink:#1f2633;--engine-bytedance-bg:#dff4ff;--engine-bytedance-ink:#1f2633;--engine-kling-bg:#e6f5eb;--engine-kling-ink:#1f2633;--engine-wan-bg:#e2f7f4;--engine-wan-ink:#1f2633;--engine-luma-bg:#fff2dc;--engine-luma-ink:#1f2633;--engine-runway-bg:#e9eef5;--engine-runway-ink:#1f2633;--engine-lightricks-bg:#f2e9ff;--engine-lightricks-ink:#1f2633;--engine-google-bg:#dce9ff;--engine-google-ink:#1f2633;--accent:#7ca3e8;--accent-hover:#5d83d0;--accent-active:#4369b1;--accent-subtle:#e9f1ff;--on-accent:#fff;--accent-alt:#465970;--accent-alt-hover:#3e5166;--accent-alt-active:#36485c;--accent-alt-subtle:#e3e8ef;--on-accent-alt:#fff;--link:#2e63d8;--link-hover:#274fae;--ring:rgba(46,99,216,.34);--overlay-bg:rgba(17,24,39,.7);--overlay-surface:#fff;--overlay-ink:#131a22;--overlay-muted:#5d6b7a;--placeholder:#eef2f7;--skeleton:#eef2f7;--success:#3e8e72;--success-bg:rgba(62,142,114,.12);--success-border:rgba(62,142,114,.32);--on-success:#131a22;--warning:#d97706;--warning-bg:rgba(217,119,6,.12);--warning-border:rgba(217,119,6,.35);--on-warning:#131a22;--error:#dc2626;--error-bg:rgba(220,38,38,.12);--error-border:rgba(220,38,38,.35);--on-error:#131a22;--info:#4e7de2;--info-bg:rgba(78,125,226,.12);--info-border:rgba(78,125,226,.35);--on-info:#131a22;--chart-active:#2e63d8;--chart-charges:#f97316;--admin-sidebar-bg:#f7f9fc;--admin-sidebar-border:rgba(17,24,39,.08);--admin-sidebar-surface:rgba(46,99,216,.11);--admin-sidebar-surface-hover:rgba(46,99,216,.16);--admin-sidebar-text:#111827;--admin-sidebar-text-muted:#536179;--admin-sidebar-text-faint:#8190a5;--radius-card:10px;--radius-input:8px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-panel:12px;--shadow-card:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05);--shadow-float:0 18px 44px rgba(15,23,42,.14);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--container-max:1280px;--content-max:1120px;--page-padding-x:16px;--section-padding-y:72px;--stack-gap:16px;--stack-gap-sm:12px;--stack-gap-lg:16px;--stack-gap-xl:40px;--grid-gap:24px;--grid-gap-sm:16px;--grid-gap-lg:32px;--grid-gap-xl:48px;--card-pad:16px;--input-height:40px;--button-height:40px;--chip-height:28px;--badge-height:24px;--icon-size:20px;--border-width:1px;--border-strong:2px;--ring-width:2px;--ring-offset:2px;--duration-fast:160ms;--duration-base:200ms;--duration-slow:280ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0.16,1,0.3,1);--ease-exit:cubic-bezier(0.7,0,0.84,0);--blur-overlay:12px;--text-xs:12px;--leading-xs:16px;--text-sm:14px;--leading-sm:20px;--text-base:16px;--leading-base:24px;--text-lg:18px;--leading-lg:26px;--text-xl:20px;--leading-xl:28px;--opacity-muted:0.7;--opacity-disabled:0.5;--z-header:50;--z-popover:60;--z-modal:70;--z-toast:80;--text:var(--text-primary);--muted:var(--text-muted)}@media (min-width:1024px){:root{--section-padding-y:88px}}[data-theme=dark]{--bg:#0a111e;--surface:#111a2c;--surface-2:#151f33;--surface-3:#0e1727;--surface-hover:#1a2740;--surface-disabled:#0c1424;--surface-glass-95:rgba(17,26,42,.95);--surface-glass-90:rgba(17,26,42,.9);--surface-glass-85:rgba(17,26,42,.85);--surface-glass-80:rgba(17,26,42,.8);--surface-glass-75:rgba(17,26,42,.75);--surface-glass-70:rgba(17,26,42,.7);--surface-glass-60:rgba(17,26,42,.6);--surface-on-media-5:hsla(0,0%,100%,.05);--surface-on-media-10:hsla(0,0%,100%,.1);--surface-on-media-15:hsla(0,0%,100%,.15);--surface-on-media-20:hsla(0,0%,100%,.2);--surface-on-media-25:hsla(0,0%,100%,.25);--surface-on-media-30:hsla(0,0%,100%,.3);--surface-on-media-40:hsla(0,0%,100%,.4);--surface-on-media-50:hsla(0,0%,100%,.5);--surface-on-media-60:hsla(0,0%,100%,.6);--surface-on-media-70:hsla(0,0%,100%,.7);--text-on-media-95:hsla(0,0%,100%,.95);--text-on-media-90:hsla(0,0%,100%,.9);--text-on-media-85:hsla(0,0%,100%,.85);--text-on-media-80:hsla(0,0%,100%,.8);--text-on-media-70:hsla(0,0%,100%,.7);--surface-on-media-dark-10:rgba(0,0,0,.1);--surface-on-media-dark-5:rgba(0,0,0,.05);--surface-on-media-dark-40:rgba(0,0,0,.4);--surface-on-media-dark-45:rgba(0,0,0,.45);--surface-on-media-dark-50:rgba(0,0,0,.5);--surface-on-media-dark-55:rgba(0,0,0,.55);--surface-on-media-dark-60:rgba(0,0,0,.6);--surface-on-media-dark-65:rgba(0,0,0,.65);--surface-on-media-dark-70:rgba(0,0,0,.7);--surface-on-media-dark-80:rgba(0,0,0,.8);--border:#26334c;--hairline:hsla(0,0%,100%,.08);--border-hover:#374760;--border-disabled:#1c2638;--text-primary:#f7f9ff;--text-secondary:#c4cee0;--text-muted:#8a98b2;--text-disabled:#68758c;--on-surface:#f7f9ff;--on-surface-muted:#c4cee0;--on-inverse:#fff;--brand:#7ea4f2;--brand-hover:#9ab8ff;--brand-active:#b7ccff;--brand-soft:rgba(126,164,242,.15);--brand-soft-hover:rgba(126,164,242,.21);--brand-border:rgba(126,164,242,.3);--brand-gradient:linear-gradient(135deg,#547db4,#3d6394 52%,#294a76);--brand-gradient-strong:linear-gradient(135deg,#658fc6,#4b75a8 52%,#365a88);--shadow-brand-button:0 14px 32px rgba(9,28,58,.38);--on-brand:#fff;--engine-google-veo-bg:#1f3b5c;--engine-google-veo-ink:#eaf2ff;--engine-openai-bg:#332546;--engine-openai-ink:#f1e9ff;--engine-pika-bg:#4a2a37;--engine-pika-ink:#ffe6f1;--engine-minimax-bg:#4a2734;--engine-minimax-ink:#ffe6f1;--engine-bytedance-bg:#1c3946;--engine-bytedance-ink:#d9f6ff;--engine-kling-bg:#203b2f;--engine-kling-ink:#e4f5ea;--engine-wan-bg:#1e3d38;--engine-wan-ink:#e0fbf7;--engine-luma-bg:#3f2f1f;--engine-luma-ink:#ffe9c7;--engine-runway-bg:#27313d;--engine-runway-ink:#e7edf5;--engine-lightricks-bg:#36284d;--engine-lightricks-ink:#efe5ff;--engine-google-bg:#243b5a;--engine-google-ink:#eaf2ff;--accent:#8cafef;--accent-hover:#a8c1ff;--accent-active:#c0d1ff;--accent-subtle:rgba(140,175,239,.16);--on-accent:#fff;--accent-alt:#465970;--accent-alt-hover:#3e5166;--accent-alt-active:#36485c;--accent-alt-subtle:#1f2a38;--on-accent-alt:#fff;--link:#9ab8ff;--link-hover:#c0d1ff;--ring:rgba(126,164,242,.46);--overlay-bg:rgba(11,15,20,.75);--overlay-surface:#141b24;--overlay-ink:#f7f8fa;--overlay-muted:#c9d2de;--placeholder:#24303b;--skeleton:#24303b;--success:#69c5a0;--success-bg:rgba(105,197,160,.16);--success-border:rgba(105,197,160,.36);--on-success:#f7f8fa;--warning:#fbbf24;--warning-bg:rgba(251,191,36,.18);--warning-border:rgba(251,191,36,.4);--on-warning:#f7f8fa;--error:#f87171;--error-bg:hsla(0,91%,71%,.18);--error-border:hsla(0,91%,71%,.4);--on-error:#f7f8fa;--info:#8cafef;--info-bg:rgba(140,175,239,.16);--info-border:rgba(140,175,239,.36);--on-info:#f7f8fa;--chart-active:#7ea4f2;--chart-charges:#f97316;--admin-sidebar-bg:#0b1220;--admin-sidebar-border:hsla(0,0%,100%,.08);--admin-sidebar-surface:rgba(126,164,242,.15);--admin-sidebar-surface-hover:rgba(126,164,242,.21);--admin-sidebar-text:hsla(0,0%,100%,.95);--admin-sidebar-text-muted:rgba(223,231,242,.76);--admin-sidebar-text-faint:rgba(191,201,216,.42);--admin-sidebar-contrast:#f7f8fa;--shadow-card:0 1px 2px rgba(0,0,0,.22),0 16px 36px rgba(0,0,0,.2);--shadow-float:0 20px 52px rgba(0,0,0,.38);--preview-outline-idle:transparent;--preview-outline-hover:rgba(14,165,233,.35);--preview-outline-active:rgba(14,165,233,.55);--text:var(--text-primary);--muted:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;border:1px solid var(--hairline);border-radius:9999px;background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1;padding:6px 10px}.chip--accent{background:var(--accent);color:var(--on-accent);border-color:transparent}.overlay-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid var(--border);border-radius:var(--radius-input);padding:6px 12px;color:var(--text-secondary)}.overlay-btn:hover{color:var(--accent)}.skeleton{position:relative;overflow:hidden;background:var(--skeleton)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translateX(100%)}}