:root{--bg:#f6f8fc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary2:#7c3aed;--good:#10b981;--bad:#ef4444;--warn:#f59e0b;--shadow:0 18px 55px rgba(15,23,42,.08);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#eef4ff 0%,#fafcff 45%,#f7f2ff 100%);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{padding:22px;border-right:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(16px);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 15px 30px rgba(37,99,235,.28)}.brand strong{display:block}.brand small,.muted{color:var(--muted);font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:14px;color:#334155;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#eff6ff;color:#1d4ed8}.main{padding:28px;max-width:1260px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h1{margin:0;font-size:30px;letter-spacing:-.04em}.topbar p{margin:5px 0 0;color:var(--muted)}.card{background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.hero{padding:46px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:28px;box-shadow:0 25px 70px rgba(15,23,42,.22)}.hero h1{font-size:44px;line-height:1.03;margin:0 0 12px;letter-spacing:-.05em}.hero p{color:#dbeafe;max-width:780px}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(37,99,235,.18)}.btn.secondary{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe;box-shadow:none}.btn.good{background:linear-gradient(135deg,#059669,#10b981)}.btn.bad{background:linear-gradient(135deg,#dc2626,#ef4444)}.btn.warn{background:linear-gradient(135deg,#d97706,#f59e0b)}.btn.small{padding:8px 11px;border-radius:11px;font-size:13px}.form{display:grid;gap:14px}.label{display:grid;gap:7px;font-weight:800}.input,.select,.textarea{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:12px 13px;font:inherit;color:#0f172a}.textarea{min-height:120px;resize:vertical}.codebox{width:100%;min-height:96px;border:1px solid #cbd5e1;border-radius:14px;padding:12px;background:#0f172a;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.alert{border-radius:16px;padding:13px 15px;margin:0 0 16px;font-weight:700}.alert.success{background:#ecfdf5;color:#047857}.alert.error{background:#fef2f2;color:#b91c1c}.alert.info{background:#eff6ff;color:#1d4ed8}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#e2e8f0;color:#334155}.badge.ready,.badge.completed,.badge.paid,.badge.active{background:#dcfce7;color:#166534}.badge.failed,.badge.disabled,.badge.expired,.badge.rejected{background:#fee2e2;color:#991b1b}.badge.pending,.badge.draft,.badge.unpaid,.badge.past_due{background:#fef3c7;color:#92400e}.stat{font-size:34px;font-weight:950;letter-spacing:-.05em;margin-top:6px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{text-align:left;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.price{font-size:38px;font-weight:950;letter-spacing:-.05em}.feature{display:flex;gap:9px;margin:8px 0;color:#334155}.feature:before{content:'✓';font-weight:900;color:#10b981}.divider{height:1px;background:var(--line);margin:18px 0}.notice{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;color:#475569}.receipt-frame{max-width:240px;border-radius:14px;border:1px solid #e2e8f0}pre{white-space:pre-wrap;background:#0f172a;color:#dbeafe;padding:14px;border-radius:14px;overflow:auto}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.two,.three,.four{grid-template-columns:1fr}.hero h1{font-size:34px}}@media(max-width:520px){.sidebar{padding:16px}.main{padding:14px}.card{padding:16px;border-radius:18px}.hero{padding:26px;border-radius:22px}.sidebar nav{grid-template-columns:1fr 1fr}.topbar h1{font-size:25px}.actions .btn{width:100%}}
.lead-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.search-animation{display:none;align-items:center;gap:16px;margin:16px 0;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#faf5ff)}.search-animation.is-running{display:flex}.search-animation small{display:block;color:#64748b;margin-top:4px}.radar{width:64px;height:64px;border-radius:999px;background:radial-gradient(circle,#fff 0 18%,#dbeafe 19% 37%,#bfdbfe 38% 55%,#eff6ff 56%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #bfdbfe}.radar span{position:absolute;inset:0;border-radius:999px;background:conic-gradient(from 0deg,rgba(37,99,235,.55),rgba(124,58,237,0) 42%);animation:radarSpin 1.1s linear infinite}.radar i,.radar b{position:absolute;width:8px;height:8px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 6px rgba(37,99,235,.14)}.radar i{left:18px;top:22px}.radar b{right:14px;bottom:18px;background:#7c3aed;box-shadow:0 0 0 6px rgba(124,58,237,.14)}.progressbar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progressbar span{display:block;height:100%;width:0;background:linear-gradient(135deg,var(--primary),var(--primary2));transition:width .35s ease}@keyframes radarSpin{to{transform:rotate(360deg)}}@media(max-width:700px){.lead-progress-head{flex-direction:column}.search-animation{align-items:flex-start}.radar{flex:0 0 auto}}
.badge.qualified,.badge.proposal_sent{background:#dcfce7;color:#166534}
.badge.searching,.badge.scanning,.badge.queued{background:#dbeafe;color:#1d4ed8}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:900;padding:0 7px;margin-left:6px}.mailbox-grid{grid-template-columns:360px minmax(0,1fr)}.thread-list{display:grid;gap:10px;max-height:690px;overflow:auto}.thread-item{display:grid;gap:5px;padding:13px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.thread-item:hover,.thread-item.active{border-color:#93c5fd;background:#eff6ff}.thread-item span{display:flex;align-items:center;justify-content:space-between;gap:8px}.thread-item small{color:#334155;font-weight:700;line-height:1.35}.thread-item em{font-style:normal;color:#64748b;font-size:12px}.mail-messages{display:grid;gap:12px;margin-top:18px;max-height:620px;overflow:auto;padding-right:4px}.mail-bubble{border-radius:18px;padding:14px;border:1px solid #e2e8f0;background:#fff}.mail-bubble.outbound{margin-left:38px;background:#eff6ff;border-color:#bfdbfe}.mail-bubble.inbound{margin-right:38px;background:#f8fafc}.mail-meta{color:#64748b;font-size:12px;margin-bottom:8px}.mail-bubble pre{background:transparent;color:#0f172a;padding:0;margin:0;border-radius:0;white-space:pre-wrap;font-family:inherit;line-height:1.5}.code{display:block;background:#0f172a;color:#dbeafe;border-radius:14px;padding:14px;overflow:auto}@media(max-width:980px){.mailbox-grid{grid-template-columns:1fr}.mail-bubble.outbound,.mail-bubble.inbound{margin-left:0;margin-right:0}}


/* Lead search desktop-safe loader */
.search-animation.is-running{display:flex!important;visibility:visible!important;opacity:1!important}
@media(min-width:901px){.search-animation.is-running{position:relative;z-index:2;min-height:98px}.search-animation .radar{display:block!important}}


.paypal-field{min-height:48px;border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:11px 12px}
.card-fields h3{margin:0 0 12px}

/* Professional public website */
.public-site{background:#07111f;color:#0f172a;min-height:100vh}.public-site:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 4%,rgba(59,130,246,.32),transparent 34%),radial-gradient(circle at 90% 0%,rgba(124,58,237,.28),transparent 36%),linear-gradient(180deg,#07111f 0,#0b1220 24%,#f8fbff 24%,#f8fbff 100%);z-index:-1}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,64px);background:rgba(7,17,31,.78);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.site-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:950;letter-spacing:-.03em}.site-nav{display:flex;align-items:center;gap:16px;color:#dbeafe;font-weight:800}.site-nav a{opacity:.92}.site-nav a:hover{opacity:1;color:#fff}.nav-cta{padding:10px 14px;border-radius:999px;background:#fff;color:#1d4ed8!important}.site-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.public-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:center;padding:62px 0 44px;color:#fff}.hero-copy h1{font-size:clamp(42px,7vw,76px);line-height:.96;margin:10px 0 18px;letter-spacing:-.07em;max-width:820px}.hero-copy p{font-size:18px;line-height:1.7;color:#dbeafe;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:950;color:#60a5fa}.btn.big{padding:15px 20px;border-radius:16px;font-size:15px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#e0f2fe;font-weight:800;font-size:13px}.hero-panel{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,246,255,.94));box-shadow:0 28px 90px rgba(2,6,23,.38);padding:18px;color:#0f172a;transform:rotate(1deg)}.mock-chat-head{display:flex;gap:10px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff}.mock-chat-head span{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.16)}.mock-message{max-width:88%;padding:12px 14px;border-radius:18px;margin:14px 0;line-height:1.5;font-weight:700}.mock-message.bot{background:#fff;border:1px solid #dbeafe}.mock-message.user{margin-left:auto;background:#2563eb;color:#fff}.mock-input{margin-top:18px;padding:14px;border-radius:18px;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.section-block{padding:58px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 26px}.section-heading h2,.split-block h2,.cta-band h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;line-height:1.04;margin:8px 0 10px;color:#0f172a}.benefit-card h3,.plan-card h3{margin-top:0;font-size:22px;letter-spacing:-.035em}.split-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center}.steps{display:grid;gap:14px}.steps div{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:var(--shadow)}.steps strong{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff;flex:0 0 auto}.steps span{font-weight:800;color:#334155}.plan-card{position:relative;overflow:hidden}.featured-plan{border-color:#93c5fd!important;box-shadow:0 24px 80px rgba(37,99,235,.18)!important}.pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:#dbeafe;color:#1d4ed8;font-weight:950;font-size:12px;margin-bottom:10px}.payment-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:18px;border-radius:24px;background:#0f172a;color:#dbeafe;box-shadow:0 20px 70px rgba(2,6,23,.24)}.payment-strip span{font-weight:950;color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.payment-strip strong{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}.testimonial p{font-size:16px;line-height:1.65;color:#334155}.testimonial strong{display:block;margin-top:18px}.testimonial span{color:#64748b;font-size:13px}.cta-band{text-align:center;margin:38px 0 10px;padding:42px;border-radius:30px;background:linear-gradient(135deg,#0f172a,#1d4ed8 62%,#7c3aed);color:#fff;box-shadow:0 28px 90px rgba(29,78,216,.25)}.cta-band h2{color:#fff}.cta-band p{color:#dbeafe}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px clamp(18px,4vw,64px);background:#07111f;color:#dbeafe;border-top:1px solid rgba(255,255,255,.1)}.site-footer p{color:#93a4bb;margin:8px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px;font-weight:800}.legal-page{max-width:920px;margin:34px auto}.legal-page h1{font-size:44px;letter-spacing:-.06em;margin:8px 0}.legal-page h2{margin-top:28px}.legal-page p{line-height:1.75;color:#334155}.public-site .alert{margin:18px auto;max-width:920px}.public-site .card{background:rgba(255,255,255,.96)}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;overflow:auto;padding-bottom:4px}.public-hero,.split-block{grid-template-columns:1fr}.hero-panel{transform:none}.site-footer{flex-direction:column}.site-main{padding-top:20px}.public-hero{padding-top:34px}}@media(max-width:560px){.site-nav{gap:10px;font-size:13px}.site-nav a:not(.nav-cta){display:none}.hero-copy h1{font-size:40px}.payment-strip{justify-content:flex-start}.public-hero{padding-bottom:24px}}

/* Layout V2: unified public, customer, and admin shell */
.app-body{background:linear-gradient(135deg,#eef4ff 0%,#fbfdff 48%,#f5f0ff 100%);min-height:100vh;color:#0f172a}.app-layout{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px;border-right:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:50}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sidebar-close{display:none;width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f9;color:#0f172a;font-size:24px;cursor:pointer}.app-nav{display:grid;gap:8px}.app-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:15px;color:#334155;font-weight:850;border:1px solid transparent}.app-nav a:hover,.app-nav a.active{background:linear-gradient(135deg,#eff6ff,#faf5ff);border-color:#bfdbfe;color:#1d4ed8}.sidebar-footer-mini{margin-top:auto;border-top:1px solid #e2e8f0;padding-top:16px;color:#64748b;display:grid;gap:4px}.sidebar-footer-mini span{font-weight:900;color:#334155}.app-content{min-width:0;width:100%;max-width:1320px;margin:0 auto;padding:24px 28px 0}.app-topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:22px;padding:14px;border:1px solid rgba(226,232,240,.85);border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(15,23,42,.06)}.topbar-title{min-width:0;margin-right:auto}.topbar-title h1{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.045em}.topbar-title p{margin:5px 0 0;color:#64748b}.mobile-menu-btn{display:none;width:42px;height:42px;border:1px solid rgba(191,219,254,.9);border-radius:14px;background:#fff;color:#1d4ed8;font-size:20px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(37,99,235,.08)}.profile-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(191,219,254,.9);border-radius:18px;background:#fff;padding:8px 10px;cursor:pointer;box-shadow:0 10px 24px rgba(37,99,235,.08);color:#0f172a}.avatar-circle{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:inline-grid;place-items:center;color:#fff;font-size:13px;font-weight:950;letter-spacing:.02em;flex:0 0 auto}.avatar-circle.large{width:58px;height:58px;border-radius:20px;font-size:18px}.profile-copy{display:grid;text-align:left;line-height:1.1;min-width:0}.profile-copy strong{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.profile-copy small{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;margin-top:3px}.profile-backdrop,.app-overlay{position:fixed;inset:0;background:rgba(2,6,23,.45);backdrop-filter:blur(3px);z-index:80;display:none}.profile-drawer{position:fixed;top:0;right:0;width:min(390px,calc(100% - 24px));height:100vh;background:#fff;z-index:90;transform:translateX(110%);transition:transform .22s ease;box-shadow:-24px 0 70px rgba(15,23,42,.25);padding:22px;display:flex;flex-direction:column;gap:18px}.profile-open .profile-drawer{transform:translateX(0)}.profile-open .profile-backdrop{display:block}.drawer-head{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.drawer-head div:nth-child(2){display:grid;gap:4px;min-width:0}.drawer-head strong{font-size:18px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-head small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-close{margin-left:auto;width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f9;color:#0f172a;font-size:24px;cursor:pointer}.drawer-section{display:grid;gap:6px;padding:14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px}.drawer-section span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.drawer-section strong{font-size:14px;word-break:break-word}.drawer-nav{display:grid;gap:8px}.drawer-nav a{padding:13px 14px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-weight:900}.drawer-nav a:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.drawer-nav a.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.app-footer{margin-top:28px;padding:20px 2px 26px;border-top:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#64748b}.app-footer nav{display:flex;flex-wrap:wrap;gap:12px;font-weight:800}.app-footer a:hover{color:#1d4ed8}.admin-body .brand-mark,.admin-body .avatar-circle{background:linear-gradient(135deg,#0f172a,#2563eb)}.customer-body .brand-mark,.customer-body .avatar-circle{background:linear-gradient(135deg,#2563eb,#7c3aed)}.pro-site-header .mobile-menu-btn{display:none}.public-profile-trigger{padding:6px;border-radius:16px}.site-header.pro-site-header{min-height:74px}.site-footer.pro-site-footer{margin-top:0}@media(max-width:980px){.app-layout{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;width:min(310px,calc(100% - 44px));transform:translateX(-110%);transition:transform .22s ease;box-shadow:24px 0 70px rgba(15,23,42,.22);height:100vh}.app-nav-open .app-sidebar{transform:translateX(0)}.app-nav-open .app-overlay{display:block}.sidebar-close,.mobile-menu-btn{display:inline-grid;place-items:center}.app-content{padding:14px 14px 0}.app-topbar{border-radius:20px;align-items:flex-start}.topbar-title h1{font-size:24px}.topbar-title p{font-size:13px}.profile-copy{display:none}.profile-trigger{margin-left:auto}.app-footer{flex-direction:column;align-items:flex-start}.pro-site-header{display:grid!important;grid-template-columns:1fr auto auto;align-items:center}.pro-site-header .mobile-menu-btn{display:inline-grid!important;place-items:center}.pro-site-header .site-nav{grid-column:1/-1;display:none;width:100%;padding:10px 0 0;overflow:visible;flex-wrap:wrap}.app-nav-open .pro-site-header .site-nav{display:flex}.public-site .profile-backdrop{z-index:70}}@media(max-width:560px){.app-topbar{gap:10px}.topbar-title h1{font-size:21px}.topbar-title p{display:none}.mobile-menu-btn{width:40px;height:40px}.avatar-circle{width:36px;height:36px;border-radius:13px}.app-content{padding:10px 10px 0}.profile-drawer{width:calc(100% - 16px);padding:18px}.site-header.pro-site-header{padding:14px 16px}.site-nav .nav-cta{padding:9px 12px}.public-site .site-nav a{display:inline-flex!important}}

/* V4 premium animation, auth pages, and fixed public mobile menu */
@keyframes waiFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes waiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes waiPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.28)}50%{box-shadow:0 0 0 18px rgba(37,99,235,0)}}
@keyframes waiOrbit{to{transform:rotate(360deg)}}
@keyframes waiGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.public-site:before{background:radial-gradient(circle at 12% 4%,rgba(59,130,246,.38),transparent 34%),radial-gradient(circle at 92% 2%,rgba(124,58,237,.32),transparent 36%),radial-gradient(circle at 50% 14%,rgba(16,185,129,.12),transparent 28%),linear-gradient(180deg,#07111f 0,#0b1220 24%,#f8fbff 24%,#f8fbff 100%)}
.public-site:after{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 58%);z-index:-1;opacity:.75}
.public-hero,.section-block,.cta-band,.payment-strip,.auth-stage,.legal-page{animation:waiFadeUp .7s ease both}.public-hero{animation-delay:.02s}.section-block:nth-of-type(2){animation-delay:.06s}.section-block:nth-of-type(3){animation-delay:.1s}.hero-panel{animation:waiFloat 5.5s ease-in-out infinite}.mock-message.bot,.mock-message.user{animation:waiFadeUp .55s ease both}.benefit-card,.plan-card,.testimonial,.steps div{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.benefit-card:hover,.plan-card:hover,.testimonial:hover,.steps div:hover{transform:translateY(-6px);box-shadow:0 26px 80px rgba(37,99,235,.16);border-color:#bfdbfe}.btn{position:relative;overflow:hidden}.btn:after{content:'';position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-120%) rotate(18deg);transition:transform .65s ease}.btn:hover:after{transform:translateX(120%) rotate(18deg)}

.public-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(2,6,23,.54);backdrop-filter:blur(4px);z-index:35}.public-nav-open .public-menu-backdrop{display:block}.public-nav-open{overflow:hidden}.public-nav-open .pro-site-header .site-nav{display:flex!important}.pro-site-header .mobile-menu-btn{display:none!important}

.auth-stage{min-height:calc(100vh - 170px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:28px;align-items:center;padding:clamp(32px,6vw,74px) 0;position:relative}.ai-animated-bg:before,.ai-animated-bg:after{content:'';position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;z-index:-1}.ai-animated-bg:before{width:330px;height:330px;left:-80px;top:20px;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 68%);animation:waiFloat 7s ease-in-out infinite}.ai-animated-bg:after{width:260px;height:260px;right:10%;bottom:10%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 68%);animation:waiFloat 8s ease-in-out infinite reverse}.auth-art{color:#fff;max-width:650px}.auth-art h1{font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-.075em;margin:10px 0 16px}.auth-art p{color:#cbd5e1;font-size:18px;line-height:1.7}.auth-card{backdrop-filter:blur(18px);background:rgba(255,255,255,.95)!important;border-color:rgba(219,234,254,.95);box-shadow:0 34px 100px rgba(2,6,23,.25)}.auth-card h2{font-size:32px;line-height:1.05;letter-spacing:-.05em;margin:0 0 8px}.auth-link{display:inline-block;text-align:center;font-weight:850}.ai-orbit-card{width:min(360px,82vw);height:260px;margin-top:26px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(18px);position:relative;overflow:hidden;box-shadow:0 28px 90px rgba(2,6,23,.3)}.ai-orbit-card:before{content:'';position:absolute;inset:42px;border:1px dashed rgba(191,219,254,.5);border-radius:999px;animation:waiOrbit 10s linear infinite}.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:950;color:#fff;font-size:26px;animation:waiPulseGlow 2s ease-in-out infinite}.ai-orbit-card span,.ai-orbit-card i,.ai-orbit-card b{position:absolute;width:13px;height:13px;border-radius:999px;background:#93c5fd;box-shadow:0 0 24px rgba(147,197,253,.8)}.ai-orbit-card span{left:54px;top:62px}.ai-orbit-card i{right:62px;top:86px;background:#c4b5fd}.ai-orbit-card b{left:108px;bottom:54px;background:#6ee7b7}.auth-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.auth-benefit-grid div{padding:18px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px)}.auth-benefit-grid strong{display:block;color:#fff;font-size:28px;letter-spacing:-.05em}.auth-benefit-grid span{display:block;color:#cbd5e1;margin-top:4px;font-size:13px;font-weight:800}

.site-header.pro-site-header{transition:background .25s ease,border-color .25s ease}.site-header.pro-site-header:hover{background:rgba(7,17,31,.9)}.app-sidebar,.app-topbar,.profile-drawer{transition:transform .22s ease,box-shadow .22s ease}.admin-body .app-content{padding-bottom:28px}.admin-body .app-footer{display:none!important}

@media(max-width:980px){.pro-site-header .mobile-menu-btn{display:inline-grid!important;place-items:center}.pro-site-header{grid-template-columns:1fr auto auto!important;align-items:center!important}.pro-site-header .site-nav{position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:14px!important;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,17,31,.98);box-shadow:0 30px 80px rgba(2,6,23,.4);z-index:45}.pro-site-header .site-nav a{display:flex!important;justify-content:space-between;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);color:#dbeafe}.pro-site-header .site-nav a:hover{background:rgba(255,255,255,.12);color:#fff}.pro-site-header .site-nav .nav-cta{background:#fff;color:#1d4ed8!important}.auth-stage{grid-template-columns:1fr;min-height:auto;padding-top:36px}.auth-art{max-width:none}.auth-art h1{font-size:42px}.auth-card{max-width:none}.ai-orbit-card{height:220px}.public-site .site-nav a{display:flex!important}}
@media(max-width:560px){.auth-stage{padding:26px 0}.auth-art h1{font-size:36px}.auth-art p{font-size:15px}.auth-benefit-grid{grid-template-columns:1fr}.ai-orbit-card{height:190px;border-radius:26px}.auth-card h2{font-size:28px}.public-hero,.section-block{animation-duration:.45s}.site-header.pro-site-header{align-items:center!important;gap:10px}.public-profile-trigger{padding:4px}.pro-site-header .site-nav{left:10px;right:10px}.hero-panel{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V6 Premium SaaS UI refresh */
:root{
  --premium-bg:#f3f7ff;
  --premium-ink:#07111f;
  --premium-muted:#667085;
  --premium-blue:#2563eb;
  --premium-cyan:#06b6d4;
  --premium-purple:#7c3aed;
  --premium-card:rgba(255,255,255,.86);
  --premium-line:rgba(148,163,184,.22);
  --premium-shadow:0 30px 90px rgba(15,23,42,.12);
  --premium-shadow-strong:0 38px 120px rgba(2,6,23,.25);
}
body{background:linear-gradient(135deg,#eef5ff 0%,#fbfdff 48%,#f5f0ff 100%);color:var(--premium-ink)}
.card,.premium-card,.auth-card,.plan-card,.benefit-card,.testimonial{background:var(--premium-card)!important;border:1px solid rgba(226,232,240,.82)!important;box-shadow:var(--premium-shadow)!important;backdrop-filter:blur(20px)}
.card h2,.card h3{letter-spacing:-.04em}.muted{color:#667085!important}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(147,197,253,.35);background:rgba(239,246,255,.14);border-radius:999px;color:#93c5fd;font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.btn{border-radius:16px;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 70%,#06b6d4 100%);box-shadow:0 16px 35px rgba(37,99,235,.24);transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(37,99,235,.32)}.btn.secondary{background:rgba(255,255,255,.92)!important;color:#1d4ed8!important;border:1px solid rgba(191,219,254,.95)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}.btn.big{padding:15px 22px;border-radius:18px;font-size:15px}

.public-site{background:#07111f;color:#e5eefc;overflow-x:hidden}.public-site:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 8% -6%,rgba(37,99,235,.50),transparent 32%),radial-gradient(circle at 92% 0%,rgba(124,58,237,.42),transparent 32%),radial-gradient(circle at 55% 16%,rgba(6,182,212,.18),transparent 24%),linear-gradient(180deg,#07111f 0%,#0b1220 46%,#f8fbff 46%,#f8fbff 100%);z-index:-2}.public-site .site-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 0}.site-header.pro-site-header{position:sticky;top:12px;z-index:60;width:min(1180px,calc(100% - 28px));margin:12px auto 0;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(7,17,31,.74);backdrop-filter:blur(24px);box-shadow:0 24px 80px rgba(2,6,23,.22)}.site-brand{font-weight:950;color:#fff;letter-spacing:-.03em}.site-brand .brand-mark{width:42px;height:42px;border-radius:15px}.site-nav{gap:8px}.site-nav a{color:#dbeafe;font-weight:850;padding:10px 13px;border-radius:14px}.site-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.site-nav .nav-cta{background:#fff!important;color:#1d4ed8!important;box-shadow:0 14px 32px rgba(37,99,235,.24)}

.public-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.78fr);gap:42px;align-items:center;padding:70px clamp(20px,5vw,58px);border:1px solid rgba(255,255,255,.12);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:var(--premium-shadow-strong);position:relative;overflow:hidden}.public-hero:before{content:'';position:absolute;inset:-2px;background:radial-gradient(circle at 68% 22%,rgba(96,165,250,.25),transparent 24%),radial-gradient(circle at 26% 76%,rgba(124,58,237,.18),transparent 28%);pointer-events:none}.hero-copy,.hero-panel{position:relative;z-index:1}.hero-copy h1{font-size:clamp(46px,6.4vw,82px);line-height:.92;margin:16px 0 18px;color:#fff;letter-spacing:-.08em;max-width:830px}.hero-copy p{font-size:clamp(17px,2vw,21px);line-height:1.7;color:#cbd5e1;max-width:760px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-row span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:850;color:#dbeafe}.hero-panel{padding:20px;border-radius:34px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(22px);box-shadow:0 34px 110px rgba(2,6,23,.36)}.mock-chat-head{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:14px}.mock-chat-head span{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.16)}.mock-message{padding:13px 14px;border-radius:18px;margin:10px 0;line-height:1.5}.mock-message.bot{background:#fff;color:#0f172a;border-bottom-left-radius:7px}.mock-message.user{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-left:48px;border-bottom-right-radius:7px}.mock-input{margin-top:14px;background:rgba(255,255,255,.94);border-radius:18px;padding:15px;color:#64748b}

.section-block{margin:28px 0;padding:clamp(28px,5vw,48px);border-radius:36px;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.86);box-shadow:var(--premium-shadow);color:#0f172a}.section-heading{text-align:center;max-width:780px;margin:0 auto 24px}.section-heading .eyebrow,.section-block>.eyebrow{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.section-heading h2,.section-block h2{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.07em;margin:12px 0}.section-heading p,.section-block p{font-size:16px;line-height:1.7}.benefit-card,.plan-card,.testimonial{border-radius:28px!important}.benefit-card h3,.plan-card h3{font-size:22px;margin:0 0 10px}.plan-card{position:relative;overflow:hidden}.plan-card.featured-plan{border-color:rgba(37,99,235,.45)!important;box-shadow:0 34px 90px rgba(37,99,235,.18)!important}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:950;font-size:12px}.price{font-size:42px;font-weight:950;letter-spacing:-.07em;margin:12px 0;color:#07111f}.feature{display:flex;gap:8px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(226,232,240,.7);color:#334155}.feature:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:950}.split-block{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:28px;align-items:center}.steps{display:grid;gap:12px}.steps div{display:flex;gap:12px;align-items:center;padding:16px;border-radius:22px;background:#f8fafc;border:1px solid #e2e8f0}.steps strong{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.payment-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:28px 0;padding:18px;border-radius:28px;background:linear-gradient(135deg,#07111f,#10213c);color:#fff;box-shadow:0 24px 70px rgba(2,6,23,.20)}.payment-strip span{color:#93c5fd;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.payment-strip strong{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08)}.testimonial p{font-size:16px;line-height:1.7;color:#334155}.testimonial strong{display:block;margin-top:12px}.testimonial span{color:#667085;font-size:13px}.cta-band{text-align:center;margin:28px 0 46px;padding:clamp(38px,6vw,68px);border-radius:40px;background:radial-gradient(circle at 20% 10%,rgba(96,165,250,.30),transparent 24%),linear-gradient(135deg,#07111f,#1d4ed8 58%,#7c3aed);color:#fff;box-shadow:var(--premium-shadow-strong)}.cta-band h2{font-size:clamp(34px,5vw,62px);letter-spacing:-.07em;line-height:1;margin:0 0 12px}.cta-band p{color:#dbeafe}.site-footer.pro-site-footer{width:min(1180px,calc(100% - 28px));margin:0 auto 18px;border-radius:30px;background:rgba(7,17,31,.92);border:1px solid rgba(255,255,255,.10);color:#dbeafe;padding:24px}.site-footer.pro-site-footer a{color:#dbeafe}.site-footer.pro-site-footer p{color:#94a3b8}

.app-body{background:radial-gradient(circle at 6% 4%,rgba(37,99,235,.16),transparent 28%),radial-gradient(circle at 95% 1%,rgba(124,58,237,.14),transparent 30%),#f5f8ff}.app-layout{grid-template-columns:300px minmax(0,1fr)}.app-sidebar{background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(15,23,42,.94));border-right:1px solid rgba(255,255,255,.08);box-shadow:25px 0 80px rgba(2,6,23,.12)}.app-sidebar .brand{color:#fff}.app-sidebar .brand small,.sidebar-footer-mini{color:#94a3b8}.app-nav a{color:#cbd5e1;border:1px solid transparent}.app-nav a:hover,.app-nav a.active{background:rgba(37,99,235,.16);border-color:rgba(147,197,253,.18);color:#fff}.app-content{padding:24px clamp(16px,3vw,34px)}.app-topbar{position:sticky;top:12px;z-index:30;border:1px solid rgba(226,232,240,.85);border-radius:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(15,23,42,.08);padding:16px 18px}.app-topbar h1{font-size:28px;letter-spacing:-.05em}.workspace-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:18px 0;padding:30px;border-radius:32px;color:#fff;background:radial-gradient(circle at 18% 16%,rgba(96,165,250,.35),transparent 28%),linear-gradient(135deg,#07111f,#1d4ed8 62%,#7c3aed);box-shadow:var(--premium-shadow-strong);overflow:hidden;position:relative}.workspace-hero h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.07em;margin:10px 0}.workspace-hero p{color:#dbeafe;max-width:720px;line-height:1.65}.workspace-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-metrics{margin-top:18px}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:999px;background:rgba(37,99,235,.09)}.metric-card small{color:#667085;font-weight:800}.subscription-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:22px;border-radius:30px;border:1px solid rgba(191,219,254,.8);background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.92));box-shadow:0 24px 70px rgba(37,99,235,.12)}.subscription-panel.trial-active{background:radial-gradient(circle at 8% 4%,rgba(16,185,129,.20),transparent 28%),linear-gradient(135deg,#ecfdf5,#eff6ff)}.subscription-panel.plan-active{background:radial-gradient(circle at 8% 4%,rgba(37,99,235,.20),transparent 28%),linear-gradient(135deg,#eff6ff,#faf5ff)}.subscription-panel.inactive{border-color:#fecaca;background:#fff7f7}.subscription-panel h3{margin:6px 0 6px;font-size:24px;letter-spacing:-.05em}.subscription-panel p{margin:0;color:#334155}.panel-kicker{font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#2563eb}.subscription-pill{font-size:13px;padding:8px 12px}.trial-pill{background:#dcfce7!important;color:#166534!important}.paid-pill{background:#dbeafe!important;color:#1d4ed8!important}.account-grid{margin-top:18px}.table td{background:rgba(255,255,255,.86)}.input,.select,.textarea{transition:border-color .18s ease,box-shadow .18s ease}.input:focus,.select:focus,.textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12);outline:0}

.auth-stage{width:min(1180px,calc(100% - 32px));margin:0 auto;color:#fff}.auth-card{color:#0f172a}.auth-art .eyebrow{color:#bfdbfe;border-color:rgba(191,219,254,.28);background:rgba(255,255,255,.08)}.auth-card .muted{color:#667085!important}.legal-page{color:#0f172a}.admin-body .app-footer{display:none!important}

@media(max-width:1080px){.public-hero{grid-template-columns:1fr;min-height:auto}.hero-panel{max-width:520px}.split-block{grid-template-columns:1fr}.app-layout{grid-template-columns:1fr}.workspace-hero{align-items:flex-start;flex-direction:column}.subscription-panel{align-items:flex-start;flex-direction:column}.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.public-site .site-main{width:min(100% - 20px,1180px);padding-top:18px}.site-header.pro-site-header{top:8px;width:calc(100% - 20px);border-radius:20px}.public-hero{padding:42px 20px;border-radius:30px;gap:24px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.hero-panel{border-radius:26px;padding:16px}.section-block{border-radius:26px;padding:26px 18px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.payment-strip{justify-content:flex-start}.site-footer.pro-site-footer{width:calc(100% - 20px);border-radius:24px}.app-content{padding:10px}.app-topbar{top:8px;border-radius:22px}.workspace-hero{padding:24px;border-radius:26px}.workspace-hero h2{font-size:32px}.subscription-panel{border-radius:24px;padding:18px}.metric-card .stat{font-size:30px}.public-nav-open .pro-site-header .site-nav{max-height:calc(100dvh - 106px);overflow:auto}}

/* V7 fixes: deep training UI, standard footer, email-only handoff, single mobile drawer */
.standard-footer{margin:46px auto 22px!important;padding:0!important;overflow:hidden;background:linear-gradient(135deg,#06111f,#0f2550 58%,#321366)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 100px rgba(2,6,23,.22)!important;color:#eaf2ff!important}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,.55fr));gap:28px;padding:34px}.footer-brand{display:inline-flex!important;color:#fff!important;margin-bottom:14px}.footer-brand-block p{max-width:470px;color:#b7c7df!important;line-height:1.72;margin:0 0 18px!important}.footer-payments{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.footer-payments span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#8ec5ff}.footer-payments strong{font-size:12px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:#fff}.footer-col{display:grid;align-content:start;gap:10px}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#8ec5ff;margin:0 0 4px}.footer-col a{color:#dbeafe!important;font-weight:750}.footer-col a:hover{color:#fff!important;transform:translateX(2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 34px;border-top:1px solid rgba(255,255,255,.10);color:#9fb1cb;font-size:13px}.profile-backdrop,.app-overlay,.public-menu-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,6,23,.34)!important}.profile-drawer{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.profile-open .app-content,.app-nav-open .app-content,.public-nav-open .site-main{filter:none!important}.card,.app-topbar,.app-sidebar,.site-header.pro-site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-topbar{background:#fff!important}.app-sidebar{background:linear-gradient(180deg,#07111f,#111b2f)!important}.app-sidebar .brand,.app-sidebar .brand strong{color:#fff}.app-sidebar .brand small{color:#94a3b8}

@media(max-width:980px){.app-layout{display:block}.app-sidebar{left:auto!important;right:0!important;top:0!important;width:min(330px,calc(100% - 34px))!important;transform:translateX(112%)!important;border-left:1px solid rgba(255,255,255,.10)!important;border-right:0!important;box-shadow:-24px 0 70px rgba(2,6,23,.28)!important;z-index:90!important}.app-nav-open .app-sidebar{transform:translateX(0)!important}.app-nav-open .app-overlay{display:block!important}.customer-body .app-topbar .profile-trigger{display:none!important}.admin-body .app-topbar .profile-trigger{display:none!important}.profile-drawer{width:min(390px,calc(100% - 22px))!important}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.standard-footer{width:calc(100% - 20px)!important}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr;padding:26px}.footer-bottom{padding:16px 26px}.standard-footer{border-radius:26px!important}.site-footer.pro-site-footer p{font-size:14px}.profile-drawer{right:8px;top:8px;height:calc(100dvh - 16px)!important;border-radius:24px;box-shadow:0 24px 70px rgba(2,6,23,.26)!important}.profile-open .profile-drawer{transform:translateX(0)!important}.app-sidebar{height:100dvh!important}.public-site .site-nav a{display:inline-flex!important}}

/* Admin SaaS upgrades: branding, crypto payment, dashboard revenue */
.logo-mark{overflow:hidden;background:#fff!important;border:1px solid rgba(226,232,240,.9)!important;padding:4px!important}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px}.site-header .logo-mark{background:rgba(255,255,255,.96)!important}.branding-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.branding-preview img{width:68px;height:68px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid #e2e8f0;padding:6px}.wallet-list{display:grid;gap:10px;margin-top:16px}.wallet-row{display:grid;gap:6px;padding:13px;border:1px solid #dbeafe;background:#f8fbff;border-radius:16px}.wallet-row code{display:block;overflow:auto;white-space:nowrap;background:#0f172a;color:#dbeafe;border-radius:12px;padding:10px;font-size:12px}.small-stat{font-size:16px!important;letter-spacing:-.02em;word-break:break-word}.table .actions form{display:inline-flex}.table .actions{gap:8px;align-items:center}

/* Crypto checkout QR + API verification UI */
.crypto-wallet-list{gap:14px}.crypto-wallet-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:14px}.crypto-qr{width:104px;height:104px;border-radius:18px;background:#fff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 12px 24px rgba(15,23,42,.08)}.crypto-qr img{width:100%;height:100%;object-fit:contain;display:block}.crypto-qr.small{width:86px;height:86px;border-radius:16px}.crypto-wallet-info{display:grid;gap:6px;min-width:0}.selected-wallet-box{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#eff6ff);border-radius:18px}.selected-wallet-box[hidden]{display:none!important}.selected-wallet-box code,.crypto-wallet-info code{word-break:break-all;white-space:normal}.notice.compact{padding:8px;margin-top:8px;border-radius:12px;font-size:12px}.notice.good-soft{border-color:#bbf7d0;background:#f0fdf4;color:#14532d}
@media(max-width:680px){.crypto-wallet-card{grid-template-columns:1fr}.crypto-qr{width:130px;height:130px}.selected-wallet-box{grid-template-columns:1fr}.crypto-qr.small{width:130px;height:130px}}

/* WAI v9 full SaaS polish */
.public-site:before{background:radial-gradient(circle at 12% 5%,rgba(59,130,246,.32),transparent 34%),radial-gradient(circle at 88% 2%,rgba(124,58,237,.28),transparent 36%),radial-gradient(circle at 50% 40%,rgba(6,182,212,.12),transparent 42%),linear-gradient(180deg,#07111f 0%,#0b1220 100%)!important}.site-main{position:relative;z-index:1}.auth-stage{position:relative;overflow:hidden}.auth-stage:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 25% 25%,rgba(37,99,235,.22),transparent 28%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.22),transparent 28%),linear-gradient(135deg,#07111f,#0b1220)!important;z-index:-2}.auth-stage:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 74%);z-index:-1}.hero-ai-graphics{position:absolute;right:31%;top:88px;width:160px;height:160px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;animation:floatAi 4.4s ease-in-out infinite;box-shadow:0 30px 90px rgba(37,99,235,.22)}.hero-ai-graphics em{font-style:normal;font-size:42px;font-weight:950;color:#fff;text-shadow:0 0 28px rgba(96,165,250,.8)}.hero-ai-graphics span,.hero-ai-graphics i,.hero-ai-graphics b{position:absolute;border-radius:999px}.hero-ai-graphics span{inset:18px;border:1px dashed rgba(191,219,254,.45);animation:spinAi 9s linear infinite}.hero-ai-graphics i{width:14px;height:14px;background:#22d3ee;top:21px;right:35px;box-shadow:0 0 0 9px rgba(34,211,238,.12)}.hero-ai-graphics b{width:12px;height:12px;background:#a78bfa;bottom:32px;left:32px;box-shadow:0 0 0 9px rgba(167,139,250,.12)}@keyframes floatAi{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes spinAi{to{transform:rotate(360deg)}}.payment-logo-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.payment-logo-row.compact{justify-content:flex-start}.payment-logo{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border-radius:12px;color:#fff;font-weight:950;font-size:13px;letter-spacing:-.02em;box-shadow:0 12px 24px rgba(2,6,23,.12);border:1px solid rgba(255,255,255,.18)}.payment-logo.paypal{background:#003087}.payment-logo.card{background:linear-gradient(135deg,#111827,#2563eb)}.payment-logo.sslcommerz{background:#16a34a}.payment-logo.crypto{background:#f59e0b}.payment-logo.bkash{background:#d90452}.payment-logo.nagad{background:#f97316}.payment-logo.rocket{background:#6d28d9}.payment-logo.bank{background:#0f172a}.payment-logo-section{display:grid!important;justify-items:center;gap:14px}.manual-pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.manual-pay-card{border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:14px;display:grid;gap:6px}.manual-pay-card strong{font-size:18px}.manual-pay-card span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.manual-pay-card code{background:#0f172a;color:#dbeafe;border-radius:12px;padding:9px;word-break:break-word}.notification-list{display:grid;gap:10px;margin-top:16px}.notification-item{display:grid;gap:5px;border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:14px;text-decoration:none}.notification-item.unread{border-color:#93c5fd;background:#eff6ff;box-shadow:0 14px 34px rgba(37,99,235,.10)}.notification-item span{font-weight:950;color:#0f172a}.notification-item p{margin:0;color:#475569}.notification-item small{color:#94a3b8}.support-layout{align-items:start}.support-main{min-height:540px}.support-messages{display:grid;gap:12px;max-height:520px;overflow:auto;padding:8px 4px;margin:12px 0 18px}.support-bubble{max-width:82%;border-radius:20px;padding:13px 15px;border:1px solid #e2e8f0;background:#fff}.support-bubble.user{margin-left:auto;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:transparent;color:#fff}.support-bubble.user .mail-meta{color:#dbeafe}.support-bubble.admin{margin-right:auto;background:#f8fafc}.support-bubble p{margin:0;line-height:1.55}.agent-progress-overlay{position:fixed;inset:0;z-index:9999;background:rgba(7,17,31,.82);display:none;align-items:center;justify-content:center;padding:20px}.agent-progress-overlay.show{display:flex}.agent-progress-modal{width:min(460px,94vw);background:#fff;border-radius:32px;padding:30px;text-align:center;box-shadow:0 40px 120px rgba(2,6,23,.4);position:relative;overflow:hidden}.agent-progress-art{width:96px;height:96px;border-radius:999px;margin:0 auto 16px;background:radial-gradient(circle,#fff 0 24%,#dbeafe 25% 50%,#bfdbfe 51%);position:relative}.agent-progress-art span{position:absolute;inset:0;border-radius:999px;background:conic-gradient(from 0deg,rgba(37,99,235,.7),transparent 48%);animation:spinAi 1.2s linear infinite}.agent-progress-art i,.agent-progress-art b{position:absolute;width:10px;height:10px;border-radius:999px;background:#2563eb;top:24px;right:25px}.agent-progress-art b{background:#7c3aed;top:auto;right:auto;left:26px;bottom:26px}.agent-percent{font-size:42px;font-weight:950;letter-spacing:-.06em;margin:10px 0}.agent-progress-track{height:13px;background:#e2e8f0;border-radius:999px;overflow:hidden}.agent-progress-track span{display:block;width:0;height:100%;background:linear-gradient(135deg,#2563eb,#7c3aed,#06b6d4);transition:width .22s ease}.congrats-popup{position:fixed;top:22px;right:22px;z-index:10000;transform:translateY(-20px);opacity:0;transition:.22s ease}.congrats-popup.show{transform:translateY(0);opacity:1}.congrats-popup div{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.16);padding:14px 16px;display:flex;gap:14px;align-items:center}.congrats-popup button{border:0;background:transparent;font-size:18px;cursor:pointer;color:#065f46}.topbar-icon{color:#0f172a}.custom-plan-card{border:1px solid rgba(96,165,250,.55)!important;background:linear-gradient(135deg,#fff,#eff6ff)!important}.contact-hero{color:#0f172a}.contact-info-card strong{font-size:22px;word-break:break-all}@media(max-width:900px){.hero-ai-graphics{display:none}.support-bubble{max-width:96%}.agent-progress-modal{border-radius:24px;padding:22px}.congrats-popup{left:14px;right:14px}.congrats-popup div{justify-content:space-between}}

/* Payment method image logos */
.payment-logo-row.image-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.payment-logo-row.image-mode.compact{gap:8px}
.payment-logo-img-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:16px;padding:6px 8px;box-shadow:0 12px 30px rgba(15,23,42,.08);min-height:46px}
.payment-logo-img-wrap img{display:block;height:34px;width:auto;max-width:112px;object-fit:contain}
.payment-logo-img-wrap.compact{border-radius:12px;padding:4px 6px;min-height:34px;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.payment-logo-img-wrap.compact img{height:26px;max-width:90px}
.manual-pay-card .pay-logo-img{width:116px;height:auto;display:block;margin-bottom:10px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 8px 20px rgba(15,23,42,.08)}
.live-status-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#10b981}.live-status-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:waiPulse 1.4s infinite}@keyframes waiPulse{70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.support-messages{scroll-behavior:smooth;max-height:58vh;overflow:auto}.support-bubble.pending{opacity:.68}.thread-item .last-line{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:720px){.payment-logo-img-wrap img{height:30px;max-width:96px}.payment-logo-row.image-mode{gap:9px}.support-messages{max-height:52dvh}}
.payment-choice-grid{display:grid;gap:10px;margin:12px 0}.payment-choice{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid rgba(148,163,184,.26);border-radius:18px;background:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05)}.payment-choice input{width:18px;height:18px}.payment-choice:has(input:checked){border-color:#2563eb;box-shadow:0 16px 34px rgba(37,99,235,.13)}


/* v11: bank QR, separate mobile banking, restored customer header */
.customer-body .app-topbar{background:linear-gradient(135deg,#0b63f6 0%,#1d4ed8 48%,#7c3aed 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 24px 70px rgba(37,99,235,.28)!important}
.customer-body .topbar-title h1,.customer-body .topbar-title p{color:#fff!important}.customer-body .topbar-title p{opacity:.88}.customer-body .topbar-icon,.customer-body .profile-trigger{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}.customer-body .profile-copy small{color:rgba(255,255,255,.78)!important}.customer-body .mobile-menu-btn{background:rgba(255,255,255,.16)!important;color:#fff!important}
.checkout-method-card .paypal-primary-panel{border:1px solid rgba(37,99,235,.18);border-radius:22px;padding:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff);box-shadow:0 14px 38px rgba(37,99,235,.08)}
.checkout-method-card .paypal-primary-panel.paypal-processing{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#93c5fd}.checkout-method-card .paypal-primary-panel.paypal-processing:after{content:'Processing through PayPal securely…';display:block;margin-top:10px;font-weight:900;color:#1d4ed8}.muted-heading{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:18px 0 8px}.payment-choice span{display:grid;gap:2px}.payment-choice span strong{color:#0f172a}.payment-choice span small{color:#64748b;font-weight:750}.payment-choice.bank-choice,.payment-choice.mobile-choice{align-items:center}.payment-choice input:disabled{opacity:.55}.alt-payment-panel[style*="display: none"]{pointer-events:none}.manual-payment-layout{align-items:start}.manual-method-details{margin-top:18px}.manual-detail-panel{border:1px solid #dbeafe;background:linear-gradient(135deg,#ffffff,#f8fbff);border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.manual-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.manual-detail-head h3{margin:0}.manual-detail-head p{margin:2px 0 0}.bank-qr-img{display:block;width:min(240px,100%);height:auto;border-radius:22px;background:#fff;border:1px solid #e2e8f0;padding:10px;margin:10px 0 16px;box-shadow:0 14px 34px rgba(15,23,42,.10)}.bank-detail-list{display:grid;gap:9px}.bank-detail-list div{display:grid;gap:4px;padding:11px 12px;border-radius:15px;background:#fff;border:1px solid #e2e8f0}.bank-detail-list span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:#64748b}.bank-detail-list code{font-size:14px;color:#0f172a;background:#f8fafc;border-radius:10px;padding:8px;word-break:break-all}.manual-choice-grid .payment-choice:has(input:checked){background:#eff6ff}.manual-pay-card.focused{border-color:#93c5fd;background:#eff6ff}.branding-preview img{max-width:96px;max-height:96px;object-fit:contain;border-radius:14px;background:#fff;padding:6px}.payment-logo-img-wrap img{max-height:34px;max-width:112px}
@media(max-width:760px){.manual-detail-head{align-items:flex-start}.bank-qr-img{width:min(260px,100%)}.payment-choice{align-items:flex-start!important}.checkout-method-card .paypal-primary-panel{padding:13px}}