:root{--font-app:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fs-2xs:0.6875rem;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-md:0.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--r-xs:4px;--r-sm:5px;--r-md:8px;--r-lg:14px;--r-pill:999px;--r-circle:50%;--h-sm:30px;--h-md:36px;--h-lg:40px}.wf-app-shell{background:var(--bg-primary);font-family:var(--font-app)}.wf-app-shell,.wf-sidebar{display:flex;height:100vh;height:100dvh;overflow:hidden}.wf-sidebar{width:260px;max-height:100vh;max-height:100dvh;position:fixed;top:0;left:0;bottom:0;z-index:100;flex-direction:column;background:var(--surface-nav);border-right:1px solid var(--border-hairline);box-shadow:var(--shadow-lg);transition:width .35s cubic-bezier(.16,1,.3,1)}.wf-sidebar-brand{display:flex;align-items:center;gap:var(--fs-xs);padding:var(--fs-xl) var(--fs-xl) 1rem;border-bottom:1px solid var(--border-hairline);flex-shrink:0}.wf-sidebar-logo-wrap{position:relative;width:38px;height:38px;flex-shrink:0;cursor:pointer}.wf-sidebar-logo-wrap:before{content:"";position:absolute;inset:-5px;background:linear-gradient(135deg,,rgba(99,102,241,.5));border-radius:var(--r-circle);filter:blur(10px);opacity:.25;transition:opacity .4s ease,filter .4s ease;z-index:0}.wf-sidebar-logo-wrap:hover:before{opacity:.7;filter:blur(14px)}.wf-sidebar-logo-wrap img{position:relative;z-index:1;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.wf-sidebar-logo-wrap:hover img{transform:scale(1.08) rotate(-4deg)}.wf-sidebar-brand-text{flex:1 1;min-width:0}.wf-sidebar-brand-text h1{font-size:var(--fs-lg);font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.2;background:var(--gradient-text-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-sidebar-beta{display:inline-block;background:linear-gradient(135deg,#3b82f6,#6366f1);color:white;-webkit-text-fill-color:white;font-size:var(--fs-2xs);font-weight:800;padding:.1rem .35rem;border-radius:var(--r-xs);text-transform:uppercase;vertical-align:middle;margin-left:.3rem}.wf-sidebar-brand-text p{font-size:var(--fs-2xs);color:var(--text-faint);margin:.1rem 0 0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-sidebar-nav{flex:1 1 auto;min-height:0;padding:var(--fs-xs) var(--fs-xs) .25rem var(--fs-xs);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.wf-sidebar-nav::-webkit-scrollbar{display:none;width:0;height:0}.wf-sidebar-section-label{font-size:var(--fs-2xs);font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;padding:.35rem var(--fs-2xs) .15rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wf-nav-item{min-height:var(--h-lg);display:flex;align-items:center;gap:var(--fs-2xs);width:100%;padding:.38rem var(--fs-2xs);background:transparent;border:none;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;cursor:pointer;text-align:left;text-decoration:none;white-space:nowrap;position:relative;transition:color .2s ease,background .2s ease;margin-bottom:1px;overflow:hidden}.wf-nav-item:hover:not(.active){color:var(--text-body);background:var(--surface-hover)}.wf-nav-item.active{color:var(--text-body);font-weight:600;background:var(--surface-active)}.wf-nav-item.active:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#3b82f6,#6366f1);box-shadow:0 0 8px rgba(59,130,246,.6)}.wf-nav-item.active:after{content:"";position:absolute;inset:0;border-radius:var(--r-md);background:linear-gradient(135deg,,rgba(99,102,241,.04));border:1px solid var(--border-hairline);pointer-events:none}.wf-nav-icon{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);background:var(--surface-hover);border:1px solid var(--border-hairline);color:var(--icon-muted)}.wf-nav-icon svg,.wf-sidebar-logout-icon-box svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;flex-shrink:0}.wf-nav-item:hover:not(.active) .wf-nav-icon{background:var(--surface-active);border-color:var(--border-subtle)}.wf-nav-item.active .wf-nav-icon{background:linear-gradient(135deg,var(--accent-soft),rgba(99,102,241,.15));border-color:var(--border-hairline);box-shadow:0 2px 8px rgba(59,130,246,.2);color:var(--icon-brand)}.wf-nav-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.wf-nav-divider{height:1px;background:linear-gradient(90deg,transparent,,transparent);margin:.3rem var(--fs-2xs)}.wf-nav-item-upgrade{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(234,88,12,.05));border:1px solid rgba(245,158,11,.22);box-shadow:0 2px 10px rgba(245,158,11,.06);color:var(--text-body);margin-top:2px;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.wf-nav-item-upgrade:hover{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(234,88,12,.12))!important;border-color:rgba(245,158,11,.45)!important;color:var(--text-body)!important;box-shadow:0 4px 16px rgba(245,158,11,.18)!important}.wf-nav-icon-upgrade{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(234,88,12,.2))!important;border-color:rgba(245,158,11,.35)!important;color:var(--warning-fg)!important;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.wf-nav-item-upgrade:hover .wf-nav-icon-upgrade{box-shadow:0 0 12px rgba(245,158,11,.5);color:var(--warning-fg)!important}.wf-pro-badge{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.6px;padding:.12rem .4rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#f59e0b,#d97706);color:#0b0f19;box-shadow:0 0 10px rgba(245,158,11,.45);line-height:1;flex-shrink:0}.wf-nav-item-pro-active{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.04));border:1px solid rgba(16,185,129,.22);box-shadow:0 2px 10px rgba(16,185,129,.05);color:var(--text-strong);margin-top:2px;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.wf-nav-item-pro-active:hover{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(5,150,105,.1))!important;border-color:rgba(16,185,129,.45)!important;color:var(--text-body)!important;box-shadow:0 4px 16px rgba(16,185,129,.16)!important}.wf-nav-icon-pro-active{background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(5,150,105,.18))!important;border-color:rgba(16,185,129,.35)!important;color:#10b981!important;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.wf-nav-item-pro-active:hover .wf-nav-icon-pro-active{box-shadow:0 0 12px rgba(16,185,129,.5);color:#34d399!important}.wf-pro-badge-active{font-size:var(--fs-2xs);font-weight:800;letter-spacing:.6px;padding:.12rem .4rem;border-radius:var(--r-pill);background:linear-gradient(135deg,#10b981,#059669);color:#022c22;box-shadow:0 0 10px rgba(16,185,129,.4);line-height:1;flex-shrink:0}.wf-nav-plan-pro-text{font-weight:600;font-size:var(--fs-sm);letter-spacing:-.01em;transition:color .2s ease;display:inline-block}.wf-nav-item-pro-active.active .wf-nav-plan-pro-text,.wf-nav-item-pro-active:hover .wf-nav-plan-pro-text,.wf-nav-plan-pro-text{color:var(--text-body)}.wf-nav-plan-upgrade-text{font-weight:600;font-size:var(--fs-sm);letter-spacing:-.01em;color:var(--text-body);transition:color .2s ease;display:inline-block}.wf-nav-item-upgrade.active .wf-nav-plan-upgrade-text,.wf-nav-item-upgrade:hover .wf-nav-plan-upgrade-text{color:var(--text-body)}.wf-nav-item-pro-active.active{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.12))!important;border-color:rgba(16,185,129,.45)!important;box-shadow:0 0 16px rgba(16,185,129,.22),inset 0 0 12px rgba(16,185,129,.08)!important}.wf-nav-item-pro-active.active:before{background:linear-gradient(180deg,#10b981,#059669)!important;box-shadow:0 0 10px rgba(16,185,129,.8)!important}.wf-nav-item-pro-active.active:after{border-color:rgba(16,185,129,.3)!important;background:none!important}.wf-nav-item-upgrade.active{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(234,88,12,.12))!important;border-color:rgba(245,158,11,.45)!important;box-shadow:0 0 16px rgba(245,158,11,.22),inset 0 0 12px rgba(245,158,11,.08)!important}.wf-nav-item-upgrade.active:before{background:linear-gradient(180deg,#f59e0b,#d97706)!important;box-shadow:0 0 10px rgba(245,158,11,.8)!important}.wf-nav-item-upgrade.active:after{border-color:rgba(245,158,11,.3)!important;background:none!important}.wf-nav-label-plan{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.wf-sidebar-logout-container{margin-top:auto;width:100%;margin-bottom:-.15rem}.wf-sidebar-logout-card{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.wf-sidebar-logout-card:after{content:"";position:absolute;left:0;top:50%;width:2px;height:0;border-radius:0 2px 2px 0;background:var(--danger-fg);transform:translateY(-50%);transition:height .22s cubic-bezier(.16,1,.3,1)}.wf-sidebar-logout-card:focus-visible,.wf-sidebar-logout-card:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-fg)}.wf-sidebar-logout-card:focus-visible:after,.wf-sidebar-logout-card:hover:after{height:55%}.wf-sidebar-logout-card:focus-visible{outline:2px solid var(--accent-bg);outline-offset:2px}.wf-sidebar-logout-icon-box{width:26px;height:26px;border-radius:var(--r-sm);background:var(--surface-inset);display:flex;align-items:center;justify-content:center;color:var(--icon-muted);flex-shrink:0;transition:all .2s ease}.wf-sidebar-logout-card:focus-visible .wf-sidebar-logout-icon-box,.wf-sidebar-logout-card:hover .wf-sidebar-logout-icon-box{background:transparent;color:var(--danger-fg)}.wf-sidebar-logout-label{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-sidebar-footer{padding:var(--fs-xs);border-top:1px solid var(--border-hairline);flex-shrink:0;margin-top:auto;background:var(--surface-nav)}.wf-sidebar-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--fs-2xs);width:100%;padding:var(--fs-2xs) var(--fs-md);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--r-md);color:var(--text-body);font-size:var(--fs-md);font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(34,197,94,.3);transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:0}.wf-sidebar-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.45)}.wf-sidebar-action-btn:active{transform:translateY(0)}.wf-main-area{flex:1 1;margin-left:260px;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:margin-left .35s cubic-bezier(.16,1,.3,1)}.wf-topbar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:var(--fs-md) var(--fs-xl);background:var(--surface-nav);border-bottom:1px solid var(--border-subtle);gap:1rem}.wf-topbar-left{display:flex;flex-direction:column;gap:.1rem}.wf-topbar-title{font-size:1rem;font-weight:700;color:var(--text-body);margin:0;letter-spacing:-.01em}.wf-topbar-subtitle{font-size:var(--fs-2xs);color:var(--text-faint);margin:0}.wf-topbar-actions{display:flex;align-items:center;gap:.5rem}.wf-topbar-icon-btn{width:36px;height:var(--h-md);display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);border:1px solid transparent;border-radius:var(--r-md);color:#fff;box-shadow:var(--btn-shadow,0 2px 8px rgba(59,130,246,.28));cursor:pointer;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.wf-topbar-icon-btn:hover{background:var(--gradient-brand-hover);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-md)}.wf-topbar-icon-btn.has-alert{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25);color:#fca5a5}.wf-topbar-icon-btn.has-alert:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.4)}.wf-notification-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text-body);font-size:var(--fs-2xs);font-weight:800;width:17px;height:17px;border-radius:var(--r-circle);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #050508;animation:wfPulseRed 2s infinite}@keyframes wfPulseRed{0%{box-shadow:0 0 0 2px #050508,0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 2px #050508,0 0 0 5px rgba(239,68,68,0)}to{box-shadow:0 0 0 2px #050508,0 0 0 0 rgba(239,68,68,0)}}.wf-topbar-primary-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem var(--fs-md);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--r-md);color:var(--text-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(34,197,94,.3);transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.wf-topbar-primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(34,197,94,.45)}.wf-topbar-primary-btn:active{transform:translateY(0)}@media (max-width:640px){.wf-topbar-primary-btn{padding:.5rem;min-width:36px;justify-content:center}.wf-topbar-primary-btn .wf-topbar-btn-text{display:none}}.wf-content-area{flex:1 1;padding:var(--fs-xl) var(--fs-xl);padding-bottom:96px;animation:wfFadeInUp .35s cubic-bezier(.16,1,.3,1)}@keyframes wfFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wf-topbar-dropdown-wrapper{position:relative}.wf-topbar-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-hairline);padding:.5rem;z-index:1001;transform-origin:top right;animation:wfDropdownEnter .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes wfDropdownEnter{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.wf-dropdown-item{display:flex;align-items:center;width:100%;padding:var(--fs-2xs) var(--fs-sm);background:transparent;border:none;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-md);font-weight:500;cursor:pointer;text-align:left;text-decoration:none;transition:all .18s ease;gap:.5rem}.wf-dropdown-item:hover{background:var(--surface-active);color:var(--text-body)}.wf-dropdown-item svg{opacity:.6;transition:opacity .18s;flex-shrink:0}.wf-dropdown-item:hover svg{opacity:1}.wf-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,,transparent);margin:.4rem 0}.wf-sidebar-backdrop,.wf-sidebar-close-btn{display:none}@keyframes wfFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.wf-sidebar{display:flex;position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:285px;max-width:86vw;z-index:1000;transform:translateX(-100%);transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease;box-shadow:none;overflow:hidden}.wf-app-shell.mobile-open .wf-sidebar{transform:translateX(0);box-shadow:var(--shadow-xl),0 0 24px var(--shadow-glow)}.wf-sidebar-backdrop{display:block;position:fixed;inset:0;background:var(--scrim);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:999;animation:wfFadeIn .22s ease forwards;cursor:pointer}.wf-sidebar-close-btn{display:flex!important;align-items:center;justify-content:center;background:var(--surface-active);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-muted);width:32px;height:32px;cursor:pointer;transition:all .2s ease;margin-left:auto;flex-shrink:0}.wf-sidebar-close-btn:hover{background:var(--surface-active);color:var(--text-body)}.wf-main-area{margin-left:0!important;width:100%}.wf-topbar{padding:var(--fs-xs) 1rem}.wf-content-area{padding:var(--fs-md) var(--fs-md) 5rem}.wf-bottom-nav{display:flex!important}}.wf-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface-nav);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);z-index:200;align-items:center;justify-content:space-around;padding:0 .5rem}.wf-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem var(--fs-xs);background:transparent;border:none;border-radius:var(--r-md);color:var(--text-faint);font-size:var(--fs-2xs);font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease;min-width:48px}.wf-bottom-nav-item:hover{color:var(--text-muted);background:var(--surface-hover)}.wf-bottom-nav-item.active{color:var(--accent-fg)}.wf-bottom-nav-item.active svg{filter:drop-shadow(0 0 6px rgba(96,165,250,.6))}@media (min-width:1280px){.wf-sidebar{width:260px}.wf-main-area{margin-left:260px}}@media (min-width:769px) and (max-width:1024px){.wf-sidebar{width:220px}.wf-main-area{margin-left:220px}}.wf-app-shell.collapsed .wf-sidebar{width:76px}.wf-app-shell.collapsed .wf-main-area{margin-left:76px}.wf-app-shell.collapsed .wf-nav-label,.wf-app-shell.collapsed .wf-nav-label-plan,.wf-app-shell.collapsed .wf-nav-plan-pro-text,.wf-app-shell.collapsed .wf-nav-plan-upgrade-text,.wf-app-shell.collapsed .wf-pro-badge,.wf-app-shell.collapsed .wf-pro-badge-active,.wf-app-shell.collapsed .wf-sidebar-brand-text,.wf-app-shell.collapsed .wf-sidebar-section-label{display:none!important}.wf-app-shell.collapsed .wf-sidebar-brand{justify-content:center;padding:var(--fs-xl) 0 1rem}.wf-app-shell.collapsed .wf-nav-item{padding:.38rem 0;justify-content:center;text-align:center}.wf-app-shell.collapsed .wf-nav-item-pro-active,.wf-app-shell.collapsed .wf-nav-item-upgrade{padding:.38rem 0!important;justify-content:center!important;text-align:center!important}.wf-app-shell.collapsed .wf-nav-icon,.wf-app-shell.collapsed .wf-sidebar-logout-icon-box{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;border-radius:var(--r-sm)!important;margin:0!important;flex-shrink:0}.wf-app-shell.collapsed .wf-nav-icon svg,.wf-app-shell.collapsed .wf-sidebar-logout-icon-box svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-shrink:0}.wf-app-shell.collapsed .wf-sidebar-action-btn{padding:var(--fs-2xs) 0;justify-content:center;font-size:0}.wf-app-shell.collapsed .wf-sidebar-logout-card{padding:.38rem 0;justify-content:center}.wf-app-shell.collapsed .wf-sidebar-logout-label{display:none}@media (min-width:1280px){.wf-app-shell.collapsed .wf-sidebar{width:76px}.wf-app-shell.collapsed .wf-main-area{margin-left:76px}}@media (min-width:769px) and (max-width:1024px){.wf-app-shell.collapsed .wf-sidebar{width:76px}.wf-app-shell.collapsed .wf-main-area{margin-left:76px}}@media (max-height:800px){.wf-sidebar-brand{padding:var(--fs-md) 1rem var(--fs-xs)}.wf-sidebar-logo-wrap{width:32px;height:32px}.wf-sidebar-nav{padding:.5rem}.wf-sidebar-section-label{font-size:var(--fs-2xs);padding:.35rem .5rem .15rem}.wf-nav-item{padding:.45rem var(--fs-2xs);font-size:var(--fs-sm);gap:var(--fs-2xs);margin-bottom:1px}.wf-nav-icon{width:28px;height:28px;border-radius:var(--r-sm)}.wf-nav-divider{margin:.25rem .5rem}.wf-sidebar-footer{padding:.5rem var(--fs-2xs)}.wf-sidebar-action-btn{padding:.5rem var(--fs-xs);font-size:var(--fs-sm)}}@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--login-accent:#3b82f6;--login-accent-light:#93c5fd;--login-accent-dark:#2563eb;--login-accent-vivid:#0066FF;--login-accent-purple:#6366f1;--login-accent-dim:rgba(59,130,246,0.15);--login-surface:#0A0A0F;--login-surface-elevated:#12121A;--login-surface-card:rgba(18,18,26,0.85);--login-border:var(--border-hairline);--login-border-hover:var(--border-hairline);--login-text-primary:#F0EDE6;--login-text-secondary:#8A8A95;--login-text-muted:#55555F;--login-font-display:"Playfair Display",Georgia,"Times New Roman",serif;--login-font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif}.wf-login-wrapper{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:var(--login-surface);overflow:hidden;position:relative}.wf-login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem var(--fs-3xl);overflow:hidden;background:linear-gradient(165deg,#08091A,#0D1025 35%,#0A0E1F 70%,#060810)}.wf-login-brand:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");background-size:128px 128px}.wf-login-brand:after,.wf-login-brand:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}.wf-login-brand:after{background:repeating-linear-gradient(0deg,transparent,transparent 80px,80px,rgba(59,130,246,.025) 81px),repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(59,130,246,.025) 0,rgba(59,130,246,.025) 81px)}.wf-login-brand-content{position:relative;z-index:2;text-align:center;max-width:460px}.wf-login-logo-glow{position:relative;width:110px;height:110px;margin:0 auto 2rem}.wf-login-logo-glow:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(37,99,235,.3) 0,rgba(99,102,241,.15) 40%,transparent 65%);border-radius:var(--r-circle);animation:loginGlowPulse 4s ease-in-out infinite;filter:blur(8px)}.wf-login-logo-glow img{position:relative;width:100%;height:100%;filter:drop-shadow(0 4px 20px rgba(59,130,246,.5));z-index:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.wf-login-logo-glow:hover img{transform:scale(1.08) rotate(-4deg)}.wf-login-logo-glow:hover:before{opacity:1;filter:blur(12px);background:radial-gradient(circle,rgba(37,99,235,.5) 0,rgba(79,70,229,.3) 40%,transparent 65%)}.wf-login-brand-title{font-family:var(--login-font-display);font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--fs-xs);background:linear-gradient(135deg,#FFFFFF 20%,var(--login-accent-light) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wf-login-brand-tagline{font-family:var(--login-font-display);font-size:var(--fs-xl);font-weight:400;font-style:italic;color:var(--login-accent-light);opacity:.7;margin-bottom:.5rem;letter-spacing:.02em}.wf-login-brand-desc{font-family:var(--login-font-body);font-size:var(--fs-md);color:var(--login-text-secondary);line-height:1.6;margin-bottom:var(--fs-3xl)}.wf-login-deco-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--login-accent),transparent);margin:0 auto var(--fs-3xl);border-radius:var(--r-md)}.wf-login-ticker-wrap{position:absolute;bottom:0;left:0;right:0;height:44px;background:rgba(0,0,0,.5);border-top:1px solid var(--border-hairline);overflow:hidden;z-index:3;display:flex;align-items:center}.wf-login-ticker-track{display:flex;gap:3rem;white-space:nowrap;animation:tickerScroll 35s linear infinite;will-change:transform}.wf-login-ticker-item{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--login-font-body);font-size:var(--fs-sm);font-weight:600;color:var(--login-text-secondary);letter-spacing:.02em;flex-shrink:0}.wf-login-ticker-symbol{font-weight:700}.wf-login-ticker-price,.wf-login-ticker-symbol{color:var(--login-text-primary)}.wf-login-ticker-change{padding:.1rem .4rem;border-radius:var(--r-xs);font-size:var(--fs-2xs);font-weight:700}.wf-login-ticker-up{color:#00d865;background:rgba(0,216,101,.1)}.wf-login-ticker-down{color:#ff4444;background:rgba(255,68,68,.1)}.wf-login-ticker-dot{width:3px;height:3px;border-radius:var(--r-circle);background:var(--surface-active);flex-shrink:0}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.wf-login-orb{display:none!important}.wf-login-orb--gold{top:8%;left:15%;width:300px;height:300px;background:radial-gradient(circle,0,transparent 65%);filter:blur(40px);animation:loginOrbFloat 10s ease-in-out infinite}.wf-login-orb--cobalt{bottom:15%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,102,255,.08) 0,transparent 65%);filter:blur(60px);animation:loginOrbFloat 12s ease-in-out infinite reverse}.wf-login-orb--accent{top:55%;right:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.06) 0,transparent 65%);filter:blur(30px);animation:loginOrbFloat 8s ease-in-out 2s infinite}.wf-login-form-panel{display:flex;align-items:center;justify-content:center;padding:2rem 3rem;position:relative;background:linear-gradient(180deg,#0A0A0F,#0E0E16)}.wf-login-form-panel:before{content:"";position:absolute;top:10%;left:0;bottom:10%;width:1px;background:linear-gradient(180deg,transparent,30%,rgba(59,130,246,.25) 50%,rgba(59,130,246,.15) 70%,transparent)}.wf-login-form-container{width:100%;max-width:400px}.wf-login-form-header{margin-bottom:2rem}.wf-login-form-title{font-family:var(--login-font-display);font-size:var(--fs-2xl);font-weight:700;color:var(--login-text-primary);margin-bottom:.4rem;letter-spacing:-.01em}.wf-login-form-subtitle{font-family:var(--login-font-body);font-size:var(--fs-md);color:var(--login-text-secondary);line-height:1.5}.wf-login-input-group{position:relative;margin-bottom:1rem}.wf-login-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--login-text-muted);transition:color .3s ease;z-index:1;pointer-events:none}.wf-login-input{width:100%;padding:var(--fs-lg) var(--fs-lg) var(--fs-lg) 2.85rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:var(--fs-lg);letter-spacing:.12em;text-align:center;background:var(--login-surface-elevated);border:1px solid var(--login-border);border-radius:var(--r-md);color:var(--login-text-primary);outline:none;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-inset)}.wf-login-input:focus{border-color:var(--login-accent);box-shadow:var(--shadow-inset)}.wf-login-input:focus~.wf-login-input-icon{color:var(--login-accent)}.wf-login-input::placeholder{color:var(--login-text-muted);letter-spacing:.2em;font-size:var(--fs-md)}.wf-login-input--email{font-family:var(--login-font-body);letter-spacing:normal;text-align:center;padding-left:var(--fs-lg)}.wf-login-error{margin-bottom:1rem;padding:var(--fs-xs) 1rem;background:rgba(255,68,68,.08);border:1px solid rgba(255,68,68,.15);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--danger-fg);animation:loginShake .4s ease}.wf-login-btn-primary,.wf-login-error{display:flex;align-items:center;gap:.5rem;font-family:var(--login-font-body)}.wf-login-btn-primary{width:100%;padding:var(--fs-lg);background:linear-gradient(135deg,var(--login-accent-dark) 0,var(--login-accent) 50%,var(--login-accent-purple) 100%);background-size:200% 100%;border:none;border-radius:var(--r-md);color:var(--text-body);font-size:var(--fs-lg);font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-inset);justify-content:center}.wf-login-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-inset);background-position:100% 0}.wf-login-btn-primary:active{transform:translateY(0)}.wf-login-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,50%,transparent);transition:none}.wf-login-btn-primary:hover:after{animation:loginShimmer 1.8s infinite}.wf-login-divider{display:flex;align-items:center;gap:1rem;margin:var(--fs-xl) 0}.wf-login-divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent 0,var(--login-border) 50%,transparent 100%)}.wf-login-divider-text{font-size:var(--fs-xs);color:var(--login-text-muted);text-transform:uppercase;letter-spacing:.1em}.wf-login-btn-secondary,.wf-login-divider-text{font-family:var(--login-font-body);font-weight:600}.wf-login-btn-secondary{width:100%;padding:var(--fs-md);background:transparent;border:1px solid var(--login-border);border-radius:var(--r-md);color:var(--login-text-secondary);font-size:var(--fs-md);cursor:pointer;margin-bottom:var(--fs-xs);transition:all .3s cubic-bezier(.16,1,.3,1)}.wf-login-btn-secondary:hover{background:var(--surface-active);border-color:var(--login-border-hover);color:var(--login-accent-light);transform:translateY(-1px)}.wf-login-btn-buy{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:var(--fs-md) 1rem;background:linear-gradient(135deg,rgba(99,102,241,.1),100%);border:1px solid rgba(99,102,241,.2);border-radius:var(--r-md);color:var(--login-accent-light);font-family:var(--login-font-body);font-size:var(--fs-md);font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px rgba(99,102,241,.08)}.wf-login-btn-buy:hover{background:linear-gradient(135deg,rgba(99,102,241,.18),100%);border-color:rgba(99,102,241,.35);transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,.15);color:var(--text-body)}.wf-login-help{margin-top:2rem;padding-top:var(--fs-xl);border-top:1px solid var(--border-hairline);text-align:center}.wf-login-help-label{font-family:var(--login-font-body);font-size:var(--fs-sm);color:var(--login-text-muted);margin-bottom:1rem}.wf-login-help-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--fs-xl)}.wf-login-help-icon{width:42px;height:42px;border-radius:var(--r-md);background:var(--login-surface-elevated);border:1px solid var(--login-border);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--login-text-secondary);transition:all .3s ease}.wf-login-help-icon:hover{background:var(--surface-active);border-color:var(--login-border-hover);color:var(--login-accent);transform:translateY(-2px)}.wf-login-help-icon svg{width:20px;height:20px}.wf-login-android-badge{display:inline-flex;align-items:center;gap:.5rem;padding:var(--fs-2xs) var(--fs-lg);background:linear-gradient(135deg,rgba(61,220,132,.1),rgba(61,220,132,.05));border:1px solid rgba(61,220,132,.2);color:#3ddc84;border-radius:var(--r-md);text-decoration:none;font-family:var(--login-font-body);font-size:var(--fs-sm);font-weight:600;transition:all .3s ease}.wf-login-android-badge:hover{background:linear-gradient(135deg,rgba(61,220,132,.15),rgba(61,220,132,.08));border-color:rgba(61,220,132,.35);transform:translateY(-2px);box-shadow:0 4px 15px rgba(61,220,132,.15)}.wf-login-android-beta{background:var(--surface-active);color:var(--text-muted);padding:.1rem .4rem;border-radius:var(--r-xs);font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.wf-login-trial-info{background:var(--surface-active);border:1px solid var(--border-hairline);border-radius:var(--r-md);padding:var(--fs-lg);margin-bottom:1rem}.wf-login-trial-info p{font-family:var(--login-font-body);font-size:var(--fs-md);color:var(--login-accent-light);opacity:.8;margin:0;line-height:1.5}.wf-login-trial-actions{display:flex;gap:var(--fs-xs)}.wf-login-btn-cancel{flex:1 1;padding:var(--fs-md);background:var(--login-surface-elevated);border:1px solid var(--login-border);border-radius:var(--r-md);color:var(--login-text-secondary);font-family:var(--login-font-body);font-size:var(--fs-md);font-weight:500;cursor:pointer;transition:all .2s ease}.wf-login-btn-cancel:hover{background:var(--surface-active);border-color:var(--login-border-hover)}.wf-login-btn-trial-submit{flex:1 1;padding:var(--fs-md);background:linear-gradient(135deg,var(--login-accent-dark),var(--login-accent));border:none;border-radius:var(--r-md);color:var(--text-body);font-family:var(--login-font-body);font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,130,246,.25)}.wf-login-btn-trial-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.35)}.wf-login-btn-trial-submit:disabled{opacity:.6;cursor:not-allowed}.wf-login-trial-success{background:linear-gradient(145deg,rgba(0,216,101,.08),rgba(0,216,101,.03));border:1px solid rgba(0,216,101,.15);border-radius:var(--r-lg);padding:var(--fs-xl);margin-bottom:1rem;position:relative;overflow:hidden}.wf-login-trial-success:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(0,216,101,.12) 0,transparent 70%);pointer-events:none}.wf-login-trial-success-title{font-family:var(--login-font-body);font-size:var(--fs-lg);font-weight:700;color:var(--success-fg);margin-bottom:.4rem}.wf-login-trial-success-note{font-family:var(--login-font-body);font-size:var(--fs-sm);color:var(--login-text-muted);margin-bottom:1rem}.wf-login-trial-key-display{display:block;font-family:SF Mono,Fira Code,monospace;font-size:var(--fs-lg);background:rgba(0,0,0,.35);padding:var(--fs-md);border-radius:var(--r-md);letter-spacing:.1em;color:var(--success-fg);border:1px solid rgba(0,216,101,.12);text-align:center}.wf-login-btn-activate-trial{width:100%;padding:var(--fs-lg);background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:var(--r-md);color:white;font-family:var(--login-font-body);font-size:var(--fs-lg);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(34,197,94,.25)}.wf-login-btn-activate-trial:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(34,197,94,.35)}@keyframes loginGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes loginOrbFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-25px) rotate(3deg)}}@keyframes loginShimmer{0%{left:-100%}to{left:100%}}@keyframes loginShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wf-login-form-container{animation:loginFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.wf-login-brand-content{animation:loginFadeIn .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}@media (max-width:900px){.wf-login-wrapper{grid-template-columns:1fr;grid-template-rows:auto 1fr}.wf-login-brand{padding:var(--fs-3xl) var(--fs-xl) 3.5rem;min-height:auto}.wf-login-brand-title{font-size:var(--fs-3xl)}.wf-login-brand-tagline{font-size:1rem}.wf-login-brand-desc{display:none}.wf-login-deco-line,.wf-login-logo-glow{margin-bottom:var(--fs-xl)}.wf-login-logo-glow{width:80px;height:80px}.wf-login-form-panel{padding:2rem var(--fs-xl)}.wf-login-form-panel:before{display:none}.wf-login-ticker-wrap{height:36px}.wf-login-ticker-item{font-size:var(--fs-2xs)}}@media (max-width:480px){.wf-login-brand{padding:var(--fs-xl) 1rem 3rem}.wf-login-brand-title{font-size:var(--fs-3xl)}.wf-login-form-panel{padding:var(--fs-xl) 1rem}.wf-login-input{font-size:var(--fs-md);padding:var(--fs-md) 1rem var(--fs-md) var(--fs-3xl)}}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}