:root{--bg:#f2f4f7;--bg-card:#fff;--ink:#0d1726;--muted:#62748a;--primary:#0059d6;--primary-soft:#d9e8ff;--danger:#bb1f38;--line:#d9e0e8;--radius:16px;--shadow:0 16px 40px #0d172614}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff 0%,#f2f4f7 40%,#e8edf4 100%);margin:0;font-family:Space Grotesk,Tajawal,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.bg-shape{z-index:-1;filter:blur(30px);opacity:.35;border-radius:999px;position:fixed}.bg-shape-one{background:#65b3ff;width:320px;height:320px;inset:-80px auto auto -100px}.bg-shape-two{background:#8af0cb;width:340px;height:340px;inset:auto -100px -90px auto}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f2f4f7b8;border-bottom:1px solid #d9e0e8bf;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.brand{align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.brand-badge{color:#fff;background:linear-gradient(135deg,#0059d6 0%,#34a7ff 100%);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.main-nav{color:var(--muted);gap:.95rem;display:flex}.main-nav a:hover{color:var(--primary)}.nav-tools{gap:.45rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .75rem}.content-area{padding:2rem 0 3.5rem}.hero{border-radius:calc(var(--radius) + 8px);color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#0d1726 0%,#112b4f 45%,#0059d6 100%);grid-template-columns:1.25fr .75fr;align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.hero h1{margin:.5rem 0;font-size:clamp(1.8rem,4vw,3rem)}.hero p{color:#ffffffe6}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#fffc;font-size:.85rem}.hero-card,.form-panel,.card,.product-card,.table-wrap,.flash{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{color:var(--ink);padding:1.25rem}.hero-cta{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:.62rem .9rem;font-weight:600;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(120deg,#0059d6 0%,#00a0ff 100%)}.btn-ghost{border:1px solid var(--line);background:#fff}.btn-danger{color:#fff;background:var(--danger)}.section-head{margin:2rem 0 1rem}.card-grid,.product-grid{gap:1rem;display:grid}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:1rem}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{overflow:hidden}.product-card img,.product-view img{aspect-ratio:4/3;object-fit:cover;width:100%}.product-info{padding:1rem}.product-meta{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.product-view{grid-template-columns:1fr 1fr;align-items:flex-start;gap:1.5rem;display:grid}.filters,.inline-form,.admin-head,.checkout-grid{align-items:center;gap:.7rem;display:flex}.filters,.checkout-grid{align-items:stretch;margin:1rem 0}.filters input,.filters select,.inline-form input,.form-panel input,.form-panel select,.form-panel textarea{border:1px solid var(--line);font:inherit;border-radius:10px;width:100%;padding:.56rem .68rem}.form-panel{gap:.75rem;padding:1rem;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:start;padding:.8rem}.table-actions{gap:.5rem;display:flex}.cart-summary{margin-top:1rem}.payment-box{background:var(--primary-soft);border-radius:12px;padding:.8rem}.summary-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.summary-list li{justify-content:space-between;display:flex}.checkout-grid{grid-template-columns:1fr .8fr;display:grid}.flash{margin-bottom:1rem;padding:.8rem}.flash-success{background:#ebfff3;border-color:#bfe7d0}.flash-error{background:#fff0f3;border-color:#f2c0ca}.site-footer{border-top:1px solid var(--line);background:#fff;padding:1.2rem 0}.footer-grid{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=980px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.checkout-grid,.product-view,.card-grid-3,.footer-grid{grid-template-columns:1fr}}@media (width<=680px){.nav-wrap,.main-nav,.filters{flex-wrap:wrap}.product-grid{grid-template-columns:1fr}}