:root{--bg:#05020a;--bg2:#13051f;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.13);--line:rgba(255,255,255,.15);--gold:#d4af37;--gold2:#fff1a8;--purple:#7a34ff;--pink:#ff4fd8;--text:#fff;--muted:#c5badf;--danger:#ff5d6c;--ok:#52e0a4;--shadow:0 22px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#3a1168 0,#10051d 32%,#05020a 78%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(5,2,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:var(--gold2);font-weight:950;letter-spacing:.08em;cursor:pointer}.mark{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#fff1a8,#d4af37,#7a34ff);color:#16051f;font:900 20px Georgia}.topnav{display:flex;align-items:center;gap:8px;flex:1;overflow:auto}.topnav button,.pill,.btn,.ghost,.cart-top{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:10px 13px;font-weight:850;cursor:pointer;white-space:nowrap}.topnav button:hover,.btn:hover,.ghost:hover,.cart-top:hover{border-color:rgba(255,241,168,.5)}.cart-top{margin-left:auto}.cart-top b,.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--gold);color:#120915;font-weight:950;font-size:12px}.app{max-width:1180px;margin:auto;padding:22px 16px 92px}.hero{min-height:76vh;display:grid;place-items:center;text-align:center}.logoMark{width:96px;height:96px;border-radius:30px;margin:auto;background:linear-gradient(135deg,#fff1a8,#d4af37 42%,#7a34ff);display:grid;place-items:center;color:#17051f;font:900 58px Georgia;box-shadow:0 16px 60px rgba(212,175,55,.15)}h1{font-size:clamp(34px,7vw,78px);line-height:.96;margin:18px 0 10px}h2{margin:0 0 14px}.metal{background:linear-gradient(90deg,#fff8c8,#d4af37,#8c6216,#fff1a8);-webkit-background-clip:text;color:transparent}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.glass,.card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--panel2),rgba(255,255,255,.045));box-shadow:var(--shadow);padding:18px;overflow:hidden}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.field{width:100%;padding:14px 15px;border-radius:18px;border:1px solid var(--line);background:rgba(0,0,0,.28);color:white;outline:none;margin:7px 0}.field:focus{border-color:rgba(212,175,55,.65)}.btn.gold,.gold{background:linear-gradient(135deg,#fff1a8,#d4af37,#8b6418)!important;color:#120915!important;border:0!important}.btn.purple{background:linear-gradient(135deg,#7a34ff,#ff4fd8);border:0}.danger{background:rgba(255,93,108,.15)!important;border-color:rgba(255,93,108,.45)!important}.wide{width:100%}.hidden{display:none!important}.sectionTitle{font-size:24px;font-weight:950;margin:28px 0 12px}.scrollRow{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity}.miniCard{min-width:230px;max-width:270px;scroll-snap-align:start}.productImg{height:160px;border-radius:22px;background:linear-gradient(135deg,#241038,#09020e);display:grid;place-items:center;overflow:hidden;margin-bottom:12px}.productImg img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:8px;overflow:auto;margin:10px 0 16px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:middle}.comment{padding:12px;border-radius:16px;background:rgba(255,255,255,.07);margin:8px 0}.live-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px}.videoBox{min-height:420px;border:1px solid rgba(212,175,55,.35);border-radius:26px;background:radial-gradient(circle at center,rgba(122,52,255,.35),rgba(0,0,0,.45));display:grid;place-items:center;text-align:center;position:relative}.liveBadge{position:absolute;top:16px;left:16px;background:#d91f35;color:white;padding:8px 12px;border-radius:999px;font-weight:950}.chatBox{height:315px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.25);padding:10px}.adminControls button{padding:7px 10px;font-size:12px}.cart-drawer{position:fixed;top:0;right:-420px;width:min(420px,92vw);height:100vh;z-index:100;background:#10051d;border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.45);transition:right .25s ease;display:flex;flex-direction:column;padding:18px}.cart-drawer.open{right:0}.shade{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);display:none}.shade.open{display:block}.drawer-head,.drawer-foot{flex:0 0 auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-body{flex:1;overflow:auto}.toast{position:fixed;left:14px;right:14px;bottom:18px;z-index:120;background:rgba(82,224,164,.14);border:1px solid rgba(82,224,164,.4);border-radius:18px;padding:12px;color:white;display:none}.role{min-height:170px;border-radius:28px;padding:20px;border:1px solid var(--line);cursor:pointer}.client{background:linear-gradient(135deg,rgba(30,144,255,.35),rgba(255,255,255,.08))}.pro{background:linear-gradient(135deg,rgba(255,79,216,.35),rgba(122,52,255,.28))}.owner{background:linear-gradient(135deg,rgba(212,175,55,.42),rgba(0,0,0,.45))}.educator{background:linear-gradient(135deg,rgba(82,224,164,.35),rgba(0,128,128,.22))}.brandRole{background:linear-gradient(135deg,rgba(122,52,255,.4),rgba(212,175,55,.32))}@media(max-width:760px){.topbar{gap:6px;padding:10px}.topnav button,.pill,.btn,.ghost,.cart-top{padding:9px 10px;font-size:12px}.glass,.card{border-radius:22px;padding:15px}.live-stage{grid-template-columns:1fr}.videoBox{min-height:280px}.app{padding-left:12px;padding-right:12px}}

.navspacer{flex:1}
.topnav{width:100%}