:root{--bg:#0b1020;--panel:#131b2e;--line:#26334d;--text:#edf2ff;--muted:#9ba9c2;--accent:#8b9cff;--green:#66d6a5}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#182543 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1080px)/2),24px);background:#0b1020cc}nav{display:flex;gap:22px;color:var(--muted);font-size:14px}.brand{font-weight:800;letter-spacing:.3px}main{max-width:1080px;margin:0 auto;padding:42px 24px 70px;min-height:calc(100vh - 125px)}footer{text-align:center;color:#697895;border-top:1px solid var(--line);padding:22px;font-size:12px}.hero{padding:48px 0 42px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font-size:42px;line-height:1.15;margin:12px 0}.hero p,.muted{color:var(--muted)}h1{font-size:30px;margin:8px 0 20px}h2{font-size:20px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.product,.panel{background:linear-gradient(145deg,#17223a,#11192b);border:1px solid var(--line);border-radius:16px;padding:22px}.product h3{font-size:19px;margin:14px 0 6px}.tag{display:inline-block;border:1px solid #3b4a70;border-radius:30px;padding:3px 10px;color:#b5c3ff;font-size:11px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin:22px 0 16px}.product-bottom strong,.price{font-size:24px;color:#fff;font-weight:800}.product-bottom span,.small{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:linear-gradient(110deg,#7188ff,#9b7cff);color:white;padding:12px 18px;font-weight:750;cursor:pointer;width:100%;font-size:14px}.btn:hover{filter:brightness(1.08)}.btn.disabled{background:#34405a;color:#8995aa}.btn.secondary{background:#27334c;border:1px solid #3a4966}.narrow{max-width:560px;margin:10px auto}.back{color:var(--muted);font-size:13px}label{display:block;font-size:13px;color:#c6d0e4;margin:14px 0 6px}input,textarea,select{width:100%;border:1px solid #35425d;border-radius:9px;background:#0d1526;color:var(--text);padding:12px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent)}form .btn{margin-top:18px}.flash{padding:12px 16px;border-radius:10px;margin-bottom:18px;background:#293653}.flash.error{background:#4b2635}.flash.success{background:#194332}.order-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.orange{color:#ffcb79}.green{color:var(--green)}.notice{background:#282d45;border:1px solid #454c70;border-radius:12px;padding:16px;margin:22px 0}.notice p{margin:8px 0}.qrgrid{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.qrgrid>div{flex:1;min-width:180px;text-align:center}.qr{width:190px;height:190px;object-fit:contain;background:white;padding:8px;border-radius:10px}.successbox{background:#16382f;border:1px solid #2d765d;border-radius:12px;padding:18px;margin:20px 0}.code{font-family:ui-monospace,monospace;background:#091c19;padding:12px;border-radius:8px;margin:8px 0;overflow-wrap:anywhere}.adminhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.smallbtn{width:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats div{background:#17223a;border:1px solid var(--line);border-radius:12px;padding:16px}.stats b{display:block;font-size:25px}.stats span{color:var(--muted);font-size:12px}.admincols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{margin-bottom:18px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{color:#aebbd2;font-weight:600}.textbtn{border:0;background:transparent;color:#aebcff;cursor:pointer;padding:4px}.textbtn.green{color:var(--green)}@media(max-width:650px){header{padding:0 16px}main{padding:28px 16px}.hero h1{font-size:32px}.admincols{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}nav{gap:12px;font-size:12px}}
