.header{height:var(--header-height,160px);background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);border-bottom:none;justify-content:center;align-items:center;padding:1rem max(2rem,100px) 1rem max(2rem,80px);transition:filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.header-cards-container{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.header-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;position:absolute}.header-card-1{width:80px;height:110px;animation:12s ease-in-out infinite floatCard1;top:10%;left:5%;transform:rotate(-12deg)}.header-card-2{width:60px;height:85px;animation:15s ease-in-out infinite floatCard2;top:20%;right:10%;transform:rotate(8deg)}.header-card-3{width:50px;height:70px;animation:10s ease-in-out infinite floatCard3;bottom:10%;left:20%;transform:rotate(20deg)}.header-card-4{width:70px;height:95px;animation:14s ease-in-out infinite floatCard4;top:5%;right:30%;transform:rotate(-5deg)}.header-card-5{width:45px;height:65px;animation:11s ease-in-out infinite floatCard5;bottom:15%;right:5%;transform:rotate(15deg)}@keyframes floatCard1{0%,to{transform:rotate(-12deg)translateY(0)translate(0)}25%{transform:rotate(-8deg)translateY(-12px)translate(8px)}50%{transform:rotate(-15deg)translateY(-6px)translate(15px)}75%{transform:rotate(-10deg)translateY(-14px)translate(5px)}}@keyframes floatCard2{0%,to{transform:rotate(8deg)translateY(0)translate(0)}33%{transform:rotate(12deg)translateY(-10px)translate(-12px)}66%{transform:rotate(5deg)translateY(-16px)translate(-6px)}}@keyframes floatCard3{0%,to{transform:rotate(20deg)translateY(0)translate(0)}50%{transform:rotate(14deg)translateY(-15px)translate(10px)}}@keyframes floatCard4{0%,to{transform:rotate(-5deg)translateY(0)translate(0)}30%{transform:rotate(-10deg)translateY(-8px)translate(-10px)}70%{transform:rotate(0)translateY(-12px)translate(8px)}}@keyframes floatCard5{0%,to{transform:rotate(15deg)translateY(0)translate(0)}40%{transform:rotate(20deg)translateY(-10px)translate(-8px)}80%{transform:rotate(10deg)translateY(-5px)translate(5px)}}.header-emoji{pointer-events:none;opacity:.35;z-index:0;line-height:1;position:absolute}.header-emoji-1{font-size:1.6rem;animation:13s ease-in-out infinite floatEmoji1;top:12%;left:12%}.header-emoji-2{opacity:.4;font-size:1.4rem;animation:11s ease-in-out infinite floatEmoji2;top:60%;left:30%}.header-emoji-3{opacity:.3;font-size:1.2rem;animation:14s ease-in-out infinite floatEmoji3;top:25%;left:45%}.header-emoji-4{opacity:.4;font-size:1.8rem;animation:12s ease-in-out infinite floatEmoji4;top:15%;right:20%}.header-emoji-5{opacity:.35;font-size:1.3rem;animation:15s ease-in-out infinite reverse floatEmoji1;top:65%;right:35%}.header-emoji-6{opacity:.3;font-size:2rem;animation:13s ease-in-out infinite floatEmoji3;top:50%;left:8%}.header-emoji-7{opacity:.45;font-size:1.5rem;animation:10s ease-in-out infinite floatEmoji2;bottom:10%;right:12%}.header-emoji-8{opacity:.3;font-size:1.6rem;animation:16s ease-in-out infinite floatEmoji4;top:8%;right:40%}.header-emoji-9{opacity:.4;font-size:1.4rem;animation:11s ease-in-out infinite floatEmoji1;bottom:15%;left:55%}.header-emoji-10{opacity:.35;font-size:1.1rem;animation:12s ease-in-out infinite reverse floatEmoji3;top:40%;right:8%}@keyframes floatEmoji1{0%,to{transform:translateY(0)translate(0)scale(1)}25%{transform:translateY(-10px)translate(6px)scale(1.05)}50%{transform:translateY(-5px)translate(12px)scale(1)}75%{transform:translateY(-12px)translate(4px)scale(.95)}}@keyframes floatEmoji2{0%,to{transform:translateY(0)translate(0)rotate(0)}33%{transform:translateY(-8px)translate(-10px)rotate(10deg)}66%{transform:translateY(-14px)translate(-4px)rotate(-5deg)}}@keyframes floatEmoji3{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-12px)translate(8px)}}@keyframes floatEmoji4{0%,to{transform:translateY(0)translate(0)rotate(0)}30%{transform:translateY(-6px)translate(-8px)rotate(-8deg)}70%{transform:translateY(-10px)translate(6px)rotate(5deg)}}.header-title{color:#fff;text-align:center;z-index:2;letter-spacing:.04em;text-shadow:0 2px 16px #0000004d;-webkit-user-select:none;user-select:none;align-items:center;gap:.3em;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;display:flex;position:relative}.header-logo-code{font-family:inherit;font-weight:900;font-size:inherit;color:#fbbf24;letter-spacing:.06em;text-shadow:0 0 14px #fbbf2480,0 2px 4px #0000004d}.header-logo-geek{font-family:inherit;font-weight:900;font-size:inherit;letter-spacing:.06em;background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px #7c3aed99)drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;background-clip:text;font-style:normal}.header-rightSection{top:1rem;right:max(.75rem,env(safe-area-inset-right));z-index:1000;flex-direction:row;align-items:center;gap:.5rem;display:flex;position:fixed}.header-buttons-group{flex-direction:row;align-items:center;gap:.5rem;display:flex}.header-button{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;pointer-events:auto;border-radius:var(--radius-card,14px);background-color:#0f172abf;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.header-button:hover{background-color:#7c3aedd9;border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.header-button:active{transform:scale(.96)}.header-cart-button{position:relative}.header-sales-button,.header-delivery-button{background-color:#7c3aedd9;border-color:#7c3aed4d}.header-sales-button:hover,.header-delivery-button:hover{background-color:#6d28d9f2}.cart-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #ef444466}.mobile-menu-btn{top:max(1rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));z-index:1002;-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-card,14px);cursor:pointer;background-color:#0f172abf;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:all .2s;display:flex;position:fixed;box-shadow:0 2px 8px #0003}.mobile-menu-btn:hover{background-color:#7c3aedd9;transform:translateY(-1px)}.mobile-menu-btn:active{transform:scale(.96)}@media (max-width:768px){.header{height:var(--header-height-mobile,110px);padding:.75rem max(1rem,90px) .75rem max(1rem,60px)}.header-title{gap:.25em;font-size:1.6rem}.header-card-1{width:50px;height:70px}.header-card-2{width:40px;height:55px}.header-card-3{width:35px;height:50px}.header-card-4{width:45px;height:60px}.header-card-5{width:30px;height:45px}.header-emoji{opacity:.25;font-size:.9rem!important}.header-rightSection{top:.75rem;right:max(.5rem,env(safe-area-inset-right));gap:.35rem}.header-button{border-radius:10px;width:40px;height:40px;padding:.4rem}.cart-badge{width:18px;height:18px;font-size:.7rem;top:-4px;right:-4px}}
.user-menu{background-color:rgb(var(--card-background-rgb));border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-card,14px);z-index:9999;word-wrap:break-word;overflow-wrap:break-word;pointer-events:auto;min-width:280px;max-width:280px;max-height:calc(100vh - 40px);padding:1.5rem;position:fixed;top:10px;right:60px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.user-menu-main{flex-direction:column;gap:1rem;display:flex}.user-menu-button{color:#f4f4f5;cursor:pointer;background-color:#141418;border:2px solid #333;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s}.user-menu-button:hover{color:#f4f4f5;background-color:#27272a}.user-menu-form{flex-direction:column;display:flex}.user-menu-back-button{cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;margin-bottom:1rem;padding:.5rem;transition:background-color .2s;display:flex}.user-menu-back-button:hover{background-color:#1a1a1e}.user-menu-form form{flex-direction:column;gap:1rem;display:flex}.user-menu-input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.75rem;font-size:.95rem;transition:border-color .2s}.user-menu-input:focus{border-color:var(--accent-color,#7c3aed);outline:none}.user-menu-forgot-password-link{text-align:center;margin-top:1rem}.user-menu-forgot-password-link span{color:#2196f3;cursor:pointer;font-size:.9rem;text-decoration:underline}.user-menu-forgot-password-link span:hover{color:#0d7adc}.user-menu-forgot-info{color:#a1a1aa;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.user-menu-success{color:#4ade80;text-align:center;background-color:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.user-menu-submit-button{background:var(--accent-gradient,linear-gradient(135deg,#7c3aed,#6d28d9));color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:filter .2s}.user-menu-submit-button:hover{filter:brightness(1.15)}.user-menu-submit-button:disabled{cursor:not-allowed;background-color:#71717a}.user-menu-authenticated{flex-direction:column;gap:1rem;display:flex}.user-menu-greeting-container{flex-direction:column;gap:.5rem;display:flex}.user-menu-greeting{color:#f4f4f5;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:.95rem;line-height:1.5}.user-menu-badge{flex-direction:row;justify-content:center;align-items:center;display:flex}.user-menu-logout-button{color:#fff;background-color:#d32f2f;border-color:#d32f2f}.user-menu-logout-button:hover{background-color:#b71c1c;border-color:#b71c1c}.admin-mode-selector{gap:.5rem;display:flex}.mode-button{border:2px solid var(--border-color,#e2e8f0);color:#a1a1aa;cursor:pointer;background-color:#141418;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.mode-button:hover:not(.active){background-color:#1a1a1e;border-color:#71717a}.mode-button.active{color:#fff;cursor:default;background-color:#1976d2;border-color:#1976d2}.mode-button.active:hover{background-color:#1565c0;border-color:#1565c0}.user-menu-admin-toggle{color:#fff;background-color:#1976d2;border-color:#1976d2;justify-content:center;align-items:center;gap:.5rem;display:flex}.user-menu-admin-toggle:hover{background-color:#1565c0;border-color:#1565c0}.user-menu-admin-toggle.active{background-color:#ff9800;border-color:#ff9800}.user-menu-admin-toggle.active:hover{background-color:#f57c00;border-color:#f57c00}.user-menu-error{color:#ef5350;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;background-color:#c628281f;border:1px solid #ef44444d;border-radius:8px;margin-bottom:.5rem;padding:.75rem;font-size:.9rem}.user-menu-password-error{color:#ef5350;background-color:#c628281f;border:1px solid #ef44444d;border-radius:4px;margin-top:-.5rem;padding:.5rem;font-size:.85rem}.user-menu-terms{align-items:flex-start;gap:.5rem;margin-top:-.25rem;display:flex}.user-menu-terms input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:.25rem}.user-menu-terms label{color:#a1a1aa;cursor:pointer;font-size:.9rem;line-height:1.5}.user-menu-terms label a{color:#2196f3;font-weight:500;text-decoration:none}.user-menu-terms label a:hover{text-decoration:underline}.user-menu-remember{align-items:center;gap:.5rem;display:flex}.user-menu-remember input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.user-menu-remember label{color:#a1a1aa;cursor:pointer;font-size:.9rem}.view-mode-selector-three{background-color:#1a1a1e;border-radius:8px;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-four{background-color:#1a1a1e;border-radius:8px;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-four .view-mode-btn{flex:calc(50% - .2rem)}.view-mode-selector-five{background-color:#1a1a1e;border-radius:8px;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.view-mode-selector-five .view-mode-btn{flex:calc(33.33% - .3rem)}.view-mode-btn{border:2px solid var(--border-color,#e2e8f0);color:#a1a1aa;cursor:pointer;background-color:#141418;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.6rem .4rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.view-mode-btn span{white-space:nowrap;font-size:.7rem}.view-mode-btn:hover:not(.active){background-color:#1a1a1e;border-color:#71717a;transform:translateY(-2px)}.view-mode-btn.active{color:#fff;background-color:#1976d2;border-color:#1976d2;box-shadow:0 2px 6px #1976d266}.view-mode-btn.active.vip{color:#f4f4f5;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-color:gold;box-shadow:0 2px 6px #ffd70080}.view-mode-btn.active.vip-plus{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);border-color:#7c3aed;box-shadow:0 2px 6px #7c3aed80}.view-mode-btn.active.b2b{color:#053b3a;background:linear-gradient(135deg,#0ea5a4 0%,#22c55e 100%);border-color:#0ea5a4;box-shadow:0 2px 6px #0ea5a459}
.email-verification{margin:1rem 0}.verification-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-send-code{color:#fff;cursor:pointer;white-space:nowrap;background-color:#8a2be2;border:none;border-radius:6px;min-width:140px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .2s}.btn-send-code:hover:not(:disabled){background-color:#7a1fd2}.btn-send-code:disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.code-inputs{flex-flow:wrap;gap:.5rem;display:flex}.code-input{text-align:center;border:2px solid #ddd;border-radius:6px;flex-shrink:0;max-width:30px;max-height:50px;font-size:1.5rem;font-weight:600;transition:border-color .2s}.code-input:focus{border-color:#8a2be2;outline:none}.code-input:disabled{cursor:not-allowed;background-color:#1a1a1e}.verification-error{color:#c62828;background-color:#f443361f;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem}.verification-success{color:#155724;background-color:#10b9811f;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:500}.verification-hint{color:#1976d2;background-color:#2196f31f;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem}@media (max-width:600px){.verification-row{flex-direction:column;align-items:stretch}.btn-send-code{width:100%}}
.email-spam-overlay{z-index:10000;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.email-spam-overlay.visible{opacity:1;pointer-events:all}.email-spam-notification{opacity:0;background:#141418;border-radius:16px;width:90%;max-width:440px;padding:32px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-20px)scale(.95);box-shadow:0 20px 60px #0000004d}.email-spam-notification.visible{opacity:1;transform:translateY(0)scale(1)}.email-spam-close{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.email-spam-close:hover{color:#f4f4f5;background:#1a1a1e}.email-spam-icon{color:#4caf50;justify-content:center;margin-bottom:20px;animation:.6s bounce;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.email-spam-title{text-align:center;color:#f4f4f5;margin:0 0 16px;font-size:24px;font-weight:700}.email-spam-message{text-align:center;color:#a1a1aa;margin:0 0 20px;font-size:16px;line-height:1.6}.email-spam-message strong{color:#ff9800;font-weight:600}.email-spam-tip{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:20px;padding:16px;font-size:14px;line-height:1.5;box-shadow:0 4px 12px #667eea4d}.email-spam-tip strong{font-weight:700}.email-spam-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.email-spam-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.email-spam-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}@media (max-width:768px){.email-spam-notification{max-width:340px;padding:24px}.email-spam-title{font-size:20px}.email-spam-message{font-size:14px}.email-spam-icon{margin-bottom:16px}}
.vip-badge{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.vip-badge-small{padding:.15rem .4rem;font-size:.6rem}.vip-badge-medium{padding:.25rem .6rem;font-size:.8rem}.vip-badge-large{padding:.4rem .9rem;font-size:.95rem}.vip-badge-vip{color:#856404;background:linear-gradient(135deg,gold,#ffed4e);border-color:#ffc107;box-shadow:0 2px 8px #ffd7004d}.vip-badge-admin{color:#fff;background:linear-gradient(135deg,#dc3545,#ff4757);border-color:#bd2130;box-shadow:0 2px 8px #dc35454d}.vip-badge-b2b{color:#073b45;background:linear-gradient(135deg,#17a2b8,#22c1dc);border-color:#0f7e90;box-shadow:0 2px 8px #17a2b840}
.sidebar{z-index:1001;overscroll-behavior:contain;border-right:none;flex-direction:column;width:min(280px,85vw);max-width:320px;height:100dvh;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 32px #0f172a33}.sidebar.sidebar-drawer-open{transform:translate(0);height:100dvh!important;top:0!important}.sidebar-header{flex-shrink:0;padding:0 1.5rem 1.5rem}.sidebar-scrollable{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;overscroll-behavior:contain;flex:1;padding:0 1.5rem;overflow:hidden auto}.sidebar-scrollable::-webkit-scrollbar{width:5px}.sidebar-scrollable::-webkit-scrollbar-track{background:0 0}.sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background-color:#fff6}.sidebar-collapsed{width:60px}.sidebar-collapsed .sidebar-header{padding:.6rem}.sidebar-collapsed .sidebar-scrollable,.sidebar-collapsed .sidebar-footer{padding:0 .6rem}.sidebar nav,.sidebar .sidebar-categories,.sidebar .sidebar-store-name,.sidebar .vip-badge,.sidebar .sidebar-footer{opacity:1;visibility:visible;transition:opacity .2s .3s,visibility 0s linear .3s}.sidebar-collapsed nav,.sidebar-collapsed .sidebar-categories,.sidebar-collapsed .sidebar-store-name,.sidebar-collapsed .vip-badge,.sidebar-collapsed .sidebar-footer{opacity:0;visibility:hidden;transition:opacity,visibility linear}.sidebar-header-content{align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem 0;display:flex}.sidebar-store-name{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;letter-spacing:-.02em;padding-left:15px;font-size:1.25rem;font-weight:700}.sidebar-toggle-button{color:#fff;cursor:pointer;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .2s;display:none}.sidebar-toggle-button:hover{background-color:#ffffff26}.sidebar-codegeek,.sidebar-codegeek.sidebar-collapsed{background:linear-gradient(165deg,#4c1d95 0%,#1e3a8a 50%,#1e40af 100%)}.sidebar nav ul{margin:0;padding:0;list-style:none}.sidebar-navItem{cursor:pointer;color:#ffffffd9;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;margin-bottom:.35rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-navItem:hover{color:#fff;background-color:#ffffff1f}.sidebar-navItem.active{color:#fff;background-color:#ffffff2e;font-weight:600}.sidebar-navItem svg{opacity:.9;margin-right:.75rem}.sidebar-categories{margin-top:1.5rem}.categories-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 1rem;display:flex}.categories-header h3{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin:0;font-size:.8rem;font-weight:600}.category-add-btn{color:#fff;cursor:pointer;background-color:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex}.category-add-btn:hover{background-color:#ffffff40}.sidebar-categories ul{margin:0;padding:0;list-style:none}.category-item{cursor:pointer;border-radius:var(--radius-button,10px);color:#fffc;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.category-item.subcategory{opacity:.85;cursor:pointer;border-left:3px solid #fff3;border-radius:0 8px 8px 0;margin-bottom:2px;margin-left:1rem;font-size:.9rem}.category-item.subcategory.active{border-left:3px solid #ffffffe6}.category-main{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.category-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-expand-btn{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.category-expand-btn:hover{color:#fff;transform:scale(1.2)}.category-item:hover{background-color:#ffffff1a}.category-item.active{color:#fff;background-color:#ffffff26;font-weight:600}.category-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.category-item svg{flex-shrink:0}.category-actions{opacity:0;flex-shrink:0;gap:.25rem;transition:opacity .2s;display:flex}.category-item:hover .category-actions{opacity:1}.category-action-btn{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.category-action-btn:hover{background-color:#fff3}.category-action-btn.edit:hover{background-color:#60a5fa80}.category-action-btn.delete:hover{background-color:#ef444480}.category-action-btn.add-sub:hover{background-color:#22c55e80}.category-drag-handle{cursor:grab;color:#ffffff80;flex-shrink:0;align-items:center;padding:.15rem;display:flex}.category-drag-handle:active{cursor:grabbing}.category-item.category-dragging{opacity:.6}.category-item.category-drag-over{background-color:#fff3;outline:1px dashed #fff6}.category-edit-form{align-items:center;gap:.25rem;width:100%;display:flex}.category-edit-form input{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;flex:1;min-width:0;padding:.25rem .5rem;font-size:.9rem}.category-edit-form input::placeholder{color:#ffffff80}.category-edit-form button{color:#fff;cursor:pointer;background-color:#ffffff26;border:none;border-radius:4px;flex-shrink:0;width:24px;min-width:24px;height:24px;font-size:.9rem;transition:background-color .2s}.category-edit-form button:hover{background-color:#ffffff40}.category-item.game-editing{align-items:flex-start;min-height:70px;padding:.75rem 1rem}.game-edit-form{width:100%}.game-edit-inputs{flex-direction:column;gap:.5rem;width:100%;display:flex}.game-edit-inputs input{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;width:100%;padding:.35rem .5rem;font-size:.9rem}.game-edit-inputs input::placeholder{color:#ffffff80}.game-edit-format-row{align-items:center;gap:.5rem;display:flex}.game-edit-format-row input{flex:1}.game-edit-buttons{flex-shrink:0;gap:.25rem;display:flex}.game-edit-buttons button{color:#fff;cursor:pointer;background-color:#ffffff26;border:none;border-radius:4px;flex-shrink:0;width:24px;min-width:24px;height:24px;font-size:.9rem;transition:background-color .2s}.game-edit-buttons button:hover{background-color:#ffffff40}.sidebar-footer{text-align:center;border-top:1px solid #ffffff14;flex-shrink:0;padding:1rem 1.5rem}.sidebar-footer-links{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.footer-link{color:#fff9;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#ffffffe6;text-decoration:underline}.footer-separator{color:#ffffff4d;font-size:.8rem}.footer-copyright{color:#fff6;margin:0;font-size:.75rem;font-weight:400}@media (max-width:768px){.sidebar{padding-left:env(safe-area-inset-left)}.sidebar-header{padding-top:max(.5rem,env(safe-area-inset-top,0px))}.sidebar-collapsed.sidebar-drawer-open{transform:translate(0)}.sidebar-collapsed nav,.sidebar-collapsed .sidebar-categories,.sidebar-collapsed .sidebar-store-name,.sidebar-collapsed .vip-badge,.sidebar-collapsed .sidebar-footer{opacity:1;visibility:visible}.sidebar-collapsed .sidebar-header{padding:1.5rem}.sidebar-collapsed .sidebar-scrollable{padding:0 1.5rem}.sidebar-collapsed .sidebar-footer{padding:1rem 1.5rem}.sidebar-store-name{text-align:center;width:100%;padding-left:0}.sidebar-header-content{justify-content:center}.sidebar-navItem{min-height:44px;padding:.85rem 1rem}}.sidebar-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0f172a80;animation:.25s overlay-fade-in;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}
.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-category-modal{border-radius:var(--radius-card,14px);background-color:#141418;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid #7c3aed33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--primary-text-color);margin:0;font-size:1.5rem}.close-btn{color:var(--primary-text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#7c3aed1a}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}.warning-text{color:var(--primary-text-color);background-color:#ffa5001a;border-left:4px solid orange;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.action-selector h3{color:var(--primary-text-color);margin-bottom:1rem;font-size:1.2rem}.action-option{border-radius:var(--radius-button,10px);cursor:pointer;border:2px solid #7c3aed33;align-items:center;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.action-option:hover{background-color:#7c3aed0d;border-color:#7c3aed80}.action-option input[type=radio]{cursor:pointer;width:18px;height:18px;margin-right:.75rem}.action-option span{color:var(--primary-text-color);flex:1;font-size:1rem}.action-details{margin-top:.75rem;margin-bottom:1rem;margin-left:2rem}.category-input,.category-select,.product-category-select,.product-new-category-input{background-color:var(--background-rgb);width:100%;color:var(--primary-text-color);border:2px solid #7c3aed4d;border-radius:8px;padding:.75rem;font-size:1rem}.category-input:focus,.category-select:focus,.product-category-select:focus,.product-new-category-input:focus{border-color:#7c3aedb3;outline:none}.individual-list{max-height:300px;overflow-y:auto}.individual-list h4{color:var(--primary-text-color);margin-bottom:1rem}.product-assignment{background-color:#7c3aed0d;border-radius:8px;margin-bottom:.75rem;padding:1rem}.product-name{color:var(--primary-text-color);margin-bottom:.75rem;font-weight:600;display:block}.assignment-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.product-category-select{flex:1;min-width:150px}.or-text{color:var(--secondary-text-color);white-space:nowrap;font-style:italic}.product-new-category-input{flex:1;min-width:150px}.modal-footer{border-top:1px solid #7c3aed33;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-cancel{color:var(--primary-text-color);background-color:#0000;border:2px solid #7c3aed4d}.btn-cancel:hover:not(:disabled){background-color:#7c3aed1a}.btn-confirm{background-color:var(--accent-color,#7c3aed);color:#fff}.btn-confirm:hover:not(:disabled){background-color:var(--accent-hover,#6d28d9);transform:translateY(-1px)}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}