@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Cairo:wght@300;400;500;600;700;900&family=Playfair+Display:wght@400;500;600;700&display=swap";:root[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-card:#1a1a26;--bg-hover:#22223a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--accent:#6c63ff;--accent-hover:#8b83ff;--accent-glow:#6c63ff4d;--border:#ffffff0f;--border-hover:#ffffff1f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-accent:0 0 40px #6c63ff26}:root[data-theme=light]{--bg-primary:#f8f7ff;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f1f0ff;--text-primary:#0f0e1a;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent:#6c63ff;--accent-hover:#5b54e8;--accent-glow:#6c63ff26;--border:#00000014;--border-hover:#00000026;--success:#059669;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #0000001a;--shadow-lg:0 20px 60px #0000001f;--shadow-accent:0 0 40px #6c63ff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Cairo,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}[dir=rtl]{font-family:Cairo,sans-serif}[dir=ltr]{font-family:Playfair Display,Times New Roman,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::selection{background:var(--accent);color:#fff}html,body,#root{width:100%;max-width:100%}*{min-width:0}img,video,canvas,svg{max-width:100%;height:auto}input,button,select,textarea{font:inherit}.nav-shell{z-index:1000;padding-inline:clamp(12px,4vw,5%);transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:10px;max-width:1400px;min-height:72px;margin:0 auto;display:flex;position:relative}.nav-logo{align-items:center;text-decoration:none;display:inline-flex}.premium-logo{--logo-size:clamp(42px, 4.9vw, 52px);width:var(--logo-size);height:var(--logo-size);isolation:isolate;background:linear-gradient(145deg,#a78bfab3,#6c63fff2);border-radius:9999px;justify-content:center;align-items:center;padding:3px;transition:transform .45s,box-shadow .35s;animation:5.8s ease-in-out infinite logoFloat,3.8s ease-in-out infinite logoGlowPulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #6c63ff47,inset 0 0 0 1px #ffffff38}.premium-logo__img{background:#fff url(/shark-logo.png) 50%/cover;border-radius:9999px;width:100%;height:100%}.premium-logo__ring{pointer-events:none;border:1px solid #ffffff52;border-radius:9999px;position:absolute;inset:0}.premium-logo__shine{pointer-events:none;background:linear-gradient(110deg,#0000 38%,#ffffff57 50%,#0000 62%);transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-40%;transform:translate(-130%)rotate(14deg)}.nav-logo:hover .premium-logo{transform:rotate(7deg)translateY(-1px)scale(1.03)}.nav-logo:hover .premium-logo__shine{transform:translate(130%)rotate(14deg)}:root[data-theme=light] .premium-logo{box-shadow:0 4px 15px #6c63ff38,inset 0 0 0 1px #ffffffb3}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes logoGlowPulse{0%,to{box-shadow:0 4px 16px #6c63ff3d,inset 0 0 0 1px #ffffff38}50%{box-shadow:0 5px 24px #6c63ff6b,inset 0 0 0 1px #ffffff59}}.shark-logo-mark{background:#fff;display:inline-block;-webkit-mask:url(/shark-logo.png) 50%/contain no-repeat;mask:url(/shark-logo.png) 50%/contain no-repeat}.desktop-nav{gap:8px;margin-inline-start:10px;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.is-active{color:var(--accent);background:var(--accent-glow)}.nav-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.nav-icon-btn,.nav-user-btn,.nav-cart-btn,.nav-menu-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;text-decoration:none;display:inline-flex}.nav-user-btn{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#6c63ff,#a78bfa);border:none;max-width:140px;overflow:hidden}.nav-cart-btn{font-size:18px;position:relative}.nav-cart-count{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.nav-dropdown{background:var(--bg-card);border:1px solid var(--border);width:min(240px,100vw - 24px);box-shadow:var(--shadow-lg);border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:58px;right:0}.nav-dropdown-item{text-align:start;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px;text-decoration:none}.nav-dropdown-item:hover{background:var(--bg-hover)}.nav-danger{color:var(--danger)}.nav-menu-btn,.mobile-menu{display:none}.mobile-menu{border-top:1px solid var(--border);gap:6px;max-width:1400px;margin:0 auto;padding:8px 0 12px;display:grid}.mobile-menu-link{color:var(--text-primary);border-radius:10px;padding:10px 12px;text-decoration:none}.mobile-menu-link:hover{background:var(--bg-hover)}.table-responsive,.product-table-wrapper,.orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1024px){.desktop-nav{display:none}.nav-menu-btn{display:inline-flex}}@media (width<=768px){.nav-inner{min-height:68px}.nav-user-btn{max-width:110px}}@media (width<=425px){.nav-actions{gap:6px}.nav-icon-btn,.nav-cart-btn,.nav-menu-btn{padding:8px 10px}.nav-user-btn{display:none}}