.header{background-image:url(/banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:3px solid #000;justify-content:center;align-items:center;height:150px;padding:1rem 2rem;display:flex;position:relative}.header-title{color:#fff;text-align:center;text-shadow:2px 2px 4px #000000b3;z-index:1;margin:0;font-size:3rem;font-weight:700}.header-rightSection{z-index:1000;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:1rem;right:.75rem}.header-buttons-group{flex-direction:column;gap:.5rem;display:flex}.header-button{color:#fff;cursor:pointer;pointer-events:auto;background-color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex;box-shadow:0 2px 4px #0000001a}.header-button:hover{background-color:#333}.header-cart-button{position:relative}.header-sales-button{background-color:#8a2be2}.header-sales-button:hover{background-color:#7a1fd2}.cart-badge{color:#fff;background-color:#e74c3c;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}
.user-menu{z-index:1000;word-wrap:break-word;overflow-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:8px;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 4px 12px #00000026}.user-menu-main{flex-direction:column;gap:1rem;display:flex}.user-menu-button{color:#333;cursor:pointer;background-color:#fff;border:2px solid #333;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s}.user-menu-button:hover{color:#fff;background-color:#333}.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:#f0f0f0}.user-menu-form form{flex-direction:column;gap:1rem;display:flex}.user-menu-input{border:1px solid #ddd;border-radius:6px;padding:.75rem;font-size:.95rem;transition:border-color .2s}.user-menu-input:focus{border-color:#333;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:#666;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.user-menu-success{color:#155724;text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.user-menu-submit-button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:6px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.user-menu-submit-button:hover{background-color:#555}.user-menu-submit-button:disabled{cursor:not-allowed;background-color:#999}.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:#333;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{color:#666;cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:6px;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:#f5f5f5;border-color:#999}.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:#c62828;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:6px;margin-bottom:.5rem;padding:.75rem;font-size:.9rem}.user-menu-password-error{color:#c62828;background-color:#ffebee;border:1px solid #ef9a9a;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:#666;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:#666;cursor:pointer;font-size:.9rem}.view-mode-selector-three{background-color:#f5f5f5;border-radius:6px;gap:.4rem;padding:.5rem;display:flex}.view-mode-btn{color:#666;cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:6px;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:#fafafa;border-color:#999;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:#333;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-color:gold;box-shadow:0 2px 6px #ffd70080}
.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:#f5f5f5}.verification-error{color:#c62828;background-color:#ffebee;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem}.verification-success{color:#155724;background-color:#d4edda;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:500}.verification-hint{color:#1976d2;background-color:#e3f2fd;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%}}
.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}
.sidebar{border-right:1px solid var(--border-color);align-self:flex-start;width:250px;min-height:100vh;padding:1.5rem;transition:width .3s,padding .3s,background .3s;position:sticky;top:0}.sidebar-collapsed{width:60px;padding:.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{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sidebar-store-name{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.2rem;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:flex}.sidebar-toggle-button:hover{background-color:#fff3}.sidebar-codegeek,.sidebar-codegeek.sidebar-collapsed{background:linear-gradient(90deg,#be6ae3,#0d4db1)}.sidebar nav ul{margin:0;padding:0;list-style:none}.sidebar-navItem{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.sidebar-navItem:hover{background-color:#f0f0f0}.sidebar-navItem.active{color:#fff;background-color:#333}.sidebar-navItem svg{margin-right:.75rem}.sidebar-categories{margin-top:2rem}.categories-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem;display:flex}.categories-header h3{text-transform:uppercase;color:#fff;margin:0;font-size:.9rem}.category-add-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex}.category-add-btn:hover{background-color:#ffffff4d}.sidebar-categories ul{margin:0;padding:0;list-style:none}.category-item{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s;display:flex}.category-item.subcategory{opacity:.9;cursor:pointer;border-left:4px solid #ffffff4d;border-radius:0;margin-bottom:3px;margin-left:1rem;padding-left:2.5rem;font-size:.9rem}.category-item.subcategory.active{border-left:4px solid #fff}.category-main{cursor:pointer;flex:1;align-items:center;gap:.5rem;display:flex}.category-expand-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.category-expand-btn:hover{transform:scale(1.2)}.category-item:hover{background-color:#ffffff1a}.category-item.active{background-color:#fff3;font-weight:600}.category-item span{flex:1}.category-item svg{flex-shrink:0}.category-actions{opacity: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:3px;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:#3b82f680}.category-action-btn.delete:hover{background-color:#ef444480}.category-action-btn.add-sub:hover{background-color:#22c55e80}.category-edit-form{align-items:center;gap:.25rem;width:100%;display:flex}.category-edit-form input{color:#fff;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;flex:1;min-width:0;padding:.25rem .5rem;font-size:.9rem}.category-edit-form input::placeholder{color:#fff9}.category-edit-form button{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:3px;flex-shrink:0;width:24px;min-width:24px;height:24px;font-size:.9rem;transition:background-color .2s}.category-edit-form button:hover{background-color:#ffffff4d}.sidebar-footer{text-align:center;padding:0 1.5rem;position:absolute;bottom:1rem;left:0;right:0}.sidebar-footer-links{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.footer-link{color:#ffffffb3;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff;text-decoration:underline}.footer-separator{color:#fff6;font-size:.8rem}.footer-copyright{color:#ffffff80;margin:0;font-size:.75rem;font-weight:400}
.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-category-modal{background-color:#fff;border-radius:12px;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 #8a2be233;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:6px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#8a2be21a}.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{cursor:pointer;border:2px solid #8a2be233;border-radius:8px;align-items:center;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.action-option:hover{background-color:#8a2be20d;border-color:#8a2be280}.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 #8a2be24d;border-radius:6px;padding:.75rem;font-size:1rem}.category-input:focus,.category-select:focus,.product-category-select:focus,.product-new-category-input:focus{border-color:#8a2be2b3;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:#8a2be20d;border-radius:6px;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 #8a2be233;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:6px;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 #8a2be24d}.btn-cancel:hover:not(:disabled){background-color:#8a2be21a}.btn-confirm{color:#fff;background-color:#8a2be2}.btn-confirm:hover:not(:disabled){background-color:#7a1fd2;transform:translateY(-1px)}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}