@font-face{font-family:Manrope;src:url('/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#101217;--panel:#191d24;--raised:#202630;--line:#2c333e;--ink:#f4f6fa;--muted:#9da8b9;--accent:#b7efd0;--accent-ink:#123323;--shade:#1f382f;--danger:#ff9b9b;--shadow:0 24px 80px #0004}
:root[data-colour=violet]{--accent:#c9b9ff;--accent-ink:#292042;--shade:#302944}:root[data-colour=ocean]{--accent:#9fdcff;--accent-ink:#143446;--shade:#203747}:root[data-colour=rose]{--accent:#ffb8ce;--accent-ink:#482331;--shade:#402b37}:root[data-colour=amber]{--accent:#ffd59b;--accent-ink:#442f16;--shade:#403527}
:root[data-mode=light]{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--raised:#eceff3;--line:#dce1e8;--ink:#1b2432;--muted:#637083;--shade:#e5eee9;--danger:#b22837;--shadow:0 24px 80px #162b4014}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}header{display:flex;align-items:center;padding:18px 4%;gap:22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);width:40px;height:40px;border-radius:13px;font-size:28px}.header-divider{height:24px;width:1px;background:var(--line)}.header-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);height:38px;width:38px;border-radius:12px;display:grid;place-items:center;position:relative}.icon-button:hover{border-color:var(--accent);transform:translateY(-1px)}#badge{position:absolute;right:-4px;top:-5px;font-size:10px;background:var(--accent);color:var(--accent-ink);border-radius:20px;padding:0 5px}.identity{font-weight:700;font-size:12px;padding:0 10px}.shell{max-width:1560px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;padding:34px 4%;min-height:80vh}aside{display:flex;flex-direction:column;gap:6px}aside a{padding:12px 15px;color:var(--muted);display:flex;align-items:center;gap:12px;border-radius:12px;font-size:13px;font-weight:650}aside a:hover,aside a.active{background:var(--panel);color:var(--ink)}aside a.active{box-shadow:inset 3px 0 var(--accent)}.nav-label{font-size:9px;letter-spacing:2px;color:var(--muted);padding:16px 15px 8px}.side-note{margin-top:30px;padding:18px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:12px}.side-note strong{display:block;color:var(--ink);margin-bottom:8px}main{min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3.8vw,48px);line-height:1.17;letter-spacing:-1.8px;font-weight:750;margin-bottom:17px}h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin-bottom:10px}h3{font-size:16px;margin-bottom:8px}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.eyebrow{color:var(--accent);margin-bottom:18px}:root[data-mode=light] .eyebrow{color:var(--accent-ink)}.hero{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:42px;position:relative;overflow:hidden;min-height:280px;display:flex;align-items:center}.hero-copy{max-width:530px;position:relative;z-index:1}.hero p{max-width:380px;color:var(--muted);margin-bottom:24px}.hero h1 span{color:var(--accent)}:root[data-mode=light] .hero h1 span{color:var(--accent-ink)}.hero-art{position:absolute;right:-12px;top:22px;width:290px;height:260px;opacity:.35;transform:rotate(-20deg)}.hero-art div{position:absolute;border:1px solid var(--accent);border-radius:42px;width:190px;height:220px;background:linear-gradient(135deg,var(--shade),transparent);transform:translate(20px,15px)}.hero-art div:nth-child(2){transform:translate(55px,30px) rotate(13deg)}.hero-art div:nth-child(3){transform:translate(85px,45px) rotate(26deg)}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:5px 10px;font-size:10px;font-weight:700;background:var(--panel)}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--shade)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px}.section-head h2{margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.button,.secondary,.danger{border:0;padding:12px 18px;border-radius:11px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--raised);color:var(--ink);border:1px solid var(--line)}.danger{background:var(--raised);color:var(--danger);border:1px solid var(--line)}.button:hover,.secondary:hover{transform:translateY(-2px)}.small{padding:8px 12px;font-size:11px}.full{width:100%}.text-button{border:0;background:none;color:var(--muted);padding:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);transition:transform .25s,border-color .25s;animation:enter .35s ease}.product:hover{transform:translateY(-5px);border-color:var(--accent)}.product-image{aspect-ratio:4/3;background:var(--raised);position:relative;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.product-image>.icon{width:58px;height:58px;color:var(--accent);stroke-width:1}.product-image .pill{position:absolute;top:12px;left:12px}.product-body{padding:20px}.product-body h3{font-size:18px}.product-description{color:var(--muted);font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.product-body .product-description{height:40px;overflow:hidden}.price{font-size:25px;font-weight:800;letter-spacing:-.8px}.price small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0}.product-meta{display:flex;justify-content:space-between;margin:12px 0 20px;font-size:11px;color:var(--muted)}.product-meta span{display:flex;align-items:center;gap:5px}.product-meta .icon{width:14px;height:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.stat strong{display:block;font-size:25px;letter-spacing:-.8px;margin-top:8px}.stat span{font-size:11px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stack>*+*{margin-top:16px}.panel{margin-bottom:20px}.empty{padding:60px 25px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.empty .icon{width:40px;height:40px;margin-bottom:18px}.empty h2{color:var(--ink)}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:12px;width:100%;min-width:0}input[type=checkbox]{width:auto}input[type=range]{padding:0;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{min-height:110px;resize:vertical}label{display:block;font-size:12px;color:var(--muted);margin:16px 0 7px}label:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{margin-top:12px}.search{max-width:240px}.currency-picker{max-width:100px}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--raised)}th,td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}td{max-width:340px;overflow-wrap:anywhere}td small{display:block;color:var(--muted)}.status{font-size:10px;padding:4px 8px;border-radius:7px;display:inline-block;background:var(--raised);white-space:nowrap}.status.completed,.status.authorised{background:var(--accent);color:var(--accent-ink)}.status.banned,.status.rejected{color:var(--danger)}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-row.total{font-size:20px;font-weight:800;border:0}.account{display:flex;gap:10px;align-items:center;background:var(--raised);border-radius:10px;padding:12px;margin:9px 0}.account code{flex:1;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;font-size:12px}.order{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:16px}.order-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.order-head p{margin:3px 0}.order details{margin-top:15px}.order summary{cursor:pointer;color:var(--muted)}.queue{padding:16px;border-radius:12px;background:var(--raised);margin:15px 0}.queue strong{display:block;font-size:22px}.pagination{display:flex;gap:12px;justify-content:center;margin:22px}.popover{position:fixed;right:4%;top:78px;width:285px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px;z-index:30;box-shadow:var(--shadow)}.popover p{font-size:12px;color:var(--muted);margin:4px 0 15px}#swatches{display:flex;gap:10px}.swatch{border:3px solid transparent;border-radius:50%;height:34px;width:34px;background:var(--accent)}.swatch[data-colour=mint]{background:#b7efd0}.swatch[data-colour=violet]{background:#c9b9ff}.swatch[data-colour=ocean]{background:#9fdcff}.swatch[data-colour=rose]{background:#ffb8ce}.swatch[data-colour=amber]{background:#ffd59b}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.notifications{width:min(380px,92vw);max-height:75vh;overflow:auto}.notice{padding:15px 0;border-bottom:1px solid var(--line)}.notice time{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);width:min(560px,94vw);max-height:90vh;padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}dialog[open]{animation:enter .25s ease}.close{position:absolute;right:13px;top:10px;font-size:26px;border:0;color:var(--muted);background:none}.auth-tabs{display:flex;gap:10px;margin:25px 0}.auth-tabs button{flex:1}form>.button{margin-top:20px}.success-mark{height:66px;width:66px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;margin:0 auto 22px;animation:success .55s cubic-bezier(.2,1.5,.4,1)}.success-mark .icon{width:32px;height:32px}.center{text-align:center}#toasts{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(420px,90vw)}.toast{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:18px 22px;box-shadow:var(--shadow);animation:toast .35s ease;font-size:13px}.toast.error{border-left-color:var(--danger)}.toast .icon{color:var(--accent)}.toast.error .icon{color:var(--danger)}.qr{display:block;max-width:260px;max-height:280px;object-fit:contain;background:white;border-radius:12px;margin:18px auto}.proof{width:100%;max-height:500px;object-fit:contain;background:var(--raised);border-radius:12px}.crop-preview{width:100%;aspect-ratio:4/3;display:block;border-radius:14px;background:var(--raised);cursor:grab;touch-action:none}.crop-preview:active{cursor:grabbing}.crop-card{max-width:320px;margin:18px auto}.crop-card canvas{border-radius:0}.update-flash{animation:flash .65s ease}.live-state{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.live-state.offline .dot{background:var(--danger)}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 4%;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.loading{opacity:.65;pointer-events:none}.break{overflow-wrap:anywhere}::view-transition-old(root){animation:fade .35s ease both}::view-transition-new(root){animation:reveal .5s ease both}@keyframes reveal{from{clip-path:circle(0 at 85% 0)}to{clip-path:circle(150% at 85% 0)}}@keyframes fade{to{opacity:0}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes success{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes toast{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes flash{50%{box-shadow:0 0 0 3px var(--accent)}}
@media(min-width:1550px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{gap:24px;grid-template-columns:180px minmax(0,1fr)}.hero-art{right:-120px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.header-label{display:none}}@media(max-width:750px){header{padding:13px 5%;gap:8px}.header-divider,.identity{display:none}.header-actions{gap:6px}.brand{font-size:16px}.brand-mark{width:33px;height:33px;font-size:23px}.icon-button{width:33px;height:33px}.shell{display:block;padding:15px 5% 35px}aside{flex-direction:row;overflow:auto;padding:0 0 18px;gap:5px}aside a{white-space:nowrap;padding:9px 11px;font-size:11px}aside .nav-label,aside .side-note{display:none}aside a .icon{width:16px;height:16px}.hero{padding:28px;min-height:250px}.hero-copy{max-width:320px}.hero-art{opacity:.15}.two-col{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.section-head .search{max-width:100%}.panel{padding:18px}.grid{gap:12px}.product-body{padding:15px}.product-body h3{font-size:15px}.product-meta{flex-direction:column;gap:5px}.price{font-size:22px}.product .button{font-size:11px;padding:11px}.product-image .pill{font-size:8px;top:8px;left:8px}.stat{padding:16px}.stat strong{font-size:22px}dialog{padding:28px 22px}.form-grid{gap:10px}.order-head{flex-wrap:wrap}footer{font-size:10px}}@media(max-width:390px){.grid{grid-template-columns:1fr}#identity .button{font-size:10px;padding:8px}#logout{font-size:10px;padding:7px}.brand{gap:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Liquid glass: paired palettes, reflective surfaces and clear foreground content. */
:root{--bg:#070f1d;--panel:#14263b;--raised:#1c3147;--ink:#f1f8ff;--muted:#aec2d6;--accent:#8af2d2;--accent-ink:#072c2c;--second:#84aaff;--glow-a:#21dba7;--glow-b:#527bff;--line:#c4e5ff2e;--shade:#143d42;--glass:#102439b8;--dialog:#12283bf5;--shadow:0 24px 80px #0005;--glow:0 8px 25px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-colour=violet]{--accent:#d4b6ff;--second:#ff9ccf;--accent-ink:#311547;--glow-a:#8447ff;--glow-b:#f445a3;--shade:#342145;--glass:#281737bd;--dialog:#281c3af7;--bg:#120c20;--panel:#291d39;--raised:#382849}
:root[data-colour=ocean]{--accent:#86e6ff;--second:#a6b7ff;--accent-ink:#0b3043;--glow-a:#00bdd6;--glow-b:#5865ff;--shade:#133e52;--glass:#0e2d45bd;--dialog:#102c42f7;--bg:#071523;--panel:#123148;--raised:#1d3f56}
:root[data-colour=rose]{--accent:#ffc2dc;--second:#ffc4a0;--accent-ink:#482035;--glow-a:#e44399;--glow-b:#f39465;--shade:#432737;--glass:#391e32bd;--dialog:#382236f7;--bg:#1a0d1b;--panel:#392337;--raised:#4a3041}
:root[data-colour=amber]{--accent:#ffdb9e;--second:#ffa5a9;--accent-ink:#49280d;--glow-a:#ee9d2e;--glow-b:#e35f65;--shade:#43301f;--glass:#35251dbd;--dialog:#352820f7;--bg:#190f0e;--panel:#372b23;--raised:#49392e}
:root[data-colour=ice]{--accent:#c4eeff;--second:#d8cbff;--accent-ink:#25394c;--glow-a:#5fbcda;--glow-b:#a185e7;--shade:#23394b;--glass:#202f42bd;--dialog:#213248f7;--bg:#101824;--panel:#26384b;--raised:#31475d}
:root[data-mode=light]{--bg:#edf3fa;--panel:#f8fbff;--raised:#e3ecf6;--ink:#17283d;--muted:#4a6077;--line:#ffffffbe;--glass:#ffffff9e;--dialog:#f4f8fff5;--shade:#dce9ed;--danger:#a91c40;--shadow:0 18px 60px #183b5f18}
:root[data-mode=light][data-colour=violet]{--bg:#f0ebfa;--raised:#eae1f6;--shade:#e9dff3;--dialog:#f9f4fff7}
:root[data-mode=light][data-colour=rose]{--bg:#fbecf1;--raised:#f3e2eb;--shade:#f0dfe6;--dialog:#fff5f9f7}
:root[data-mode=light][data-colour=amber]{--bg:#fbf0e7;--raised:#f4e7d8;--shade:#f2e2d1;--dialog:#fff8eff7}
:root[data-mode=light][data-colour=ocean]{--bg:#e9f3fa;--raised:#dcebf6;--shade:#d4e8f2;--dialog:#f2fbfff7}
body{isolation:isolate;background:var(--bg);letter-spacing:.05px}.glass-atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--glow-a) 16%,transparent),transparent 50%),radial-gradient(ellipse at 90% 85%,color-mix(in srgb,var(--glow-b) 17%,transparent),transparent 55%)}.glass-atmosphere i{position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(85px);opacity:.16;background:var(--glow-a);left:-15%;top:12%;animation:glass-drift 20s ease-in-out infinite alternate}.glass-atmosphere i:nth-child(2){background:var(--glow-b);left:62%;top:30%;animation-delay:-8s}.glass-atmosphere i:nth-child(3){width:25vw;height:25vw;left:35%;top:75%;background:var(--second);opacity:.08;animation-delay:-13s}
header{margin:14px 2% 0;padding:15px 22px;border-radius:24px;top:12px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff35,0 8px 35px #0001}.brand-mark{border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--second));box-shadow:inset 0 1px 1px #fff9,var(--glow)}.header-label{letter-spacing:3px}.shell{padding-top:30px;gap:28px;grid-template-columns:210px minmax(0,1fr)}aside{align-self:start;position:sticky;top:112px;background:var(--glass);border:1px solid var(--line);border-radius:25px;padding:12px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff26,0 15px 45px #0001}aside a{border:1px solid transparent;border-radius:15px;transition:background .25s,border-color .25s,transform .25s}aside a.active{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--second) 8%,transparent));border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:inset 0 1px 0 #ffffff28;color:var(--ink)}aside a:hover{transform:translateX(2px);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-label{padding-top:10px}.side-note{margin:20px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;font-size:10px;overflow-wrap:anywhere}.side-note .icon{width:16px;height:16px;vertical-align:middle}.side-note strong{font-size:12px}
.hero{min-height:310px;border-radius:30px;padding:42px;background:linear-gradient(120deg,color-mix(in srgb,var(--glass) 85%,var(--glow-a)),var(--glass));border:1px solid var(--line);backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 0 #ffffff0d,var(--shadow)}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff13,transparent 40%,#ffffff06);pointer-events:none}.hero h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2px}.hero h1 span{background:linear-gradient(100deg,var(--accent),var(--second));background-clip:text;color:transparent}.hero-art{right:15px;top:45px;opacity:.75;transform:rotate(-15deg);width:240px;height:250px}.hero-art div{width:155px;height:205px;border-radius:32px;background:linear-gradient(140deg,#ffffff35,#ffffff04 45%,color-mix(in srgb,var(--second) 30%,transparent));border:1px solid #ffffff60;backdrop-filter:blur(10px);box-shadow:inset 0 1px 3px #ffffff70,0 25px 50px #0002;animation:glass-float 7s ease-in-out infinite}.hero-art div:nth-child(2){animation-delay:-2s}.hero-art div:nth-child(3){animation-delay:-4s}.hero-copy{max-width:68%}.hero .pill{background:color-mix(in srgb,var(--glass) 80%,transparent);padding:8px 13px;box-shadow:inset 0 1px 0 #fff2}.eyebrow{letter-spacing:2.5px}.section-head{margin-top:32px}
.product,.stat,.panel,.order,.table-wrap{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff38,0 12px 35px #0001;border-radius:23px}.product:hover{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:inset 0 1px 0 #ffffff60,0 15px 40px color-mix(in srgb,var(--glow-a) 15%,transparent);transform:translateY(-6px)}.product-image{background:radial-gradient(ellipse at 30% 10%,color-mix(in srgb,var(--glow-a) 23%,transparent),transparent 70%),linear-gradient(135deg,#ffffff10,color-mix(in srgb,var(--glow-b) 14%,transparent));border-bottom:1px solid var(--line)}.product-image>.icon{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 50%,transparent))}.product-image .pill{backdrop-filter:blur(18px);background:var(--glass)}.stat{position:relative;overflow:hidden}.stat::after{content:'';position:absolute;right:-25px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:var(--accent);filter:blur(40px);opacity:.13}.stat strong{font-size:29px}.panel h3>.icon{vertical-align:middle;margin-right:5px}.table-wrap{border-radius:20px}th{background:color-mix(in srgb,var(--raised) 70%,transparent)}td{border-color:color-mix(in srgb,var(--line) 65%,transparent)}
.button,.secondary,.icon-button,.danger{position:relative;overflow:hidden;border:1px solid #ffffff38;transition:transform .2s,box-shadow .25s,filter .25s}.button{background:linear-gradient(115deg,var(--accent),var(--second));box-shadow:inset 0 1px 1px #ffffffaa,var(--glow);border-radius:15px;min-height:44px}.button::after,.secondary::after{content:'';position:absolute;inset:-100% -100%;background:linear-gradient(110deg,transparent 40%,#ffffff65 50%,transparent 60%);transform:translateX(-65%);pointer-events:none;transition:transform .7s ease}.button:hover::after,.secondary:hover::after{transform:translateX(65%)}.button:hover{box-shadow:inset 0 1px 1px #fffc,0 0 30px color-mix(in srgb,var(--accent) 35%,transparent);filter:brightness(1.08);transform:translateY(-2px)}.button:active,.secondary:active{transform:scale(.97)}.secondary,.icon-button{background:linear-gradient(130deg,#ffffff13,#ffffff04);border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff28;border-radius:13px;backdrop-filter:blur(10px)}.secondary:hover,.icon-button:hover{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent)}.button:disabled{box-shadow:none;filter:none}.small{min-height:34px}.icon-button{flex-shrink:0}.text-button:hover{color:var(--ink)}input,select,textarea{background:color-mix(in srgb,var(--bg) 60%,transparent);border-color:color-mix(in srgb,var(--muted) 32%,transparent);border-radius:13px;box-shadow:inset 0 2px 6px #0001}select option{background:var(--panel);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 12%,transparent)}.account,.queue{background:color-mix(in srgb,var(--raised) 70%,transparent);border:1px solid var(--line);border-radius:15px}
.popover{top:92px;background:var(--dialog);backdrop-filter:blur(30px);border-color:var(--line);border-radius:24px;box-shadow:inset 0 1px 0 #ffffff50,var(--shadow)}#theme-menu{width:330px}#swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.swatch{width:auto;height:auto;border-radius:14px;background:transparent!important;color:var(--ink);border:1px solid var(--line);padding:9px;text-align:left;font-size:11px;display:flex;align-items:center;gap:9px}.swatch-sample{display:block;width:30px;height:30px;border:1px solid #fff7;border-radius:10px;background:linear-gradient(130deg,#8af2d2,#84aaff);box-shadow:inset 0 1px 2px #fff9}.swatch[data-colour=violet] .swatch-sample{background:linear-gradient(130deg,#d4b6ff,#ff9ccf)}.swatch[data-colour=ocean] .swatch-sample{background:linear-gradient(130deg,#86e6ff,#a6b7ff)}.swatch[data-colour=rose] .swatch-sample{background:linear-gradient(130deg,#ffc2dc,#ffc4a0)}.swatch[data-colour=amber] .swatch-sample{background:linear-gradient(130deg,#ffdb9e,#ffa5a9)}.swatch[data-colour=ice] .swatch-sample{background:linear-gradient(130deg,#c4eeff,#d8cbff)}.swatch[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:0;background:color-mix(in srgb,var(--accent) 10%,transparent)!important}
dialog{border-radius:30px;background:var(--dialog);backdrop-filter:blur(30px) saturate(135%);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:inset 0 1px 0 #ffffff65,0 35px 100px #0006;padding:36px;scroll-padding:24px}dialog::backdrop{background:#0209179e;backdrop-filter:blur(10px)}.close{width:32px;height:32px;border-radius:50%;background:#ffffff0b;display:grid;place-items:center;line-height:1;z-index:3}.auth-tabs{padding:5px;border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:6px}.auth-tabs .button,.auth-tabs .secondary{border-radius:13px;box-shadow:none}.dialog-feedback{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:11px;padding:14px 16px;margin:10px 0 22px;border:1px solid #d8697e;border-radius:15px;background:#3a1d2e;color:#ffe7ee;box-shadow:0 8px 20px #0002;font-size:13px;font-weight:650;overflow-wrap:anywhere;animation:enter .2s ease}.dialog-feedback.success{background:#153d34;border-color:#6fbc9f;color:#d6ffed}.dialog-feedback span{min-width:0}.form-error:not(:empty){color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);padding:10px 13px;border-radius:10px;font-weight:650;font-size:12px}.form-error:empty{display:none}:root[data-mode=light] .dialog-feedback.error{background:#fff0f3;color:#8d1837;border-color:#db93a5}:root[data-mode=light] .dialog-feedback.success{background:#e9fff3;color:#176449;border-color:#83bfa1}.toast{background:var(--dialog);backdrop-filter:blur(20px);border-radius:18px}.payment-guide{margin:22px 0}.payment-heading{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1.2px;margin-bottom:20px}.payment-steps{list-style:none;counter-reset:step;padding:0;margin:0}.payment-steps li{counter-increment:step;position:relative;padding:4px 0 20px 39px;color:var(--muted);font-size:13px}.payment-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--second));color:var(--accent-ink);box-shadow:inset 0 1px 0 #fff8;font-size:11px;font-weight:800}.payment-steps li strong{color:var(--ink)}.payment-value{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--raised) 70%,transparent)}.payment-value strong{overflow-wrap:anywhere;font-size:17px;letter-spacing:.5px}.payment-value .small{font-size:10px;flex-shrink:0;padding:7px 10px}.payment-value .icon{width:14px;height:14px}.note-value{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 8%,transparent)}.note-value strong{letter-spacing:2px;font-size:21px}.important{font-size:9px;font-weight:800;color:var(--accent-ink);padding:3px 7px;background:var(--accent);border-radius:5px;margin-left:5px}.payment-expiry{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:13px;font-size:12px}.payment-warning{background:color-mix(in srgb,#ffc46b 10%,transparent);border:1px solid color-mix(in srgb,#ffc46b 35%,transparent);border-radius:14px;padding:14px;font-size:12px;margin-top:12px;color:var(--ink)}footer{border-color:var(--line);background:var(--glass);backdrop-filter:blur(12px)}
@keyframes glass-drift{to{transform:translate(8vw,-5vh) scale(1.1)}}@keyframes glass-float{50%{translate:0 -12px}}
@media(max-width:1100px){.hero-copy{max-width:78%}.hero-art{right:-55px;opacity:.45}.shell{grid-template-columns:185px minmax(0,1fr);gap:22px}}@media(max-width:750px){header{margin:8px 3% 0;top:8px;padding:12px;border-radius:20px;gap:8px}.shell{display:block;padding:18px 4% 30px}.header-label{display:none}aside{position:static;flex-direction:row;overflow:auto;max-width:100%;padding:7px;gap:5px;border-radius:19px;margin-bottom:20px;scrollbar-width:none}aside a{flex-shrink:0;border-radius:13px;padding:11px 12px}aside a.active{box-shadow:inset 0 1px 0 #fff5}aside a:hover{transform:none}.hero{padding:29px;min-height:285px;border-radius:26px}.hero-copy{max-width:100%}.hero-art{right:-110px;opacity:.2;top:45px}.hero h1{font-size:37px}.hero p{max-width:270px}.section-head{gap:12px}.product,.panel,.order{border-radius:20px}.grid{gap:14px}.product-body{padding:16px}.product .button{border-radius:12px}.stat strong{font-size:24px}.popover{top:80px;right:4%}dialog{padding:30px 22px;border-radius:26px;width:min(560px,94vw);max-height:90dvh}.payment-value{padding:10px}.payment-steps li{padding-left:33px}.note-value strong{font-size:18px;letter-spacing:1px}.dialog-feedback{top:0}.header-actions{gap:6px}.brand{gap:8px}.identity{display:none}.glass-atmosphere i{width:90vw;height:90vw}.form-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.glass-atmosphere i,.hero-art div{animation:none}.button::after,.secondary::after{transition:none}.button:hover,.product:hover{transform:none}}@supports not (backdrop-filter:blur(1px)){header,aside,.product,.panel,.stat,.order,.table-wrap{background:var(--panel)}dialog,.popover{background:var(--panel)}}

/* Final storefront details */
.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark .icon{width:26px;height:26px}
.header-wallet{display:flex;align-items:center;gap:12px;margin-left:auto;padding:9px 17px;border:1px solid var(--accent);border-radius:18px;background:var(--shade);color:var(--ink);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff30,0 4px 24px #00000012;transition:transform .2s}
.header-wallet:hover{transform:translateY(-2px)}.header-wallet>.icon{color:var(--accent);width:25px;height:25px}.header-wallet small{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}.wallet-amounts{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.wallet-amounts strong{font-size:16px;font-weight:800;white-space:nowrap}.wallet-amounts i{height:18px;width:1px;background:var(--line)}.header-actions{margin-left:14px}
.floating-bell{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:20px;z-index:40;background:var(--shade);border:1px solid var(--accent);color:var(--ink);box-shadow:0 10px 36px #0003,inset 0 1px 1px #ffffff70;backdrop-filter:blur(24px)}.floating-bell .icon{width:24px;height:24px}.notifications{position:fixed;top:auto;bottom:92px;right:24px;max-height:min(65vh,550px);z-index:45;overflow-y:auto;width:min(380px,calc(100vw - 32px))}#toasts{bottom:94px}
.product-image{position:relative}.sale-label{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);display:inline-flex;gap:7px;align-items:center;padding:8px 13px;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 5px 18px #0003;z-index:2;color:#fff;background:linear-gradient(120deg,#b81844,#dc3f20);border:1px solid #ffffff60}.sale-label .icon{width:15px;height:15px;flex-shrink:0}.sale-gold{background:linear-gradient(120deg,#ffe18a,#ffb743);color:#432600}.sale-violet{background:linear-gradient(120deg,#6232c4,#962d94)}.sale-mint{background:linear-gradient(120deg,#b0f5d5,#65dfc1);color:#064436}.product-image .pill{top:auto;bottom:12px}.sale-preview{min-height:10px;margin:0 0 16px}.sale-preview .sale-label{position:relative;top:auto;left:auto}
h2,h3,.brand,th,label{font-weight:800}h2,h3{line-height:1.3}button,.button{font-weight:750}th{font-size:11px;letter-spacing:.06em;line-height:1.5}td{vertical-align:middle;font-size:13px;line-height:1.65}td strong{font-weight:800}td small{display:block;line-height:1.6;overflow-wrap:anywhere}td .actions{align-items:center;gap:8px;flex-wrap:wrap}td .actions button{min-height:36px;white-space:nowrap}.section-head{align-items:center;gap:16px}.panel h3{display:flex;align-items:center;gap:8px}input,select,textarea{font:inherit;font-weight:500}.stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
footer{align-items:center;gap:24px;padding-right:100px}footer strong{font-weight:800}footer p{font-size:12px;margin:6px 0 0;color:var(--muted)}.whatsapp-contact{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.whatsapp-contact>.icon{width:28px;height:28px;color:#24b76d}.whatsapp-contact small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.whatsapp-contact strong{font-size:14px;letter-spacing:.04em}
[hidden]{display:none!important}
@media(max-width:1100px){.header-label,.header-divider{display:none}.header-wallet{padding:8px 12px}.header-actions{gap:7px}.brand{min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}}
@media(max-width:750px){header{flex-wrap:wrap;gap:10px;padding:12px 14px}.brand{flex:1}.header-actions{margin-left:auto}.header-wallet{order:3;width:100%;margin:0;justify-content:center;padding:9px 12px;border-radius:14px}.header-wallet>span{display:flex;align-items:center;gap:16px}.header-wallet small{margin:0}.wallet-amounts strong{font-size:17px}.floating-bell{right:16px;bottom:18px;width:52px;height:52px}.notifications{right:16px;bottom:82px}footer{align-items:flex-start;flex-direction:column;padding:24px 84px 28px 22px}.brand>span:last-child{max-width:145px}.section-head{align-items:flex-start}.sale-label{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.header-wallet{transition:none}}