:root{--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 30px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--space-xs: 10px;--space-sm: 16px;--space-md: 20px;--space-lg: 28px;--space-xl: 36px;--space-2xl: 48px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-toast: 1060;--z-tooltip: 1070;--bp-xs: 480px;--bp-sm: 768px;--bp-md: 1024px;--bp-lg: 1280px;--bp-xl: 1536px;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-normal: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .35s cubic-bezier(.4,0,.2,1);--ease-out-expo: cubic-bezier(.16,1,.3,1);--font-family: "Inter", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--table-col-index: 55px;--table-col-selection: 45px;--table-col-status: 85px;--table-col-date: 120px;--table-col-datetime: 165px;--table-col-phone: 150px;--table-col-amount: 120px;--table-col-name: 120px;--table-col-ops-sm: 100px;--table-col-ops-md: 140px;--table-col-ops-lg: 180px;--table-col-desc: 180px;--shift-morning-bg: #fef3c7;--shift-morning-text: #92400e;--shift-mid-bg: #e0e7ff;--shift-mid-text: #3730a3;--shift-night-bg: #fce7f3;--shift-night-text: #9d174d;--shift-full-bg: #d1fae5;--shift-full-text: #065f46;--shift-conflict-bg: #fef2f2;--shift-rest-bg: #f5f6f8;--shift-dragover-bg: #ede9fe;--shift-today-bg: #5b6af010;--shift-today-color: #5b6af0}:root,[data-theme=warm]{--brand-primary: #F59E0B;--brand-primary-rgb: 245, 158, 11;--brand-primary-light: #FBBF24;--brand-primary-dark: #D97706;--brand-secondary: #10B981;--brand-accent: #EC4899;--brand-danger: #EF4444;--el-color-primary: #F59E0B;--el-color-primary-light-3: #FBBF24;--el-color-primary-light-5: #FCD34D;--el-color-primary-light-7: #FDE68A;--el-color-primary-light-8: #FEF3C7;--el-color-primary-light-9: #FFFBEB;--el-color-primary-dark-2: #D97706;--el-color-success: #10B981;--el-color-success-light-3: #34D399;--el-color-success-light-5: #6EE7B7;--el-color-success-light-7: #A7F3D0;--el-color-success-light-9: #D1FAE5;--el-color-success-dark-2: #059669;--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-9: #FEF3C7;--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-9: #FEE2E2;--el-color-danger-dark-2: #DC2626;--el-color-info: #A8A29E;--el-color-info-light-3: #D6D3D1;--el-color-info-light-5: #E7E5E4;--el-color-info-light-7: #F5F5F4;--el-color-info-light-9: #FAFAF9;--el-color-info-dark-2: #78716C;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #A8A29E;--bg-page: #FFFBEB;--bg-card: rgba(255,255,255,.88);--bg-sidebar: #FFF7ED;--bg-sidebar-hover: #FED7AA;--bg-header: rgba(255,251,235,.92);--sidebar-text: #615B56;--sidebar-text-active: #D97706;--sidebar-text-muted: #7A7570;--sidebar-border: rgba(245,158,11,.15);--sidebar-hover-bg: rgba(245,158,11,.08);--sidebar-active-bg: rgba(245,158,11,.12);--sidebar-submenu-bg: rgba(245,158,11,.04);--sidebar-group-color: #7A7570;--sidebar-dot-color: #D6D3D1;--text-primary: #292524;--text-regular: #606266;--text-secondary: #615B56;--text-muted: #7A7570;--text-placeholder: #9CA0A8;--text-inverse: #FFFBEB;--border-light: #FED7AA;--border-card: rgba(245,158,11,.12);--border-color: #ebeef5;--border-lighter: #e4e7ed;--border-dashed: #d9dde4;--border-input-hover: #CBD5E1;--border-highlight: #b3d8ff;--border-danger: #fab6b6;--table-header-bg: rgba(245,158,11,.06);--table-stripe-bg: rgba(255,255,255,.4);--table-hover-bg: rgba(245,158,11,.04);--table-cell-border: #F1F5F9;--table-border-color: #ebeef5;--bg-elevated: #FFFFFF;--bg-input: #F8FAFC;--bg-header-sub: #fafbfc;--bg-toolbar: #fafbfc;--bg-inline-code: #f0f2f5;--bg-tag: #f5f7fa;--bg-finance: #f8f9fb;--bg-timeline: #fafbfc;--bg-modal-header: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);--bg-empty: linear-gradient(135deg, #fafbfc 0%, #f0f2f5 100%);--bg-finance-highlight: linear-gradient(135deg, #ecf5ff 0%, #d9ecff 100%);--bg-finance-danger: linear-gradient(135deg, #fef0f0 0%, #fde2e2 100%);--color-blue: #409eff;--color-blue-light: #ecf5ff;--color-red: #f56c6c;--color-red-light: #fef0f0;--color-green: #67c23a;--color-green-light: #f0f9eb;--color-orange: #e6a23c;--color-orange-light:#fdf6ec;--color-purple: #8b5cf6;--color-teal: #0d9488;--color-teal-light: #14b8a6;--color-avatar-bg: linear-gradient(135deg, #409eff 0%, #337ecc 100%);--cashier-accent: #5b6af0;--cashier-accent-light: #eef0ff;--cashier-accent-bg: #f0f4ff;--cashier-accent-border: #d4ddfc;--cashier-accent-hover: #bcc4e0;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-xl: 0 16px 36px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05)}[data-theme=bluegray]{--brand-primary: #3B82F6;--brand-primary-rgb: 59, 130, 246;--brand-primary-light: #60A5FA;--brand-primary-dark: #2563EB;--brand-secondary: #6366F1;--brand-accent: #8B5CF6;--brand-danger: #EF4444;--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: #10B981;--el-color-success-light-3: #34D399;--el-color-success-light-5: #6EE7B7;--el-color-success-light-7: #A7F3D0;--el-color-success-light-9: #D1FAE5;--el-color-success-dark-2: #059669;--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-9: #FEF3C7;--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-9: #FEE2E2;--el-color-danger-dark-2: #DC2626;--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-9: #F1F5F9;--el-color-info-dark-2: #475569;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #64748B;--bg-page: #F8FAFC;--bg-card: rgba(255,255,255,.9);--bg-sidebar: #F1F5F9;--bg-sidebar-hover: #BFDBFE;--bg-header: rgba(248,250,252,.95);--sidebar-text: #475569;--sidebar-text-active: #2563EB;--sidebar-text-muted: #94A3B8;--sidebar-border: rgba(59,130,246,.12);--sidebar-hover-bg: rgba(59,130,246,.06);--sidebar-active-bg: rgba(59,130,246,.1);--sidebar-submenu-bg: rgba(59,130,246,.03);--sidebar-group-color: #94A3B8;--sidebar-dot-color: #CBD5E1;--text-primary: #0F172A;--text-regular: #475569;--text-secondary: #475569;--text-muted: #94A3B8;--text-placeholder: #CBD5E1;--text-inverse: #FFFFFF;--border-light: #CBD5E1;--border-card: rgba(59,130,246,.1);--border-color: #E2E8F0;--border-lighter: #E2E8F0;--border-dashed: #CBD5E1;--border-input-hover: #94A3B8;--border-highlight: #3B82F6;--border-danger: #FECACA;--table-header-bg: rgba(59,130,246,.04);--table-stripe-bg: rgba(248,250,252,.6);--table-hover-bg: rgba(59,130,246,.03);--table-cell-border: #F1F5F9;--table-border-color: #E2E8F0;--bg-elevated: #FFFFFF;--bg-input: #F1F5F9;--bg-header-sub: #F8FAFC;--bg-toolbar: #F8FAFC;--bg-inline-code: #F1F5F9;--bg-tag: #F8FAFC;--bg-finance: #F8FAFC;--bg-timeline: #F8FAFC;--bg-modal-header: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);--bg-empty: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);--bg-finance-highlight: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);--bg-finance-danger: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);--color-blue: #3B82F6;--color-blue-light: #EFF6FF;--color-red: #EF4444;--color-red-light: #FEF2F2;--color-green: #10B981;--color-green-light: #ECFDF5;--color-orange: #F59E0B;--color-orange-light:#FFFBEB;--color-purple: #8B5CF6;--color-teal: #0D9488;--color-teal-light: #14B8A6;--color-avatar-bg: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);--cashier-accent: #3B82F6;--cashier-accent-light: #EFF6FF;--cashier-accent-bg: #F0F4FF;--cashier-accent-border: #BFDBFE;--cashier-accent-hover: #93C5FD;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-xl: 0 16px 36px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05)}[data-theme=green]{--brand-primary: #059669;--brand-primary-rgb: 5, 150, 105;--brand-primary-light: #34D399;--brand-primary-dark: #047857;--brand-secondary: #0D9488;--brand-accent: #F59E0B;--brand-danger: #EF4444;--el-color-primary: #059669;--el-color-primary-light-3: #34D399;--el-color-primary-light-5: #6EE7B7;--el-color-primary-light-7: #A7F3D0;--el-color-primary-light-8: #D1FAE5;--el-color-primary-light-9: #ECFDF5;--el-color-primary-dark-2: #047857;--el-color-success: #059669;--el-color-success-light-3: #34D399;--el-color-success-light-5: #6EE7B7;--el-color-success-light-7: #A7F3D0;--el-color-success-light-9: #D1FAE5;--el-color-success-dark-2: #047857;--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-9: #FEF3C7;--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-9: #FEE2E2;--el-color-danger-dark-2: #DC2626;--el-color-info: #6B7280;--el-color-info-light-3: #9CA3AF;--el-color-info-light-5: #D1D5DB;--el-color-info-light-7: #E5E7EB;--el-color-info-light-9: #F3F4F6;--el-color-info-dark-2: #4B5563;--color-success: #059669;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #6B7280;--bg-page: #F0FDF4;--bg-card: rgba(255,255,255,.88);--bg-sidebar: #ECFDF5;--bg-sidebar-hover: #A7F3D0;--bg-header: rgba(240,253,244,.92);--sidebar-text: #374151;--sidebar-text-active: #047857;--sidebar-text-muted: #6B7280;--sidebar-border: rgba(5,150,105,.12);--sidebar-hover-bg: rgba(5,150,105,.06);--sidebar-active-bg: rgba(5,150,105,.1);--sidebar-submenu-bg: rgba(5,150,105,.03);--sidebar-group-color: #6B7280;--sidebar-dot-color: #A7F3D0;--text-primary: #064E3B;--text-regular: #374151;--text-secondary: #374151;--text-muted: #6B7280;--text-placeholder: #9CA3AF;--text-inverse: #FFFFFF;--border-light: #A7F3D0;--border-card: rgba(5,150,105,.1);--border-color: #D1FAE5;--border-lighter: #D1FAE5;--border-dashed: #A7F3D0;--border-input-hover: #6EE7B7;--border-highlight: #34D399;--border-danger: #FECACA;--table-header-bg: rgba(5,150,105,.04);--table-stripe-bg: rgba(240,253,244,.5);--table-hover-bg: rgba(5,150,105,.03);--table-cell-border: #ECFDF5;--table-border-color: #D1FAE5;--bg-elevated: #FFFFFF;--bg-input: #F0FDF4;--bg-header-sub: #F0FDF4;--bg-toolbar: #F0FDF4;--bg-inline-code: #ECFDF5;--bg-tag: #ECFDF5;--bg-finance: #F0FDF4;--bg-timeline: #F0FDF4;--bg-modal-header: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%);--bg-empty: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%);--bg-finance-highlight: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);--bg-finance-danger: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);--color-blue: #3B82F6;--color-blue-light: #EFF6FF;--color-red: #EF4444;--color-red-light: #FEF2F2;--color-green: #059669;--color-green-light: #ECFDF5;--color-orange: #F59E0B;--color-orange-light:#FFFBEB;--color-purple: #8B5CF6;--color-teal: #0D9488;--color-teal-light: #14B8A6;--color-avatar-bg: linear-gradient(135deg, #059669 0%, #047857 100%);--cashier-accent: #059669;--cashier-accent-light: #ECFDF5;--cashier-accent-bg: #F0FDF4;--cashier-accent-border: #6EE7B7;--cashier-accent-hover: #34D399;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-xl: 0 16px 36px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow-y:scroll;font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-input-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-track{background:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-container{padding:var(--space-md);animation:pageEnter .2s var(--ease-out-expo)}.search-bar{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);border:1px solid var(--border-light);display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-xs);transition:border-color var(--transition-fast)}.search-bar:focus-within{border-color:rgba(var(--brand-primary-rgb),.3);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.06)}.filter-bar{background:var(--bg-card);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--border-light)}.data-table{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.page-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{position:relative;background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border-light);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0}.stat-card:hover{border-color:var(--brand-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.table-toolbar .toolbar-left{display:flex;gap:var(--space-xs);align-items:center}.table-toolbar .toolbar-right{color:var(--text-secondary);font-size:var(--text-sm)}.empty-state,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--space-lg);color:var(--text-muted);-webkit-user-select:none;user-select:none}.empty-state-icon,.table-empty-icon{font-size:44px;line-height:1;margin-bottom:var(--space-sm);opacity:.35;color:var(--text-muted)}.empty-state-title,.table-empty-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state-desc,.table-empty-hint{font-size:var(--text-xs);color:var(--text-muted);max-width:300px;text-align:center;line-height:1.6}.empty-state-actions{margin-top:var(--space-sm);display:flex;gap:8px}.el-table{border-radius:var(--radius-sm);overflow:hidden!important;background:var(--el-table-bg-color, var(--bg-page))!important;border-bottom:1px solid var(--border-light)}.el-table__body-wrapper{background:var(--el-table-tr-bg-color, var(--bg-page))!important}.el-table th.el-table__cell{background:var(--bg-page)!important;color:var(--text-secondary)!important;font-weight:600!important;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--border-light)!important;padding:10px 0}.el-table td.el-table__cell{padding:10px 0;border-bottom:1px solid var(--table-cell-border)}.el-table .el-table__row:hover>td.el-table__cell{background:var(--table-hover-bg)!important}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--table-stripe-bg)}.el-table .cell{padding-left:12px;padding-right:12px;line-height:1.5}.el-table__fixed-right-patch{background:var(--table-header-bg)!important;border-bottom:1px solid var(--border-light)!important}.el-table th.el-table__cell:has(.col-header-resizable),.el-table th.el-table__cell:has(.col-header-resizable) .cell{overflow:visible!important}.col-header-resizable{position:relative;display:flex;align-items:center;width:100%}.col-header-resizable>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.resize-handle{position:absolute;right:-6px;top:-10px;bottom:-10px;width:14px;cursor:col-resize;z-index:20}.resize-handle:after{content:"";position:absolute;left:50%;top:20%;bottom:20%;width:2px;transform:translate(-50%);background:transparent;border-radius:1px;transition:background var(--transition-fast)}.resize-handle:hover:after{background:rgba(var(--brand-primary-rgb),.45)}.resize-handle:active:after{background:rgba(var(--brand-primary-rgb),.65)}.el-card{border-radius:var(--radius-sm)!important;border:1px solid var(--border-light)!important;background:var(--bg-card)!important;box-shadow:none!important;transition:border-color var(--transition-fast)}.el-card:hover{border-color:var(--border-input-hover)!important}.el-card__header{padding:var(--space-sm) var(--space-md)!important;border-bottom:1px solid var(--border-light)!important;font-weight:600!important;font-size:var(--text-sm)!important;color:var(--text-primary)!important}.el-card__body{padding:var(--space-md)!important}.el-button--primary:not(.is-link){background:var(--brand-primary)!important;border:1px solid var(--brand-primary)!important;box-shadow:none!important;transition:all var(--transition-fast)}.el-button--primary:not(.is-link):hover{background:var(--brand-primary-dark)!important;border-color:var(--brand-primary-dark)!important}.el-button--primary.is-link{color:var(--brand-primary)!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0 4px}.el-button--primary.is-link:hover{color:var(--brand-primary-dark)!important}.el-button--success:not(.is-link){background:var(--color-success)!important;border-color:var(--color-success)!important}.el-button--success:not(.is-link):hover{background:var(--el-color-success-dark-2)!important;border-color:var(--el-color-success-dark-2)!important}.el-button--warning:not(.is-link){background:var(--color-warning)!important;border-color:var(--color-warning)!important}.el-button--warning:not(.is-link):hover{background:var(--el-color-warning-dark-2)!important;border-color:var(--el-color-warning-dark-2)!important}.el-button--danger:not(.is-link){background:var(--color-danger)!important;border-color:var(--color-danger)!important}.el-button--danger:not(.is-link):hover{background:var(--el-color-danger-dark-2)!important;border-color:var(--el-color-danger-dark-2)!important}.el-button:not(.is-link):active{transform:scale(.97);transition:transform .1s ease}.el-dialog{border-radius:var(--radius-lg)!important;overflow:hidden;animation:fadeInScale .2s var(--ease-out-expo)}.el-dialog__header{padding:var(--space-lg) var(--space-xl)!important;border-bottom:1px solid var(--border-light)}.el-dialog__body{padding:var(--space-xl)!important}.el-dialog__footer{padding:var(--space-md) var(--space-xl)!important;border-top:1px solid var(--border-light)}.el-message{position:fixed!important;top:16px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%)!important;margin:0!important;background:var(--bg-elevated)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;min-width:320px;max-width:520px;z-index:9999!important;display:flex!important;align-items:flex-start!important;padding:10px 38px 10px 16px!important;line-height:1.5}.el-message .el-message__closeBtn{position:absolute!important;top:10px!important;right:10px!important;cursor:pointer!important;color:var(--text-muted)!important;font-size:14px!important;opacity:.6;transition:opacity var(--transition-fast)}.el-message .el-message__closeBtn:hover{opacity:1;color:var(--text-secondary)!important}.el-message-fade-enter-active{animation:msgSlideIn .3s ease-out}.el-message-fade-leave-active{animation:msgSlideOut .25s ease-in forwards;position:fixed!important}@keyframes msgSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes msgSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.el-message--success{border-left:3px solid var(--color-success)!important}.el-message--warning{border-left:3px solid var(--color-warning)!important}.el-message--error{border-left:3px solid var(--color-danger)!important}.el-message--info{border-left:3px solid var(--color-info)!important}.el-message .el-message__icon{font-size:16px!important;width:16px!important;height:16px!important;margin-right:10px!important;margin-top:1px!important;flex-shrink:0}.el-message__content{color:var(--text-primary)!important;font-size:var(--text-base)!important;line-height:1.5;max-width:400px;word-break:break-word;padding:0!important}.el-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:2100!important;background-color:#00000073!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background-color .3s ease!important}.el-select-dropdown,.el-popper.is-light{z-index:3000!important}.el-overlay-message-box{display:flex!important;align-items:center!important;justify-content:center!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.el-message-box{margin:auto!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;animation:msgbox-fade-in .25s cubic-bezier(.4,0,.2,1);z-index:2102!important}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.el-message-box__header{padding:18px 48px 4px 24px!important;position:relative!important}.el-message-box__title{font-weight:700!important;font-size:16px!important;color:var(--text-primary)!important}.el-message-box__headerbtn{position:absolute!important;top:12px!important;right:14px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:transparent!important;transition:all .2s ease!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.el-message-box__headerbtn:hover{background:#ef44441a!important;transform:rotate(90deg)!important}.el-message-box__headerbtn .el-message-box__close{font-size:18px!important;color:#909399!important;font-weight:600!important;line-height:1!important;transition:color .2s ease!important}.el-message-box__headerbtn:hover .el-message-box__close{color:#ef4444!important}.el-message-box__content{padding:12px 24px 4px!important;color:var(--text-secondary)!important;line-height:1.65!important}.el-message-box__btns{padding:12px 24px 20px!important}.logout-confirm-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2101!important;width:420px!important;max-width:90vw!important;background:var(--bg-card)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.3)!important;border-radius:var(--radius-xl, 16px)!important}.logout-confirm-dialog .el-message-box__header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px 14px!important;position:relative!important}.logout-confirm-dialog .el-message-box__headerbtn{position:static!important;top:auto!important;right:auto!important;flex-shrink:0!important;margin-left:12px!important}.logout-confirm-dialog .el-message-box__status{display:none!important}.logout-confirm-dialog .el-message-box__message{padding-left:0!important;color:inherit!important;display:flex!important;justify-content:center!important}.logout-confirm-dialog .el-message-box__btns{display:flex!important;justify-content:center!important;gap:12px!important}@media (max-width: 480px){.logout-confirm-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:92vw!important;max-width:92vw!important}}.el-notification{border-radius:var(--radius-md)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-lg)!important;background:var(--bg-elevated)!important}.el-notification .el-notification__closeBtn{top:14px!important;right:14px!important;cursor:pointer!important;color:var(--text-muted)!important;font-size:15px!important;opacity:.7;transition:opacity var(--transition-fast),color var(--transition-fast)}.el-notification .el-notification__closeBtn:hover{opacity:1;color:var(--text-secondary)!important}.el-pagination{padding:var(--space-sm) 0}.el-pagination .el-pager li.is-active{background:var(--brand-primary)!important;border-radius:var(--radius-sm);color:var(--text-inverse)!important}.el-tag{border-radius:4px!important;font-weight:500!important;font-size:var(--text-xs)!important}.el-input__wrapper{border-radius:var(--radius-sm)!important;box-shadow:none!important;border:1px solid var(--border-light);transition:border-color var(--transition-fast)}.el-input__wrapper:hover{border-color:var(--border-input-hover)}.el-input__wrapper.is-focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.15)!important}.el-select .el-input__wrapper{border-radius:var(--radius-sm)!important}.el-select .el-input__wrapper.is-focus{box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.15)!important}.el-tabs__item{font-size:var(--text-base)!important;font-weight:500!important;color:var(--text-secondary)!important}.el-tabs__item.is-active{color:var(--brand-primary)!important;font-weight:600!important}.el-tabs__active-bar{background-color:var(--brand-primary)!important}.el-breadcrumb__item{font-size:var(--text-sm)}.el-menu{border-right:none!important}.el-menu-item{transition:all var(--transition-fast);margin:1px 6px;border-radius:var(--radius-sm);height:36px;line-height:36px;font-size:var(--text-sm)}.el-menu-item:hover{background:var(--sidebar-hover-bg)!important}.el-sub-menu .el-menu{background:var(--sidebar-submenu-bg)!important}.el-sub-menu .el-menu .el-menu-item{height:32px;line-height:32px;font-size:var(--text-xs);margin:0 6px 0 8px;padding-left:42px!important}.el-sub-menu__title{height:36px;line-height:36px;margin:1px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.el-sub-menu__title:hover{background:var(--sidebar-hover-bg)!important}.el-menu--collapse .el-menu-item,.el-menu--collapse .el-sub-menu__title{margin:2px 4px;padding:0!important;display:flex;justify-content:center}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;background:var(--bg-page)}.login-card{position:relative;z-index:1;width:400px;padding:40px 36px 36px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeInScale .4s var(--ease-out-expo)}.login-card .el-input__wrapper{background:var(--bg-input)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.login-card .el-input__wrapper:hover{border-color:var(--border-input-hover)!important}.login-card .el-input__wrapper.is-focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.15)!important}.login-btn{width:100%;height:44px;font-size:15px;font-weight:600;border-radius:var(--radius-sm);background:var(--brand-primary)!important;border:none!important;transition:all var(--transition-fast)}.login-btn:hover{background:var(--brand-primary-dark)!important}.page-enter-active{animation:pageIn .22s var(--ease-out-expo)}.page-leave-active{animation:pageOut .12s ease-in}@keyframes pageIn{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes pageOut{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(2px)}}.skeleton-box{background:linear-gradient(90deg,var(--bg-inline-code) 25%,var(--table-cell-border) 50%,var(--bg-inline-code) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{display:inline-block;height:14px;width:60%;min-width:80px}.skeleton-title{height:20px;width:40%;min-width:120px;margin-bottom:var(--space-sm)}.skeleton-card{height:120px;width:100%;border-radius:var(--radius-md)}.skeleton-row{height:36px;width:100%;margin-bottom:8px}:focus-visible{outline:2px solid var(--brand-primary)!important;outline-offset:2px!important;border-radius:3px}:focus:not(:focus-visible){outline:none}@media (max-width: 1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){html,body{font-size:15px}.page-container{padding:var(--space-sm) var(--space-xs)}.page-section{padding:var(--space-sm);margin-bottom:var(--space-sm)}.main-content{padding:var(--space-xs)!important}.stats-grid{grid-template-columns:1fr;gap:var(--space-xs)}.stat-card{padding:var(--space-sm)}.el-card__body{padding:var(--space-sm)!important}.el-card__header{padding:var(--space-xs) var(--space-sm)!important;font-size:var(--text-sm)!important}.table-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.table-toolbar .toolbar-right{text-align:left}.data-table,.el-table__body-wrapper,.el-table__header-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.data-table{padding:var(--space-xs)}.el-table .mobile-hide{display:none!important}.el-table .el-button--small,.el-table .el-button.link{padding:4px 6px!important;font-size:var(--text-xs)!important;min-height:32px}.el-table .el-table__cell{padding:8px 6px!important}.el-table .cell{padding-left:8px!important;padding-right:8px!important}.el-dialog{width:92vw!important;max-width:92vw!important;margin:0 auto!important;border-radius:var(--radius-md)!important}.el-dialog__header{padding:var(--space-md) var(--space-md) 0!important}.el-dialog__body{padding:var(--space-md)!important}.el-dialog__footer{padding:var(--space-sm) var(--space-md) var(--space-md)!important}.el-dialog .el-row .el-col[class*=el-col-]{max-width:100%!important;flex:0 0 100%!important}.search-bar,.filter-bar,.el-form--inline{flex-direction:column!important;align-items:stretch!important;gap:var(--space-xs)!important;padding:var(--space-sm)!important}.search-bar .el-form-item,.filter-bar .el-form-item,.el-form--inline .el-form-item{margin-right:0!important;margin-bottom:0!important;width:100%!important}.search-bar .el-input,.filter-bar .el-input,.search-bar .el-select,.filter-bar .el-select,.search-bar .el-date-picker,.filter-bar .el-date-picker,.el-form--inline .el-input,.el-form--inline .el-select,.el-form--inline .el-date-picker{width:100%!important}.search-bar .el-button,.filter-bar .el-button,.el-form--inline .el-button{width:100%!important;margin-left:0!important}.el-form--inline .el-form-item__label{display:block!important;text-align:left!important;padding-bottom:4px!important;width:100%!important}.el-form--inline .el-form-item__content{width:100%!important}.el-tabs__nav-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.el-tabs__nav-wrap:after{display:none}.el-pagination{justify-content:center;flex-wrap:wrap}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none!important}.empty-state,.table-empty{padding:40px var(--space-sm)}}@media (max-width: 480px){.el-dialog{width:96vw!important;max-width:96vw!important;border-radius:var(--radius-sm)!important}.el-dialog__body{padding:var(--space-sm)!important}.el-card__body{padding:var(--space-xs)!important}.el-card__header{padding:8px var(--space-xs)!important}.stat-card{padding:var(--space-xs);border-radius:var(--radius-sm)}.page-section{padding:var(--space-xs);margin-bottom:var(--space-xs)}.el-message{min-width:auto!important;width:92vw!important;max-width:92vw!important}.el-notification{width:92vw!important;max-width:92vw!important}.el-table .el-table__cell{padding:6px 4px!important;font-size:var(--text-xs)}.el-card .el-card__header{font-size:var(--text-sm)!important}.login-card{width:92vw!important;padding:28px 20px 24px!important}}@media (hover: none) and (pointer: coarse){.el-button--small,.el-button--default{min-height:36px}.el-button--large{min-height:44px}.panel-item,.recent-item,.icon-btn{min-height:44px;padding-top:10px;padding-bottom:10px}.el-table .el-table__row{min-height:44px}.el-table td.el-table__cell{padding-top:10px;padding-bottom:10px}.el-select .el-input__wrapper,.el-input__wrapper{min-height:40px}}.chart-box,.chart-box-tall{position:relative;overflow:hidden}