#app{width:100%;height:100%}:root{--primary-color: #1a73e8;--primary-light: #4285f4;--primary-dark: #0d47a1;--success-color: #34a853;--warning-color: #fbbc04;--danger-color: #ea4335;--info-color: #5f6368;--bg-color: #f8f9fa;--bg-dark: #202124;--sidebar-bg: #ffffff;--header-bg: #ffffff;--text-primary: #202124;--text-secondary: #5f6368;--text-muted: #9aa0a6;--border-color: #dadce0;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-lg: 0 1px 4px 0 rgba(60, 64, 67, .3), 0 6px 12px 4px rgba(60, 64, 67, .15);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-button--primary{--el-button-bg-color: var(--primary-color);--el-button-border-color: var(--primary-color);--el-button-hover-bg-color: var(--primary-light);--el-button-hover-border-color: var(--primary-light)}.el-menu{border-right:none!important}.page-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px}@media screen and (max-width: 768px){:root{--sidebar-width: 100%;--header-height: 50px}.page-card{padding:12px;border-radius:0}.table-toolbar{flex-direction:column;align-items:stretch}}.stat-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border-radius:var(--border-radius);padding:20px}.stat-card.success{background:linear-gradient(135deg,var(--success-color) 0%,#81c784 100%)}.stat-card.warning{background:linear-gradient(135deg,var(--warning-color) 0%,#ffcc80 100%);color:#333}.stat-card.danger{background:linear-gradient(135deg,var(--danger-color) 0%,#ef5350 100%)}.stat-card .stat-title{font-size:14px;opacity:.9;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:600}.stat-card .stat-desc{font-size:12px;opacity:.8;margin-top:8px}