/* sellxio — violet on near-black, glass cards */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --pri:#8b5cf6;--pri2:#a78bfa;--bg:#0b0b10;--bg2:#12121a;--card:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.08);--txt:#e7e7ee;--mut:#9a9ab0;--ok:#34d399;--err:#f87171;--warn:#fbbf24;
}
html,body{background:var(--bg);color:var(--txt);font-family:'DM Sans',system-ui,sans-serif;font-size:15px}
a{color:var(--pri2);text-decoration:none}
a:hover{color:#c4b5fd}
h1{font-size:22px;font-weight:700}
h2{font-size:17px;margin:24px 0 12px}
input,select,textarea{background:var(--bg2);border:1px solid var(--line);color:var(--txt);
  border-radius:10px;padding:10px 12px;font:inherit;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pri)}
label{display:block;font-size:13px;color:var(--mut);margin:14px 0 6px}
textarea{min-height:110px;font-family:ui-monospace,monospace;font-size:13px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--mut);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--line)}
td{padding:10px;border-bottom:1px solid var(--line)}
tr:hover td{background:rgba(255,255,255,.02)}
small{color:var(--mut)}
code{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13px}

.btn{display:inline-block;background:var(--pri);color:#fff;border:0;border-radius:10px;
  padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-align:center}
.btn:hover{background:#7c3aed;color:#fff}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}
.btn.sm{padding:6px 12px;font-size:13px}
.btn.danger{background:#dc2626}
.btn.danger:hover{background:#ef4444}
.btn:disabled{opacity:.5;cursor:default}

.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;
  backdrop-filter:blur(8px);margin-bottom:16px}
.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}
.flash.ok{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4);color:var(--ok)}
.flash.err{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.4);color:var(--err)}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;border:1px solid var(--line)}
.pill.ok{color:var(--ok);border-color:rgba(52,211,153,.4)}
.pill.err{color:var(--err);border-color:rgba(248,113,113,.4)}
.pill.warn{color:var(--warn);border-color:rgba(251,191,36,.4)}

/* dashboard layout */
.dash{display:flex;min-height:100vh}
.side{width:230px;flex:none;background:var(--bg2);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}
.brand{font-size:20px;font-weight:800;color:var(--txt)}
.brand span{color:var(--pri)}
.shopsel{margin:14px 0}
.side nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}
.side nav a{color:var(--mut);padding:8px 10px;border-radius:8px;font-size:14px}
.side nav a:hover{color:var(--txt);background:rgba(255,255,255,.04)}
.side nav a.on{color:#fff;background:var(--pri)}
.upgrade{margin-top:10px;display:block;border:1px solid var(--pri);border-radius:12px;
  padding:10px 12px;color:var(--txt);background:rgba(139,92,246,.12)}
.upgrade small{display:block}
.me{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:10px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.memail{font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.mplan{font-size:11px;color:var(--mut)}
.main{flex:1;padding:26px 30px;max-width:1100px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.grid{display:grid;gap:14px}
.grid.c4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.grid.c2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.stat .num{font-size:26px;font-weight:800;margin-top:4px}
.stat .lab{color:var(--mut);font-size:13px}
.mut{color:var(--mut)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.right{margin-left:auto}
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:0}
.tabs a{padding:9px 14px;color:var(--mut);border-bottom:2px solid transparent;font-size:14px}
.tabs a.on{color:var(--txt);border-color:var(--pri)}
.check{display:flex;gap:8px;align-items:center;margin:8px 0}
.check input{width:auto}
.empty{padding:40px;text-align:center;color:var(--mut)}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50;align-items:center;justify-content:center}
.modal.open{display:flex}
.modal .box{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:24px;
  width:560px;max-width:94vw;max-height:88vh;overflow:auto}
.modal .x{float:right;cursor:pointer;color:var(--mut)}
.colorwell{display:flex;gap:8px;align-items:center}
.colorwell input[type=color]{width:44px;height:36px;padding:2px;border-radius:8px}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.swatch{border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}
.swatch.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.swatch .prev{height:44px;border-radius:8px;margin-bottom:8px}
.kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
.kv:last-child{border-bottom:0}
.prog{height:8px;background:var(--bg2);border-radius:99px;overflow:hidden}
.prog>i{display:block;height:100%;background:var(--pri)}
.tgl{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.tgl input{position:absolute;opacity:0}
.tgl i{width:38px;height:22px;background:var(--bg2);border:1px solid var(--line);border-radius:99px;position:relative;transition:.15s}
.tgl i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--mut);border-radius:50%;transition:.15s}
.tgl input:checked+i{background:var(--pri);border-color:var(--pri)}
.tgl input:checked+i:after{left:18px;background:#fff}
.chart{width:100%;height:220px}
.pub{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 480px at 50% 0,rgba(139,92,246,.12),transparent),var(--bg)}
.pubnav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line)}
.pubnav nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600;color:var(--mut)}
.pubnav nav>a:not(.btn){color:var(--mut)}.pubnav nav>a:hover{color:var(--txt)}
.pubbody{flex:1}.pubfoot{padding:32px 24px;text-align:center;color:var(--mut);font-size:12px;border-top:1px solid var(--line)}
.pub .heroLp{padding:100px 20px 82px}.pub .heroLp h1{letter-spacing:-.075em;line-height:1.04}.pub .heroLp p{line-height:1.75}.pub .sec{padding-block:75px}.pub .sec>h2{letter-spacing:-.055em;font-size:clamp(26px,3vw,38px)}.pub .feat .card,.pub .price3 .card{padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .2s,border-color .2s}.pub .feat .card:hover,.pub .price3 .card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.36)}.pub .heroLp .btn{margin:3px}
.dash{background:radial-gradient(ellipse 65% 450px at 95% -100px,rgba(139,92,246,.075),transparent),var(--bg)}
.side{width:248px;padding:25px 15px 18px}.side .brand{font-size:23px;letter-spacing:-.055em;padding:0 10px}.shopsel{margin:25px 0 15px}.shopsel select{background:#1b1a25;padding:11px}.side nav a{padding:9px 13px;font-size:13px;font-weight:600}.side nav a.on{background:rgba(139,92,246,.16);color:#d3c3ff;border:1px solid rgba(139,92,246,.2)}
.main{width:100%;max-width:1320px;padding:34px clamp(20px,3vw,50px)}.main .topbar{margin-bottom:27px}.main .topbar h1{font-size:26px;letter-spacing:-.05em}.main .stat{min-height:120px}.main .stat .num{font-size:30px}.main .card{border-radius:15px}.main .btn{transition:background .2s,transform .2s}.main .btn:hover{transform:translateY(-1px)}
input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--pri2);outline-offset:2px}
@media(max-width:900px){.dash{display:block}.side{position:relative;width:100%;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.side .brand{padding:0}.shopsel{margin:12px 0;max-width:280px}.side nav{display:flex;flex-direction:row;gap:6px;overflow:auto;padding-bottom:4px}.side nav a{white-space:nowrap;font-size:12px;padding:9px 12px}.side nav a:after{content:none}.side .upgrade,.side .me{display:none}.main{padding:22px 18px}.main .grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pubnav{padding:0 18px;min-height:68px}.pubnav nav{gap:10px}.pubnav nav .nav-secondary{display:none}.pub .heroLp{padding:70px 18px}.pub .sec{padding:52px 18px}.main .grid.c2,.main .grid.c4{grid-template-columns:1fr}.main .topbar h1{font-size:23px}.main table{display:block;overflow:auto}.main .tabs{overflow:auto;flex-wrap:nowrap}.main .tabs a{white-space:nowrap}}
:root{--bg:#0a0a13;--bg2:#12121e;--card:#171723;--line:rgba(205,198,255,.11);--txt:#f2f0fb;--mut:#a6a4b8}
html,body{min-height:100%}.dash{background:radial-gradient(ellipse 55% 390px at 86% 0,rgba(90,54,177,.1),transparent),#0a0a13}.dash h1,.dash h2,.dash h3,.dash .brand{font-family:'Space Grotesk',sans-serif}.dash .card{background:linear-gradient(140deg,rgba(255,255,255,.048),rgba(255,255,255,.018));border-color:var(--line);box-shadow:0 12px 35px rgba(0,0,0,.07)}.dash .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 16px;background:#8258f8;border:1px solid #8258f8;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(96,54,229,.17)}.dash .btn:hover{background:#956fff}.dash .btn.ghost{border-color:rgba(205,198,255,.18);background:rgba(255,255,255,.035);box-shadow:none}.dash .btn.ghost:hover{border-color:#9a79ff;background:rgba(154,121,255,.1)}.dash .btn.danger{background:#bd374e;border-color:#bd374e}.dash input,.dash select,.dash textarea{background:#181824;border-color:var(--line)}.dash select option{background:#181824}.dash input:focus,.dash select:focus,.dash textarea:focus{border-color:#aa87ff}.dash table th{padding:15px 13px;color:#9390a7;font-size:10px;font-weight:800;letter-spacing:.12em}.dash table td{padding:15px 13px;color:#d5d3e0}.dash table tr:hover td{background:rgba(167,129,255,.045)}.dash .tabs a{font-size:12px;font-weight:700}.dash .modal .box{background:#191825;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.dash .side{width:257px;flex:none;display:flex;flex-direction:column;padding:24px 15px 17px;background:#10101b;border-right:1px solid var(--line)}.side .brand{display:flex;align-items:center;gap:10px;padding:2px 10px;color:#f6f3ff;font-size:21px;letter-spacing:-.065em}.side .brand>span:last-child{display:block}.side .brand .brand-symbol{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:10px;background:#8558fa;color:white;font-size:22px;font-weight:700;box-shadow:0 4px 20px rgba(133,88,250,.25)}.side .brand small{display:block;margin-top:1px;color:#77738f;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:800;letter-spacing:.19em}.side .brand span span{color:#aa8dff}.dash .shopsel{margin:30px 3px 17px}.shopsel label{margin:0 0 8px 8px;color:#77758c;font-size:9px;font-weight:800;letter-spacing:.15em}.shopsel-field{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid rgba(205,198,255,.13);border-radius:10px;background:#1a1927}.shopsel-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:7px;background:rgba(166,131,255,.17);color:#c3aaff;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700}.shopsel-field select{min-width:0;width:100%;padding:3px 0;background:none;border:0;color:#eeeafa;font-size:12px;font-weight:700;outline:none}.dash .side nav{scrollbar-width:thin;scrollbar-color:#393248 transparent;gap:2px}.side .nav-group{display:block;margin:23px 9px 7px;color:#716e83;font-size:9px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.side .nav-group:first-child{margin-top:4px}.dash .side nav a{display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#9d9aae;font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s,background .2s,border-color .2s}.dash .side nav a:hover{color:#f1edfc;background:rgba(255,255,255,.055)}.dash .side nav a.on{border-color:rgba(159,124,255,.2);background:rgba(139,91,255,.16);color:#dccbff}.nav-symbol{display:grid;place-items:center;width:18px;flex:none;color:#858197;font-size:16px;font-weight:600}.dash .side nav a.on .nav-symbol{color:#bc9dff}.nav-active-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:#a98bff;box-shadow:0 0 9px #a98bff}.dash .upgrade{margin:14px 3px 0;padding:15px;border:1px solid rgba(166,128,255,.28);border-radius:12px;background:radial-gradient(circle at 85% 0,rgba(147,104,251,.26),transparent 70%),#201931;color:#f4efff}.upgrade-glyph{display:grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:9px;background:rgba(169,139,255,.2);color:#c6b0ff}.upgrade b{display:flex;justify-content:space-between;align-items:center;font-size:12px}.upgrade small{margin-top:5px;color:#a69cb9;font-size:10px;line-height:1.5}.dash .me{gap:9px;margin:15px 3px 0;padding:14px 3px 0}.dash .avatar{width:33px;height:33px;flex:none;background:#34294e;color:#d3baff;font-size:12px}.me-info{min-width:0;flex:1}.dash .memail{max-width:146px;color:#e7e2f1;font-size:11px}.dash .mplan{font-size:10px}.logout-link{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:7px;color:#a49fba;transform:rotate(45deg)}
.dash .main{max-width:none;min-width:0;padding:32px clamp(25px,4vw,65px) 85px}.dash .topbar{display:flex;align-items:center;gap:20px;margin-bottom:29px;padding-bottom:24px;border-bottom:1px solid var(--line)}.topbar-title .eyebrow{display:block;margin-bottom:6px;color:#9b80ed;font-size:9px;font-weight:800;letter-spacing:.17em}.dash .topbar h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.05em}.dash .tb-act{display:flex;align-items:center;gap:14px;margin-left:auto}.topbar-status{display:inline-flex;align-items:center;gap:7px;color:#9d9bae;font-size:11px;font-weight:700;white-space:nowrap}.topbar-status i,.welcome-eyebrow i{width:7px;height:7px;border-radius:50%;background:#68d4a5;box-shadow:0 0 12px rgba(104,212,165,.5)}.dash .tb-act .btn{min-height:37px}
.dash-welcome{position:relative;display:flex;align-items:center;min-height:259px;margin-bottom:27px;padding:31px 38px;overflow:hidden;border:1px solid rgba(170,140,255,.3);border-radius:17px;background:radial-gradient(ellipse 55% 100% at 80% 50%,rgba(106,66,204,.3),transparent),linear-gradient(110deg,#231b40,#151324 75%);box-shadow:0 22px 60px rgba(0,0,0,.17)}.welcome-glow{position:absolute;right:6%;top:-100px;width:370px;height:370px;border-radius:50%;background:#6844d9;filter:blur(110px);opacity:.23;pointer-events:none}.welcome-content{position:relative;z-index:1;max-width:560px}.welcome-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c2acf7;font-size:10px;font-weight:800;letter-spacing:.14em}.dash-welcome h2{margin:13px 0 7px;font-size:clamp(30px,3.1vw,43px);line-height:1.13;letter-spacing:-.065em}.dash-welcome h2 span{color:#b99eff}.dash-welcome p{max-width:470px;color:#aaa3c1;font-size:12px;line-height:1.7}.welcome-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.welcome-links .btn{min-height:39px}.welcome-links .btn.ghost{background:rgba(255,255,255,.07)}.welcome-art{position:absolute;top:50%;right:5%;display:grid;place-items:center;width:250px;height:250px;transform:translateY(-50%)}.welcome-orbit{position:absolute;border:1px solid rgba(200,182,255,.21);border-radius:50%}.welcome-orbit.outer{width:98%;height:98%}.welcome-orbit.inner{width:75%;height:75%;border-style:dashed}.welcome-core{display:grid;place-items:center;width:46%;aspect-ratio:1;border:1px solid rgba(214,194,255,.35);border-radius:28%;background:linear-gradient(145deg,#8060d6,#36265e);box-shadow:0 20px 50px rgba(0,0,0,.28);color:white;font-family:'Space Grotesk',sans-serif;font-size:83px;font-weight:700;transform:rotate(-14deg)}
.section-kicker{color:#ae90fa;font-size:9px;font-weight:800;letter-spacing:.16em}.dash-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 16px}.dash-section-heading h2{margin:4px 0 0;font-size:22px;letter-spacing:-.055em}.heading-context{color:#8d899e;font-size:11px}.onboarding{padding:24px 27px;margin-bottom:25px}.onboarding-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.onboarding h3{margin:5px 0 3px;font-size:18px;letter-spacing:-.04em}.onboarding p{color:#9793a9;font-size:11px}.onboarding-fraction{color:#ba9eff;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;white-space:nowrap}.onboarding .prog{height:5px;margin:19px 0 15px;background:#292537}.onboarding .prog>i{border-radius:99px;background:linear-gradient(90deg,#7951e7,#b393ff)}.onboarding-steps{display:flex;flex-wrap:wrap;gap:8px}.onboarding .step{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#aca8ba;font-size:10px;font-weight:700}.onboarding .step:hover{border-color:#916de8}.onboarding .step b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#2e293d;color:#aaa5bd;font-size:10px}.onboarding .step.done b{background:rgba(80,197,143,.16);color:#81d6ac}.onboarding .step.next{border-color:rgba(170,137,255,.4);background:rgba(152,111,255,.09);color:#e7d9ff}.onboarding .step.next b{background:#8258f8;color:white}
.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dash .stat-tile{min-height:147px;margin:0;padding:19px 20px;transition:transform .25s,border-color .25s,box-shadow .25s}.dash .stat-tile:hover{transform:translateY(-4px);border-color:rgba(170,140,255,.36);box-shadow:0 18px 35px rgba(0,0,0,.18)}.stat-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.stat-label{color:#aaa6bb;font-size:11px;font-weight:700}.stat-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;font-size:17px}.stat-icon.purple{background:rgba(155,111,255,.15);color:#b99bff}.stat-icon.blue{background:rgba(95,159,255,.13);color:#95baff}.stat-icon.amber{background:rgba(243,185,96,.12);color:#efbe7e}.stat-icon.green{background:rgba(94,202,148,.12);color:#81d3a8}.stat-number{margin-top:10px;color:#f8f5ff;font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.4vw,33px);font-weight:700;line-height:1.1;letter-spacing:-.065em;white-space:nowrap}.stat-note{margin-top:9px;color:#858197;font-size:10px}.dash-insight-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(255px,1fr);gap:16px;margin-bottom:19px}.dash .insight-card,.dash .snapshot-card{min-width:0;margin:0;padding:24px 26px}.insight-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.insight-head h3,.snapshot-card h3,.panel-head h3{margin:4px 0 2px;font-size:18px;letter-spacing:-.045em}.insight-head p,.snapshot-card>p,.panel-head p{color:#8f8b9f;font-size:11px}.insight-period{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#aca7bf;font-size:10px;white-space:nowrap}.insight-total{margin-top:22px;font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.05em}.insight-total span{margin-left:6px;color:#8d899c;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:0}.chart-frame{display:grid;place-items:center;height:190px;margin-top:2px}.chart-frame .chart{width:100%;height:175px;overflow:visible}.chart-zero{position:relative;background:repeating-linear-gradient(to right,transparent,transparent calc(16.66% - 1px),rgba(255,255,255,.025) 16.66%);border-bottom:1px solid var(--line)}.empty-chart{text-align:center}.empty-chart>span{display:block;color:#9b80ed;font-size:26px}.empty-chart strong{display:block;margin-top:4px;font-size:12px}.empty-chart p{margin-top:4px;color:#858197;font-size:10px}.chart-days{display:flex;justify-content:space-between;padding:7px 4px 0;color:#77738c;font-size:10px}.chart-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:dash-line 1.7s ease-out forwards}.chart-area{opacity:0;animation:dash-area .8s .45s ease forwards}@keyframes dash-line{to{stroke-dashoffset:0}}@keyframes dash-area{to{opacity:1}}.snapshot-card{display:flex;flex-direction:column}.snapshot-card>p{margin:1px 0 17px}.snapshot-rank{display:flex;align-items:center;gap:14px;min-height:84px;margin-bottom:9px;padding:13px;border:1px solid rgba(177,145,255,.18);border-radius:10px;background:rgba(144,104,252,.09)}.rank-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:rgba(157,118,251,.18);color:#c6afff;font-size:21px}.snapshot-rank small{display:block;color:#aaa4be;font-size:10px}.snapshot-rank strong{display:block;margin-top:3px;font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.04em}.snapshot-row{display:flex;justify-content:space-between;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line);color:#9b97ac;font-size:11px}.snapshot-row strong{color:#ece8f8;font-weight:700}.snapshot-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;color:#bba0ff;font-size:11px;font-weight:800}.snapshot-link:hover{color:white}
.dash .recent-orders{margin-bottom:28px;padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;border-bottom:1px solid var(--line)}.panel-link{display:inline-flex;align-items:center;gap:13px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:#ddd1fc;font-size:10px;font-weight:800;white-space:nowrap}.panel-link:hover{border-color:#8d6be0}.table-scroll{overflow:auto}.recent-orders table{min-width:580px}.order-id{color:#a78cff;font-size:11px;font-weight:800}.order-item{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;white-space:nowrap}.order-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:rgba(156,123,246,.16);color:#c4a7ff;font-size:12px}.recent-orders .order-amount{color:#f2f0fb;font-weight:700}.recent-orders .pill{padding:5px 9px;border-radius:6px;font-size:10px;font-weight:700}.recent-orders .pill.ok{border-color:rgba(100,209,153,.19);background:rgba(91,204,149,.08)}.recent-orders .pill.warn{border-color:rgba(244,190,104,.2);background:rgba(244,190,104,.08)}.order-view{color:#b79afa;font-size:17px}.dashboard-empty{padding:42px 16px;text-align:center}.dashboard-empty .empty-mark{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border:1px solid rgba(167,130,255,.22);border-radius:13px;background:rgba(154,112,255,.1);color:#c4aaff;font-size:21px}.dashboard-empty h2,.dashboard-empty h3{margin:0 0 6px;font-size:17px}.dashboard-empty p{margin:0 0 16px;color:#89859b;font-size:11px}.quick-section .dash-section-heading{margin-bottom:15px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-card{position:relative;display:flex;flex-direction:column;min-height:149px;padding:19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(140deg,rgba(255,255,255,.048),rgba(255,255,255,.018));transition:transform .2s,border-color .2s,background .2s}.quick-card:hover{transform:translateY(-4px);border-color:rgba(170,135,255,.42);background:rgba(132,88,248,.09)}.quick-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border:1px solid rgba(176,142,255,.17);border-radius:9px;background:rgba(149,109,255,.1);color:#c4a8ff;font-size:18px}.quick-card strong{color:#f3efff;font-family:'Space Grotesk',sans-serif;font-size:13px}.quick-card small{margin-top:3px;color:#8c889e;font-size:10px;line-height:1.45}.quick-arrow{position:absolute;right:17px;top:22px;color:#9276cc;font-size:17px}
@media(max-width:1200px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dash .side{position:relative;width:100%;height:auto;padding:14px 18px}.side .brand{padding:0}.dash .shopsel{margin:12px 0 7px;max-width:275px}.dash .side nav{flex-direction:row;gap:3px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.side .nav-group{display:none}.dash .side nav a{flex:none;padding:8px 10px;font-size:11px}.nav-symbol{width:15px;font-size:14px}.dash .side .upgrade,.dash .side .me{display:none}.dash .main{padding:24px 20px 65px}.welcome-art{right:0;opacity:.65}.dash-insight-grid{grid-template-columns:1fr 290px}}
@media(max-width:700px){.dash .topbar{margin-bottom:20px}.dash .topbar h1{font-size:21px}.topbar-status{display:none}.dash-welcome{min-height:220px;padding:25px}.welcome-art{right:-95px;opacity:.23}.welcome-content{max-width:440px}.dash-insight-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash .main .grid.c2,.dash .main .grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dash .main{padding:20px 15px 50px}.dash .tb-act .btn{min-height:34px;padding:8px 10px;font-size:10px}.dash .topbar h1{font-size:20px}.topbar-title .eyebrow{font-size:8px}.dash-welcome{padding:25px 20px}.dash-welcome h2{font-size:29px}.welcome-art{display:none}.dash-stats{gap:8px}.dash .stat-tile{min-height:130px;padding:14px}.stat-number{font-size:23px}.stat-label{font-size:10px}.stat-note{font-size:9px}.stat-icon{width:27px;height:27px}.dash .insight-card,.dash .snapshot-card{padding:20px}.panel-head{padding:18px}.quick-grid{gap:9px}.quick-card{padding:14px;min-height:132px}.quick-card small{font-size:9px}.onboarding{padding:19px}.onboarding-steps{flex-direction:column}.onboarding .step{width:100%}.dash .main .grid.c2,.dash .main .grid.c4{grid-template-columns:1fr}}
@keyframes dash-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-core-float{50%{transform:rotate(-14deg) translateY(-8px)}}.dash-welcome{animation:dash-enter .65s ease both}.dash-stats .stat-tile{animation:dash-enter .65s ease both}.dash-stats .stat-tile:nth-child(1){animation-delay:.09s}.dash-stats .stat-tile:nth-child(2){animation-delay:.16s}.dash-stats .stat-tile:nth-child(3){animation-delay:.23s}.dash-stats .stat-tile:nth-child(4){animation-delay:.3s}.dash-insight-grid{animation:dash-enter .7s .25s ease both}.welcome-core{animation:dash-core-float 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.dash *,.dash *:before,.dash *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chart-line{stroke-dashoffset:0}.chart-area{opacity:1}}
.dash .modal{padding:16px;background:rgba(5,4,12,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;overflow:hidden}.dash .modal.open{animation:modal-fade .22s ease both}.dash .modal .box{position:relative;width:min(560px,100%);max-width:100%;max-height:min(850px,calc(100dvh - 32px));margin:auto;padding:28px 30px;overflow:auto;border:1px solid rgba(196,175,255,.21);border-radius:19px;background:linear-gradient(145deg,#1c1a2a,#151520 75%);box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.035);scrollbar-width:thin;scrollbar-color:#514465 transparent;animation:modal-rise .26s cubic-bezier(.2,.7,.2,1) both}.dash .modal .box>h2{margin:0 35px 5px 0;font-size:23px;letter-spacing:-.05em}.dash .modal .box>p.mut{margin:0 30px 20px 0!important;color:#a4a0b5;line-height:1.6;font-size:12px}.dash .modal .box>.x{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.045);color:#a59fbc;font-size:17px;line-height:1;cursor:pointer}.dash .modal .box>.x:hover{border-color:#9b7af5;color:white;background:rgba(139,91,255,.18)}.dash .modal .box label:not(.setting-toggle){font-size:11px;font-weight:700;color:#c3bfd1}.dash .modal .box input:not([type=checkbox]):not([type=radio]),.dash .modal .box select,.dash .modal .box textarea{min-height:42px;border-radius:9px;background:#151420;color:#eeeaf8;font-size:12px;transition:border-color .2s,box-shadow .2s}.dash .modal .box input::placeholder,.dash .modal .box textarea::placeholder{color:#77738e}.dash .modal .box input:not([type=checkbox]):focus,.dash .modal .box select:focus,.dash .modal .box textarea:focus{border-color:#9270ed;box-shadow:0 0 0 3px rgba(153,111,255,.12);outline:none}.dash .modal .box textarea{line-height:1.55}.dash .modal .box>.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:none;padding:24px 30px 19px;border-bottom:1px solid var(--line);background:linear-gradient(140deg,#211b33,#181623)}.modal-eyebrow{color:#b498ff;font-size:9px;font-weight:800;letter-spacing:.16em}.modal-header h2{margin:5px 0 3px;font-size:25px;letter-spacing:-.05em}.modal-header p{margin:0;color:#a4a0b6;font-size:11px;line-height:1.6}.dash .modal .modal-header .x{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.05);color:#aaa4bf;font-size:19px;line-height:1;transition:background .2s,border-color .2s,color .2s}.dash .modal .modal-header .x:hover{border-color:#a584ff;background:rgba(152,112,255,.13);color:white}.dash .modal .product-modal,.dash .modal .stock-modal{display:flex;flex-direction:column;width:min(740px,100%);padding:0;overflow:hidden}.dash .modal .stock-modal{width:min(610px,100%)}.modal .product-form{display:flex;flex:1;flex-direction:column;min-height:0}.modal-scroll{flex:1;min-height:0;overflow:auto;padding:0 30px;scrollbar-width:thin;scrollbar-color:#544865 transparent}.modal .form-section{padding:24px 0 26px;border-bottom:1px solid var(--line)}.modal .form-section:last-child{border-bottom:0}.form-section-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}.form-step{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid rgba(164,128,255,.26);border-radius:9px;background:rgba(151,108,252,.12);color:#bda3ff;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700}.form-section-head h3{margin:0;font-size:15px;letter-spacing:-.04em}.form-section-head h3 small{color:#8d889f;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:0}.form-section-head p{margin:2px 0 0;color:#8d889f;font-size:10px}.modal .form-field{margin:13px 0 0}.modal .form-field label{display:flex;align-items:center;gap:6px;margin:0 0 7px!important}.form-field label small{color:#85809b;font-size:10px;font-weight:500}.required{color:#b795ff}.field-note{display:block;margin-top:6px;color:#8e899e;font-size:10px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .form-field{min-width:0}.upload-field{position:relative;display:flex;align-items:center;gap:13px;min-height:74px;padding:15px;border:1px dashed rgba(183,157,255,.36);border-radius:10px;background:rgba(143,104,246,.055);transition:border-color .2s,background .2s}.upload-field:hover,.upload-field:focus-within{border-color:#aa85ff;background:rgba(143,104,246,.11)}.upload-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid rgba(186,156,255,.23);border-radius:9px;background:rgba(167,127,255,.15);color:#c6adff;font-size:21px}.upload-field strong{display:block;color:#e8e2f7;font-size:11px}.upload-field small{display:block;margin-top:3px;color:#89849c;font-size:10px}.dash .modal .upload-field input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.setting-toggle{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:9px 0!important;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer}.setting-toggle:hover{border-color:rgba(165,128,255,.33)}.setting-copy{display:block;min-width:0}.setting-copy strong{display:block;color:#e8e3f2;font-size:11px}.setting-copy small{display:block;margin-top:3px;color:#8d879e;font-size:10px;font-weight:500}.setting-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:relative;width:37px;height:21px;flex:none;border:1px solid #57516a;border-radius:99px;background:#3b3748;transition:background .2s}.toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#aaa4b8;transition:transform .2s,background .2s}.setting-toggle input:checked+.toggle-track{border-color:#885af5;background:#8258f8}.setting-toggle input:checked+.toggle-track:after{transform:translateX(16px);background:white}.setting-toggle:focus-within{outline:2px solid #aa87ff;outline-offset:2px}.variant-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.8fr) 34px;gap:9px;margin-bottom:8px}.dash .modal .variant-row input{min-width:0}.variant-remove{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#aaa4bd;font-size:18px}.variant-remove:hover{border-color:#d87989;color:#ffacb2}.dash .modal .add-variant{margin-top:3px;box-shadow:none}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;padding:17px 30px;border-top:1px solid var(--line);background:#191723}.modal-footer .row{flex-wrap:nowrap}.modal-footer .btn{white-space:nowrap}.footer-hint{color:#85809b;font-size:10px;line-height:1.4}.stock-intro{display:flex;gap:12px;margin:25px 0 20px;padding:16px;border:1px solid rgba(171,136,255,.19);border-radius:11px;background:rgba(144,104,246,.085)}.stock-intro .lp-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:9px;background:rgba(169,132,255,.15);color:#cbb4ff;font-size:18px}.stock-intro strong{font-size:11px}.stock-intro p{margin:4px 0 0;color:#9993ab;font-size:10px;line-height:1.5}.stock-modal .modal-scroll{padding-bottom:25px}.stock-modal textarea{min-height:220px;font-family:ui-monospace,Consolas,monospace!important}.dash .modal .box>form>.row:last-child{padding-top:16px;border-top:1px solid var(--line)}
@keyframes modal-fade{from{opacity:0}to{opacity:1}}@keyframes modal-rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.dash .modal{padding:8px}.dash .modal .box{max-height:calc(100dvh - 16px);padding:21px 19px}.dash .modal .product-modal,.dash .modal .stock-modal{padding:0}.dash .modal .box>.modal-header{padding:19px}.modal-scroll{padding-inline:19px}.modal-footer{padding:14px 19px}.footer-hint{display:none}.dash .modal .box>.x{top:14px;right:14px}}@media(max-width:430px){.form-grid{grid-template-columns:1fr;gap:0}.modal-header h2{font-size:21px}.modal-footer .row{width:100%;justify-content:flex-end}.dash .modal .box>.modal-header{gap:8px}.variant-row{grid-template-columns:minmax(0,1fr) 90px 30px;gap:5px}.setting-copy small{font-size:9px}}
body.has-modal{overflow:hidden}.dash .modal .compact-modal{display:flex;flex-direction:column;max-height:min(760px,calc(100dvh - 32px));padding:0;overflow:hidden}.dash .modal .modal-form{display:flex;flex:1;flex-direction:column;min-height:0}.dash .modal .compact-modal .modal-scroll{padding-block:9px 24px}.dash .modal .compact-modal .modal-scroll>.row{align-items:end}.dash .modal .compact-modal .modal-scroll .row>div,.dash .modal .compact-modal .modal-scroll .row>input,.dash .modal .compact-modal .modal-scroll .row>select{min-width:0}.dash .modal .compact-modal .modal-scroll>label{margin-top:17px}.dash .modal .compact-modal .check{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02)}.dash .modal .compact-modal .check input{accent-color:#8258f8}.dash .modal .compact-modal .check label{margin:0!important}.dash .modal .compact-modal select[multiple]{min-height:110px}.dash .modal .compact-modal .modal-footer{margin-top:auto}
.theme-studio{display:grid;grid-template-columns:minmax(380px,490px) minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}.dash .theme-editor,.dash .theme-preview{margin:0;padding:0;overflow:hidden;border:1px solid rgba(182,153,255,.19);border-radius:17px;background:#161521}.theme-editor-head,.theme-preview-head{padding:26px 26px 20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 5%,rgba(124,82,233,.12),transparent 57%),#1b1928}.theme-editor-head h2,.theme-preview-head h2{margin:7px 0 4px;font-size:24px;letter-spacing:-.06em}.theme-editor-head p,.theme-preview-head p{margin:0;color:#a9a4bb;font-size:11px;line-height:1.55}.theme-controls{max-height:min(75vh,870px);padding:0 23px;overflow:auto;scrollbar-width:thin;scrollbar-color:#584875 transparent}.theme-control-group{padding:24px 0;border-bottom:1px solid var(--line)}.theme-control-group:last-child{border-bottom:0}.theme-group-heading{margin-bottom:17px}.theme-group-heading>span{color:#a98cfb;font-size:9px;font-weight:800;letter-spacing:.16em}.theme-group-heading h3{margin:4px 0 0;font-size:16px;letter-spacing:-.045em}.theme-group-heading p{margin:3px 0 0;color:#89849c;font-size:10px}.theme-studio .swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-studio .swatch{display:flex;flex-direction:column;min-width:0;min-height:111px;margin:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:#1e1d2a;text-align:left;color:#e9e5f4;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.theme-studio .swatch:hover{transform:translateY(-2px);border-color:rgba(171,138,255,.55)}.theme-studio .swatch.on{border-color:#a282fb;background:#2a203e;box-shadow:0 0 0 1px rgba(155,112,255,.23)}.swatch .prev{position:relative;display:flex;align-items:flex-end;gap:4px;height:51px;flex:none;margin-bottom:8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;background:radial-gradient(circle at 60% 10%,#493474,#12101d 65%)}.swatch .prev span{display:block;width:25%;height:62%;border:1px solid rgba(219,198,255,.22);border-radius:3px;background:rgba(173,132,255,.24)}.swatch .prev span:nth-child(2){height:80%;background:rgba(219,191,255,.18)}.swatch .prev span:nth-child(3){height:45%}.swatch .preset-atelier{background:#231d28}.swatch .preset-atelier span{width:33%;height:100%;border-radius:0;background:#7b6073}.swatch .preset-broadsheet{background:#e5dfcf}.swatch .preset-broadsheet span{width:100%;height:3px;border:0;background:#6e615c}.swatch .preset-bodega{background:repeating-linear-gradient(0deg,#252339,#252339 9px,#514674 10px)}.swatch .preset-marquee{background:linear-gradient(110deg,#5f417d,#191322)}.swatch .preset-kiosk{background:#131923}.swatch .preset-kiosk span{width:33%;height:38%}.theme-studio .swatch b{font-size:11px}.theme-studio .swatch small{display:block;margin-top:2px;color:#858098;font-size:9px;line-height:1.3}.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-color{display:flex;align-items:center;gap:9px;min-width:0;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:9px;background:#1e1c29;cursor:pointer}.theme-color input[type=color]{width:30px;height:30px;min-width:30px;padding:2px;border:1px solid var(--line);border-radius:7px;background:transparent;cursor:pointer}.theme-color span{overflow:hidden;color:#d8d3e5;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.theme-color code{margin-left:auto;padding:0;background:none;border:0;color:#928ba8;font-size:9px}.theme-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.theme-field-grid>div{min-width:0}.theme-studio label{margin:9px 0 5px;color:#bdb7cb;font-size:10px;font-weight:700}.theme-studio select,.theme-studio textarea{min-height:39px;border-color:rgba(197,178,255,.13);background:#1c1b28;font-size:11px}.theme-studio textarea{min-height:110px;padding:12px;resize:vertical;font-family:ui-monospace,Consolas,monospace;line-height:1.5}.theme-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 23px;border-top:1px solid var(--line);background:#1b1927}.theme-editor-actions>span{color:#8e88a2;font-size:9px;line-height:1.4}.theme-editor-actions>div{display:flex;gap:8px;flex:none}.theme-editor-actions .btn{min-height:35px;padding:8px 11px;font-size:10px}.dash .theme-preview{position:sticky;top:18px}.theme-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-live{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(102,209,159,.24);border-radius:99px;color:#9cdfba;font-size:9px;font-weight:800;white-space:nowrap}.preview-live i{width:6px;height:6px;border-radius:50%;background:#66d39f;box-shadow:0 0 8px #66d39f}.theme-preview-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line)}.preview-device-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#11101d}.preview-device-switch button{padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#938ca5;font-size:10px;font-weight:700;cursor:pointer}.preview-device-switch button.on{background:#33264f;color:#e4d9ff}.theme-preview-tools>span{color:#a99fc0;font-size:10px;font-weight:700}.preview-screen{position:relative;height:620px;margin:16px;overflow:hidden;border:1px solid rgba(192,171,255,.24);border-radius:11px;background:repeating-linear-gradient(45deg,#1b1926,#1b1926 10px,#211e2c 10px,#211e2c 20px);box-shadow:inset 0 0 50px rgba(0,0,0,.25)}.preview-stage{position:absolute;top:12px;left:12px;width:1100px;height:1200px;transform-origin:top left;box-shadow:0 18px 55px rgba(0,0,0,.5);transition:left .25s,transform .25s}.preview-stage iframe{display:block;width:1100px;height:1200px;border:0;background:#0b0b10;pointer-events:none}.preview-screen.is-mobile .preview-stage{border:8px solid #302c3e;border-radius:30px;overflow:hidden;background:#0b0b10}.preview-screen.is-mobile iframe{width:390px;height:1100px}.theme-preview-foot{display:flex;justify-content:space-between;gap:12px;padding:0 18px 18px;color:#89839d;font-size:10px}.theme-preview-foot a{color:#c1a9ff;font-weight:700;white-space:nowrap}.theme-preview-foot a:hover{color:white}
@media(max-width:1320px){.theme-studio{grid-template-columns:minmax(330px,400px) minmax(0,1fr)}.theme-studio .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-color-grid{grid-template-columns:1fr}.theme-color code{margin-left:auto}}
@media(max-width:1060px){.theme-studio{display:flex;flex-direction:column}.theme-preview{order:-1;width:100%}.theme-editor{width:100%}.theme-controls{max-height:none}.theme-studio .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview{position:relative!important;top:auto!important}}
@media(max-width:650px){.theme-studio{gap:14px}.theme-editor-head,.theme-preview-head{padding:19px}.theme-editor-head h2,.theme-preview-head h2{font-size:19px}.theme-preview-head{align-items:start}.preview-live{font-size:8px}.theme-studio .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-controls{padding-inline:17px}.theme-field-grid{grid-template-columns:1fr}.preview-screen{height:430px;margin:10px}.theme-preview-foot{flex-wrap:wrap}.theme-editor-actions{padding:15px;flex-wrap:wrap}.theme-editor-actions>span{width:100%}}
@media(prefers-reduced-motion:reduce){.preview-stage{transition:none}}
.settings-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:135px;margin:-4px 0 22px;padding:25px 30px;overflow:hidden;border:1px solid rgba(160,126,255,.22);border-radius:16px;background:radial-gradient(circle at 90% 20%,rgba(131,83,236,.2),transparent 42%),linear-gradient(120deg,#211b35,#151423 75%)}.settings-intro h2{margin:7px 0 4px;font-size:clamp(23px,2.6vw,35px);line-height:1.12;letter-spacing:-.06em}.settings-intro p{max-width:630px;margin:0;color:#a9a3bc;font-size:12px;line-height:1.6}.settings-intro-art{position:absolute;right:65px;top:50%;color:rgba(169,137,255,.23);font-size:124px;line-height:1;transform:translateY(-50%) rotate(-16deg);pointer-events:none}.settings-nav{display:flex;gap:7px;max-width:100%;margin:0 0 26px;padding:7px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#13121e;scrollbar-width:thin;scrollbar-color:#544270 transparent}.settings-nav a{display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 13px;border:1px solid transparent;border-radius:8px;color:#9893aa;font-size:11px;font-weight:700;white-space:nowrap;transition:color .18s,background .18s,border-color .18s}.settings-nav a span{color:#857b9f;font-size:15px}.settings-nav a:hover{background:rgba(255,255,255,.055);color:#f1eaff}.settings-nav a.on{border-color:rgba(169,133,255,.27);background:rgba(149,105,255,.16);color:#ddcfff}.settings-nav a.on span{color:#be9fff}.settings-page{max-width:1050px;min-width:0}.settings-page.settings-theme,.settings-page.settings-storefront,.settings-page.settings-telegram{max-width:none}.settings-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 20px}.settings-section-heading h2{margin:7px 0 4px;font-size:clamp(23px,2.4vw,31px);letter-spacing:-.055em}.settings-section-heading p{margin:0;color:#9a95ad;font-size:12px}.settings-hint{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:#a69db9;font-size:10px;white-space:nowrap}.settings-jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.settings-jump a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#1b1928;color:#b9b0ca;font-size:10px;font-weight:700;transition:background .2s,border-color .2s}.settings-jump a:hover{border-color:#a37dff;background:#2a213c;color:white}.dash .settings-page .settings-panel{margin-bottom:17px;padding:0;overflow:hidden;border:1px solid rgba(205,198,255,.12);border-radius:15px;background:linear-gradient(135deg,#1a1927,#141420 82%)}.settings-panel-head{display:flex;align-items:center;gap:14px;padding:24px 26px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(147,107,247,.055),transparent)}.settings-panel-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid rgba(175,138,255,.25);border-radius:11px;background:rgba(154,110,255,.13);color:#c2a7ff;font-size:20px}.settings-panel-head h3{margin:4px 0 2px;font-size:18px;letter-spacing:-.045em}.settings-panel-head p{margin:0;color:#9892aa;font-size:11px;line-height:1.55}.settings-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:24px}.settings-option,.settings-gateway,.currency-tile{position:relative;display:flex;align-items:center;gap:13px;min-width:0;border:1px solid rgba(205,198,255,.13);border-radius:10px;background:#1d1b29;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.settings-option{min-height:78px;padding:14px 15px}.settings-option:hover,.settings-gateway:hover,.currency-tile:hover{border-color:rgba(178,142,255,.55);transform:translateY(-1px)}.settings-option.is-on,.settings-option:has(input:checked),.settings-gateway.is-on,.settings-gateway:has(input:checked),.currency-tile.is-on,.currency-tile:has(input:checked){border-color:rgba(161,123,255,.46);background:linear-gradient(130deg,rgba(139,91,255,.15),rgba(139,91,255,.045))}.settings-option input[type=checkbox],.settings-bot-enable input,.settings-gateway input,.currency-tile input{position:absolute;width:1px;height:1px;opacity:0}.settings-option:focus-within,.settings-bot-enable:focus-within,.settings-gateway:focus-within,.currency-tile:focus-within{outline:2px solid #ac8bff;outline-offset:2px}.settings-option-copy{display:block;flex:1;min-width:0}.settings-option-copy strong{display:block;color:#eeeaf7;font-size:12px;font-weight:700}.settings-option-copy small{display:block;margin-top:4px;color:#9993ab;font-size:10px;font-weight:500;line-height:1.5}.settings-option-switch{position:relative;display:block;width:38px;height:22px;flex:none;border:1px solid #514a64;border-radius:99px;background:#343044;transition:background .2s,border-color .2s}.settings-option-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#a7a0b8;transition:transform .2s,background .2s}.settings-option input:checked~.settings-option-switch,.settings-bot-enable input:checked~.settings-option-switch{border-color:#986df9;background:#8258f8}.settings-option input:checked~.settings-option-switch:after,.settings-bot-enable input:checked~.settings-option-switch:after{transform:translateX(16px);background:white}.settings-form-body{padding:23px 26px 27px}.settings-form-body>label:not(.settings-bot-enable){display:block;margin:16px 0 7px;color:#c8c2d8;font-size:11px;font-weight:700}.settings-form-body>label:first-child{margin-top:0}.settings-form-body input,.settings-form-body textarea,.settings-form-body select{min-height:42px;border-radius:9px;background:#151521;color:#e9e6f2;font-size:12px}.settings-form-body textarea{line-height:1.6}.settings-form-body input[type=file]{height:auto;padding:10px;border:1px dashed rgba(182,151,255,.34);background:rgba(145,99,255,.045)}.settings-form-body input[type=file]::file-selector-button{margin-right:11px;padding:7px 11px;border:1px solid rgba(178,142,255,.34);border-radius:7px;background:rgba(157,111,255,.18);color:#e0d1ff;font:inherit;cursor:pointer}.settings-form-body input:focus,.settings-form-body textarea:focus,.settings-form-body select:focus{border-color:#a282ff;box-shadow:0 0 0 3px rgba(155,111,255,.1);outline:none}.settings-form-body p{color:#a6a0b7;font-size:12px;line-height:1.65}.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.settings-field-grid>div{min-width:0}.settings-field-grid label{display:block;margin:0 0 7px;color:#c8c2d8;font-size:11px;font-weight:700}.settings-help{display:block;margin-top:7px;color:#90899f;font-size:10px}.settings-logo-preview{display:block;width:66px;height:66px;margin-top:12px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.settings-banner-preview{display:block;width:100%;max-height:180px;margin-top:17px;object-fit:cover;border:1px solid var(--line);border-radius:10px}.settings-address{display:flex;align-items:center;gap:8px}.settings-address>span{flex:none;color:#a49eb7;font-size:11px}.settings-address input{min-width:80px;flex:1}.settings-address .btn{flex:none}.settings-savebar{position:sticky;bottom:15px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px;padding:14px 18px;border:1px solid rgba(178,141,255,.28);border-radius:12px;background:rgba(29,25,43,.96);box-shadow:0 18px 45px rgba(0,0,0,.34);backdrop-filter:blur(15px)}.settings-savebar>span{color:#aaa3bb;font-size:11px}.settings-savebar .btn{white-space:nowrap}.vip-head{display:grid;grid-template-columns:28px 1fr 1fr;gap:10px;margin-bottom:8px;color:#8c859f;font-size:9px;font-weight:800;letter-spacing:.13em}.vip-head span:first-child{grid-column:2}.vip-row{display:grid;grid-template-columns:28px 1fr 1fr;align-items:center;gap:10px;margin:8px 0}.vip-index{color:#9f80f1;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700}.settings-inline-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.settings-inline-action span{color:#9891a8;font-size:10px}
.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card:not(.settings-panel){max-width:1050px;margin-bottom:17px;padding:27px 30px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#1a1927,#141420)}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card>h3{margin:0 0 5px;font-size:19px;letter-spacing:-.04em}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card>p.mut{margin-bottom:19px!important;line-height:1.65;font-size:12px}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card>form>label{margin-top:17px;color:#cbc5da;font-size:11px;font-weight:700}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card>form>input{min-height:43px}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card code{overflow-wrap:anywhere;color:#d0beff}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card .empty{margin-top:14px;border:1px dashed var(--line);border-radius:10px;background:#171624}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card .row>input,.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card .row>select{min-width:0}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card .row{gap:10px}.settings-page:not(.settings-storefront):not(.settings-theme):not(.settings-telegram)>.card .btn{white-space:nowrap}.settings-page .settings-panel{max-width:none!important}.settings-page .settings-panel .settings-panel-head{border-bottom:1px solid var(--line)}.settings-page .settings-panel .settings-form-body{padding:23px 26px 27px}.settings-page .settings-panel .settings-form-body>label{margin:15px 0 7px;font-size:11px;font-weight:700;color:#c9c3d7}.settings-page .settings-panel .settings-form-body>.settings-field-grid:first-child{margin-top:0}.settings-general .settings-panel .settings-form-body{max-width:850px}.settings-payments .settings-panel .settings-form-body{max-width:none}
.settings-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-gateway{min-height:97px;margin:0!important;padding:16px}.gateway-symbol{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid rgba(175,138,255,.2);border-radius:11px;background:rgba(151,112,252,.13);color:#c3a4ff;font-size:19px}.settings-gateway>span:nth-of-type(2){display:block;min-width:0;flex:1}.settings-gateway strong,.currency-tile strong{display:block;color:#f2ecff;font-size:12px}.settings-gateway small,.currency-tile small{display:block;margin-top:4px;color:#908aa2;font-size:10px;line-height:1.45}.gateway-check,.currency-check{display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid var(--line);border-radius:50%;color:transparent;font-size:10px}.settings-gateway:has(input:checked) .gateway-check,.currency-tile:has(input:checked) .currency-check{border-color:#aa83ff;background:#8258f8;color:white}.settings-currency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:23px 26px}.currency-tile{min-height:62px;padding:10px}.currency-symbol{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:rgba(156,117,253,.16);color:#cab5ff;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700}.currency-tile>span:nth-of-type(2){flex:1;min-width:0}.settings-copyline{display:flex;align-items:center;gap:9px}.settings-copyline code{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:#11101b;overflow-wrap:anywhere;color:#ccbbf5;font-size:11px}.settings-copyline .btn{flex:none}
.settings-telegram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-telegram>.settings-section-heading,.settings-telegram>.flash,.settings-telegram>.settings-tg-guide{grid-column:1/-1}.settings-telegram>.card{min-width:0;margin:0!important}.settings-telegram .settings-tg-guide,.settings-telegram .settings-bot-card{padding:0}.settings-tg-guide ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 40px;margin:0;padding:22px 32px 22px 50px;color:#b0aabe;font-size:11px;line-height:1.7}.settings-tg-guide li{padding-left:5px}.settings-tg-guide code,.settings-bot-card code{color:#c9b4fa;overflow-wrap:anywhere}.settings-bot-card .settings-panel-head{min-height:116px}.settings-bot-enable{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0!important;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#201d2c;cursor:pointer}.settings-bot-enable span:first-child{flex:1}.settings-bot-enable strong{display:block;font-size:11px}.settings-bot-enable small{display:block;margin-top:3px;color:#8f89a1;font-size:10px}.settings-bot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.settings-bot-actions small{min-width:0;max-width:100%;color:#8c859e;font-size:9px}.settings-danger>.card{border-color:rgba(245,110,128,.33)!important;background:radial-gradient(circle at 95% 0,rgba(189,53,78,.14),transparent 44%),#1c1721!important}.settings-danger>.card>h3{color:#ff9caa!important}.settings-danger>.card input{width:220px;max-width:100%}.settings-domain>.card>.card,.settings-api>.card>.card{border-color:rgba(164,126,255,.26);background:rgba(144,100,255,.09)}
@media(max-width:1150px){.settings-currency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-telegram{grid-template-columns:1fr}}
@media(max-width:760px){.settings-option-grid,.settings-gateway-grid,.settings-field-grid{grid-template-columns:1fr}.settings-currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tg-guide ol{grid-template-columns:1fr}.settings-intro-art{right:-10px;opacity:.45}.settings-section-heading{align-items:start;flex-direction:column}.settings-hint{display:none}.settings-option-grid{padding:16px}.settings-panel-head{padding:19px}.settings-form-body,.settings-page .settings-panel .settings-form-body{padding:18px}.settings-savebar{bottom:8px}.settings-address{flex-wrap:wrap}.settings-address input{flex-basis:45%}}
@media(max-width:480px){.settings-intro{padding:22px}.settings-intro h2{font-size:24px}.settings-nav{margin-bottom:21px}.settings-option{min-height:72px}.settings-currency-grid{gap:8px;padding:16px}.currency-tile{min-height:56px;padding:8px;gap:7px}.currency-symbol{width:26px;height:26px;font-size:11px}.currency-check{display:none}.settings-savebar{padding:12px}.settings-savebar>span{display:none}.settings-savebar .btn{width:100%}.settings-inline-action{align-items:stretch;flex-direction:column}.vip-row{grid-template-columns:22px 1fr 1fr}.settings-copyline{flex-wrap:wrap}.settings-copyline code{flex-basis:100%}}
.settings-page{margin-inline:auto}.settings-page.settings-storefront{max-width:1240px}.settings-option-copy strong{font-size:13px}.settings-option-copy small{font-size:11px}.settings-panel-head h3{font-size:20px}.settings-panel-head p{font-size:12px}.settings-form-body .settings-gateway input[type=radio],.settings-form-body .settings-bot-enable input[type=checkbox]{min-height:0}
.settings-upgrade{padding:28px;border:1px solid rgba(170,129,255,.25);border-radius:13px;background:radial-gradient(circle at 80% 0,rgba(150,105,255,.18),transparent 50%),#211b30;text-align:center}.settings-upgrade-icon{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 12px;border:1px solid rgba(173,143,255,.3);border-radius:13px;background:rgba(155,110,255,.13);color:#c4adff;font-size:25px}.settings-upgrade h3{margin:0 0 5px;font-size:19px}.settings-upgrade p{max-width:460px;margin:0 auto 18px;color:#aaa3ba;font-size:12px}.settings-upgrade strong{color:#e2d7ff}.settings-field-action{display:flex;align-items:center;gap:10px}.settings-field-action input{min-width:0;flex:1}.settings-field-action .btn{flex:none}.settings-dns{margin-top:20px;padding:20px;border:1px solid rgba(173,140,255,.2);border-radius:10px;background:rgba(145,110,255,.07)}.settings-dns h3{margin:5px 0;font-size:16px}.settings-dns p{line-height:1.65}.settings-dns form{display:flex;align-items:center;gap:12px;margin-top:13px}.settings-notice{margin-bottom:17px;padding:14px 17px;border:1px solid rgba(174,141,255,.22);border-radius:9px;background:rgba(138,101,247,.08);color:#bab2cb;font-size:11px;line-height:1.65}.settings-notice b{color:#e4d8ff}.settings-team-invite{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,.8fr) auto;align-items:end;gap:12px;margin-bottom:17px}.settings-team-invite>div{min-width:0}.settings-team-invite label{display:block;margin:0 0 7px;color:#c9c3d7;font-size:11px;font-weight:700}.settings-table-wrap{overflow:auto;padding:6px 20px 20px}.settings-table-wrap table{min-width:560px}.settings-danger-panel{border-color:rgba(246,106,129,.34)!important;background:radial-gradient(circle at 90% 0,rgba(189,53,78,.1),transparent 55%),#191520!important}.settings-danger-panel .settings-panel-icon{border-color:rgba(244,126,145,.25);background:rgba(197,65,86,.16);color:#ffa0af}.settings-danger-panel .section-kicker,.settings-danger-panel h3{color:#ffa0af}.settings-danger-warning{margin-bottom:23px;padding:19px;border:1px solid rgba(244,126,145,.22);border-radius:10px;background:rgba(169,53,72,.08)}.settings-danger-warning strong{color:#ffa0af;font-size:12px}.settings-danger-warning p{margin:5px 0 0;color:#aaa1ae;font-size:11px}.settings-danger-panel .btn.danger{box-shadow:none}
@media(max-width:760px){.settings-team-invite{grid-template-columns:1fr}.settings-field-action{flex-wrap:wrap}.settings-field-action input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.dash .modal.open,.dash .modal .box{animation:none}}

/* Keep action cells as table cells and avoid tall wrapped controls on mobile. */
.dash table td.row { display:table-cell; white-space:nowrap; }
.dash table td.row > a,.dash table td.row > form { display:inline-block; margin:2px; }
@media(max-width:600px){.dash table th,.dash table td{white-space:nowrap}.dash table td:first-child{white-space:normal;min-width:130px}}
/* Wide data tables scroll inside their card at every breakpoint. */
.main{min-width:0}.main .card:has(>table){max-width:100%;overflow-x:auto}
@media(max-width:600px){.main .card>table{display:table}}
/* Public product discovery and shared subscription benefits. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pubnav .nav-discover{color:#c2adff!important}.pubnav .nav-discover[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.discover-page{background:radial-gradient(ellipse 70% 420px at 50% 0,rgba(112,70,220,.16),transparent),#0b0b15;padding:0 max(28px,calc((100% - 1200px)/2)) 80px}
.discover-hero{text-align:center;max-width:780px;margin:auto;padding:84px 0 60px}
.discover-eyebrow{color:#b6a1ff;font-size:11px;font-weight:800;letter-spacing:.16em}
.discover-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5.5vw,72px);letter-spacing:-.06em;line-height:1.08;margin:20px 0}
.discover-hero h1 span{background:linear-gradient(110deg,#e5daff,#a887ff);background-clip:text;color:transparent}
.discover-hero>p{color:#aaa7bf;font-size:16px;line-height:1.8;margin:0}
.discover-search{display:flex;gap:10px;padding:8px;border:1px solid #393047;border-radius:14px;background:#171420;max-width:600px;margin:30px auto 0}
.discover-search input{min-width:0;flex:1;border:0;background:transparent;color:#f8f5ff;padding:10px 14px;margin:0;box-shadow:none}
.discover-search .btn{flex:none;border-radius:9px}
.discover-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.discover-section-heading>div{min-width:0;overflow-wrap:anywhere}
.discover-search:focus-within{outline:2px solid #a785ee;outline-offset:3px}
.discover-section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:-.04em;margin:0 0 8px}
.discover-section-heading p{color:#aaa7bf;font-size:13px;line-height:1.7;margin:0}
.discover-section-heading>a{flex:none;font-size:13px;color:#c7b4ff}.lp-discover .discover-section-heading h2{font-size:clamp(35px,4.5vw,60px);margin:16px 0}.lp-discover{border-bottom:1px solid var(--lp-line)}
.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.discover-card{min-width:0;border:1px solid #302a42;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#1c182a,#13121e);transition:border-color .2s,transform .2s}
.discover-card:hover{border-color:#8665c6;transform:translateY(-4px)}
.discover-product-link{display:block;height:100%;color:inherit;text-decoration:none}.discover-product-link:focus-visible{outline:3px solid #bba0ff;outline-offset:-4px;border-radius:17px}
.discover-art{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 25% 0,rgba(181,133,255,.25),transparent 60%),linear-gradient(130deg,#29203d,#191525)}
.discover-card:nth-child(3n+2) .discover-art{background:radial-gradient(ellipse at 75% 15%,rgba(109,118,229,.3),transparent 60%),#18192d}
.discover-card:nth-child(3n+3) .discover-art{background:radial-gradient(ellipse at 30% 20%,rgba(128,101,181,.3),transparent 60%),#241b2c}
.discover-art-glyph{display:grid;place-items:center;width:76px;height:76px;border:1px solid #b497ff44;border-radius:24px;color:#c9b5ff;font-size:58px;transform:rotate(-8deg);box-shadow:0 12px 40px #0003}
.discover-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.discover-art img[hidden]{display:none}
.discover-badge{position:absolute;top:15px;left:15px;border:1px solid #c7b1ff38;border-radius:20px;background:#171123dc;padding:5px 10px;color:#e5d8ff;font-size:10px;font-weight:700;letter-spacing:.04em}
.discover-card-body{padding:22px}.discover-shop{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa4bd;font-size:12px}
.discover-card .discover-card-body h3{font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.35;letter-spacing:-.03em;margin:9px 0 24px;overflow-wrap:anywhere}
.discover-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.discover-price{font-size:20px;font-weight:700;overflow-wrap:anywhere}.discover-price small{color:#aaa4bd;font-size:11px;font-weight:500}.discover-open{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #453755;border-radius:50%;color:#d4bbff}
.discover-empty{text-align:center;padding:55px 24px;border:1px dashed #423351;border-radius:18px;background:radial-gradient(ellipse at top,#26203780,transparent);color:#aea8c1}.discover-empty>span{display:block;color:#c8adff;font-size:48px}.discover-empty h3{color:#eee9fa;font-size:24px;margin:12px 0!important}.discover-empty p{max-width:580px;margin:0 auto 24px!important;line-height:1.8;font-size:14px}
.discover-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:34px 0}.discover-pagination>span{font-size:13px;color:#aaa4bd}
.discover-seller{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:75px;padding:36px;border:1px solid #423257;border-radius:18px;background:linear-gradient(115deg,#22192f,#161320)}.discover-seller h2{font-size:27px;letter-spacing:-.04em;margin:12px 0}.discover-seller p{color:#b2a8c4;font-size:13px;line-height:1.8;margin:0}.discover-seller .btn{flex:none}
.plan-discovery{padding:16px;margin:0 0 24px;border:1px solid #a983ff3b;border-radius:12px;background:#9766ff0c}.plan-discovery strong{display:block;color:#ddccff;font-size:13px;line-height:1.5}.plan-discovery p,.lp .plan-discovery p{color:#aaa3bd;font-size:12px;line-height:1.7;margin:7px 0 0}
.lp-plan .plan-discovery{min-height:160px}
@media(max-width:700px){.lp-plan .plan-discovery{min-height:0}}
.billing-plans{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.billing-plans>.card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px}.billing-plans ul{flex:1;padding:0;margin:0 0 24px}.billing-plans .plan-discovery{margin-top:10px;min-height:170px}.billing-plans .pill{position:absolute;top:-12px;left:24px}.billing-plans>.card>h3{font-size:22px;margin-bottom:6px}.billing-plans>.card>.mut{min-height:40px;font-size:12px;line-height:1.6}.billing-plans .num small{font-size:13px;font-weight:500;margin-left:5px}
@media(max-width:1000px){.pubnav nav{gap:15px}.pubnav nav .nav-secondary{display:none}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plans{grid-template-columns:1fr}.billing-plans .plan-discovery{min-height:0}}
@media(max-width:600px){.pubnav{flex-wrap:wrap;justify-content:center;padding:16px 18px;gap:12px}.pubnav nav{justify-content:center;flex-wrap:wrap;gap:12px;width:100%;font-size:12px}.pubnav .btn{padding:9px 12px}.discover-page{padding:0 18px 50px}.discover-hero{padding:55px 0 40px}.discover-hero>p{font-size:14px}.discover-section-heading{align-items:start;flex-direction:column;gap:18px}.discover-section-heading h2{font-size:23px}.discover-grid{grid-template-columns:1fr;gap:18px}.discover-card-body{padding:20px}.discover-search{gap:4px;padding:6px}.discover-search input{padding:9px 6px;font-size:12px}.discover-search .btn{font-size:12px;padding:10px}.discover-seller{flex-direction:column;align-items:start;padding:24px;margin-top:40px}.discover-seller h2{font-size:24px}.lp-bottom nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.discover-card{transition:none}.discover-card:hover{transform:none}}
/* Seven-day, explicitly labelled paid homepage placements. */
.slot-number{position:absolute;right:16px;top:18px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#d9c7fa}
.spotlight-card .discover-art picture{display:contents}.spotlight-card .slot-description{font-size:12px;color:#aaa3bd;line-height:1.7;margin:-12px 0 24px}.slot-action{font-size:11px;font-weight:700;color:#c5acff;white-space:nowrap}.spotlight-card .discover-price{font-size:23px}.spotlight-card .discover-price small{display:block;margin-top:3px}
.lp .spotlight-section-note{max-width:760px;margin:26px auto 0;color:#938aa6;font-size:12px;text-align:center;line-height:1.8}
.spotlight-page{max-width:1200px;width:calc(100% - 56px);margin:0 auto;padding:35px 0 75px}.spotlight-back{font-size:12px;color:#aaa0bc}.spotlight-heading{padding:40px 0 48px;text-align:center}.spotlight-heading h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,5vw,62px);line-height:1.12;letter-spacing:-.06em;margin:17px 0}.spotlight-heading h1 span{color:#b396fc}.spotlight-heading p{font-size:14px;color:#a8a0b9;line-height:1.8}
.spotlight-purchase{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.spotlight-preview,.spotlight-checkout{overflow:hidden;border:1px solid #393047;border-radius:18px;background:linear-gradient(140deg,#1b1627,#111019)}.spotlight-preview>.discover-art{aspect-ratio:16/10}.spotlight-preview>div:last-child{padding:30px}.spotlight-preview h2{font-size:27px;letter-spacing:-.04em;margin:12px 0}.spotlight-preview p{color:#aaa1ba;font-size:13px;line-height:1.8}
.spotlight-checkout{padding:30px}.slot-status{display:inline-block;color:#b9e2ce;font-size:10px;font-weight:700;letter-spacing:.06em;padding:6px 10px;border:1px solid #74b6963b;border-radius:20px;background:#67bf9910}.spotlight-checkout h2{font-size:26px;margin:18px 0 8px;letter-spacing:-.04em}.spotlight-cost{font-size:44px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.05em}.spotlight-cost small{display:block;color:#a99fb9;font-size:12px;letter-spacing:0;font-weight:400;margin-top:3px}.spotlight-perks{list-style:none;padding:22px 0;margin:18px 0;border-block:1px solid #b9a0ea20;display:grid;gap:11px}.spotlight-perks li{color:#cbc2db;font-size:13px;line-height:1.6}.spotlight-perks li:before{content:'✓';color:#b294f1;margin-right:10px}.spotlight-fine{color:#a69cb6;font-size:12px;line-height:1.8;margin:16px 0}.spotlight-checkout .btn{width:100%;margin-top:18px;padding:14px}.spotlight-checkout select{font-size:13px;margin-top:8px}
.spotlight-options,.spotlight-history{margin-top:50px}.spotlight-options h2,.spotlight-history h2{font-size:24px;letter-spacing:-.04em}.spotlight-options>p{color:#a69cb6;font-size:13px;line-height:1.8}.spotlight-slot-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px}.spotlight-slot-list>a{padding:20px;border:1px solid #342b44;border-radius:12px;background:#16121e;color:#a69bb9;display:grid;gap:8px}.spotlight-slot-list>a[aria-current]{border-color:#a37be4;background:#241a37}.spotlight-slot-list>a>span{font-size:12px}.spotlight-slot-list strong{color:#f0e8fc;font-size:20px}.spotlight-slot-list small{font-size:10px;color:#b29fc9}.spotlight-history .table-wrap{overflow:auto}.spotlight-history td{font-size:12px}
@media(max-width:900px){.spotlight-purchase{grid-template-columns:1fr}.spotlight-preview{max-width:600px;width:100%;margin:auto}.spotlight-slot-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.spotlight-page{width:calc(100% - 36px)}.spotlight-heading{padding:30px 0}.spotlight-preview>div:last-child,.spotlight-checkout{padding:22px}.spotlight-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-slot-list>a{padding:16px}.spotlight-heading h1{font-size:38px}.spotlight-card .discover-card-bottom{align-items:end}}
.spotlight-purchase{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-preview,.spotlight-checkout{min-width:0}.spotlight-checkout select{min-width:0}
@media(max-width:900px){.spotlight-purchase{grid-template-columns:1fr}}
.spotlight-card{display:flex;flex-direction:column}.spotlight-card>.discover-product-link{height:auto;flex:1}.slot-book-next{padding:18px 22px;border-top:1px solid #a680df25;background:#a075ec08}.slot-book-next .btn{width:100%;font-size:13px}.slot-book-next>small{display:block;text-align:center;margin-top:9px;color:#b0a4c4;font-size:11px}.slot-schedule{margin-top:22px;padding:16px;border:1px solid #a47ed238;border-radius:12px;background:#a075ec09;font-size:12px;color:#c6b6df}.slot-schedule p{margin-top:9px;line-height:1.8;color:#aaa0bc}.slot-edit{padding:20px;margin-top:16px;border:1px solid #3c304d;border-radius:12px}.slot-edit summary{cursor:pointer;color:#cab7e6;font-size:13px}.slot-edit .btn{margin-top:14px}
/* An adjustable, readable preview instead of a fixed-size miniature. */
.theme-preview .preview-screen{height:720px;min-height:360px;max-height:1200px;resize:vertical;overflow:auto}
.theme-preview .preview-stage iframe{pointer-events:auto}
.preview-size-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line)}
.preview-size-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:var(--mut)}
.preview-size-controls input[type=range]{width:130px;padding:0;min-height:0;accent-color:#a588ed}
.preview-size-controls output{min-width:48px;font-size:10px}.preview-size-controls select{width:auto;min-height:32px;padding:5px 8px}
.preview-size-controls .btn{margin-left:auto}
body.theme-preview-expanded{overflow:hidden}
.dash .theme-preview.is-expanded{position:fixed!important;inset:16px!important;z-index:200;width:auto;margin:0;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #08070ddb}
.theme-preview.is-expanded .preview-screen{flex:1;min-height:0;max-height:none!important;height:auto!important;resize:none}
.theme-preview.is-expanded .theme-preview-head{padding-block:14px}
@media(max-width:650px){.preview-size-controls{padding:12px}.preview-size-controls input[type=range]{width:80px}.dash .theme-preview.is-expanded{inset:6px!important}.theme-preview.is-expanded .theme-preview-head p,.theme-preview.is-expanded .preview-live{display:none}}

/* Shared public footer, based on the supplied four-column reference. */
.platform-footer{border-top:1px solid #ffffff0d;padding:65px max(24px,calc((100% - 1200px)/2)) 24px;background:radial-gradient(ellipse at 10% 0,#7c4ef909,transparent 60%),#0b0a12;color:#9994ab}
.platform-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}.platform-footer .brand{display:inline-flex;align-items:center;gap:0;font-size:21px;color:#f5f3fc;text-decoration:none}.footer-emblem{display:inline-grid;place-items:center;background:linear-gradient(145deg,#ac83ff,#7135ec);box-shadow:0 8px 24px #8352fa30;border-radius:12px;width:37px;height:37px;margin-right:10px;color:white;font-size:25px}.platform-footer-intro p{font-size:13px;line-height:1.8;margin:20px 0}.platform-footer a{color:#9e98b0;text-decoration:none;font-size:13px;transition:color .18s}.platform-footer a:hover{color:#d6c3ff}.platform-footer a:focus-visible{outline:2px solid #bda1ff;outline-offset:5px;border-radius:3px}.platform-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.platform-footer h2{color:#efedf8;font-size:13px;margin:2px 0 7px}.platform-footer .footer-explore{color:#c4adff;font-size:12px}.platform-footer-bottom{border-top:1px solid #ffffff0b;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.platform-footer-bottom a{font-size:12px}.info-page{max-width:900px;margin:auto;padding:60px 24px 90px}.info-back{display:inline-block;margin-bottom:35px;color:#bca5fa}.info-page header{padding-bottom:32px;border-bottom:1px solid #ffffff12;margin-bottom:32px}.info-page h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.05em;line-height:1.1;margin-top:16px}.info-page section{margin:30px 0}.info-page h2{font-size:20px}.info-page p{color:#a8a2bb;line-height:1.9;max-width:740px}.info-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.info-draft{padding:16px 20px;background:#a783ff12;border:1px solid #a783ff30;border-radius:12px;color:#cfbaff;font-size:13px;line-height:1.7}
@media(max-width:800px){.platform-footer-grid{grid-template-columns:repeat(3,1fr);gap:32px}.platform-footer-intro{grid-column:1/-1}}
@media(max-width:480px){.platform-footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.platform-footer-bottom{flex-direction:column}.platform-footer{padding-top:40px}.platform-footer nav{gap:16px}}
.lp-telegram-art{padding-bottom:62px!important}.lp-chat-typing{position:absolute;bottom:22px;left:36px;display:flex;align-items:center;gap:5px;color:#9c94b2;font-size:10px}.lp-chat-typing[hidden]{display:none}.lp-chat-typing i{width:4px;height:4px;border-radius:50%;background:#bda2ff;animation:chat-typing 1s infinite}.lp-chat-typing i:nth-child(2){animation-delay:.15s}.lp-chat-typing i:nth-child(3){animation-delay:.3s}.lp-chat-typing span{margin-left:7px}@keyframes chat-typing{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.lp-chat-typing{display:none}}
.lp .lp-dashboard{transform-origin:center 65%;transition:transform 180ms ease-out;backface-visibility:hidden}.lp .lp-stage{perspective:1600px}@media(prefers-reduced-motion:reduce){.lp .lp-dashboard{transform:none!important;transition:none}}
.lp .lp-dashboard{animation-fill-mode:backwards}
.discover-demo-notice{max-width:1200px;margin:0 auto 48px;padding:32px;border:1px solid #a98bff33;border-radius:20px;background:radial-gradient(ellipse at right top,#8754ee20,transparent 70%),#151220}.discover-demo-notice>span{font-size:10px;letter-spacing:.18em;color:#bda3ff;font-weight:800}.discover-demo-notice h2{margin:12px 0;font-size:clamp(23px,3vw,32px);letter-spacing:-.03em}.discover-demo-notice p{color:#ada4bd;font-size:14px;line-height:1.8;max-width:820px;margin-bottom:20px}.discover-demo-notice small{display:block;font-size:11px;color:#91889e;margin-top:14px}.discover-demo-notice strong{color:#e1d5ff}.discover-demo-notice .btn{white-space:normal;text-align:center}
.spotlight-grid .slot-price-row{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-top:23px;flex-wrap:wrap}.spotlight-grid .slot-price-row .discover-price{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:750}.slot-duration{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #b695ff30;border-radius:8px;background:#b695ff0d;padding:7px 10px;color:#c5b4e7;font-size:11px;line-height:1;font-weight:600;letter-spacing:.01em}.slot-duration>span{font-size:14px;color:#b89aed}.slot-description{min-height:38px}
