html,body,#app{height:100%;margin:0}:root{--brand-primary: #4080ff;--brand-success: #00b42a;--brand-warning: #ff7d00;--brand-danger: #f53f3f;--brand-info: #86909c;--text-primary: #1d2129;--text-regular: #4e5969;--text-secondary: #86909c;--text-placeholder: #c9cdd4;--bg-page: #f0f2f5;--bg-card: #ffffff;--bg-hover: #f2f3f5;--border-light: #e5e6eb;--border-regular: #c9cdd4;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .07);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--transition: all .18s ease}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-page);line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#86909c}.stage-1,.stage-2,.stage-3{background:#e8f7e8;color:#00a854;border-color:#aae7aa!important}.stage-4,.stage-5,.stage-6{background:#fff3e0;color:#d46b08;border-color:#ffcc80!important}.stage-7{background:#e6f4ff;color:#1677e5;border-color:#91caff!important}.stage-8{background:#fff1f0;color:#cf1322;border-color:#ffa39e!important}.stage-9{background:#f5f5f5;color:#595959;border-color:#d9d9d9!important}.page-container{padding:0;min-height:calc(100vh - 56px);display:flex;flex-direction:column}.page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid var(--border-light)}.page-header__copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.page-header__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:0}.page-header__description{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:0;min-width:0;overflow-wrap:anywhere}.page-header__sub{font-size:13px;color:var(--text-secondary);margin-left:10px;font-weight:400}.page-header__sub--pill{align-items:center;background:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);border-radius:999px;color:var(--el-color-primary);display:inline-flex;font-weight:600;line-height:1.3;padding:2px 8px;vertical-align:middle}.page-header__actions{display:flex;gap:8px;align-items:center}.filter-bar{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:12px;min-width:0;overflow-wrap:anywhere;padding:12px 24px}.filter-bar .el-form--inline{display:flex;flex-wrap:wrap;gap:0;align-items:center;width:100%}.filter-bar .el-form-item{margin-bottom:0!important;margin-right:12px!important}.table-container{padding:16px 24px;flex:1}.list-workspace-page{background:#f5f7fb;gap:12px;height:calc(100vh - 56px);min-height:0;overflow:hidden;padding:12px}.list-workspace-page>.page-header,.list-workspace-page>.record-header{flex:0 0 auto}.list-workspace-page>.page-header{border:1px solid var(--border-light);border-radius:6px;padding:12px 14px}.list-workspace-page>.record-filter-panel,.list-workspace-page>.list-filter-panel{flex:0 0 auto;margin:0}.list-table-panel{background:#fff;border:1px solid var(--border-light);border-radius:6px;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:0}.list-table-panel>.el-table,.list-table-panel .el-table{flex:1 1 auto;min-height:0}.list-table-panel .el-table__inner-wrapper{height:100%}.list-table-panel>.el-pagination,.list-table-panel>.record-pagination,.list-table-panel>.pagination-row,.list-workspace-page>.record-pagination{background:#fff;border-top:1px solid var(--border-light);flex:0 0 auto;justify-content:flex-end;margin:0;padding:10px 12px}.record-page{background:#f5f7fb;gap:12px;min-height:calc(100vh - 56px);padding:16px 20px 20px}.record-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.record-title{color:var(--text-primary);font-size:20px;font-weight:650;line-height:1.2;margin:0}.record-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:4px 0;min-width:0;overflow-wrap:anywhere}.detail-page-title{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;white-space:normal}.detail-page-title span{color:var(--text-primary);font-weight:650;line-height:1.25;min-width:0;overflow-wrap:anywhere;white-space:normal}.detail-page-title small{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.35;min-width:0;overflow-wrap:anywhere}.record-count{align-items:center;background:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);border-radius:999px;color:var(--el-color-primary);display:inline-flex;font-size:13px;font-weight:600;line-height:1.3;margin-top:4px;padding:2px 8px}.record-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.record-filter-panel{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:12px}.list-filter-panel{margin:12px 24px 0}.record-filter-grid{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}.record-filter-toolbar{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.record-filter-main{display:grid;flex:1;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-width:0}.record-filter-advanced{align-items:center;border-top:1px solid var(--border-light);display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:12px;padding-top:12px}.record-filter-grid .filter-control,.record-filter-grid .filter-search,.record-filter-grid .filter-date,.record-filter-grid .filter-wide,.record-filter-grid .filter-date-time,.record-filter-main .filter-control,.record-filter-main .filter-search,.record-filter-main .filter-date,.record-filter-main .filter-wide,.record-filter-main .filter-date-time,.record-filter-advanced .filter-control,.record-filter-advanced .filter-search,.record-filter-advanced .filter-date,.record-filter-advanced .filter-wide,.record-filter-advanced .filter-date-time{max-width:100%;min-width:0;width:100%}.record-filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0;overflow-wrap:anywhere}.filter-more-button{position:relative}.filter-active-dot{background:var(--brand-danger);border-radius:50%;box-shadow:0 0 0 2px #fff;height:6px;position:absolute;right:5px;top:5px;width:6px}.filter-slide-enter-active,.filter-slide-leave-active{transition:opacity .16s ease,transform .16s ease}.filter-slide-enter-from,.filter-slide-leave-to{opacity:0;transform:translateY(-4px)}@media (max-width: 1280px){.record-filter-toolbar{flex-direction:column}.record-filter-main{width:100%}.record-filter-actions{justify-content:flex-start}}@media (max-width: 768px){.page-container{min-height:calc(100vh - 52px)}.page-header{align-items:flex-start;gap:10px;padding:12px}.page-header,.page-header__actions{flex-direction:column}.page-header__actions,.page-header__actions .el-button,.page-header__actions .el-radio-group{width:100%}.page-header__title{font-size:16px;line-height:1.35}.page-header__description{font-size:12px;line-height:1.45}.page-header__sub{display:block;margin-left:0;margin-top:2px}.page-header__sub--pill{display:inline-flex}.list-workspace-page,.page-container.record-page.list-workspace-page{height:auto;min-height:calc(100vh - 52px);overflow:visible;padding:10px}.mobile-readable-list-page .record-filter-panel,.mobile-readable-list-page .list-filter-panel{padding:10px}.record-filter-main,.record-filter-actions{min-width:0;width:100%}.record-filter-main .filter-control,.record-filter-main .filter-search,.record-filter-main .filter-date,.record-filter-main .filter-wide,.record-filter-main .filter-date-time,.record-filter-grid .filter-control,.record-filter-grid .filter-search,.record-filter-grid .filter-date,.record-filter-grid .filter-wide,.record-filter-grid .filter-date-time,.record-filter-actions .el-button{max-width:100%;min-width:0;overflow-wrap:anywhere;width:100%!important}.record-filter-actions{display:grid;grid-template-columns:1fr 1fr}.mobile-readable-list-page .list-table-panel,.mobile-readable-list-page .table-container{flex:0 0 auto;min-height:420px;overflow-x:auto;overflow-y:hidden}.mobile-readable-list-page .el-table{min-width:760px}.mobile-readable-list-page .el-pagination{justify-content:flex-start;overflow-x:auto;width:100%}}.record-table-wrap{background:#fff;border:1px solid var(--border-light);border-radius:6px;overflow:hidden}.record-table-wrap .el-table{--el-table-header-bg-color: #f7f8fa;--el-table-row-hover-bg-color: #f7fbff;font-size:13px}.record-table-wrap .el-table th.el-table__cell{color:var(--text-primary);font-weight:600}.record-pagination{align-items:center;display:flex;justify-content:flex-end}.page-container.list-workspace-page,.page-container.record-page.list-workspace-page{height:calc(100vh - 56px);min-height:0;overflow:hidden;padding:12px}@media (max-width: 768px){.list-workspace-page,.page-container.list-workspace-page,.page-container.record-page.list-workspace-page{height:auto;min-height:calc(100vh - 52px);overflow:visible;padding:10px}}.row-link{color:var(--brand-primary);cursor:pointer;font-weight:500}.row-link:hover{text-decoration:underline}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;line-height:1}.grade-A{background:#e8f7e8;color:#00a854;border:1px solid #aae7aa}.grade-B{background:#e6f4ff;color:#1677e5;border:1px solid #91caff}.grade-C{background:#f5f5f5;color:#595959;border:1px solid #d9d9d9}.stock-instock{background:#e8f7e8;color:#00a854;border-color:#aae7aa!important}.stock-preorder{background:#fff3e0;color:#d46b08;border-color:#ffcc80!important}.stock-outstock{background:#fff1f0;color:#cf1322;border-color:#ffa39e!important}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.alert-card-warning .el-card__header{color:#d46b08}.alert-card-danger .el-card__header{color:#cf1322}.alert-card-warning{border-left:4px solid var(--brand-warning)!important;background:linear-gradient(to right,#fffbf2,#fff)!important}.alert-card-danger{border-left:4px solid var(--brand-danger)!important;background:linear-gradient(to right,#fff5f5,#fff)!important}.el-card{border-radius:var(--radius-md)!important;border-color:var(--border-light)!important;box-shadow:var(--shadow-xs)!important;transition:box-shadow .2s ease!important}.el-card:hover{box-shadow:var(--shadow-sm)!important}.el-card__header{padding:14px 18px!important;border-bottom-color:var(--border-light)!important;font-size:14px;font-weight:600;color:var(--text-primary)}.el-card__body{padding:16px 18px!important}.el-table{border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:var(--shadow-xs)}.el-table th.el-table__cell{background:#f7f8fa!important;color:var(--text-regular)!important;font-weight:600;font-size:13px;border-bottom:1px solid var(--border-light)!important}.el-table th.el-table__cell>.cell{text-align:center}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafbfc!important}.el-table__body tr:hover>td.el-table__cell{background:#f0f5ff!important}.el-table .el-table__cell{padding:11px 12px!important;font-size:13px}.el-table .el-button.is-link{font-size:13px!important;padding:2px 4px!important;height:auto!important}.table-action-trigger{height:24px!important;justify-content:center;min-width:64px;padding:0 5px!important;gap:2px}.el-form--inline .el-form-item{margin-bottom:0!important}.el-tag{border-radius:4px!important;font-size:12px!important;font-weight:500}.el-button{border-radius:var(--radius-sm)!important;font-weight:500;transition:var(--transition)!important}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link),.el-button--success:not(.is-plain):not(.is-text):not(.is-link),.el-button--warning:not(.is-plain):not(.is-text):not(.is-link),.el-button--danger:not(.is-plain):not(.is-text):not(.is-link),.el-button--info:not(.is-plain):not(.is-text):not(.is-link){color:#fff!important}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link){background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;box-shadow:0 2px 6px #4080ff47!important}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):hover{box-shadow:0 4px 12px #4080ff61!important;transform:translateY(-1px)}.el-button--primary.is-plain{--el-button-bg-color: #ecf3ff;--el-button-border-color: #b8d1ff;--el-button-text-color: var(--brand-primary);--el-button-hover-bg-color: #e0ebff;--el-button-hover-border-color: var(--brand-primary);--el-button-hover-text-color: var(--brand-primary);--el-button-active-bg-color: #d6e5ff;--el-button-active-border-color: var(--brand-primary);--el-button-active-text-color: var(--brand-primary);box-shadow:none!important}.el-button--primary.is-plain:hover{transform:none}.el-pagination{justify-content:flex-end;padding:12px 0 4px!important}.el-dialog{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.el-dialog__header{padding:20px 24px 14px!important;border-bottom:1px solid var(--border-light);margin:0!important}.el-dialog__title{font-size:16px!important;font-weight:600;color:var(--text-primary)}.el-dialog__body{padding:20px 24px!important}.el-dialog__footer{padding:14px 24px 20px!important;border-top:1px solid var(--border-light)}.el-popper{border-radius:var(--radius-md)!important}.customer-select-dropdown.el-select__popper{max-width:calc(100vw - 24px);min-width:min(520px,calc(100vw - 24px))}.customer-select-dropdown .el-select-dropdown__item{align-items:flex-start;height:auto;line-height:normal;min-height:40px;padding:8px 12px}.customer-select-dropdown .el-select-dropdown__item.is-selected{font-weight:500}.el-input__wrapper,.el-select .el-input__wrapper{border-radius:var(--radius-sm)!important}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color);position:fixed;top:0;left:0}.el-popup-parent--hidden{overflow:hidden}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);max-width:var(--el-messagebox-width);width:100%;padding:var(--el-messagebox-padding-primary);vertical-align:middle;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-messagebox-box-shadow);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;overflow-wrap:break-word;display:inline-block;position:relative;overflow:hidden}.el-message-box:focus{outline:none!important}.is-message-box .el-overlay-message-box{text-align:center;padding:16px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.is-message-box .el-overlay-message-box:after{content:"";vertical-align:middle;width:0;height:100%;display:inline-block}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size,16px))}.el-message-box__title{font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height);color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{width:40px;height:40px;font-size:var(--el-message-close-size,16px);cursor:pointer;background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;gap:12px;display:flex}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--primary{--el-messagebox-color:var(--el-color-primary);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{min-width:0;margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{padding-top:var(--el-messagebox-padding-primary);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.el-message-box--center .el-message-box__title{justify-content:center;align-items:center;gap:6px;display:flex}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.el-message-box-parent--hidden{overflow:hidden}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}