:root{--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-soft: #eff4ff;--brand-success: #16a34a;--brand-warning: #f59e0b;--brand-danger: #dc2626;--brand-info: #64748b;--sidebar-bg: #0f172a;--sidebar-hover-bg: #1e293b;--sidebar-active-bg: #1e293b;--sidebar-active-bar: #3b82f6;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-title: #ffffff;--sidebar-border: rgba(148, 163, 184, .12);--content-bg: #f1f5f9;--card-bg: #ffffff;--header-bg: #ffffff;--radius-card: 12px;--radius-control: 8px;--shadow-card: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-card-hover: 0 4px 12px rgba(15, 23, 42, .1);--shadow-header: 0 1px 2px rgba(15, 23, 42, .06);--space-page: 20px;--el-color-primary: var(--brand-primary);--el-color-primary-light-3: #5b8def;--el-color-primary-light-5: #93b4f5;--el-color-primary-light-7: #c3d4fa;--el-color-primary-light-8: #d9e3fc;--el-color-primary-light-9: var(--brand-primary-soft);--el-color-primary-dark-2: var(--brand-primary-hover);--el-color-success: var(--brand-success);--el-color-warning: var(--brand-warning);--el-color-danger: var(--brand-danger);--el-border-radius-base: var(--radius-control)}.el-card{border-radius:var(--radius-card);border:1px solid var(--el-border-color-lighter);box-shadow:var(--shadow-card)!important;transition:box-shadow .2s ease}.page-container{display:flex;flex-direction:column;gap:16px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.el-button--primary{--el-button-bg-color: var(--brand-primary);--el-button-border-color: var(--brand-primary);--el-button-hover-bg-color: var(--brand-primary-hover);--el-button-hover-border-color: var(--brand-primary-hover)}