#app{height:100%}.route-progress{z-index:4000;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0e8a94,#22d3ee);width:0;height:2px;position:fixed;top:0;left:0}.route-progress.active{opacity:1;width:70%;transition:width .28s,opacity .12s}.route-progress:not(.active){width:100%;transition:width .12s,opacity .2s}:root{--brand-primary:#0e8a94;--brand-primary-dark:#0a5259;--brand-primary-light:#e3f5f6;--brand-accent:#22d3ee;--brand-gradient:linear-gradient(135deg, #0e8a94 0%, #14b8c4 55%, #22d3ee 100%);--brand-bg:#f4f8f9;--brand-sidebar-bg:#0a2026;--brand-sidebar-bg-active:#123239;--brand-radius:12px;--brand-radius-sm:8px;--brand-shadow:0 1px 2px #0a1e210a, 0 4px 16px #0a1e210d;--brand-shadow-hover:0 6px 24px #0a1e211a, 0 0 0 1px #0e8a9414;--brand-shadow-glow:0 0 0 1px #0e8a9424, 0 8px 28px #0e8a942e;--brand-border:#e3ebec;--brand-surface:#fff;--text-primary:#1f2430;--text-secondary:#606266;--text-muted:#909399;--text-disabled:#b4b8bf;--text-heading:#12172a;--el-color-primary:var(--brand-primary);--el-border-radius-base:8px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--brand-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}html{touch-action:manipulation}button,.el-button,.tab-item,a{touch-action:manipulation;-webkit-tap-highlight-color:#0e8a9424}.el-button{transition:background-color 80ms,box-shadow 80ms,opacity 60ms,transform 60ms!important}.el-button:active:not(.is-disabled){opacity:.88;transform:scale(.97)}.layout-main{background:radial-gradient(ellipse 90% 60% at 50% -10%, #0e8a9412, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #22d3ee0a, transparent 50%), var(--brand-bg)!important;padding:0!important}.mono-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:SF Mono,JetBrains Mono,Consolas,Courier New,monospace}*{scrollbar-width:thin;scrollbar-color:#c6cbe0 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c6cbe0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a6accf}.page-container{max-width:1440px;margin:0 auto;padding:28px 28px 32px}.page-toolbar{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.page-container>.el-card+.el-card,.page-container>.el-card+.chart-row,.page-container>.kpi-grid+.el-card,.page-container>.kpi-grid+.chart-row{margin-top:16px}.filter-toggle-row{margin-bottom:12px}.filter-toggle-row .el-button{font-weight:500}.el-card{border-radius:var(--brand-radius);border-color:var(--brand-border);transition:box-shadow .12s;box-shadow:var(--brand-shadow)!important}.el-card__header{color:#1a2136;border-bottom-color:var(--brand-border);padding:14px 20px;font-size:14px;font-weight:600}.el-card__body{padding:20px}.el-table{--el-table-header-bg-color:#f7f8fc;--el-table-border-color:var(--brand-border)}.el-table th.el-table__cell{color:var(--text-secondary);font-size:13px;font-weight:600}.el-table .urgent-row>td.el-table__cell{box-shadow:inset 3px 0 #f89898;background-color:#fffbfa!important}.el-table .overdue-row>td.el-table__cell{box-shadow:inset 3px 0 #eebe77;background-color:#fffdf8!important}.el-table td.el-table__cell{font-size:13px}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{transition:box-shadow .2s,border-color .2s;border-radius:10px!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 3px #0e8a941f!important}.el-tabs__header{margin-bottom:0}.el-tabs__nav-wrap:after{background-color:var(--brand-border);height:1px}.el-tabs__item{font-weight:500;transition:color .2s}.el-tabs__item.is-active{font-weight:600}.el-tabs__active-bar{border-radius:3px 3px 0 0;height:3px;background:var(--brand-gradient)!important}.el-pagination.is-background .el-pager li.is-active{background:var(--brand-gradient)!important}.stat-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.stat-pill.is-success{color:#0d7a6e;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.stat-pill.is-danger{color:#b42318;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca}.mobile-user-list,.mobile-processor-list{grid-template-columns:1fr;gap:12px;display:grid}.user-card,.processor-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);box-shadow:var(--brand-shadow);flex-direction:column;gap:8px;padding:14px 16px;transition:box-shadow .2s,transform .2s;display:flex}.user-card:hover,.processor-card:hover{box-shadow:var(--brand-shadow-hover);transform:translateY(-1px)}.user-card-top,.processor-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-card-name,.processor-card-name{color:var(--text-heading);font-size:15px;font-weight:600}.user-card-line,.processor-card-line{color:var(--text-secondary);font-size:13px;line-height:1.5}.user-card-line.meta,.processor-card-line.meta{color:var(--text-muted);font-size:12px}.user-card-actions,.processor-card-actions{border-top:1px dashed var(--brand-border);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:10px;display:flex}@media (width>=769px) and (width<=1024px){.mobile-user-list,.mobile-processor-list{grid-template-columns:1fr 1fr}}@media (width<=480px){.user-card-actions .el-button,.processor-card-actions .el-button{flex:calc(50% - 4px);margin:0}}.mobile-tabbar{display:none}.tab-item{color:#909399;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;margin:5px 3px;padding:6px 4px;font-size:11px;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex;position:relative}.tab-item .el-icon{font-size:21px;transition:transform .2s}.tab-item.router-link-active,.tab-item.tab-item-active{color:var(--brand-primary);background:var(--brand-primary-light);font-weight:600}.tab-item.router-link-active .el-icon{transform:scale(1.05)}.tab-item:active{transform:scale(.96)}.tab-badge .el-badge__content{transform:translateY(-4px)translate(8px)scale(.8)}@media (width<=1024px){.layout-header{-webkit-backdrop-filter:blur(12px);background:#ffffffeb!important}.mobile-tabbar{height:calc(58px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);z-index:200;background:#fffffff0;border-top:1px solid #e3ebece6;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0a1e2114}}@media (width<=768px){.tab-item{gap:2px;margin:4px 2px;font-size:10px}.tab-item .el-icon{font-size:20px}}.el-button--primary{background:var(--brand-gradient);border:none;box-shadow:0 4px 14px #0e8a944d}@media (hover:hover) and (pointer:fine){.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0e8a9466}}.el-button--primary:active:not(.is-disabled){transform:scale(.97);box-shadow:0 2px 8px #0e8a943d}.el-button--primary.is-plain{background:var(--brand-primary-light);color:var(--brand-primary)}.el-tag{border-radius:6px;font-weight:500}.page-title-group{align-items:flex-start;gap:10px;display:flex}.page-title-group .title-accent{background:var(--brand-gradient);border-radius:4px;flex-shrink:0;width:4px;height:22px;margin-top:2px}.page-title-group h2{color:var(--text-heading);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.page-title-group p{color:var(--text-muted);max-width:56em;margin:4px 0 0;font-size:13px;line-height:1.55}.toolbar-count{color:var(--brand-primary-dark);background:var(--brand-primary-light);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.data-table-card.el-card>.el-card__body{padding:0}.data-table-card .table-scroll-wrap{border-radius:0 0 var(--brand-radius) var(--brand-radius);overflow:hidden}.data-table-card .el-table{--el-table-border-color:var(--brand-border);--el-table-row-hover-bg-color:#f4fafb}.data-table-card .el-table th.el-table__cell{letter-spacing:.02em;background:linear-gradient(#fafcfd 0%,#f2f6f7 100%);padding:11px 12px;font-size:12px}.data-table-card .el-table td.el-table__cell{padding:10px 12px}.data-table-card .el-table .cell{line-height:1.45}.doc-col-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600;display:block}.brand-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-cell-name{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.brand-cell-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.doc-progress-tag{font-variant-numeric:tabular-nums}@media (width>=1025px){.page-header{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow);margin-bottom:14px;padding:18px 22px}.page-title-group h2{font-size:22px}.page-title-group p{color:var(--text-secondary);font-size:13px}.page-toolbar{gap:12px;margin-bottom:12px;padding:10px 16px}.page-toolbar .toolbar-count{margin-left:auto}.layout-header{box-shadow:0 1px #141c2e0a,0 4px 12px #0a1e210a}.layout-aside{box-shadow:2px 0 12px #0000000f}.el-tabs{margin-bottom:12px}.data-table-card.el-card:hover{box-shadow:var(--brand-shadow-hover)!important}.data-table-card .page-toolbar.overview-toolbar{margin-left:16px;margin-right:16px}}.kpi-grid{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.kpi-grid>*{flex:190px;min-width:0}.mobile-card-list{grid-template-columns:1fr;gap:14px;display:grid}.mobile-card-item{border-radius:var(--brand-radius);min-width:0}@media (width>=769px) and (width<=1024px){.mobile-card-list{grid-template-columns:1fr 1fr}}.pagination{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.chart-row{row-gap:20px;margin-bottom:8px}.chart-row .chart{width:100%;height:260px}@media (width<=1024px){.page-container{padding:20px 18px 24px}.page-header{flex-wrap:wrap;gap:10px;margin-bottom:14px}.page-toolbar{gap:12px;padding:14px 16px}.page-toolbar>.el-select,.page-toolbar>.el-input,.page-toolbar>.el-date-editor{flex:160px;width:auto!important;min-width:140px!important}.page-toolbar>.el-button,.page-toolbar>.el-switch{flex:none}.kpi-grid{gap:14px}.kpi-grid>*{flex:160px}.el-dialog{width:min(560px,92vw)!important;margin-top:8vh!important}.el-message-box{width:min(420px,88vw)!important}.pagination{justify-content:center}.chart-row .chart{height:240px}}@media (width<=768px){.page-container{padding:16px 14px 20px}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-start}.page-title-group h2{font-size:17px}.page-toolbar{flex-direction:column;align-items:stretch;padding:14px}.page-toolbar>*{flex:none!important;width:100%!important;min-width:0!important;margin-left:0!important}.kpi-grid{gap:12px}.el-card__header{padding:14px 16px}.el-card__body{padding:16px}.el-dialog{width:92vw!important}.el-dialog .el-form-item{margin-bottom:16px}.el-dialog .el-form-item__label{float:none;text-align:left;padding:0 0 4px;display:block;width:100%!important}.el-dialog .el-form-item__content{margin-left:0!important}.chart-row .chart{height:220px}}.table-scroll-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll-wrap .el-table{min-width:720px}.card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-actions .action-meta{color:var(--text-muted);flex:100%;font-size:12px}.field-hint{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.5}.records-toolbar{row-gap:12px}@media (width>=1025px){.records-toolbar{grid-template-columns:repeat(auto-fill,minmax(168px,max-content));align-items:center;gap:12px 14px;display:grid}.records-toolbar .toolbar-search-group{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}}@media (width>=769px){.card-actions .action-meta{flex:auto;margin-right:auto}}@media (width<=1024px){.responsive-form .el-form-item__label,.el-card .el-form .el-form-item__label{float:none;text-align:left;height:auto;padding:0 0 4px;line-height:1.4;display:block;width:100%!important}.responsive-form .el-form-item__content,.el-card .el-form .el-form-item__content{margin-left:0!important}}.mobile-batch-bar{z-index:20;border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #0a1e2114}@media (width<=1024px){.mobile-batch-bar{bottom:calc(58px + env(safe-area-inset-bottom,0px))}.el-button--small{min-height:32px;padding:8px 12px}.el-tabs__item{padding:0 14px}}@media (width<=768px){.el-dialog{flex-direction:column;max-height:92vh;display:flex;margin-top:4vh!important}.el-dialog__body{overflow-y:auto}.overview-header span,.recent-header span{font-size:14px;line-height:1.4}.mobile-card-list{grid-template-columns:1fr;gap:14px}.page-title-group p,.page-desc{display:none}.stat-pill-group{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.stat-pill-group .stat-pill{justify-content:center}.filter-toggle-row{flex-direction:column;align-items:stretch}.filter-chips{width:100%}.page-toolbar .toolbar-search-group{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.page-toolbar .toolbar-search-group .el-input{grid-column:1/-1}.page-toolbar .toolbar-search-group .el-button[type=primary]{grid-column:span 1}}@media (width<=480px){.page-container{padding:14px 12px 18px}.page-title-group h2{font-size:16px}.kpi-grid>*{flex:calc(50% - 5px)}}