#app{width:100%;min-height:100vh}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #fef6f0;--border-color: #e8eaec;--border-hover: #ff7b00;--text-primary: #1d2129;--text-secondary: #4e5969;--text-muted: #86909c;--accent-primary: #ff7b00;--accent-secondary: #ff9500;--accent-dark: #e66a00;--accent-light: #fff7ed;--accent-gradient: linear-gradient(135deg, #ff9500 0%, #ff7b00 50%, #e66a00 100%);--danger: #f53f3f;--success: #00b42a;--warning: #ff7d00;--info: #165dff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sidebar-width: 220px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.el-button--primary{--el-button-bg-color: var(--accent-primary);--el-button-border-color: var(--accent-primary);--el-button-hover-bg-color: var(--accent-secondary);--el-button-hover-border-color: var(--accent-secondary);--el-button-active-bg-color: var(--accent-dark);--el-button-active-border-color: var(--accent-dark)}.el-menu--horizontal{border-bottom:none}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--accent-light);color:var(--accent-primary)}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card .stat-label{font-size:14px;color:var(--text-muted);margin-top:4px}.page-header{margin-bottom:24px}.page-header .page-title{font-size:20px;font-weight:600;color:var(--text-primary)}.page-header .page-desc{font-size:14px;color:var(--text-muted);margin-top:4px}.table-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.table-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-card .card-header .card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.status-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-tag.success{background:#e8ffea;color:#00b42a}.status-tag.warning{background:#fff7e8;color:#ff7d00}.status-tag.danger{background:#ffece8;color:#f53f3f}.status-tag.info{background:#e8f3ff;color:#165dff}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (max-width: 768px){:root{--sidebar-width: 0px}.stat-card{padding:16px}.stat-card .stat-value{font-size:22px}}