:root{
 --bg:#08070d;--panel:#11101a;--panel2:#171522;--panel3:#1c1929;--line:#2c2840;
 --text:#f8f7fb;--muted:#a8a3b5;--purple:#b06cff;--purple2:#7a34d8;--green:#36d399;
 --red:#fb7185;--yellow:#fbbf24;--blue:#60a5fa;--shadow:0 24px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -10%,rgba(176,108,255,.15),transparent 32%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--purple);text-transform:uppercase}
.topbar{position:sticky;top:0;z-index:40;height:74px;padding:0 max(22px,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:38px;background:rgba(8,7,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand,.admin-brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em}.brand small{font-size:9px;background:rgba(176,108,255,.16);border:1px solid rgba(176,108,255,.35);padding:3px 6px;border-radius:20px;color:#d8bbff}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),#6d2bc7);box-shadow:0 0 28px rgba(176,108,255,.35);font-weight:900}
.desktop-nav{display:flex;gap:24px;color:#c7c2d0}.desktop-nav a:hover{color:white}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.wallet-pill,.icon-btn,.avatar-btn{border:1px solid var(--line);background:var(--panel2);border-radius:12px;min-height:40px;display:grid;place-items:center}.wallet-pill{padding:0 14px;font-weight:750}.icon-btn{width:42px;position:relative}.avatar-btn{width:42px;background:linear-gradient(145deg,#242033,#171321);font-weight:900}.badge{position:absolute;right:-5px;top:-5px;background:var(--purple);color:white;min-width:18px;height:18px;border-radius:20px;font-size:10px;display:grid;place-items:center;border:2px solid var(--bg)}
.btn{border:1px solid var(--line);background:var(--panel2);color:white;padding:11px 16px;border-radius:12px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,var(--purple),#7b36d8);border-color:transparent;box-shadow:0 10px 30px rgba(176,108,255,.18)}.btn.ghost{background:transparent}.btn.danger{background:#3a151f;border-color:#6b2133;color:#ffb8c4}.btn.success{background:#103629;border-color:#1f6b51;color:#91efc8}.btn.wide{width:100%}.btn.small{padding:8px 11px;border-radius:9px;font-size:13px}
.container{max-width:1220px;margin:0 auto;padding:38px 22px 90px}.hero{min-height:420px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(176,108,255,.11),rgba(255,255,255,.02) 50%,rgba(176,108,255,.06)),var(--panel);box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:68px 64px}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.95;letter-spacing:-.07em;margin:12px 0 20px;max-width:720px}.hero p{font-size:18px;color:#bdb7c8;max-width:580px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-art{min-height:360px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(176,108,255,.18),transparent 48%)}.orb{width:260px;height:260px;border-radius:50%;border:1px solid rgba(176,108,255,.45);box-shadow:0 0 100px rgba(176,108,255,.22),inset 0 0 60px rgba(176,108,255,.1);position:relative}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;inset:24px;border:1px solid rgba(176,108,255,.3)}.orb:after{inset:66px;background:linear-gradient(145deg,#191326,#0c0a11);box-shadow:inset 0 0 45px rgba(176,108,255,.12)}.orb-logo{position:absolute;font-size:54px;font-weight:950;z-index:2;letter-spacing:-.08em;color:white;text-shadow:0 0 35px rgba(176,108,255,.8)}
.searchbar{margin:26px 0;background:var(--panel);border:1px solid var(--line);padding:9px;border-radius:18px;display:flex;gap:10px}.searchbar input{flex:1;background:transparent;border:0;color:white;padding:12px 14px;outline:0}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:42px 0 16px}.section-head h2{font-size:28px;letter-spacing:-.04em;margin:0}.section-head a{color:#caa4ff;font-weight:700}
.grid{display:grid;gap:16px}.category-grid{grid-template-columns:repeat(6,1fr)}.product-grid{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)),var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.category-card{padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.category-card:hover,.product-card:hover{transform:translateY(-2px);border-color:rgba(176,108,255,.45)}.category-icon{width:44px;height:44px;border-radius:13px;background:rgba(176,108,255,.13);display:grid;place-items:center;font-size:20px}.category-card b{font-size:17px}.category-card span{font-size:12px;color:var(--muted)}
.product-card{transition:.2s}.product-cover{aspect-ratio:16/10;background:radial-gradient(circle at 70% 20%,rgba(176,108,255,.26),transparent 34%),linear-gradient(135deg,#151020,#09080d);display:flex;align-items:end;padding:16px;border-bottom:1px solid var(--line)}.product-cover .mini-brand{font-size:12px;color:#d7c8e9}.product-body{padding:17px}.product-body h3{margin:0 0 7px}.price{font-size:19px;font-weight:900}.price small{font-size:12px;color:var(--muted);font-weight:600}.tag{font-size:11px;padding:5px 8px;border-radius:20px;background:rgba(176,108,255,.12);color:#d5b4ff;border:1px solid rgba(176,108,255,.2)}
.auth-shell{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:34px}.auth-card,.setup-card{width:min(470px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card h1,.setup-card h1{letter-spacing:-.04em}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;font-weight:700}.form-stack small{color:var(--muted);font-weight:500}.form-stack input,.form-stack select,.form-stack textarea,.input{width:100%;background:#0c0b12;border:1px solid var(--line);color:white;padding:12px 13px;border-radius:11px;outline:none}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.input:focus{border-color:rgba(176,108,255,.75);box-shadow:0 0 0 3px rgba(176,108,255,.1)}
.alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;border:1px solid}.alert.success{background:#0d2b22;border-color:#1f5947;color:#b7f5de}.alert.error{background:#32151c;border-color:#6a2837;color:#ffc3cf}.setup-body{min-height:100vh;display:grid;place-items:center;padding:30px}.setup-brand{margin-bottom:26px}.setup-note{margin-top:20px;background:#0d0c14;border:1px dashed var(--line);padding:12px;border-radius:10px;color:var(--muted)}
.account-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:18px}.profile-card{padding:24px}.big-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,var(--purple),#4f1e91);display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:18px}.balance-card{padding:24px;background:linear-gradient(135deg,rgba(176,108,255,.11),rgba(255,255,255,.015)),var(--panel)}.balance-card .balance{font-size:42px;font-weight:950;letter-spacing:-.05em}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-card strong{font-size:26px;display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.08em;color:#aaa4b8;text-transform:uppercase;background:#0f0e15}tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase}.status.pending{background:#342a0e;color:#ffd977}.status.completed,.status.approved,.status.available{background:#0c3023;color:#8df0c8}.status.rejected,.status.disabled{background:#35151e;color:#ff9fb0}.status.processing,.status.reserved{background:#12283d;color:#8fc9ff}.status.delivered{background:#24153a;color:#d5b0ff}
.notification-list{display:grid;gap:10px}.notification{padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:15px;display:flex;justify-content:space-between;gap:18px}.notification.unread{border-color:rgba(176,108,255,.35);background:linear-gradient(90deg,rgba(176,108,255,.08),transparent),var(--panel)}
.site-footer{max-width:1220px;margin:0 auto 30px;padding:26px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.site-footer div{display:flex;gap:12px}.site-footer strong{color:white}
.mobile-bottom{display:none}

.admin-body{background:#09090d}.admin-mobile-top{display:none}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:#0c0c12;border-right:1px solid #21202a;padding:20px 15px;z-index:60;overflow:auto}.admin-brand{padding:5px 8px 24px}.admin-brand div{display:grid}.admin-brand small{font-size:9px;color:#8d8799;letter-spacing:.15em}.nav-label{font-size:10px;color:#6f697a;letter-spacing:.15em;margin:17px 10px 7px}.admin-sidebar>a:not(.admin-brand){display:block;padding:10px 12px;border-radius:10px;color:#b9b5c2;font-weight:650;margin-bottom:3px}.admin-sidebar>a.active,.admin-sidebar>a:hover{background:#17151f;color:white}.admin-user{margin-top:26px;border-top:1px solid #201e29;padding:18px 8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-user div{display:grid}.admin-user small{color:#797483}.admin-user>a{font-size:12px;color:#ff91a5}
.admin-main{margin-left:248px;padding:30px;min-height:100vh}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-head h1{font-size:30px;letter-spacing:-.04em;margin:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:19px;background:#111117;border:1px solid #24232c;border-radius:16px}.metric span{color:#908b9a;font-size:12px}.metric strong{font-size:28px;display:block;margin-top:6px}.metric.purple{background:linear-gradient(135deg,rgba(176,108,255,.14),rgba(176,108,255,.02)),#111117}.panel{background:#111117;border:1px solid #24232c;border-radius:18px;padding:20px;margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{margin:0;font-size:18px}.split{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar .input{width:auto;min-width:220px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.codebox{background:#09090d;border:1px solid #292733;border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-word;color:#dcd8e2;max-width:600px}.stock-box{min-height:220px}
.kicker{font-size:11px;color:var(--purple);font-weight:800;letter-spacing:.12em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
hr.sep{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{padding:52px 40px}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){
 .desktop-nav{display:none}.topbar{height:66px;padding:0 14px}.top-actions .wallet-pill{display:none}.top-actions .btn.ghost{display:none}.container{padding:22px 14px 92px}.hero{grid-template-columns:1fr;min-height:auto;border-radius:21px}.hero-copy{padding:38px 24px}.hero h1{font-size:52px}.hero-art{min-height:260px}.orb{width:190px;height:190px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.section-head{margin-top:30px}.account-grid,.split,.two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;height:62px;background:rgba(16,14,23,.94);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;z-index:60;box-shadow:var(--shadow)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:17px}.mobile-bottom span{font-size:10px;color:#aaa4b6}.site-footer{margin-bottom:72px;display:block}.site-footer div{display:grid;gap:2px}
 .admin-sidebar{transform:translateX(-102%);transition:.2s}.nav-open .admin-sidebar{transform:translateX(0)}.admin-main{margin-left:0;padding:18px 14px 80px}.admin-mobile-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #23212c;position:sticky;top:0;background:#0b0b10;z-index:55}.admin-grid{grid-template-columns:1fr 1fr}.admin-head{margin-top:12px}.panel{padding:15px}.toolbar .input{width:100%}
}
@media(max-width:500px){.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-body{padding:13px}.product-cover{padding:12px}.category-grid{gap:10px}.category-card{padding:17px}.hero h1{font-size:44px}.admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.top-actions .btn.primary{padding:9px 11px;font-size:12px}}

.choice-group{display:grid;gap:10px}.choice-title{font-weight:800;color:#d8d3df}.choice-title span{color:var(--purple)}.choice-list{display:flex;gap:9px;flex-wrap:wrap}.choice-btn{background:#0c0b12;color:#e9e6ef;border:1px solid var(--line);border-radius:13px;padding:12px 15px;cursor:pointer;font-weight:800;min-width:92px;text-align:left;transition:.16s}.choice-btn small{display:block;margin-top:4px;color:#aaa3b4}.choice-btn:hover{border-color:rgba(176,108,255,.55);transform:translateY(-1px)}.choice-btn.selected{border-color:var(--purple);background:linear-gradient(135deg,rgba(176,108,255,.18),rgba(176,108,255,.06));box-shadow:0 0 0 3px rgba(176,108,255,.08)}.product-config .form-stack{gap:18px}

.banner-strip{display:grid;gap:14px;margin-bottom:24px}.banner-card{min-height:210px;border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;align-items:center;background:linear-gradient(135deg,rgba(176,108,255,.12),rgba(255,255,255,.02)),var(--panel);overflow:hidden}.banner-card>div{max-width:620px}.banner-card h2{font-size:38px;letter-spacing:-.05em;margin:7px 0 10px}.banner-card p{color:#d6d0dd;max-width:560px}.media-preview{width:100%;max-width:240px;aspect-ratio:16/10;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#0b0a10}.danger-zone{border-color:#5e2432;background:linear-gradient(180deg,rgba(251,113,133,.06),transparent),var(--panel)}.product-mini-list{display:grid;gap:10px}.product-mini-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0d0c13}.delivery-pill{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:800}.delivery-pill.auto{background:#0c3023;color:#8df0c8}.delivery-pill.manual{background:#342a0e;color:#ffd977}
@media(max-width:780px){.banner-card{min-height:180px;padding:24px}.banner-card h2{font-size:30px}}