:root{--bg:#f5f7f4;--ink:#17211c;--muted:#647067;--surface:#fff;--line:#dfe7df;--primary:#147d64;--dark:#13241e;--danger:#b42318;--accent:#d36b2c;--shadow:0 18px 45px rgba(28,46,36,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;display:grid;grid-template-columns:280px 1fr;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:0 14px;font-weight:700;background:var(--primary);color:#fff}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fbfcfb;color:var(--ink)}label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}h1,h2,p{margin-top:0}
aside{background:var(--dark);color:#eef8f1;padding:24px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand>b{width:44px;height:44px;border-radius:8px;background:var(--primary);display:grid;place-items:center;flex-shrink:0}.brand span{display:grid;flex:1;overflow:hidden}.brand span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small,.plan small{color:#b8cbbf}.brand #logout{margin-left:auto;flex-shrink:0;background:rgba(255,255,255,.08);color:#eef8f1;border:1px solid rgba(255,255,255,.14);min-height:36px;padding:0 12px;font-size:13px}.tab-rows{display:flex;flex-direction:column;gap:10px}.tab{background:transparent;color:#dfece4;text-align:left}.tab.active,.tab:hover{background:#20382f;color:#fff}.tab-upgrade{background:var(--accent);color:#fff;text-align:center;margin-top:4px}.tab-upgrade:hover{filter:brightness(1.08)}.plan{margin-top:auto;border:1px solid #2f4c40;border-radius:8px;padding:16px;background:#193229;display:grid;gap:8px}
main{padding:28px;overflow:auto}header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}header small{color:var(--accent);font-weight:800;text-transform:uppercase}.top-actions,.actions{display:flex;gap:10px;flex-wrap:wrap}.danger{background:#fff4f2;color:var(--danger);border:1px solid #ffd1cb}.page{display:none}.page.active{display:block}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:18px}.metrics div,article,form{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.metrics small{color:var(--muted)}.metrics b{display:block;font-size:24px;margin-top:8px}.grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}form{display:grid;gap:12px;align-content:start}.action-needed-panel{border-color:var(--accent);margin-bottom:18px}.action-needed-panel h2{margin-bottom:14px}.action-needed-panel>.grid{grid-template-columns:repeat(3,1fr)}.action-needed-panel h3{margin:0 0 6px;font-size:15px}#dash>article,#dash>.metrics{margin-bottom:18px}.list{display:grid;gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.item{border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:8px}.item-top{display:flex;justify-content:space-between;gap:12px}.item strong{overflow-wrap:anywhere}.meta{color:var(--muted);font-size:13px}.item-actions{display:flex;gap:8px;flex-wrap:wrap}.item-actions button,.actions button,#export,#demo{background:#fff;color:var(--ink);border:1px solid var(--line)}.list:empty:after{content:"Nothing here yet.";display:block;border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:18px;text-align:center}.invoice{border:1px solid var(--line);border-radius:8px;padding:18px;margin:14px 0;background:#fbfcfb;line-height:1.7}.row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;gap:12px}#toast{position:fixed;right:18px;bottom:18px;background:var(--dark);color:#fff;border-radius:8px;padding:13px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.18s}#toast.show{opacity:1;transform:translateY(0)}
#pwaInstallBanner{position:fixed;left:18px;right:18px;bottom:18px;max-width:420px;margin:0 auto;background:var(--dark);color:#fff;border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;z-index:1000;opacity:0;transform:translateY(16px);transition:.2s}#pwaInstallBanner.show{opacity:1;transform:translateY(0)}#pwaInstallBanner img{width:36px;height:36px;border-radius:8px;flex-shrink:0;object-fit:cover}#pwaInstallBanner div.pwa-copy{flex:1;display:grid;gap:2px}#pwaInstallBanner strong{font-size:14px}#pwaInstallBanner span{font-size:12px;color:#b8cbbf}#pwaInstallBanner .pwa-actions{display:flex;gap:8px;flex-shrink:0}#pwaInstallBanner button{min-height:36px;padding:0 12px;font-size:13px}#pwaInstallBanner #pwaInstallDismiss{background:transparent;color:#b8cbbf}
@media(max-width:900px){body{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:2;padding:14px;display:flex;flex-direction:column;gap:10px}.brand{margin-bottom:0}.tab-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tab{flex:0 0 auto;white-space:normal;text-align:center;font-size:12px;font-weight:700;line-height:1.25;padding:6px 2px;min-height:0}.tab-upgrade{grid-column:1/-1;margin-top:2px}.plan{display:none}.brand>b{width:34px;height:34px}.brand small{display:none}main{padding:16px}header,.grid{display:grid;grid-template-columns:1fr}.app-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}.app-header h1{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-plan{font-size:11px;padding:5px 9px;gap:2px}.metrics{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.top-actions,.actions{display:grid}.top-actions button,.actions button{width:100%}.brand span strong{font-size:14px}}@media print{aside,header,.actions{display:none}body{display:block}main{padding:0}article{box-shadow:none;border:0}}

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.plans div{border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:6px}.plans b{font-size:18px}.plans span{font-weight:800;color:var(--primary)}.plans small{color:var(--muted)}.featured{border-color:var(--primary)!important;background:#f0faf6}dialog{border:0;border-radius:8px;max-width:620px;width:calc(100% - 28px);box-shadow:0 28px 80px rgba(0,0,0,.25);padding:22px}dialog::backdrop{background:rgba(19,36,30,.5)}#closePaywall,#upgrade2{background:#fff;color:var(--ink);border:1px solid var(--line)}@media(max-width:900px){.plans{grid-template-columns:1fr}}

#brandLogo{overflow:hidden}#brandLogo img{width:100%;height:100%;object-fit:cover;display:block}.invoice-logo{width:64px;height:64px;border-radius:8px;object-fit:cover;margin-bottom:10px}.payment-link{display:inline-block;margin-top:10px;color:var(--primary);font-weight:800;word-break:break-all}

.checklist{display:grid;gap:10px}.check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.check b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff4f2;color:var(--danger)}.check.done b{background:#e7f7ef;color:var(--primary)}.delivery-box{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f0faf6;margin-top:10px}.delivery-box a{color:var(--primary);font-weight:800;word-break:break-all}.badge{display:inline-block;border-radius:999px;background:#eef7f3;color:var(--primary);font-size:12px;font-weight:800;padding:4px 8px}
.single-page{display:block;min-height:100vh}.single-page main{max-width:1180px;margin:0 auto}
.legal-page main{max-width:760px;padding:36px 20px 60px}.legal-page h1{font-size:30px}.legal-page h2{font-size:19px;margin-top:34px}.legal-page p,.legal-page li{line-height:1.7;color:var(--ink)}.legal-page .meta{margin-bottom:24px}.legal-page .legal-nav{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.legal-page .legal-nav a{color:var(--primary);font-weight:700;text-decoration:none}.legal-page .legal-nav a:hover{text-decoration:underline}.legal-page .disclaimer{background:#fff4f2;border:1px solid #ffd1cb;border-radius:8px;padding:14px 16px;margin-bottom:28px;color:var(--danger);font-size:14px}.button-link{display:inline-grid;place-items:center;min-height:42px;border-radius:8px;padding:0 14px;font-weight:700;background:var(--primary);color:#fff;text-decoration:none}.admin-link{display:block;text-decoration:none;border-radius:8px;min-height:42px;padding:11px 14px;font-weight:700}.upgrade-plans{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.payment-page header p{margin:6px 0 0}.payment-page textarea{min-height:230px}
@media(max-width:900px){.upgrade-plans{grid-template-columns:1fr}.admin-link{display:inline-block;min-width:106px;text-align:center}}
.cycle-toggle button{background:#fff;color:var(--ink);border:1px solid var(--line)}.cycle-toggle button.active{background:var(--primary);color:#fff;border-color:var(--primary)}

.product-photo-preview{display:flex;flex-wrap:wrap;gap:8px}.product-photo-thumb{position:relative;width:64px;height:64px}.product-photo-thumb img{width:100%;height:100%;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.product-photo-thumb button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;min-height:0;padding:0;border-radius:50%;background:var(--danger);color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}
.profile-card{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.profile-card img,.profile-logo-fallback{width:56px;height:56px;border-radius:10px;object-fit:cover}.profile-logo-fallback{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:800}.profile-card>div:nth-child(3){display:grid;gap:2px}.profile-plan{margin-left:auto;background:#eef7f3;color:var(--primary);font-weight:800;font-size:13px;border-radius:999px;padding:6px 12px}
.dash-store-link-inline{display:flex;align-items:center;gap:8px;font-size:13px;margin-left:auto}.dash-store-link-inline>span:first-child{font-weight:800;color:var(--primary)}.dash-store-link-inline>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted)}.header-plan{background:#eef7f3;color:var(--primary);font-weight:800;font-size:12px;border-radius:999px;padding:6px 12px;white-space:nowrap;flex-shrink:0}

.premium-page{background:radial-gradient(circle at 50% 0%,#132b23,#05100c 60%);min-height:100vh}.premium-main{max-width:1080px;margin:0 auto;padding:36px 20px 60px;color:#eef8f1}.premium-back{background:rgba(255,255,255,.08);color:#eef8f1;border:1px solid rgba(255,255,255,.14)}.premium-hero{text-align:center;max-width:640px;margin:36px auto 28px}.premium-kicker{display:inline-block;color:#7fe0b8;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-bottom:10px}.premium-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 12px}.premium-sub{color:#b8cbbf;font-size:16px;margin:0}
.premium-toggle{justify-content:center}.premium-toggle button{background:rgba(255,255,255,.06);color:#eef8f1;border:1px solid rgba(255,255,255,.16)}.premium-toggle button.active{background:var(--primary);border-color:var(--primary);color:#fff}.premium-hint{text-align:center;color:#8fa89b;margin:10px 0 28px}
.premium-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.premium-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px;display:grid;gap:10px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.premium-card h2{margin:0;font-size:20px}.premium-price{font-size:32px;font-weight:800;margin:0;color:#fff}.premium-price span{font-size:14px;font-weight:600;color:#8fa89b}.premium-card .meta{color:#8fa89b}.premium-features{list-style:none;margin:6px 0;padding:0;display:grid;gap:8px}.premium-features li{padding-left:26px;position:relative;color:#dfece4;font-size:14px}.premium-features li:before{content:"✓";position:absolute;left:0;color:#7fe0b8;font-weight:800}.premium-card button{background:#fff;color:#0c1a14;font-weight:800}.premium-card button:hover{background:#7fe0b8}.premium-card-enterprise{border-color:rgba(127,224,184,.5)}.premium-card-enterprise .button-link{background:#fff;color:#0c1a14;font-weight:800;justify-self:start}
#verifyStatus.invoice{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#eef8f1}
.premium-compare-title{text-align:center;margin:44px 0 16px;font-size:22px}.premium-compare-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.14);border-radius:16px}.premium-compare-wrap table{width:100%;border-collapse:collapse;min-width:520px}.premium-compare-wrap th,.premium-compare-wrap td{padding:14px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);color:#dfece4;font-size:14px;white-space:nowrap}.premium-compare-wrap th{color:#7fe0b8;font-weight:800}.premium-compare-wrap td:first-child,.premium-compare-wrap th:first-child{text-align:left;color:#fff;font-weight:700;white-space:normal}.premium-compare-wrap tr:last-child td{border-bottom:0}
.premium-page form,.premium-page article{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.35)}.premium-page label{color:#8fa89b}.premium-page input,.premium-page select,.premium-page textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#eef8f1}.premium-page h2{color:#fff}.premium-page .meta a,.premium-page a{color:#7fe0b8}.premium-auth{max-width:420px;margin:60px auto}.premium-auth .premium-hero{margin:0 0 24px}.premium-auth form{padding:26px;border-radius:16px}.premium-hint{text-align:center}
.auth-divider{display:flex;align-items:center;gap:12px;color:#8fa89b;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.oauth-buttons{display:grid;gap:10px}.oauth-btn{background:rgba(255,255,255,.06);color:#eef8f1;border:1px solid rgba(255,255,255,.16)}
.pw-wrap{position:relative;display:flex}.pw-wrap input{padding-right:64px}.pw-toggle{position:absolute;right:4px;top:4px;bottom:4px;min-height:0;width:auto;padding:0 10px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.premium-page .pw-toggle{color:#8fa89b}
.premium-header-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.premium-header-row h1{font-size:26px;margin:6px 0 4px}
.sp-highlight-panel{border:1px solid rgba(127,224,184,.4);border-radius:12px;padding:16px;margin-top:14px;background:rgba(127,224,184,.08);color:#eef8f1}.sp-highlight-panel b{color:#7fe0b8}.sp-highlight-panel .meta{color:#b8cbbf;margin:8px 0}.sp-highlight-panel .button-link{background:#7fe0b8;color:#0c1a14;font-weight:800}
.sp-highlight-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid rgba(127,224,184,.4);border-radius:12px;padding:14px 18px;margin-bottom:20px;background:rgba(127,224,184,.08);color:#eef8f1}.sp-highlight-banner span{color:#b8cbbf;font-size:14px}.sp-highlight-banner .button-link{background:#7fe0b8;color:#0c1a14;font-weight:800;flex-shrink:0}
.premium-addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:20px}.premium-addons article{padding:22px;display:grid;gap:10px;align-content:start}.premium-addons .premium-price{font-size:22px;margin:0}.premium-addons button,.premium-addons .button-link{background:#fff;color:#0c1a14;font-weight:800;justify-self:start}
.receipt-doc{position:relative;background:#fff;color:var(--ink);border-radius:8px;border:1px solid var(--line);border-top:4px solid var(--primary);padding:22px;margin:14px 0;overflow:hidden}.receipt-watermark{position:absolute;inset:-25% -60%;display:grid;grid-template-columns:repeat(auto-fill,140px);gap:26px 34px;justify-content:center;align-content:center;pointer-events:none;overflow:hidden;z-index:0;transform:rotate(-30deg);opacity:.06}.receipt-watermark span{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);white-space:nowrap;text-align:center}.receipt-doc>*:not(.receipt-watermark){position:relative;z-index:1}.receipt-doc-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.receipt-biz-name{font-size:20px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;display:block}.receipt-doc-head .meta{font-weight:700;color:var(--ink)}.receipt-doc-meta{margin-left:auto;text-align:right;display:grid;gap:2px}.receipt-items{width:100%;border-collapse:collapse;margin:14px 0}.receipt-items th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 4px;border-bottom:1px solid var(--line)}.receipt-items td{padding:8px 4px;border-bottom:1px solid var(--line);font-size:14px}.receipt-items th:nth-child(2),.receipt-items td:nth-child(2),.receipt-items th:nth-child(3),.receipt-items td:nth-child(3),.receipt-items th:nth-child(4),.receipt-items td:nth-child(4){text-align:right}.receipt-total{font-size:17px;border-bottom:0;border-top:2px solid var(--ink);padding-top:10px}.receipt-signature{margin-top:26px;text-align:right;font-weight:900;font-size:16px;letter-spacing:.02em;text-transform:uppercase}.receipt-doc-footer{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);text-align:center;color:var(--muted);font-size:13px}.receipt-doc-footer a{color:var(--primary);font-weight:800}
.receipt-doc-narrow{width:380px!important;max-width:380px}.receipt-doc-narrow .receipt-doc-head{flex-direction:column;align-items:flex-start;gap:6px}.receipt-doc-narrow .receipt-doc-meta{margin-left:0;text-align:left}.receipt-doc-narrow .receipt-biz-name{font-size:17px}.receipt-doc-narrow .receipt-items{font-size:12px}.receipt-doc-narrow .receipt-items th,.receipt-doc-narrow .receipt-items td{padding:6px 3px;font-size:11px}.receipt-doc-narrow .row{flex-direction:column;gap:2px;align-items:flex-start}
@media(max-width:600px){.premium-main{padding:20px 14px 40px}.premium-header-row{flex-direction:column;align-items:flex-start}}
@media print{.premium-page{background:#fff;color:var(--ink)}.premium-page article{background:none;border:0;box-shadow:none}.premium-page form,.premium-header-row,.premium-hero,.premium-page article>h2,.premium-page .actions,#continueCta{display:none}.receipt-doc{border-top-color:var(--primary);margin:0}}

.storefront-page{background:var(--bg)}.storefront-main{max-width:1080px;margin:0 auto;padding:0 0 90px}
.storefront-banner{height:220px;border-radius:0 0 20px 20px;margin:0 -20px 0;background:linear-gradient(120deg,var(--dark),var(--primary));background-size:cover;background-position:center;position:relative}
.storefront-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.6) 100%);border-radius:inherit;pointer-events:none}
.storefront-banner-has-image{background-blend-mode:overlay}
@media(min-width:1120px){.storefront-banner{margin:0;border-radius:20px}}
.storefront-header{display:flex;align-items:flex-end;gap:16px;margin:-108px 20px 28px;position:relative;z-index:1;flex-wrap:wrap}.storefront-header img,.storefront-logo-fallback{width:88px;height:88px;border-radius:16px;object-fit:cover;border:4px solid #fff;background:var(--surface);box-shadow:0 6px 20px rgba(0,0,0,.35)}.storefront-logo-fallback{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:800;font-size:26px}.storefront-header-info{padding-bottom:6px}.storefront-header h1{font-size:26px;margin:0 0 6px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.storefront-header-stats{font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.storefront-header-details{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:4px}.storefront-header-detail{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.storefront-header-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.storefront-quick-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}
@media(max-width:640px){.storefront-header{margin-top:-70px}.storefront-banner{height:180px}}
.storefront-trust-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 20px 20px}.storefront-trust-bar span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--ink)}
.storefront-why-buy{margin:0 20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.storefront-why-buy h2{font-size:16px;margin:0 0 12px}.storefront-why-buy ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.storefront-why-buy li{padding-left:26px;position:relative;font-size:14px}.storefront-why-buy li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:800}
.storefront-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 20px 20px}.storefront-toolbar input{max-width:280px}.storefront-chips{display:flex;gap:8px;flex-wrap:wrap;overflow-x:auto}.storefront-chips button{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:13px;white-space:nowrap}.storefront-chips button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.storefront-qr-wrap{display:flex;justify-content:center;padding:12px 0}
.storefront-social{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.storefront-social a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--primary);text-decoration:none}
.storefront-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:0 20px}.storefront-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:grid;transition:transform .15s,box-shadow .15s}.storefront-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(28,46,36,.16)}.storefront-card-img-wrap{position:relative}.storefront-card-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.storefront-card-noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:linear-gradient(135deg,#eef2ee,#e4ede6);color:var(--muted)}.storefront-photo-count{position:absolute;bottom:8px;right:8px;background:rgba(19,36,30,.7);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.storefront-oos-badge{position:absolute;top:8px;left:8px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.storefront-card-body{padding:16px;display:grid;gap:6px}.storefront-price{font-weight:800;color:var(--primary);font-size:18px}
.storefront-card-actions{display:flex;gap:8px}.storefront-card-actions button:first-child{flex:1}.storefront-share-btn{background:#fff;color:var(--ink);border:1px solid var(--line);flex-shrink:0;padding:0 14px}
.storefront-footer{text-align:center;margin:28px 20px 0;color:var(--muted)}.storefront-footer a{color:var(--primary);font-weight:800}
.storefront-modal-img{width:100%;border-radius:12px;object-fit:cover;max-height:320px;margin-bottom:12px;background:#eef2ee}.storefront-thumb-row{display:flex;gap:8px;margin-bottom:14px}.storefront-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;cursor:pointer;border:2px solid transparent;opacity:.75}.storefront-thumb:hover{opacity:1;border-color:var(--primary)}
.storefront-cart-bar{position:fixed;left:0;right:0;bottom:0;background:var(--dark);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 -8px 24px rgba(0,0,0,.18);z-index:10}.storefront-cart-bar button{background:var(--primary)}
.storefront-cart-total{font-size:18px;border-bottom:0;border-top:2px solid var(--ink);padding-top:10px;margin-top:6px}
@media(max-width:520px){.storefront-grid{grid-template-columns:repeat(2,1fr)}}
.wizard-main{max-width:480px}.wizard-progress{height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:0 0 28px}.wizard-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#147d64,#7fe0b8);border-radius:999px;transition:width .3s ease}
.wizard-step{padding:26px;border-radius:16px}.wizard-skip,.wizard-back{background:transparent;color:#8fa89b;border:1px solid rgba(255,255,255,.14)}.wizard-back{margin-right:auto}
#stepDone{text-align:center;padding:36px 26px;position:relative;overflow:hidden}#stepDone h2{margin:0 0 8px;font-size:28px}
.confetti-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-burst span{position:absolute;top:-10px;width:8px;height:14px;opacity:.9;animation:confetti-fall 1.6s ease-in forwards;border-radius:2px}
@keyframes confetti-fall{to{transform:translateY(340px) rotate(540deg);opacity:0}}
.landing-main{max-width:1080px}
.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 0 20px}.landing-logo{height:76px;margin:0}
.premium-topbar{display:flex;justify-content:flex-start;margin-bottom:-6px}.premium-topbar-center{justify-content:center}.premium-logo{height:136px;margin:0}.premium-logo-left{height:84px;margin:0 0 10px}
@media(max-width:600px){.premium-logo{height:76px}}
.admin-header-brand{display:flex;align-items:center;gap:14px}.admin-logo{height:40px}
.landing-nav-links{display:flex;align-items:center;gap:20px}.landing-nav-links a:not(.button-link){color:#b8cbbf;text-decoration:none;font-weight:600;font-size:14px}.landing-nav-links a:not(.button-link):hover{color:#fff}
.landing-hero{max-width:760px;margin:40px auto 56px}.landing-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.landing-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px}.landing-features article{padding:22px;transition:transform .15s,box-shadow .15s}.landing-features article:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.35)}.landing-features h2{font-size:17px;margin:0 0 8px;color:#fff}.landing-feature-icon{font-size:26px;display:block;margin-bottom:10px}
.landing-before-after{margin-bottom:56px}.landing-ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:0 auto}.landing-ba-card{padding:24px;border-radius:16px}.landing-ba-card h3{margin:0 0 14px;color:#fff}.landing-ba-card ul{margin:0;padding-left:20px;color:#b8cbbf;display:grid;gap:8px}.landing-ba-before{background:rgba(180,35,24,.08);border:1px solid rgba(180,35,24,.3)}.landing-ba-after{background:rgba(127,224,184,.08);border:1px solid rgba(127,224,184,.35)}.landing-ba-after ul{color:#dcece3}
.landing-ai{margin-bottom:56px}.landing-ai-mockup{max-width:520px;margin:0 auto}.landing-ai-chat{display:grid;gap:12px;padding:22px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14)}.landing-ai-bubble{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.5;max-width:85%}.landing-ai-bubble-user{background:rgba(255,255,255,.1);color:#eef8f1;justify-self:end;border-bottom-right-radius:2px}.landing-ai-bubble-ai{background:#7fe0b8;color:#0c1a14;justify-self:start;border-bottom-left-radius:2px;font-weight:600}.landing-ai-note{text-align:center;margin-top:14px}
.landing-how{margin-bottom:56px}.landing-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.landing-how-step{text-align:center;padding:20px 14px}.landing-how-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#7fe0b8;color:#0c1a14;font-weight:800;margin-bottom:10px}.landing-how-step h3{margin:0 0 6px;color:#fff;font-size:16px}
.landing-preview{margin-bottom:56px;text-align:center}.landing-preview-mockup{max-width:640px;margin:0 auto;padding:26px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.4);text-align:left}
.landing-preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:#fff;font-size:16px;margin-bottom:18px}.landing-preview-example{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8fa89b;background:rgba(255,255,255,.08);padding:4px 10px;border-radius:999px}
.landing-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.landing-preview-metrics div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.landing-preview-metrics small{display:block;color:#8fa89b;font-size:12px;margin-bottom:6px}.landing-preview-metrics b{color:#fff;font-size:19px}
.landing-preview-insight{background:rgba(127,224,184,.1);border:1px solid rgba(127,224,184,.35);border-radius:12px;padding:16px}.landing-preview-insight-label{display:block;font-weight:800;color:#7fe0b8;font-size:13px;margin-bottom:6px}.landing-preview-insight p{margin:0;color:#dcece3;line-height:1.6;font-style:italic}
.landing-preview-cta-text{margin-top:26px}.landing-preview-cta{justify-content:center}
@media(max-width:600px){.landing-preview-metrics{grid-template-columns:1fr 1fr}}
.landing-business-types{margin-bottom:56px}.landing-types-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.landing-type-card{text-align:center;padding:18px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14)}.landing-type-card span{font-size:26px;display:block;margin-bottom:8px}.landing-type-card h3{margin:0;font-size:14px;color:#dfece4}
.landing-pricing{margin-bottom:56px}.landing-pricing-grid{position:relative}.premium-card-featured{border-color:#7fe0b8;position:relative}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#7fe0b8;color:#0c1a14;font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.landing-ba-grid{grid-template-columns:1fr}.landing-how-grid{grid-template-columns:1fr 1fr}.landing-types-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.landing-how-grid{grid-template-columns:1fr}.landing-types-grid{grid-template-columns:repeat(2,1fr)}}
.landing-cta-band{text-align:center;padding:44px 20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);margin-bottom:20px}.landing-cta-band h2{margin:0 0 6px;color:#fff}
.landing-section-title{text-align:center;font-size:26px;margin:0 0 4px;color:#fff}.landing-section-sub{text-align:center;margin:0 0 32px}
.landing-testimonials{margin-bottom:56px}.landing-testimonial-viewport{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.landing-testimonial-track{display:flex;gap:16px;width:max-content;animation:landing-marquee-ltr 90s linear infinite}.landing-testimonial-track:hover{animation-play-state:paused}
.landing-testimonial-track article{flex:0 0 300px;padding:22px}.landing-testimonial-track p{margin:0 0 14px;color:#dcece3;line-height:1.6;font-size:14px}.landing-testimonial-track .meta{color:#7fe0b8;font-weight:700;font-size:13px}
@keyframes landing-marquee-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.landing-faq{margin-bottom:56px}.landing-faq-list{max-width:760px;margin:0 auto;display:grid;gap:10px}.landing-faq-list details{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 18px}.landing-faq-list summary{cursor:pointer;font-weight:700;color:#fff}.landing-faq-list p{margin:10px 0 0}
.landing-footer-full{background:rgba(0,0,0,.2);padding:44px 20px 24px;margin-top:20px}.landing-footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.landing-footer-grid strong{display:block;color:#fff;margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.landing-footer-grid a{display:block;color:#b8cbbf;text-decoration:none;font-size:14px;margin-bottom:8px}.landing-footer-grid a:hover{color:#fff}.landing-footer-brand .meta{margin-top:10px;max-width:280px}
.landing-footer-social{display:flex;gap:10px;margin-top:14px}.landing-footer-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:#b8cbbf;flex-shrink:0}.landing-footer-social a:hover{background:#7fe0b8;color:#0c1a14}
.landing-footer-tagline{max-width:1080px;margin:24px auto 0;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:6px}.landing-footer-heart{width:16px;height:16px;vertical-align:middle}
.landing-footer-copyright{max-width:1080px;margin:6px auto 0;text-align:center}
@media(max-width:760px){.landing-features{grid-template-columns:1fr 1fr}.landing-nav{flex-direction:column;gap:14px}.landing-testimonial-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.landing-features{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr}}
.activation-checklist{margin-bottom:18px}.activation-checklist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.activation-checklist-head h2{margin:0;font-size:16px}
.ai-insight-card{margin-bottom:18px;background:#f0faf6;border-color:#cdeee0}.ai-insight-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-insight-head span{font-weight:800;color:var(--primary)}.ai-insight-head button{background:#fff;color:var(--ink);border:1px solid var(--line);min-height:32px;padding:0 12px;font-size:12px}.ai-insight-card p{margin:0;color:var(--ink);line-height:1.5}
.activation-item{display:flex;align-items:center;gap:10px}.activation-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--primary);flex-shrink:0}.activation-item.done .activation-check{background:var(--primary);border-color:var(--primary);color:#fff}.activation-item.done span:nth-child(2){color:var(--muted);text-decoration:line-through}.activation-item button{margin-left:auto}
#aiChatLog.landing-ai-chat{background:var(--bg);border:1px solid var(--line);min-height:60px;max-height:340px;overflow-y:auto}#aiChatLog .landing-ai-bubble-user{background:var(--primary);color:#fff}#aiChatLog .landing-ai-bubble-ai{background:#eef7f3;color:var(--ink);font-weight:400}#aiChatLog:empty{display:flex;align-items:center;justify-content:center}#aiChatLog:empty:before{content:"Ask a question below to get started - try one of the suggestions.";color:var(--muted);font-size:13px;text-align:center}
#aiSuggestions button{font-size:13px}
.item-details{background:#fbfcfb;border:1px solid var(--line);border-radius:8px;padding:4px 12px;margin-top:4px}.item-details .row:last-child{border-bottom:0}.item-details h3{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:14px 0 4px}
.smart-alerts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
@media(max-width:900px){.smart-alerts-grid{grid-template-columns:1fr}}
.coming-soon{text-align:center;padding:60px 24px;color:var(--muted)}.coming-soon h2{margin:0 0 8px;color:var(--ink)}
