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__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.3px}.page-header__sub{font-size:13px;color:var(--text-secondary);margin-left:10px;font-weight:400}.page-header__actions{display:flex;gap:8px;align-items:center}.filter-bar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.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}.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;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{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;box-shadow:0 2px 6px #4080ff47!important}.el-button--primary:hover{box-shadow:0 4px 12px #4080ff61!important;transform:translateY(-1px)}.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}.el-input__wrapper,.el-select .el-input__wrapper{border-radius:var(--radius-sm)!important}