:root{--accent:#0f172a;--sidebar-bg:#fff;--sidebar-text:#334155;--header-bg:#fff;--header-height:56px;--sidebar-width:220px;--sidebar-collapsed-width:64px;--el-color-primary:#2563eb;--el-color-primary-light-3:#4f86f7;--el-color-primary-light-5:#7aa6fa;--el-color-primary-light-7:#a9c5fc;--el-color-primary-light-8:#cddbfd;--el-color-primary-light-9:#eaf1fe;--el-color-primary-dark-2:#1d4ed8;--accent-cyan:#22d3ee;--accent-cyan-soft:#22d3ee29;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #22d3ee 100%);--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#64748b;--sidebar-bg-top:#0f172a;--sidebar-bg-bottom:#111c33;--sidebar-text-active:#fff;--bg-page:#f4f6fb;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e8edf5;--page-padding:22px;--card-radius:14px;--shadow-card:0 1px 2px #0f172a0a, 0 6px 20px #0f172a0f;--shadow-card-hover:0 10px 32px #2563eb24}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);height:100%;color:var(--text-primary);margin:0;padding:0}#app{text-align:left;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;background:#f3f4f6;width:100%;height:100%;min-height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c7d2e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--el-color-primary-light-3)}.el-button{border-radius:10px;font-weight:500}.el-button--primary{background:var(--accent-gradient);border:none;box-shadow:0 4px 14px #2563eb47}.el-button--primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px #2563eb5c}.el-card{border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s}.el-card.is-hover-shadow:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.el-table{--el-table-header-bg-color:#f7f9fc;--el-table-header-text-color:#334155;--el-table-row-hover-bg-color:#eef4ff;font-size:14px}.el-table th{letter-spacing:.02em;font-weight:600}.el-input__wrapper,.el-textarea__inner{border-radius:10px}.el-dialog{border-radius:var(--card-radius);overflow:hidden}.el-dialog__header{border-bottom:1px solid var(--border-color);margin-right:0;padding-bottom:16px}.el-menu{border-right:none}.el-tag{border-radius:6px}.status-active,.status-approved{color:var(--color-success);background-color:#10b9811a}.status-inactive{color:var(--text-muted);background-color:#94a3b81f}.status-pending{color:var(--color-warning);background-color:#f59e0b1a}.status-rejected{color:var(--color-danger);background-color:#ef44441a}.pagination-wrapper{justify-content:flex-end;margin-top:16px;display:flex}