:root{--bg:#0b1020;--card:rgba(255,255,255,.07);--line:rgba(255,255,255,.1);--text:#eef2ff;--muted:#adb8d8;--primary:#2563eb;--danger:#dc2626}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#060915,#0b1020);color:var(--text)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}input,select,textarea,button{font:inherit}
.container{width:min(100% - 32px,1180px);margin:auto}.section{padding:28px 0}.topbar{position:sticky;top:0;background:rgba(8,12,28,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:16px}.menu{display:flex;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.hero{padding:40px 0 10px}.hero>div{padding:34px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:28px}.badge{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line);margin-bottom:14px;color:#dbe3ff}.hero h1{font-size:clamp(2rem,4vw,4rem);margin:0 0 12px}.hero p{max-width:750px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none}.btn.small{padding:8px 12px;font-size:.9rem}.btn.danger{background:var(--danger);border:none}.link-danger{color:#fca5a5}
.grid-info,.products-grid,.two-col,.product-page,.checkout-grid2{display:grid;gap:18px}.grid-info{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(4,1fr)}.two-col,.product-page,.checkout-grid2{grid-template-columns:1fr 1fr}.card{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.section-title{margin:24px 0 18px}.empty{padding:20px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
.product-card{overflow:hidden;padding:0}.product-card img{width:100%;height:260px;object-fit:cover}.product-body{padding:18px}.product-body p,.muted,.footer p{color:var(--muted)}.price-row,.summary div,.toolbar,.footer-inner,.inline-form,.cart-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-big{font-size:1.5rem;font-weight:800;margin:18px 0}.commission-box{margin:16px 0;padding:14px;border-radius:16px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.35)}
.gallery .main-image{border-radius:18px;margin-bottom:12px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thumbs img{border-radius:12px;height:90px;object-fit:cover}.form-grid{display:grid;gap:10px}.form-grid.narrow{max-width:560px;margin:auto}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff}.summary{display:grid;gap:12px}.cart-list{display:grid;gap:12px}.cart-item img{width:90px;height:90px;border-radius:12px;object-fit:cover}.order-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.list{color:var(--muted);line-height:1.8}.flash{padding:14px 16px;border-radius:14px;margin-bottom:16px}.flash.success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35)}.flash.error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35)}
.footer{margin-top:34px;border-top:1px solid var(--line);padding:24px 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:980px){.products-grid{grid-template-columns:repeat(2,1fr)}.grid-info,.two-col,.product-page,.checkout-grid2{grid-template-columns:1fr}}@media(max-width:680px){.nav,.menu,.toolbar,.footer-inner,.inline-form,.cart-item,.order-card,.price-row{flex-direction:column;align-items:stretch}.products-grid,.grid-info{grid-template-columns:1fr}}

.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;font-weight:700}
.status-badge.pending{background:rgba(245,158,11,.12);color:#fde68a;border-color:rgba(245,158,11,.3)}
.status-badge.approved{background:rgba(37,99,235,.15);color:#bfdbfe;border-color:rgba(37,99,235,.35)}
.status-badge.rejected{background:rgba(220,38,38,.15);color:#fecaca;border-color:rgba(220,38,38,.35)}
.status-badge.delivered{background:rgba(34,197,94,.15);color:#bbf7d0;border-color:rgba(34,197,94,.35)}
.account-order-card{display:grid;gap:18px}
.order-lines,.order-totals,.admin-totals{margin-top:6px}
.thankyou-box{padding:18px;border-radius:18px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.24)}
.thankyou-box h4{margin:0 0 10px}.thankyou-box p{margin:0;color:var(--muted);line-height:1.8}
.coupon-box{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(37,99,235,.14);border:1px solid rgba(37,99,235,.32);margin-top:14px}.coupon-box span{font-size:1.15rem;font-weight:800;letter-spacing:.6px}.coupon-box small{color:#dbe3ff}.summary.order-totals>div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.summary.order-totals>div:last-child{border-bottom:0}

.payment-box{padding:16px;border:1px solid rgba(37,99,235,.22);border-radius:18px;background:rgba(37,99,235,.08);margin:6px 0 4px}.payment-box h3,.payment-box h4{margin:0 0 10px}.order-lines-grid{display:grid;gap:12px}.order-item-row{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03)}.order-item-row img{width:88px;height:88px;border-radius:14px;object-fit:cover}.order-item-content{display:grid;gap:4px}.order-item-content small{color:var(--muted);line-height:1.5}.order-item-side{display:grid;gap:6px;justify-items:end;text-align:right}.order-item-side span{color:var(--muted);font-size:.92rem}@media(max-width:680px){.order-item-row{grid-template-columns:1fr}.order-item-row img{width:100%;height:180px}.order-item-side{justify-items:start;text-align:left}}