@charset "UTF-8";:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);--accent-gradient: linear-gradient(135deg, #48cae4 0%, #023e8a 100%);--bg-gradient: #f5f7fa;--card-bg: #ffffff;--card-border: #eef0f4;--text-primary: #2d3436;--text-secondary: #636e72;--text-muted: #b2bec3;--shadow-primary: 0 20px 40px rgba(0, 0, 0, .1);--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .1);--tab-bg: rgba(255, 255, 255, .8);--tab-active: #667eea}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:var(--text-primary);min-height:100vh;overflow:hidden}:root{--cy-bg-0: #050611;--cy-bg-1: #070822;--cy-bg-2: #0b0d2d;--cy-surface: rgba(12, 10, 32, .62);--cy-surface-2: rgba(10, 8, 26, .78);--cy-border: rgba(195, 155, 255, .2);--cy-border-strong: rgba(180, 107, 255, .46);--cy-text: rgba(238, 244, 255, .92);--cy-text-dim: rgba(238, 244, 255, .62);--cy-text-faint: rgba(238, 244, 255, .4);--cy-neon: #b46bff;--cy-neon-2: #ff4fd8;--cy-accent: #6aa7ff;--cy-glow: rgba(180, 107, 255, .55);--cy-glow-2: rgba(255, 79, 216, .45);--brand-primary: #1890ff;--brand-dark: #0d47a1;--brand-light: #40a9ff;--brand-lighter: #69c0ff;--brand-lightest: #e6f7ff;--success-color: #52c41a;--success-dark: #389e0d;--success-light: #73d13d;--success-lightest: #f6ffed;--warning-color: #fa8c16;--warning-dark: #d46b08;--warning-light: #ffa940;--warning-lightest: #fff7e6;--danger-color: #f5222d;--danger-dark: #cf1322;--danger-light: #ff4d4f;--danger-lightest: #fff1f0;--info-color: var(--brand-primary);--info-dark: var(--brand-dark);--info-light: var(--brand-light);--info-lightest: var(--brand-lightest);--text-title: #262626;--text-primary: #595959;--text-secondary: #8c8c8c;--text-placeholder: #bfbfbf;--text-disabled: #d9d9d9;--border-base: #d9d9d9;--border-light: #e8e8e8;--border-lighter: #f0f0f0;--border-lightest: #fafafa;--bg-white: #ffffff;--bg-gray: #f5f5f5;--bg-gray-light: #fafafa;--bg-gray-lighter: #f7f8fa;--gradient-primary: linear-gradient(135deg, #1890ff 0%, #0d47a1 100%);--gradient-primary-reverse: linear-gradient(135deg, #0d47a1 0%, #1890ff 100%);--gradient-success: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);--gradient-purple: linear-gradient(135deg, #722ed1 0%, #531dab 100%);--gradient-warning: linear-gradient(135deg, #fa8c16 0%, #d46b08 100%);--gradient-danger: linear-gradient(135deg, #f5222d 0%, #cf1322 100%);--gradient-card-blue: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%);--gradient-card-green: linear-gradient(135deg, #f6ffed 0%, #d9f7be 100%);--gradient-card-orange: linear-gradient(135deg, #fff7e6 0%, #ffd591 100%);--gradient-card-red: linear-gradient(135deg, #fff1f0 0%, #ffccc7 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 15px rgba(24, 144, 255, .3);--shadow-primary-hover: 0 6px 20px rgba(24, 144, 255, .4);--shadow-success: 0 4px 15px rgba(82, 196, 26, .3);--shadow-warning: 0 4px 15px rgba(250, 140, 22, .3);--shadow-danger: 0 4px 15px rgba(245, 34, 45, .3);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .06);--spacing-0: 0;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--radius-pill: 999px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--breakpoint-wide: 1920px}.btn-gradient-primary{background:var(--gradient-primary);border:none;color:#fff;box-shadow:var(--shadow-primary);transition:all var(--transition-base) var(--ease-in-out)}.btn-gradient-primary:hover{box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.card-elevated{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base) var(--ease-in-out)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-title{color:var(--text-title)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background:var(--brand-primary)}.bg-success{background:var(--success-color)}.bg-warning{background:var(--warning-color)}.bg-danger{background:var(--danger-color)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-danger{background:var(--gradient-danger)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:auto}#app{width:100%;height:100%}.product-pagination .el-input__wrapper,.product-pagination .el-select__wrapper{background-color:#0a0820f5!important;background-image:none!important;border:1px solid rgba(195,155,255,.5)!important;border-radius:999px!important;box-shadow:none!important}.product-pagination .el-input__wrapper:hover,.product-pagination .el-select__wrapper:hover{border-color:#b46bff!important}.product-pagination .el-input__wrapper.is-focus,.product-pagination .el-select__wrapper.is-focused{border-color:#b46bff!important;box-shadow:0 0 14px #b46bff8c!important}.product-pagination .el-input__inner,.product-pagination .el-select__placeholder,.product-pagination .el-select__selection{color:#eef4ffeb!important}.product-pagination .el-input__suffix,.product-pagination .el-input__prefix,.product-pagination .el-select__caret{color:#eef4ff66!important}.product-pagination .el-pagination__total,.product-pagination .el-pagination__jump,.product-pagination .el-pagination__goto{color:#eef4ff9e!important}.product-pagination .el-select .el-select__caret{color:#eef4ff66!important}.product-pagination .el-select__selection,.product-pagination .el-select__selected-item{color:#eef4ffeb!important}.el-select-dropdown{background:#0a0820fa!important;border:1px solid rgba(195,155,255,.45)!important;--el-fill-color-light: rgba(10, 8, 32, .98);--el-fill-color: rgba(10, 8, 32, .98);--el-bg-color: rgba(10, 8, 32, .98);--el-bg-color-overlay: rgba(10, 8, 32, .98);--el-select-option-hover-bg-color: rgba(180, 107, 255, .22);--el-select-option-selected-bg-color: rgba(180, 107, 255, .32)}.el-select-dropdown__item{color:#eef4ff9e!important}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:linear-gradient(90deg,#b46bff38,#ff4fd81a)!important;color:#eef4ffeb!important}.el-select-dropdown__item.selected,.el-select-dropdown__item.is-selected{background:linear-gradient(90deg,#b46bff52,#ff4fd829)!important;color:#eef4ffeb!important;background-color:transparent!important}.el-select-dropdown__item.selected.hover,.el-select-dropdown__item.selected:hover{background:linear-gradient(90deg,#b46bff6b,#ff4fd842)!important;background-color:transparent!important}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title{margin:0;font-size:16px;font-weight:600;color:#303133}.header-controls{display:flex;align-items:center;gap:10px}.panel-body{width:100%}.chart-container{background:#fff;border:none;border-radius:4px;padding:16px;min-height:230px}.chart-empty{height:200px;display:flex;align-items:center;justify-content:center;color:#999}.btn-toggle{padding:4px 10px;background:#fff;border:1px solid #165dff;color:#165dff;border-radius:4px;font-size:12px;cursor:pointer;transition:background .18s,color .18s}.btn-toggle:hover{background:#ecf5ff;border-color:#409eff;color:#409eff}.btn-toggle.active{background:#165dff;border-color:#165dff;color:#fff}.btn-group{display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e4e7ed}.modal-title{font-size:18px;font-weight:600;color:#303133;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#909399;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close:hover{background:#f5f7fa;color:#606266}.modal-content{flex:1;padding:24px;overflow-y:auto}.modal-footer{padding:20px 24px;border-top:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between}.btn{padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;border:1px solid}.btn-cancel{background:#fff;border-color:#dcdfe6;color:#606266}.btn-cancel:hover{border-color:#c0c4cc;color:#303133}.btn-primary{background:#409eff;border-color:#409eff;color:#fff}.btn-primary:hover{background:#66b1ff;border-color:#66b1ff}.green{color:#52c41a}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%}.action-icons{display:flex;align-items:center;gap:12px}.icon{cursor:pointer}.time-granularity-tabs,.time-tabs{display:inline-flex;gap:0;padding:0;border-radius:10px;background:transparent!important;border:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.time-tab{padding:4px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.2px;color:#475569;transition:all .2s ease;white-space:nowrap;margin:0 2px}.time-tab:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.time-tab:active{transform:translateY(1px)}.time-tab.active{background:linear-gradient(135deg,#60a5fa,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f14d}.download-icon{font-size:14px;cursor:pointer;padding:4px 8px;border-radius:10px;transition:all .2s ease;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569;-webkit-user-select:none;user-select:none}.download-icon:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.download-icon:active{transform:translateY(1px)}.tab-placeholder{text-align:center;padding:60px 20px;color:#999;font-size:16px}.tab-placeholder h3{color:#666;margin-bottom:12px}.loading{text-align:center;padding:40px;color:#666}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:#999;font-size:14px}.chart-loading{display:flex;align-items:center;justify-content:center;height:400px;color:#999;font-size:14px}.metric-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.metric-cards-3{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-card{background:#fff;border:1px solid #f0f0f0;border-left:3px solid;border-radius:4px;padding:10px 6px;transition:all .2s ease;cursor:pointer}.metric-card:hover{box-shadow:0 2px 8px #0000001a}.metric-card.card-selected{border-left-width:4px;box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.metric-label{font-size:11px;color:#666;margin-bottom:3px;font-weight:700}.metric-value{font-size:16px;font-weight:600;color:#333;margin-bottom:3px}.metric-value-large{font-size:20px;font-weight:600;color:#303133;margin-bottom:6px}.metric-change{font-size:11px;font-weight:500}.metric-change.positive{color:#52c41a}.metric-change.negative{color:#ff4d4f}.change-sign{margin-right:2px}.metric-card.blue-border{border-left-color:#d1e9ff}.metric-card.blue-border.card-selected{border-left-color:#1890ff}.metric-card.red-border{border-left-color:#ffcccb}.metric-card.red-border.card-selected{border-left-color:#ff4d4f}.metric-card.green-border{border-left-color:#d9f7be}.metric-card.green-border.card-selected{border-left-color:#52c41a}.metric-card.orange-border{border-left-color:#ffe0b2}.metric-card.orange-border.card-selected{border-left-color:#ff9800}.metric-card.purple-border{border-left-color:#e9d5ff}.metric-card.purple-border.card-selected{border-left-color:#9254de}.metric-card.cyan-border{border-left-color:#b5f5ec}.metric-card.cyan-border.card-selected{border-left-color:#13c2c2}.metric-card.pink-border{border-left-color:#ffd6e7}.metric-card.pink-border.card-selected{border-left-color:#eb2f96}.metric-card.indigo-border{border-left-color:#d6e4ff}.metric-card.indigo-border.card-selected{border-left-color:#2f54eb}.metric-card.teal-border{border-left-color:#b2f5ea}.metric-card.teal-border.card-selected{border-left-color:#20b2aa}.metric-card.lime-border{border-left-color:#e7f5db}.metric-card.lime-border.card-selected{border-left-color:#a0d468}.metric-item-wrapper,.shipment-item-wrapper{position:relative}.metric-detail-popup{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;border:1px solid #e8e8e8;min-width:500px;max-width:700px;max-height:400px;overflow-y:auto}.metric-detail-popup:before{content:"";position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.metric-detail-popup:after{content:"";position:absolute;top:-7px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #e8e8e8;z-index:-1}.metric-detail-popup.local-warehouse{min-width:600px;max-width:800px}.detail-table-popup{width:100%;border-collapse:collapse;font-size:12px}.detail-table-popup thead{background:#fafafa;position:sticky;top:0;z-index:10}.detail-table-popup thead th{padding:10px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e8e8e8;font-size:12px;white-space:nowrap}.detail-table-popup tbody tr{border-bottom:1px solid #f0f0f0}.detail-table-popup tbody tr:hover{background:#fafafa}.detail-table-popup tbody tr:last-child{border-bottom:none}.detail-table-popup tbody td{padding:10px 12px;color:#666;font-size:12px}.detail-table-popup tbody td .msku-extra{color:#999;margin-left:6px;font-size:11px}.detail-note-popup{padding:8px 12px;font-size:11px;color:#999;border-top:1px solid #f0f0f0;background:#fafafa}.metric-card{border-radius:4px;padding:12px 6px;background:#fff;border:1px solid #D9D9D9;box-shadow:0 2px 4px #00000014;transition:all .3s}.metric-card:hover{box-shadow:0 4px 12px #00000026;border-color:#1890ff}.metric-card .metric-label{font-size:12px;color:#8c8c8c;margin-bottom:4px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.metric-card .metric-value{font-size:20px;font-weight:500;color:#262626;margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.metric-card .metric-change{font-size:12px;font-weight:400;display:flex;align-items:center;gap:4px}.metric-card .metric-change.positive,.metric-card .metric-change.up{color:#52c41a}.metric-card .metric-change.negative,.metric-card .metric-change.down{color:#f5222d}.metric-card.blue-border{border-top:3px solid #1890FF}.metric-card.green-border{border-top:3px solid #52C41A}.metric-card.orange-border{border-top:3px solid #FAAD14}.metric-card.red-border{border-top:3px solid #F5222D}.metric-card.purple-border{border-top:3px solid #722ED1}.chart-wrapper,.chart-container{background:#fff;padding:16px;border-radius:4px;border:1px solid #D9D9D9;box-shadow:0 2px 4px #00000014}.panel,.ad-performance-panel,.exposure-click-panel{background:#fff;border-radius:4px;border:1px solid #D9D9D9;box-shadow:0 2px 4px #00000014;margin-bottom:16px}.panel-header{padding:12px 16px;border-bottom:1px solid #F0F0F0;background:#fafafa}.panel-title{font-size:14px;font-weight:500;color:#262626;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.panel-body{padding:16px}.btn-toggle{padding:5px 15px;border:1px solid #D9D9D9;background:#fff;color:#595959;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.btn-toggle:hover{color:#1890ff;border-color:#1890ff}.btn-toggle.active{background:#1890ff;border-color:#1890ff;color:#fff}.tabs{display:flex;gap:0;border-bottom:1px solid #F0F0F0;margin-bottom:16px}.tab-item{padding:8px 16px;border:none;background:transparent;color:#595959;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.tab-item:hover{color:#1890ff}.tab-item.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #F0F0F0}.data-table th{background:#fafafa;padding:8px 12px;text-align:left;font-size:13px;font-weight:500;color:#262626;border-bottom:1px solid #F0F0F0}.data-table td{padding:8px 12px;font-size:13px;color:#595959;border-bottom:1px solid #F0F0F0}.data-table tr:hover{background:#fafafa}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;line-height:18px;border:1px solid}.tag.success{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.tag.warning{background:#fffbe6;border-color:#ffe58f;color:#faad14}.tag.error{background:#fff1f0;border-color:#ffccc7;color:#f5222d}.tag.info{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:4px}.loading-spinner{width:32px;height:32px;border:3px solid #F0F0F0;border-top-color:#1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:32px 16px;color:#8c8c8c}.empty-state-icon{font-size:40px;color:#d9d9d9;margin-bottom:12px}.empty-state-text{font-size:13px;color:#8c8c8c}@media (max-width: 768px){.metric-cards{grid-template-columns:repeat(4,1fr)}.metric-cards-3{grid-template-columns:repeat(3,1fr)}.metric-card{padding:10px 8px}.panel-body,.chart-wrapper,.chart-container{padding:12px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-slideInUp{animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.animate-slideInDown{animation:slideInDown .3s cubic-bezier(.4,0,.2,1)}.animate-slideInLeft{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.animate-slideInRight{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.animate-bounceIn{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:4px}.loading-spinner{animation:spin 1s linear infinite}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-12{margin-top:12px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-12{margin-bottom:12px}.ml-0{margin-left:0}.ml-4{margin-left:4px}.ml-12{margin-left:12px}.mr-0{margin-right:0}.mr-4{margin-right:4px}.mr-12{margin-right:12px}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-24{padding:24px}.p-32{padding:32px}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 2px 4px #0000000d}.shadow-xl{box-shadow:0 12px 40px #00000026}.shadow-none{box-shadow:none}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width: 767px){.show-mobile{display:block!important}}.show-tablet{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.show-tablet{display:block!important}}.show-desktop{display:none!important}@media (min-width: 1024px){.show-desktop{display:block!important}}.el-button{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.el-button:focus,.el-button:focus-visible{outline:none}.el-button.el-button--primary{background:#409eff;border:1px solid #409eff;box-shadow:0 2px 4px #409eff33;color:#fff}.el-button.el-button--primary:hover,.el-button.el-button--primary:focus{background:#66b1ff;border-color:#66b1ff;box-shadow:0 4px 8px #409eff4d;transform:translateY(-1px)}.el-button.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;transform:translateY(0);box-shadow:0 2px 4px #409eff33}.el-button.el-button--primary.is-disabled{background:#a0cfff;border-color:#a0cfff;box-shadow:none;transform:none}.el-button.el-button--success{background:#67c23a;border:1px solid #67c23a;box-shadow:0 2px 4px #67c23a33;color:#fff}.el-button.el-button--success:hover,.el-button.el-button--success:focus{background:#85ce61;border-color:#85ce61;box-shadow:0 4px 8px #67c23a4d;transform:translateY(-1px)}.el-button.el-button--success:active{background:#5daf34;border-color:#5daf34;transform:translateY(0);box-shadow:0 2px 4px #67c23a33}.el-button.el-button--warning{background:#e6a23c;border:1px solid #e6a23c;box-shadow:0 2px 4px #e6a23c33;color:#fff}.el-button.el-button--warning:hover,.el-button.el-button--warning:focus{background:#ebb563;border-color:#ebb563;box-shadow:0 4px 8px #e6a23c4d;transform:translateY(-1px)}.el-button.el-button--warning:active{background:#cf9236;border-color:#cf9236;transform:translateY(0);box-shadow:0 2px 4px #e6a23c33}.el-button.el-button--danger{background:#f56c6c;border:1px solid #f56c6c;box-shadow:0 2px 4px #f56c6c33;color:#fff}.el-button.el-button--danger:hover,.el-button.el-button--danger:focus{background:#f78989;border-color:#f78989;box-shadow:0 4px 8px #f56c6c4d;transform:translateY(-1px)}.el-button.el-button--danger:active{background:#dd6161;border-color:#dd6161;transform:translateY(0);box-shadow:0 2px 4px #f56c6c33}.el-button.el-button--info{background:#909399;border:1px solid #909399;box-shadow:0 2px 4px #90939933;color:#fff}.el-button.el-button--info:hover,.el-button.el-button--info:focus{background:#a6a9ad;border-color:#a6a9ad;box-shadow:0 4px 8px #9093994d;transform:translateY(-1px)}.el-button.el-button--info:active{background:#82848a;border-color:#82848a;transform:translateY(0);box-shadow:0 2px 4px #90939933}.el-button.el-button--default{background:#fff;border:1px solid #d9d9d9;color:#595959;box-shadow:0 2px 4px #0000000d}.el-button.el-button--default:hover,.el-button.el-button--default:focus{background:#fafafa;border-color:#1890ff;color:#1890ff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.el-button.el-button--default:active{transform:translateY(0)}.el-button.el-button--text{background:transparent;border:none;color:#1890ff;padding:4px 8px}.el-button.el-button--text:hover,.el-button.el-button--text:focus{background:#e6f7ff;color:#0d47a1}.el-button.el-button--text:active{background:#1890ff26}.el-button.is-link{color:#1890ff}.el-button.is-link:hover,.el-button.is-link:focus{color:#0d47a1;text-decoration:underline}.el-button.is-circle{border-radius:50%}.el-button.is-round{border-radius:999px;padding:8px 20px}.el-button.is-loading{pointer-events:none}.el-button.el-button--small{padding:4px 12px;font-size:13px;border-radius:4px}.el-button.el-button--large{padding:12px 24px;font-size:16px;border-radius:12px}.el-button-group .el-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.el-button-group .el-button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.btn-gradient,.btn-gradient-danger,.btn-gradient-warning,.btn-gradient-purple,.btn-gradient-success,.btn-gradient-primary{border:1px solid transparent;color:#fff;font-weight:500;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-gradient:disabled,.btn-gradient-danger:disabled,.btn-gradient-warning:disabled,.btn-gradient-purple:disabled,.btn-gradient-success:disabled,.btn-gradient-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-gradient:not(:disabled):hover,.btn-gradient-danger:not(:disabled):hover,.btn-gradient-warning:not(:disabled):hover,.btn-gradient-purple:not(:disabled):hover,.btn-gradient-success:not(:disabled):hover,.btn-gradient-primary:not(:disabled):hover{transform:translateY(-1px)}.btn-gradient:not(:disabled):active,.btn-gradient-danger:not(:disabled):active,.btn-gradient-warning:not(:disabled):active,.btn-gradient-purple:not(:disabled):active,.btn-gradient-success:not(:disabled):active,.btn-gradient-primary:not(:disabled):active{transform:translateY(0)}.btn-gradient-primary{background:#409eff;border:1px solid #409eff;box-shadow:0 2px 4px #409eff33}.btn-gradient-primary:hover{background:#66b1ff;border-color:#66b1ff;box-shadow:0 4px 8px #409eff4d}.btn-gradient-success{background:#67c23a;border:1px solid #67c23a;box-shadow:0 2px 4px #67c23a33}.btn-gradient-success:hover{background:#85ce61;border-color:#85ce61;box-shadow:0 4px 8px #67c23a4d}.btn-gradient-purple{background:#9254de;border:1px solid #9254de;box-shadow:0 2px 4px #9254de33}.btn-gradient-purple:hover{background:#b37feb;border-color:#b37feb;box-shadow:0 4px 8px #9254de4d}.btn-gradient-warning{background:#e6a23c;border:1px solid #e6a23c;box-shadow:0 2px 4px #e6a23c33}.btn-gradient-warning:hover{background:#ebb563;border-color:#ebb563;box-shadow:0 4px 8px #e6a23c4d}.btn-gradient-danger{background:#f56c6c;border:1px solid #f56c6c;box-shadow:0 2px 4px #f56c6c33}.btn-gradient-danger:hover{background:#f78989;border-color:#f78989;box-shadow:0 4px 8px #f56c6c4d}.btn-glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#1890ff;font-weight:500;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.btn-glass:hover{background:#fffffff2;border-color:#1890ff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.btn-glass:active{transform:translateY(0)}.btn-outline-gradient{background:transparent;border:2px solid #409eff;color:#409eff;font-weight:500;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline-gradient:hover{background:#409eff;border-color:#409eff;color:#fff;box-shadow:0 2px 4px #409eff33;transform:translateY(-1px)}.btn-outline-gradient:active{background:#3a8ee6;border-color:#3a8ee6;transform:translateY(0)}.btn-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d9d9;color:#595959;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-icon:active{transform:translateY(0)}.btn-icon.btn-icon-primary{background:#409eff;border:1px solid #409eff;color:#fff;box-shadow:0 2px 4px #409eff33}.btn-icon.btn-icon-primary:hover{background:#66b1ff;border-color:#66b1ff;box-shadow:0 4px 8px #409eff4d}.btn-icon.btn-icon-circle{border-radius:50%}.btn-icon.btn-icon-large{width:44px;height:44px;font-size:16px}.btn-icon.btn-icon-small{width:28px;height:28px;font-size:13px}.btn-fab{width:56px;height:56px;border-radius:50%;background:#409eff;color:#fff;border:1px solid #409eff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #409eff4d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:18px}.btn-fab:hover{background:#66b1ff;border-color:#66b1ff;box-shadow:0 6px 16px #409eff66;transform:translateY(-2px)}.btn-fab:active{background:#3a8ee6;border-color:#3a8ee6;transform:translateY(0)}.btn-fab.btn-fab-mini{width:40px;height:40px;font-size:14px}@keyframes btn-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading{position:relative;pointer-events:none}.btn-loading:before{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-loading .6s linear infinite}.btn-loading>*{opacity:0}.btn-xs{padding:4px 8px;font-size:12px;border-radius:4px}.btn-sm{padding:4px 12px;font-size:13px;border-radius:4px}.btn-md{padding:8px 16px;font-size:14px;border-radius:8px}.btn-lg{padding:12px 24px;font-size:16px;border-radius:12px}.btn-xl{padding:16px 32px;font-size:18px;border-radius:12px}.btn-block{display:block;width:100%}.btn-square{aspect-ratio:1;padding:8px}.btn-pill{border-radius:999px}.btn-circle{border-radius:50%;aspect-ratio:1}.el-card{border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.el-card .el-card__header{border-bottom:1px solid #f0f0f0;padding:16px 20px;background:#f7f8fa;font-weight:600;font-size:14px;color:#262626}.el-card .el-card__body{padding:20px}.el-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.el-card.is-borderless{border:none}.el-card.is-always-shadow{box-shadow:0 8px 24px #0000001f}.el-card.is-hover-shadow{box-shadow:0 2px 4px #0000000d}.el-card.is-hover-shadow:hover{box-shadow:0 12px 40px #00000026}.el-card.is-never-shadow{box-shadow:none}.el-card.is-never-shadow:hover{box-shadow:0 2px 4px #0000000d}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.card-header .card-title{font-size:16px;font-weight:600;color:#262626;margin:0;display:flex;align-items:center;gap:8px}.card-header .card-actions{display:flex;align-items:center;gap:8px}.card-body{color:#595959;line-height:1.5}.card-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.metric-card,.metric-card-gradient{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.metric-card:hover,.metric-card-gradient:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.metric-card .metric-label,.metric-card-gradient .metric-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#8c8c8c;margin-bottom:8px}.metric-card .metric-label .metric-icon,.metric-card-gradient .metric-label .metric-icon{font-size:18px}.metric-card .metric-value,.metric-card-gradient .metric-value{font-size:32px;font-weight:700;color:#262626;line-height:1.2;margin-bottom:8px}.metric-card .metric-value.metric-value-primary,.metric-card-gradient .metric-value.metric-value-primary{color:#1890ff}.metric-card .metric-value.metric-value-success,.metric-card-gradient .metric-value.metric-value-success{color:#52c41a}.metric-card .metric-value.metric-value-warning,.metric-card-gradient .metric-value.metric-value-warning{color:#fa8c16}.metric-card .metric-value.metric-value-danger,.metric-card-gradient .metric-value.metric-value-danger{color:#f5222d}.metric-card .metric-trend,.metric-card-gradient .metric-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.metric-card .metric-trend.trend-up,.metric-card-gradient .metric-trend.trend-up{color:#52c41a}.metric-card .metric-trend.trend-up:before,.metric-card-gradient .metric-trend.trend-up:before{content:"↑";font-size:14px}.metric-card .metric-trend.trend-down,.metric-card-gradient .metric-trend.trend-down{color:#f5222d}.metric-card .metric-trend.trend-down:before,.metric-card-gradient .metric-trend.trend-down:before{content:"↓";font-size:14px}.metric-card .metric-trend.trend-flat,.metric-card-gradient .metric-trend.trend-flat{color:#8c8c8c}.metric-card .metric-trend.trend-flat:before,.metric-card-gradient .metric-trend.trend-flat:before{content:"→";font-size:14px}.metric-card .metric-chart,.metric-card-gradient .metric-chart{margin-top:12px;height:60px;border-top:1px solid #f0f0f0;padding-top:12px}.metric-card-gradient{color:#fff;position:relative;overflow:hidden}.metric-card-gradient:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.metric-card-gradient .metric-label,.metric-card-gradient .metric-value,.metric-card-gradient .metric-trend{color:#fff;position:relative;z-index:1}.metric-card-gradient .metric-label{opacity:.9}.metric-card-gradient .metric-trend{opacity:.85}.metric-card-gradient.metric-card-primary{background:linear-gradient(135deg,#1890ff,#0d47a1)}.metric-card-gradient.metric-card-success{background:linear-gradient(135deg,#52c41a,#389e0d)}.metric-card-gradient.metric-card-warning{background:linear-gradient(135deg,#fa8c16,#d46b08)}.metric-card-gradient.metric-card-danger{background:linear-gradient(135deg,#f5222d,#cf1322)}.metric-card-gradient.metric-card-purple{background:linear-gradient(135deg,#722ed1,#531dab)}.card-gradient{background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:12px;padding:24px;box-shadow:0 4px 15px #1890ff4d;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.card-gradient:hover{box-shadow:0 6px 20px #1890ff66;transform:translateY(-4px)}.card-gradient.card-gradient-primary{background:linear-gradient(135deg,#1890ff,#0d47a1);box-shadow:0 4px 15px #1890ff4d}.card-gradient.card-gradient-primary:hover{box-shadow:0 6px 20px #1890ff66}.card-gradient.card-gradient-success{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 4px 15px #52c41a4d}.card-gradient.card-gradient-success:hover{box-shadow:0 6px 20px #52c41a66}.card-gradient.card-gradient-warning{background:linear-gradient(135deg,#fa8c16,#d46b08);box-shadow:0 4px 15px #fa8c164d}.card-gradient.card-gradient-warning:hover{box-shadow:0 6px 20px #fa8c1666}.card-gradient.card-gradient-danger{background:linear-gradient(135deg,#f5222d,#cf1322);box-shadow:0 4px 15px #f5222d4d}.card-gradient.card-gradient-danger:hover{box-shadow:0 6px 20px #f5222d66}.card-gradient.card-gradient-purple{background:linear-gradient(135deg,#722ed1,#531dab);box-shadow:0 4px 15px #722ed14d}.card-gradient.card-gradient-purple:hover{box-shadow:0 6px 20px #722ed166}.card-gradient-light{border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.card-gradient-light:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-gradient-light.card-gradient-light-primary{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-color:#1890ff33}.card-gradient-light.card-gradient-light-success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border-color:#52c41a33}.card-gradient-light.card-gradient-light-warning{background:linear-gradient(135deg,#fff7e6,#ffd591);border-color:#fa8c1633}.card-gradient-light.card-gradient-light-danger{background:linear-gradient(135deg,#fff1f0,#ffccc7);border-color:#f5222d33}.card-glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glass:hover{background:#ffffffe6;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-glass-dark{background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;box-shadow:0 8px 24px #0000001f;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.card-glass-dark:hover{background:#00000080;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.card-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.card-image:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-image:hover .card-image-cover{transform:scale(1.05)}.card-image .card-image-cover{width:100%;height:200px;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.card-image .card-image-body{padding:16px}.card-image .card-image-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 8px}.card-image .card-image-description{font-size:13px;color:#8c8c8c;line-height:1.5}.stats-grid{display:grid;gap:20px}.stats-grid.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid.stats-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1024px){.stats-grid.stats-grid-4,.stats-grid.stats-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid.stats-grid-2,.stats-grid.stats-grid-3,.stats-grid.stats-grid-4,.stats-grid.stats-grid-5{grid-template-columns:1fr}}.card-compact{padding:12px}.card-compact .card-header{margin-bottom:8px}.card-compact .card-footer{margin-top:8px}.card-comfortable{padding:24px}.card-comfortable .card-header{margin-bottom:20px}.card-comfortable .card-footer{margin-top:20px}.card-spacious{padding:32px}.card-spacious .card-header{margin-bottom:24px}.card-spacious .card-footer{margin-top:24px}.card-bordered{border:1px solid #d9d9d9}.card-bordered-thick{border:2px solid #d9d9d9}.card-bordered-primary{border:2px solid #1890ff}.card-bordered-success{border:2px solid #52c41a}.card-bordered-warning{border:2px solid #fa8c16}.card-bordered-danger{border:2px solid #f5222d}.card-accent{border-left:4px solid #1890ff}.card-accent.card-accent-primary{border-left-color:#1890ff}.card-accent.card-accent-success{border-left-color:#52c41a}.card-accent.card-accent-warning{border-left-color:#fa8c16}.card-accent.card-accent-danger{border-left-color:#f5222d}.card-loading{position:relative;pointer-events:none}.card-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:inherit}.card-disabled{opacity:.6;pointer-events:none;filter:grayscale(.3)}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.card-hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-glow:hover{box-shadow:0 0 20px #1890ff4d}.card-hover-glow.card-hover-glow-success:hover{box-shadow:0 0 20px #52c41a4d}.card-hover-glow.card-hover-glow-warning:hover{box-shadow:0 0 20px #fa8c164d}.card-hover-glow.card-hover-glow-danger:hover{box-shadow:0 0 20px #f5222d4d}.card-hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-scale:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f}.card-no-hover:hover{transform:none;box-shadow:inherit}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-animate-in{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1)}.card-animate-in-1{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.05s;animation-fill-mode:both}.card-animate-in-2{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.1s;animation-fill-mode:both}.card-animate-in-3{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.15s;animation-fill-mode:both}.card-animate-in-4{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.2s;animation-fill-mode:both}.card-animate-in-5{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.25s;animation-fill-mode:both}.card-animate-in-6{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.3s;animation-fill-mode:both}.card-animate-in-7{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.35s;animation-fill-mode:both}.card-animate-in-8{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.4s;animation-fill-mode:both}.card-animate-in-9{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.45s;animation-fill-mode:both}.card-animate-in-10{animation:cardFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.5s;animation-fill-mode:both}.el-table{border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:.3s;font-size:13px}.el-table .el-table__header-wrapper .el-table__header thead tr th{background:#f7f8fa;color:#262626;font-weight:600;font-size:13px;border-bottom:2px solid #f0f0f0;padding:12px 16px;transition:.3s}.el-table .el-table__header-wrapper .el-table__header thead tr th:hover{background:#f1f3f6}.el-table .el-table__header-wrapper .el-table__header thead tr th .caret-wrapper{height:18px}.el-table .el-table__header-wrapper .el-table__header thead tr th .caret-wrapper .sort-caret{border-color:#bfbfbf;transition:.3s}.el-table .el-table__header-wrapper .el-table__header thead tr th .caret-wrapper .sort-caret.ascending{border-bottom-color:#1890ff}.el-table .el-table__header-wrapper .el-table__header thead tr th .caret-wrapper .sort-caret.descending{border-top-color:#1890ff}.el-table .el-table__body-wrapper .el-table__body tbody tr{transition:.3s}.el-table .el-table__body-wrapper .el-table__body tbody tr td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#595959;transition:.3s}.el-table .el-table__body-wrapper .el-table__body tbody tr:hover{background-color:#e6f7ff;box-shadow:inset 0 0 0 1px #1890ff1a}.el-table .el-table__body-wrapper .el-table__body tbody tr:hover>td{background-color:#e6f7ff}.el-table .el-table__body-wrapper .el-table__body tbody tr.current-row .el-table__fixed tbody tr>td,.el-table .el-table__body-wrapper .el-table__body tbody tr.current-row .el-table__fixed-right tbody tr>td{background-color:#1890ff14}.el-table .el-table__body-wrapper .el-table__body tbody tr.current-row>td{background-color:#1890ff14;color:#1890ff}.el-table .el-table__body-wrapper .el-table__body tbody tr.el-table__row--disabled{opacity:.5;cursor:not-allowed}.el-table .el-table__body-wrapper .el-table__body tbody tr.el-table__row--disabled:hover{background-color:transparent;box-shadow:none}.el-table .el-table__fixed,.el-table .el-table__fixed-right{box-shadow:0 4px 12px #00000014}.el-table .el-table__fixed:before,.el-table .el-table__fixed-right:before{background-color:transparent}.el-table .el-table__body tbody tr:hover .el-table__fixed tbody tr>td,.el-table .el-table__body tbody tr:hover .el-table__fixed-right tbody tr>td{background-color:#e6f7ff}.el-table .el-table__body tbody tr.current-row .el-table__fixed tbody tr>td,.el-table .el-table__body tbody tr.current-row .el-table__fixed-right tbody tr>td{background-color:#1890ff14}.el-table .el-table__empty-block{padding:48px 20px}.el-table .el-table__empty-block .el-table__empty-text{color:#bfbfbf;font-size:14px}.el-table .el-table__expand-icon{color:#1890ff;transition:.3s}.el-table .el-table__expand-icon:hover{color:#0d47a1}.el-table .el-checkbox .el-checkbox__inner{border-radius:4px;transition:.3s}.el-table .el-checkbox:hover .el-checkbox__inner{border-color:#1890ff}.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n){background-color:#fafafa}.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n) .el-table__fixed tbody tr>td,.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n) .el-table__fixed-right tbody tr>td{background-color:#fafafa}.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n):hover{background-color:#e6f7ff}.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n):hover .el-table__fixed tbody tr>td,.el-table.el-table--striped .el-table__body tbody tr:nth-child(2n):hover .el-table__fixed-right tbody tr>td{background-color:#e6f7ff}.el-table.el-table--border{border:1px solid #d9d9d9}.el-table.el-table--border th,.el-table.el-table--border td{border-right:1px solid #f0f0f0}.el-table.el-table--border th:last-child,.el-table.el-table--border td:last-child{border-right:none}.el-table.el-table--small .el-table__header th,.el-table.el-table--small .el-table__body td{padding:8px 12px;font-size:12px}.el-table.el-table--large .el-table__header th,.el-table.el-table--large .el-table__body td{padding:16px 20px;font-size:14px}.el-table.is-loading .el-table__body-wrapper{opacity:.6;pointer-events:none}.el-loading-mask{border-radius:inherit;background-color:#ffffffe6}.el-loading-mask .el-loading-spinner .circular{stroke:#1890ff}.el-loading-mask .el-loading-spinner .el-loading-text{color:#8c8c8c;font-size:13px;margin-top:8px}.el-pagination{padding:16px 0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.el-pagination .el-pagination__total{color:#8c8c8c;font-size:13px}.el-pagination .el-pager li{min-width:32px;height:32px;line-height:32px;border-radius:4px;transition:.3s}.el-pagination .el-pager li:not(.is-disabled):hover{color:#1890ff;background-color:#e6f7ff}.el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff;box-shadow:0 4px 15px #1890ff4d}.el-pagination .el-pager li.is-active:hover{background:linear-gradient(135deg,#0d47a1,#1890ff)}.el-pagination button{border-radius:4px;transition:.3s}.el-pagination button:not(:disabled):hover{color:#1890ff;background-color:#e6f7ff}.el-pagination .el-pagination__sizes .el-select .el-select__wrapper,.el-pagination .el-pagination__jump .el-input .el-input__wrapper{border-radius:4px}.vxe-table{border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.vxe-table .vxe-table--header-wrapper .vxe-header--column{background:#f7f8fa;color:#262626;font-weight:600;border-bottom:2px solid #f0f0f0;padding:12px 16px}.vxe-table .vxe-table--header-wrapper .vxe-header--column:hover{background:#f1f3f6}.vxe-table .vxe-table--body-wrapper .vxe-body--row{transition:.3s}.vxe-table .vxe-table--body-wrapper .vxe-body--row:hover{background-color:#e6f7ff;box-shadow:inset 0 0 0 1px #1890ff1a}.vxe-table .vxe-table--body-wrapper .vxe-body--row.row--current{background-color:#1890ff14}.vxe-table .vxe-table--body-wrapper .vxe-body--row .vxe-body--column{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#595959}.vxe-table.vxe-table--stripe .vxe-body--row:nth-child(2n){background-color:#fafafa}.vxe-table.vxe-table--stripe .vxe-body--row:nth-child(2n):hover{background-color:#e6f7ff}.vxe-table.vxe-table--border{border:1px solid #d9d9d9}.vxe-table.vxe-table--border .vxe-header--column,.vxe-table.vxe-table--border .vxe-body--column{border-right:1px solid #f0f0f0}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.table-container .table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.table-container .table-header .table-title{font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center;gap:8px}.table-container .table-header .table-actions{display:flex;align-items:center;gap:8px}.table-container .table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.table-container .table-toolbar .toolbar-left,.table-container .table-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.table-container .table-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.table-container .table-footer .table-info{color:#8c8c8c;font-size:13px}.table-cell-actions{display:flex;align-items:center;gap:8px}.table-cell-actions .el-button.is-text{padding:0;height:auto;min-height:auto}.table-cell-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.table-cell-status.status-success{background:#52c41a1a;color:#52c41a;border:1px solid rgba(82,196,26,.3)}.table-cell-status.status-warning{background:#fa8c161a;color:#fa8c16;border:1px solid rgba(250,140,22,.3)}.table-cell-status.status-danger{background:#f5222d1a;color:#f5222d;border:1px solid rgba(245,34,45,.3)}.table-cell-status.status-info{background:#1890ff1a;color:#1890ff;border:1px solid rgba(24,144,255,.3)}.table-cell-status.status-default{background:#fafafa;color:#8c8c8c;border:1px solid #f0f0f0}.table-cell-number{font-weight:500;color:#262626;font-variant-numeric:tabular-nums}.table-cell-number.number-positive{color:#52c41a}.table-cell-number.number-negative{color:#f5222d}.table-cell-number.number-zero{color:#bfbfbf}.table-cell-percentage{display:inline-flex;align-items:center;gap:4px;font-weight:500}.table-cell-percentage.percentage-up{color:#52c41a}.table-cell-percentage.percentage-up:before{content:"↑";font-size:14px}.table-cell-percentage.percentage-down{color:#f5222d}.table-cell-percentage.percentage-down:before{content:"↓";font-size:14px}.table-cell-percentage.percentage-flat{color:#8c8c8c}.table-cell-percentage.percentage-flat:before{content:"→";font-size:14px}.table-cell-avatar{display:flex;align-items:center;gap:8px}.table-cell-avatar .avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.table-cell-avatar .avatar-text{flex:1}.table-cell-avatar .avatar-text .name{font-weight:500;color:#262626;font-size:13px}.table-cell-avatar .avatar-text .description{color:#8c8c8c;font-size:12px;margin-top:2px}.table-cell-tags{display:flex;flex-wrap:wrap;gap:4px}.table-cell-tags .tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#fafafa;color:#8c8c8c;border:1px solid #f0f0f0}.table-cell-link{color:#1890ff;cursor:pointer;transition:.3s;text-decoration:none}.table-cell-link:hover{color:#0d47a1;text-decoration:underline}.table-compact .el-table__header th,.table-compact .el-table__body td{padding:6px 10px;font-size:12px}.table-comfortable .el-table__header th,.table-comfortable .el-table__body td{padding:14px 18px;font-size:13px}.table-spacious .el-table__header th,.table-spacious .el-table__body td{padding:18px 24px;font-size:14px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#fafafa;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.table-card-view{display:none}@media (max-width: 1024px){.table-card-view{display:block}.table-card-view .table-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;transition:.3s}.table-card-view .table-card:hover{box-shadow:0 4px 12px #00000014}.table-card-view .table-card .card-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.table-card-view .table-card .card-row:last-child{border-bottom:none}.table-card-view .table-card .card-row .label{color:#8c8c8c;font-size:13px;font-weight:500}.table-card-view .table-card .card-row .value{color:#595959;font-size:13px}}@media (min-width: 1025px){.table-card-view{display:none!important}}.table-skeleton .skeleton-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0}.table-skeleton .skeleton-row .skeleton-cell{height:16px;background:#fafafa;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite}.table-skeleton .skeleton-row .skeleton-cell.cell-short{flex:0 0 80px}.table-skeleton .skeleton-row .skeleton-cell.cell-medium{flex:0 0 120px}.table-skeleton .skeleton-row .skeleton-cell.cell-long{flex:1}@keyframes tableRowFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.table-row-animate{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1)}.table-row-animate-1{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.02s;animation-fill-mode:both}.table-row-animate-2{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.04s;animation-fill-mode:both}.table-row-animate-3{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.06s;animation-fill-mode:both}.table-row-animate-4{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.08s;animation-fill-mode:both}.table-row-animate-5{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.1s;animation-fill-mode:both}.table-row-animate-6{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.12s;animation-fill-mode:both}.table-row-animate-7{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.14s;animation-fill-mode:both}.table-row-animate-8{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.16s;animation-fill-mode:both}.table-row-animate-9{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.18s;animation-fill-mode:both}.table-row-animate-10{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.2s;animation-fill-mode:both}.table-row-animate-11{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.22s;animation-fill-mode:both}.table-row-animate-12{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.24s;animation-fill-mode:both}.table-row-animate-13{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.26s;animation-fill-mode:both}.table-row-animate-14{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.28s;animation-fill-mode:both}.table-row-animate-15{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.3s;animation-fill-mode:both}.table-row-animate-16{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.32s;animation-fill-mode:both}.table-row-animate-17{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.34s;animation-fill-mode:both}.table-row-animate-18{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.36s;animation-fill-mode:both}.table-row-animate-19{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.38s;animation-fill-mode:both}.table-row-animate-20{animation:tableRowFadeIn .3s cubic-bezier(0,0,.2,1);animation-delay:.4s;animation-fill-mode:both}.table-row-draggable{cursor:move;transition:.3s}.table-row-draggable:hover{background-color:#e6f7ff;box-shadow:0 2px 4px #0000000d}.table-row-draggable.sortable-ghost{opacity:.4;background-color:#e6f7ff}.table-row-draggable.sortable-chosen{background-color:#1890ff1a}.table-row-draggable.sortable-drag{box-shadow:0 8px 24px #0000001f;cursor:grabbing}.table-cell-editable{position:relative;cursor:pointer;padding:8px;border-radius:4px;transition:.3s}.table-cell-editable:hover{background-color:#fafafa}.table-cell-editable:hover:after{content:"✎";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#bfbfbf;font-size:12px}.table-cell-editable.is-editing{background-color:#e6f7ff;box-shadow:inset 0 0 0 1px #1890ff}.table-group-row{background:#f7f8fa;font-weight:600;color:#262626}.table-group-row td{border-top:2px solid #d9d9d9;border-bottom:2px solid #d9d9d9;padding:10px 16px!important}.table-group-row:hover{background:#f1f3f6!important}.table-summary-row{background:linear-gradient(135deg,#e6f7ff,#bae7ff);font-weight:600;color:#1890ff;border-top:2px solid #1890ff}.table-summary-row td{padding:12px 16px!important}.table-search-box{width:240px}.table-search-box .el-input__wrapper{border-radius:8px;transition:.3s}.table-search-box .el-input__wrapper:hover{box-shadow:0 2px 4px #0000000d}.table-search-box .el-input__wrapper.is-focus{box-shadow:0 0 0 2px #1890ff33}.table-filter-dropdown .el-select__wrapper{border-radius:8px;min-width:120px}.table-date-picker .el-date-editor{border-radius:8px}.table-batch-actions{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px 20px;box-shadow:0 12px 40px #00000026;display:flex;align-items:center;gap:16px;z-index:1000;animation:slideInUp .3s cubic-bezier(0,0,.2,1)}.table-batch-actions .batch-info{color:#8c8c8c;font-size:13px}.table-batch-actions .batch-info strong{color:#1890ff;font-weight:600}.table-batch-actions .batch-buttons{display:flex;gap:8px}.table-empty-state{padding:48px 20px;text-align:center}.table-empty-state .empty-icon{font-size:64px;color:#bfbfbf;margin-bottom:16px;opacity:.5}.table-empty-state .empty-title{font-size:16px;color:#8c8c8c;margin-bottom:8px}.table-empty-state .empty-description{font-size:13px;color:#bfbfbf;margin-bottom:20px}.table-empty-state .empty-actions{display:flex;justify-content:center;gap:8px}.chart-container{position:relative;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-container:hover{box-shadow:0 8px 24px #0000001f}.chart-container .chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.chart-container .chart-header .chart-title{font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center;gap:8px}.chart-container .chart-header .chart-title .title-icon{font-size:18px;color:#1890ff}.chart-container .chart-header .chart-actions{display:flex;align-items:center;gap:8px}.chart-container .chart-body{position:relative;min-height:300px}.chart-container .chart-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;color:#8c8c8c;font-size:13px}.chart-container-compact{padding:12px}.chart-container-compact .chart-header{margin-bottom:8px;padding-bottom:8px}.chart-container-compact .chart-header .chart-title{font-size:14px}.chart-container-compact .chart-body{min-height:200px}.chart-container-spacious{padding:32px}.chart-container-spacious .chart-header{margin-bottom:24px;padding-bottom:16px}.chart-container-spacious .chart-body{min-height:400px}.chart-container-borderless{box-shadow:none;padding:0}.chart-container-gradient{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:1px solid rgba(24,144,255,.2)}.chart-container-gradient .chart-title{color:#0d47a1}.chart-container-gradient.chart-container-gradient-success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border-color:#52c41a33}.chart-container-gradient.chart-container-gradient-success .chart-title{color:#3f9714}.chart-container-gradient.chart-container-gradient-warning{background:linear-gradient(135deg,#fff7e6,#ffd591);border-color:#fa8c1633}.chart-container-gradient.chart-container-gradient-warning .chart-title{color:#d87205}.chart-container-gradient.chart-container-gradient-danger{background:linear-gradient(135deg,#fff1f0,#ffccc7);border-color:#f5222d33}.chart-container-gradient.chart-container-gradient-danger .chart-title{color:#da0a15}.chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;z-index:10;border-radius:inherit}.chart-loading .loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:spin .8s linear infinite}.chart-loading .loading-text{margin-top:12px;color:#8c8c8c;font-size:13px}.chart-skeleton .skeleton-title{height:20px;width:150px;background:#fafafa;border-radius:4px;margin-bottom:16px;animation:skeleton-loading 1.5s ease-in-out infinite}.chart-skeleton .skeleton-chart{height:300px;background:linear-gradient(90deg,#fafafa 25%,#fff,#fafafa 75%);background-size:200% 100%;border-radius:8px;animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.chart-empty .empty-icon{font-size:64px;color:#bfbfbf;margin-bottom:16px;opacity:.5}.chart-empty .empty-title{font-size:16px;color:#8c8c8c;margin-bottom:8px}.chart-empty .empty-description{font-size:13px;color:#bfbfbf;max-width:300px}.chart-toolbar{display:flex;align-items:center;gap:8px;padding:8px;background:#f7f8fa;border-radius:8px}.chart-toolbar .toolbar-item{padding:6px 12px;border-radius:4px;background:transparent;border:none;color:#8c8c8c;font-size:13px;cursor:pointer;transition:.3s}.chart-toolbar .toolbar-item:hover{background:#fff;color:#1890ff}.chart-toolbar .toolbar-item.is-active{background:#fff;color:#1890ff;font-weight:500;box-shadow:0 2px 4px #0000000d}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}.chart-legend .legend-item{display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s}.chart-legend .legend-item .legend-marker{width:12px;height:12px;border-radius:4px;flex-shrink:0}.chart-legend .legend-item .legend-label{font-size:13px;color:#595959;transition:.3s}.chart-legend .legend-item .legend-value{font-size:13px;color:#8c8c8c;font-weight:500;margin-left:4px}.chart-legend .legend-item:hover .legend-label{color:#1890ff}.chart-legend .legend-item.is-disabled{opacity:.4}.chart-legend .legend-item.is-disabled .legend-label{text-decoration:line-through}.echart-tooltip-modern{background:#fffffffa!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none!important;border-radius:12px!important;box-shadow:0 12px 40px #00000026!important;padding:16px!important}.echart-tooltip-modern .tooltip-title{font-weight:600;color:#262626;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.echart-tooltip-modern .tooltip-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.echart-tooltip-modern .tooltip-item .item-label{display:flex;align-items:center;gap:8px;color:#8c8c8c;font-size:13px}.echart-tooltip-modern .tooltip-item .item-value{font-weight:500;color:#262626;font-size:13px}.echart-tooltip-business{background:#fffffffa!important;border:1px solid #d9d9d9!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important;padding:12px!important}.chart-grid-subtle{--chart-grid-color: #f0f0f0;--chart-grid-width: 1px;--chart-grid-type: solid}.chart-grid-dashed{--chart-grid-color: #f0f0f0;--chart-grid-width: 1px;--chart-grid-type: dashed}.chart-grid-dotted{--chart-grid-color: #f0f0f0;--chart-grid-width: 1px;--chart-grid-type: dotted}.chart-label-emphasis{font-weight:600!important;color:#262626!important}.chart-label-muted{color:#bfbfbf!important}.chart-label-primary{color:#1890ff!important}.chart-label-success{color:#52c41a!important}.chart-label-warning{color:#fa8c16!important}.chart-label-danger{color:#f5222d!important}.chart-responsive{width:100%;height:100%;min-height:300px}@media (max-width: 1024px){.chart-responsive{min-height:250px}}@media (max-width: 768px){.chart-responsive{min-height:200px}}.charts-grid{display:grid;gap:20px}.charts-grid.charts-grid-1{grid-template-columns:1fr}.charts-grid.charts-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.charts-grid.charts-grid-2{grid-template-columns:1fr}}.charts-grid.charts-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1280px){.charts-grid.charts-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-grid.charts-grid-3{grid-template-columns:1fr}}.charts-grid.charts-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1280px){.charts-grid.charts-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-grid.charts-grid-4{grid-template-columns:1fr}}.charts-grid.charts-grid-2-1{grid-template-columns:2fr 1fr}@media (max-width: 1024px){.charts-grid.charts-grid-2-1{grid-template-columns:1fr}}.charts-grid.charts-grid-1-2-1{grid-template-columns:1fr 2fr 1fr}@media (max-width: 1280px){.charts-grid.charts-grid-1-2-1{grid-template-columns:1fr}}.mini-chart{height:60px;min-height:60px}.mini-chart .chart-container{padding:0;box-shadow:none}.dashboard-chart .chart-container{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:1px solid rgba(24,144,255,.2)}.dashboard-chart .chart-container .chart-title{color:#0d47a1;font-size:18px}.comparison-chart{display:flex;gap:20px}.comparison-chart .chart-item{flex:1;min-width:0}@media (max-width: 1024px){.comparison-chart{flex-direction:column}}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-animate-in{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1)}.chart-animate-in-1{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.1s;animation-fill-mode:both}.chart-animate-in-2{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.2s;animation-fill-mode:both}.chart-animate-in-3{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.3s;animation-fill-mode:both}.chart-animate-in-4{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.4s;animation-fill-mode:both}.chart-animate-in-5{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.5s;animation-fill-mode:both}.chart-animate-in-6{animation:chartFadeIn .5s cubic-bezier(0,0,.2,1);animation-delay:.6s;animation-fill-mode:both}.chart-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.chart-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.chart-interactive:hover .chart-title{color:#1890ff}.chart-interactive:active{transform:translateY(0)}.chart-fullscreenable .chart-header .fullscreen-btn{padding:6px;border-radius:4px;background:transparent;border:none;color:#bfbfbf;cursor:pointer;transition:.3s}.chart-fullscreenable .chart-header .fullscreen-btn:hover{background:#fafafa;color:#1890ff}.chart-fullscreenable.is-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-radius:0;padding:32px}.chart-fullscreenable.is-fullscreen .chart-body{height:calc(100vh - 200px)}.chart-highlight-increase{color:#52c41a;font-weight:600}.chart-highlight-increase:before{content:"↑ "}.chart-highlight-decrease{color:#f5222d;font-weight:600}.chart-highlight-decrease:before{content:"↓ "}.chart-highlight-neutral{color:#8c8c8c}.chart-highlight-neutral:before{content:"→ "}.chart-annotation{position:absolute;padding:6px 10px;background:#fffffff2;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;color:#8c8c8c;box-shadow:0 2px 4px #0000000d;pointer-events:none;z-index:5}.chart-annotation:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #d9d9d9}.chart-annotation.annotation-primary{border-color:#1890ff;color:#1890ff;background:#1890ff1a}.chart-annotation.annotation-primary:before{border-top-color:#1890ff}.chart-annotation.annotation-success{border-color:#52c41a;color:#52c41a;background:#52c41a1a}.chart-annotation.annotation-success:before{border-top-color:#52c41a}.chart-annotation.annotation-warning{border-color:#fa8c16;color:#fa8c16;background:#fa8c161a}.chart-annotation.annotation-warning:before{border-top-color:#fa8c16}.chart-annotation.annotation-danger{border-color:#f5222d;color:#f5222d;background:#f5222d1a}.chart-annotation.annotation-danger:before{border-top-color:#f5222d}.chart-controls{display:flex;align-items:center;gap:12px;padding:12px;background:#f7f8fa;border-radius:8px;margin-bottom:16px}.chart-controls .control-label{font-size:13px;color:#8c8c8c;font-weight:500}.chart-controls .control-group{display:flex;gap:8px}.chart-view-switcher{display:inline-flex;background:#f7f8fa;border-radius:8px;padding:4px}.chart-view-switcher button{padding:6px 12px;border:none;background:transparent;color:#8c8c8c;font-size:13px;border-radius:4px;cursor:pointer;transition:.3s}.chart-view-switcher button:hover{color:#1890ff}.chart-view-switcher button.is-active{background:#fff;color:#1890ff;box-shadow:0 2px 4px #0000000d}@media print{.chart-container{break-inside:avoid;box-shadow:none;border:1px solid #d9d9d9}.chart-actions,.chart-toolbar,.chart-controls{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.loading-container .loading-text{margin-top:16px;color:#8c8c8c;font-size:13px}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.loading-spinner-small{width:24px;height:24px;border-width:2px}.loading-spinner.loading-spinner-large{width:56px;height:56px;border-width:4px}.loading-spinner.loading-spinner-success{border-top-color:#52c41a}.loading-spinner.loading-spinner-warning{border-top-color:#fa8c16}.loading-spinner.loading-spinner-danger{border-top-color:#f5222d}.loading-spinner-double{position:relative;width:40px;height:40px}.loading-spinner-double:before,.loading-spinner-double:after{content:"";position:absolute;border-radius:50%;animation:spin 1.2s linear infinite}.loading-spinner-double:before{top:0;left:0;right:0;bottom:0;border:3px solid #f0f0f0;border-top-color:#1890ff}.loading-spinner-double:after{top:4px;left:4px;right:4px;bottom:4px;border:3px solid #f0f0f0;border-top-color:#52c41a;animation-duration:.8s;animation-direction:reverse}.loading-dots{display:inline-flex;align-items:center;gap:8px}.loading-dots .dot{width:10px;height:10px;background:#1890ff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.loading-dots.loading-dots-small .dot{width:6px;height:6px}.loading-dots.loading-dots-large .dot{width:14px;height:14px}.loading-bars{display:inline-flex;align-items:flex-end;gap:4px;height:32px}.loading-bars .bar{width:4px;background:#1890ff;border-radius:4px;animation:pulse 1.2s infinite ease-in-out}.loading-bars .bar:nth-child(1){height:80%;animation-delay:-.32s}.loading-bars .bar:nth-child(2){height:60%;animation-delay:-.16s}.loading-bars .bar:nth-child(3){height:100%;animation-delay:0s}.loading-bars .bar:nth-child(4){height:60%;animation-delay:.16s}.loading-bars .bar:nth-child(5){height:80%;animation-delay:.32s}.loading-ring{position:relative;width:40px;height:40px}.loading-ring .ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:#1890ff;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-ring .ring:nth-child(1){animation-delay:-.45s}.loading-ring .ring:nth-child(2){animation-delay:-.3s}.loading-ring .ring:nth-child(3){animation-delay:-.15s}.loading-ripple{position:relative;width:64px;height:64px}.loading-ripple .ripple{position:absolute;border:4px solid #1890ff;opacity:1;border-radius:50%;animation:ripple 1s cubic-bezier(0,.2,.8,1) infinite}.loading-ripple .ripple:nth-child(2){animation-delay:-.5s}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.loading-overlay.loading-overlay-transparent{background:#fff9}.loading-overlay.loading-overlay-dark{background:#000000b3}.loading-overlay.loading-overlay-dark .loading-text{color:#fff}.loading-overlay .loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-overlay .loading-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:8px}.loading-overlay .loading-description{font-size:13px;color:#8c8c8c;max-width:300px;text-align:center}.loading-overlay .loading-progress{width:240px;margin-top:16px}.loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:inherit}.loading-mask.loading-mask-transparent{background:#fff9}.skeleton{background:#fafafa;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite;pointer-events:none}.skeleton.skeleton-text{height:16px;width:100%}.skeleton.skeleton-text.skeleton-text-short{width:60%}.skeleton.skeleton-text.skeleton-text-medium{width:80%}.skeleton.skeleton-text.skeleton-text-title{height:24px;width:40%;margin-bottom:12px}.skeleton.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton.skeleton-avatar.skeleton-avatar-small{width:32px;height:32px}.skeleton.skeleton-avatar.skeleton-avatar-large{width:64px;height:64px}.skeleton.skeleton-button{height:32px;width:80px;border-radius:8px}.skeleton.skeleton-input{height:40px;width:100%;border-radius:8px}.skeleton.skeleton-image{width:100%;height:200px;border-radius:12px}.skeleton.skeleton-card{width:100%;height:120px;border-radius:12px}.skeleton-container{padding:20px}.skeleton-container .skeleton+.skeleton{margin-top:12px}.skeleton-card-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px}.skeleton-card-item .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-card-item .skeleton-header .skeleton-avatar{flex-shrink:0}.skeleton-card-item .skeleton-header .skeleton-info{flex:1}.skeleton-card-item .skeleton-header .skeleton-info .skeleton-text:first-child{margin-bottom:8px}.skeleton-card-item .skeleton-body .skeleton-text+.skeleton-text{margin-top:8px}.skeleton-card-item .skeleton-footer{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.skeleton-table .skeleton-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.skeleton-table .skeleton-row:last-child{border-bottom:none}.skeleton-table .skeleton-row .skeleton-cell{height:16px}.skeleton-table .skeleton-row .skeleton-cell.cell-short{flex:0 0 80px}.skeleton-table .skeleton-row .skeleton-cell.cell-medium{flex:0 0 120px}.skeleton-table .skeleton-row .skeleton-cell.cell-long{flex:1}.skeleton-list .skeleton-list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.skeleton-list .skeleton-list-item:last-child{border-bottom:none}.skeleton-list .skeleton-list-item .skeleton-content{flex:1}.skeleton-list .skeleton-list-item .skeleton-content .skeleton-text+.skeleton-text{margin-top:6px}.loading-inline{display:inline-flex;align-items:center;gap:8px;color:#8c8c8c;font-size:13px}.loading-inline .loading-spinner{width:16px;height:16px;border-width:2px}.btn-loading-state{position:relative;pointer-events:none;color:transparent!important}.btn-loading-state:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.loading-progress-bar{position:relative;width:100%;height:4px;background:#fafafa;border-radius:4px;overflow:hidden}.loading-progress-bar .progress-bar-fill{height:100%;background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:4px;transition:width .3s cubic-bezier(.4,0,.2,1)}.loading-progress-bar.progress-indeterminate .progress-bar-fill{width:30%;animation:slideIn 1.5s ease-in-out infinite}.loading-progress-circle{position:relative;width:80px;height:80px}.loading-progress-circle svg{transform:rotate(-90deg)}.loading-progress-circle svg circle{fill:none;stroke-width:6}.loading-progress-circle svg circle.progress-bg{stroke:#f0f0f0}.loading-progress-circle svg circle.progress-bar{stroke:#1890ff;stroke-linecap:round;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.loading-progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:600;color:#262626}.loading-steps{display:flex;align-items:center;justify-content:center;gap:8px}.loading-steps .step{width:32px;height:32px;border-radius:50%;background:#fafafa;color:#bfbfbf;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;transition:.3s}.loading-steps .step.step-completed{background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff}.loading-steps .step.step-active{background:#e6f7ff;color:#1890ff;border:2px solid #1890ff;animation:pulse 1.5s ease-in-out infinite}.loading-steps .step-connector{width:40px;height:2px;background:#f0f0f0;position:relative}.loading-steps .step-connector.connector-completed{background:#1890ff}.loading-text-animate{display:inline-block}.loading-text-animate:after{content:".";animation:dotting 1.5s infinite}@keyframes dotting{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.loading-shimmer{background:linear-gradient(90deg,#fafafa,#fff,#fff,#fff 60%,#fafafa);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.loading-overlay .loading-title{font-size:14px}.loading-overlay .loading-description{font-size:12px;max-width:240px}.loading-overlay .loading-progress{width:200px}.skeleton-card-item{padding:16px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:24px;opacity:.5;line-height:1}.empty-state .empty-image{width:160px;height:160px;margin-bottom:24px;opacity:.7}.empty-state .empty-image img{width:100%;height:100%;object-fit:contain}.empty-state .empty-title{font-size:18px;font-weight:600;color:#262626;margin-bottom:12px}.empty-state .empty-description{font-size:14px;color:#8c8c8c;line-height:1.8;max-width:400px;margin-bottom:24px}.empty-state .empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-state .empty-tips{margin-top:20px;padding:16px;background:#f7f8fa;border-radius:8px;font-size:13px;color:#8c8c8c;max-width:480px}.empty-state .empty-tips .tips-title{font-weight:500;color:#595959;margin-bottom:8px}.empty-state .empty-tips ul{text-align:left;padding-left:20px;margin:0}.empty-state .empty-tips ul li{margin-bottom:4px}.empty-state-compact{padding:32px 20px}.empty-state-compact .empty-icon{font-size:48px;margin-bottom:16px}.empty-state-compact .empty-image{width:120px;height:120px;margin-bottom:16px}.empty-state-compact .empty-title{font-size:16px;margin-bottom:8px}.empty-state-compact .empty-description{font-size:13px;margin-bottom:16px}.empty-state-simple{padding:48px 24px}.empty-state-simple .empty-title{font-size:14px;color:#8c8c8c;font-weight:400;margin-bottom:0}.empty-no-data .empty-icon{color:#bfbfbf}.empty-no-data .empty-icon:before{content:"📋"}.empty-no-data .empty-title{color:#8c8c8c}.empty-no-results .empty-icon{color:#bfbfbf}.empty-no-results .empty-icon:before{content:"🔍"}.empty-no-results .empty-title{color:#8c8c8c}.empty-no-results .search-keyword{color:#1890ff;font-weight:600}.empty-no-filter-results .empty-icon{color:#bfbfbf}.empty-no-filter-results .empty-icon:before{content:"🎯"}.empty-no-filter-results .empty-title{color:#8c8c8c}.empty-error .empty-icon{color:#f5222d}.empty-error .empty-icon:before{content:"⚠️"}.empty-error .empty-title{color:#f5222d}.empty-network-error .empty-icon{color:#fa8c16}.empty-network-error .empty-icon:before{content:"📡"}.empty-network-error .empty-title{color:#262626}.empty-404{padding:80px 32px}.empty-404 .empty-icon{font-size:96px;color:#1890ff}.empty-404 .empty-icon:before{content:"404";font-weight:700;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.empty-404 .empty-title{font-size:20px}.empty-403 .empty-icon{color:#fa8c16}.empty-403 .empty-icon:before{content:"🔒"}.empty-403 .empty-title{color:#262626}.empty-500 .empty-icon{color:#f5222d}.empty-500 .empty-icon:before{content:"🚧"}.empty-500 .empty-title{color:#262626}.empty-coming-soon .empty-icon{color:#1890ff}.empty-coming-soon .empty-icon:before{content:"🚀"}.empty-coming-soon .empty-title{color:#1890ff}.empty-maintenance .empty-icon{color:#fa8c16}.empty-maintenance .empty-icon:before{content:"🔧"}.empty-maintenance .empty-title{color:#262626}.empty-no-favorites .empty-icon{color:#bfbfbf}.empty-no-favorites .empty-icon:before{content:"⭐"}.empty-no-notifications .empty-icon{color:#bfbfbf}.empty-no-notifications .empty-icon:before{content:"🔔"}.empty-no-messages .empty-icon{color:#bfbfbf}.empty-no-messages .empty-icon:before{content:"💬"}.empty-cart .empty-icon{color:#bfbfbf}.empty-cart .empty-icon:before{content:"🛒"}.empty-no-files .empty-icon{color:#bfbfbf}.empty-no-files .empty-icon:before{content:"📁"}.empty-no-photos .empty-icon{color:#bfbfbf}.empty-no-photos .empty-icon:before{content:"🖼️"}.empty-no-comments .empty-icon{color:#bfbfbf}.empty-no-comments .empty-icon:before{content:"💭"}.table-empty,.list-empty{padding:48px 20px;text-align:center}.table-empty .empty-icon,.list-empty .empty-icon{font-size:48px;color:#bfbfbf;margin-bottom:16px;opacity:.5}.table-empty .empty-icon:before,.list-empty .empty-icon:before{content:"📄"}.table-empty .empty-text,.list-empty .empty-text{font-size:14px;color:#8c8c8c;margin-bottom:16px}.table-empty .empty-action .el-button,.list-empty .empty-action .el-button{min-width:120px}.card-empty{padding:32px 20px;text-align:center}.card-empty .empty-icon{font-size:40px;color:#bfbfbf;margin-bottom:12px;opacity:.5}.card-empty .empty-text{font-size:13px;color:#8c8c8c}.empty-illustration{width:200px;height:200px;margin:0 auto 24px;position:relative}.empty-illustration svg{width:100%;height:100%}.empty-illustration.illustration-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-decorated{position:relative}.empty-state-decorated:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(24,144,255,.05) 0%,transparent 70%);border-radius:50%;z-index:-1}@keyframes emptyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-animate{animation:emptyFadeIn .5s cubic-bezier(0,0,.2,1)}.empty-state-card{background:#fff;border:2px dashed #d9d9d9;border-radius:12px;padding:48px 32px;text-align:center;transition:.3s}.empty-state-card:hover{border-color:#1890ff;background:#e6f7ff}.empty-state-card .empty-icon{font-size:56px;margin-bottom:20px}.empty-state-card.empty-state-card-clickable{cursor:pointer}.empty-state-card.empty-state-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.empty-states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.empty-states-grid .empty-state-card{height:100%}.empty-placeholder{background:#f7f8fa;border:1px dashed #d9d9d9;border-radius:12px;padding:32px 20px;text-align:center;color:#bfbfbf;font-size:13px}.empty-placeholder .placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.5}.empty-placeholder .placeholder-text{font-style:italic}.empty-dropzone{border:2px dashed #d9d9d9;border-radius:12px;padding:48px 32px;text-align:center;transition:.3s;cursor:pointer}.empty-dropzone .empty-icon{font-size:56px;color:#bfbfbf;margin-bottom:16px;transition:.3s}.empty-dropzone .empty-icon:before{content:"📤"}.empty-dropzone .empty-title{color:#8c8c8c;margin-bottom:8px}.empty-dropzone .empty-description{font-size:13px;color:#bfbfbf}.empty-dropzone:hover,.empty-dropzone.is-dragover{border-color:#1890ff;background:#e6f7ff}.empty-dropzone:hover .empty-icon,.empty-dropzone.is-dragover .empty-icon{color:#1890ff;transform:scale(1.1)}.empty-dropzone:hover .empty-title,.empty-dropzone.is-dragover .empty-title{color:#1890ff}.empty-dropzone.is-dragover .empty-icon{animation:bounce-subtle .6s ease-in-out infinite}@keyframes bounce-subtle{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-8px)}}@media (max-width: 1024px){.empty-state{padding:48px 24px}.empty-state .empty-icon,.empty-state .empty-image{font-size:56px;width:140px;height:140px}.empty-state .empty-title{font-size:16px}.empty-state .empty-description{font-size:13px;max-width:320px}.empty-404{padding:64px 24px}.empty-404 .empty-icon{font-size:72px}.empty-404 .empty-title{font-size:18px}}@media (max-width: 768px){.empty-state{padding:32px 16px}.empty-state .empty-icon,.empty-state .empty-image{font-size:48px;width:120px;height:120px;margin-bottom:16px}.empty-state .empty-title{font-size:14px;margin-bottom:8px}.empty-state .empty-description{font-size:12px;max-width:280px;margin-bottom:16px}.empty-state .empty-actions{flex-direction:column;width:100%}.empty-state .empty-actions .el-button{width:100%}.empty-states-grid{grid-template-columns:1fr}}.dark-theme .empty-state .empty-title{color:#ffffffe6}.dark-theme .empty-state .empty-description{color:#fff9}.dark-theme .empty-state-card{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .empty-state-card:hover{background:#1890ff1a;border-color:#1890ff}.dark-theme .empty-placeholder{background:#ffffff08;border-color:#ffffff1a;color:#fff6}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.page-slide-right-enter-active{transition:all .5s cubic-bezier(0,0,.2,1)}.page-slide-right-leave-active{transition:all .5s cubic-bezier(.4,0,1,1)}.page-slide-right-enter-from{opacity:0;transform:translate(100%)}.page-slide-right-leave-to{opacity:0;transform:translate(-30%)}.page-slide-left-enter-active{transition:all .5s cubic-bezier(0,0,.2,1)}.page-slide-left-leave-active{transition:all .5s cubic-bezier(.4,0,1,1)}.page-slide-left-enter-from{opacity:0;transform:translate(-100%)}.page-slide-left-leave-to{opacity:0;transform:translate(30%)}.page-zoom-enter-active,.page-zoom-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-zoom-enter-from{opacity:0;transform:scale(.95)}.page-zoom-leave-to{opacity:0;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both}.animate-fade-in-up-1{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.05s}.animate-fade-in-up-2{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.1s}.animate-fade-in-up-3{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.15s}.animate-fade-in-up-4{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.2s}.animate-fade-in-up-5{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.25s}.animate-fade-in-up-6{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.3s}.animate-fade-in-up-7{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.35s}.animate-fade-in-up-8{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.4s}.animate-fade-in-up-9{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.45s}.animate-fade-in-up-10{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.5s}.animate-fade-in-up-11{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.55s}.animate-fade-in-up-12{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.6s}.animate-fade-in-up-13{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.65s}.animate-fade-in-up-14{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.7s}.animate-fade-in-up-15{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.75s}.animate-fade-in-up-16{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.8s}.animate-fade-in-up-17{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.85s}.animate-fade-in-up-18{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.9s}.animate-fade-in-up-19{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:.95s}.animate-fade-in-up-20{animation:fadeInUp .5s cubic-bezier(0,0,.2,1) both;animation-delay:1s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .5s cubic-bezier(0,0,.2,1) both}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-left{animation:fadeInLeft .5s cubic-bezier(0,0,.2,1) both}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-right{animation:fadeInRight .5s cubic-bezier(0,0,.2,1) both}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .4s cubic-bezier(0,0,.2,1) both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(0,0,.2,1) both}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateX(-90deg)}40%{transform:perspective(400px) rotateX(20deg)}60%{opacity:1;transform:perspective(400px) rotateX(-10deg)}80%{transform:perspective(400px) rotateX(5deg)}to{opacity:1;transform:perspective(400px)}}.animate-flip-in{animation:flipIn .6s cubic-bezier(0,0,.2,1) both}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-lift-sm{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift-sm:hover{transform:translateY(-2px)}.hover-lift-lg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift-lg:hover{transform:translateY(-8px)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-rotate{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-rotate:hover{transform:rotate(5deg)}.hover-rotate-ccw{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-rotate-ccw:hover{transform:rotate(-5deg)}.hover-skew{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-skew:hover{transform:skew(-2deg,-2deg)}.hover-glow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 20px #1890ff66}.hover-glow.hover-glow-success:hover{box-shadow:0 0 20px #52c41a66}.hover-glow.hover-glow-warning:hover{box-shadow:0 0 20px #fa8c1666}.hover-glow.hover-glow-danger:hover{box-shadow:0 0 20px #f5222d66}.hover-brighten{transition:filter .3s cubic-bezier(.4,0,.2,1)}.hover-brighten:hover{filter:brightness(1.1)}.hover-blur-bg{position:relative;overflow:hidden}.hover-blur-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(0);transition:filter .3s cubic-bezier(.4,0,.2,1);z-index:-1}.hover-blur-bg:hover:before{filter:blur(8px)}.number-counter{display:inline-block;font-variant-numeric:tabular-nums;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes numberRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.number-roll-animate{animation:numberRoll .5s cubic-bezier(0,0,.2,1)}.number-change-highlight{animation:highlightFlash .8s cubic-bezier(.4,0,.2,1)}@keyframes highlightFlash{0%,to{background-color:transparent}50%{background-color:#1890ff33}}.number-increase{animation:increaseFlash .8s cubic-bezier(.4,0,.2,1)}@keyframes increaseFlash{0%,to{color:inherit}50%{color:#52c41a;transform:scale(1.1)}}.number-decrease{animation:decreaseFlash .8s cubic-bezier(.4,0,.2,1)}@keyframes decreaseFlash{0%,to{color:inherit}50%{color:#f5222d;transform:scale(1.1)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-fast{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.swing{animation:swing 1s ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.spin{animation:spin 1s linear infinite}.spin-slow{animation:spin 3s linear infinite}.spin-fast{animation:spin .5s linear infinite}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-up-enter-active{transition:all .3s cubic-bezier(0,0,.2,1)}.slide-fade-up-leave-active{transition:all .3s cubic-bezier(.4,0,1,1)}.slide-fade-up-enter-from,.slide-fade-up-leave-to{transform:translateY(20px);opacity:0}.slide-fade-right-enter-active{transition:all .3s cubic-bezier(0,0,.2,1)}.slide-fade-right-leave-active{transition:all .3s cubic-bezier(.4,0,1,1)}.slide-fade-right-enter-from,.slide-fade-right-leave-to{transform:translate(20px);opacity:0}.slide-fade-left-enter-active{transition:all .3s cubic-bezier(0,0,.2,1)}.slide-fade-left-leave-active{transition:all .3s cubic-bezier(.4,0,1,1)}.slide-fade-left-enter-from,.slide-fade-left-leave-to{transform:translate(-20px);opacity:0}.scale-fade-enter-active,.scale-fade-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.scale-fade-enter-from,.scale-fade-leave-to{transform:scale(.9);opacity:0}.list-move,.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.4,0,.2,1)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}.blink{animation:blink 1.5s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.elastic-pulse{animation:elasticPulse 2s infinite}@keyframes elasticPulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(.95)}30%{transform:scale(1.05)}40%{transform:scale(.98)}50%,to{transform:scale(1)}}.wobble{animation:wobble 1s ease-in-out}@keyframes wobble{0%,to{transform:translate(0)}15%{transform:translate(-25px) rotate(-5deg)}30%{transform:translate(20px) rotate(3deg)}45%{transform:translate(-15px) rotate(-3deg)}60%{transform:translate(10px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}}.flip{animation:flip 1s}@keyframes flip{0%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}to{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}.float-lg{animation:floatLarge 4s ease-in-out infinite}@keyframes floatLarge{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}.progress-animate{animation:progressFill 1s cubic-bezier(0,0,.2,1)}@keyframes circleProgress{0%{stroke-dashoffset:283}to{stroke-dashoffset:0}}.circle-progress-animate{animation:circleProgress 1.5s cubic-bezier(0,0,.2,1)}@keyframes barRise{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}.bar-rise{animation:barRise .8s cubic-bezier(0,0,.2,1) both}.bar-rise-1{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.1s}.bar-rise-2{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.2s}.bar-rise-3{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.3s}.bar-rise-4{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.4s}.bar-rise-5{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.5s}.bar-rise-6{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.6s}.bar-rise-7{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.7s}.bar-rise-8{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.8s}.bar-rise-9{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:.9s}.bar-rise-10{animation:barRise .8s cubic-bezier(0,0,.2,1) both;animation-delay:1s}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notify-slide-in-top{animation:slideInFromTop .4s cubic-bezier(0,0,.2,1)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notify-slide-in-right{animation:slideInFromRight .4s cubic-bezier(0,0,.2,1)}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.notify-slide-in-bottom{animation:slideInFromBottom .4s cubic-bezier(0,0,.2,1)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);opacity:0}.ripple-effect:active:after{width:200px;height:200px;opacity:.3;transition:width .6s,height .6s,opacity .6s}.press-effect{transition:transform .1s cubic-bezier(.4,0,.2,1)}.press-effect:active{transform:scale(.95)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.delay-10{animation-delay:1s}.delay-11{animation-delay:1.1s}.delay-12{animation-delay:1.2s}.delay-13{animation-delay:1.3s}.delay-14{animation-delay:1.4s}.delay-15{animation-delay:1.5s}.delay-16{animation-delay:1.6s}.delay-17{animation-delay:1.7s}.delay-18{animation-delay:1.8s}.delay-19{animation-delay:1.9s}.delay-20{animation-delay:2s}.duration-fast{animation-duration:.2s}.duration-normal{animation-duration:.4s}.duration-slow{animation-duration:.6s}.duration-slower{animation-duration:1s}.iterate-once{animation-iteration-count:1}.iterate-infinite{animation-iteration-count:infinite}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.asin-detail-container{background:#fafafa;min-height:100vh;padding-bottom:32px}.detail-fixed-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;position:sticky;top:0;z-index:1020;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-fixed-header.is-scrolled{box-shadow:0 8px 24px #0000001f}.header-section{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;gap:32px}.header-left{flex:0 0 auto;min-width:320px}.asin-title{display:flex;flex-direction:column;gap:12px}.asin-info{display:flex;align-items:center;gap:12px}.asin-code{font-size:18px;color:#1890ff;font-weight:600;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:4px 12px;background:#e6f7ff;border-radius:8px;border:1px solid rgba(24,144,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.asin-code:hover{background:#1890ff26;border-color:#1890ff}.btn-view-related{padding:6px 16px;background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 4px 15px #1890ff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-view-related:hover{background:linear-gradient(135deg,#0d47a1,#1890ff);box-shadow:0 6px 20px #1890ff66;transform:translateY(-2px)}.btn-view-related:active{transform:translateY(0)}.store-info{display:flex;align-items:center;gap:16px;padding:8px 12px;background:#f7f8fa;border-radius:8px}.store-name{font-size:13px;color:#8c8c8c;font-weight:500}.rating{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid #f0f0f0}.stars{color:#fa8c16;font-size:16px;letter-spacing:2px}.rating-value{font-size:14px;color:#262626;font-weight:600}.header-right{flex:1;display:flex;flex-direction:column;gap:16px}.product-info-row{display:flex;gap:32px;flex-wrap:wrap}.info-item{display:flex;gap:8px;font-size:13px;align-items:center}.info-item .label{color:#8c8c8c;font-weight:500}.info-item .value{color:#262626;font-weight:600;padding:4px 10px;background:#f7f8fa;border-radius:4px;transition:.3s}.info-item .value.dropdown{cursor:pointer}.info-item .value.dropdown:hover{background:#e6f7ff;color:#1890ff}.tags-section{display:flex;gap:24px;align-items:center;padding:12px;background:#f7f8fa;border-radius:8px}.tag-item{display:flex;gap:8px;font-size:13px;align-items:center}.tag-item .tag-label{color:#8c8c8c;font-weight:500}.tag-item .tag-value{color:#595959;padding:2px 8px;background:#fff;border-radius:4px;border:1px solid #f0f0f0}.btn-mark{padding:6px 20px;background:transparent;color:#1890ff;border:1px solid #1890ff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:auto}.btn-mark:hover{background:#1890ff;color:#fff;box-shadow:0 4px 15px #1890ff4d;transform:translateY(-1px)}.btn-mark:active{transform:translateY(0)}.main-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;transition:.3s}.main-content:hover{box-shadow:0 4px 12px #00000014}.section-content:not(:first-of-type){margin-top:20px}.overview-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-radius:12px;border:1px solid rgba(24,144,255,.15)}.overview-title-wrapper{display:flex;align-items:center;gap:12px}.overview-title-bar{width:4px;height:18px;background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:4px;flex-shrink:0;box-shadow:0 2px 8px #1890ff4d}.overview-title{margin:0;font-size:16px;font-weight:600;color:#0d47a1}.overview-controls{display:flex;align-items:center;gap:16px}.overview-time-granularity{display:inline-flex;background:#fff;border-radius:8px;padding:2px;box-shadow:0 2px 4px #0000000d}.granularity-btn{padding:4px 12px;border:none;background:transparent;color:#8c8c8c;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:.3s}.granularity-btn:hover{color:#1890ff;background:#e6f7ff}.granularity-btn.active{background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff;box-shadow:0 4px 15px #1890ff4d}.comparison-section{margin-bottom:24px}.trend-content{display:flex;flex-direction:column;gap:12px}.trend-content .metric-cards{max-width:100%;margin-bottom:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.trend-content .metric-card{padding:8px 6px;border-top:none!important;border-left:1px solid #f0f0f0!important}.trend-content .metric-card .metric-label{font-size:12px}.trend-content .metric-card .metric-value{font-size:14px}.trend-content .metric-card .metric-change{font-size:12px}.trend-content .metric-card.card-selected.blue-border{border-left:3px solid #1890FF!important}.trend-content .metric-card.card-selected.red-border{border-left:3px solid #F5222D!important}.trend-content .metric-card.card-selected.green-border{border-left:3px solid #52C41A!important}.trend-content .metric-card.card-selected.orange-border{border-left:3px solid #FAAD14!important}.trend-content .metric-card.card-selected.purple-border{border-left:3px solid #722ED1!important}.trend-content .metric-card.card-selected.cyan-border{border-left:3px solid #13C2C2!important}.trend-content .metric-card.card-selected.pink-border{border-left:3px solid #EB2F96!important}.trend-content .metric-card.card-selected.indigo-border{border-left:3px solid #2F54EB!important}.trend-content .metric-card.card-selected.teal-border{border-left:3px solid #13C2C2!important}.trend-content .metric-card.card-selected.lime-border{border-left:3px solid #A0D911!important}.section-header{margin-bottom:16px}.section-nav{display:inline-flex;background:#f7f8fa;border-radius:12px;padding:4px;gap:4px}.section-nav-btn{padding:8px 20px;border:none;background:transparent;color:#8c8c8c;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.section-nav-btn:hover{color:#1890ff;background:#1890ff14}.section-nav-btn.active{background:#fff;color:#1890ff;box-shadow:0 2px 4px #0000000d;font-weight:600}.section-nav-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:999px}.metric-cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px 16px;background:#f7f8fa;border-radius:12px}.metric-cards-title{font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center;gap:8px}.metric-cards-title:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:4px}.header-actions{display:flex;align-items:center;gap:8px}.refresh-btn,.settings-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#8c8c8c;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.refresh-btn:hover:not(:disabled),.settings-btn:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.refresh-btn:active:not(:disabled),.settings-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled,.settings-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon,.settings-icon{font-size:14px}.profit-chart-wrapper{width:100%;min-height:500px}.profit-modules-container{display:flex;gap:24px;min-height:500px}.profit-module-left{flex:1;min-width:0;padding-right:20px;border-right:2px solid #f0f0f0}.profit-module-right{flex:1;min-width:0;padding-left:20px}.inventory-analysis-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.inventory-analysis-row .analysis-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:.3s}.inventory-analysis-row .analysis-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.custom-metrics-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s cubic-bezier(0,0,.2,1)}.custom-metrics-modal{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000026;animation:scaleIn .3s cubic-bezier(0,0,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:2px solid #f0f0f0;background:#f7f8fa;border-radius:16px 16px 0 0}.modal-title{font-size:20px;font-weight:600;color:#262626;margin:0;display:flex;align-items:center;gap:12px}.modal-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#1890ff,#0d47a1);border-radius:4px}.modal-close{background:transparent;border:none;font-size:20px;color:#bfbfbf;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:.3s}.modal-close:hover{background:#fff1f0;color:#f5222d}.modal-body{flex:1;overflow-y:auto;padding:24px 32px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #f0f0f0;background:#f7f8fa;border-radius:0 0 16px 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 1280px){.header-section{flex-direction:column;gap:20px}.header-left{min-width:100%}.profit-modules-container{flex-direction:column}.profit-module-left,.profit-module-right{border:none;padding:0}.inventory-analysis-row{grid-template-columns:1fr}}@media (max-width: 1024px){.asin-detail-container{padding-bottom:20px}.main-content{padding:16px;border-radius:8px}.header-section{padding:16px}.product-info-row{flex-direction:column;gap:12px}.tags-section{flex-direction:column;align-items:flex-start;gap:12px}.custom-metrics-modal{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.trend-content .metric-cards{max-width:75%}}@media (max-width: 768px){.overview-header-section{flex-direction:column;gap:12px;align-items:flex-start}.section-nav{width:100%;flex-direction:column}.section-nav-btn{width:100%;text-align:center}.trend-content .metric-cards{max-width:100%}}.enhanced-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000f}.glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000000f,inset 0 1px 1px #ffffff80}.gradient-card{background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #1890ff4d;position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000014}.metric-card .metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#8c8c8c;font-size:14px}.metric-card .metric-header .metric-icon{font-size:20px}.metric-card .metric-value{font-size:28px;font-weight:600;color:#595959;margin-bottom:8px}.metric-card .metric-trend{display:flex;align-items:center;gap:4px;font-size:13px}.metric-card .metric-trend.trend-up{color:#52c41a}.metric-card .metric-trend.trend-down{color:#f5222d}.metric-card .metric-trend .trend-icon{font-size:14px}.metric-card .metric-chart{margin-top:16px;height:40px}.btn-enhanced-primary{background:linear-gradient(135deg,#1890ff,#0d47a1);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 15px #1890ff4d;transition:all .3s ease;position:relative;overflow:hidden}.btn-enhanced-primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:left .75s ease}.btn-enhanced-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}.btn-enhanced-primary:hover:before{left:150%}.btn-enhanced-primary:active{transform:translateY(0)}.btn-enhanced-secondary{background:#fff;color:#595959;border:1px solid #d9d9d9;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-enhanced-secondary:hover{border-color:#1890ff;color:#1890ff;background:#e6f7ff}.enhanced-input{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:10px 16px;font-size:14px;transition:all .3s ease;outline:none}.enhanced-input::placeholder{color:#8c8c8c}.enhanced-input:focus{background:#fff;border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.tag-base,.tag-info,.tag-error,.tag-warning,.tag-success{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.tag-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-warning{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tag-error{background:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.tag-info{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.trend-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:13px;font-weight:500}.trend-indicator.trend-up{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a}.trend-indicator.trend-down{background:linear-gradient(135deg,#fff1f0,#ffccc7);color:#f5222d}.trend-indicator.trend-neutral{background:#f5f5f5;color:#8c8c8c}.trend-indicator .trend-arrow{font-size:12px}.trend-indicator .trend-value{font-weight:600}.enhanced-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.enhanced-table thead{background:linear-gradient(135deg,#fafafa,#f5f5f5)}.enhanced-table thead th{padding:16px;font-size:14px;font-weight:600;color:#595959;text-align:left;border-bottom:2px solid #d9d9d9}.enhanced-table tbody tr{transition:background .2s ease;border-bottom:1px solid #f0f0f0}.enhanced-table tbody tr:hover{background:#e6f7ff}.enhanced-table tbody tr:last-child{border-bottom:none}.enhanced-table tbody tr td{padding:16px;font-size:14px;color:#8c8c8c}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:64px;color:#8c8c8c;margin-bottom:16px;opacity:.5}.empty-state .empty-title{font-size:16px;font-weight:500;color:#8c8c8c;margin-bottom:8px}.empty-state .empty-description{font-size:14px;color:#8c8c8c;margin-bottom:24px}.empty-state .empty-actions{display:flex;gap:12px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from{opacity:0;transform:translateY(20px)}.page-fade-leave-to{opacity:0;transform:translateY(-20px)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mr-24{margin-right:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.pr-24{padding-right:24px}.mt-32{margin-top:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.mr-32{margin-right:32px}.pt-32{padding-top:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.pr-32{padding-right:32px}.mt-48{margin-top:48px}.mb-48{margin-bottom:48px}.ml-48{margin-left:48px}.mr-48{margin-right:48px}.pt-48{padding-top:48px}.pb-48{padding-bottom:48px}.pl-48{padding-left:48px}.pr-48{padding-right:48px}.mt-64{margin-top:64px}.mb-64{margin-bottom:64px}.ml-64{margin-left:64px}.mr-64{margin-right:64px}.pt-64{padding-top:64px}.pb-64{padding-bottom:64px}.pl-64{padding-left:64px}.pr-64{padding-right:64px}.shadow-sm{box-shadow:0 2px 4px #0000000a}.shadow-md{box-shadow:0 4px 12px #00000014}.shadow-lg{box-shadow:0 8px 24px #0000001f}.shadow-xl{box-shadow:0 12px 40px #00000029}