:root{--el-color-primary: #2563eb;--el-color-primary-light-3: #5b8bf0;--el-color-primary-light-5: #8fb0f5;--el-color-primary-light-7: #c2d4fa;--el-color-primary-light-8: #d8e4fc;--el-color-primary-light-9: #eef3fe;--el-color-primary-dark-2: #1e4fbc;--wb-sidebar-bg: #0f172a;--wb-sidebar-active: #2563eb;--wb-bg: #f3f5f9}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--wb-bg);color:#1f2937}.page-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0f172a0f}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title{font-size:18px;font-weight:600;color:#111827}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.mt-16{margin-top:16px}.text-muted{color:#6b7280;font-size:13px}.flex-between{display:flex;justify-content:space-between;align-items:center}