*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif}:root{--bl-bg: #edf6ff;--bl-bg-soft: #f7fbff;--bl-panel: #ffffff;--bl-panel-soft: #f8fbff;--bl-panel-tint: #eaf3ff;--bl-border: #d7e5f7;--bl-border-soft: #e8f1fb;--bl-text: #172338;--bl-text-strong: #071427;--bl-muted: #61738f;--bl-primary: #1f66ff;--bl-primary-dark: #1550d8;--bl-primary-strong: #0d3ca6;--bl-primary-soft: #eaf3ff;--bl-primary-line: #adc7ff;--bl-accent: #7c5cff;--bl-accent-soft: #f0edff;--bl-success: #137348;--bl-warning: #9b5e0a;--bl-danger: #b42318;--bl-sidebar: #071b3f;--bl-sidebar-soft: #0d2a5f;--bl-sidebar-line: #18376e;--bl-sidebar-text: #c7d8f4;--bl-shadow: 0 1px 2px rgba(15, 50, 104, .07), 0 8px 18px rgba(26, 79, 168, .08);--bl-shadow-soft: 0 1px 2px rgba(15, 50, 104, .06);--bl-focus: 0 0 0 3px rgba(31, 102, 255, .18);--el-color-primary: var(--bl-primary);--el-color-primary-light-3: #5f90ff;--el-color-primary-light-5: #8fb3ff;--el-color-primary-light-7: #bfd4ff;--el-color-primary-light-8: #d5e3ff;--el-color-primary-light-9: #eaf3ff;--el-color-primary-dark-2: var(--bl-primary-dark);--el-color-success: var(--bl-success);--el-color-warning: var(--bl-warning);--el-color-danger: var(--bl-danger);--el-border-radius-base: 6px;--el-border-radius-small: 5px;--el-font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;color:var(--bl-text);background:radial-gradient(circle at 18% -12%,rgba(81,171,255,.16),transparent 310px),radial-gradient(circle at 78% 0,rgba(124,92,255,.11),transparent 320px),linear-gradient(180deg,#f8fbff 0,var(--bl-bg) 380px),var(--bl-bg);font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,button,input,textarea,.el-button,.el-input__inner{letter-spacing:0}.page,.dashboard,.goods-page{min-width:0}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title h2{margin:0;color:var(--bl-text-strong);font-size:22px;line-height:1.2;font-weight:760}.page-title p{margin:7px 0 0;color:var(--bl-muted);font-size:13px}.surface{background:var(--bl-panel);border:1px solid var(--bl-border);border-radius:8px;box-shadow:var(--bl-shadow-soft);padding:16px}.toolbar,.search-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.search-bar.surface{background:#ffffffeb;border-color:var(--bl-border)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card{position:relative;min-width:0;min-height:104px;overflow:hidden;padding:15px;background:var(--bl-panel);border:1px solid var(--bl-border);border-top-color:var(--bl-primary-line);border-radius:8px;box-shadow:var(--bl-shadow-soft);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.metric-card:hover{border-color:var(--bl-primary-line);background:#fafdff;box-shadow:var(--bl-shadow)}.metric-label{color:var(--bl-muted);font-size:13px;line-height:1.35;margin-bottom:8px}.metric-value{font-size:23px;font-weight:760;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.metric-sub{margin-top:8px;color:var(--bl-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.data-table{width:100%}.pagination-wrap{display:flex;justify-content:flex-end;margin-top:14px}.amount-in{color:var(--bl-success);font-weight:700}.amount-out{color:var(--bl-danger);font-weight:700}.muted{color:var(--bl-muted)}body .el-button{border-radius:6px;font-weight:650;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}body .el-button:not(.is-circle){padding-inline:14px}body .el-button.is-link{font-weight:650}body .el-button:active{transform:translateY(1px)}body .el-button--primary{--el-button-bg-color: var(--bl-primary) !important;--el-button-border-color: var(--bl-primary) !important;--el-button-hover-bg-color: var(--bl-primary-dark) !important;--el-button-hover-border-color: var(--bl-primary-dark) !important;--el-button-active-bg-color: var(--bl-primary-strong) !important;--el-button-active-border-color: var(--bl-primary-strong) !important;--el-button-text-color: #ffffff !important;--el-button-hover-text-color: #ffffff !important}body .el-button--primary.is-plain{--el-button-bg-color: var(--bl-primary-soft) !important;--el-button-border-color: var(--bl-primary-line) !important;--el-button-text-color: var(--bl-primary-dark) !important;--el-button-hover-bg-color: var(--bl-primary) !important;--el-button-hover-border-color: var(--bl-primary) !important;--el-button-hover-text-color: #ffffff !important}body .el-button--success{--el-button-bg-color: #287a52 !important;--el-button-border-color: #287a52 !important;--el-button-hover-bg-color: #1f6544 !important;--el-button-hover-border-color: #1f6544 !important;--el-button-text-color: #ffffff !important}body .el-button.is-link.el-button--primary,body .el-button.is-text.el-button--primary{--el-button-text-color: var(--bl-primary-dark) !important;--el-button-hover-text-color: var(--bl-primary) !important;--el-button-active-text-color: var(--bl-primary-strong) !important;--el-button-bg-color: transparent !important;--el-button-border-color: transparent !important;--el-button-hover-bg-color: transparent !important;--el-button-hover-border-color: transparent !important;color:var(--bl-primary-dark)}body .el-button.is-link.el-button--success,body .el-button.is-text.el-button--success{--el-button-text-color: var(--bl-success) !important;--el-button-hover-text-color: #0f5f38 !important;--el-button-bg-color: transparent !important;--el-button-border-color: transparent !important;--el-button-hover-bg-color: transparent !important;--el-button-hover-border-color: transparent !important;color:var(--bl-success)}body .el-button.is-link.el-button--warning,body .el-button.is-text.el-button--warning{--el-button-text-color: var(--bl-warning) !important;--el-button-hover-text-color: #7a4607 !important;--el-button-bg-color: transparent !important;--el-button-border-color: transparent !important;--el-button-hover-bg-color: transparent !important;--el-button-hover-border-color: transparent !important;color:var(--bl-warning)}body .el-button.is-link.el-button--danger,body .el-button.is-text.el-button--danger{--el-button-text-color: var(--bl-danger) !important;--el-button-hover-text-color: #8f1d14 !important;--el-button-bg-color: transparent !important;--el-button-border-color: transparent !important;--el-button-hover-bg-color: transparent !important;--el-button-hover-border-color: transparent !important;color:var(--bl-danger)}body .el-button--default:hover,body .el-button--default:focus{--el-button-hover-text-color: var(--bl-primary-dark);--el-button-hover-border-color: var(--bl-primary-line);--el-button-hover-bg-color: var(--bl-primary-soft)}.el-card,.el-table,.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-date-editor.el-input__wrapper,.el-popper{border-radius:8px}body .el-input__wrapper,body .el-select__wrapper,body .el-textarea__inner,body .el-date-editor.el-input__wrapper{background:#fff;box-shadow:0 0 0 1px var(--bl-border) inset;transition:box-shadow .16s ease,background .16s ease}body .el-input__wrapper:hover,body .el-select__wrapper:hover,body .el-textarea__inner:hover,body .el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px #bed3f3 inset}body .el-input__wrapper.is-focus,body .el-select__wrapper.is-focused,body .el-textarea__inner:focus,body .el-date-editor.el-input__wrapper.is-active{box-shadow:0 0 0 1px var(--bl-primary) inset,var(--bl-focus)}body .el-checkbox__input.is-checked .el-checkbox__inner,body .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--bl-primary);border-color:var(--bl-primary)}body .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--bl-primary-dark)}body .el-tag{border-radius:6px;font-weight:650}body .el-table{--el-table-border-color: var(--bl-border-soft);--el-table-header-bg-color: #eaf1fb;--el-table-header-text-color: #243954;--el-table-row-hover-bg-color: #edf6ff;color:#26364f;font-variant-numeric:tabular-nums}body .el-table th.el-table__cell{background:var(--el-table-header-bg-color);border-bottom:1px solid var(--bl-border);font-size:13px;font-weight:720}body .el-table th.el-table__cell.is-sortable{cursor:pointer}body .el-table th.el-table__cell.is-sortable:hover{background:#e1edff;color:var(--bl-text-strong)}body .el-table td.el-table__cell{border-bottom-color:var(--bl-border-soft)}body .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#f8fbff}body .el-table__body tr:hover>td.el-table__cell{background:var(--el-table-row-hover-bg-color)!important}body .el-table .cell{line-height:1.42}body .el-table .caret-wrapper{opacity:.82}body .el-table__fixed-right:before,body .el-table__fixed:before{box-shadow:none;background-color:var(--bl-border-soft)}body .el-tabs__nav-wrap:after{height:1px;background-color:var(--bl-border)}body .el-tabs__item{color:#41544f;font-weight:650}body .el-tabs__item.is-active,body .el-tabs__item:hover{color:var(--bl-primary)}body .el-tabs__active-bar{background-color:var(--bl-primary)}.el-dialog{border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #14232029}.el-dialog__header{border-bottom:1px solid var(--bl-border-soft);margin-right:0;padding:16px 18px 14px}.el-dialog__title{color:var(--bl-text-strong);font-weight:760}.el-dialog__body{padding:18px}.el-dialog__footer{border-top:1px solid var(--bl-border-soft);padding:14px 18px 16px}.el-overlay{background-color:#101c1a6b}@media (max-width: 1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.page-title{gap:10px}.surface{padding:12px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:90px;padding:14px}.metric-value{font-size:23px}}