*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#f5f4f0;--bg-secondary:#edecea;--bg-card:#fff;--bg-input:#f1f3f5;--border:#e9ecef;--text-primary:#111118;--text-secondary:#6c757d;--text-muted:#adb5bd;--accent:#ff6b35;--accent-hover:#e85d2a;--green:#00d97e;--gold:#f59e0b;--blue:#3b82f6;--red:#ef4444;--shadow:0 2px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--nav-bg:hsla(0,0%,100%,.95);--ticker-bg:#f8f9fa;--bottom-nav-bg:#fff;--bottom-nav-border:#e9ecef}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-card:#13131a;--bg-input:#1c1c28;--border:#2a2a3a;--text-primary:#f0f0f5;--text-secondary:#9a9ab0;--text-muted:#7a7a9a;--accent:#ff6b35;--accent-hover:#ff8555;--green:#00d97e;--gold:#f59e0b;--blue:#3b82f6;--red:#ef4444;--shadow:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--nav-bg:rgba(10,10,15,.92);--ticker-bg:#0a0a0f;--bottom-nav-bg:#13131a;--bottom-nav-border:#2a2a3a}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;max-width:100vw}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.desktop-only{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:1fr 1fr!important}.mobile-pad{padding:16px!important}.mobile-hide{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:720px){.checkout-layout{grid-template-columns:1fr!important}.checkout-summary{order:-1}}@media (max-width:800px){.dashboard-layout{flex-direction:column!important}.dashboard-sidebar{width:100%!important;min-height:auto!important;height:auto!important;position:relative!important;border-right:none!important;border-bottom:1px solid var(--border)!important}.dashboard-sidebar,.dashboard-sidebar-nav{flex-direction:row!important;overflow-x:auto!important}.dashboard-sidebar-nav{display:flex!important;padding:8px!important;gap:4px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.store-avatar-row{flex-direction:column!important;align-items:flex-start!important}.product-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:680px){.seller-layout{grid-template-columns:1fr!important}.seller-sidebar{display:none!important}}input,select,textarea{-webkit-appearance:none;appearance:none}button{transition:all .2s ease}button:active{transform:scale(.97)}@media (max-width:768px){input,select,textarea{font-size:16px!important}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:fadeIn .3s ease}.animate-pulse{animation:pulse 2s infinite}.tab-content{animation:fadeInUp .18s ease-out}@media (max-width:640px){.responsive-product-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width:768px){.dashboard-page{flex-direction:column!important}.dashboard-content{padding:16px!important}position:relative;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-store-grid{grid-template-columns:1fr 1fr!important}}.has-bottom-nav{padding-bottom:70px!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-page{color:var(--text-primary)!important}.dashboard-content{position:relative;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform;background:var(--bg-primary)}.dashboard-sidebar{transform:translateZ(0);background:var(--bg-card)!important}[style*="position: fixed"],[style*="position: sticky"],nav{will-change:transform;background-clip:padding-box}.dashboard-page *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.dashboard-page .mobile-only{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);background:var(--bottom-nav-bg)!important}[style*=fixed],[style*=sticky]{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}body,html{overscroll-behavior:none;-webkit-overflow-scrolling:auto}.dashboard-page{contain:layout style;background:var(--bg-primary)!important}.mobile-only[style*=fixed]{contain:layout style;overflow:visible;transform:translateZ(0)!important;background:var(--bottom-nav-bg)!important;opacity:1!important}[onClick],[role=button],a,button{-webkit-tap-highlight-color:rgba(255,107,53,.1);tap-highlight-color:rgba(255,107,53,.1)}[role=button]:active,button:active{transform:scale(.97)!important;transition:transform .05s ease!important}.tab-content{will-change:auto;transform:translateZ(0)}.page-enter{animation:pageIn .15s ease-out}button{-webkit-tap-highlight-color:rgba(255,107,53,.08);touch-action:manipulation}button:active{transform:scale(.97)!important;transition:transform .05s ease!important}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:pageIn .12s ease-out}img{content-visibility:auto;contain-intrinsic-size:200px}[style*="position: fixed"],[style*="position: sticky"],nav{-webkit-transform:translateZ(0);transform:translateZ(0)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}@keyframes navProgress{0%{width:0;opacity:1}50%{width:70%;opacity:1}90%{width:90%;opacity:1}to{width:100%;opacity:0}}.nav-loading-bar{position:fixed;top:0;left:0;height:2px;background:#ff6b35;z-index:99999;animation:navProgress 1s ease-out forwards}button:active{transform:scale(.96)!important;transition:transform .05s!important}*{-webkit-tap-highlight-color:transparent}[role=button],a,button{-webkit-tap-highlight-color:rgba(255,107,53,.1);touch-action:manipulation;cursor:pointer}