*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page:#f8fafc;--bg-card:#ffffff;--bg-subtle:#f8fafc;--bg-input:#f8fafc;--bg-muted:#f1f5f9;--border-default:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0b1020;--text-secondary:#64748b;--text-muted:#94a3b8;--nav-bg:rgba(255,255,255,0.95);--nav-border:rgba(0,0,0,0.06);--shadow-sm:0 1px 4px rgba(0,0,0,0.04);--shadow-nav:0 2px 20px rgba(0,0,0,0.04)}html.dark{--bg-page:#0f172a;--bg-card:#1e293b;--bg-subtle:#1e293b;--bg-input:#0f172a;--bg-muted:#334155;--border-default:#334155;--border-light:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--nav-bg:rgba(15,23,42,0.95);--nav-border:rgba(255,255,255,0.06);--shadow-sm:0 1px 4px rgba(0,0,0,0.2);--shadow-nav:0 2px 20px rgba(0,0,0,0.2)}body{background:var(--bg-page);color:var(--text-primary);transition:background .3s,color .3s}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:Tajawal,Cairo,sans-serif}.dash-bottom-nav{display:none}.dash-bottom-nav-inner{width:100%;max-width:560px;margin:0 auto}@media (max-width:768px){.store-hero-title{font-size:1.5rem!important}.store-hero-subtitle{font-size:.85rem!important}.store-products-grid{gap:10px!important}.store-products-grid,.store-steps-grid{grid-template-columns:repeat(2,1fr)!important}.store-header-nav{display:none!important}.store-mobile-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:9999!important;visibility:visible!important;opacity:1!important;transform:none!important}.store-mobile-toggle{display:block!important}.store-footer,.store-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px))!important}.store-footer-grid{grid-template-columns:1fr!important}.store-hero-buttons{flex-direction:column!important}.store-hero-buttons button{width:100%!important}.store-header-actions{gap:8px!important}.store-about-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.store-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.store-product-card{padding:.75rem!important;border-radius:12px!important}.store-about-grid,.store-steps-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:360px){.store-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.store-product-card{padding:.7rem!important}}.store-product-card{transition:transform .2s ease,box-shadow .2s ease}.store-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.store-footer{border-top-left-radius:18px;border-top-right-radius:18px}@media (max-width:768px){.dash-sidebar{transform:translateX(100%);width:min(82vw,300px)!important;top:0!important;height:100dvh!important;box-shadow:-12px 0 30px rgba(2,6,23,.12);z-index:55!important}.dash-sidebar-open{transform:translateX(0)!important}.dash-main-content{margin-right:0!important;padding-bottom:5.25rem!important}.dash-menu-btn{display:block!important}.dash-search{width:160px!important}.dash-profile-text{display:none!important}.dash-bottom-nav{padding-bottom:calc(.6rem + env(safe-area-inset-bottom, 0px))!important;z-index:48!important}.dash-bottom-nav,.dash-bottom-nav-inner{display:flex!important;flex-direction:row!important}.dash-bottom-nav-inner{justify-content:space-around!important;align-items:center!important;width:100%!important}.dash-mobile-close{display:grid!important}.dash-collapse-btn,.dash-drawer-open .dash-bottom-nav{display:none!important}.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dash-stats-grid>div{padding:.85rem!important}.dash-stats-grid p:first-of-type{font-size:1.15rem!important}.dash-overview-grid{grid-template-columns:1fr!important}.dash-banner-card{flex-direction:column!important;text-align:center!important}.dash-banner-card>div:last-child{align-self:center!important}.dash-quick-actions{gap:6px!important}.dash-quick-action-btn{padding:.45rem .75rem!important;font-size:.72rem!important}.dash-alerts-row{flex-direction:column!important;gap:6px!important}.dash-toast{bottom:5.5rem!important}.src-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.src-stats-grid>div{padding:.85rem!important}.src-available-grid{grid-template-columns:1fr!important}.src-mini-stats{gap:6px!important}.src-mini-stats>div{padding:.35rem .6rem!important}}@media (max-width:480px){.dash-search{width:120px!important}.dash-stats-grid{grid-template-columns:1fr 1fr!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideUp .3s ease}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@keyframes heroOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.1)}66%{transform:translate(15px,-10px) scale(.95)}}@keyframes heroOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.08)}66%{transform:translate(-10px,10px) scale(.92)}}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(0,0,0,.1)}50%{transform:scale(1.05);box-shadow:0 6px 24px rgba(0,0,0,.15)}}@keyframes heroTagSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.hero-orb-1{animation:heroOrb1 8s ease-in-out infinite}.hero-orb-2{animation:heroOrb2 10s ease-in-out infinite}.hero-particle{animation:heroFloat 6s ease-in-out infinite}.hero-slide-in{animation:heroSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}.hero-icon-bubble{animation:heroPulse 3s ease-in-out infinite}.hero-tag{animation:heroTagSlide .6s cubic-bezier(.16,1,.3,1) .15s backwards}.hero-cta-btn:hover{background:rgba(255,255,255,.35)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.hero-cta-btn:hover span{transform:translateX(3px)}[dir=rtl] .hero-cta-btn:hover span{transform:translateX(-3px)}