:root{--ink:#17212b;--muted:#667381;--line:#dce3e9;--bg:#f4f6f8;--brand:#6941c6;--brand2:#4f2da3;--green:#137a4b;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:14px max(18px,calc((100vw - 1180px)/2));background:#171329;color:#fff}.brand{font-size:1.15rem;font-weight:850;text-decoration:none}.topbar nav{display:flex;align-items:center;gap:6px;margin-left:auto}.topbar nav a{padding:9px 11px;border-radius:9px;text-decoration:none;white-space:nowrap}.topbar nav a:hover{background:#ffffff18}.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ffda6a;color:#2d2300;font-size:.78rem;font-weight:850}.container{max-width:1180px;margin:auto;padding:28px 18px}.hero{padding:42px;border-radius:22px;background:linear-gradient(135deg,#261c48,#7048c8);color:#fff;margin-bottom:26px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:0 0 8px}.hero p{max-width:650px;font-size:1.1rem;opacity:.9}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 6px 24px #2030400b}.product-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.product-image{aspect-ratio:4/3;width:100%;object-fit:cover;background:linear-gradient(135deg,#eeeaf8,#dfe8f1)}.product-placeholder{display:grid;place-items:center;font-size:3rem}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.product-body h2{margin:0 0 7px}.price{font-size:1.45rem;font-weight:900;color:var(--brand2)}.muted{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.button,button{border:1px solid #b9c5cf;border-radius:9px;background:#fff;color:#183047;padding:10px 14px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:var(--brand2)}.danger{color:var(--red);border-color:#e6aaa5}.success{color:var(--green)}.flash{padding:13px 16px;border-radius:10px;background:#e7f6ed;color:#12663f;margin-bottom:16px}.flash.error{background:#fdebea;color:#92251d}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:750;margin-bottom:14px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #b9c5cf;border-radius:9px;background:#fff;font:inherit}textarea{min-height:120px;resize:vertical}.wide{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:.82rem;color:var(--muted);background:#f7f9fa}.qty{width:90px}.order-number{font-size:1.45rem;font-weight:900;color:var(--brand2)}.payment-box{padding:18px;border:2px solid #c9b8ef;border-radius:14px;background:#f7f3ff}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-grid .card strong{display:block;font-size:1.8rem}.product-detail-image{width:100%;border-radius:16px;max-height:520px;object-fit:cover}.qr-box{display:grid;place-items:center;min-height:220px;background:#fff;border-radius:12px}.legal{max-width:820px}.footer{text-align:center;color:var(--muted);padding:30px 18px}.empty{text-align:center;padding:45px;color:var(--muted)}@media(max-width:760px){.topbar{position:static;align-items:flex-start;flex-wrap:wrap}.topbar nav{width:100%;overflow:auto;margin:0}.container{padding:18px 12px}.hero{padding:26px}.two-col,.form-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.wide{grid-column:auto}.product-grid{grid-template-columns:1fr}.card{padding:16px}.product-card{padding:0}}@media print{.topbar,.footer,.no-print{display:none!important}.container{max-width:none}.card{box-shadow:none}}