:root{--primary: #26b7a9;--primary-light: #3cc7b8;--primary-dark: #1da093;--primary-bg: rgba(38, 183, 169, .08);--secondary: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #6366f1;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-placeholder: #cbd5e1;--bg-page: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f8fafc;--bg-sidebar: #0f172a;--bg-sidebar-hover: #1e293b;--border-light: #e2e8f0;--border-lighter: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--sidebar-width: 220px;--sidebar-collapse-width: 64px;--header-height: 56px;--tabs-height: 40px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-track{background:transparent}.el-button--primary{background:var(--primary);border-color:var(--primary)}.el-button--primary:hover{background:var(--primary-light)!important;border-color:var(--primary-light)!important}.el-button--primary:focus{background:var(--primary-light)!important;border-color:var(--primary-light)!important}.el-button--success{background:var(--success);border-color:var(--success)}.el-button--warning{background:var(--warning);border-color:var(--warning)}.el-button--danger{background:var(--danger);border-color:var(--danger)}.el-button--info{background:var(--info);border-color:var(--info)}.el-tag--success{background:#10b9811a;border-color:#10b98133;color:#059669}.el-tag--warning{background:#f59e0b1a;border-color:#f59e0b33;color:#d97706}.el-tag--danger{background:#ef44441a;border-color:#ef444433;color:#dc2626}.el-tag--info{background:#6366f11a;border-color:#6366f133;color:#4f46e5}.el-tag--primary{background:var(--primary-bg);border-color:#26b7a933;color:var(--primary-dark)}.el-input__wrapper:hover,.el-input__wrapper.is-focus,.el-select:hover .el-select__wrapper,.el-select .el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--primary) inset!important}.el-radio-button__original-radio:checked+.el-radio-button__inner{background:var(--primary);border-color:var(--primary)}.page-container{padding:20px;height:calc(100% - var(--header-height) - var(--tabs-height));overflow-y:auto}.page-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-lighter)}.filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-bar .el-input,.filter-bar .el-select{width:200px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-bar .left{display:flex;gap:8px}.el-table{border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{background:#f8fafc!important;color:var(--text-secondary);font-weight:600;font-size:13px}.el-table tr:hover>td.el-table__cell{background:var(--primary-bg)!important}.el-dialog{border-radius:var(--radius-lg)}.el-dialog__header{padding:20px 24px;border-bottom:1px solid var(--border-lighter);margin-right:0}.el-dialog__body{padding:24px}.el-dialog__footer{padding:16px 24px;border-top:1px solid var(--border-lighter)}.el-card{border-radius:var(--radius-md);border:1px solid var(--border-lighter);box-shadow:var(--shadow-sm)}.el-card__header{padding:16px 20px;border-bottom:1px solid var(--border-lighter);font-weight:600;color:var(--text-primary)}.el-menu{border-right:none!important}.el-sub-menu__title:hover,.el-menu-item:hover{background:var(--bg-sidebar-hover)!important}.el-menu-item.is-active{background:var(--primary)!important;color:#fff!important}.el-breadcrumb__inner{color:var(--text-secondary)!important}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary)!important;font-weight:500}.el-pagination{margin-top:16px;justify-content:flex-end}.pagination-wrap{margin-top:16px;display:flex;justify-content:flex-end}.page-container{padding:20px;height:100%;overflow-y:auto}.status-tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-pending{background:#f59e0b1a;color:#d97706}.status-approved,.status-completed{background:#10b9811a;color:#059669}.status-rejected{background:#ef44441a;color:#dc2626}.status-active{background:#3b82f61a;color:#2563eb}.status-in_progress{background:#6366f11a;color:#4f46e5}.status-normal{background:#10b9811a;color:#059669}