@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&family=Inter:wght@400;500;600;700;800;900&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;--logo-url:url(/shark-logo.png)}: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;--logo-url:url(/shark-logo2.png)}*{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:Inter,Segoe UI,Helvetica Neue,Arial,sans-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,2.5vw,32px);transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:72px;display:flex;position:relative}.nav-start{align-items:center;gap:14px;min-width:0;display:flex}.nav-logo{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.premium-logo{--logo-size:clamp(36px, 3.6vw, 46px);aspect-ratio:600/212;width:auto;height:var(--logo-size);margin-block:calc((72px - var(--logo-size)) / 2);box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:transform .35s;animation:none;display:inline-flex;position:relative}.premium-logo__img{background:0 0;background-image:var(--logo-url);filter:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;width:100%;height:100%;transform:none}.premium-logo__ring,.premium-logo__shine{display:none}.nav-logo:hover .premium-logo{transform:scale(1.03)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.shark-logo-mark{-webkit-mask:var(--logo-url) center / contain no-repeat;-webkit-mask:var(--logo-url) center / contain no-repeat;mask:var(--logo-url) center / contain no-repeat;background:#fff;display:inline-block}.desktop-nav{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.is-active{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);font-weight:700}.nav-actions{flex-shrink:0;align-items:center;gap:8px;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;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}}