:root{--primary:#165dff;--primary-light:#4080ff;--primary-bg:#e8f3ff;--success:#00b42a;--warning:#ff7d00;--danger:#f53f3f;--text-primary:#1d2129;--text-regular:#4e5969;--text-secondary:#86909c;--bg-color:#f2f3f5;--bg-card:#fff;--bg-sidebar:#fff;--bg-header:#fff;--border-color:#e5e6eb;--shadow:0 1px 4px #0000000d}html.dark{--primary:#3c7eff;--primary-light:#5a9aff;--primary-bg:#1a2744;--text-primary:#f5f5f5;--text-regular:#c9cdd4;--text-secondary:#86909c;--bg-color:#17171a;--bg-card:#232324;--bg-sidebar:#1d1d1f;--bg-header:#232324;--border-color:#3a3a3c;--shadow:0 2px 8px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.el-button--primary{--el-button-bg-color:var(--primary);--el-button-border-color:var(--primary)}.el-menu{border-right:none!important}html.dark .el-header{background:var(--bg-header)!important;border-color:var(--border-color)!important}html.dark .el-aside{background:var(--bg-sidebar)!important;border-color:var(--border-color)!important}html.dark .el-main{background:var(--bg-color)!important}html.dark .el-menu{background:var(--bg-sidebar)!important}html.dark .el-menu-item,html.dark .el-sub-menu__title{color:var(--text-regular)!important}html.dark .el-menu-item:hover,html.dark .el-sub-menu__title:hover{background:var(--primary-bg)!important}html.dark .el-menu-item.is-active{color:var(--primary)!important;background:var(--primary-bg)!important}html.dark .el-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark .el-table{--el-table-bg-color:var(--bg-card);--el-table-tr-bg-color:var(--bg-card);--el-table-header-bg-color:var(--bg-sidebar);--el-table-row-hover-bg-color:var(--primary-bg);--el-table-border-color:var(--border-color);--el-table-text-color:var(--text-primary);--el-table-header-text-color:var(--text-primary);background:var(--bg-card)!important;color:var(--text-primary)!important}html.dark .el-dialog{background:var(--bg-card)!important;color:var(--text-primary)!important}html.dark .el-dialog__header,html.dark .el-dialog__title{color:var(--text-primary)!important}html.dark .el-form-item__label{color:var(--text-regular)!important}html.dark .el-input__wrapper{background:var(--bg-color)!important;box-shadow:0 0 0 1px var(--border-color) inset!important}html.dark .el-input__inner{color:var(--text-primary)!important}html.dark .el-textarea__inner{background:var(--bg-color)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}html.dark .el-select .el-input__wrapper{background:var(--bg-color)!important}html.dark .el-pagination{--el-pagination-bg-color:var(--bg-card);--el-pagination-text-color:var(--text-regular);--el-pagination-button-bg-color:var(--bg-card)}html.dark .el-descriptions__label{color:var(--text-secondary)!important}html.dark .el-descriptions__content{color:var(--text-primary)!important}html.dark .el-empty__description p{color:var(--text-secondary)!important}html.dark .el-dropdown-menu{background:var(--bg-card)!important;border-color:var(--border-color)!important}html.dark .el-dropdown-menu__item{color:var(--text-primary)!important}html.dark .el-dropdown-menu__item:hover{background:var(--primary-bg)!important}html.dark .el-popper{background:var(--bg-card)!important;border-color:var(--border-color)!important}html.dark .el-select-dropdown__item{color:var(--text-primary)!important}html.dark .el-select-dropdown__item.hover{background:var(--primary-bg)!important}.page-container{padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{color:var(--text-primary);font-size:20px;font-weight:600}.stat-card{background:var(--bg-card);box-shadow:var(--shadow);border-radius:8px;padding:20px;transition:box-shadow .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}html.dark .stat-card:hover{box-shadow:0 4px 12px #0006}.stat-card .stat-value{color:var(--primary);margin:8px 0;font-size:28px;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);font-size:14px}.el-table{border-radius:8px;overflow:hidden}.el-table th.el-table__cell{color:var(--text-primary);font-weight:600;background:#f7f8fa!important}html.dark .el-table th.el-table__cell{background:var(--bg-sidebar)!important}.pagination-wrap{justify-content:flex-end;margin-top:16px;display:flex}.search-bar{background:var(--bg-card);box-shadow:var(--shadow);border-radius:8px;margin-bottom:16px;padding:16px 20px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.chart-container{background:var(--bg-card);box-shadow:var(--shadow);border-radius:8px;padding:20px}.chart-title{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.auto-refresh-dot{background:#00b42a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:3px}::-webkit-scrollbar-track{background:0 0}html.dark ::-webkit-scrollbar-thumb{background:#4e5969}@media (width<=768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.page-container{padding:12px}}