:root{--primary: #3B6FF0;--primary-hover: #2D5FE0;--primary-active: #1D4ED8;--primary-light: #EEF2FF;--primary-ring: rgba(59, 111, 240, .18);--text-main: #0F172A;--text-secondary: #1E293B;--text-muted: #64748B;--text-faint: #94A3B8;--bg-page: #F5F6FA;--bg-card: #FFFFFF;--bg-subtle: #F8FAFC;--border-main: #E4E6EF;--border-subtle: #EEF0F7;--border-strong: #C8CAD8;--color-success: #16A34A;--color-warning: #CA8A04;--color-danger: #DC2626;--color-info: #0284C7;--font-head: "Inter Display", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1);--shadow-xl: 0 16px 40px rgba(15, 23, 42, .12);--z-base: 1;--z-raised: 10;--z-topbar: 40;--z-overlay: 45;--z-sidebar: 50;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--vp-accent: #3B6FF0;--vp-radius: var(--r-lg);--vp-transition: .3s cubic-bezier(.4, 0, .2, 1)}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-body);color:var(--text-main);background:var(--bg-page)!important;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}.loginWrapper{display:flex;min-height:100vh;width:100vw;background:var(--bg-card);overflow:hidden}.loginLeft{width:50%;max-width:600px;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;padding:40px 64px;position:relative;z-index:10}.brandLogoAbsolute{position:absolute;top:40px;left:64px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main)}.brandDot{width:24px;height:24px;background:var(--primary);border-radius:6px}.brandText{font-family:var(--font-head);font-weight:700;font-size:1.25rem}.formContainer{width:100%;max-width:400px;margin:0 auto}.titleBig{font-family:var(--font-head);font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 8px;text-align:center}.textSub{font-family:var(--font-body);font-size:.95rem;color:#94a3b8;text-align:center;margin:0 0 32px}.inputWrapper{margin-bottom:20px}.inputLabel{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:6px;display:block}.customInput{width:100%;padding:12px 16px;font-size:.95rem;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;outline:none;transition:all .2s ease;color:#1e293b}.customInput:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.forgotLink{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.btnPrimary{background-color:var(--primary);color:#fff;border-radius:var(--r-sm);font-weight:600;font-size:.95rem;height:48px;width:100%;border:none;box-shadow:0 4px 12px #3b6ff038;cursor:pointer}.btnPrimary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 18px #3b6ff047;transform:translateY(-1px);filter:none}.btnPrimary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b6ff033;filter:none}.divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#94a3b8;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.socialButtons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btnSocial{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;height:44px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;font-size:.9rem}.btnSocial:hover{background:var(--bg-subtle);border-color:#cbd5e1}.footerText{text-align:center;margin-top:24px;font-size:.9rem;color:var(--text-muted)}.createLink{color:var(--primary);font-weight:600;text-decoration:none}.loginRight{flex:1;background:linear-gradient(135deg,#3b6ff0,#0f2980);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;position:relative}.brandQuote{font-family:var(--font-head);font-size:2.5rem;font-weight:700;line-height:1.2;text-align:center;max-width:500px;margin:0 0 16px}.brandSub{font-size:1.1rem;opacity:.85;text-align:center;max-width:450px;margin-bottom:48px;line-height:1.5}.dashboardMockup{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;width:100%;max-width:540px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px #0000004d;display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg);transition:transform .6s ease-out}.dashboardMockup:hover{transform:perspective(1000px) rotateY(0) rotateX(0);filter:none}.mockCard{background:#fffffff2;border-radius:12px;padding:20px;height:130px;box-shadow:0 4px 6px #0000000d}.mockGraph{grid-column:span 2;background:var(--bg-card);border-radius:12px;height:180px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.loginV2Page{min-height:100vh;width:100%;display:flex;background:var(--bg-card)}.loginV2BrandPanel{position:relative;width:52%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(40px,4.2vw,72px) clamp(44px,4.2vw,76px) clamp(34px,3.2vw,52px) clamp(60px,5.6vw,96px);border-right:1px solid #E2E0F8;background:linear-gradient(158deg,#f0f4ff,#ebf2ff 38%,#eef3ff 68%,#f4f7ff)}.loginV2Glow{position:absolute;border-radius:999px;pointer-events:none}.loginV2GlowTop{width:420px;height:420px;top:-150px;right:-110px;background:radial-gradient(circle,rgba(59,111,240,.18) 0%,rgba(59,111,240,.02) 60%,transparent 72%)}.loginV2GlowBottom{width:320px;height:320px;bottom:-110px;left:-90px;background:radial-gradient(circle,rgba(99,102,241,.16) 0%,rgba(99,102,241,.02) 64%,transparent 74%)}.loginV2Overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff6b,#ffffff1f)}.loginV2BrandMark{position:relative;z-index:1;width:clamp(54px,3vw,66px);height:clamp(54px,3vw,66px);display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--border-subtle);background:#ffffffe6;box-shadow:var(--shadow-md)}.loginV2BrandMark img{width:clamp(40px,2.2vw,50px);height:clamp(40px,2.2vw,50px);object-fit:contain}.loginV2BrandBody{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:clamp(560px,38vw,720px);padding-bottom:34px}.loginV2BrandTitle{margin:0 0 16px;font-family:var(--font-head);font-optical-sizing:auto;font-size:clamp(44px,1.95vw + 16px,66px);font-weight:800;line-height:1.07;letter-spacing:-.04em;color:var(--text-main)}.loginV2BrandTitle span{color:#3b6ff0}.loginV2BrandSubtitle{margin:0 0 26px;max-width:620px;font-size:clamp(15px,.36vw + 12px,19px);line-height:1.66;color:#6b7280}.loginV2LanguageRow{display:flex;flex-wrap:wrap;gap:9px}.loginV2LanguageTag{padding:5px 12px;border-radius:999px;font-size:clamp(12px,.2vw + 11px,13.5px);font-weight:600;color:#0f2980;border:1px solid rgba(59,111,240,.2);background:#ffffffe0;box-shadow:0 1px 3px #3b6ff00f}.loginV2Copyright{position:relative;z-index:1;font-size:clamp(11.5px,.2vw + 10px,13px);color:#9ca3af}.loginV2AuthShell{flex:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vh,74px) clamp(24px,3vw,52px);background:linear-gradient(180deg,#EEF3FF 0%,var(--bg-subtle) 100%)}.loginV2AuthCard{width:100%;max-width:clamp(452px,24vw,560px);padding:clamp(30px,2.1vw,42px) clamp(26px,1.8vw,36px) clamp(24px,1.8vw,34px);border-radius:18px;border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-xl),0 0 0 1px #3b6ff00a}.loginV2Heading{margin-bottom:20px}.loginV2Heading h2{margin:0 0 7px;font-family:var(--font-head);font-optical-sizing:auto;font-size:clamp(28px,.9vw + 16px,36px);font-weight:800;letter-spacing:-.04em;color:var(--text-main)}.loginV2Heading p{margin:0;font-size:clamp(14px,.26vw + 12px,16px);line-height:1.6;color:#6b7280}.loginV2Error{margin-bottom:14px;padding:10px 12px;border-radius:10px;border:1px solid #FECACA;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600}.loginV2Info{margin-bottom:14px;padding:10px 12px;border-radius:10px;border:1px solid #BFDBFE;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:600}.loginV2Form{display:flex;flex-direction:column;gap:14px}.loginV2Field{display:flex;flex-direction:column;gap:6px}.loginV2Field label{font-size:clamp(13px,.15vw + 12px,14px);font-weight:700;color:#334155}.loginV2Field input{width:100%;height:clamp(46px,2.6vw,50px);border-radius:var(--r-sm);border:1px solid var(--border-main);background:var(--bg-subtle);color:#0f172a;font-family:inherit;font-size:clamp(14px,.2vw + 13px,15px);padding:0 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.loginV2Field input:focus{border-color:#3b6ff0;background:var(--bg-card);box-shadow:0 0 0 3px #3b6ff024}.loginV2PasswordHeader{display:flex;align-items:center;justify-content:space-between}.loginV2ForgotLink{font-size:12px;font-weight:700;color:#3b6ff0;text-decoration:none}.loginV2PasswordInputWrap{position:relative}.loginV2PasswordInputWrap input{padding-right:72px}.loginV2TogglePw{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:none;color:#6b7280;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;padding:4px 6px}.loginV2PrimaryButton{margin-top:2px;height:clamp(46px,2.6vw,50px);border:0;border-radius:var(--r-sm);background:var(--primary);color:#fff;font-family:inherit;font-size:clamp(14px,.2vw + 13px,15px);font-weight:700;cursor:pointer;letter-spacing:-.01em;box-shadow:0 4px 12px #3b6ff038}.loginV2RememberRow{display:inline-flex;align-items:center;gap:8px;margin-top:-2px;font-size:12.5px;font-weight:600;color:#475569;-webkit-user-select:none;user-select:none}.loginV2RememberRow input{width:14px;height:14px;margin:0;accent-color:#3B6FF0}.loginV2PrimaryLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.loginV2PrimaryButton:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 18px #3b6ff047;transform:translateY(-1px);filter:none}.loginV2PrimaryButton:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b6ff02e;filter:none}.loginV2PrimaryButton:disabled,.loginV2GoogleButton:disabled,.loginV2TogglePw:disabled{opacity:.6;cursor:not-allowed}.loginV2Divider{position:relative;display:flex;justify-content:center;margin-top:2px}.loginV2Divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-subtle)}.loginV2Divider span{position:relative;padding:0 12px;background:#ffffffeb;color:#94a3b8;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.loginV2GoogleButton{height:clamp(46px,2.6vw,50px);border-radius:var(--r-sm);border:1.5px solid var(--border-main);background:var(--bg-card);color:#1a1a2e;font-family:inherit;font-size:clamp(14px,.2vw + 13px,15px);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 1px 3px #0f172a0a;transition:border-color .18s ease,background-color .18s ease}.loginV2GoogleButton:hover:not(:disabled){background:var(--bg-subtle);border-color:#d0d9e7}.loginV2SignupCta{margin:16px 0 0;text-align:center;font-size:12.5px;color:#6b7280}.loginV2SignupCta a{color:#3b6ff0;font-weight:700;text-decoration:none}.loginV2ConfirmWrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.loginV2ConfirmIcon{font-size:48px;line-height:1}.loginV2ConfirmTitle{margin:0;font-size:30px;font-weight:700;letter-spacing:-.03em;color:#1a1a2e}.loginV2ConfirmText{margin:0;font-size:14px;line-height:1.7;color:#6b7280;max-width:360px}.loginV2ConfirmWrap .loginV2PrimaryLink{width:100%;margin-top:8px}@media(max-width:1140px){.loginV2BrandPanel{width:48%;padding-left:56px;padding-right:42px}.loginV2BrandTitle{font-size:40px}}@media(max-width:980px){.loginV2Page{flex-direction:column}.loginV2BrandPanel{width:100%;min-height:auto;padding:28px 24px 24px;border-right:0;border-bottom:1px solid var(--border-subtle)}.loginV2BrandBody{padding:22px 0 0}.loginV2BrandTitle{font-size:31px}.loginV2BrandSubtitle{font-size:14px;margin-bottom:18px}.loginV2Copyright{margin-top:18px}.loginV2AuthShell{min-height:auto;padding:26px 16px 32px}.loginV2AuthCard{padding:22px 16px 18px;max-width:100%}.loginV2Heading h2{font-size:26px}}.appContainer{display:flex;min-height:100vh;width:100%;background:var(--bg-page);position:relative}.sidebar{width:248px;background:linear-gradient(180deg,#fff,#fafafa);color:var(--text-main);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:var(--z-sidebar);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);transition:width .2s ease,transform .24s ease}.sidebar.collapsed{width:86px}.sidebar.mobileOpen{transform:translate(0)}.mobileSidebarOverlay{position:fixed;inset:0;border:0;padding:0;margin:0;background:#0f172a70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-overlay);cursor:pointer}.sidebarHeader{height:68px;padding:0 12px;border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar.collapsed .sidebarHeader{padding:0 10px;justify-content:center;gap:6px}.sidebarBrand{display:flex;align-items:center;justify-content:flex-start;text-decoration:none;color:#1a1a2e;margin-bottom:0;padding:0 6px;height:100%;overflow:hidden;flex:1;min-width:0}.sidebarBrandCompact{flex:1;min-width:0}.brandLogoHeaderIcon{width:44px;height:44px;object-fit:contain;display:block}.collapseBtn{width:30px;height:30px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .14s ease,color .14s ease}.collapseBtn:hover{background:var(--border-subtle);color:var(--text-main);filter:none}.collapseBtn svg{width:16px;height:16px}.navMenu{flex:1;overflow-y:auto;padding:12px 10px}.navLabel{font-size:9.5px;font-weight:700;color:#b0b8cc;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;padding-left:11px}.sidebar.collapsed .navLabel{display:none}.navLabelSpacer{margin-top:18px}.navItem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border-radius:var(--r-sm);border:1px solid transparent;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:-.01em;text-align:left;margin-bottom:2px;transition:all .14s ease}.sidebar.collapsed .navItem{justify-content:center;padding:9px 0}.sidebar.collapsed .navItem span{display:none}.navItem svg{width:16px;height:16px;opacity:.85;transition:opacity .2s ease}.navItem:hover{background:#f4f4f9;border-color:#e4e4f0;color:var(--text-main);filter:none}.navItem.active{border-color:#3b6ff038;background:#3b6ff00f;box-shadow:inset 0 0 0 1px #3b6ff01f;color:var(--primary);font-weight:600}.navItem.active svg{opacity:1}.sidebarFooter{padding:10px 10px 12px;border-top:1px solid var(--border-main)}.sidebar.collapsed .sidebarFooter{padding:11px 8px 12px}.userProfile{display:flex;align-items:center;gap:9px;color:var(--text-main);justify-content:flex-start;padding:7px 8px;border:1px solid var(--border-main);border-radius:var(--r-sm);background:#ffffffe6}.sidebar.collapsed .userProfile{align-items:center;justify-content:center;padding:7px 5px;flex-direction:column;gap:7px}.avatarCircle{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:-.01em;font-size:12.6px;flex-shrink:0;aspect-ratio:1 / 1}.sidebar.collapsed .avatarCircle{width:31px;height:31px;font-size:12.5px}.sidebar.collapsed .logoutBtn{display:flex}.profileMeta{min-width:0;flex:1;display:grid;gap:1px}.profileName{color:var(--text-main);font-size:13.2px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profilePlan{color:var(--primary);font-size:9.8px;font-weight:700;border:1px solid rgba(59,111,240,.24);background:#3b6ff012;border-radius:999px;display:inline-flex;align-items:center;padding:1px 7px;line-height:1.2;width:fit-content}.sidebar.collapsed .profileMeta{display:none}.logoutBtn{background:transparent;border:1px solid var(--border-main);cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--r-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.logoutBtn:hover{background:var(--border-subtle);color:var(--text-main);filter:none}.mainContent{margin-left:248px;width:calc(100% - 248px);height:100vh;background:transparent;display:flex;flex-direction:column;position:relative;overflow-y:auto}.mainContent.collapsed{margin-left:86px;width:calc(100% - 86px)}.topBar{height:68px;background:#f6f5f1eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-main);position:sticky;top:0;z-index:var(--z-overlay)}.topBarInner{height:100%;width:100%;max-width:1360px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topBarTitle{display:flex;flex-direction:column;gap:2px;font-weight:700;color:var(--text-main);font-family:var(--font-head);letter-spacing:-.025em}.topBarSub{font-size:.9rem;color:#6b7280;font-weight:500}.topBarLeft{display:flex;align-items:center}.mobileSidebarToggle{width:40px;height:40px;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:var(--bg-card);display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;box-shadow:0 6px 12px #0f172a14}.mobileSidebarToggle span{width:18px;height:2px;border-radius:999px;background:#334155;display:block}.topBarRight{display:flex;align-items:center;gap:6px;background:#fffffff2;border:1px solid var(--border-subtle, #EEF0F7);border-radius:14px;padding:6px 8px;box-shadow:var(--shadow-sm);margin-left:auto}.creditPill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-sm);background:#f5f5ff;border:1px solid var(--border-main);font-size:13px;color:var(--text-main);font-weight:600;cursor:pointer;font-family:inherit;transition:all .14s ease}.creditPill:hover{background:var(--primary-light);border-color:#3b6ff04d;filter:none}.creditPill svg{width:16px;height:16px}.creditIcon{font-size:.95rem}.creditPill strong{color:#3b6ff0}.creditPillLabel{color:var(--text-muted);font-size:13px;font-weight:500}.notifyBtn{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--border-main);background:#fff;color:var(--text-muted);position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s ease}.notifyBtn:hover{background:var(--primary-light);border-color:#3b6ff04d;color:var(--primary);box-shadow:0 2px 8px #3b6ff01a;filter:none}.notifyDot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:999px;background:#ef4444;border:2px solid #fff}.creditPlanTag{border:1px solid rgba(15,23,42,.14);background:var(--bg-card);color:#334155;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800;line-height:1.3}.accountMenu{position:relative}.accountAvatar{width:34px;height:34px;border-radius:999px;border:1px solid rgba(59,111,240,.3);background:#3b6ff0;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #3b6ff047}.accountDropdown{position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--border-main);border-radius:12px;padding:10px;width:220px;box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transform:translateY(6px);transition:all .15s ease;z-index:20}.accountMenu:hover .accountDropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.accountHeader{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:8px}.accountAvatarSmall{width:36px;height:36px;border-radius:50%;background:#e8f0ff;color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;flex-shrink:0}.pageIntro{padding:22px 24px 14px;position:relative;background:linear-gradient(180deg,var(--bg-subtle) 0%,#FFFFFF 100%);border-bottom:1px solid rgba(15,23,42,.06)}.pageIntroTitle{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text-main);font-family:var(--font-head);font-optical-sizing:auto}.pageIntroSub{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:400}.pageContent{flex:1;padding:0}.accountName{font-weight:700;font-size:.9rem}.accountEmail{font-size:.75rem;color:var(--text-muted)}.accountItem{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-main);font-weight:600}.accountItem:hover{background:var(--border-subtle);filter:none}.accountItem.logout{color:#dc2626}.waitingCard{background:var(--bg-card);width:100%;max-width:550px;margin:auto;padding:48px;border-radius:20px;text-align:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);position:relative}.stepIndicator{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.stepDot{width:10px;height:10px;border-radius:50%;background:var(--border-subtle)}.stepDot.active{background:var(--primary);transform:scale(1.2)}.workspaceContainer{max-width:1400px;margin:0 auto;width:100%}.workspaceHeader{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.splitLayout{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}.looksPanel{padding-right:10px}.looksGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5)}.lookCard{aspect-ratio:3/4;background:linear-gradient(180deg,#FFFFFF 0%,var(--bg-subtle) 100%);border-radius:18px;cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.22,.8,.2,1)}.lookCard:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff59,#fff0);opacity:0;transition:opacity .25s ease;pointer-events:none}.lookCard:after{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(255,255,255,.55);opacity:.25;pointer-events:none}.lookCard img,.lookCard video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.lookCard:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px #0f172a73,0 10px 18px -12px #3b6ff059}.lookCard:hover:before{opacity:1}.lookCard:hover img{transform:scale(1.06)}.lookCard.selected{border-color:#3b6ff099;box-shadow:0 0 0 2px #3b6ff059,0 20px 32px -22px #3b6ff066;transform:translateY(-2px)}.cardLabel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#091020d9,#09102000);padding:26px 16px 12px;color:var(--bg-subtle);font-weight:600;font-size:.85rem;text-shadow:0 4px 12px rgba(0,0,0,.4)}.checkBadge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#3b6ff0,#1d4ed8);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 8px 16px #3b6ff059;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.editorStage{background:linear-gradient(180deg,#FFFFFF 0%,var(--bg-subtle) 100%);border-radius:22px;padding:10px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.videoWrapper{border-radius:16px;overflow:hidden;background:#0b1220;aspect-ratio:16/9;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.actionDataBar{display:flex;justify-content:flex-end;align-items:center;margin-top:24px;gap:16px}.adminPanelHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px;border:1px solid var(--border-subtle);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--bg-card) 0%,#F4F7FF 100%);box-shadow:var(--shadow-sm)}.adminPanelEyebrow{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8fa4d6;margin-bottom:6px}.adminStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.adminQuickNav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.adminQuickNavItem{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-main);background:var(--bg-subtle);color:var(--primary);padding:6px 12px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s ease}.adminQuickNavItem:hover{background:var(--primary-light);border-color:#3b6ff04d;box-shadow:var(--shadow-sm);transform:translateY(-1px);filter:none}.adminStatCard{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-xs)}.adminStatLabel{color:#6b7280;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.adminStatValue{color:var(--text-main);font-size:1.55rem;line-height:1.15;font-weight:800;font-family:var(--font-head);font-optical-sizing:auto;letter-spacing:-.04em}.adminStatSub{margin-top:4px;color:#64748b;font-size:.84rem;font-weight:600}.adminSectionCard{margin-top:18px;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.adminSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.adminSectionEyebrow{font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8fa4d6;margin-bottom:4px}.adminSectionTitle{font-size:1.05rem;line-height:1.25;color:var(--text-main);margin:0;font-weight:800;font-family:var(--font-head);font-optical-sizing:auto;letter-spacing:-.03em}.adminSectionTag{display:inline-flex;align-items:center;border:1px solid #BFDBFE;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:700;white-space:nowrap}.adminSectionDescription{color:#6b7280;font-size:.92rem;margin-top:6px;margin-bottom:12px}.adminSectionMeta{color:#64748b;font-size:.88rem;font-weight:700}.adminFormGrid{display:grid;gap:10px}.adminTagGroup{display:flex;gap:8px;flex-wrap:wrap}.adminTagButton{border-radius:var(--r-full);border:1px solid #CBD5E1;background:var(--bg-card);color:#475569;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.adminTagButton.isActive{border-color:#3b6ff0;background:#eef2ff;color:#1d4ed8}.adminFieldHint{margin-top:8px}.adminHintText{margin-top:5px;font-size:.78rem;color:#94a3b8}.adminTextarea{width:100%;min-height:92px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-subtle);padding:12px 14px;font-size:.95rem;color:#1e293b;font-family:inherit;outline:none}.adminTextarea:focus{border-color:#3b6ff0;background:var(--bg-card)}.adminInlineActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminNotice{font-size:.86rem;font-weight:700;border-radius:10px;padding:9px 11px}.adminNotice.isError{border:1px solid #FCA5A5;background:#fef2f2;color:#b91c1c}.adminNotice.isSuccess{border:1px solid #86EFAC;background:#f0fdf4;color:#166534}.admin-table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:var(--bg-subtle);padding:var(--sp-4) var(--sp-6);font-size:.78rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1}.admin-table td{padding:20px 24px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-subtle)}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar-small{width:36px;height:36px;background:#eff6ff;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.drawer-overlay{position:fixed;inset:0;background:#0006;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:500px;background:var(--bg-card);z-index:var(--z-dropdown);box-shadow:var(--shadow-xl);padding:var(--sp-8);overflow-y:auto;transform:translate(100%);animation:slideIn .3s forwards}@keyframes slideIn{to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clone-list-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:12px;transition:all .2s;background:var(--bg-card)}.clone-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);filter:none}.status-badge{font-size:.75rem;padding:4px 8px;border-radius:99px;font-weight:600}.status-active{background:#dcfce7;color:var(--color-success)}.status-pending{background:#fef9c3;color:#854d0e}.looksEditorGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.lookEditorCard{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #0f172a0f;display:grid;grid-template-rows:180px 1fr;position:relative}.lookPreview{background:#0b1220;width:100%;height:100%;position:relative}.lookPreview img,.lookPreview video{width:100%;height:100%;object-fit:cover;display:block}.lookPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:600;background:#f1f5f9}.lookFields{padding:14px;display:grid;gap:10px}.lookRow .inputLabel{margin-bottom:6px}.lookOrderBadge{position:absolute;top:10px;left:10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#f8fafcf2;color:#334155;font-size:.74rem;font-weight:700;padding:4px 8px}.lookCardActions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.lookMove,.lookDelete{border:1px solid #EF4444;background:var(--bg-card);color:#ef4444;border-radius:10px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.lookMove{border-color:#cbd5e1;color:#475569}.lookMove:disabled{opacity:.45;cursor:not-allowed}.supportGrid{display:grid;grid-template-columns:320px 1fr;gap:18px}.supportConversationList{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-3);max-height:520px;overflow-y:auto}.supportConversationItem{width:100%;text-align:left;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:12px;padding:10px 12px;margin-bottom:10px;cursor:pointer;transition:all .15s ease}.supportConversationItem:hover{border-color:#3b6ff04d;background:var(--primary-light);filter:none}.supportConversationItem.isActive{border:2px solid #3B6FF0;background:#f0efff}.supportChatPanel{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-4);display:flex;flex-direction:column;min-height:520px}.supportMessagesContainer{flex:1;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:12px;padding:12px;background:var(--bg-subtle)}.supportMessageRow{margin-bottom:10px;display:flex;flex-direction:column}.supportMessageRow.isAdmin{align-items:flex-end}.supportMessageRow.isUser{align-items:flex-start}.supportMessageBubble{border-radius:12px;padding:8px 12px;max-width:80%}.supportMessageBubble.isAdmin{background:#3b6ff0;color:#fff}.supportMessageBubble.isUser{background:var(--bg-card);color:#1a1a2e;border:1px solid var(--border-subtle)}.supportMessageTime{font-size:.75rem;color:#94a3b8;margin-top:4px}.supportReplyArea{margin-top:12px;display:grid;gap:10px}@media(max-width:1100px){.adminStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.supportGrid{grid-template-columns:1fr}}@media(max-width:760px){.adminPanelHero{flex-direction:column;align-items:stretch}.adminStatsGrid{grid-template-columns:1fr}.adminSectionHeader{flex-direction:column;align-items:flex-start}.admin-table th,.admin-table td{padding:12px;font-size:.86rem}.adminInlineActions{flex-direction:column;align-items:flex-start}}.vp-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl);font-family:var(--font-body)}video.vp-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.vp-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:all .2s ease;box-shadow:0 0 #fff6}.vp-big-play:hover{background:var(--vp-accent);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 10px #3b6ff02e;filter:none}.vp-big-play svg{width:32px;height:32px;fill:#fff;margin-left:4px}.vp-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;opacity:0;transition:opacity .2s}.vp-loader.active{opacity:1}.vp-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:vp-spin 1s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.overlay-indicator{position:absolute;inset:0;pointer-events:none;z-index:5;display:flex;justify-content:center;align-items:center}.overlay-badge{width:70px;height:70px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.overlay-badge.animate{animation:vp-fadeOut .8s forwards}.overlay-badge svg{fill:#fff;width:32px;height:32px}@keyframes vp-fadeOut{0%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.controls-wrapper{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 15px 10px;z-index:20;transition:opacity var(--vp-transition);opacity:1}.controls-wrapper.hidden{opacity:0;pointer-events:none}.controls-inner{background:#fff;border-radius:8px;height:48px;display:flex;align-items:center;padding:0 10px;gap:5px;box-shadow:0 4px 6px -1px #0000001a}.control-btn{background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#1a1a2e}.control-btn:hover{background:#00000014}.control-btn svg{width:22px;height:22px;fill:currentColor}.progress-area{flex-grow:1;height:24px;display:flex;align-items:center;cursor:pointer;margin:0 10px;position:relative}.progress-bar{width:100%;height:6px;background:var(--border-subtle);border-radius:10px;position:relative;overflow:hidden}.progress-current{position:absolute;left:0;top:0;height:100%;background:var(--vp-accent);width:0%;pointer-events:none}.progress-handle{position:absolute;top:50%;width:14px;height:14px;background:#000;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;pointer-events:none;z-index:2}.progress-area:hover .progress-handle{transform:translate(-50%,-50%) scale(1)}.lang-container{position:relative}.lang-btn{width:auto;padding:0 10px;gap:6px;font-weight:600;font-size:12px}.lang-menu{position:absolute;bottom:140%;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:160px;max-height:240px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;list-style:none;padding:6px 0;margin:0}.lang-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-item{padding:10px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;font-size:14px}.lang-item:hover{background:var(--bg-subtle)}.lang-item.active{background:#eff6ff;color:var(--vp-accent);font-weight:600}.flag-icon{width:22px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}@media(max-width:1024px){.loginWrapper{flex-direction:column;overflow-y:auto}.loginLeft{width:100%;max-width:100%;padding:32px 24px;min-height:auto}.loginRight{display:none}.brandLogoAbsolute{position:relative;top:0;left:0;margin-bottom:32px}.sidebar{width:min(86vw,320px);max-width:320px;transform:translate(-110%);box-shadow:none}.sidebar.collapsed{width:min(86vw,320px)}.sidebar.mobileOpen{transform:translate(0);box-shadow:0 20px 45px #0f172a47}.collapseBtn{display:none}.mobileSidebarToggle{display:flex}.topBar{height:56px}.topBarInner{height:100%;padding:0 14px;justify-content:space-between;gap:10px}.topBarRight{padding:4px 6px;gap:6px;min-width:0;max-width:calc(100vw - 112px);margin-left:auto}.creditPill{gap:8px;padding:8px 10px;font-size:.82rem;overflow:hidden}.creditPill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creditPillLabel,.creditPlanTag{display:none}.notifyBtn,.accountAvatar{width:32px;height:32px}.mainContent{margin-left:0;width:100%;padding:0}.splitLayout{grid-template-columns:1fr}}.appShell{width:100%;max-width:1360px;margin:0 auto;padding:var(--sp-6) var(--sp-8) var(--sp-8);font-family:var(--font-body)}.appShellNarrow{max-width:1180px}.appShellWide{max-width:1600px}.appShellAdmin{max-width:1120px;padding-top:40px}@media(max-width:1024px){.appShell,.appShellNarrow,.appShellWide,.appShellAdmin{width:100%;padding:20px 14px 28px}.appShellAdmin{padding-top:20px}}.clonefyUiV2App,.clonefyUiV2Public,.clonefyUiV2PublicPage,.clonefyUiV2EmbedPage,.clonefyUiV2Page{--clonefy-ui-blue: #3b6ff0;--clonefy-ui-blue-hover: #2d5fe0;--clonefy-ui-surface: #ffffff;--clonefy-ui-border: #e8e9ee;--clonefy-ui-text: #1a1a2e;--clonefy-ui-muted: #6b7280;color:var(--clonefy-ui-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.clonefyUiV2Page,.clonefyUiV2PublicPage,.clonefyUiV2EmbedPage{text-rendering:optimizeLegibility}.clonefyUiV2Page :where(button,input,textarea,select),.clonefyUiV2PublicPage :where(button,input,textarea,select),.clonefyUiV2EmbedPage :where(button,input,textarea,select){font-family:inherit}.clonefyUiV2Page :where(button),.clonefyUiV2PublicPage :where(button),.clonefyUiV2EmbedPage :where(button){border-radius:10px;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.clonefyUiV2Page :where(input,textarea,select),.clonefyUiV2PublicPage :where(input,textarea,select){border-radius:10px;border-color:var(--clonefy-ui-border);color:var(--clonefy-ui-text);background:var(--clonefy-ui-surface)}.clonefyUiV2Page :where(input:focus,textarea:focus,select:focus),.clonefyUiV2PublicPage :where(input:focus,textarea:focus,select:focus){outline:none;border-color:var(--clonefy-ui-blue)!important;box-shadow:0 0 0 3px #3b6ff024}.clonefyUiV2Page :where(h1,h2,h3,h4),.clonefyUiV2PublicPage :where(h1,h2,h3,h4){color:var(--clonefy-ui-text);letter-spacing:-.02em}.clonefyUiV2Page .planCreditsPrimaryCta:not(:disabled):hover{background:linear-gradient(180deg,#4a7bfa,#3b6ff0);box-shadow:0 8px 20px #3b6ff047;transform:translateY(-1px);filter:none}.clonefyUiV2Page .planCreditsPrimaryCta:not(:disabled):active{transform:translateY(0);box-shadow:0 4px 10px #3b6ff033;filter:none}.clonefyUiV2Page .planCreditsPrimaryCta:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.clonefyUiV2Page .planCreditsHelpCta:not(:disabled):hover{background:var(--border-subtle);filter:none}.clonefyUiV2Page .planCreditsHelpCta:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.clonefyUiV2Page .workspaceInviteRoleTrigger:not(:disabled):hover{border-color:#3b6ff059;background:var(--bg-subtle);filter:none}.clonefyUiV2Page .workspaceInviteRoleTrigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.clonefyUiV2Page .workspaceInviteRoleOption:not(:disabled):hover{background:var(--primary-light);color:var(--primary);filter:none}.clonefyUiV2Page .workspaceInviteRoleOption:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.clonefyUiV2Page :where(.appShell,.page),.clonefyUiV2PublicPage :where(.pageBg),.clonefyUiV2EmbedPage{color:var(--clonefy-ui-text)}.clonefyUiV2Page .planBillingLayout{width:100%;max-width:none;margin:0;display:grid;gap:var(--ui-space-4)}.clonefyUiV2Page .planBillingLayoutLocked{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.clonefyUiV2Page .planBillingPlanCard,.clonefyUiV2Page .planBillingCreditsCard,.clonefyUiV2Page .planBillingPackagesSection{background:var(--ui-color-bg-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);padding:var(--ui-space-6);box-shadow:var(--ui-shadow-1)}.clonefyUiV2Page .planBillingPlanTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ui-space-5);align-items:start}.clonefyUiV2Page .planBillingPlanHeaderRow{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;margin-bottom:var(--ui-space-1)}.clonefyUiV2Page .planBillingPlanName{margin:0;font-size:clamp(1.6rem,2vw,2rem);font-weight:800;letter-spacing:-.035em;color:var(--ui-color-text);line-height:var(--ui-line-tight)}.clonefyUiV2Page .planBillingStatusBadge{border:1px solid;border-radius:var(--ui-radius-full);padding:3px var(--ui-space-2);font-size:var(--ui-font-size-2xs);font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.clonefyUiV2Page .planBillingCustomPlanLabel{margin:0 0 var(--ui-space-2);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:600}.clonefyUiV2Page .planBillingPlanPricePrimary{margin:0;font-size:1.6rem;font-weight:800;color:var(--ui-color-text);letter-spacing:-.03em;line-height:var(--ui-line-tight)}.clonefyUiV2Page .planBillingPlanPriceSecondary{margin:var(--ui-space-1) 0 0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);font-weight:600;line-height:var(--ui-line-default)}.clonefyUiV2Page .planBillingPlanRenewal{margin:var(--ui-space-2) 0 0;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.clonefyUiV2Page .planBillingPlanRenewal strong{color:var(--ui-color-text);font-weight:700}.clonefyUiV2Page .planBillingPlanActions{display:grid;align-content:start;gap:var(--ui-space-2);min-width:200px}.clonefyUiV2Page .planBillingButton{width:100%;min-height:var(--ui-control-height-md);border-radius:var(--ui-radius-sm);font-size:var(--ui-font-size-sm);font-weight:700;line-height:1;padding:0 var(--ui-space-4);cursor:pointer;border:1px solid transparent;font-family:inherit;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),opacity var(--ui-transition-fast)}.clonefyUiV2Page .planBillingButton:disabled{opacity:.6;cursor:not-allowed}.clonefyUiV2Page .planBillingButtonPrimary{background:var(--ui-color-text);color:var(--ui-color-text-inverse);border-color:var(--ui-color-text);box-shadow:var(--ui-shadow-1)}.clonefyUiV2Page .planBillingButtonPrimary:not(:disabled):hover{background:#020617;border-color:#020617;box-shadow:var(--ui-shadow-2);filter:none}.clonefyUiV2Page .planBillingButtonGhost{background:var(--ui-color-bg-surface);color:var(--ui-color-text-muted);border-color:var(--ui-color-border);font-weight:600}.clonefyUiV2Page .planBillingButtonGhost:not(:disabled):hover{background:var(--ui-color-bg-subtle);border-color:var(--ui-color-border-strong);color:var(--ui-color-text);filter:none}.clonefyUiV2Page .planBillingButton:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.clonefyUiV2Page .planBillingDivider{margin:var(--ui-space-5) 0 var(--ui-space-4);border-top:1px solid var(--ui-color-border-subtle)}.clonefyUiV2Page .planBillingFeaturesGrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-2) var(--ui-space-5)}.clonefyUiV2Page .planBillingFeatureItem{display:flex;align-items:flex-start;gap:var(--ui-space-2);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-default);font-weight:600}.clonefyUiV2Page .planBillingFeatureDot{width:7px;height:7px;border-radius:var(--ui-radius-full);margin-top:5px;background:var(--ui-color-bg-primary);flex-shrink:0}.clonefyUiV2Page .planBillingEmptyFeatures{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);font-weight:600}.clonefyUiV2Page .planBillingCreditsCard{display:block}.clonefyUiV2Page .planBillingCreditsLabel{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.clonefyUiV2Page .planBillingCreditsValueRow{margin-top:var(--ui-space-1);display:flex;align-items:baseline;gap:var(--ui-space-2)}.clonefyUiV2Page .planBillingCreditsValue{font-size:clamp(2rem,4.2vw,3.05rem);font-weight:800;letter-spacing:-.055em;line-height:var(--ui-line-tight);color:var(--ui-color-text)}.clonefyUiV2Page .planBillingCreditsUnit{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.clonefyUiV2Page .planBillingCreditsMinutes{margin:var(--ui-space-2) 0 0;font-size:var(--ui-font-size-md);color:var(--ui-color-text-muted);font-weight:600}.clonefyUiV2Page .planBillingUsageBlock{margin-top:var(--ui-space-4)}.clonefyUiV2Page .planBillingUsageHeader{display:flex;justify-content:space-between;gap:var(--ui-space-2);margin-bottom:var(--ui-space-2);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:700}.clonefyUiV2Page .planBillingUsageTrack{height:9px;border-radius:var(--ui-radius-full);background:var(--ui-color-border);overflow:hidden}.clonefyUiV2Page .planBillingUsageFill{height:100%;border-radius:var(--ui-radius-full);background:linear-gradient(90deg,var(--ui-color-bg-primary-hover) 0%,var(--ui-color-bg-primary) 100%)}.clonefyUiV2Page .planBillingUsageCaption{margin:var(--ui-space-2) 0 0;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);font-weight:600}.clonefyUiV2Page .planBillingUsageSecondaryBlock{margin-top:var(--ui-space-3)}.clonefyUiV2Page .planBillingUsageTrackTopup{background:var(--ui-color-border-subtle)}.clonefyUiV2Page .planBillingUsageFillTopup{background:linear-gradient(90deg,#0f172a,#334155)}.clonefyUiV2Page .planBillingCreditsMicrocopy{margin:var(--ui-space-2) 0 0;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:600}.clonefyUiV2Page .planBillingPackagesHeader{margin-bottom:var(--ui-space-4)}.clonefyUiV2Page .planBillingPackagesTitle{margin:0;font-size:var(--ui-font-size-xl);font-weight:800;color:var(--ui-color-text);letter-spacing:-.02em;line-height:var(--ui-line-tight)}.clonefyUiV2Page .planBillingPackagesSubtitle{margin:var(--ui-space-1) 0 0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);font-weight:500;line-height:var(--ui-line-default)}.clonefyUiV2Page .planBillingPackagesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-3)}.clonefyUiV2Page .planBillingPackageCard{position:relative;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-bg-surface);padding:var(--ui-space-4);display:grid;gap:var(--ui-space-2);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast)}.clonefyUiV2Page .planBillingPackageCardPopular{border-color:var(--ui-color-border-primary);background:linear-gradient(180deg,#fbfdff,#f4f8ff);box-shadow:0 10px 22px #3b6ff024;transform:scale(1.02)}.clonefyUiV2Page .planBillingPopularBadge{position:absolute;top:var(--ui-space-2);right:var(--ui-space-2);border-radius:var(--ui-radius-full);border:1px solid var(--ui-color-info-border);background:var(--ui-color-info-bg);color:var(--ui-color-info);font-size:var(--ui-font-size-2xs);font-weight:700;letter-spacing:.02em;padding:3px var(--ui-space-2)}.clonefyUiV2Page .planBillingPackageCredits{margin:0;color:var(--ui-color-text);font-size:var(--ui-font-size-lg);font-weight:700;line-height:var(--ui-line-tight)}.clonefyUiV2Page .planBillingPackageMinutes{margin:0;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:600}.clonefyUiV2Page .planBillingPackagePrice{margin:2px 0 0;color:var(--ui-color-text);font-size:2.05rem;font-weight:800;letter-spacing:-.05em;line-height:var(--ui-line-tight)}@media(max-width:1024px){.clonefyUiV2Page .planBillingPackagesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.clonefyUiV2Page .planBillingPlanTop{grid-template-columns:1fr}.clonefyUiV2Page .planBillingPlanActions{min-width:0;grid-template-columns:1fr 1fr}.clonefyUiV2Page .planBillingFeaturesGrid,.clonefyUiV2Page .planBillingPackagesGrid{grid-template-columns:1fr}}:root{--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-7: 28px;--ui-space-8: 32px;--ui-space-10: 40px;--ui-space-12: 48px;--ui-space-14: 56px;--ui-space-16: 64px;--ui-font-family-sans: var(--font-body, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--ui-font-size-2xs: 11px;--ui-font-size-xs: 12px;--ui-font-size-sm: 13px;--ui-font-size-md: 14px;--ui-font-size-lg: 16px;--ui-font-size-xl: 20px;--ui-font-size-2xl: 28px;--ui-line-tight: 1.2;--ui-line-default: 1.45;--ui-line-relaxed: 1.6;--ui-radius-2xs: 6px;--ui-radius-xs: 8px;--ui-radius-sm: 10px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-xl: 20px;--ui-radius-2xl: 24px;--ui-radius-full: 999px;--ui-shadow-1: 0 1px 3px rgba(15, 23, 42, .08);--ui-shadow-2: 0 6px 16px rgba(15, 23, 42, .08);--ui-shadow-3: 0 12px 30px rgba(15, 23, 42, .12);--ui-shadow-4: 0 18px 48px rgba(15, 23, 42, .18);--ui-color-bg-page: var(--bg-page, #f5f6fa);--ui-color-bg-surface: var(--bg-card, #ffffff);--ui-color-bg-subtle: var(--bg-subtle, #f8fafc);--ui-color-bg-primary: var(--primary, #3b6ff0);--ui-color-bg-primary-hover: var(--primary-hover, #2d5fe0);--ui-color-bg-danger: #dc2626;--ui-color-text: var(--text-main, #0f172a);--ui-color-text-muted: var(--text-muted, #64748b);--ui-color-text-faint: var(--text-faint, #94a3b8);--ui-color-text-inverse: #ffffff;--ui-color-text-primary: var(--primary, #3b6ff0);--ui-color-text-danger: #b91c1c;--ui-color-border: var(--border-main, #e4e6ef);--ui-color-border-subtle: var(--border-subtle, #eef0f7);--ui-color-border-strong: var(--border-strong, #c8cad8);--ui-color-border-primary: rgba(59, 111, 240, .32);--ui-color-border-danger: #fca5a5;--ui-color-success: #16a34a;--ui-color-success-bg: #ecfdf5;--ui-color-success-border: #bbf7d0;--ui-color-warning: #b45309;--ui-color-warning-bg: #fffbeb;--ui-color-warning-border: #fcd34d;--ui-color-danger: #b91c1c;--ui-color-danger-bg: #fef2f2;--ui-color-danger-border: #fecaca;--ui-color-info: #1d4ed8;--ui-color-info-bg: #eff6ff;--ui-color-info-border: #bfdbfe;--ui-control-height-sm: 32px;--ui-control-height-md: 38px;--ui-control-height-lg: 44px;--ui-focus-ring: 0 0 0 3px rgba(59, 111, 240, .22);--ui-transition-fast: .14s ease}.ui-page-shell{width:100%;max-width:1360px;margin:0 auto;padding:var(--ui-space-6) var(--ui-space-8) var(--ui-space-8)}.ui-surface{background:var(--ui-color-bg-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg)}.ui-surface-subtle{background:var(--ui-color-bg-subtle);border:1px solid var(--ui-color-border-subtle);border-radius:var(--ui-radius-md)}.ui-divider{width:100%;height:1px;border:0;background:var(--ui-color-border-subtle)}.ui-title-xl{margin:0;font-size:var(--ui-font-size-2xl);line-height:var(--ui-line-tight);letter-spacing:-.03em;font-weight:800;color:var(--ui-color-text)}.ui-title-lg{margin:0;font-size:var(--ui-font-size-xl);line-height:var(--ui-line-tight);letter-spacing:-.02em;font-weight:800;color:var(--ui-color-text)}.ui-text-md{margin:0;font-size:var(--ui-font-size-md);line-height:var(--ui-line-default);color:var(--ui-color-text)}.ui-text-muted{color:var(--ui-color-text-muted)}.ui-eyebrow{margin:0;font-size:var(--ui-font-size-2xs);line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ui-color-text-faint)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height-md);padding:0 var(--ui-space-4);border-radius:var(--ui-radius-sm);border:1px solid transparent;font-family:inherit;font-size:var(--ui-font-size-sm);font-weight:700;line-height:1;cursor:pointer;text-decoration:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),opacity var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.ui-button-primary{background:var(--ui-color-bg-primary);color:var(--ui-color-text-inverse);border-color:var(--ui-color-bg-primary);box-shadow:0 6px 14px #3b6ff033}.ui-button-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--ui-color-bg-primary-hover);border-color:var(--ui-color-bg-primary-hover);box-shadow:0 10px 18px #3b6ff03d}.ui-button-secondary{background:var(--ui-color-bg-surface);color:var(--ui-color-text);border-color:var(--ui-color-border)}.ui-button-secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--ui-color-border-strong);background:var(--ui-color-bg-subtle)}.ui-button-ghost{background:transparent;color:var(--ui-color-text-muted);border-color:transparent}.ui-button-ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--ui-color-text);background:var(--ui-color-bg-subtle)}.ui-button-danger{background:var(--ui-color-bg-danger);border-color:var(--ui-color-bg-danger);color:var(--ui-color-text-inverse)}.ui-button-danger:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.95)}.ui-field,.ui-select,.ui-textarea{width:100%;border:1.5px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-bg-surface);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-family:inherit;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast)}.ui-field,.ui-select{min-height:var(--ui-control-height-md);padding:0 var(--ui-space-3)}.ui-textarea{min-height:110px;padding:var(--ui-space-3);resize:vertical}.ui-field:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--ui-color-bg-primary);box-shadow:var(--ui-focus-ring)}.ui-tabs{display:inline-flex;align-items:center;gap:var(--ui-space-1);padding:var(--ui-space-1);border:1px solid var(--ui-color-border-subtle);background:var(--ui-color-bg-surface);border-radius:var(--ui-radius-md)}.ui-tab{min-height:var(--ui-control-height-sm);padding:0 var(--ui-space-3);border:1px solid transparent;border-radius:var(--ui-radius-xs);background:transparent;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:700}.ui-tab-active{background:var(--ui-color-info-bg);border-color:var(--ui-color-info-border);color:var(--ui-color-text-primary)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-1);min-height:22px;padding:0 var(--ui-space-2);border-radius:var(--ui-radius-full);border:1px solid var(--ui-color-border);font-size:var(--ui-font-size-2xs);font-weight:700;line-height:1}.ui-badge-neutral{color:var(--ui-color-text-muted);background:var(--ui-color-bg-subtle);border-color:var(--ui-color-border)}.ui-badge-info{color:var(--ui-color-info);background:var(--ui-color-info-bg);border-color:var(--ui-color-info-border)}.ui-badge-success{color:var(--ui-color-success);background:var(--ui-color-success-bg);border-color:var(--ui-color-success-border)}.ui-badge-warning{color:var(--ui-color-warning);background:var(--ui-color-warning-bg);border-color:var(--ui-color-warning-border)}.ui-badge-danger{color:var(--ui-color-danger);background:var(--ui-color-danger-bg);border-color:var(--ui-color-danger-border)}.ui-table{width:100%;border-collapse:collapse}.ui-table th{text-align:left;padding:var(--ui-space-2) var(--ui-space-4);color:var(--ui-color-text-faint);font-size:var(--ui-font-size-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ui-table td{padding:var(--ui-space-3) var(--ui-space-4);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);border-top:1px solid var(--ui-color-border-subtle)}.ui-modal-backdrop{position:fixed;inset:0;z-index:900;background:#0206177a;display:flex;align-items:center;justify-content:center;padding:var(--ui-space-4)}.ui-modal-panel{width:min(100%,720px);max-height:calc(100vh - 32px);overflow:auto;background:var(--ui-color-bg-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-4)}.ui-empty-state{border:1px dashed var(--ui-color-border);border-radius:var(--ui-radius-md);padding:var(--ui-space-8);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:600}.ui-loading{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-color-text-muted)}.ui-spinner{width:var(--ui-spinner-size, 18px);height:var(--ui-spinner-size, 18px);border-radius:var(--ui-radius-full);border:var(--ui-spinner-stroke, 2px) solid var(--ui-spinner-track, rgba(59, 111, 240, .2));border-top-color:var(--ui-spinner-color, var(--ui-color-bg-primary));animation:ui-spin var(--ui-spinner-duration, .95s) linear infinite;flex-shrink:0}.ui-spinner-sm{--ui-spinner-size: 16px}.ui-spinner-md{--ui-spinner-size: 20px}.ui-page-loader{position:fixed;inset:0;z-index:850;background:var(--ui-color-bg-page);display:flex;align-items:center;justify-content:center}.ui-icon-sm{width:14px;height:14px}.ui-icon-md{width:16px;height:16px}.ui-icon-lg{width:20px;height:20px}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.ui-page-shell{padding:var(--ui-space-5) var(--ui-space-3) var(--ui-space-6)}}:root{font-family:var(--font-body, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:1.5;font-weight:400;font-optical-sizing:auto;color:var(--text-main, #1A1A2E);background-color:var(--bg-page, #F5F6FA);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-page, #F5F6FA);color:var(--text-main, #1A1A2E)}#root{min-height:100vh;width:100%}:root{--ui-focus-ring: 0 0 0 3px rgba(59, 111, 240, .22);--ui-hover-shadow: 0 4px 14px rgba(59, 111, 240, .18);--ui-active-shadow: 0 2px 8px rgba(59, 111, 240, .14)}:where(button,a[href],[role=button],summary,[style*="cursor:pointer"],[style*="cursor: pointer"],.clickable):not(:disabled):not([aria-disabled=true]):not(.noGlobalInteractiveFeedback){transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,filter .15s ease,transform .15s ease,opacity .15s ease}:where(button,[role=button],summary,[style*="cursor:pointer"],[style*="cursor: pointer"],.clickable):not(:disabled):not([aria-disabled=true]):not(.noGlobalInteractiveFeedback):hover{filter:brightness(.96)}:where(button,[role=button],summary,[style*="cursor:pointer"],[style*="cursor: pointer"],.clickable):not(:disabled):not([aria-disabled=true]):not(.noGlobalInteractiveFeedback):active{filter:brightness(.92)}a[href]:not([aria-disabled=true]):not(.noGlobalInteractiveFeedback):hover{text-decoration:underline;text-underline-offset:3px}:where(button,a[href],[role=button],summary,[style*="cursor:pointer"],[style*="cursor: pointer"],.clickable):focus-visible:not(.noGlobalInteractiveFeedback){outline:none;box-shadow:var(--ui-focus-ring)}select:not(:disabled){transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}select:not(:disabled):hover{border-color:#3b6ff080;box-shadow:0 0 0 2px #3b6ff01f}