.logo{height:64px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#1a2332}.trigger{padding:0 24px;font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.ant-layout-sider{overflow:hidden!important;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}.ant-layout-sider::-webkit-scrollbar{display:none}.login-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:url(/bg.png) no-repeat center center;background-size:cover}.login-top-logo{position:absolute;top:24px;left:32px;width:100px;height:auto;z-index:10}.login-wrapper{position:relative;display:flex;width:100%;max-width:900px;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000059}.login-form-panel{width:50%;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 28px}.login-form-left{background:transparent;visibility:hidden}.login-wrapper.register-active .login-form-left{background:#fff;visibility:visible}.login-wrapper.verify-active .login-form-left{background:transparent;visibility:hidden}.login-form-right{background:#fff;visibility:visible}.login-wrapper.register-active .login-form-right,.login-wrapper.verify-active .login-form-right{background:transparent;visibility:hidden}.login-form-forgot{position:absolute;top:0;right:0;height:100%;background:transparent;visibility:hidden;z-index:1}.login-wrapper.forgot-active .login-form-forgot{background:#fff;visibility:visible}.login-wrapper.forgot-active .login-form-left,.login-wrapper.forgot-active .login-form-right{background:transparent;visibility:hidden}.login-wrapper.forgot-active .login-promo-panel{transform:translate(0)}.login-form-store-setup{position:absolute;top:0;right:0;width:50%;min-height:100%;background:transparent;visibility:hidden;z-index:1;padding:20px 28px}.login-wrapper.store-setup-active .login-form-store-setup{position:relative;width:50%;margin-left:50%;background:#fff;visibility:visible;z-index:3}.login-wrapper.store-setup-active .login-form-left,.login-wrapper.store-setup-active .login-form-right{display:none}.login-wrapper.store-setup-active .login-promo-panel{transform:translate(0)}.login-wrapper.store-setup-active .login-promo-panel h2{margin-top:48px}.login-form-store-setup .ant-form-item{margin-bottom:8px}.login-form-store-setup h3{margin:4px 0 10px!important}.login-form-store-setup .ant-upload-wrapper .ant-upload-list-item-container,.login-form-store-setup .ant-upload-select{width:64px!important;height:64px!important;cursor:pointer}.logo-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity .2s;border-radius:4px}.login-form-store-setup .ant-upload-select:hover .logo-upload-overlay{opacity:1}.login-form-verify{position:absolute;top:0;right:0;height:100%;background:transparent;visibility:hidden;z-index:1}.login-wrapper.verify-active .login-form-verify{background:#fff;visibility:visible}.login-form-panel h3{font-size:20px;font-weight:700;color:#016fff;margin:8px 0 16px;text-align:center}.login-form-panel .login-form-label{font-size:14px;font-weight:500;margin-bottom:4px;color:#333}.login-form-panel .ant-form-item{margin-bottom:12px}.login-form-verify .ant-form-item-has-error{margin-bottom:24px}.login-form-panel .ant-input,.login-form-panel .ant-input-password{border-radius:6px}.login-form-panel .ant-btn{border-radius:20px;height:40px;font-weight:600;font-size:14px;max-width:240px;margin:0 auto;display:block}.login-form-panel .ant-btn-primary{background:#016FFF;border-color:#016fff}.login-form-panel .ant-btn-primary:hover{background:#0160e0!important;border-color:#0160e0!important}.login-forgot{text-align:right;margin-top:-6px;margin-bottom:8px}.login-forgot a{font-size:12px;color:#1890ff}.login-promo-panel{position:absolute;top:0;left:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:24px;background:linear-gradient(215.55deg,rgba(1,111,255,.75) 15.43%,rgba(141,13,215,.75) 96.36%);color:#fff;z-index:2;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:translate(0)}.login-wrapper.register-active .login-promo-panel{transform:translate(100%)}.login-wrapper.verify-active .login-promo-panel{transform:translate(0)}.login-promo-panel h2{font-size:20px;font-weight:700;color:#fff;margin:8px 0 24px;text-align:center}.login-promo-cta{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.35);border-radius:12px;padding:16px;text-align:left}.login-promo-cta p{margin:0 0 8px;font-size:14px;font-weight:600;color:#fff;text-align:left}.login-promo-cta .cta-desc{font-size:14px;color:#fff;margin-bottom:10px;font-weight:600;text-align:left}.login-promo-cta .cta-btn-wrap{text-align:center;margin-top:12px}.login-promo-cta .ant-btn{border-radius:20px;font-weight:600;padding:0 28px;height:36px;background:#fff!important;color:#016fff!important;border-color:#fff!important}.login-promo-cta .ant-btn:hover{background:#f0f0f0!important;border-color:#f0f0f0!important}.promo-content{position:absolute;top:24px;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.promo-content.active{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.35s}.verify-email-hint{text-align:center;font-size:14px;color:#666;margin:-8px 0 20px}.verify-email-sub-hint{display:none;text-align:center;font-size:14px;font-weight:400;color:#999;margin:-12px 0 16px}.promo-back-link{position:absolute;bottom:24px;left:28px;cursor:pointer;color:#fff;font-size:13px}.promo-back-link:hover{text-decoration:underline}.store-url-mobile-hint{display:none}.mobile-only{display:none!important}.login-mobile-switch{display:none;text-align:center;margin-top:8px;font-size:14px;color:#ccc}.login-mobile-switch a{color:#fff;font-weight:700;margin-left:4px}@media (max-width: 768px){.login-top-logo{position:static;display:block;margin:0 auto 12px;width:120px}.login-container{flex-direction:column;align-items:center;justify-content:center;padding:0 24px}.login-wrapper{flex-direction:column;max-width:400px;width:100%;box-shadow:none;border-radius:16px;background:linear-gradient(215.55deg,rgba(1,111,255,.75) 15.43%,rgba(141,13,215,.75) 96.36%)}.login-promo-panel{display:none!important}.login-form-panel{width:100%;padding:20px;background:transparent!important;position:relative!important;right:auto!important;top:auto!important;height:auto!important;min-height:auto!important;margin-left:0!important}.login-form-left,.login-form-right,.login-form-verify,.login-form-forgot,.login-form-store-setup{display:none!important;visibility:hidden!important}.login-wrapper:not(.register-active):not(.verify-active):not(.forgot-active):not(.store-setup-active) .login-form-right{display:flex!important;visibility:visible!important}.login-wrapper.register-active .login-form-left,.login-wrapper.verify-active .login-form-verify,.login-wrapper.forgot-active .login-form-forgot{display:flex!important;visibility:visible!important}.login-wrapper.store-setup-active .login-form-store-setup{display:flex!important;flex-direction:column;visibility:visible!important;width:100%!important;margin-left:0!important;padding:20px!important}.login-form-panel h3{color:#fff}.login-form-panel .login-form-label{color:#ffffffe6}.login-forgot a{color:#ffffffbf}.login-form-panel .ant-checkbox-wrapper{color:#ffffffe6}.login-form-panel .ant-checkbox-wrapper a{color:#fff;text-decoration:underline}.verify-email-hint{color:#ffffffd9!important}.verify-email-sub-hint{display:block;color:#ffffffa6!important}.login-form-verify .verify-countdown{color:#ffffffbf!important}.login-form-panel .ant-btn{max-width:100%!important;width:100%!important}.login-form-store-setup .ant-form{width:100%!important}.login-form-store-setup .ant-form-item{width:100%!important;max-width:100%!important}.login-form-store-setup .ant-input,.login-form-store-setup .ant-input-group-wrapper,.login-form-store-setup .ant-input-group,.login-form-store-setup .ant-select,.login-form-store-setup .ant-select-selector{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.login-form-store-setup p{color:#ffffffbf!important;margin-top:4px!important}.login-form-store-setup .ant-upload-wrapper .ant-upload-list-item-container,.login-form-store-setup .ant-upload-select{width:48px!important;height:48px!important}.login-form-store-setup .ant-form-item{margin-bottom:8px}.login-form-store-setup .store-logo-item.ant-form-item{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.login-form-store-setup .store-logo-item .ant-form-item-row{flex-direction:row!important;align-items:center!important;width:100%!important;justify-content:space-between!important}.login-form-store-setup .store-logo-item .ant-form-item-label{padding-bottom:0!important;flex:1!important;text-align:left!important}.login-form-store-setup .store-logo-item .ant-form-item-control{flex:0 0 auto!important;width:auto!important}.login-form-store-setup .ant-input-group-addon{display:none!important}.login-form-store-setup .store-url-mobile-hint{display:block;color:#ffffffd9;font-size:13px;margin-top:4px;text-align:right}.login-form-store-setup .ant-form-item-label>label{color:#ffffffe6!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.login-form-panel .ant-btn-primary{background:#fff!important;color:#016fff!important;border-color:#fff!important}.login-form-panel .ant-btn-primary:hover{background:#f0f0f0!important;color:#016fff!important;border-color:#f0f0f0!important}.login-mobile-switch{display:block}.login-mobile-back{text-align:left}.login-mobile-back a{font-weight:500}}.filter-popup-content{width:320px;padding:4px 0}.filter-section{margin-bottom:4px}.filter-section-title{font-weight:600;font-size:13px;margin-bottom:10px;color:#000000d9}.filter-tag{cursor:pointer;user-select:none;transition:all .25s ease;font-size:13px;padding:5px 14px;border-radius:6px;background-color:#f5f5f5;border:1px solid #d9d9d9;color:#000000a6}.filter-tag:hover{border-color:#40a9ff;color:#40a9ff;background-color:#e6f7ff}.filter-tag-selected{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff;font-weight:500}.filter-tag-selected:hover{background-color:#bae7ff;border-color:#69c0ff;color:#096dd9}.filter-actions{display:flex;justify-content:space-between;gap:8px}.filter-actions button{flex:1;font-weight:500}.filter-popup-overlay .ant-popover-inner{border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.filter-popup-overlay .ant-popover-title{font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;padding:10px 16px}.filter-popup-overlay .ant-popover-inner-content{padding:12px 16px}.ant-badge-count{background-color:#1890ff;box-shadow:0 0 0 1px #fff}.product-list-container-parent{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.product-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; .product-list-title {margin: 0 !important;}} .product-list-filters {margin-top: 12px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; flex-shrink: 0; .product-list-search {width: 300px;}} .product-list-category-select {width: 200px;} .product-list-status-select {width: 180px;} .product-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .product-list-table {flex: 1; overflow-y: auto; overflow-x: auto; .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa;} .ant-table-tbody > tr > td {font-size: 14px; font-weight: 400;} .ant-table-thead > tr > th {font-size: 14px; font-weight: 600;} .ant-pagination {display: none;}} .product-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; min-height: 44px; align-items: center; .ant-pagination {margin: 0;}} .product-list-id {color: #1890ff; cursor: pointer; font-weight: 500;} .product-list-image {width: 40px; height: 40px; object-fit: cover; border-radius: 4px; border: 1px solid #d9d9d9;} .product-list-name-text {overflow: hidden; text-overflow: ellipsis; white-space: pre; max-width: 200px; display: inline-block;}}.import-wholesale-upload .ant-upload-list-item-actions{opacity:1!important}.import-wholesale-upload .ant-upload-list-item-actions .anticon-delete{cursor:pointer}.import-wholesale-upload .ant-upload-list-item-action{opacity:1!important;cursor:pointer}@media (max-width: 1200px){.product-list-container{.product-list-filters {flex-direction: column; align-items: stretch; & > .ant-space {width: 100%; justify-content: flex-start;} .product-list-search {width: 100%; max-width: 400px;}}}}@media (max-width: 768px){.product-list-container{height:calc(100vh - 40px);overflow:hidden;.product-list-header {flex-direction: column; align-items: flex-start; gap: 12px; button {width: 100%;}} .product-list-filters {& > .ant-space {flex-wrap: wrap;} .product-list-search {width: 100%; max-width: none;}} .product-list-table-wrapper {border: none;} .product-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0; .ant-pagination {justify-content: center; min-height: 44px;}} .ant-select {width: 100% !important;}}}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.wholesale-pricing-parent{.wholesale-pricing-screen {background: #f5f5f5; min-height: calc(100vh - 70px); padding: 0;} .wholesale-pricing-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0;} .wholesale-pricing-header .back-button {color: #1890ff; font-size: 14px; padding: 0;} .wholesale-pricing-header .header-actions {display: flex; gap: 12px;} .wholesale-pricing-content {padding: 24px; margin: 0 auto; width: 100%;} .variation-info {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding: 16px; background: #fff; border-radius: 8px 8px 0 0; border-bottom: 1px solid #f0f0f0;} .variation-label {font-weight: 600; font-size: 16px; color: #000;} .add-price-btn {color: #1890ff; padding: 0;} .delete-btn {color: #1890ff; padding: 0;} .edit-btn {color: #1890ff; padding: 0;} .pricing-table {background: #fff; border-radius: 0 0 8px 8px; overflow: hidden;} .pricing-table-header {display: grid; grid-template-columns: 150px 200px 180px 1fr 60px; gap: 16px; padding: 12px 16px; background: #fafafa; font-size: 11px; font-weight: 600; color: #999; letter-spacing: .5px; border-bottom: 1px solid #f0f0f0;} .pricing-table-row {display: grid; grid-template-columns: 150px 200px 180px 1fr 60px; gap: 16px; padding: 16px; border-bottom: 1px solid #f0f0f0; align-items: flex-start;} .pricing-table-row:last-child {border-bottom: none;} .col-title,.col-actions {display: flex; align-items: center;} .col-buy-from,.col-price,.col-discount,.col-customer {display: flex; flex-direction: column; align-items: flex-start;} .empty-state {text-align: center; padding: 60px 20px; background: #fff; border-radius: 8px;} .empty-state p {color: #999; margin-bottom: 16px; font-size: 14px;} @media (max-width: 1200px) {.pricing-table-header,.pricing-table-row {grid-template-columns: 1fr; gap: 12px;} .pricing-table-header > div {display: none;} .pricing-table-row > div {display: flex; flex-direction: column; align-items: flex-start;} .pricing-table-row > div::before {content: attr(data-label); font-size: 11px; font-weight: 600; color: #999; margin-bottom: 4px;}}}.variation-container-parent{.variation-selection-content {display: flex; flex-direction: column; gap: 0; max-height: 60vh; overflow: hidden;} .variation-table-header {display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-weight: 600; font-size: 13px; color: rgba(0,0,0,.85); flex-shrink: 0;} .variation-table-body {display: flex; flex-direction: column; overflow-y: auto; flex: 1; min-height: 0;} .variation-table-row {display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f0f0; &:last-child {border-bottom: none;}} .variation-table-header .col-checkbox,.variation-table-row .col-checkbox {width: 50px; flex-shrink: 0;} .variation-table-header .col-name,.variation-table-row .col-name {flex: 1; min-width: 0;} .variation-table-header .col-price,.variation-table-row .col-price {width: 120px; flex-shrink: 0; text-align: right;}}.inventory-update-stock-modal .ant-modal-header{border-bottom:none;padding-bottom:0}.inventory-update-stock-modal .iusm-title{text-align:center;font-size:18px;font-weight:600}.inventory-update-stock-modal .iusm-content{padding-top:8px}.inventory-update-stock-modal .iusm-product{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.inventory-update-stock-modal .iusm-product-image{width:64px;height:64px;flex-shrink:0;border:1px solid #f0f0f0;border-radius:6px;overflow:hidden;background:#fafafa}.inventory-update-stock-modal .iusm-product-image img{width:100%;height:100%;object-fit:cover}.inventory-update-stock-modal .iusm-product-image-placeholder{width:100%;height:100%;background:#f0f0f0}.inventory-update-stock-modal .iusm-product-info{flex:1;min-width:0}.inventory-update-stock-modal .iusm-product-name{font-size:15px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.inventory-update-stock-modal .iusm-product-model{font-size:13px;color:#1677ff;font-style:italic;margin-top:2px}.inventory-update-stock-modal .iusm-table{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.inventory-update-stock-modal .iusm-table-header,.inventory-update-stock-modal .iusm-table-row{display:grid;grid-template-columns:1.5fr .5fr 2.3fr;align-items:center;gap:12px;padding:10px 16px}.inventory-update-stock-modal .iusm-col-stock{text-align:center}.inventory-update-stock-modal .iusm-table-header{background:#fafafa;font-weight:600;border-bottom:1px solid #f0f0f0}.inventory-update-stock-modal .iusm-table-row{border-bottom:1px solid #f5f5f5}.inventory-update-stock-modal .iusm-table-row:last-child{border-bottom:none}.inventory-update-stock-modal .iusm-table-body{max-height:360px;overflow-y:auto}.inventory-update-stock-modal .iusm-col-branch{font-weight:500}.inventory-update-stock-modal .iusm-col-newstock{display:flex;align-items:center;gap:8px;justify-content:flex-end}.inventory-update-stock-modal .iusm-newstock-label{font-weight:600;white-space:nowrap}.inventory-update-stock-modal .iusm-empty{text-align:center;padding:24px;color:#999}.inventory-update-stock-modal .iusm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.product-form-container-parent{.product-form-new-container {padding: 0; background: #f5f5f5;} .product-form-new-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,.06);} .product-form-new-header .form-title {margin: 0; font-size: 20px; font-weight: 600; flex: 1; text-align: center;} .product-form-new-header .back-button {border: none; background: transparent; color: #666; font-weight: 500;} .product-form-new-header .back-button:hover {color: #1890ff; background: #f0f0f0;} .product-form-new-header .save-button {min-width: 120px; height: 40px; font-weight: 500;} .product-form-new {padding: 24px; margin: 0 auto;} .form-card {margin-bottom: 24px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08);} .form-card .ant-card-head {background: #fafafa; border-bottom: 1px solid #f0f0f0; font-weight: 600; font-size: 16px;} .form-card .ant-card-body {padding: 24px;} .description-editor {height: 400px; margin-bottom: 0; position: relative; z-index: 1;} .description-editor .ql-container {height: 350px; font-size: 14px;} .description-editor .ql-toolbar {border-radius: 4px 4px 0 0; background: #fafafa;} .description-editor .ql-container {border-radius: 0 0 4px 4px;} .ant-form-item-has-error .description-editor {margin-bottom: 30px;} .description-editor + .ant-form-item-explain-error {position: relative; z-index: 2; margin-top: 8px; clear: both;} .ant-form-item-explain-error {margin-top: 4px;} .image-dragger .ant-upload.ant-upload-drag {padding: 24px 20px; border: 2px dashed #d9d9d9; border-radius: 8px; background: #fafafa; transition: all .3s;} .image-dragger .ant-upload.ant-upload-drag:hover {border-color: #1890ff; background: #f0f7ff;} .dragger-content {text-align: center; width: 100%;} .upload-icon {font-size: 42px; color: #bfbfbf; margin-bottom: 8px;} .upload-text {font-size: 14px; color: #666; margin: 4px 0; font-weight: 500;} .upload-hint {font-size: 12px; color: #999; margin: 0;} .image-uploaded-container {width: 100%;} .image-list-horizontal {display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start;} .image-preview-item {position: relative; width: 150px; height: 150px; border-radius: 8px; overflow: hidden; border: 1px solid #d9d9d9; background: #fff; flex-shrink: 0;} .preview-image {width: 100%; height: 100%; object-fit: cover;} .remove-image-btn {position: absolute; top: 8px; right: 8px; background: rgba(0,0,0,.6); border: none; color: #fff; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; z-index: 2;} .remove-image-btn:hover {background: #ff4d4f; transform: scale(1.1);} .main-image-badge {position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.65); color: #fff; text-align: center; padding: 8px 6px; font-size: 12px; font-weight: 500;} .add-more-upload {flex-shrink: 0;} .add-more-box {width: 150px; height: 150px; border: 1px solid #d9d9d9; border-radius: 8px; background: #f5f5f5; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all .3s;} .add-more-box:hover {border-color: #1890ff; background: #f0f7ff;} .add-more-icon {font-size: 32px; color: #bfbfbf; margin-bottom: 8px;} .add-more-text {font-size: 13px; color: #999;} .image-count-text {text-align: center; color: #ff4d4f; font-size: 13px; margin-top: 16px; margin-bottom: 0;} .dimension-field .ant-form-item-label {padding-bottom: 4px;} .dimension-field .ant-form-item-label > label {font-size: 11px; color: #999; font-weight: 600; letter-spacing: .5px;} .dimension-field .ant-input-number-suffix {color: #999; font-size: 13px;} .dimension-hint {font-size: 12px; color: #999; font-style: italic; margin-top: 12px; margin-bottom: 0; line-height: 1.4;} .platform-checkbox-group {display: flex; flex-direction: column; gap: 12px;} .platform-checkbox-group .ant-checkbox-wrapper {margin-left: 0; font-size: 14px; color: rgba(0,0,0,.85);} .platform-checkbox-group .ant-checkbox-wrapper-disabled {color: #bfbfbf;} .warehouse-card .ant-card-body {padding: 20px 24px;} .warehouse-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .warehouse-header-label {font-size: 11px; color: #999; font-weight: 600; letter-spacing: .5px;} .warehouse-edit-link {padding: 0; font-size: 13px; height: auto;} .warehouse-field .ant-form-item-label > label {font-size: 11px; color: #999; font-weight: 600; letter-spacing: .5px;} .warehouse-quantity-section {margin-top: 16px;} .warehouse-quantity-label {font-size: 11px; color: #999; font-weight: 600; letter-spacing: .5px; margin-bottom: 12px;} .warehouse-quantity-item {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f0f0;} .warehouse-quantity-item:last-child {border-bottom: none;} .warehouse-name {font-size: 14px; color: rgba(0,0,0,.85); font-weight: 500;} .warehouse-quantity-input {width: 120px; text-align: right;} .warehouse-summary {display: flex; flex-direction: column; gap: 8px;} .warehouse-summary-item {display: flex; justify-content: space-between; align-items: center;} .warehouse-summary-label {font-size: 11px; color: #999; font-weight: 600; letter-spacing: .5px;} .warehouse-summary-value {font-size: 16px; color: #1890ff; font-weight: 600;} .warehouse-options .ant-form-item {margin-bottom: 12px;} .warehouse-options .ant-form-item:last-child {margin-bottom: 0;} .warehouse-options .ant-checkbox-wrapper {color: rgba(0,0,0,.85); font-size: 14px;} .seo-card .ant-tabs {margin-top: -8px;} .seo-card .ant-tabs-tab {font-weight: 500;} .seo-card .ant-form-item:last-child {margin-bottom: 0;} .product-form-loading {display: flex; justify-content: center; align-items: center; min-height: 400px;} .ant-form-item-label > label {font-weight: 500; font-size: 14px;} .ant-input-lg,.ant-input-number-lg {border-radius: 6px;} .ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-input-number-focused {border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24,144,255,.1);} @media (max-width: 768px) {.product-form-new {padding: 16px;} .product-form-new-header {padding: 12px 16px;} .product-form-new-header .form-title {font-size: 16px;} .form-card .ant-card-body {padding: 16px;} .image-list-horizontal {gap: 12px;} .image-preview-item,.add-more-box {width: 120px; height: 120px;} .image-dragger .ant-upload.ant-upload-drag {padding: 20px;} .upload-icon {font-size: 36px; margin-bottom: 6px;} .add-more-icon {font-size: 28px;}} .var-item__wrapper {padding: 10px; border: 1px solid #ced4da; border-radius: .25rem; position: relative; margin-bottom: 10px;} .var-item__btn-remove {position: absolute; top: -.7em; right: -.5em; cursor: pointer; color: #959595; font-size: 1.5em; z-index: 1; transition: color .3s;} .var-item__btn-remove:hover {color: #cf1200;} .var-empty__wrapper {color: #9b9b9b; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0;} .var-empty__wrapper p {margin-top: 8px; text-align: center;} .conversion-unit-wrapper {position: relative;} .conversion-unit-dropdown {position: absolute; top: 100%; left: 0; right: 0; max-height: 200px; overflow-y: auto; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; margin-top: 4px; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,.15);} .conversion-unit-dropdown-item {padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background-color .2s;} .conversion-unit-dropdown-item:hover {background-color: #f5f5f5;} .conversion-unit-dropdown-item:last-child {border-bottom: none;} .conversion-unit-add-new {color: #1890ff; font-weight: 500; display: flex; align-items: center;} .conversion-unit-add-new:hover {background-color: #e6f7ff;}}.collection-list-container{margin:0;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box}.collection-list-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.collection-list-title{margin-bottom:0!important}.collection-list-filters{margin-top:12px;margin-bottom:12px;flex-shrink:0}.collection-list-search{width:300px}.collection-list-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f0f0f0;border-radius:2px}.collection-list-table{flex:1;overflow-y:auto;overflow-x:auto}.collection-list-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:5;background-color:#fafafa;font-size:14px;font-weight:600;text-align:left}.collection-list-table .ant-table-tbody>tr>td{font-size:14px;font-weight:400}.collection-list-table .ant-pagination{display:none}.collection-list-pagination-wrapper{flex-shrink:0;margin:0;padding:8px 16px;background-color:#fff;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 2px 2px;display:flex;justify-content:flex-end;min-height:44px;align-items:center}.collection-list-pagination-wrapper .ant-pagination{margin:0}.collection-thumbnail-wrapper{display:flex;align-items:center}.expand-icon{cursor:pointer;margin-right:8px;font-size:12px;color:#8c8c8c;transition:color .3s}.expand-icon:hover{color:#1890ff}.collection-list-table .ant-table-row-level-1 .collection-thumbnail-wrapper{padding-left:0}.collection-list-table .ant-table-row-level-2 .collection-thumbnail-wrapper{padding-left:24px}.collection-list-table .ant-table-row-level-3 .collection-thumbnail-wrapper{padding-left:48px}@media (max-width: 768px){.collection-list-header{flex-direction:column;align-items:flex-start;gap:12px}.collection-list-search{width:100%}.collection-list-table{overflow-x:auto}}.collection-form-container{padding:0;background:#f5f5f5}.collection-form-header{background:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000f}.collection-form-title{margin:0!important;font-size:20px;font-weight:600;flex:1;text-align:center}.collection-form-content{padding:24px;margin:0 auto}.collection-form-card{background:white;margin-bottom:24px;border-radius:8px;box-shadow:0 1px 4px #00000014;padding:24px}.collection-form-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.collection-image-upload .ant-upload.ant-upload-select,.collection-image-upload .ant-upload-list-item{width:104px!important;height:104px!important}.collection-upload-hint{margin-top:8px;color:#8c8c8c;font-size:12px}.inventory-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.inventory-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;} .inventory-list-title {margin-bottom: 0 !important;} .inventory-list-filters {margin-top: 12px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; flex-shrink: 0;} .inventory-list-search {width: 300px;} .inventory-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .inventory-list-table {flex: 1; overflow-y: auto; overflow-x: auto; .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa;} .ant-table-tbody > tr > td {font-size: 14px; font-weight: 400;} .ant-table-thead > tr > th {font-size: 14px; font-weight: 600;} .ant-pagination {display: none;}} .inventory-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; min-height: 44px; align-items: center; .ant-pagination {margin: 0;}} .inventory-list-image {width: 50px; height: 50px; object-fit: cover; border-radius: 4px; border: 1px solid #d9d9d9;}}@media (max-width: 1200px){.inventory-list-container{.inventory-list-filters {flex-direction: column; align-items: stretch; > .ant-space {width: 100%; justify-content: flex-start;}} .inventory-list-search {width: 100%; max-width: 400px;}}}@media (max-width: 768px){.inventory-list-container{height:calc(100vh - 40px);overflow:hidden;.inventory-list-header {flex-direction: column; align-items: flex-start; gap: 12px;} .inventory-list-filters {> .ant-space {flex-wrap: wrap;}} .inventory-list-search {width: 100%; max-width: none;} .inventory-list-table-wrapper {border: none;} .inventory-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0; .ant-pagination {justify-content: center; min-height: 44px;}} .ant-select {width: 100% !important;}}}.inventory-history-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box}.inventory-history-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.inventory-history-title{margin:0!important}.inventory-history-filters{margin-top:12px;margin-bottom:12px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}.inventory-history-search{width:300px}.inventory-history-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f0f0f0;border-radius:2px}.inventory-history-table{flex:1;overflow-y:auto;overflow-x:auto}.inventory-history-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:5;background-color:#fafafa}.inventory-history-table .ant-pagination{display:none}.inventory-history-pagination-wrapper{flex-shrink:0;margin:0;padding:8px 16px;background-color:#fff;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 2px 2px;display:flex;justify-content:flex-end;align-items:center;min-height:44px}.inventory-history-pagination-wrapper .ant-pagination{margin:0}@media (max-width: 1200px){.inventory-history-filters{flex-direction:column;align-items:stretch}.inventory-history-filters>.ant-space{width:100%;justify-content:flex-start}.inventory-history-search{width:100%;max-width:400px}}@media (max-width: 768px){.inventory-history-container{height:calc(100vh - 40px);overflow:hidden}.inventory-history-header{flex-direction:column;align-items:flex-start;gap:12px}.inventory-history-filters>.ant-space{flex-wrap:wrap}.inventory-history-search{width:100%;max-width:none}.inventory-history-table-wrapper{border:none}.inventory-history-pagination-wrapper{flex-direction:column;gap:8px;align-items:stretch;border:1px solid #f0f0f0}.inventory-history-pagination-wrapper .ant-pagination{justify-content:center}.ant-select{width:100%!important}}.inventory-history-table .ant-table-tbody>tr>td{font-size:14px;font-weight:400}.inventory-history-table .ant-table-thead>tr>th{font-size:14px;font-weight:600}.inventory-history-image{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #d9d9d9}.change-positive{color:#52c41a;font-weight:500}.change-negative{color:#ff4d4f;font-weight:500}.customer-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.customer-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;} .customer-list-filters {margin-top: 12px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; flex-shrink: 0;} .customer-list-search {min-width: 300px;} .customer-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .customer-list-table {flex: 1; overflow-y: auto; overflow-x: auto; background: white; .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa;} .ant-table-cell {padding: 12px 16px;} .ant-pagination {display: none;}} .customer-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; align-items: center; min-height: 44px; .ant-pagination {margin: 0;}}}@media (max-width: 768px){.customer-list-container{height:calc(100vh - 70px);overflow:hidden;.customer-list-header {flex-direction: column; align-items: flex-start; gap: 12px; button {width: 100%;}} .customer-list-filters {& > .ant-space {flex-wrap: wrap;}} .customer-list-table-wrapper {border: none;} .customer-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0; .ant-pagination {justify-content: center;}} .ant-select {width: 100% !important;}}}.tag-input-container{border:1px solid #d9d9d9;border-radius:6px;padding:4px 11px;min-height:32px;display:flex;flex-wrap:wrap;gap:4px;background-color:#fff;cursor:text;transition:border-color .3s,box-shadow .3s}.tag-input-container:hover{border-color:#40a9ff}.tag-input-container:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.tag-input-field{flex:1;min-width:100px;border:none;outline:none;padding:4px 0;font-size:14px;font-family:inherit}.tag-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;margin-top:4px;z-index:9999;box-shadow:0 2px 8px #00000026}.tag-dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;display:flex;align-items:center}.tag-dropdown-item:hover{background-color:#f5f5f5}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-add-new{color:#1890ff;font-weight:500;background-color:#fafafa;display:flex;align-items:center}.tag-dropdown-add-new:hover{background-color:#e6f7ff}.tag-dropdown-add-new strong{margin-left:4px;margin-right:0}.create-tag-option .ant-select-item-option-content,.create-tag-option.ant-select-item-option-disabled{cursor:pointer!important}.create-tag-option.ant-select-item-option-disabled:hover{background-color:#f5f5f5}.purchase-info-container{margin-top:-22px;.loading-container {display: flex; justify-content: center; padding: 40px;} .purchase-filters {margin-top: 20px; margin-bottom: 16px; display: flex; gap: 12px; background: #fff; padding: 8px; border-radius: 8px; border: 1px solid #f0f0f0;} .filter-section-title {font-size: 13px; font-weight: 500; margin-bottom: 8px; color: #595959;} .filter-tag {cursor: pointer; user-select: none; transition: all .2s ease;} .filter-tag-selected {background: #e6f7ff; border-color: #91d5ff; color: #1890ff; font-weight: 500;} .purchase-summary-container {display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 8px;} .purchase-summary-grid {display: grid; grid-template-columns: repeat(4,minmax(150px,200px)); gap: 16px; flex: 0 1 auto;} .debt-payment-button {flex-shrink: 0; margin-left: auto;} .purchase-summary-card {background: #f6ffed; padding: 8px; border-radius: 8px; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 3px rgba(0,0,0,.04); transition: all .2s ease; &:hover {transform: translateY(-2px); box-shadow: 0 3px 10px rgba(0,0,0,.12);} .title {font-size: 11px; font-weight: 500; color: #555;} .value {margin-top: 6px; font-size: 15px; font-weight: 650;} &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7),&:nth-child(8) {background: #f9fff5 !important;}}}.status-tag{font-weight:500}.total-amount{font-weight:600}.created-by-container{display:flex;flex-direction:column}.created-date{font-size:12px;color:#888}.tooltip-icon{margin-left:6px;color:#8c8c8c;font-size:13px}.value-green{color:#52c41a}.value-red{color:#ff4d4f}.value-debt-link{cursor:pointer;text-decoration:underline}.debt-payment-form{margin-top:16px}@media (max-width: 768px){.purchase-info-container{.purchase-summary-container {flex-direction: column;} .purchase-summary-grid {grid-template-columns: repeat(2,1fr);} .debt-payment-button {width: 100%;}}}.partner-info-container{.partner-info-tab-container {max-width: 600px; padding: 24px;} .partner-info-tab-no-data {color: #8c8c8c;} .partner-info-tab-form-row {display: flex; gap: 16px;} .partner-info-tab-form-item-flex {flex: 1;} .partner-info-tab-readonly-input {background-color: #f5f5f5; color: #262626; cursor: not-allowed;} .partner-info-tab-commission-note-container {margin-bottom: 16px; padding: 8px 12px; background-color: #fff7e6; border: 1px solid #ffd591; border-radius: 4px; font-size: 13px; color: #d46b08; display: flex; align-items: center; gap: 8px;} .partner-info-tab-commission-note-icon {color: #d46b08; cursor: pointer; font-size: 14px;} .partner-info-tab-commission-note-tooltip {font-size: 13px;} .partner-info-tab-save-button-container {position: sticky; bottom: 0; left: 0; right: 0; padding: 16px 0; background-color: #fff; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; gap: 12px; z-index: 100; margin-top: 24px;} .purchase-summary-card {background: #f6ffed; padding: 8px; border-radius: 8px; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 3px rgba(0,0,0,.04); transition: all .2s ease; &:hover {transform: translateY(-2px); box-shadow: 0 3px 10px rgba(0,0,0,.12);} .title {font-size: 11px; font-weight: 500; color: #555;} .value {margin-top: 6px; font-size: 15px; font-weight: 650;} &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7),&:nth-child(8) {background: #f9fff5 !important;}} .purchase-summary-container {display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 8px;} .purchase-summary-grid {display: grid; grid-template-columns: repeat(4,minmax(150px,200px)); gap: 16px; flex: 0 1 auto;} .purchase-filters {margin-top: 20px; margin-bottom: 16px; display: flex; gap: 12px; background: #fff; padding: 8px; border-radius: 8px; border: 1px solid #f0f0f0;} .filter-section-title {font-size: 13px; font-weight: 500; margin-bottom: 8px; color: #595959;} .sub-collaborator-row-1 {display: flex; align-items: center; gap: 16px; margin-bottom: 12px;} .sub-collaborator-count-summary {display: flex; align-items: center; gap: 12px; padding: 4px 6px; background: #f6ffed; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 3px rgba(0,0,0,.04); transition: all .2s ease; border-radius: 8px; .count-label {font-size: 11px; font-weight: 500; color: #555;} .count-value {font-size: 15px; font-weight: 650;}} .sub-collaborator-row-2 {display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap;} .filter-item-inline {display: flex; align-items: center;} .filter-item-date {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; .filter-section-title {margin-bottom: 0; font-size: 12px;}} .summary-card-inline {min-width: 200px; flex: 0 0 auto;}}.customer-detail-parent{.customer-detail-container {padding: 0; background: #f5f5f5; min-height: 100vh;} .customer-detail-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px;} .customer-detail-header .header-left {display: flex; align-items: center; gap: 12px;} .customer-detail-header .customer-name {margin: 0; font-size: 20px; font-weight: 600;} .customer-detail-header .save-button {min-width: 100px; height: 40px; font-weight: 500;} .customer-detail-content {padding: 0 24px 24px 24px;} .customer-detail-tabs {background: #fff; padding: 16px 24px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08);} @media (max-width: 768px) {.customer-detail-header {padding: 12px 16px;} .customer-detail-header .customer-name {font-size: 16px;} .customer-detail-content {padding: 0 16px 16px 16px;} .customer-detail-tabs {padding: 12px 16px;}}}.partner-modal-wrapper .ant-modal-content{border-radius:8px}.partner-modal-wrapper .ant-modal-title{font-size:18px;font-weight:600;color:#262626}.partner-modal-wrapper .ant-modal-body{padding-bottom:2px!important}.partner-modal-wrapper .ant-modal-footer{padding:4px}.partner-modal-wrapper .ant-form-item{margin-bottom:8px}.partner-modal-wrapper .ant-form-item-label>label{font-weight:500;color:#262626}.partner-modal-wrapper .ant-input,.partner-modal-wrapper .ant-input-password,.partner-modal-wrapper .ant-select-selector{border-radius:6px}.partner-modal-wrapper .ant-input:focus,.partner-modal-wrapper .ant-input-password:focus,.partner-modal-wrapper .ant-input-focused,.partner-modal-wrapper .ant-select-focused .ant-select-selector{border-color:#52c41a;box-shadow:0 0 0 2px #52c41a1a}.collaborator-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.collaborator-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;} .collaborator-list-header .ant-typography {margin: 0;} .collaborator-list-title {margin: 0 !important;} .collaborator-list-filters {margin-top: 12px; margin-bottom: 12px; flex-shrink: 0;} .collaborator-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .collaborator-list-table {flex: 1; overflow-y: auto; overflow-x: auto; background-color: #fff;} .collaborator-list-table .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa; font-weight: 600;} .collaborator-list-table .ant-table-tbody > tr > td {font-size: 14px;} .collaborator-list-table .ant-pagination {display: none;} .collaborator-list-table .ant-table-tbody > tr:hover {background-color: #f5f5f5;} .collaborator-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; min-height: 44px; align-items: center;} .collaborator-list-pagination-wrapper .ant-pagination {margin: 0;} @media (max-width: 768px) {.collaborator-list-container {height: calc(100vh - 70px); overflow: hidden;} .collaborator-list-table-wrapper {border: none;} .collaborator-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0;} .collaborator-list-pagination-wrapper .ant-pagination {justify-content: center;} .ant-select {width: 100% !important;}}}.discount-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.discount-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;} .discount-list-header .ant-typography {margin: 0;} .discount-list-title {margin: 0 !important;} .discount-list-filters {margin-top: 12px; margin-bottom: 12px; flex-shrink: 0;} .discount-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .discount-list-table {flex: 1; overflow-y: auto; overflow-x: auto; background-color: #fff;} .discount-list-table .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa; font-weight: 600;} .discount-list-table .ant-table-tbody > tr > td {font-size: 14px;} .discount-list-table .ant-pagination {display: none;} .discount-list-table .ant-table-tbody > tr:hover {background-color: #f5f5f5;} .discount-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; min-height: 44px; align-items: center;} .discount-list-pagination-wrapper .ant-pagination {margin: 0;} @media (max-width: 768px) {.discount-list-container {height: calc(100vh - 70px); overflow: hidden;} .discount-list-table-wrapper {border: none;} .discount-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0;} .discount-list-pagination-wrapper .ant-pagination {justify-content: center;} .ant-select {width: 100% !important;}}}.category-selector-search{margin-bottom:16px}.category-selector-count{margin-bottom:12px;color:#1890ff;font-weight:500}.category-selector-table-header{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fafafa;border:1px solid #f0f0f0;border-bottom:2px solid #d9d9d9;border-radius:4px 4px 0 0;font-weight:600;font-size:14px}.category-selector-header-checkbox{display:flex;align-items:center}.category-selector-header-title{flex:1}.category-selector-list{height:400px;min-height:400px;max-height:400px;overflow-y:auto;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 4px 4px;padding:8px}.category-selector-loading{text-align:center;padding:40px}.category-selector-empty{text-align:center;padding:40px;color:#999}.category-selector-item{padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s}.category-selector-item:hover{background-color:#f5f5f5}.category-selector-image{width:50px;height:50px;border-radius:4px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.category-selector-image img{width:100%;height:100%;object-fit:cover}.category-selector-info{flex:1}.category-selector-name{font-weight:500;font-size:14px;margin-bottom:4px}.category-selector-product-count{font-size:12px;color:#999}.category-selector-pagination{margin-top:16px;display:flex;justify-content:flex-end}.product-selector-search-filter{margin-bottom:16px;display:flex;gap:12px}.product-selector-search-input{flex:1}.product-selector-category-filter{width:250px}.product-selector-count{margin-bottom:12px;color:#1890ff;font-weight:500}.product-selector-table-header{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fafafa;border:1px solid #f0f0f0;border-bottom:2px solid #d9d9d9;border-radius:4px 4px 0 0;font-weight:600;font-size:14px}.product-selector-header-checkbox{display:flex;align-items:center}.product-selector-header-title{flex:1}.product-selector-list{height:400px;min-height:400px;max-height:400px;overflow-y:auto;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 4px 4px;padding:8px}.product-selector-loading{text-align:center;padding:40px}.product-selector-empty{text-align:center;padding:40px;color:#999}.product-selector-item{padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s}.product-selector-item:hover{background-color:#f5f5f5}.product-selector-image{width:50px;height:50px;border-radius:4px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.product-selector-image img{width:100%;height:100%;object-fit:cover}.product-selector-no-image{font-size:12px;color:#999}.product-selector-info{flex:1}.product-selector-name{font-weight:500;font-size:14px;margin-bottom:4px}.product-selector-model{font-size:13px;color:#666;margin-bottom:2px}.product-selector-sku{font-size:12px;color:#999}.product-selector-price{font-size:14px;font-weight:600;color:#1890ff;margin-left:auto;white-space:nowrap;padding-left:16px}.product-selector-pagination{margin-top:16px;display:flex;justify-content:flex-end}.discount-create-parent{.discount-create-container {padding: 0; background: #f5f5f5; min-height: calc(100vh - 70px); display: flex; flex-direction: column; overflow-y: auto;} .discount-create-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px; flex-shrink: 0;} .discount-create-header .header-left {display: flex; align-items: center; gap: 12px;} .discount-create-header .discount-title {margin: 0; font-size: 20px; font-weight: 600;} .discount-create-header .save-button {min-width: 100px; height: 40px; font-weight: 500;} .discount-create-content {background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08); margin: 0 24px 24px 24px;} .discount-create-field:last-child {margin-bottom: 0;} .discount-create-label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; color: rgba(0,0,0,.85);} .discount-create-label-required {color: red;} .discount-create-input {max-width: 500px;} .discount-create-char-counter {display: flex; justify-content: space-between; align-items: center; margin-top: 4px; max-width: 500px;} .discount-create-error {color: red; font-size: 12px;} .discount-create-char-count {font-size: 12px; color: #999;} .discount-create-input-number {max-width: 500px; width: 100%;} .discount-create-error-text {color: red; font-size: 12px; margin-top: 4px;} .discount-create-apply-type {margin-top: 12px;} .discount-create-radio-group {display: flex; flex-direction: column; gap: 12px;} .discount-create-selection-container {margin-left: 24px; margin-top: 8px;} .discount-create-selected-badge {display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; background-color: #e6f7ff; border-radius: 4px;} .discount-create-selected-text {color: #1890ff; font-weight: 500; font-size: 14px; margin-right: 6px;} .discount-create-edit-icon {cursor: pointer; font-size: 16px; color: #1890ff;} @media (max-width: 768px) {.discount-create-header {padding: 12px 16px;} .discount-create-header .discount-title {font-size: 16px;} .discount-create-content {margin: 0 16px 16px 16px; padding: 16px;} .discount-create-field input,.discount-create-field .ant-input-number {max-width: 100% !important;}}}.commission-report-container-parent{padding:0}.commission-report-header{position:sticky;top:64px;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#fff;will-change:transform;transform:translateZ(0)}.commission-report-filters{background:#fff;padding:12px;border-radius:8px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:6px;position:relative;margin-bottom:12px}.commission-report-filters .filter-header{position:absolute;top:8px;right:12px}.commission-report-filters .filter-header .clear-filter-btn{font-size:13px;padding:0;font-weight:500;background:none;border:none;color:#1890ff;cursor:pointer}.commission-report-filters .filter-header .clear-filter-btn:hover{text-decoration:underline}.commission-report-filters .filter-section-title{font-size:13px;font-weight:500;white-space:nowrap;margin-bottom:4px}.commission-report-filters .filter-row-all{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.commission-report-filters .filter-item{display:flex;flex-direction:column;gap:4px}.commission-report-filters .filter-select{max-width:360px}.commission-report-filters .filter-tag{display:inline-flex;align-items:center;justify-content:center;width:100px;font-size:12px;border-radius:6px;background:#f5f5f5;border:1px solid #d9d9d9;cursor:pointer}.commission-report-filters .filter-tag:hover{border-color:#40a9ff;color:#40a9ff;background:#e6f7ff}.commission-report-filters .filter-tag-selected{background:#e6f7ff;border-color:#91d5ff;color:#1890ff;font-weight:500}.commission-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:12px}.commission-summary-card{background:#f9fff5;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a;transition:all .3s}.commission-summary-card.clickable{cursor:pointer}.commission-summary-card.clickable:hover{transform:translateY(-2px);box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #00000017}.commission-summary-card .title{font-size:11px;font-weight:500;color:#555;display:flex;align-items:center}.commission-summary-card .value{margin-top:4px;font-size:14px;font-weight:600}.commission-report-table-wrapper{border:1px solid #f0f0f0;border-radius:2px;background:#fff;min-height:0}.commission-report-table{flex:1;display:flex;flex-direction:column}.commission-report-table .ant-table-thead>tr>th{background:#fafafa;font-size:12px;font-weight:600;padding:4px 8px}.commission-report-table .ant-table-tbody>tr>td{font-size:14px}.commission-report-table .ant-pagination{display:none}.commission-report-pagination-wrapper{position:sticky;bottom:0;z-index:100;background:#fff;padding:8px 16px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}@media (max-width: 1200px){.commission-report-filters .filter-row-all{flex-direction:column}.commission-report-filters .filter-item{width:100%}.commission-report-filters .filter-item input,.commission-report-filters .filter-item .ant-picker{width:100%!important}}@media (max-width: 768px){.commission-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.commission-summary-grid{grid-template-columns:1fr}}.product-search-modal-title{display:flex;justify-content:space-between;align-items:center;padding-right:32px}.product-search-modal-title .view-mode-toggle{display:flex;gap:4px}.product-search-modal{.ant-modal-content {padding: 0;} .ant-modal-header {border-bottom: 1px solid #f0f0f0; padding: 8px 24px;} .ant-modal-title {font-size: 18px; font-weight: 600;} .ant-modal-body {padding: 12px 16px 16px 16px; max-height: calc(95vh - 70px); overflow: hidden; display: flex; flex-direction: column;} .ant-modal-wrap {overflow-y: auto !important;} .ant-modal {max-height: 90vh;} .product-search-modal-content {display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0;} .search-bar {display: flex; gap: 8px; align-items: center; flex-shrink: 0; .search-input {flex: 1;} .search-type-select {flex-shrink: 0;}} .product-list-container {flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; border: 1px solid #f0f0f0; border-radius: 8px; position: relative; .loading-container {display: flex; justify-content: center; align-items: center; min-height: 400px;} .product-list-header {display: grid; grid-template-columns: 60px 1fr 200px 120px 150px; gap: 12px; padding: 8px 12px; background: #fafafa; border-bottom: 1px solid #f0f0f0; font-weight: 600; font-size: 14px; color: #666; position: sticky; top: 0; z-index: 1;} .product-list-body {background: #fff; .product-list-row {display: grid; grid-template-columns: 60px 1fr 200px 120px 150px; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #f0f0f0; align-items: center; transition: background-color .2s; &:hover {background-color: #fafafa;} &:last-child {border-bottom: none;}}}} .col-cart {display: flex; justify-content: center; align-items: center; .cart-icon {font-size: 24px; transition: color .3s; &.in-cart {color: #1890ff;} &.not-in-cart {color: #d9d9d9;}}} .col-name {display: flex; align-items: center; .product-info {display: flex; gap: 8px; align-items: center; width: 100%; .product-details {flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; .product-name {font-size: 14px; font-weight: 500; color: #262626; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.4;} .product-variant {font-size: 13px; color: #8c8c8c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-sku {font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}}}} .col-quantity {display: flex; flex-direction: column; align-items: center; gap: 4px; .quantity-controls {display: flex; align-items: center; gap: 6px; .ant-btn {width: 28px; height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 4px;}} .quantity-input {width: 80px; text-align: center; .ant-input-number-input {text-align: center;}}} .col-stock {text-align: center; font-size: 14px; color: #262626; .out-of-stock {color: #ff4d4f;}} .col-price {text-align: right; font-size: 15px; font-weight: 600; color: #ff4d4f;} .product-grid-body {display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; padding: 12px; background: #fff;} .product-grid-card {border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; background: #fff; transition: box-shadow .2s,border-color .2s;} .product-grid-card:hover {box-shadow: 0 2px 8px rgba(0,0,0,.08);} .product-grid-card.in-cart {border-color: #1890ff; background: #1890ff; color: #fff;} .product-grid-card.in-cart .product-grid-name {color: #fff;} .product-grid-card.in-cart .product-grid-model {color: rgba(255,255,255,.75);} .product-grid-card.in-cart .product-grid-price {color: #fff;} .product-grid-card.in-cart .product-grid-quantity .ant-btn {background: #fff; border-color: #fff; color: #1890ff;} .product-grid-card.in-cart .product-grid-quantity .quantity-input {background: #fff; border-color: #fff; color: #1890ff; font-weight: 600;} .product-grid-card.in-cart .product-grid-quantity .quantity-input .ant-input-number-input {color: #1890ff; font-weight: 600;} .product-grid-image {width: 100%; aspect-ratio: 1 / 1; background: #fafafa; display: block; overflow: hidden;} .product-grid-image .ant-image-img {width: 100% !important; height: 100% !important; object-fit: cover;} .product-grid-info {padding: 8px 10px 4px; display: flex; flex-direction: column; gap: 2px; min-height: 56px;} .product-grid-name {font-size: 13px; font-weight: 600; color: #262626; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-grid-model {font-size: 12px; color: #8c8c8c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-grid-price {font-size: 14px; font-weight: 700; color: #ff4d4f;} .product-grid-quantity {display: flex; align-items: center; gap: 4px; padding: 6px 8px 10px;} .product-grid-quantity .ant-btn {width: 28px; height: 28px; padding: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 4px;} .product-grid-quantity .quantity-input {flex: 1; text-align: center;} .product-grid-quantity .quantity-input {height: 28px;} .product-grid-quantity .quantity-input .ant-input-number-input {text-align: center; padding: 0 4px; height: 28px;} .product-grid-stock-error {font-size: 11px; color: #ff4d4f; padding: 0 10px 8px;} .modal-footer {display: flex; justify-content: flex-end; padding-top: 8px; border-top: 1px solid #f0f0f0; flex-shrink: 0; margin-top: auto; .ant-btn {background-color: #52c41a; border-color: #52c41a; color: #fff; &:hover {background-color: #73d13d; border-color: #73d13d; color: #fff;}}}}@media (max-width: 1024px){.product-search-modal{.product-list-container {.product-list-header,.product-list-body .product-list-row {grid-template-columns: 50px 1fr 180px 100px 130px; gap: 12px;}} .product-grid-body {grid-template-columns: repeat(4,1fr);}}}@media (max-width: 768px){.product-search-modal{max-width:100%!important;width:100%!important;.product-list-container {.product-list-header,.product-list-body .product-list-row {grid-template-columns: 40px 1fr 150px 80px 110px; gap: 8px; padding: 12px 8px;}} .col-name {.product-info {gap: 8px; .ant-image {width: 50px !important; height: 50px !important;}}} .col-quantity {.quantity-input {width: 60px;}} .product-grid-body {grid-template-columns: repeat(2,1fr);}}}.edit-stock-modal-content{padding-bottom:16px}.edit-stock-table{width:100%;margin-bottom:24px;border-collapse:collapse}.edit-stock-table thead{border-bottom:1px solid #f0f0f0}.edit-stock-table th{padding:12px;text-align:left;font-size:12px;color:#999;font-weight:500;background-color:#fafafa;border-right:1px solid #f0f0f0}.edit-stock-table th:last-child{border-right:none}.edit-stock-table td{padding:12px;border-right:1px solid #f0f0f0;font-size:14px}.edit-stock-table td:last-child{border-right:none}.edit-stock-table tbody tr:hover{background-color:#fafafa}.edit-stock-product-name{font-weight:500}.edit-stock-current-stock{font-weight:500;text-align:center}.edit-stock-new-stock{text-align:center}.edit-stock-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.order-cart-parent{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;.order-cart {background: #fff; border-radius: 8px; border: 1px solid #f0f0f0; display: flex; flex-direction: column; height: 100%; overflow: hidden; .cart-header {display: grid; grid-template-columns: 50px 100px 1fr 130px 150px 85px 145px; padding: 8px 12px; background: #f5f5f5; font-weight: 600; font-size: 13px; color: #000; border-bottom: 1px solid #e8e8e8; flex-shrink: 0; > div {font-size: 13px; font-weight: 600; color: #000; text-align: center; display: flex; align-items: center; justify-content: center;} .col-price {margin-right: 12px;}} .cart-body {flex: 1; overflow-y: auto; overflow-x: hidden;} .cart-row {display: grid; grid-template-columns: 50px 100px 1fr 130px 150px 85px 145px; padding: 12px; border-bottom: 1px solid #f0f0f0; align-items: flex-start; transition: background-color .2s; &:hover {background-color: #fafafa;} &:last-child {border-bottom: none;}} .col-no {text-align: center; font-size: 14px; color: #262626; display: flex; align-items: center; justify-content: center;} .col-barcode {font-size: 13px; color: #595959; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;} .barcode-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;} .col-product {display: flex; align-items: center;} .product-info {display: flex; gap: 8px; align-items: center; width: 100%;} .product-details {flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0;} .product-name {font-size: 14px; font-weight: 500; color: #262626; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;} .product-variant {font-size: 13px; color: #8c8c8c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-image {object-fit: cover; border-radius: 4px;} .product-error {font-size: 12px; color: #ff4d4f; margin-top: 4px;} .col-price {display: flex; align-items: center; justify-content: flex-end; align-self: center; margin-right: 12px;} .price-cell {display: flex; flex-direction: column; gap: 2px; align-items: flex-end;} .price-row {display: flex; align-items: center; justify-content: flex-end; gap: 4px;} .price-display {font-size: 14px; font-weight: 500; color: #262626;} .price-bold {font-weight: 600;} .price-strikethrough {font-size: 12px; color: #999; text-decoration: line-through;} .wholesale-tag {font-size: 11px; color: #ff8c00; border: 1px solid #ff8c00; border-radius: 2px; padding: 1px 4px; display: inline-block; width: fit-content; cursor: pointer;} .col-quantity {display: flex; flex-direction: column; gap: 6px; align-items: flex-start; align-self: center; min-width: 0; .ant-btn {width: 28px; height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 4px; flex-shrink: 0;}} .quantity-controls-row {display: flex; gap: 4px; align-items: center; white-space: nowrap;} .quantity-btn {color: #000;} .quantity-input {flex-shrink: 0; width: 80px; text-align: center; .ant-input-number-input {text-align: center;}} .stock-info {display: flex; align-items: center; gap: 4px; width: 100%; justify-content: flex-start; white-space: nowrap;} .stock-warning {font-size: 12px; color: #ff4d4f;} .edit-stock-btn {font-size: 12px; padding: 0; color: #000;} .col-unit {text-align: center; font-size: 13px; color: #8c8c8c; display: flex; align-items: center; justify-content: center; align-self: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;} .unit-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;} .col-total {display: flex; align-items: center; justify-content: flex-start; gap: 4px; align-self: center;} .total-cell {display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: 1;} .total-price {font-size: 15px; font-weight: 600; color: #ff4d4f; flex: 1; text-align: left; min-width: 0;} .delete-btn {color: #000;}} @media (max-width: 1400px) {.order-cart {.cart-header,.cart-row {grid-template-columns: 50px 100px 1fr 130px 150px 85px 145px;}}} @media (max-width: 1200px) {.order-cart {.cart-header,.cart-row {grid-template-columns: 50px 100px 1fr 130px 150px 85px 145px;}}}}.delivery-modal{.ant-modal-body {overflow: hidden !important;} .ant-form-item {margin-bottom: 12px;} .ant-form-item-label {padding-bottom: 4px;} .ant-form-item-label > label {font-weight: 500; font-size: 13px;} h4 {font-size: 13px; margin-bottom: 8px; font-weight: 600;}}.promotion-list-item{padding:12px 0}.promotion-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.promotion-header{display:flex;justify-content:space-between;align-items:center}.promotion-code{font-size:14px;font-weight:600;color:#000}.promotion-value{font-size:14px;font-weight:500;color:#1890ff}.promotion-dates{font-size:12px;color:#8c8c8c}.order-summary-parent{.input-number-right .ant-input-number-input {text-align: right !important;} .payment-method-item {flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; padding: 6px 8px; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; transition: all .2s; background: #ffffff;} .payment-method-item:hover {border-color: #1890ff; background: #f0f8ff;} .payment-method-item.active {border-color: #1890ff; background: #e6f4ff; box-shadow: 0 1px 4px rgba(24,144,255,.15);} .payment-method-item img {height: 20px !important; width: 20px !important; object-fit: contain;} .payment-method-item span {font-size: 13px; font-weight: 500; color: #262626;} .payment-method-item.active span {color: #1890ff; font-weight: 600;} .payment-method-item.disabled {opacity: .5; cursor: not-allowed; background: #f5f5f5;} .payment-method-item.disabled:hover {border-color: #d9d9d9; background: #f5f5f5;} .payment-method-item.disabled span {color: #bfbfbf;}}.pos-container{height:100vh;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;.pos-header {background: #001529; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 56px; box-shadow: 0 2px 8px rgba(0,0,0,.1);} .pos-header-left {display: flex; align-items: stretch; gap: 0; flex: 1; height: 100%;} .pos-logo-wrapper {background: #001529; padding: 0 24px; display: flex; align-items: center; height: 100%; cursor: pointer} .pos-logo {height: 44px; width: auto;} .pos-tabs-wrapper {flex: 1; display: flex; align-items: flex-end; padding-left: 16px; overflow: hidden; max-width: calc(100vw - 600px); position: relative;} .pos-tabs {flex: 0 1 auto; min-width: 0; .ant-tabs-nav {margin: 0 !important; background: transparent; align-items: flex-end !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 0 !important; &::-webkit-scrollbar {height: 4px;} &::-webkit-scrollbar-track {background: rgba(255,255,255,.1);} &::-webkit-scrollbar-thumb {background: rgba(255,255,255,.3); border-radius: 2px; &:hover {background: rgba(255,255,255,.5);}} &::before {border-bottom: none !important;}} .ant-tabs-nav-list {margin-left: 0 !important; padding-left: 0 !important; flex-wrap: nowrap !important;} .ant-tabs-tab {background: rgba(255,255,255,.2) !important; border: none !important; color: #fff !important; margin: 0 4px !important; border-radius: 8px 8px 0 0 !important; padding: 10px 20px !important; min-width: 120px !important; max-width: 200px !important; display: flex !important; justify-content: center !important; flex-shrink: 0 !important; &:first-child {margin-left: 4px !important;} &:not(.ant-tabs-tab-active) .pos-tab-close {color: #fff; opacity: .8;}} .ant-tabs-tab-active {background: #fff !important; color: #000 !important; font-weight: 500 !important;} .ant-tabs-nav-operations {margin: 0 !important; flex: 0 0 auto !important;} .ant-tabs-nav-operations-hidden {display: flex !important; opacity: 1 !important; pointer-events: auto !important;} .ant-tabs-nav-more {display: none !important;}} .pos-tab-label {display: flex; align-items: center; gap: 12px; width: 100%; justify-content: space-between;} .pos-tab-close {font-size: 14px; color: #000; opacity: 1; transition: all .2s; display: flex; align-items: center; justify-content: center; &:hover {color: #ff4d4f; transform: scale(1.1);}} .pos-add-tab-btn-relative {color: #fff !important; font-size: 24px; height: auto !important; width: auto !important; margin: 0 0 0 8px !important; padding: 10px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 !important; background: transparent !important; font-weight: normal !important; min-width: auto !important; align-self: flex-end; &:hover {background: rgba(255,255,255,.1) !important; color: #fff !important;}} .pos-add-tab-btn-fixed {position: absolute; right: 0; bottom: 0; color: #fff !important; font-size: 24px; height: auto !important; width: auto !important; margin: 0 !important; padding: 10px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 !important; background: #001529 !important; font-weight: normal !important; min-width: auto !important; z-index: 10; &:hover {background: rgba(0,21,41,.8) !important; color: #fff !important;}} .pos-header-right {display: flex; align-items: center; gap: 24px;} .pos-branch-selector {display: flex; align-items: center; gap: 8px;} .pos-branch-select {min-width: 150px; .ant-select-selector {background: transparent !important; border: 1px solid rgba(255,255,255,.3) !important; color: #fff !important;} .ant-select-arrow {color: #fff !important;} .ant-select-selection-item {color: #fff !important;}} .pos-user-info {display: flex; align-items: center; gap: 8px; color: #fff;} .pos-username {font-weight: 500;} .pos-settings-btn {color: #fff !important; font-size: 18px; &:hover {background: rgba(255,255,255,.2) !important;}} .pos-content {flex: 1; display: flex; gap: 16px; padding: 16px; overflow: hidden; height: calc(100vh - 56px);} .pos-left-panel {flex: 1; display: flex; flex-direction: column; gap: 16px; background: #fff; border-radius: 8px; padding: 24px; min-width: 0; overflow: hidden; .product-search-trigger {flex-shrink: 0;}} .pos-right-panel {width: 350px; flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; overflow-y: auto;}}.bank-transfer-qr-modal-root,.bank-transfer-qr-modal-root .ant-modal-mask,.bank-transfer-qr-modal-root .ant-modal-wrap{z-index:10000!important}.bank-transfer-qr-modal .ant-modal-content{padding:32px 40px 28px;border-radius:12px}.bank-transfer-qr-modal .btqr-title{text-align:center;font-size:22px;font-weight:700;font-style:italic;margin-bottom:22px;letter-spacing:.5px}.bank-transfer-qr-modal .btqr-desc{font-size:15px;font-weight:600;margin-bottom:20px;line-height:1.5}.bank-transfer-qr-modal .btqr-amount{color:#e53935;font-weight:700}.bank-transfer-qr-modal .btqr-body{display:flex;gap:28px;align-items:flex-start;margin-bottom:18px}.bank-transfer-qr-modal .btqr-qr{position:relative;width:200px;flex-shrink:0}.bank-transfer-qr-modal .btqr-qr-svg{width:200px;height:200px}.bank-transfer-qr-modal .btqr-qr-svg svg{width:100%;height:100%;display:block;shape-rendering:crispEdges}.bank-transfer-qr-modal .btqr-qr-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.bank-transfer-qr-modal .btqr-info{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:10px}.bank-transfer-qr-modal .btqr-row{display:flex;gap:8px;font-size:15px}.bank-transfer-qr-modal .btqr-label{font-weight:700;min-width:180px}.bank-transfer-qr-modal .btqr-value{font-weight:400}.bank-transfer-qr-modal .btqr-note{font-size:14px;line-height:1.55;margin-bottom:22px}.bank-transfer-qr-modal .btqr-actions{display:flex;justify-content:center;gap:16px}.bank-transfer-qr-modal .btqr-btn-close{background:#e53935;border-color:#e53935;color:#fff;border-radius:999px;min-width:110px;height:40px;font-weight:600}.bank-transfer-qr-modal .btqr-btn-close:hover{background:#c62828!important;border-color:#c62828!important;color:#fff!important}.bank-transfer-qr-modal .btqr-btn-confirm{background:#1e88e5;border-color:#1e88e5;border-radius:999px;min-width:180px;height:40px;font-weight:600}.bank-transfer-qr-modal .btqr-btn-confirm:hover{background:#1565c0!important;border-color:#1565c0!important}.od-modal-content{margin-top:8px}.od-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.od-modal-footer-16{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.od-modal-note{font-size:12px;color:#888;margin-top:8px}.od-form-margin{margin-top:16px}.order-detail-parent{.order-detail-container {padding: 12px; background: #f5f5f5; min-height: 100vh;} .order-detail-loading {display: flex; justify-content: center; align-items: center; min-height: 400px;} .order-detail-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;} .header-left {display: flex; align-items: center; gap: 12px;} .back-button {font-size: 18px; padding: 4px 8px;} .order-title-section {display: flex; align-items: center; gap: 12px;} .order-code {margin: 0 !important; font-size: 24px; font-weight: 600;} .status-tag {font-size: 13px; padding: 2px 12px; border-radius: 4px;} .print-button {display: flex; align-items: center; gap: 8px;} .creator-info {background: #fff; padding: 8px 8px; border-radius: 4px; margin-bottom: 24px; display: flex; align-items: center; gap: 8px;} .creator-label {color: #666; font-size: 14px;} .creator-name {font-weight: 500; color: #0066cc;} .creator-divider {color: #d9d9d9;} .creator-date {color: #666;} .merged-info-box {background: #fff7e6; border: 1px solid #ffa940; border-radius: 4px; padding: 12px 16px;} .merged-info-line {color: black; font-size: 14px; line-height: 1.6;} .merged-info-line + .merged-info-line {margin-top: 4px;} .merged-order-link {color: #1890ff; cursor: pointer; font-weight: 500;} .merged-order-link:hover {text-decoration: underline;} .order-detail-content {display: grid; grid-template-columns: 1fr 320px; gap: 12px;} .order-detail-left {display: flex; flex-direction: column; gap: 12px;} .order-section {background: #fff; border-radius: 8px; padding-right: 12px; padding-left: 12px; padding-bottom: 12px;} .customer-icon{color: #667eea;} .address-icon {color: #16a085;} .payment-icon {color: #ff9900;} .delivery-icon {color: chocolate;} .section-title {margin: 0 0 16px 0 !important; font-size: 16px; font-weight: 700; color: #000;} .products-table {margin-bottom: 8px;} .products-table .ant-table-thead > tr > th {background: #fafafa; font-size: 12px; font-weight: 600; color: #8c8c8c; padding: 12px 16px; text-transform: uppercase; letter-spacing: .3px;} .products-table .ant-table-tbody > tr > td {padding: 8px 12px;} .products-table .ant-table-thead > tr > th {padding: 10px 12px;} .product-cell {display: flex; align-items: center; gap: 12px;} .product-image {width: 40px; height: 40px; object-fit: cover; border-radius: 4px; border: 1px solid #f0f0f0; flex-shrink: 0;} .product-name-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; color: #1890ff; cursor: pointer; transition: all .2s ease;} .product-name-text:hover {text-decoration: underline; color: #40a9ff;} .product-model-text {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font-size: 12px; color: #8c8c8c; margin-top: 2px; line-height: 1.3;} .total-price-cell {display: flex; flex-direction: column; align-items: flex-end; color: red;} .total-price-cell .price {font-weight: 600;} .total-price-cell .commission {font-size: 12px; color: #666; font-style: italic; margin-top: 4px;} .note-summary-container {display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .note-section-wrapper {display: flex; flex-direction: column; gap: 8px;} .note-title {font-weight: 500; color: #595959; font-size: 14px;} .note-section {background: #fffbe6; border: 1px solid #ffe58f; border-radius: 4px; padding: 6px 6px; position: relative; max-width: 70%;} .buyer-note-section {border: 1px solid #f0f0f0; border-radius: 4px; padding: 2px 2px; position: relative; max-width: 70%;} .note-content {color: #595959; font-size: 14px; line-height: 1.6; padding-left: 8px; font-weight: 500;} .buyer-note-content {color: black; font-size: 14px; line-height: 1.6; padding-left: 8px;} .order-summary {display: flex; flex-direction: column;} .summary-row {display: flex; justify-content: space-between; align-items: center;} .summary-label {color: #595959; font-size: 14px; font-weight: 500;} .summary-value {font-size: 14px; color: #000; font-weight: 500;} .summary-value.discount {color: #ff4d4f;} .total-row {border-top: 1px solid #f0f0f0; margin-top: 8px; padding-top: 16px;} .total-label {font-weight: 600; font-size: 16px; color: #000 !important; display: flex; flex-direction: column; gap: 4px;} .item-count {font-size: 12px; color: #8c8c8c; font-weight: 400;} .total-value {font-weight: 600; font-size: 18px; color: #ff4d4f !important;} .summary-label.italic,.summary-value.italic {font-style: italic; font-size: 13px;} .payment-info-section {background: #fff; border-radius: 8px; padding: 16px;} .payment-info-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .payment-info-content {display: flex; align-items: center;} .payment-info-row {display: flex; justify-content: space-between; width: 100%;} .payment-info-item {display: flex; align-items: center; gap: 6px;} .payment-info-label {color: #8c8c8c; font-size: 13px; font-weight: 500; white-space: nowrap;} .payment-info-value {font-size: 15px; font-weight: 600; color: #000;} .payment-info-value.paid {color: #52c41a;} .payment-info-value.remaining {color: #ff4d4f;} .payment-status-row {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px;} .payment-status-item {display: inline-flex; flex-direction: column; gap: 8px;} .payment-status-item .ant-tag {width: fit-content;} .payment-status-label {color: #8c8c8c; font-size: 14px;} .payment-status-value {font-size: 18px; font-weight: 600;} .payment-status-value.paid {color: #52c41a;} .payment-status-value.remaining {color: #ff4d4f;} .payment-history {border-top: 1px solid #f0f0f0; padding-top: 16px;} .payment-history-title {font-weight: 600; font-size: 15px; color: #000; display: block; margin-bottom: 12px;} .payment-history-item {margin-bottom: 8px;} .payment-history-status {display: flex; align-items: center; gap: 8px; margin-bottom: 4px;} .payment-dot {width: 8px; height: 8px; background: #52c41a; border-radius: 50%;} .payment-text {font-size: 14px; color: #000; font-weight: 500;} .payment-amount {font-weight: 600; color: #52c41a;} .payment-amount-red {font-weight: 600; color: red;} .payment-date {font-size: 13px; color: #8c8c8c; margin-left: 16px;} .payment-history-details {background: #fafafa; border-radius: 4px; padding: 8px; margin-top: 8px;} .payment-detail-row {display: flex; justify-content: space-between;} .payment-detail-label {color: #8c8c8c; font-size: 13px;} .payment-detail-value {color: #000; font-size: 13px; font-weight: 500;} .payment-detail-value-note {color: #000; font-size: 13px;} .order-detail-right {display: flex; flex-direction: column; gap: 16px; position: sticky; top: 80px; align-self: flex-start; max-height: calc(100vh - 100px); overflow-y: auto;} .info-card {background: #fff; border-radius: 8px; padding: 16px;} .info-card-header {display: flex; align-items: center; gap: 8px; margin-bottom: 12px;} .info-card-icon {font-size: 18px;} .info-card-title {margin: 0 !important; font-size: 14px; font-weight: 700; color: #000;} .info-card-content {display: flex; flex-direction: column; gap: 8px;} .info-card-divider {height: 1px; background: #f0f0f0; margin: 16px 0;} .customer-name {font-weight: 600; font-size: 15px; color: #000;} .customer-phone {color: #595959; font-size: 14px;} .customer-debt {display: flex; justify-content: space-between; align-items: center; padding-top: 8px; border-top: 1px solid #f0f0f0; margin-top: 4px;} .debt-label {color: #8c8c8c; font-size: 14px;} .debt-value {font-weight: 600; font-size: 14px; color: #ff4d4f;} .address-text {color: #000; font-size: 14px; line-height: 1.6;} .payment-method-name {color: #000; font-size: 14px; margin-bottom: 8px;} .payment-status-badge {display: inline-block; margin: 0; background-color: #DEF3EA !important; color: #16a085 !important; border: none !important; border-radius: 4px; padding: 2px 12px; font-size: 13px; font-weight: 500; width: fit-content;} .delivery-method-text {color: #000; font-size: 14px;} @media (max-width: 1200px) {.order-detail-content {grid-template-columns: 1fr;} .order-detail-right {display: grid; grid-template-columns: repeat(2,1fr); gap: 16px;}} @media (max-width: 768px) {.order-detail-container {padding: 16px;} .order-detail-header {flex-direction: column; align-items: flex-start; gap: 12px;} .order-detail-right {grid-template-columns: 1fr;} .payment-status-row {flex-direction: column; gap: 16px;} .payment-info-content {grid-template-columns: auto auto; gap: 8px 12px;} .note-summary-container {grid-template-columns: 1fr; gap: 16px;}} .od-status-tag {font-weight: 500;} .od-status-ordered {color: #096dd9; background-color: #e6f7ff; border: 1px solid #096dd9;} .od-status-in-delivery {color: #d46b08; background-color: #fff7e6; border: 1px solid #d46b08;} .od-status-delivered {color: #389e0d; background-color: #f6ffed; border: 1px solid #389e0d;} .od-status-canceled {color: #cf1322; background-color: #fff1f0; border: 1px solid #cf1322;} .od-status-default {color: #d9d9d9; background-color: #fafafa; border: 1px solid #d9d9d9;} .od-payment-paid {color: #52c41a; background-color: #f6ffed; border: 1px solid #52c41a; font-weight: 500;} .od-payment-partial {color: #fa8c16; background-color: #fff7e6; border: 1px solid #fa8c16; font-weight: 500;} .od-payment-unpaid {color: #ff4d4f; background-color: #fff1f0; border: 1px solid #ff4d4f; font-weight: 500;} .od-btn-confirm-delivery {background-color: #fa8c16; border-color: #fa8c16;} .od-btn-confirm-delivered {background-color: #52c41a; border-color: #52c41a;} .od-price-cell {display: flex; flex-direction: column; align-items: flex-end; gap: 2px;} .od-price-strikethrough {font-size: 12px; color: #999; text-decoration: line-through;} .od-price-row {display: flex; align-items: center; gap: 4px;} .od-price-bold {font-weight: 600;} .od-wholesale-tag {font-size: 11px; color: #ff8c00; border: 1px solid #ff8c00; border-radius: 2px; padding: 1px 4px; display: inline-flex; cursor: pointer; max-width: 40px;} .od-total-price-cell {display: flex; flex-direction: column; gap: 2px;} .od-customer-link {cursor: pointer; color: #1890ff; font-weight: 500;} .od-debt-value-positive {color: #52c41a;} .od-debt-value-negative {color: #ff4d4f;} .od-debt-link {cursor: pointer; text-decoration: underline;} .od-ctv-icon {color: brown;} .od-tooltip-cell {display: flex; flex-direction: column; flex: 1; min-width: 0;} .od-coupon-code {color: #5353d5; font-size: 15px;}}.order-list-container-parent{padding:0;.order-list-header {position: sticky; top: 64px; z-index: 20; display: flex; justify-content: space-between; align-items: center; background: #fff; will-change: transform; transform: translateZ(0);} .order-list-filters {background: #fff; padding: 12px; border-radius: 8px; border: 1px solid #f0f0f0; display: flex; flex-direction: column; gap: 6px; position: relative; .filter-header {position: absolute; top: 8px; right: 12px; button {font-size: 13px; padding: 0; font-weight: 500;}} .filter-section-title {font-size: 13px; font-weight: 500; white-space: nowrap;} .filter-row-1 {display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; .search-wrapper {flex: 1; min-width: 300px; .search-controls {display: flex; gap: 8px;}} .date-filter-wrapper {.date-range-picker {width: 240px;}}} .filter-row-grid {display: grid; grid-template-columns: 140px 1fr 140px 1fr; align-items: center; gap: 8px;} .filter-select {max-width: 360px;} .filter-tag {display: inline-flex; align-items: center; justify-content: center; width: 84px; font-size: 12px; border-radius: 6px; background: #f5f5f5; border: 1px solid #d9d9d9; cursor: pointer; &:hover {border-color: #40a9ff; color: #40a9ff; background: #e6f7ff;}} .filter-tag-selected {background: #e6f7ff; border-color: #91d5ff; color: #1890ff; font-weight: 500;}} .two-line-ellipsis {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;} .order-summary-grid {display: grid; grid-template-columns: repeat(8,1fr); gap: 16px; margin-bottom: 12px;} .order-summary-card {background: #f9fff5; padding: 8px; border-radius: 8px; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 3px rgba(0,0,0,.04); .title {font-size: 11px; font-weight: 500; color: #555;} .value {margin-top: 6px; font-size: 15px; font-weight: 650;}} .order-list-table-wrapper {border: 1px solid #f0f0f0; border-radius: 2px; background: #fff; min-height: 0;} .order-list-table {flex: 1; display: flex; flex-direction: column; .ant-table-thead > tr > th {background: #fafafa; font-size: 12px; font-weight: 600; padding: 4px 8px;} .ant-table-tbody > tr > td {font-size: 14px;} .ant-pagination {display: none;}} .order-list-pagination-wrapper {position: sticky; bottom: 0; z-index: 100; background: #fff; padding: 8px 16px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end;} .ant-table-tbody > tr.row-printed > td {background: #fff2cc !important;} .ant-table-tbody > tr.row-printed:hover > td {background: #fcf1bd !important;} .ant-table-tbody > tr.ant-table-row-selected.row-printed > td {background: #fff2cc !important;} .ant-table-tbody > tr.ant-table-row-selected.row-printed:hover > td {background: #fcf1bd !important;}}.combine-order-modal-title{margin-top:8px}.combine-order-modal-notes-link{color:#1890ff;cursor:pointer;text-decoration:underline;font-size:14px;font-weight:400}.combine-order-status-tag{font-weight:500}.combine-order-status-ordered{color:#096dd9;background-color:#e6f7ff;border:1px solid #096dd9}.combine-order-status-in-delivery{color:#d46b08;background-color:#fff7e6;border:1px solid #d46b08}.combine-order-status-delivered{color:#389e0d;background-color:#f6ffed;border:1px solid #389e0d}.combine-order-status-canceled{color:#cf1322;background-color:#fff1f0;border:1px solid #cf1322}.combine-order-status-default{color:#d9d9d9;background-color:#fafafa;border:1px solid #d9d9d9}.combine-order-notes-title{font-weight:700}.combine-order-notes-list{padding-left:20px;margin:16px 0;line-height:1.8}.modal-content{margin-top:8px}.modal-note{font-size:12px;color:#888;margin-top:8px}.modal-note-13{font-size:13px;margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-footer-8{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.debt-confirm-description{margin-bottom:16px}.debt-confirm-footer{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.order-code-link{cursor:pointer;color:#1890ff;font-weight:500}.customer-cell{display:flex;flex-direction:column}.customer-phone-text{font-size:12px;color:#888}.total-amount-text{font-weight:600}.created-by-cell{display:flex;flex-direction:column}.created-date-text{font-size:12px;color:#888}.payment-status-paid{color:#52c41a}.payment-status-partial{color:#fa8c16}.payment-status-unpaid{color:#ff4d4f}.commission-text{font-weight:500}.summary-tooltip-icon{font-size:14px;color:#999;cursor:pointer;margin-left:4px}.summary-value-negative{color:red}.selected-rows-bar{padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.selected-rows-count{font-weight:500;text-transform:uppercase;font-size:13px;color:#000}.action-dropdown-trigger{color:#1890ff;cursor:pointer;text-transform:uppercase;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px}.action-dropdown-icon{font-size:10px}.segment-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box}.segment-list-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.segment-list-header .ant-typography{margin:0}.segment-list-filters{margin-top:12px;margin-bottom:12px;flex-shrink:0}.segment-list-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f0f0f0;border-radius:2px}.segment-list-table{flex:1;overflow-y:auto;overflow-x:auto;background-color:#fff}.segment-list-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:5;background-color:#fafafa;font-weight:600}.segment-list-table .ant-table-tbody>tr>td{font-size:14px}.segment-list-table .ant-pagination{display:none}.segment-list-table .ant-table-tbody>tr:hover{background-color:#f5f5f5}.segment-list-table .ant-space>.anticon{font-size:16px;transition:color .2s}.segment-list-table .ant-space>.anticon:hover{opacity:.8}.segment-list-pagination-wrapper{flex-shrink:0;margin:0;padding:8px 16px;background-color:#fff;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 2px 2px;display:flex;justify-content:flex-end;min-height:44px;align-items:center}.segment-list-pagination-wrapper .ant-pagination{margin:0}@media (max-width: 768px){.segment-list-container{height:calc(100vh - 70px);overflow:hidden}.segment-list-table-wrapper{border:none}.segment-list-pagination-wrapper{flex-direction:column;gap:8px;align-items:stretch;border:1px solid #f0f0f0}.segment-list-pagination-wrapper .ant-pagination{justify-content:center}}.payment-settings-page{.settings-payment-container {} .payment-header {display: flex; justify-content: flex-end; margin-bottom: 16px;} .payment-methods-list {display: flex; flex-direction: column;} .payment-method-card {border-radius: 8px; margin-top: 18px; box-shadow: 0 1px 4px rgba(0,0,0,.08);} .payment-method-header {display: flex; justify-content: space-between; align-items: center;} .payment-method-left {display: flex; align-items: center; gap: 12px;} .payment-method-icon-wrapper {width: 48px; height: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 24px;} .payment-method-customer-group {display: flex; align-items: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0;} @media (max-width: 768px) {.payment-method-header {flex-direction: column; align-items: flex-start; gap: 12px;} .payment-method-customer-group {width: 100%; flex-direction: column; align-items: flex-start; gap: 8px; .ant-select {width: 100% !important;}}} .payment-method-right {display: flex; align-items: center; gap: 12px; width: 50%; justify-content: flex-end;} .payment-method-multiselect {width: 80%;} @media (max-width: 768px) {.payment-method-right {width: 100%; flex-direction: column; align-items: flex-start;} .payment-method-multiselect {width: 100% !important;}}}.ant-table-thead>tr>th{padding:4px 8px!important;font-size:12px}.ant-table-small .ant-table-tbody>tr>td{padding:4px 8px}.ant-table-small .ant-table-thead>tr>th{padding:6px 8px}.ant-form-item{margin-bottom:8px}.debt-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box;.customer-list-header {display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;} .customer-list-title {margin: 0 !important;} .customer-list-filters {margin-top: 12px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; flex-shrink: 0;} .customer-list-search {min-width: 300px;} .customer-list-table-wrapper {flex: 1; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px;} .customer-list-table {flex: 1; overflow-y: auto; overflow-x: auto; background: white; .ant-table-thead > tr > th {position: sticky; top: 0; z-index: 5; background-color: #fafafa;} .ant-table-cell {padding: 12px 16px;} .ant-pagination {display: none;}} .customer-list-pagination-wrapper {flex-shrink: 0; margin: 0; padding: 8px 16px; background-color: #fff; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; display: flex; justify-content: flex-end; align-items: center; min-height: 44px; .ant-pagination {margin: 0;}}}@media (max-width: 1200px){.customer-list-container{.customer-list-filters {flex-direction: column; align-items: stretch; & > .ant-space {width: 100%; justify-content: flex-start;}}}}@media (max-width: 768px){.customer-list-container{height:calc(100vh - 40px);overflow:hidden;.customer-list-header {flex-direction: column; align-items: flex-start; gap: 12px; button {width: 100%;}} .customer-list-filters {& > .ant-space {flex-wrap: wrap;}} .customer-list-table-wrapper {border: none;} .customer-list-pagination-wrapper {flex-direction: column; gap: 8px; align-items: stretch; border: 1px solid #f0f0f0; .ant-pagination {justify-content: center;}} .ant-select {width: 100% !important;}}}.segment-create-parent{.segment-create-container {padding: 0; background: #f5f5f5; min-height: calc(100vh - 70px); display: flex; flex-direction: column; overflow-y: auto;} .segment-create-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px; flex-shrink: 0;} .segment-create-header .header-left {display: flex; align-items: center; gap: 12px;} .segment-create-header .segment-title {margin: 0; font-size: 20px; font-weight: 600;} .segment-create-header .save-button {min-width: 100px; height: 40px; font-weight: 500;} .segment-create-content {background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08);} .segment-create-field {margin-bottom: 24px;} .segment-create-field:last-child {margin-bottom: 0;} .segment-create-label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; color: rgba(0,0,0,.85);} .segment-create-conditions-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;} .segment-create-conditions-header .conditions-header-left {display: flex; align-items: center; gap: 16px;} .segment-create-conditions-header .condition-operator-radio {margin-bottom: 8px;} .segment-create-conditions-header .condition-operator-radio .ant-radio-wrapper {font-size: 14px; font-weight: normal;} .segment-create-conditions-table {border: 1px solid #f0f0f0; border-radius: 4px;} .ant-table-cell {vertical-align: top !important;} .segment-create-conditions-table .ant-table {background: transparent;} .segment-create-conditions-table .ant-table-tbody > tr > td {padding: 12px 8px; border-bottom: 1px solid #f0f0f0;} .segment-create-conditions-table .ant-table-tbody > tr:last-child > td {border-bottom: none;} .segment-create-conditions-table .ant-table-tbody > tr:hover > td {background-color: #fafafa;} .segment-create-conditions-table .ant-table-container {border: none;} @media (max-width: 768px) {.segment-create-header {padding: 12px 16px;} .segment-create-header .segment-title {font-size: 16px;} .segment-create-content {margin: 0 16px 16px 16px; padding: 16px;} .segment-create-field input {max-width: 100% !important;}}}.promotion-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box}.promotion-list-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.promotion-list-header .ant-typography{margin:0}.promotion-list-filters{margin-top:12px;margin-bottom:12px;flex-shrink:0}.promotion-list-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f0f0f0;border-radius:2px}.promotion-list-table{flex:1;overflow-y:auto;overflow-x:auto;background-color:#fff}.promotion-list-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:5;background-color:#fafafa;font-weight:600}.promotion-list-table .ant-table-tbody>tr>td{font-size:14px}.promotion-list-table .ant-pagination{display:none}.promotion-list-table .ant-table-tbody>tr:hover{background-color:#f5f5f5}.promotion-list-table .ant-space>.anticon{font-size:16px;transition:color .2s}.promotion-list-table .ant-space>.anticon:hover{opacity:.8}.promotion-list-pagination-wrapper{flex-shrink:0;margin:0;padding:8px 16px;background-color:#fff;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 2px 2px;display:flex;justify-content:flex-end;min-height:44px;align-items:center}.promotion-list-pagination-wrapper .ant-pagination{margin:0}@media (max-width: 768px){.promotion-list-container{height:calc(100vh - 70px);overflow:hidden}.promotion-list-table-wrapper{border:none}.promotion-list-pagination-wrapper{flex-direction:column;gap:8px;align-items:stretch;border:1px solid #f0f0f0}.promotion-list-pagination-wrapper .ant-pagination{justify-content:center}}.branch-selector-count{font-size:14px;font-weight:500;margin-bottom:12px;color:#000000d9}.branch-selector-table-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fafafa;border:1px solid #f0f0f0;border-radius:4px 4px 0 0;font-weight:600}.branch-selector-header-checkbox{flex-shrink:0}.branch-selector-header-title{flex:1}.branch-selector-list{max-height:320px;overflow-y:auto;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 4px 4px}.branch-selector-loading,.branch-selector-empty{display:flex;justify-content:center;align-items:center;padding:40px;color:#00000073}.branch-selector-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.branch-selector-item:last-child{border-bottom:none}.branch-selector-item:hover{background-color:#f5f5f5}.branch-selector-info{flex:1;display:flex;flex-direction:column;gap:4px}.branch-selector-name{font-size:14px;font-weight:500;color:#000000d9}.branch-selector-address{font-size:12px;color:#00000073}.segment-selector-search{margin-bottom:16px}.segment-selector-count{font-size:14px;font-weight:500;margin-bottom:12px;color:#000000d9}.segment-selector-table-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fafafa;border:1px solid #f0f0f0;border-radius:4px 4px 0 0;font-weight:600}.segment-selector-header-checkbox{flex-shrink:0}.segment-selector-header-title{flex:1}.segment-selector-list{max-height:280px;overflow-y:auto;border:1px solid #f0f0f0;border-top:none;border-radius:0 0 4px 4px}.segment-selector-loading,.segment-selector-empty{display:flex;justify-content:center;align-items:center;padding:40px;color:#00000073}.segment-selector-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.segment-selector-item:last-child{border-bottom:none}.segment-selector-item:hover{background-color:#f5f5f5}.segment-selector-info{flex:1;display:flex;flex-direction:column;gap:4px}.segment-selector-name{font-size:14px;font-weight:500;color:#000000d9}.segment-selector-customer-count{font-size:12px;color:#00000073}.segment-selector-pagination{margin-top:16px;display:flex;justify-content:center}.promotion-create-parent{.promotion-create-container {padding: 0; background: #f5f5f5; min-height: calc(100vh - 70px); display: flex; flex-direction: column; overflow-y: auto;} .promotion-create-header {background: #fff; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px; flex-shrink: 0;} .promotion-create-header .header-left {display: flex; align-items: center; gap: 12px;} .promotion-create-header .promotion-title {margin: 0; font-size: 20px; font-weight: 600;} .promotion-create-header .save-button {min-width: 100px; height: 40px; font-weight: 500;} .promotion-create-content {background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08); margin: 0 8px 8px 8px;} .promotion-create-field {margin-bottom: 8px;} .promotion-create-label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; color: rgba(0,0,0,.85);} .promotion-create-label-required {color: red;} .promotion-create-char-counter {display: flex; justify-content: space-between; align-items: center; margin-top: 4px;} .promotion-create-error {color: red; font-size: 12px;} .promotion-create-char-count {font-size: 12px; color: #999;} .promotion-create-error-text {color: red; font-size: 12px; margin-top: 4px;} .promotion-create-hint-text {font-size: 12px; color: rgba(0,0,0,.45); margin-top: 4px;} .promotion-create-input-number {width: 50%;} .promotion-create-datetime-row {display: flex; align-items: flex-start; gap: 12px; max-width: 100%;} .promotion-create-datetime-col {flex: 1; min-width: 0;} .promotion-create-datetime-input {width: 100%;} .promotion-create-datetime-separator {padding-top: 4px; font-size: 16px; font-weight: 500; color: rgba(0,0,0,.45); flex-shrink: 0;} .promotion-create-apply-type {margin-top: 12px;} .promotion-create-radio-group {display: flex; flex-direction: column; gap: 12px;} .promotion-create-selection-container {margin-left: 24px; margin-top: 8px;} .promotion-create-selected-badge {display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; background-color: #e6f7ff; border-radius: 4px;} .promotion-create-selected-text {color: #1890ff; font-weight: 500; font-size: 14px; margin-right: 6px;} .promotion-create-edit-icon {cursor: pointer; font-size: 16px; color: #1890ff;} @media (max-width: 768px) {.promotion-create-header {padding: 12px 16px;} .promotion-create-header .promotion-title {font-size: 16px;} .promotion-create-content {margin: 0 16px 16px 16px; padding: 16px;} .promotion-create-field input,.promotion-create-field .ant-picker,.promotion-create-field .ant-input-number {max-width: 100% !important;} .promotion-create-datetime-row {flex-direction: column; gap: 16px;} .promotion-create-datetime-separator {display: none;}}}.new-shipping{.wrapper {background: #f5f6f8; height: calc(100vh - 120px); display: flex; flex-direction: column; overflow-x: hidden; position: relative; width: 100%;} .sticky-header {background: #fff; padding: 16px 24px; border-bottom: 1px solid #f0f0f0; z-index: 10; flex-shrink: 0;} .header-content {display: flex; justify-content: space-between; align-items: center;} .scroll-content {flex: 1; overflow-y: auto; overflow-x: hidden; padding: 8px 24px 24px 24px; width: 100%; box-sizing: border-box;} .scroll-content::-webkit-scrollbar {width: 6px;} .scroll-content::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;} .title {font-size: 24px; font-weight: 600; margin: 0;} .card {border-radius: 12px; padding: 14px; margin-top: 20px;} .card-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;} .card-header b {font-size: 16px;} .card-body {background: #fff; border-radius: 10px; padding: 12px;} .sub-card {border: 1px solid #ddd; border-radius: 10px; margin-bottom: 12px; overflow: hidden;} .sub-card-header {background: #e5e7eb; padding: 10px 12px; display: flex; justify-content: space-between; font-size: 14px; font-weight: 500;} .sub-card-header span {color: #2563eb; cursor: pointer;} .sub-card-header span:hover {text-decoration: underline;} .table {padding: 10px;} .table-row {display: grid; grid-template-columns: 2fr 2fr 1fr 1fr; align-items: center; padding: 8px 10px; border-top: 1px solid #eee; font-size: 13px;} .table-row:first-child {border-top: none;} .table-row:hover {background: #fafafa;} .empty-box {text-align: center; padding: 20px; color: #999; font-size: 13px;} button {cursor: pointer;} .primary-btn {border: 1px solid #2563eb; color: #2563eb; background: white; border-radius: 6px; padding: 4px 10px; font-size: 13px;} .primary-btn:hover {background: #eff6ff;} .province-grid {display: grid; grid-template-columns: repeat(4,1fr); gap: 6px 16px; max-height: 300px; overflow-y: auto;} .action-link {color: #2563eb; cursor: pointer; font-size: 15px; margin-right: 8px;} .action-link:hover {text-decoration: underline;} @media (max-width: 768px) {.table-row {grid-template-columns: 1fr 1fr; row-gap: 6px;}} .sub-card-body {padding: 16px; text-align: center;} .empty-province {background: #e6f0ff; border: 1px solid #bcd3ff; border-radius: 8px; padding: 40px 20px; text-align: center;} .empty-text {color: #6b7280; margin-bottom: 16px; font-size: 14px;} .choose-btn {border: 1px solid #3b82f6; color: #2563eb; background: white; padding: 6px 16px; border-radius: 6px; cursor: pointer;} .choose-btn:hover {background: #eff6ff;} .fee-table {border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden;} .fee-header {display: grid; grid-template-columns: 2fr 2fr 2fr 1.5fr 1fr; background: #e5e7eb; padding: 12px 16px; font-weight: 600; font-size: 14px; text-align: left;} .fee-row {display: grid; grid-template-columns: 2fr 2fr 2fr 1.5fr 1fr; padding: 14px 16px; border-top: 1px solid #f1f5f9; align-items: center; font-size: 14px; text-align: left;} .fee-row .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;} .actions {display: flex; gap: 10px;} .actions span {cursor: pointer; font-size: 16px;} .actions .edit {color: #2563eb;} .actions .delete {color: #ef4444;} .provider-block-title{flex: 1; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .provider-block-actions-group {display: flex; gap: 12px; flex-shrink: 0;} .provider-block-sub-card-header {display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;} .single-line-text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; padding-right: 12px;} .tab-content-container {display: flex; align-items: flex-start; padding: 16px; background: #fff; width: 100%;} .label-giao-tu {font-weight: bold; margin-right: 12px; margin-top: 8px; white-space: nowrap;} .ant-tabs-nav {margin-bottom: 16px !important;} .ant-tabs-tab {border-radius: 8px !important; background: #f5f5f5 !important; border: 1px solid #d9d9d9 !important; transition: all .3s; height: 36px; margin-right: 8px !important;} .ant-tabs-tab-active {background: #1677ff !important;} .ant-tabs-tab-active .ant-tabs-tab-btn {color: white !important;} .ant-tabs-tab-active .ant-tabs-tab-remove {color: white !important;} .ant-tabs-nav-operations {display: flex; align-items: center;} .tab-full {width: 100%;} .branch-tabs-container {display: flex; align-items: center; gap: 8px; background: #f0f5ff; padding: 8px 12px; border-radius: 4px;} .label-giao-tu {font-weight: bold; white-space: nowrap; color: #000;} .custom-branch-tabs .ant-tabs-nav {margin: 0 !important;} .custom-branch-tabs .ant-tabs-nav::before {border-bottom: none !important;} .custom-branch-tabs .ant-tabs-tab {background: #fff !important; border: 1px solid #d9d9d9 !important; border-radius: 8px !important; padding: 4px 12px !important; margin-right: 8px !important; transition: all .2s;} .custom-branch-tabs .ant-tabs-tab-active {background: #1890ff !important; border-color: #1890ff !important;} .custom-branch-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {color: #fff !important;} .custom-branch-tabs .ant-tabs-tab-active .ant-tabs-tab-remove {color: #fff !important;} .custom-branch-tabs .ant-tabs-nav-operations {background: #fff; border-radius: 4px; margin-left: 4px;} .label-giao-tu-inline {font-weight: bold; margin-right: 12px; display: inline-block; color: #000;} .ant-tabs-content-holder{margin-top: -16px;} .action-link-header {color: #1890ff; cursor: pointer; font-weight: 500; margin-left: 16px; padding: 4px 8px; transition: all .3s; user-select: none;} .action-link-header:hover {color: #40a9ff; text-decoration: underline;} .custom-branch-tabs .ant-tabs-nav-wrap {flex: 1;} .ant-tabs-extra-content {display: flex; align-items: center;} .branch-tabs-container {background: #f0f5ff; padding: 8px 16px;} .label-giao-tu-inline {font-weight: bold; margin-right: 12px;} .action-link-header {color: #1890ff; cursor: pointer; font-weight: 500; margin-left: 16px;} .action-link-header:hover {text-decoration: underline;} .custom-branch-tabs .ant-tabs-nav::before {display: none;} .custom-branch-tabs .ant-tabs-tab {background: #fff !important; border-radius: 8px !important; border: 1px solid #d9d9d9 !important;} .custom-branch-tabs .ant-tabs-tab-active {background: #1890ff !important;} .custom-branch-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,.custom-branch-tabs .ant-tabs-tab-active .ant-tabs-tab-remove {color: #fff !important;}}.pages-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;gap:0;box-sizing:border-box}.pages-list-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pages-list-header .ant-typography{margin:0}.pages-list-filters{margin-top:12px;margin-bottom:12px;flex-shrink:0}.pages-list-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f0f0f0;border-radius:2px}.pages-list-table{flex:1;overflow-y:auto;overflow-x:auto;background-color:#fff}.pages-list-table .ant-table-thead>tr>th{position:sticky;top:0;z-index:5;background-color:#fafafa;font-weight:600}.pages-list-table .ant-table-tbody>tr>td{font-size:14px}.pages-list-table .ant-pagination{display:none}.pages-list-table .ant-table-tbody>tr:hover{background-color:#f5f5f5}.pages-list-table .ant-space>.anticon{font-size:16px;transition:color .2s}.pages-list-table .ant-space>.anticon:hover{opacity:.8}.pages-list-pagination-wrapper{flex-shrink:0;margin:0;padding:8px 16px;background-color:#fff;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 2px 2px;display:flex;justify-content:flex-end;min-height:44px;align-items:center}.pages-list-pagination-wrapper .ant-pagination{margin:0}.pages-content-cell{max-width:400px;white-space:pre-wrap;word-break:break-word;color:#595959}@media (max-width: 768px){.pages-list-container{height:calc(100vh - 70px);overflow:hidden}.pages-list-table-wrapper{border:none}.pages-list-pagination-wrapper{flex-direction:column;gap:8px;align-items:stretch;border:1px solid #f0f0f0}.pages-list-pagination-wrapper .ant-pagination{justify-content:center}}.pages-form-container{padding:16px 24px;background:#fafafa;min-height:calc(100vh - 64px)}.pages-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pages-form-header .ant-typography{margin:0}.pages-form-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px}.pages-form-card-title{font-size:16px;font-weight:600;margin-bottom:16px}.pages-form-quill .ql-container{min-height:200px;font-size:14px}.pages-form-quill .ql-editor{min-height:200px}.pages-content-tabs{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;background:#fff}.pages-content-tab-bar{display:flex;align-items:center;gap:0;background:#fafafa;border-bottom:1px solid #d9d9d9;padding:0 4px}.pages-content-tab{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:13px;color:#666;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center}.pages-content-tab:hover{color:#1677ff}.pages-content-tab.active{color:#1677ff;border-bottom-color:#1677ff;font-weight:500}.pages-content-tab-body{min-height:250px}.pages-content-tab-body .pages-form-quill{border:none}.pages-content-tab-body .pages-form-quill .ql-toolbar{border:none;border-bottom:1px solid #d9d9d9}.pages-content-tab-body .pages-form-quill .ql-container{border:none}.pages-code-editor{width:100%;min-height:250px;padding:12px 16px;border:none;outline:none;resize:vertical;font-family:Cascadia Code,Fira Code,SF Mono,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;color:#1e1e1e;background:#fafafa;tab-size:2}.pages-code-editor::placeholder{color:#bbb}.pages-code-editor:focus{background:#fff}.pages-preview-section{border-top:1px solid #d9d9d9}.pages-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#fafafa;border-bottom:1px solid #f0f0f0}.pages-preview-label{font-size:12px;color:#999}.pages-preview-devices{display:flex;gap:4px}.pages-device-btn{padding:2px 10px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.pages-device-btn:hover{border-color:#1677ff;color:#1677ff}.pages-device-btn.active{background:#1677ff;border-color:#1677ff;color:#fff}.pages-preview-viewport{display:flex;justify-content:center;padding:12px;background:#e8e8e8;min-height:120px}.pages-preview-iframe{border:none;min-height:100px;background:#fff;transition:width .3s ease,height .15s ease;max-width:100%;box-shadow:0 1px 4px #0000001a}.menu-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;box-sizing:border-box}.menu-list-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.menu-list-header .ant-typography{margin:0}.menu-list-body{flex:1;overflow-y:auto;margin-top:16px;display:flex;flex-direction:column;gap:12px;padding-right:4px}.menu-card{background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .2s}.menu-card:hover{box-shadow:0 2px 8px #00000014}.menu-card-name{font-size:15px;font-weight:500;color:#262626}.menu-card-actions{display:flex;gap:16px;align-items:center}.menu-list-empty{text-align:center;color:#8c8c8c;padding:32px 0}.menu-form-container{display:flex;flex-direction:column;gap:16px;padding:0}.menu-form-header{display:flex;justify-content:space-between;align-items:center}.menu-form-header .ant-typography{margin:0}.menu-form-card{background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:16px 20px}.menu-form-card-title{font-size:15px;font-weight:600;margin-bottom:4px}.menu-form-card-subtitle{font-size:12px;color:#8c8c8c;margin-bottom:12px}.menu-items-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.menu-items-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.menu-item-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:8px 12px;transition:box-shadow .15s,opacity .15s}.menu-item-row.dragging{opacity:.4}.menu-item-row.drop-target{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26}.menu-drop-indicator{height:4px;background:#1890ff;border-radius:2px;margin:2px 0;pointer-events:none;transition:margin-left .08s linear}.menu-item-drag-handle{cursor:grab;color:#bfbfbf;display:flex;align-items:center}.menu-item-drag-handle:active{cursor:grabbing}.menu-item-fields{flex:1;display:flex;gap:8px;align-items:center}.menu-item-name{flex:1}.menu-item-type{width:140px}.menu-item-value{flex:1}.menu-item-delete{color:#ff4d4f;cursor:pointer;font-size:16px;padding:4px}.menu-items-empty{text-align:center;color:#8c8c8c;padding:24px 0;border:1px dashed #d9d9d9;border-radius:6px}.advanced-settings-page{.advanced-settings-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .advanced-settings-header .ant-typography {margin: 0;} .advanced-settings-card {border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08); margin-bottom: 12px;} .advanced-settings-row {display: flex; justify-content: space-between; align-items: center;}}.domain-settings-page{.domain-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .domain-header .ant-typography {margin: 0;} .domain-card {border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08); margin-bottom: 16px;} .domain-card-label {font-size: 15px; font-weight: 600; margin-bottom: 8px;} .subdomain-row {display: flex; align-items: center; gap: 8px;} .subdomain-row .ant-input {flex: 1;} .subdomain-suffix {font-size: 14px; color: #595959; white-space: nowrap; font-weight: 500;} .dns-check-row {display: flex; align-items: center; gap: 12px; margin-bottom: 16px;} .dns-check-hint {font-size: 13px; color: #8c8c8c;} .guide-card {background: #f0f5ff; border: 1px solid #d6e4ff; border-radius: 8px; padding: 20px 24px;} .guide-title {font-size: 16px; font-weight: 700; font-style: italic; margin-bottom: 12px;} .guide-text {font-size: 14px; color: #434343; line-height: 1.8;} .guide-text .server-ip {font-weight: 700;} .guide-note {font-weight: 700;} .guide-link {font-weight: 700; color: #1890ff; text-decoration: underline;} .guide-contact {margin-top: 12px; font-size: 14px; color: #434343; line-height: 1.8;}}.theme-editor{display:flex;flex-direction:column;height:calc(100vh - 76px);margin:-12px;background:#f5f5f5;overflow:hidden}.theme-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.theme-editor-header-left{display:flex;align-items:center;gap:10px}.theme-editor-header-left h2{margin:0;font-size:15px;font-weight:600}.theme-editor-header-right{display:flex;gap:8px}.theme-editor-body{display:flex;flex:1;overflow:hidden;min-height:0}.theme-sidebar{width:260px;min-width:260px;max-width:260px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.theme-sidebar-page-selector{padding:10px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.theme-sidebar-guide{padding:12px;flex:1;overflow-y:auto}.guide-block{background:#f0f5ff;border:1px solid #d6e4ff;border-radius:8px;padding:10px;margin-bottom:10px}.guide-block p{margin:0;font-size:12px;color:#444;line-height:1.6}.theme-bg-toggle{margin-top:8px}.bg-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bg-toggle-header span{font-size:13px;font-weight:500;color:#333}.bg-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e8e8e8}.bg-preview img{width:100%;height:120px;object-fit:cover;display:block}.bg-resolution{display:block;margin-top:4px;color:#999;font-size:11px}.theme-section-settings{padding:12px;flex:1;overflow-y:auto;min-height:0}.theme-section-settings h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#333}.theme-setting-row{margin-bottom:10px}.theme-setting-row label{display:block;font-size:11px;color:#666;margin-bottom:3px;font-weight:500}.theme-setting-row .ant-input-number,.theme-setting-row .ant-input,.theme-setting-row .ant-select{width:100%}.color-picker-row{display:flex;align-items:center;gap:8px}.image-list-container{display:flex;flex-direction:column;gap:6px}.image-list-item{display:flex;align-items:center;gap:6px;padding:4px;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px}.image-list-item img{width:50px;height:32px;object-fit:cover;border-radius:3px;background:#eee}.image-list-item .image-path{flex:1;font-size:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-group-section{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:10px;margin-bottom:10px}.banner-group-section label{display:block;font-size:11px;color:#666;margin-bottom:3px;font-weight:500}.banner-group-label{font-size:12px!important;font-weight:600!important;color:#333!important;margin-bottom:8px!important}.banner-image-list{display:flex;flex-wrap:wrap;gap:8px}.banner-image-item{width:100%}.banner-image-preview{position:relative;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;background:#fafafa}.banner-image-preview img{width:100%;height:80px;object-fit:cover;display:block}.banner-image-empty{height:80px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:11px}.banner-image-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.banner-image-preview:hover .banner-image-actions{opacity:1}.banner-image-replace{background:rgba(24,144,255,.9)!important;color:#fff!important;border-radius:4px!important;width:22px!important;height:22px!important;min-width:22px!important}.banner-image-delete{background:rgba(255,77,79,.9)!important;color:#fff!important;border-radius:4px!important;width:22px!important;height:22px!important;min-width:22px!important}.banner-image-add{width:100%;height:50px;border:1px dashed #d9d9d9;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999;font-size:18px;transition:all .15s}.banner-image-add:hover{border-color:#1890ff;color:#1890ff}.theme-preview{flex:1;display:flex;flex-direction:column;background:#e8e8e8;position:relative;overflow:hidden;min-width:0}.theme-preview-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.theme-preview-iframe-wrapper{flex:1;display:flex;justify-content:center;overflow:hidden;min-height:0}.theme-preview-iframe-wrapper iframe{background:#fff;border:none;height:100%;max-width:100%}.add-component-modal .modal-body{display:flex;gap:0;height:70vh;max-height:70vh;overflow:hidden}.add-component-modal .component-list{width:200px;border-right:1px solid #f0f0f0;padding:0;flex-shrink:0;overflow-y:auto}.add-component-modal .component-list-item{padding:12px 16px;cursor:pointer;font-size:13px;border-bottom:1px solid #f5f5f5;transition:background .15s}.add-component-modal .component-list-item:hover{background:#f5f7fa}.add-component-modal .component-list-item.active{background:#1890ff;color:#fff;font-weight:500}.add-component-modal .template-preview{flex:1;padding:16px;overflow-y:auto}.add-component-modal .template-card{border:2px solid #f0f0f0;border-radius:8px;overflow:hidden;margin-bottom:16px;cursor:pointer;transition:border-color .15s}.add-component-modal .template-card:hover,.add-component-modal .template-card.selected{border-color:#1890ff;box-shadow:0 0 0 1px #1890ff}.add-component-modal .template-card img{width:100%;height:140px;object-fit:cover;display:block}.add-component-modal .template-name{padding:6px 12px;font-size:12px;color:#555;text-align:center;background:#fafafa;border-top:1px solid #f0f0f0}.template-card{border:2px solid #f0f0f0;border-radius:8px;overflow:hidden;margin-bottom:16px;cursor:pointer;transition:border-color .15s}.template-card:hover{border-color:#1890ff}.template-card.selected{border-color:#1890ff;box-shadow:0 0 0 1px #1890ff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}