#app{height:100%}: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;--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:#1f2430;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.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{padding:24px}.page-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.el-card{border-radius:var(--brand-radius);border-color:var(--brand-border);transition:box-shadow .25s,transform .25s;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{letter-spacing:.02em;color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:600}.el-table td.el-table__cell{font-size:13px}.el-button--primary{background:var(--brand-gradient);border:none;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 14px #0e8a944d}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0e8a9466}.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:#12172a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.page-title-group p{color:#8a90a6;margin:4px 0 0;font-size:13px}.kpi-grid{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.kpi-grid>*{flex:190px;min-width:0}.mobile-card-list{grid-template-columns:1fr;gap:12px;display:grid}.mobile-card-item{border-radius:var(--brand-radius-sm);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{margin-bottom:8px}.chart-row .chart{width:100%;height:260px}@media (width<=1024px){.page-container{padding:16px}.page-header{flex-wrap:wrap;gap:10px;margin-bottom:14px}.page-toolbar{gap:10px}.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:12px}.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:12px}.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}.page-toolbar>*{flex:none!important;width:100%!important;min-width:0!important;margin-left:0!important}.kpi-grid{gap:10px}.el-card__header{padding:12px 14px}.el-card__body{padding:14px}.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}}@media (width<=480px){.page-container{padding:10px}.kpi-grid>*{flex:calc(50% - 5px)}}