.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:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{width:100%;max-width:460px;box-shadow:0 4px 24px #00000026;border-radius:8px}.login-header{text-align:center;margin-bottom:32px}.login-header h2{margin-bottom:8px}.login-header p{color:#00000073;margin:0}.login-tabs .ant-tabs-nav{width:100%}.login-tabs .ant-tabs-nav-list{width:100%;display:flex}.login-tabs .ant-tabs-tab{flex:1;display:flex;justify-content:center;margin:0!important}.login-language-switcher{position:absolute;top:24px;right:24px}.login-logo{width:160px;height:auto;margin-bottom:24px;display:block;margin-left:auto;margin-right:auto}.login-subtitle{text-align:center;font-size:16px;margin-top:8px;color:#999}.login-form-label{font-size:14px;font-weight:400;margin-bottom:8px}.login-form-label-required{color:#ff4d4f}.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;}}.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}.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}.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{.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;} .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;}}}}@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;}}}}.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;}}.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;}}.shipping-settings-page{.ant-card-body {padding-left: 16px; padding-right: 16px; padding-bottom: 6px; padding-top: 12px;} .settings-shipping-container {padding: 24px;} .self-delivery-card {margin-bottom: 24px;} .self-delivery-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;} .self-delivery-title {display: flex; align-items: center; gap: 12px;} .truck-icon {font-size: 24px; color: #1890ff;} .self-delivery-content {display: flex; justify-content: space-between; align-items: center;} .configure-shipping-container {background: #f5f5f5; min-height: calc(100vh - 70px); margin: -24px;} .configure-shipping-header {display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; background: white; border-bottom: 1px solid #f0f0f0; position: sticky; top: 0; z-index: 10;} .configure-shipping-body {padding: 24px; background: #f5f5f5;} .location-card {background: white; border-radius: 4px;} .location-card-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .shipping-rules-table {width: 100%; border-collapse: collapse; thead th {padding: 12px 16px; text-align: left; background: #fafafa; font-weight: 600; font-size: 13px; color: #000; border-bottom: 1px solid #f0f0f0;} tbody td {padding: 12px 16px; font-size: 13px; border-bottom: 1px solid #f0f0f0;} tbody tr:last-child td {border-bottom: none;}}}.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;}}}*{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}