:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--bg:#f5f7fb;--brand:#635bff;--brand2:#8b5cf6;--green:#10b981}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#eeeaff 0,transparent 28%),var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}header{height:74px;background:#0b1020;color:#fff;padding:0 5%;justify-content:space-between;border-bottom:1px solid #ffffff12;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,header{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 24px #635bff55}.brand b{display:block;font-size:17px}.brand span{display:block;color:#9aa5bd;font-size:12px;margin-top:2px}.live{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:600}.live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #10b98122}main{max-width:1320px;margin:0 auto;padding:34px 24px 64px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.hero h1{font-size:32px;letter-spacing:-.8px;margin:6px 0}.hero p,.muted{color:var(--muted)}.hero p{margin:0}.hero-badge{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:999px;padding:9px 14px;font-weight:700}.eyebrow{color:#7167f9;font-size:11px;letter-spacing:1.5px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:36px}.account-card,.card,.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #0f172a09}.stat{padding:20px}.stat small,.stat span{display:block;color:var(--muted)}.stat strong{display:block;font-size:27px;letter-spacing:-.5px;margin:8px 0 4px}.stat small{font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 14px}.card h2,.section-head h2{margin:5px 0 0;font-size:21px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));grid-gap:18px;gap:18px}.account-card{padding:22px}.account-top{display:flex;justify-content:space-between;gap:12px}.account-top h3{font-size:18px;margin:0 0 5px}.account-state{height:max-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.account-state.active{background:#dcfce7;color:#15803d}.account-state.disabled{background:#fee2e2;color:#b91c1c}.account-sales{margin:24px 0 18px}.account-sales span{display:block;color:var(--muted);font-size:12px}.account-sales strong{font-size:30px;letter-spacing:-.7px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.mini-stats div{text-align:center}.mini-stats span,.mini-stats strong{display:block}.mini-stats strong{font-size:18px}.mini-stats span{font-size:10px;color:var(--muted);margin-top:3px}.limit-row{display:flex;justify-content:space-between;margin:17px 0 8px;font-size:12px;color:var(--muted)}.limit-row b{color:var(--ink)}.progress{height:7px;background:#eef2f7;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:20px}.account-actions{margin-top:18px;display:flex;gap:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.forms{margin-top:36px}.card{padding:22px;margin-bottom:18px}label{display:block;color:#475569;font-size:12px;font-weight:700;margin-top:14px}input{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:.2s}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #635bff18}.input-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}.check{display:flex;align-items:center;gap:8px;margin:15px 0}.check input{width:auto;margin:0}button{padding:10px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#756cff);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #635bff24}.button-muted{background:#eef2f7;color:#334155;box-shadow:none}.inline{display:inline}.inline button{margin-right:5px}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;padding:14px 16px;border-bottom:1px solid #edf1f6}th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.7px}tbody tr:hover{background:#fafbff}tbody tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.status-paid{background:#dcfce7;color:#15803d}.status-failed{background:#fee2e2;color:#b91c1c}.status-created,.status-reserved{background:#fef3c7;color:#b45309}.empty{text-align:center;color:var(--muted);padding:28px!important}.secret{background:#fff8dc;border-color:#fde68a;word-break:break-all}.secret code{display:block;background:#fff;padding:9px;border-radius:8px;margin:7px 0}.login{max-width:420px;margin:14vh auto}.login-card{text-align:center;padding:34px}.login-card .brand-mark{margin:0 auto 16px}.login-card h1{margin-bottom:7px}.login-card button{width:100%;margin-top:10px}a{color:#4f46e5;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media(max-width:850px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero{align-items:start;gap:14px}.hero h1{font-size:27px}}@media(max-width:520px){main{padding:24px 14px}.stats{grid-template-columns:1fr}.hero{display:block}.hero-badge{display:inline-block;margin-top:14px}.mini-stats{grid-template-columns:1fr 1fr;row-gap:14px}header{padding:0 16px}.brand span{display:none}}.account-sidebar-item{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;overflow:hidden;box-shadow:0 10px 30px #0f172a09}.account-sidebar-item .account-picker{margin:0;border:0;border-radius:0;box-shadow:none;padding-bottom:14px}.account-power{display:inline-flex;margin:0}.account-power-compact{display:block;padding:0 14px 14px}.account-power button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:12px;font-weight:800;box-shadow:none}.account-power-compact button{width:100%}.account-power-on{background:#dcfce7;color:#166534;border:1px solid #86efac}.account-power-off{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.account-archived-label,.account-state.archived{background:#e2e8f0;color:#475569}.account-archived-label{margin:0 14px 14px;padding:10px 12px;border-radius:10px;text-align:center;font-size:12px;font-weight:800}.archive-bin{margin-top:20px;border-top:1px solid #cbd5e1;padding-top:14px}.archive-bin>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:11px 12px;border-radius:11px;background:#e2e8f0;color:#334155;font-weight:800;list-style:none}.archive-bin>summary::-webkit-details-marker{display:none}.archive-bin>summary span{min-width:24px;padding:3px 7px;border-radius:999px;background:#fff;text-align:center;font-size:11px}.archive-bin .account-grid{margin-top:12px}.archive-empty{padding:14px;color:#64748b;font-size:12px;line-height:1.5}.power-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.account-actions{align-items:center;flex-wrap:wrap}.top-nav{display:flex;align-items:center;gap:8px}.top-nav a{color:#dbe3f2;padding:9px 12px;border-radius:10px;font-weight:800}.top-nav a.active,.top-nav a:hover{background:#ffffff16;color:#fff}.service-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.service-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);box-shadow:0 10px 30px #0f172a09;transition:.2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0f172a14}.service-card h3{margin:0 0 5px;font-size:20px}.service-card p{margin:0;color:var(--muted)}.service-card>b{color:var(--brand)}.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900}.service-icon.woo{background:#7f54b3}.service-icon.shopify,.shopify-mark{background:#95bf47}.channel-layout{display:grid;grid-template-columns:minmax(290px,380px) 1fr;grid-gap:22px;gap:22px;align-items:start}.channel-layout>.card{position:-webkit-sticky;position:sticky;top:96px}.channel-layout .section-head{margin-top:0}.connection-state{display:inline-block;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.connection-connected{background:#dcfce7;color:#15803d}.connection-offline{background:#fee2e2;color:#b91c1c}.connection-legacy{background:#fef3c7;color:#b45309}.block-note{display:block;margin-top:5px;color:#64748b}.channel-help{margin-top:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.steps span{padding:15px;border-radius:14px;background:#f8fafc;color:#475569}.steps b{display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;border-radius:9px;background:#635bff;color:#fff}@media(max-width:900px){.top-nav{overflow-x:auto}.top-nav .live{display:none}.channel-layout{grid-template-columns:1fr}.channel-layout>.card{position:static}.steps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.service-grid{grid-template-columns:1fr}.top-nav a{padding:8px;font-size:12px}.steps{grid-template-columns:1fr}}.store-stack{display:grid;grid-gap:16px;gap:16px}.store-manage{margin:0}.store-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.store-manage-head h3{margin:0 0 5px;font-size:18px}.linked-accounts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0}.linked-account-row span,.linked-accounts>span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px}.linked-account-row{display:flex;align-items:center;gap:5px;border-radius:999px;background:#f1f5f9;padding-left:2px}.linked-account-remove{display:inline-flex;margin:0}.linked-remove-button{padding:6px 9px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:11px}.stripe-add{border-top:1px solid var(--line);padding-top:14px}.stripe-add summary{cursor:pointer;color:#4f46e5;font-weight:800;list-style:none}.stripe-add summary::-webkit-details-marker{display:none}.stripe-add form{padding-top:6px}.stripe-add textarea{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #cbd5e1;border-radius:10px;resize:vertical}.store-remove{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.channel-layout-embedded{display:block;max-width:960px;margin:0 auto}.channel-layout-embedded .store-manage{padding:28px}.shopify-master-detail{grid-template-columns:320px minmax(0,1fr)}.shopify-store-sidebar{padding:20px!important;border-top:5px solid #008060}.shopify-store-sidebar h2{margin:5px 0 17px}.shopify-store-list{display:grid;grid-gap:10px;gap:10px}.shopify-store-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:11px;gap:11px;padding:12px;border:1px solid #b7dfd1;border-radius:14px;background:#e9f8f1;color:#0f513b;transition:.18s}.shopify-store-list a.selected,.shopify-store-list a:hover{background:#008060;color:#fff;border-color:#008060;transform:translateX(3px);box-shadow:0 10px 24px #0080602b}.shopify-store-list span{min-width:0}.shopify-store-list b,.shopify-store-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopify-store-list small{margin-top:3px;color:inherit;opacity:.75}.shopify-store-list i{font-size:25px;font-style:normal}.shopify-store-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;background:#95bf47;color:#fff;font-weight:900}.shopify-store-list a.selected .shopify-store-icon{background:#fff;color:#008060}@media(max-width:900px){.shopify-master-detail{grid-template-columns:1fr}.shopify-store-sidebar{position:static!important}.shopify-store-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.woo-master-detail{grid-template-columns:320px minmax(0,1fr)}.woo-store-sidebar{padding:20px!important;border-top:5px solid #7f54b3}.woo-store-sidebar h2{margin:5px 0 17px}.woo-store-list{display:grid;grid-gap:10px;gap:10px}.woo-store-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:11px;gap:11px;padding:12px;border:1px solid #ddcff0;border-radius:14px;background:#f5f0fb;color:#56357b;transition:.18s}.woo-store-list a.selected,.woo-store-list a:hover{background:#7f54b3;color:#fff;border-color:#7f54b3;transform:translateX(3px);box-shadow:0 10px 24px #7f54b32b}.woo-store-list span{min-width:0}.woo-store-list b,.woo-store-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.woo-store-list small{margin-top:3px;color:inherit;opacity:.75}.woo-store-list i{font-size:25px;font-style:normal}.woo-store-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;background:#7f54b3;color:#fff;font-size:11px;font-weight:900}.woo-store-list a.selected .woo-store-icon{background:#fff;color:#7f54b3}.woo-add-store{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.woo-add-store summary{cursor:pointer;color:#7f54b3;font-weight:800}.woo-add-store form{padding-top:8px}@media(max-width:900px){.woo-master-detail{grid-template-columns:1fr}.woo-store-sidebar{position:static!important}.woo-store-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.access-gate{margin-top:20px;padding:20px;border:1px solid #c7d2fe;border-radius:16px;background:#f8faff}.access-gate h3{margin:6px 0}.access-gate p{color:#64748b}.access-gate button{margin-top:12px}.access-code{display:grid;grid-gap:7px;gap:7px;margin:18px 0;padding:16px;border:1px solid #fde68a;border-radius:14px;background:#fff8dc}.access-code span{font-weight:800}.access-code code{padding:10px;border-radius:9px;background:#fff;word-break:break-all}.access-code small{color:#7c6b37}.webhook-preview{display:block;padding:10px;margin:10px 0;border-radius:10px;background:#f1f5f9;overflow-wrap:anywhere;color:#475569}.color-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #0f172a0d}.store-totals{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:18px 0}.store-totals div{padding:12px 8px;border-radius:12px;background:#f8fafc;text-align:center}.store-totals b,.store-totals span{display:block}.store-totals b{font-size:18px}.store-totals span{margin-top:4px;color:#64748b;font-size:10px}.color-form{display:flex;align-items:end;gap:10px;margin:12px 0}.color-form label{margin:0}.color-form input[type=color],.stripe-add input[type=color]{width:54px;height:38px;padding:3px;cursor:pointer}.color-form button{padding:9px 12px}@media(max-width:600px){.store-totals{grid-template-columns:1fr 1fr}}