@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#000000;--panel:#0b0b0f;--panel2:#121218;--line:#24202e;--text:#f4f1fa;--muted:#9d97ab;--green:#c4a6ff;--green2:#9d6bff;--red:#ff8fa3;--gold:#e8d49a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#2a1650 0,transparent 45%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1080px)/2));border-bottom:1px solid #ffffff12;background:#000000cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:700}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#c4a6ff,#7c3aed);box-shadow:0 0 22px #9d6bff55}.shell{max-width:1080px;margin:auto;padding:46px 22px 30px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:165px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--green2);margin:0 0 10px}.hero h1{font:800 clamp(32px,5vw,48px)/1.06 Manrope;margin:0;letter-spacing:-.05em}.muted{color:var(--muted)}.hero p.muted{margin:12px 0 0}.hero-dot{width:108px;height:108px;border-radius:36px;background:linear-gradient(145deg,#c4a6ff,#6d28d9);box-shadow:0 15px 55px #9d6bff40;transform:rotate(12deg);position:relative}.hero-dot:before,.hero-dot:after{content:"";position:absolute;background:#1a0b33;border-radius:50%;width:18px;height:18px;top:26px;left:28px;box-shadow:34px 20px 0 #1a0b33,10px 48px 0 #1a0b33}.cash-card{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border:1px solid #7c3aed66;border-radius:22px;background:linear-gradient(110deg,#1a0f2e,#0b0b0f);margin:15px 0 42px;box-shadow:0 15px 50px #0002}.cash-value{font:800 clamp(32px,5vw,42px) Manrope;letter-spacing:-.04em}.cash-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#c4a6ff1a;color:var(--green);font:700 25px Manrope}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-head h2,.modal h2{font:700 25px Manrope;letter-spacing:-.03em;margin:0}.tiny{font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{border:1px solid var(--line);background:linear-gradient(160deg,#111017,#08080b);border-radius:20px;padding:21px;min-width:0}.product-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.product-card h3{font:700 23px Manrope;margin:0}.stock{font-size:12px;color:var(--green);background:#c4a6ff17;padding:7px 10px;border-radius:30px;white-space:nowrap}.stock.out{color:var(--red);background:#ff9b9b18}.stock-line{height:5px;background:#ffffff12;border-radius:9px;margin:18px 0 20px;overflow:hidden}.stock-line span{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#c4a6ff);border-radius:9px}.price-title{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:11px}.price-list{display:grid;gap:9px}.price-row{display:flex;justify-content:space-between;font-size:13px;color:#e4dff0}.price-row strong{font-weight:700}.empty-note{font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;color:#6f6880;font-size:11px;border-top:1px solid #ffffff12;margin-top:44px;padding-top:18px}.ghost-button,.close-button{background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 15px;border-radius:12px;font:600 12px 'DM Sans';cursor:pointer}.ghost-button:hover{border-color:var(--green2)}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px}.hidden{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(7px)}.modal-panel{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);background:#0b0b0f;border-radius:22px;padding:27px;box-shadow:0 25px 100px #0008}.close-button{position:absolute;right:17px;top:17px;font-size:21px;padding:2px 10px}.stack{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:7px;font-size:12px;color:var(--muted)}input,select{width:100%;background:#050507;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--text);font:14px 'DM Sans';outline:none}input:focus,select:focus{border-color:var(--green2)}.primary-button{border:0;background:linear-gradient(135deg,#c4a6ff,#9d6bff);color:#12052a;border-radius:12px;padding:13px 17px;font:700 13px 'DM Sans';cursor:pointer}.error{color:var(--red);font-size:12px;min-height:15px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-tabs{display:flex;gap:7px;overflow:auto;margin:15px 0 18px;padding-bottom:5px}.tab{border:1px solid var(--line);background:#08080b;color:var(--muted);border-radius:10px;padding:9px 12px;white-space:nowrap;font-size:12px;cursor:pointer}.tab.active{background:#c4a6ff1b;color:var(--green);border-color:#7c3aed}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#14121b;border:1px solid var(--line);border-radius:14px;padding:15px}.metric span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.metric strong{font:700 21px Manrope}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.admin-form .full{grid-column:1/-1}.admin-form button{grid-column:1/-1}.admin-section-title{font:700 16px Manrope;margin:22px 0 8px}.history{display:grid;gap:8px;margin-top:12px}.history-row{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;background:#14121b;border-radius:11px;font-size:12px}.history-row small{display:block;color:var(--muted);margin-top:4px}.positive{color:var(--green)}.negative{color:var(--red)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;background:#c4a6ff;color:#12052a;padding:12px 17px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 10px 35px #0005}.loading{color:var(--muted);padding:25px}
@media(max-width:760px){.shell{padding-top:30px}.hero{min-height:135px}.hero-dot{width:75px;height:75px;border-radius:25px}.hero-dot:before,.hero-dot:after{width:12px;height:12px;top:18px;left:20px;box-shadow:24px 14px 0 #1a0b33,7px 34px 0 #1a0b33}.product-grid{grid-template-columns:1fr}.product-card{padding:19px}.cash-card{margin-bottom:32px}.modal-panel{padding:22px 17px}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.admin-form{grid-template-columns:1fr}.admin-form .full,.admin-form button{grid-column:auto}.admin-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:17px}}
