:root{--bg1:#6d5efc;--bg2:#0ea5e9;--bg3:#14b8a6;--surface-bg:#f8fafc;--card:rgba(255,255,255,.82);--shadow:0 14px 44px rgba(31,41,55,.14);--text:#111827;--muted:#6b7280;--site-font:'Tajawal',sans-serif}
html,body{overflow-x:hidden}
body{font-family:var(--site-font),Tahoma,Arial,sans-serif;font-size:var(--site-font-size,16px);font-weight:var(--site-font-weight,500);background:radial-gradient(circle at top right,color-mix(in srgb,var(--bg1) 18%, transparent),transparent 30%),radial-gradient(circle at top left,color-mix(in srgb,var(--bg2) 18%, transparent),transparent 30%),var(--surface-bg);color:var(--text)}
a{text-decoration:none}.glass-nav{backdrop-filter:blur(14px);background:rgba(255,255,255,.78)}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff;font-weight:800;box-shadow:var(--shadow)}.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:12px}
.hero-wrap{position:relative;overflow:hidden;border-radius:32px;padding:56px;background:linear-gradient(135deg,rgba(109,94,252,.14),rgba(14,165,233,.16));box-shadow:var(--shadow)}
.hero-badge,.soft-badge,.mini-badge{display:inline-flex;gap:.5rem;align-items:center;padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);font-size:.9rem}
.section-card,.pricing-card,.info-card,.account-card,.wallet-card,.list-card,.footer-box,.table-wrap,.form-card,.metric-card,.hero-side-card{background:var(--card);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow);border-radius:28px}.metric-card{padding:1.25rem}.metric-card .icon,.feature-icon,.admin-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff}
.product-card{border-radius:28px;overflow:hidden;transition:.25s transform ease,.25s box-shadow ease;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.44)}.product-card:hover{transform:translateY(-6px)}
.product-media{height:220px;overflow:hidden;position:relative}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-media img{transform:scale(1.05)}.gradient-strip{height:8px;background:linear-gradient(135deg,var(--bg1),var(--bg2))}.product-card .card-body{padding:1.3rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;background:rgba(109,94,252,.1);color:#4c3dff;font-size:.84rem}.price-text{font-size:1.4rem;font-weight:800}
.hero-checks li{margin-bottom:.6rem;color:var(--muted)}
.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:290px;background:#0f172a;color:#cbd5e1;position:sticky;top:0;height:100vh}.admin-sidebar .nav-link{color:#cbd5e1}.admin-sidebar .nav-link.active,.admin-sidebar .nav-link:hover{background:rgba(255,255,255,.09);color:#fff}.admin-main{flex:1}.topbar{position:sticky;top:0;z-index:20}
.code-box{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,monospace;background:rgba(2,6,23,.92);color:#e2e8f0;border-radius:18px;padding:14px}.admin-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.table-wrap{padding:1rem}.table td,.table th{vertical-align:middle}.table thead th{font-size:.88rem;color:#64748b}.site-footer{background:rgba(255,255,255,.65)}.qr-preview{max-width:110px;border-radius:18px;border:1px solid rgba(148,163,184,.35)}
.icon-bullet{width:38px;height:38px;border-radius:12px;background:rgba(109,94,252,.14);display:grid;place-items:center;color:#4c3dff}.feature-line{display:flex;gap:.8rem;align-items:center}.admin-card-stat{padding:1rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.7));border:1px solid rgba(226,232,240,.8)}
[data-bs-theme=dark] body{background:radial-gradient(circle at top right,color-mix(in srgb,var(--bg1) 20%, transparent),transparent 30%),radial-gradient(circle at top left,color-mix(in srgb,var(--bg2) 20%, transparent),transparent 30%),var(--surface-bg);color:#e2e8f0}
[data-bs-theme=dark] .glass-nav{background:rgba(15,23,42,.75)}
[data-bs-theme=dark] .hero-wrap,[data-bs-theme=dark] .section-card,[data-bs-theme=dark] .pricing-card,[data-bs-theme=dark] .info-card,[data-bs-theme=dark] .account-card,[data-bs-theme=dark] .wallet-card,[data-bs-theme=dark] .list-card,[data-bs-theme=dark] .footer-box,[data-bs-theme=dark] .table-wrap,[data-bs-theme=dark] .form-card,[data-bs-theme=dark] .product-card,[data-bs-theme=dark] .metric-card,[data-bs-theme=dark] .hero-side-card,[data-bs-theme=dark] .admin-card-stat{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.16)}
[data-bs-theme=dark] .text-secondary,[data-bs-theme=dark] .hero-checks li{color:#94a3b8!important}
.form-icon{position:relative}.form-icon i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#64748b}.form-icon input,.form-icon textarea,.form-icon select{padding-inline-start:44px}
.payment-method-card{border:1px solid rgba(148,163,184,.24);border-radius:18px;padding:14px;cursor:pointer;transition:.2s}.payment-method-card.active{border-color:#6d5efc;background:rgba(109,94,252,.08)}
.instructions-box{display:none}.instructions-box.active{display:block}
@media (max-width: 991px){.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;width:auto}.hero-wrap{padding:28px}.product-media{height:180px}}

.floating-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.floating-icon{position:absolute;font-size:clamp(18px,2vw,34px);opacity:.12;animation:floatY linear infinite alternate;color:var(--bg1);filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--bg1) 35%, transparent));}.floating-icon:nth-child(2n){color:var(--bg2)}.floating-icon:nth-child(3n){color:var(--bg3)}@keyframes floatY{from{transform:translateY(0) rotate(0deg)}to{transform:translateY(-40px) rotate(8deg)}} .hero-wrap::before{content:'';position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--bg2) 30%, transparent),transparent 65%);border-radius:50%;filter:blur(8px)} .hero-wrap::after{content:'';position:absolute;inset:20px auto auto -40px;width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--bg1) 24%, transparent),transparent 65%);border-radius:50%;filter:blur(10px)} .theme-neon .hero-wrap,.theme-neon .product-card,.theme-neon .section-card,.theme-neon .form-card,.theme-neon .table-wrap,.theme-neon .account-card,.theme-neon .list-card,.theme-neon .metric-card{box-shadow:0 10px 40px color-mix(in srgb,var(--bg1) 20%, transparent),0 18px 60px rgba(15,23,42,.18)} .nav-link.active{font-weight:700;color:var(--bg1)!important}.front-highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--bg1) 12%, transparent),color-mix(in srgb,var(--bg2) 10%, transparent));border:1px solid color-mix(in srgb,var(--bg1) 15%, transparent);border-radius:24px;padding:1rem}.btn-primary,.btn-preview-primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}
.btn-outline-primary{color:var(--bg1)!important;border-color:color-mix(in srgb,var(--bg1) 40%, transparent)!important}
.section-card,.pricing-card,.info-card,.account-card,.wallet-card,.list-card,.footer-box,.table-wrap,.form-card,.metric-card,.hero-side-card,.product-card,.admin-card-stat{border-color:var(--border-color)!important;box-shadow:var(--shadow)!important}
.theme-preview-shell{--bg1:#2563eb;--bg2:#0ea5e9;--bg3:#14b8a6;--surface-bg:#f8fafc;--card:#fff;--border-color:#dbeafe;--btn-primary:#2563eb;--btn-primary-text:#fff;--shadow:0 14px 44px rgba(37,99,235,.12);background:radial-gradient(circle at top right,color-mix(in srgb,var(--bg1) 18%, transparent),transparent 32%),radial-gradient(circle at top left,color-mix(in srgb,var(--bg2) 18%, transparent),transparent 32%),var(--surface-bg);border-radius:28px;padding:1.25rem;border:1px solid var(--border-color)}
.theme-preview-shell[data-theme=dark]{color:#e5e7eb}
.theme-preview-hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg1) 14%, transparent),color-mix(in srgb,var(--bg2) 14%, transparent));padding:1.25rem;border:1px solid var(--border-color);box-shadow:var(--shadow)}
.theme-preview-card{background:var(--card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:22px;padding:1rem;height:100%}
.theme-preview-floating{position:absolute;inset:auto -20px -20px auto;width:160px;height:160px;background:radial-gradient(circle,color-mix(in srgb,var(--bg3) 28%, transparent),transparent 65%);border-radius:50%}

.payment-thumb{width:40px;height:40px;object-fit:cover;border-radius:12px;border:1px solid var(--border-color);background:#fff}.soft-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff}.inventory-thumb{width:34px;height:34px;object-fit:cover;border-radius:10px;border:1px solid var(--border-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem}.gallery-card{border:1px solid var(--border-color);border-radius:14px;padding:.35rem;text-align:center;background:var(--card)}.gallery-card img{width:100%;height:64px;object-fit:cover;border-radius:10px}.theme-preview-shell,.theme-preview-shell *{transition:all .2s ease}.code-box{white-space:pre-wrap}.payment-method-card .method-leading{display:flex;align-items:center;gap:.75rem}.payment-method-card .method-leading .method-copy{display:flex;flex-direction:column}