:root{--sidebar-width:220px;--topnav-height:64px;--primary:#6c63ff;--sidebar-bg:#13123a;--content-bg:#f4f5fa}@media (width<=1279px) and (width>=768px){:root{--sidebar-width:72px}}@media (width<=767px){:root{--sidebar-width:0px;--bottom-tab-height:64px}}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--content-bg);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0;padding:0;font-family:DM Sans,sans-serif;overflow-x:hidden}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c63ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c63ff73}.shop-shell{min-height:100vh;display:flex}.shop-content{margin-left:var(--sidebar-width);padding-top:var(--topnav-height);background:var(--content-bg);flex:1;min-height:100vh;transition:margin-left .25s}.shop-sidebar{background:var(--sidebar-bg);z-index:1200;border-right:1px solid #ffffff12;flex-direction:column;align-items:stretch;width:220px;height:100vh;padding:20px 0 16px;transition:transform .25s,width .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000059}@media (width<=1279px) and (width>=768px){.shop-sidebar{align-items:center;width:72px;padding-left:0;padding-right:0}.shop-sidebar .sidebar-brand{justify-content:center;gap:0;padding:0}.shop-sidebar .sidebar-brand-name,.shop-sidebar .sidebar-section-label,.shop-sidebar .nav-label{display:none}.shop-sidebar .sidebar-nav{padding:0 8px}.shop-sidebar .sidebar-nav-item{justify-content:center;gap:0;padding:0}.shop-sidebar .sidebar-bottom{padding:10px 8px 0}.shop-sidebar .sidebar-nav-item.active:before{border-radius:0 3px 3px 0;height:18px;left:0}}@media (width<=767px){.shop-sidebar{width:240px;box-shadow:none;transform:translate(-100%)}.shop-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 40px #00000080}}.sidebar-overlay{z-index:1199;-webkit-backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.sidebar-brand{flex-shrink:0;align-items:center;gap:10px;margin-bottom:28px;padding:0 16px;display:flex}.sidebar-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#7c74ff 0%,#5a52e0 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 14px #6c63ff73}.sidebar-brand-name{color:#fff;letter-spacing:-.3px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.sidebar-section-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;margin:4px 0 6px;padding:0 20px;font-size:.65rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;width:100%;padding:0 10px;display:flex}.sidebar-nav-item{color:#ffffff80;cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:11px;width:100%;height:44px;padding:0 12px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-nav-item .nav-icon{opacity:.75;flex-shrink:0;align-items:center;transition:opacity .18s;display:flex}.sidebar-nav-item .nav-label{flex:1}.sidebar-nav-item:hover{color:#ffffffeb;background:#ffffff12}.sidebar-nav-item:hover .nav-icon{opacity:1}.sidebar-nav-item.active{color:#fff;background:#6c63ff40;font-weight:700}.sidebar-nav-item.active .nav-icon{opacity:1}.sidebar-nav-item.active:before{content:"";background:#7c74ff;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.sidebar-divider{background:#ffffff14;border-radius:1px;height:1px;margin:10px}.sidebar-bottom{border-top:1px solid #ffffff12;flex-direction:column;gap:2px;width:100%;margin-top:8px;padding:10px 10px 0;display:flex}.shop-topnav{top:0;left:var(--sidebar-width);height:var(--topnav-height);-webkit-backdrop-filter:blur(12px);z-index:1100;background:#ffffffe6;border-bottom:1px solid #e8ecf4cc;justify-content:space-between;align-items:center;padding:0 20px;transition:left .25s;display:flex;position:fixed;right:0}@media (width<=767px){.shop-topnav{padding:0 12px}}.topnav-greeting{color:#0f172a;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600}@media (width<=480px){.topnav-greeting{font-size:.875rem}}.topnav-greeting span{color:#6c63ff}.topnav-actions{align-items:center;gap:8px;display:flex}.topnav-icon-btn{cursor:pointer;color:#64748b;background:#f4f5fa;border:1px solid #e8ecf4;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.topnav-icon-btn:hover{color:#6c63ff;background:#6c63ff14;border-color:#6c63ff40}.page-content{max-width:1400px;padding:28px}@media (width<=767px){.page-content{padding:16px 16px 88px}}@media (width<=480px){.page-content{padding:12px}}@keyframes orbFloat1{0%,to{opacity:.25;transform:translate(0)scale(1)}33%{opacity:.4;transform:translate(40px,-60px)scale(1.15)}66%{opacity:.18;transform:translate(-30px,30px)scale(.88)}}@keyframes orbFloat2{0%,to{opacity:.2;transform:translate(0)scale(1)}40%{opacity:.35;transform:translate(-50px,40px)scale(1.2)}70%{opacity:.15;transform:translate(25px,-25px)scale(.9)}}@keyframes orbFloat3{0%,to{opacity:.15;transform:translate(0)scale(1)}50%{opacity:.28;transform:translate(30px,-40px)scale(1.1)}}.login-orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.login-orb-1{background:radial-gradient(circle,#7c74ff 0%,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite orbFloat1;top:-80px;right:-40px}.login-orb-2{background:radial-gradient(circle,#4338ca 0%,#0000 70%);width:260px;height:260px;animation:16s ease-in-out infinite orbFloat2;bottom:10%;left:-60px}.login-orb-3{background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:200px;height:200px;animation:10s ease-in-out infinite orbFloat3;top:45%;right:10%}.login-dot-grid{pointer-events:none;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s forwards fadeUp}.fade-up-1{opacity:0;animation-delay:50ms}.fade-up-2{opacity:0;animation-delay:.12s}.fade-up-3{opacity:0;animation-delay:.2s}.fade-up-4{opacity:0;animation-delay:.28s}.fade-up-5{opacity:0;animation-delay:.36s}.stat-card-violet{color:#fff;background:linear-gradient(135deg,#7c74ff 0%,#4a43cc 100%)}.stat-card-cyan{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#0891b2 100%)}.stat-card-orange{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#dc7219 100%)}.stat-card-green{color:#fff;background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.shop-bottom-tabs{height:var(--bottom-tab-height,64px);background:var(--sidebar-bg);z-index:1400;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #ffffff14;justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}@media (width<=767px){.shop-bottom-tabs{display:flex}.shop-content{padding-bottom:80px}}.bottom-tab-item{color:#ffffff61;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-tab-item svg{transition:transform .15s}.bottom-tab-item.active{color:var(--primary)}.bottom-tab-item.active svg{transform:scale(1.12)}.bottom-tab-send{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:6px;text-decoration:none;display:flex}.bottom-tab-send-orb{background:linear-gradient(135deg,#7c74ff 0%,#5a52e0 100%);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-20px;transition:box-shadow .2s,transform .15s;display:flex;box-shadow:0 4px 20px #6c63ff8c}.bottom-tab-send:active .bottom-tab-send-orb{transform:scale(.95);box-shadow:0 2px 12px #6c63ff73}.bottom-tab-send.active .bottom-tab-send-orb{box-shadow:0 6px 28px #6c63ffbf}.bottom-tab-send-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffff61;margin-top:3px;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:600;transition:color .15s}.bottom-tab-send.active .bottom-tab-send-label{color:var(--primary)}