.dashboard-page[data-v-76cc0b8d]{padding:0;background:linear-gradient(135deg,#f5f7fa,#e4ecf7);min-height:calc(100vh - 60px);display:flex;flex-direction:column}.top-status-bar[data-v-76cc0b8d]{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(90deg,#fff,#f8fafc);border-bottom:1px solid #e8e8e8;box-shadow:0 1px 3px #00000005}.status-left[data-v-76cc0b8d]{display:flex;align-items:center;gap:24px}.system-status[data-v-76cc0b8d]{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;background:#10b98114}.system-status.online[data-v-76cc0b8d]{color:#059669}.status-dot[data-v-76cc0b8d]{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative;animation:pulse-76cc0b8d 2s infinite}.status-dot[data-v-76cc0b8d]:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:currentColor;opacity:0;animation:ripple-76cc0b8d 2s infinite}@keyframes pulse-76cc0b8d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes ripple-76cc0b8d{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}.update-time[data-v-76cc0b8d]{display:flex;align-items:center;gap:6px;font-size:13px;color:#8c8c8c;font-family:SF Mono,Monaco,monospace}.auto-refresh[data-v-76cc0b8d]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s;background:#f3f4f6;font-weight:500}.auto-refresh[data-v-76cc0b8d]:hover{background:#e5e7eb;color:#374151;transform:scale(1.02)}.rotating[data-v-76cc0b8d]{animation:rotate-76cc0b8d 1s linear infinite}@keyframes rotate-76cc0b8d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-section[data-v-76cc0b8d]{padding:24px;background:#fff;margin:20px 24px;border-radius:16px;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(255,255,255,.8)}.overview-header[data-v-76cc0b8d]{margin-bottom:24px;display:flex;align-items:baseline;gap:12px}.overview-header h2[data-v-76cc0b8d]{font-size:20px;font-weight:700;color:#1a1a2e;margin:0;background:linear-gradient(135deg,#1a1a2e,#4a4a6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overview-subtitle[data-v-76cc0b8d]{font-size:13px;color:#9ca3af}.stats-row[data-v-76cc0b8d]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-76cc0b8d]{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:22px;position:relative;border:1px solid rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:cardSlideIn-76cc0b8d .6s ease-out backwards}.stat-card[data-v-76cc0b8d]:nth-child(1){animation-delay:.1s}.stat-card[data-v-76cc0b8d]:nth-child(2){animation-delay:.2s}.stat-card[data-v-76cc0b8d]:nth-child(3){animation-delay:.3s}.stat-card[data-v-76cc0b8d]:nth-child(4){animation-delay:.4s}@keyframes cardSlideIn-76cc0b8d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card[data-v-76cc0b8d]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,transparent);transition:all .3s}.stat-card.pro-card[data-v-76cc0b8d]:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-card.auto-card[data-v-76cc0b8d]:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.usage-card[data-v-76cc0b8d]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card.machine-card[data-v-76cc0b8d]:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card[data-v-76cc0b8d]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a;border-color:transparent}.stat-card[data-v-76cc0b8d]:hover:before{height:4px}.stat-card-inner[data-v-76cc0b8d]{position:relative;z-index:1}.stat-header[data-v-76cc0b8d]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-title[data-v-76cc0b8d]{font-size:14px;color:#6b7280;font-weight:600;letter-spacing:.3px}.stat-icon-wrap[data-v-76cc0b8d]{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s}.stat-card:hover .stat-icon-wrap[data-v-76cc0b8d]{transform:scale(1.1) rotate(5deg)}.stat-icon-wrap.pro[data-v-76cc0b8d]{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;box-shadow:0 4px 12px #7c3aed26}.stat-icon-wrap.auto[data-v-76cc0b8d]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;box-shadow:0 4px 12px #05966926}.stat-icon-wrap.machine[data-v-76cc0b8d]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;box-shadow:0 4px 12px #2563eb26}.stat-icon-wrap.usage[data-v-76cc0b8d]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 4px 12px #d9770626}.stat-icon-wrap .el-icon[data-v-76cc0b8d]{font-size:20px}.stat-main[data-v-76cc0b8d]{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}.stat-number[data-v-76cc0b8d]{font-size:36px;font-weight:800;line-height:1;font-family:DIN Alternate,SF Pro Display,-apple-system,sans-serif;letter-spacing:-1px;transition:all .3s}.stat-card.pro-card .stat-number[data-v-76cc0b8d]{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.auto-card .stat-number[data-v-76cc0b8d]{background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.usage-card .stat-number[data-v-76cc0b8d]{background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.machine-card .stat-number[data-v-76cc0b8d]{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card:hover .stat-number[data-v-76cc0b8d]{transform:scale(1.05)}.stat-unit[data-v-76cc0b8d]{font-size:14px;color:#9ca3af;font-weight:500}.stat-footer[data-v-76cc0b8d]{display:flex;flex-direction:column;gap:8px}.stat-bar[data-v-76cc0b8d]{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.stat-bar-fill[data-v-76cc0b8d]{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.stat-bar-fill[data-v-76cc0b8d]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-76cc0b8d 2s infinite}@keyframes shimmer-76cc0b8d{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-bar-fill.pro[data-v-76cc0b8d]{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.stat-bar-fill.auto[data-v-76cc0b8d]{background:linear-gradient(90deg,#059669,#34d399)}.stat-hint[data-v-76cc0b8d]{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-block}.stat-hint.success[data-v-76cc0b8d]{color:#059669;background:#10b9811a}.stat-hint.warning[data-v-76cc0b8d]{color:#d97706;background:#f59e0b1a}.stat-hint.danger[data-v-76cc0b8d]{color:#dc2626;background:#ef44441a}.machine-footer[data-v-76cc0b8d]{flex-direction:row!important;justify-content:space-between;align-items:center}.machine-status-group[data-v-76cc0b8d]{display:flex;gap:12px}.status-item[data-v-76cc0b8d]{display:flex;align-items:center;gap:6px;font-size:12px}.status-item .dot[data-v-76cc0b8d]{width:6px;height:6px;border-radius:50%}.status-item.success[data-v-76cc0b8d]{color:#52c41a}.status-item.success .dot[data-v-76cc0b8d]{background:#52c41a}.status-item.danger[data-v-76cc0b8d]{color:#ff4d4f}.status-item.danger .dot[data-v-76cc0b8d]{background:#ff4d4f}.ring-indicator[data-v-76cc0b8d]{position:absolute;right:16px;bottom:16px;width:50px;height:50px}.mini-chart[data-v-76cc0b8d]{height:40px;width:100%}.main-content-area[data-v-76cc0b8d]{flex:1 1 auto;display:grid;grid-template-columns:400px 1fr;gap:16px;padding:0 24px 16px;min-height:0;overflow:visible}.left-panel[data-v-76cc0b8d]{display:flex;flex-direction:column;gap:16px}.panel-card[data-v-76cc0b8d]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.03);transition:all .3s}.panel-card[data-v-76cc0b8d]:hover{box-shadow:0 8px 30px #00000014}.panel-header[data-v-76cc0b8d]{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #f3f4f6;background:linear-gradient(180deg,#fafbfc,#fff)}.panel-title[data-v-76cc0b8d]{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#1f2937}.panel-title .el-icon[data-v-76cc0b8d]{color:#3b82f6;font-size:18px}.panel-body[data-v-76cc0b8d]{padding:22px}.query-section[data-v-76cc0b8d]{margin-bottom:16px}.query-row[data-v-76cc0b8d]{display:flex;gap:12px;margin-bottom:12px}.query-date-picker[data-v-76cc0b8d]{flex:1}.query-btn[data-v-76cc0b8d]{flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:10px 20px;font-weight:600;box-shadow:0 4px 12px #3b82f64d;transition:all .3s}.query-btn[data-v-76cc0b8d]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.quick-btns[data-v-76cc0b8d]{display:flex;gap:10px;flex-wrap:wrap}.quick-btn[data-v-76cc0b8d]{background:#fff;border:1px solid #e5e7eb;color:#6b7280;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .25s}.quick-btn[data-v-76cc0b8d]:hover{color:#3b82f6;border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.query-result-box[data-v-76cc0b8d]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:14px;padding:20px;border:1px solid rgba(16,185,129,.2);box-shadow:0 4px 15px #10b9811a}.result-header[data-v-76cc0b8d]{display:flex;align-items:center;gap:8px;font-size:13px;color:#059669;margin-bottom:14px;font-weight:600}.result-content[data-v-76cc0b8d]{text-align:center}.result-stat .result-num[data-v-76cc0b8d]{font-size:42px;font-weight:800;display:block;font-family:DIN Alternate,-apple-system,sans-serif;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countUp-76cc0b8d .6s ease-out}@keyframes countUp-76cc0b8d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-stat .result-label[data-v-76cc0b8d]{font-size:13px;color:#10b981;font-weight:500}.result-content.dual-stats[data-v-76cc0b8d]{display:flex;justify-content:center;align-items:center;gap:24px}.result-divider[data-v-76cc0b8d]{width:1px;height:60px;background:linear-gradient(180deg,transparent 0%,#10b981 50%,transparent 100%);opacity:.4}.result-stat.seven-day .result-num[data-v-76cc0b8d]{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-stat.seven-day .result-label[data-v-76cc0b8d]{color:#6366f1}.result-stat.auto-stat .result-num[data-v-76cc0b8d]{background:linear-gradient(135deg,#f43f5e,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-stat.auto-stat .result-label[data-v-76cc0b8d]{color:#f43f5e}.fade-enter-active[data-v-76cc0b8d],.fade-leave-active[data-v-76cc0b8d]{transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-76cc0b8d],.fade-leave-to[data-v-76cc0b8d]{opacity:0;transform:translateY(-15px) scale(.95)}.machine-panel[data-v-76cc0b8d]{flex:1;display:flex;flex-direction:column}.machine-panel .panel-body[data-v-76cc0b8d]{flex:1;display:flex;flex-direction:column;padding:16px 20px}.view-tabs[data-v-76cc0b8d]{display:flex;gap:4px;margin-bottom:16px;background:#f5f5f5;padding:4px;border-radius:8px}.view-tab[data-v-76cc0b8d]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;color:#8c8c8c;cursor:pointer;transition:all .2s}.view-tab[data-v-76cc0b8d]:hover{color:#595959}.view-tab.active[data-v-76cc0b8d]{background:#fff;color:#1890ff;box-shadow:0 1px 3px #0000001a}.view-tab .el-icon[data-v-76cc0b8d]{font-size:14px}.chart-view[data-v-76cc0b8d]{flex:1;min-height:260px}.pie-chart-box[data-v-76cc0b8d]{width:100%;height:100%;min-height:260px}.table-view[data-v-76cc0b8d]{flex:1}.machine-cell[data-v-76cc0b8d]{display:flex;align-items:center;gap:8px}.machine-dot[data-v-76cc0b8d]{width:6px;height:6px;border-radius:50%}.machine-dot.online[data-v-76cc0b8d]{background:#52c41a}.machine-dot.offline[data-v-76cc0b8d]{background:#ff4d4f}.status-badge[data-v-76cc0b8d]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.online[data-v-76cc0b8d]{background:#f6ffed;color:#52c41a}.status-badge.offline[data-v-76cc0b8d]{background:#fff2f0;color:#ff4d4f}.action-btns[data-v-76cc0b8d]{display:flex;gap:4px;justify-content:center}[data-v-76cc0b8d] .offline-row{background:#fffbe6!important}.right-panel[data-v-76cc0b8d]{display:flex;flex-direction:column}.trend-panel[data-v-76cc0b8d]{flex:1;display:flex;flex-direction:column}.trend-panel .panel-header[data-v-76cc0b8d]{flex-shrink:0}.panel-actions[data-v-76cc0b8d]{display:flex;align-items:center;gap:16px}.legend-inline[data-v-76cc0b8d]{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.legend-inline .legend-dot[data-v-76cc0b8d]{width:8px;height:8px;border-radius:50%}.trend-body[data-v-76cc0b8d]{flex:1;display:flex;flex-direction:column;min-height:0}.chart-legend-controls[data-v-76cc0b8d]{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.legend-btn[data-v-76cc0b8d]{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;background:#fff;color:#6b7280;-webkit-user-select:none;user-select:none}.legend-btn[data-v-76cc0b8d]:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-2px)}.legend-btn.active[data-v-76cc0b8d]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1d4ed8;box-shadow:0 4px 15px #3b82f633}.legend-btn.inactive[data-v-76cc0b8d]{opacity:.5;filter:grayscale(.3)}.legend-btn.inactive[data-v-76cc0b8d]:hover{opacity:.75;filter:grayscale(0)}.legend-color[data-v-76cc0b8d]{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legend-text[data-v-76cc0b8d]{font-weight:600}.legend-tip[data-v-76cc0b8d]{font-size:11px;color:#1890ff;background:#e6f7ff;padding:2px 6px;border-radius:4px;margin-left:4px}.check-icon[data-v-76cc0b8d]{font-size:14px;color:#52c41a;margin-left:4px}.trend-chart-container[data-v-76cc0b8d]{flex:1;min-height:320px;width:100%}[data-v-76cc0b8d] .el-table{--el-table-border-color: #f0f0f0;--el-table-header-bg-color: #fafafa;font-size:13px}[data-v-76cc0b8d] .el-table th{font-weight:500;color:#262626}[data-v-76cc0b8d] .el-table td{color:#595959}[data-v-76cc0b8d] .el-button.is-text{color:#8c8c8c}[data-v-76cc0b8d] .el-button.is-text:hover{color:#1890ff;background:transparent}[data-v-76cc0b8d] .el-date-editor{--el-input-border-color: #d9d9d9}[data-v-76cc0b8d] .el-date-editor:hover{--el-input-border-color: #40a9ff}.hitokoto-inline[data-v-76cc0b8d]{display:flex;align-items:center;gap:10px;font-size:13px;max-width:500px;overflow:hidden}.hitokoto-divider[data-v-76cc0b8d]{color:#e0e0e0;font-weight:200;font-size:16px}.hitokoto-inline .hitokoto-text[data-v-76cc0b8d]{font-family:Georgia,Times New Roman,KaiTi,楷体,serif;font-style:italic;font-size:13px;color:#7c7c7c;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#8b7355,sienna);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hitokoto-inline .hitokoto-from[data-v-76cc0b8d]{font-family:Georgia,Times New Roman,serif;font-style:italic;color:#b0a090;font-size:12px;flex-shrink:0;white-space:nowrap}@media(max-width:1400px){.stats-row[data-v-76cc0b8d]{grid-template-columns:repeat(2,1fr)}.main-content-area[data-v-76cc0b8d]{grid-template-columns:1fr}.left-panel[data-v-76cc0b8d]{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.left-panel[data-v-76cc0b8d]{grid-template-columns:1fr}}@media(max-width:768px){.top-status-bar[data-v-76cc0b8d]{padding:10px 16px;flex-wrap:wrap;gap:12px}.status-left[data-v-76cc0b8d]{gap:16px}.update-time[data-v-76cc0b8d]{display:none}.overview-section[data-v-76cc0b8d]{margin:12px 16px;padding:16px}.overview-header h2[data-v-76cc0b8d]{font-size:16px}.stats-row[data-v-76cc0b8d]{grid-template-columns:1fr;gap:12px}.stat-card[data-v-76cc0b8d]{padding:16px}.stat-number[data-v-76cc0b8d]{font-size:28px}.main-content-area[data-v-76cc0b8d]{padding:0 16px 16px;gap:12px}.panel-header[data-v-76cc0b8d]{padding:12px 16px}.panel-body[data-v-76cc0b8d]{padding:16px}.query-row[data-v-76cc0b8d]{flex-direction:column}.view-tabs[data-v-76cc0b8d]{overflow-x:auto}.view-tab span[data-v-76cc0b8d]{display:none}.legend-inline span[data-v-76cc0b8d]:not(.legend-dot){display:none}.chart-legend-controls[data-v-76cc0b8d]{gap:8px}.legend-btn[data-v-76cc0b8d]{padding:6px 12px;font-size:12px}.legend-text[data-v-76cc0b8d]{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-tip[data-v-76cc0b8d]{display:none}.trend-chart-container[data-v-76cc0b8d]{min-height:280px}.hitokoto-inline[data-v-76cc0b8d]{display:none}}@media(max-width:480px){.top-status-bar[data-v-76cc0b8d]{padding:8px 12px}.system-status[data-v-76cc0b8d]{font-size:12px}.overview-section[data-v-76cc0b8d]{margin:8px 12px;padding:12px}.overview-header h2[data-v-76cc0b8d]{font-size:15px}.stat-card[data-v-76cc0b8d]{padding:14px}.stat-number[data-v-76cc0b8d]{font-size:24px}.stat-title[data-v-76cc0b8d]{font-size:13px}.main-content-area[data-v-76cc0b8d]{padding:0 12px 12px}.panel-title[data-v-76cc0b8d]{font-size:14px}.quick-btns[data-v-76cc0b8d]{gap:6px}.chart-legend-controls[data-v-76cc0b8d]{gap:6px;flex-direction:column}.legend-btn[data-v-76cc0b8d]{padding:8px 12px;justify-content:flex-start}.legend-text[data-v-76cc0b8d]{max-width:none}.quick-btn[data-v-76cc0b8d]{font-size:12px;padding:4px 8px}.pie-chart-box[data-v-76cc0b8d]{min-height:220px}.trend-chart-container[data-v-76cc0b8d]{min-height:240px}}