:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-bg: #ffffff;--sidebar-header-bg: #f8fafc;--sidebar-text-color: #64748b;--sidebar-text-hover: #1e293b;--sidebar-text-active: #2563eb;--sidebar-icon-color: #94a3b8;--sidebar-active-border: #3b82f6;--sidebar-active-bg: #eff6ff;--sidebar-divider: #e2e8f0;--sidebar-footer-bg: #f8fafc;--sidebar-scroll-thumb: #cbd5e1;--sidebar-hover-bg: #f1f5f9;--header-bg: #ffffff;--header-border: #e2e8f0;--header-shadow: rgba(0, 0, 0, .06);--header-brand-color: #1e40af;--header-btn-bg: #f1f5f9;--header-btn-color: #64748b;--header-btn-hover-bg: #3b82f6;--header-btn-hover-color: #ffffff;--header-user-bg: #f1f5f9;--header-user-hover-bg: #e2e8f0;--header-user-name-color: #1e293b;--header-user-role-color: #64748b;--header-breadcrumb-sep: #cbd5e0;--header-breadcrumb-item: #64748b;--header-breadcrumb-active: #1e293b;--layout-bg: #f1f5f9;--content-bg: #f1f5f9;--footer-bg: #ffffff;--footer-border: #e2e8f0;--footer-text-color: #64748b;--footer-text-secondary: #94a3b8;--footer-copyright-color: #64748b;--footer-link-color: #3b82f6;--footer-link-hover-color: #2563eb;--card-bg: #ffffff;--card-border: #e2e8f0;--card-header-bg: #ffffff;--card-header-text: #1e293b;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--table-header-bg: #f8fafc;--table-header-text: #475569;--table-row-hover-bg: #f8fafc;--table-border: #e2e8f0;--table-stripe-bg: #fafbfc;--input-bg: #ffffff;--input-border: #d1d5db;--input-border-hover: #93c5fd;--input-border-focus: #3b82f6;--input-text: #1e293b;--input-placeholder: #9ca3af;--input-focus-shadow: rgba(59, 130, 246, .15);--dropdown-bg: #ffffff;--dropdown-item-color: #374151;--dropdown-item-hover-bg: #f3f4f6;--dropdown-item-hover-color: #1e40af;--dropdown-divider: #e5e7eb;--text-primary: #1e293b;--text-regular: #475569;--text-secondary: #64748b;--text-placeholder: #9ca3af;--text-disabled: #cbd5e1;--tag-success-bg: #eff6ff;--tag-success-text: #2563eb;--tag-warning-bg: #fffbeb;--tag-warning-text: #d97706;--tag-danger-bg: #fef2f2;--tag-danger-text: #dc2626;--tag-info-bg: #eff6ff;--tag-info-text: #2563eb;--dialog-bg: #ffffff;--dialog-header-bg: #f8fafc;--dialog-header-text: #1e293b;--dialog-border: #e2e8f0;--page-bg: #f1f5f9;--page-card-bg: #ffffff;--page-card-border: #e2e8f0;--page-section-bg: #f8fafc;--page-accent-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--page-accent-text: #ffffff;--page-quick-card-bg: #ffffff;--page-quick-card-border: #e4e7ed;--page-message-bg: #f5f7fa;--page-message-unread-bg: #eff6ff;--page-message-unread-border: #3b82f6;--page-announcement-bg: #f5f7fa;--page-app-card-bg: #ffffff;--page-app-card-border: #e4e7ed;--page-form-bg: #ffffff;--accent-teal: #14b8a6;--accent-teal-bg: rgba(20, 184, 166, .1);--accent-teal-text: #0d9488;--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .1);--accent-amber-text: #d97706;--accent-indigo: #3b82f6;--accent-indigo-bg: rgba(59, 130, 246, .1);--accent-indigo-text: #2563eb;--accent-rose: #f43f5e;--accent-rose-bg: rgba(244, 63, 94, .1);--accent-rose-text: #e11d48;--accent-emerald: #3b82f6;--accent-emerald-bg: rgba(59, 130, 246, .1);--accent-emerald-text: #2563eb;--accent-violet: #60a5fa;--accent-violet-bg: rgba(96, 165, 250, .1);--accent-violet-text: #6366f1;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-subtle: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--gradient-hero: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);--gradient-danger-soft: linear-gradient(135deg, #fef2f2 0%, #fff 100%);--gradient-success-soft: linear-gradient(135deg, #eff6ff 0%, #fff 100%);--surface-base: #f1f5f9;--surface-raised: #ffffff;--surface-overlay: #f8fafc;--surface-sunken: #e2e8f0;--surface-inverse: #0f172a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-glow-blue: 0 4px 14px rgba(59, 130, 246, .25);--shadow-glow-amber: 0 4px 14px rgba(245, 158, 11, .25);--shadow-glow-rose: 0 4px 14px rgba(244, 63, 94, .2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--el-color-primary: #3b82f6;--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-7: #bfdbfe;--el-color-primary-light-8: #dbeafe;--el-color-primary-light-9: #eff6ff;--el-color-primary-dark-2: #2563eb;--el-color-success: #3b82f6;--el-color-success-light-3: #60a5fa;--el-color-success-light-5: #93c5fd;--el-color-success-light-7: #bfdbfe;--el-color-success-light-8: #dbeafe;--el-color-success-light-9: #eff6ff;--el-color-success-dark-2: #2563eb;--el-color-warning: #f59e0b;--el-color-warning-light-3: #fbbf24;--el-color-warning-light-5: #fcd34d;--el-color-warning-light-7: #fde68a;--el-color-warning-light-8: #fef3c7;--el-color-warning-light-9: #fffbeb;--el-color-warning-dark-2: #d97706;--el-color-danger: #ef4444;--el-color-danger-light-3: #f87171;--el-color-danger-light-5: #fca5a5;--el-color-danger-light-7: #fecaca;--el-color-danger-light-8: #fee2e2;--el-color-danger-light-9: #fef2f2;--el-color-danger-dark-2: #dc2626;--el-color-error: #ef4444;--el-color-info: #64748b;--el-color-info-light-3: #94a3b8;--el-color-info-light-5: #cbd5e1;--el-color-info-light-7: #e2e8f0;--el-color-info-light-8: #f1f5f9;--el-color-info-light-9: #f8fafc;--el-color-info-dark-2: #475569;--el-text-color-primary: #1e293b;--el-text-color-regular: #475569;--el-text-color-secondary: #64748b;--el-text-color-placeholder: #94a3b8;--el-text-color-disabled: #cbd5e1;--el-border-color: #e2e8f0;--el-border-color-light: #f1f5f9;--el-border-color-lighter: #f8fafc;--el-border-color-extra-light: #f8fafc;--el-border-color-dark: #d1d5db;--el-border-color-darker: #94a3b8;--el-bg-color: #ffffff;--el-bg-color-page: #f1f5f9;--el-bg-color-overlay: #ffffff;--el-fill-color: #f1f5f9;--el-fill-color-light: #f8fafc;--el-fill-color-lighter: #ffffff;--el-fill-color-extra-light: #ffffff;--el-fill-color-dark: #e2e8f0;--el-fill-color-darker: #cbd5e1;--el-fill-color-blank: #ffffff;--el-button-bg-color: #ffffff;--el-button-text-color: #1e293b;--el-button-border-color: #d1d5db;--el-button-hover-bg-color: #eff6ff;--el-button-hover-text-color: #2563eb;--el-button-hover-border-color: #3b82f6;--el-button-active-bg-color: #dbeafe;--el-button-active-border-color: #2563eb;--el-button-disabled-bg-color: #f8fafc;--el-button-disabled-text-color: #cbd5e1;--el-button-disabled-border-color: #e2e8f0;--el-link-text-color: #3b82f6;--el-link-hover-text-color: #2563eb;--el-link-active-text-color: #1e40af;--el-link-disabled-text-color: #cbd5e1}.dark{--sidebar-bg: #1e293b;--sidebar-header-bg: #0f172a;--sidebar-text-color: #94a3b8;--sidebar-text-hover: #f1f5f9;--sidebar-text-active: #60a5fa;--sidebar-icon-color: #64748b;--sidebar-active-border: #3b82f6;--sidebar-active-bg: #1e3a8a;--sidebar-divider: #334155;--sidebar-footer-bg: #0f172a;--sidebar-scroll-thumb: #475569;--sidebar-hover-bg: #334155;--header-bg: #1e293b;--header-border: #334155;--header-shadow: rgba(0, 0, 0, .3);--header-brand-color: #60a5fa;--header-btn-bg: #334155;--header-btn-color: #94a3b8;--header-btn-hover-bg: #3b82f6;--header-btn-hover-color: #ffffff;--header-user-bg: #334155;--header-user-hover-bg: #475569;--header-user-name-color: #f1f5f9;--header-user-role-color: #94a3b8;--header-breadcrumb-sep: #64748b;--header-breadcrumb-item: #94a3b8;--header-breadcrumb-active: #f1f5f9;--layout-bg: #0f172a;--content-bg: #0f172a;--footer-bg: #1e293b;--footer-border: #334155;--footer-text-color: #94a3b8;--footer-text-secondary: #64748b;--footer-copyright-color: #94a3b8;--footer-link-color: #60a5fa;--footer-link-hover-color: #93c5fd;--card-bg: #1e293b;--card-border: #334155;--card-header-bg: #0f172a;--card-header-text: #f1f5f9;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--table-header-bg: #0f172a;--table-header-text: #94a3b8;--table-row-hover-bg: #1e293b;--table-border: #334155;--table-stripe-bg: #1e293b;--input-bg: #1e293b;--input-border: #475569;--input-border-hover: #60a5fa;--input-border-focus: #3b82f6;--input-text: #f1f5f9;--input-placeholder: #64748b;--input-focus-shadow: rgba(59, 130, 246, .2);--dropdown-bg: #1e293b;--dropdown-item-color: #e2e8f0;--dropdown-item-hover-bg: #334155;--dropdown-item-hover-color: #60a5fa;--dropdown-divider: #334155;--text-primary: #f1f5f9;--text-regular: #cbd5e0;--text-secondary: #94a3b8;--text-placeholder: #64748b;--text-disabled: #475569;--tag-success-bg: rgba(59, 130, 246, .15);--tag-success-text: #60a5fa;--tag-warning-bg: rgba(245, 158, 11, .15);--tag-warning-text: #fbbf24;--tag-danger-bg: rgba(239, 68, 68, .15);--tag-danger-text: #f87171;--tag-info-bg: rgba(59, 130, 246, .15);--tag-info-text: #60a5fa;--dialog-bg: #1e293b;--dialog-header-bg: #0f172a;--dialog-header-text: #f1f5f9;--dialog-border: #334155;--page-bg: #0f172a;--page-card-bg: #1e293b;--page-card-border: #334155;--page-section-bg: #0f172a;--page-accent-bg: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);--page-accent-text: #ffffff;--page-quick-card-bg: #1e293b;--page-quick-card-border: #334155;--page-message-bg: #1e293b;--page-message-unread-bg: rgba(59, 130, 246, .12);--page-message-unread-border: #3b82f6;--page-announcement-bg: #1e293b;--page-app-card-bg: #1e293b;--page-app-card-border: #334155;--page-form-bg: #1e293b;--accent-teal: #2dd4bf;--accent-teal-bg: rgba(20, 184, 166, .15);--accent-teal-text: #2dd4bf;--accent-amber: #fbbf24;--accent-amber-bg: rgba(245, 158, 11, .15);--accent-amber-text: #fbbf24;--accent-indigo: #60a5fa;--accent-indigo-bg: rgba(59, 130, 246, .15);--accent-indigo-text: #60a5fa;--accent-rose: #fb7185;--accent-rose-bg: rgba(244, 63, 94, .15);--accent-rose-text: #fb7185;--accent-emerald: #60a5fa;--accent-emerald-bg: rgba(59, 130, 246, .15);--accent-emerald-text: #60a5fa;--accent-violet: #a78bfa;--accent-violet-bg: rgba(96, 165, 250, .15);--accent-violet-text: #a78bfa;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--gradient-subtle: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-hero: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%);--gradient-danger-soft: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, #1e293b 100%);--gradient-success-soft: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, #1e293b 100%);--surface-base: #0f172a;--surface-raised: #1e293b;--surface-overlay: #0f172a;--surface-sunken: #0f172a;--surface-inverse: #f1f5f9;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 4px 14px rgba(59, 130, 246, .35);--shadow-glow-amber: 0 4px 14px rgba(245, 158, 11, .35);--shadow-glow-rose: 0 4px 14px rgba(244, 63, 94, .3);--border-color: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;min-height:100vh}.dark .el-card{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}.dark .el-card__header{background-color:var(--card-header-bg);border-bottom-color:var(--card-border);color:var(--card-header-text)}.dark .el-table{--el-table-bg-color: var(--card-bg);--el-table-tr-bg-color: var(--card-bg);--el-table-header-bg-color: var(--table-header-bg);--el-table-header-text-color: var(--table-header-text);--el-table-border-color: var(--table-border);--el-table-row-hover-bg-color: var(--table-row-hover-bg);--el-table-text-color: var(--text-regular)}.dark .el-table th.el-table__cell{background-color:var(--table-header-bg);color:var(--table-header-text)}.dark .el-table td.el-table__cell,.dark .el-table th.el-table__cell.is-leaf{border-bottom-color:var(--table-border)}.dark .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--table-stripe-bg)}.dark .el-input__wrapper{background-color:var(--input-bg);box-shadow:0 0 0 1px var(--input-border) inset}.dark .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--input-border-hover) inset}.dark .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--input-border-focus) inset,0 0 0 3px var(--input-focus-shadow)}.dark .el-input__inner{color:var(--input-text)}.dark .el-input__inner::placeholder{color:var(--input-placeholder)}.dark .el-select__wrapper{background-color:var(--input-bg);box-shadow:0 0 0 1px var(--input-border) inset}.dark .el-select-dropdown{background-color:var(--dropdown-bg);border-color:var(--dropdown-divider)}.dark .el-select-dropdown__item{color:var(--dropdown-item-color)}.dark .el-select-dropdown__item.is-hovering{background-color:var(--dropdown-item-hover-bg)}.dark .el-select-dropdown__item.is-selected{color:var(--dropdown-item-hover-color);font-weight:600}.dark .el-pagination{--el-pagination-bg-color: var(--card-bg);--el-pagination-text-color: var(--text-secondary);--el-pagination-button-color: var(--text-secondary);--el-pagination-hover-color: var(--sidebar-text-active);--el-pagination-button-bg-color: var(--card-bg);--el-pagination-button-disabled-color: var(--text-disabled);--el-pagination-button-disabled-bg-color: var(--card-bg)}.dark .el-dialog{background-color:var(--dialog-bg);border:1px solid var(--dialog-border)}.dark .el-dialog__header{background-color:var(--dialog-header-bg);border-bottom:1px solid var(--dialog-border)}.dark .el-dialog__title{color:var(--dialog-header-text)}.dark .el-dialog__body{color:var(--text-regular)}.dark .el-dropdown-menu{background-color:var(--dropdown-bg);border-color:var(--dropdown-divider)}.dark .el-dropdown-menu__item{color:var(--dropdown-item-color)}.dark .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-color)}.dark .el-dropdown-menu__item--divided{border-top-color:var(--dropdown-divider)}.dark .el-tabs{--el-tabs-header-height: 44px}.dark .el-tabs__header{background-color:var(--card-bg);border-bottom-color:var(--card-border)}.dark .el-tabs__nav-wrap:after{background-color:var(--card-border)}.dark .el-tabs__item{color:var(--text-secondary)}.dark .el-tabs__item.is-active{color:var(--sidebar-text-active)}.dark .el-tabs__active-bar{background-color:var(--sidebar-text-active)}.dark .el-tag{--el-tag-bg-color: var(--card-bg);--el-tag-border-color: var(--card-border);--el-tag-text-color: var(--text-regular)}.dark .el-tree{--el-tree-node-hover-bg-color: var(--table-row-hover-bg);--el-tree-text-color: var(--text-regular);--el-tree-node-content-height: 36px;background:transparent;border-color:var(--card-border)}.dark .el-tree-node__content:hover{background-color:var(--table-row-hover-bg)}.dark .el-radio__input.is-checked .el-radio__inner{background-color:var(--sidebar-text-active);border-color:var(--sidebar-text-active)}.dark .el-radio__label{color:var(--text-regular)}.dark .el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--sidebar-text-active);border-color:var(--sidebar-text-active)}.dark .el-checkbox__label,.dark .el-form-item__label{color:var(--text-regular)}.dark .el-descriptions__label{background-color:var(--table-header-bg);color:var(--table-header-text)}.dark .el-descriptions__content{background-color:var(--card-bg);color:var(--text-regular)}.dark .el-divider{--el-divider-bg-color: var(--card-border);--el-divider-text-color: var(--text-secondary)}.dark .el-empty__description{color:var(--text-secondary)}.dark .el-loading-mask{background-color:#0f172ab3}.dark .el-switch.is-checked .el-switch__core{background-color:var(--sidebar-text-active);border-color:var(--sidebar-text-active)}.dark .el-breadcrumb{--el-breadcrumb-item-font-color: var(--header-breadcrumb-item);--el-breadcrumb-separator-color: var(--header-breadcrumb-sep);--el-breadcrumb-active-font-color: var(--header-breadcrumb-active)}.page-container{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.filter-section{padding:16px;background:var(--card-header-bg);border-radius:8px;border:1px solid var(--card-border)}.filter-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-form :deep(.el-form-item){margin-bottom:0}.card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--card-header-bg);border-bottom:1px solid var(--card-border)}.card-header .title,.card-header .title-text{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center}.table-section{border:1px solid var(--table-border);border-radius:8px;overflow:hidden}.pagination-section,.pagination-wrapper{margin-top:16px;display:flex;justify-content:flex-end;padding:12px 0}.page-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin-bottom:16px;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 12px #0000000d}.page-header .header-left{display:flex;align-items:center;gap:12px}.page-header .header-icon{font-size:28px;color:var(--el-color-primary)}.page-header .header-title{font-size:20px;font-weight:600;color:var(--text-primary)}.page-header .header-stats{display:flex;gap:24px}.page-header .stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 20px;background:var(--bg-color);border-radius:6px;min-width:80px}.page-header .stat-item.success{background:#67c23a1a}.page-header .stat-item.success .stat-value{color:var(--el-color-success)}.page-header .stat-item.danger{background:#f56c6c1a}.page-header .stat-item.danger .stat-value{color:var(--el-color-danger)}.page-header .stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.page-header .stat-value{font-size:20px;font-weight:600;color:var(--text-primary)}.search-section{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:12px;background:var(--bg-color);border-radius:8px}.search-section .search-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex:1}.search-section .search-actions{display:flex;gap:8px}.action-section{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-color);border-radius:8px}.action-section .action-left,.action-section .action-right{display:flex;gap:8px}.search-bar{display:flex;gap:12px;margin-bottom:12px;padding:12px 16px;background:var(--bg-color);border-radius:4px;flex-wrap:wrap;align-items:center}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;background:var(--bg-color);border-radius:4px}.table-toolbar .toolbar-left,.table-toolbar .toolbar-right{display:flex;gap:8px}.el-dialog{border-radius:12px}.el-dialog__header{padding:16px 20px;background:var(--dialog-header-bg);border-bottom:1px solid var(--dialog-border)}.el-dialog__title{font-size:16px;font-weight:600;color:var(--dialog-header-text)}.el-dialog__body{padding:20px}.el-dialog__footer{padding:12px 20px;border-top:1px solid var(--dialog-border)}.el-form-item{--el-form-label-font-size: 14px}.el-form-item__label{font-weight:500;color:var(--text-regular)}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.code-block{background:var(--page-bg);padding:12px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;color:var(--text-primary);border:1px solid var(--card-border)}.el-empty{padding:40px 0}.el-button{--el-button-bg-color: #ffffff;--el-button-text-color: #1e293b;--el-button-border-color: #d1d5db;--el-button-hover-bg-color: #eff6ff;--el-button-hover-text-color: #2563eb;--el-button-hover-border-color: #3b82f6;--el-button-active-bg-color: #dbeafe;--el-button-active-border-color: #2563eb;--el-button-active-text-color: #1e40af;--el-button-disabled-bg-color: #f8fafc;--el-button-disabled-text-color: #cbd5e1;--el-button-disabled-border-color: #e2e8f0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.el-button--primary{--el-button-bg-color: #3b82f6;--el-button-border-color: #3b82f6;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #2563eb;--el-button-hover-border-color: #2563eb;--el-button-hover-text-color: #ffffff;--el-button-active-bg-color: #1e40af;--el-button-active-border-color: #1e40af;--el-button-active-text-color: #ffffff;--el-button-disabled-bg-color: #93c5fd;--el-button-disabled-border-color: #93c5fd;--el-button-disabled-text-color: #ffffff;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color);box-shadow:0 4px 12px -2px #2563eb59}.el-button--primary:not(.is-link):not(.is-text):hover,.el-button--primary:not(.is-link):not(.is-text):focus{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);box-shadow:0 6px 16px -2px #2563eb80;transform:translateY(-1px)}.el-button--primary:not(.is-link):not(.is-text):active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);box-shadow:0 2px 8px -2px #2563eb59;transform:translateY(0)}.el-button--success{--el-button-bg-color: #3b82f6;--el-button-border-color: #3b82f6;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #2563eb;--el-button-hover-border-color: #2563eb;--el-button-hover-text-color: #ffffff;--el-button-active-bg-color: #1e40af;--el-button-active-border-color: #1e40af;--el-button-active-text-color: #ffffff;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color)}.el-button--success:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color)}.el-button--warning{--el-button-bg-color: #f59e0b;--el-button-border-color: #f59e0b;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #d97706;--el-button-hover-border-color: #d97706;--el-button-hover-text-color: #ffffff}.el-button--danger{--el-button-bg-color: #ef4444;--el-button-border-color: #ef4444;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #dc2626;--el-button-hover-border-color: #dc2626;--el-button-hover-text-color: #ffffff}.el-button--info{--el-button-bg-color: #64748b;--el-button-border-color: #64748b;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #475569;--el-button-hover-border-color: #475569;--el-button-hover-text-color: #ffffff}.el-button--primary.is-plain,.el-button--success.is-plain{--el-button-bg-color: #eff6ff;--el-button-text-color: #2563eb;--el-button-border-color: #93c5fd;--el-button-hover-bg-color: #3b82f6;--el-button-hover-text-color: #ffffff;--el-button-hover-border-color: #3b82f6;--el-button-active-bg-color: #2563eb;--el-button-active-border-color: #2563eb;--el-button-active-text-color: #ffffff;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color)}.el-button--primary.is-plain:hover,.el-button--success.is-plain:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color)}.el-button--primary.is-plain:active,.el-button--success.is-plain:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color)}.el-button--primary.is-text{--el-button-text-color: #3b82f6;--el-button-hover-text-color: #2563eb;--el-button-active-text-color: #1e40af;background:transparent;border:0}.el-button--primary.is-text:hover{color:var(--el-button-hover-text-color)}.el-button--primary.is-text:active{color:var(--el-button-active-text-color)}.el-link.el-link--primary{--el-link-text-color: #3b82f6;--el-link-hover-text-color: #2563eb;--el-link-active-text-color: #1e40af}.el-tag.el-tag--primary,.el-tag.el-tag--success{--el-tag-bg-color: #eff6ff;--el-tag-border-color: #bfdbfe;--el-tag-text-color: #1e40af}.el-tag.el-tag--warning{--el-tag-bg-color: #fffbeb;--el-tag-border-color: #fde68a;--el-tag-text-color: #d97706}.el-tag.el-tag--danger{--el-tag-bg-color: #fef2f2;--el-tag-border-color: #fecaca;--el-tag-text-color: #dc2626}.el-tag.el-tag--info{--el-tag-bg-color: #f1f5f9;--el-tag-border-color: #e2e8f0;--el-tag-text-color: #475569}.dark{--el-color-primary: #3b82f6;--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-7: #bfdbfe;--el-color-primary-light-8: #dbeafe;--el-color-primary-light-9: #eff6ff;--el-color-primary-dark-2: #2563eb;--el-color-white: #1e293b;--el-color-black: #0f172a;--el-color-success: #3b82f6;--el-color-warning: #f59e0b;--el-color-danger: #ef4444;--el-color-info: #64748b;--el-bg-color: #1e293b;--el-bg-color-page: #0f172a;--el-bg-color-overlay: #1e293b;--el-border-color: #334155;--el-border-color-light: #475569;--el-border-color-lighter: #64748b;--el-border-color-extra-light: #94a3b8;--el-border-color-dark: #1e293b;--el-border-color-darker: #0f172a;--el-text-color-primary: #f1f5f9;--el-text-color-regular: #cbd5e0;--el-text-color-secondary: #94a3b8;--el-text-color-placeholder: #64748b;--el-text-color-disabled: #475569;--el-fill-color: #334155;--el-fill-color-light: #1e293b;--el-fill-color-lighter: #0f172a;--el-fill-color-extra-light: #0f172a;--el-fill-color-dark: #475569;--el-fill-color-darker: #64748b;--el-fill-color-blank: #1e293b;--el-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .4);--el-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .3);--el-box-shadow-lighter: 0 2px 12px 0 rgba(0, 0, 0, .2);--el-box-shadow-dark: 0 4px 16px 0 rgba(0, 0, 0, .5);--el-mask-color: rgba(0, 0, 0, .7);--el-mask-color-extra-light: rgba(0, 0, 0, .4)}.dark .el-button{--el-button-bg-color: var(--card-bg);--el-button-border-color: var(--card-border);--el-button-text-color: var(--text-regular);--el-button-hover-bg-color: var(--sidebar-hover-bg);--el-button-hover-border-color: var(--sidebar-text-active);--el-button-hover-text-color: var(--sidebar-text-active);--el-button-active-bg-color: rgba(96, 165, 250, .18);--el-button-active-border-color: var(--sidebar-text-active);--el-button-active-text-color: #bfdbfe;--el-button-disabled-bg-color: rgba(15, 23, 42, .6);--el-button-disabled-text-color: var(--text-disabled);--el-button-disabled-border-color: var(--card-border);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.dark .el-button--primary{--el-button-bg-color: var(--sidebar-text-active);--el-button-border-color: var(--sidebar-text-active);--el-button-text-color: #ffffff;--el-button-hover-bg-color: #60a5fa;--el-button-hover-border-color: #60a5fa;--el-button-hover-text-color: #ffffff;--el-button-active-bg-color: #1e40af;--el-button-active-border-color: #1e40af;--el-button-active-text-color: #ffffff;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color);box-shadow:0 4px 12px -2px #2563eb73}.dark .el-button--primary:not(.is-link):not(.is-text):hover,.dark .el-button--primary:not(.is-link):not(.is-text):focus{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);box-shadow:0 6px 16px -2px #2563eb99;transform:translateY(-1px)}.dark .el-button--primary:not(.is-link):not(.is-text):active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);box-shadow:0 2px 8px -2px #2563eb66;transform:translateY(0)}.dark .el-button--success{--el-button-bg-color: var(--sidebar-text-active);--el-button-border-color: var(--sidebar-text-active);--el-button-text-color: #ffffff;--el-button-hover-bg-color: #60a5fa;--el-button-hover-border-color: #60a5fa;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color)}.dark .el-button--success:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-text-color)}.dark .el-button--warning{--el-button-bg-color: #f59e0b;--el-button-border-color: #f59e0b;--el-button-hover-bg-color: #fbbf24;--el-button-hover-border-color: #fbbf24}.dark .el-button--danger{--el-button-bg-color: #ef4444;--el-button-border-color: #ef4444;--el-button-hover-bg-color: #f87171;--el-button-hover-border-color: #f87171}.dark .el-button--info{--el-button-bg-color: var(--sidebar-hover-bg);--el-button-border-color: var(--card-border);--el-button-hover-bg-color: #475569;--el-button-hover-border-color: #475569}.dark .el-button--primary.is-plain,.dark .el-button--success.is-plain{--el-button-bg-color: rgba(96, 165, 250, .14);--el-button-text-color: #93c5fd;--el-button-border-color: rgba(96, 165, 250, .4);--el-button-hover-bg-color: #3b82f6;--el-button-hover-text-color: #ffffff;--el-button-hover-border-color: #3b82f6;--el-button-active-bg-color: #2563eb;--el-button-active-border-color: #2563eb;--el-button-active-text-color: #ffffff;background-color:var(--el-button-bg-color);border-color:var(--el-button-border-color);color:var(--el-button-text-color)}.dark .el-button--primary.is-plain:hover,.dark .el-button--success.is-plain:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color)}.dark .el-button--primary.is-plain:active,.dark .el-button--success.is-plain:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color)}.dark .el-button--primary.is-text{--el-button-text-color: #93c5fd;--el-button-hover-text-color: #bfdbfe;--el-button-active-text-color: #60a5fa;background:transparent;border:0}.dark .el-button--primary.is-text:hover{color:var(--el-button-hover-text-color)}.dark .el-button--primary.is-text:active{color:var(--el-button-active-text-color)}.dark .el-link.el-link--primary{--el-link-text-color: #93c5fd;--el-link-hover-text-color: #bfdbfe;--el-link-active-text-color: #60a5fa}.dark .el-tag.el-tag--primary,.dark .el-tag.el-tag--success{--el-tag-bg-color: rgba(96, 165, 250, .16);--el-tag-border-color: rgba(96, 165, 250, .4);--el-tag-text-color: #93c5fd}.dark .el-button--default{background-color:var(--card-bg);border-color:var(--card-border);color:var(--text-regular);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.dark .el-button--default:hover{background-color:var(--sidebar-hover-bg);border-color:var(--sidebar-text-active);color:var(--sidebar-text-active)}.dark .el-button--default:active{background-color:#60a5fa2e;border-color:var(--sidebar-text-active);color:var(--sidebar-text-active);transform:translateY(0)}.dark .el-message{--el-message-bg-color: var(--card-bg);--el-message-border-color: var(--card-border);--el-message-text-color: var(--text-regular)}.dark .el-message-box{--el-messagebox-title-color: var(--text-primary);--el-messagebox-content-color: var(--text-regular);background-color:var(--dialog-bg);border-color:var(--dialog-border)}.dark .el-notification{--el-notification-title-color: var(--text-primary);--el-notification-content-color: var(--text-regular);background-color:var(--card-bg);border-color:var(--card-border)}.dark .el-tooltip__popper,.dark .el-popper.is-dark{background:var(--card-bg);border-color:var(--card-border);color:var(--text-primary)}.dark .el-popover.el-popper{background:var(--card-bg);border-color:var(--card-border)}.dark .el-popover.el-popper .el-popover__title{color:var(--text-primary)}.dark .el-popper.is-light .el-popper__arrow:before,.dark .el-popper.is-dark .el-popper__arrow:before{background:var(--card-bg);border-color:var(--card-border)}.dark .el-date-picker{--el-datepicker-off-text-color: var(--text-disabled);--el-datepicker-header-text-color: var(--text-primary);--el-datepicker-text-color: var(--text-regular);--el-datepicker-inner-border-color: var(--card-border);background-color:var(--card-bg);border-color:var(--card-border)}.dark .el-date-picker__header-label{color:var(--text-primary)}.dark .el-date-table th{color:var(--text-secondary)}.dark .el-picker-panel,.dark .el-time-panel{background:var(--card-bg);border-color:var(--card-border);color:var(--text-regular)}.dark .el-time-panel__content{background:var(--card-bg)}.dark .el-color-picker__trigger{background:var(--card-bg);border-color:var(--card-border)}.dark .el-slider__runway{background:var(--card-border)}.dark .el-slider__bar{background:var(--sidebar-text-active)}.dark .el-rate__icon{color:var(--text-disabled)}.dark .el-progress-bar__outer{background:var(--card-border)}.dark .el-timeline-item__content{color:var(--text-primary)}.dark .el-timeline-item__timestamp{color:var(--text-secondary)}.dark .el-calendar{background:var(--card-bg);border-color:var(--card-border)}.dark .el-calendar__header{border-bottom-color:var(--card-border)}.dark .el-calendar__title{color:var(--text-primary)}.dark .el-skeleton__item{background:linear-gradient(to right,var(--card-border) 25%,var(--sidebar-hover-bg) 37%,var(--card-border) 63%);background-size:400% 100%}.dark .el-drawer{background:var(--dialog-bg)}.dark .el-drawer__header{border-bottom:1px solid var(--dialog-border);color:var(--dialog-header-text);margin-bottom:0;padding:16px 20px}.dark .el-badge__content{background:#ef4444}.dark .el-alert__title{color:var(--text-primary)}.dark .el-alert__description{color:var(--text-secondary)}.dark .el-step__title{color:var(--text-primary)}.dark .el-step__description,.dark .el-step__icon-inner{color:var(--text-secondary)}.dark .el-card.is-always-shadow,.dark .el-card.is-hover-shadow:focus,.dark .el-card.is-hover-shadow:hover{box-shadow:0 2px 12px #0000004d}.dark .el-scrollbar__thumb{background:var(--sidebar-scroll-thumb)}.dark .el-scrollbar__thumb:hover{background:var(--sidebar-icon-color)}.dark .el-cascader-menu{background:var(--card-bg);border-color:var(--card-border);color:var(--text-regular)}.dark .el-cascader-node.in-active-path,.dark .el-cascader-node.is-selectable.in-checked-path{color:var(--sidebar-text-active)}.dark .el-slider__button{border-color:var(--sidebar-text-active)}.dark .el-transfer-panel{background:var(--card-bg);border-color:var(--card-border)}.dark .el-transfer-panel__body,.dark .el-transfer-panel__list.is-filterable{background:var(--card-bg)}.dark .el-image-viewer__mask{background:#000000d9}.dark .el-link__inner{color:var(--sidebar-text-active)}.dark .el-textarea__inner{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}.dark .el-textarea__inner:hover{border-color:var(--input-border-hover)}.dark .el-textarea__inner:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.dark .el-input-number .el-input__wrapper{background:var(--input-bg)}.dark .el-autocomplete-suggestion{background:var(--dropdown-bg);border-color:var(--dropdown-divider)}.dark .el-autocomplete-suggestion li{color:var(--dropdown-item-color)}.dark .el-autocomplete-suggestion li:hover{background:var(--dropdown-item-hover-bg)}.dark .el-checkbox-button__inner{background:var(--card-bg);border-color:var(--card-border);color:var(--text-regular)}.dark .el-checkbox-button__original:checked+.el-checkbox-button__inner{background:var(--sidebar-text-active);border-color:var(--sidebar-text-active);color:#fff}.dark .el-radio-button__inner{background:var(--card-bg);border-color:var(--card-border);color:var(--text-regular)}.dark .el-switch__core{background:var(--card-border)}.dark .el-switch.is-checked .el-switch__core{background:var(--sidebar-text-active)}.dark .el-datetime-picker__header-label{color:var(--text-primary)}.dark .el-time-select{background:var(--dropdown-bg);border-color:var(--dropdown-divider)}.dark .el-time-select .el-time-select-item{color:var(--dropdown-item-color)}.dark .el-time-select .el-time-select-item:hover{background:var(--dropdown-item-hover-bg)}.dark .el-overlay{background-color:#000000b3}.el-dialog{max-height:90vh;margin:5vh auto 0!important;display:flex;flex-direction:column;position:relative;top:0;transform:none}.el-dialog__body{flex:1 1 auto;overflow-y:auto;max-height:calc(90vh - 130px)}.dark .el-backtop{background:var(--card-bg);color:var(--text-primary)}.dark .el-backtop:hover{background:var(--sidebar-hover-bg)}.dark .el-infinite-scroll__loader{color:var(--text-secondary)}.dark .el-descriptions__cell{padding:12px}.dark .el-descriptions-item__label{background:var(--table-header-bg);color:var(--table-header-text)}.dark .el-result__title{color:var(--text-primary)}.dark .el-result__subtitle{color:var(--text-secondary)}.dark .el-empty__image svg{fill:var(--text-disabled)}.dark .el-avatar{background:var(--sidebar-hover-bg);color:var(--text-secondary)}.dark .el-statistic__head{color:var(--text-secondary)}.dark .el-statistic__content{color:var(--text-primary)}.dark .el-segmented{background:var(--card-bg);padding:4px}.dark .el-segmented__item{color:var(--text-secondary)}.dark .el-segmented__item:hover{color:var(--text-primary)}.dark .el-segmented__item.is-selected{background:var(--sidebar-text-active);color:#fff}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-slide-in{animation:fadeSlideIn var(--duration-normal) var(--ease-out-expo) forwards}.anim-fade-slide-left{animation:fadeSlideInLeft var(--duration-normal) var(--ease-out-expo) forwards}.anim-pulse-soft{animation:pulseSoft 2.5s ease-in-out infinite}.anim-slide-right{animation:slideInRight var(--duration-normal) var(--ease-out-expo) forwards}.anim-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-expo) forwards}.stagger-children>*{animation:fadeSlideIn var(--duration-normal) var(--ease-out-expo) forwards;animation-delay:calc(var(--i, 0) * 40ms);opacity:0}.card-interactive{background:var(--surface-raised);border:1px solid var(--card-border);border-radius:12px;transition:box-shadow var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--el-color-primary-light-5)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.badge-dot{position:relative;display:inline-flex;align-items:center;justify-content:center}.badge-dot:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--el-color-danger);border:1.5px solid var(--surface-raised);position:absolute;top:-2px;right:-2px}.badge-dot.success:after{background:var(--el-color-success)}.badge-dot.warning:after{background:var(--el-color-warning)}.badge-dot.info:after{background:var(--el-color-info)}.stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:var(--surface-raised);border:1px solid var(--card-border);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--duration-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-card .stat-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:20px;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out-back)}.stat-card:hover .stat-icon-wrap{transform:scale(1.08)}.stat-card .stat-info{display:flex;flex-direction:column;min-width:0}.stat-card .stat-num{font-size:20px;font-weight:700;line-height:1.2;color:var(--text-primary)}.stat-card .stat-label{font-size:12px;color:var(--text-secondary);margin-top:1px}.stat-card--blue .stat-icon-wrap{background:var(--gradient-primary)}.stat-card--amber .stat-icon-wrap{background:linear-gradient(135deg,#f59e0b,#f97316)}.stat-card--rose .stat-icon-wrap{background:linear-gradient(135deg,#f43f5e,#ef4444)}.stat-card--teal .stat-icon-wrap{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.stat-card--indigo .stat-icon-wrap{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-card--blue:before{background:var(--accent-emerald-bg)}.stat-card--amber:before{background:var(--accent-amber-bg)}.stat-card--rose:before{background:var(--accent-rose-bg)}.stat-card--teal:before{background:var(--accent-teal-bg)}.stat-card--indigo:before{background:var(--accent-indigo-bg)}.stat-card--blue:hover{border-color:#93c5fd;box-shadow:var(--shadow-glow-blue)}.stat-card--amber:hover{border-color:#fcd34d;box-shadow:var(--shadow-glow-amber)}.stat-card--rose:hover{border-color:#fda4af;box-shadow:var(--shadow-glow-rose)}.stat-card--teal:hover{border-color:#5eead4}.stat-card--indigo:hover{border-color:#a5b4fc}.tab-nav-slide{position:relative;display:flex;border-bottom:1px solid var(--card-border)}.tab-nav-slide .tab-indicator{position:absolute;bottom:-1px;height:2px;background:var(--el-color-primary);border-radius:2px 2px 0 0;transition:left var(--duration-normal) var(--ease-out-expo),width var(--duration-normal) var(--ease-out-expo)}.tab-nav-slide .tab-item-slide{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast);position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.tab-nav-slide .tab-item-slide:hover{color:var(--el-color-primary)}.tab-nav-slide .tab-item-slide.active{color:var(--el-color-primary);font-weight:600}.hero-banner{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.hero-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-banner__bg{position:absolute;inset:0;background:var(--gradient-hero);z-index:0}.hero-banner__glow{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff1f;filter:blur(24px);top:-30px;right:-20px;z-index:0}.hero-banner__content{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:18px 20px}.hero-banner__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff2e;border-radius:12px;color:#fff;font-size:22px;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__info{flex:1;display:flex;flex-direction:column}.hero-banner__num{font-size:28px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}.hero-banner__label{font-size:12px;color:#ffffffd9;margin-top:2px}.hero-banner__arrow{color:#ffffffb3;font-size:18px;flex-shrink:0;transition:transform var(--duration-fast)}.hero-banner:hover .hero-banner__arrow{transform:translate(3px)}.left-panel-card{border-radius:14px;border:1px solid var(--card-border);background:var(--surface-raised);overflow:hidden}.left-panel-card .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 14px;border-bottom:1px solid var(--card-border)}.left-panel-card .panel-title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.left-panel-card .panel-title .el-icon{color:var(--el-color-primary)}.type-chip{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);border:1px solid transparent;font-size:12px;color:var(--text-secondary);position:relative;background:var(--surface-overlay)}.type-chip:hover{border-color:var(--card-border);transform:translateY(-1px);box-shadow:var(--shadow-xs);color:var(--text-primary)}.type-chip.active{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--accent-indigo-bg);box-shadow:0 0 0 1px var(--el-color-primary-light-7)}.type-chip .chip-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-out-back)}.type-chip:hover .chip-icon{transform:translateY(-1px)}.cat-item-modern{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:all var(--duration-fast);margin-bottom:1px;border-left:3px solid transparent;position:relative}.cat-item-modern:hover{background:var(--surface-overlay)}.cat-item-modern.active{background:var(--accent-indigo-bg);border-left-color:var(--el-color-primary);font-weight:600}.cat-item-modern .cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-item-modern .cat-icon-box{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.cat-item-modern .cat-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.cat-item-modern .cat-badge{font-size:11px;background:var(--el-color-primary-light-8);color:var(--el-color-primary);padding:1px 7px;border-radius:10px;font-weight:600;line-height:1.6}.quick-action-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:52px!important;border-radius:10px!important;font-size:12px!important;gap:2px;transition:all var(--duration-normal) var(--ease-out-expo)!important;flex:1;border:1px solid var(--card-border)!important;background:var(--surface-raised)!important}.quick-action-btn:hover:not(:disabled){transform:translateY(-1px)}.quick-action-btn .qa-label{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1;transition:color var(--duration-fast)}.quick-action-btn .qa-hint{font-size:10px;color:var(--text-secondary);line-height:1;font-weight:400!important}.quick-action-btn.qa-primary{border-color:var(--el-color-primary-light-7)!important}.quick-action-btn.qa-primary:hover:not(:disabled){border-color:var(--el-color-primary)!important;box-shadow:var(--shadow-glow-blue);background:var(--accent-indigo-bg)!important}.quick-action-btn.qa-primary:hover:not(:disabled) .qa-label{color:var(--el-color-primary)}.quick-action-btn.qa-danger{border-color:#fecaca!important}.quick-action-btn.qa-danger:hover:not(:disabled){border-color:var(--el-color-danger)!important;box-shadow:var(--shadow-glow-rose);background:var(--accent-rose-bg)!important}.quick-action-btn.qa-danger:hover:not(:disabled) .qa-label{color:var(--el-color-danger)}.list-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--card-border);margin-bottom:0}.list-header-bar .header-left{display:flex;align-items:center;gap:10px}.list-header-bar .header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px}.list-header-bar .header-title{font-size:16px;font-weight:700;color:var(--text-primary)}.view-toggle{display:flex;background:var(--surface-overlay);border-radius:8px;padding:2px;border:1px solid var(--card-border)}.view-toggle-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none}.view-toggle-btn:hover{color:var(--el-color-primary);background:var(--surface-raised)}.view-toggle-btn.active{background:var(--surface-raised);color:var(--el-color-primary);box-shadow:var(--shadow-xs)}.filter-section-modern{padding:14px 0;border-bottom:1px solid var(--card-border)}.badge-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.5}.badge-pill--info{background:var(--accent-indigo-bg);color:var(--accent-indigo-text)}.badge-pill--danger{background:var(--accent-rose-bg);color:var(--accent-rose-text)}.badge-pill--success{background:var(--accent-emerald-bg);color:var(--accent-emerald-text)}.badge-pill--warning{background:var(--accent-amber-bg);color:var(--accent-amber-text)}.divider-subtle{border:none;border-top:1px dashed var(--card-border);margin:8px 0}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-secondary)}.empty-state-enhanced .empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.empty-state-enhanced .empty-text{font-size:14px;color:var(--text-secondary)}.scrollbar-subtle::-webkit-scrollbar{width:5px}.scrollbar-subtle::-webkit-scrollbar-track{background:transparent}.scrollbar-subtle::-webkit-scrollbar-thumb{background:var(--surface-sunken);border-radius:10px}.scrollbar-subtle::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.msg-row-modern{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background:var(--surface-raised);border:1px solid transparent;position:relative;overflow:hidden;animation:fadeSlideIn var(--duration-normal) var(--ease-out-expo) forwards}.msg-row-modern:hover{background:var(--surface-overlay);border-color:var(--card-border);box-shadow:var(--shadow-xs)}.msg-row-modern.unread{background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--surface-raised) 100%);border-color:var(--el-color-primary-light-7);box-shadow:inset 3px 0 0 var(--el-color-primary)}.msg-row-modern .row-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:transform var(--duration-normal) var(--ease-out-back)}.msg-row-modern:hover .row-icon{transform:scale(1.05)}.msg-row-modern .row-body{flex:1;min-width:0}.msg-row-modern .row-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row-modern.unread .row-title{font-weight:700}.msg-row-modern .row-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row-modern .row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;min-width:100px}.msg-row-modern .row-time{font-size:11px;color:var(--text-secondary);white-space:nowrap}.msg-row-modern .row-sender{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.msg-row-modern .row-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transform:translate(4px);transition:all var(--duration-normal) var(--ease-out-expo)}.msg-row-modern:hover .row-actions{opacity:1;transform:translate(0)}.kanban-column{background:var(--surface-overlay);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--card-border);background:var(--surface-raised)}.kanban-column-header .col-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.kanban-column-header .col-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;background:var(--surface-sunken);color:var(--text-secondary)}.kanban-column-body{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:calc(100vh - 300px)}.kanban-column-body::-webkit-scrollbar{width:4px}.kanban-column-body::-webkit-scrollbar-thumb{background:var(--surface-sunken);border-radius:10px}.content-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.content-toolbar .toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-toolbar .toolbar-right{display:flex;align-items:center;gap:10px}.content-toolbar .content-title{font-size:15px;font-weight:700;color:var(--text-primary)}.content-toolbar .batch-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--accent-indigo-bg);border-radius:8px;font-size:12px;color:var(--accent-indigo-text);font-weight:500}.seg-tabs{display:inline-flex;background:var(--surface-overlay);border:1px solid var(--card-border);border-radius:8px;padding:2px;gap:1px}.seg-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.seg-tab:hover{color:var(--text-primary);background:var(--surface-raised)}.seg-tab.active{background:var(--surface-raised);color:var(--el-color-primary);font-weight:600;box-shadow:var(--shadow-xs)}.detail-enter-active,.detail-leave-active{transition:all var(--duration-normal) var(--ease-out-expo)}.detail-enter-from,.detail-leave-to{opacity:0;transform:translateY(10px)}.priority-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.priority-tag--urgent{background:#fef2f2;color:#dc2626}.priority-tag--high{background:#fff7ed;color:#ea580c}.priority-tag--normal,.priority-tag--low{background:#eff6ff;color:#2563eb}.dark .priority-tag--urgent{background:#ef444426;color:#f87171}.dark .priority-tag--high{background:#f9731626;color:#fb923c}.dark .priority-tag--normal,.dark .priority-tag--low{background:#3b82f626;color:#60a5fa}.dark .hero-banner__bg{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6)}.dark .card-interactive{background:var(--surface-raised);border-color:var(--card-border)}.dark .card-interactive:hover{border-color:var(--sidebar-text-active)}.dark .quick-action-btn{background:var(--surface-overlay)!important;border-color:var(--card-border)!important}.dark .view-toggle,.dark .seg-tabs,.dark .kanban-column{background:var(--surface-overlay);border-color:var(--card-border)}.dark .kanban-column-header{background:var(--surface-raised);border-bottom-color:var(--card-border)}.dark .msg-row-modern{background:var(--surface-raised);border-color:transparent}.dark .msg-row-modern:hover{background:var(--surface-overlay);border-color:var(--card-border)}.dark .msg-row-modern.unread{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,var(--surface-raised) 100%);border-color:#3b82f640}.dark .content-toolbar .batch-bar{background:var(--accent-indigo-bg)}.dark .stat-card{background:var(--surface-raised);border-color:var(--card-border)}.summary-panel,.stats-row{margin-bottom:14px}.list-page__body>.summary-panel:last-child,.list-page__body>.stats-row:last-child,.list-body-stack>.summary-panel:last-child,.list-body-stack>.stats-row:last-child{margin-bottom:0}.dark .summary-card,.dark .stat-card{background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface-overlay) 100%)!important;border-color:var(--card-border)!important;box-shadow:0 8px 18px #00000038!important}.dark .summary-card:hover,.dark .stat-card:hover{border-color:#60a5fa73!important;box-shadow:0 10px 22px #00000047!important}.dark .summary-card strong,.dark .stat-card .stat-value{color:var(--text-primary)!important}.dark .summary-label,.dark .summary-meta,.dark .stat-card .stat-label{color:var(--text-secondary)!important}.dark .stat-card .stat-meta{color:var(--text-regular)}.page-container .el-table__fixed-right .cell>.row-actions,.page-container .el-table__fixed-right .cell>.table-actions,.page-container .el-table .el-table-fixed-column--right .cell>.row-actions,.page-container .el-table .el-table-fixed-column--right .cell>.table-actions{gap:6px}.page-container .el-table__fixed-right .cell>.el-button.is-link+.el-button.is-link,.page-container .el-table .el-table-fixed-column--right .cell>.el-button.is-link+.el-button.is-link{margin-left:6px}.page-container .el-table__fixed-right .el-button.is-link,.page-container .el-table .el-table-fixed-column--right .el-button.is-link{height:26px;margin-left:0;padding:0 7px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:500;line-height:24px;vertical-align:middle}.page-container .el-table__fixed-right .el-button--primary.is-link,.page-container .el-table .el-table-fixed-column--right .el-button--primary.is-link{background:var(--el-color-primary-light-9)}.page-container .el-table__fixed-right .el-button--success.is-link,.page-container .el-table .el-table-fixed-column--right .el-button--success.is-link{background:var(--el-color-success-light-9)}.page-container .el-table__fixed-right .el-button--warning.is-link,.page-container .el-table .el-table-fixed-column--right .el-button--warning.is-link{background:var(--el-color-warning-light-9)}.page-container .el-table__fixed-right .el-button--danger.is-link,.page-container .el-table .el-table-fixed-column--right .el-button--danger.is-link{background:var(--el-color-danger-light-9)}.page-container .el-table__fixed-right .el-button--info.is-link,.page-container .el-table .el-table-fixed-column--right .el-button--info.is-link{background:var(--el-fill-color-light)}.page-container .el-table__fixed-right .el-button.is-link:hover,.page-container .el-table .el-table-fixed-column--right .el-button.is-link:hover{border-color:currentColor;background:var(--el-bg-color)}.page-search-stack{display:flex;flex-direction:column;width:100%;min-width:0;gap:8px}.page-container .search-row:has(.search-field-block){align-items:flex-end;row-gap:10px}.search-field-block{display:flex;align-items:flex-start;flex-direction:column;gap:4px;min-width:190px}.search-field-block.is-wide{min-width:220px}.search-field-block.is-date{min-width:292px}.search-field-block.is-compact{min-width:150px}.search-field-block.is-number{min-width:246px}.search-field-label{display:inline-flex;align-items:center;max-width:100%;height:18px;color:#5f6f86;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}.search-field-label:before{content:"";width:3px;height:12px;margin-right:5px;border-radius:2px;background:var(--el-color-primary)}.search-field-block .search-item,.search-field-block .filter-item{width:190px}.search-field-block.is-compact .search-item,.search-field-block.is-compact .filter-item{width:150px}.search-field-block.is-wide .search-item,.search-field-block.is-wide .filter-item{width:220px}.search-field-block.is-date .date-search,.search-field-block.is-date .date-filter{width:292px}.search-field-block.is-number .range-search{display:grid;grid-template-columns:120px 120px;gap:6px}.search-action-block{min-width:auto;flex:0 0 auto}.search-action-label{visibility:hidden}.search-row .search-action-block .search-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}@media(max-width:768px){.page-container .search-row:has(.search-field-block){display:grid;grid-template-columns:1fr}.search-field-block,.search-field-block.is-wide,.search-field-block.is-date,.search-field-block.is-compact,.search-field-block.is-number{min-width:0;width:100%}.search-field-block .search-item,.search-field-block .filter-item,.search-field-block.is-wide .search-item,.search-field-block.is-wide .filter-item,.search-field-block.is-date .date-search,.search-field-block.is-date .date-filter,.search-field-block.is-compact .search-item,.search-field-block.is-compact .filter-item{width:100%}.search-row .search-action-block .search-actions{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}