*{margin:0;padding:0;box-sizing:border-box}.el-dialog .el-dialog__body{text-align:center!important}body{background-color:#f0f0f0;padding:0}.product-management{width:100%;background-color:#f0f0f0}.header{background-color:#fff;border-bottom:1px solid #eee;margin-bottom:30px;padding:0 20px}.header-content{justify-content:space-between;padding:12px 0;max-width:1400px;margin:0 auto}.header-content,.header-left{display:flex;align-items:center}.header-left{gap:15px;flex:1}.home-type-container.menu-item-wrapper{display:flex;align-items:center;gap:0;position:relative;height:100%;cursor:pointer}.header-icon{width:25px;height:25px}.new-order-badge{position:absolute;top:-8px;right:-8px;background-color:#00f;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1;border-radius:50%}.menu-item-wrapper{position:relative;cursor:pointer;display:inline-block}.header-btn{padding:8px 15px;display:flex;align-items:center;gap:5px;font-size:14px}.header-btn,.header-left .menu-item-wrapper span:hover{cursor:pointer}.custom-type-select-wrapper{position:relative;display:inline-block;height:100%}.custom-select{height:100%;padding:8px 30px 8px 15px;border:none;border-left:none;background-color:#fff;font-size:14px;color:#606266;cursor:pointer;min-width:120px;position:relative;display:flex;align-items:center;justify-content:space-between}.custom-select.open,.custom-select:hover{background-color:#f5f5f5}.select-arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #c0c4cc;pointer-events:none;transition:transform .2s}.custom-select.open .select-arrow{transform:translateY(-50%) rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:250px;overflow-y:auto;z-index:1001;margin-top:2px}.option{padding:10px 15px;cursor:pointer;font-size:14px;color:#606266;transition:background-color .2s}.option:hover{background-color:#f5f5f5}.option.selected{background-color:#00f;color:#fff}.menu-item-wrapper.active:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:5px;background-color:#00f;border-radius:2px}.header-center{justify-content:center;flex:1}.header-center,.search-wrapper{display:flex;align-items:center}.search-wrapper{position:relative}.search-input{padding:8px 40px 8px 15px;border:1px solid #000;width:100%;max-width:300px;background:#fff;font-size:14px;margin:0 10px}.custom-search-icon{right:40px;width:30px;height:30px;pointer-events:none}.header-right{display:flex;align-items:center;gap:25px;flex:1;justify-content:flex-end}.header-right .menu-item-wrapper span{cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;padding:8px 0}.user-menu-container{position:relative;display:inline-block}.user-menu-trigger{cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;padding:5px 10px;transition:background-color .2s}.user-menu-trigger:hover{background-color:#f5f5f5}.menu-arrow{font-size:10px;margin-left:5px;transition:transform .2s}.user-menu-trigger:hover .menu-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:150px;z-index:1000;margin-top:5px;overflow:hidden}.menu-item{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s;white-space:nowrap}.menu-item:hover{background-color:#f5f5f5}.confirm-delete-btn{background-color:#000;color:#fff;border:none;padding:6px 6px;font-size:14px;cursor:pointer;width:100%;max-width:100px;box-sizing:border-box;transition:background-color .3s;font-weight:500;letter-spacing:.5px;margin-right:50px}.confirm-delete-btn:active,.confirm-delete-btn:hover{background-color:#333}.cancel-btn{background-color:#fff;color:#333;border:1px solid #333;padding:5px 5px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:500;letter-spacing:.5px;width:100%;max-width:100px}.cancel-btn:hover{background-color:#f5f5f5;transform:translateY(-1px)}@media (max-width:1400px){.header{padding:0 30px}}@media (max-width:1200px){.header{padding:0 25px}.custom-select{min-width:100px}}@media (max-width:992px){.header-content{flex-direction:column;gap:15px;padding:15px 0}.header-center,.header-left,.header-right{width:100%;justify-content:center;flex:none}.header-left{order:1;flex-wrap:wrap;gap:10px;justify-content:center}.home-type-container.menu-item-wrapper{justify-content:center;width:100%}.header-center{order:2;margin:10px 0}.header-right{order:3;justify-content:center;gap:15px}.search-input{max-width:400px;width:100%}.header{padding:0 20px}.menu-item-wrapper.active:after{bottom:-15px}.user-dropdown-menu{right:50%;transform:translateX(50%)}.custom-select{min-width:150px}.dropdown-options{left:50%;transform:translateX(-50%);min-width:150px}}@media (max-width:768px){.header-right{flex-wrap:wrap;justify-content:center;gap:15px}.search-input{width:100%;max-width:100%}.header,.product-wrap{padding:0 15px}.header-left{gap:8px}.header-btn,.header-left span{font-size:14px;padding:6px 12px}.menu-item,.user-menu-trigger{font-size:13px}.custom-select{min-width:120px;font-size:13px;padding:6px 25px 6px 12px}}@media (max-width:480px){.header,.product-wrap{padding:0 10px}.header-btn,.header-left span,.header-right span,.search-input{font-size:13px;padding:5px 10px}.header-left{gap:6px}.header-right{gap:12px}.user-dropdown-menu{min-width:130px}.custom-select{min-width:100px;font-size:12px;padding:5px 20px 5px 10px}.select-arrow{right:8px}.dropdown-options{min-width:120px}}.floating-buttons[data-v-2b9846f3]{position:fixed;right:180px;bottom:180px;z-index:1000;display:flex;flex-direction:column;gap:15px}.floating-btn[data-v-2b9846f3]{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:14px;font-weight:500;position:relative}.floating-btn[data-v-2b9846f3]:hover{transform:translateY(-3px)}.floating-btn[data-v-2b9846f3]:active{transform:translateY(-1px)}.cart-btn .icon-cart[data-v-2b9846f3]{margin-right:0}.cart-badge[data-v-2b9846f3]{position:absolute;top:35px;right:0;background-color:#00f;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 4px rgba(0,0,0,.2)}.icon-cart[data-v-2b9846f3]{display:inline-block;width:16px;height:14px;position:relative;margin-right:4px}.icon-cart[data-v-2b9846f3]:before{content:"";position:absolute;top:0;left:2px;width:12px;height:8px;border:1px solid #000;border-bottom:none;border-radius:2px 2px 0 0}.icon-cart[data-v-2b9846f3]:after{content:"";position:absolute;bottom:0;left:0;width:4px;height:4px;background-color:#000;border-radius:50%;box-shadow:6px 0 0 #000,12px 0 0 #000}@media (max-width:1800px){.floating-buttons[data-v-2b9846f3]{right:30px;bottom:30px}}@media (max-width:992px){.floating-buttons[data-v-2b9846f3]{right:12px;bottom:12px}.floating-btn[data-v-2b9846f3]{width:52px;height:52px}}@media (max-width:768px){.floating-buttons[data-v-2b9846f3]{right:12px;bottom:12px}.floating-btn[data-v-2b9846f3]{width:48px;height:48px;font-size:13px}}@media (max-width:480px){.floating-buttons[data-v-2b9846f3]{right:12px;bottom:12px;gap:12px}.floating-btn[data-v-2b9846f3]{width:44px;height:44px;font-size:12px}.cart-badge[data-v-2b9846f3]{min-width:18px;height:18px;font-size:10px;top:-4px;right:-4px}}