.file-upload[data-v-7d6289a1]{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.upload-section[data-v-7d6289a1]{display:flex;gap:24px;flex-wrap:wrap}.upload-item[data-v-7d6289a1]{display:flex;flex-direction:column;min-width:280px;padding:20px;border:2px dashed #ddd;border-radius:8px;background:#fafafa;transition:all .3s ease}.upload-item.drag-over[data-v-7d6289a1]{border-color:#2196f3;background:#e3f2fd;transform:scale(1.02)}.upload-content[data-v-7d6289a1]{display:flex;flex-direction:column;gap:12px}.upload-item label[data-v-7d6289a1]{font-weight:600;color:#333;font-size:14px}.upload-item input[type=file][data-v-7d6289a1]{padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:#fff;transition:border-color .3s}.upload-item input[type=file][data-v-7d6289a1]:hover{border-color:#2196f3}.upload-item input[type=file][data-v-7d6289a1]:disabled{opacity:.5;cursor:not-allowed}.file-name[data-v-7d6289a1]{color:#2196f3;font-size:14px;word-break:break-all}.drag-hint[data-v-7d6289a1]{display:flex;align-items:center;gap:8px;padding:12px;background:#2196f30d;border-radius:4px;color:#666;font-size:13px}.drag-icon[data-v-7d6289a1]{font-size:20px}.drag-text[data-v-7d6289a1]{flex:1}.loading-indicator[data-v-7d6289a1]{display:flex;align-items:center;gap:12px;margin-top:16px;color:#666}.spinner[data-v-7d6289a1]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2196F3;border-radius:50%;animation:spin-7d6289a1 1s linear infinite}@keyframes spin-7d6289a1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-7d6289a1]{margin-top:16px;padding:12px;background:#ffebee;color:#f44336;border-radius:4px;border-left:4px solid #f44336}.time-filter[data-v-679e8214]{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.filter-label[data-v-679e8214]{font-weight:600;color:#333}.filter-controls[data-v-679e8214]{display:flex;align-items:center;gap:24px;flex:1;flex-wrap:wrap}.custom-range[data-v-679e8214]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.range-label[data-v-679e8214]{font-size:14px;color:#666}.time-input[data-v-679e8214]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.apply-btn[data-v-679e8214]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.apply-btn[data-v-679e8214]:hover{background:#45a049}.reset-btn[data-v-679e8214]{padding:8px 16px;background:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.reset-btn[data-v-679e8214]:hover{background:#f57c00}.stat-card[data-v-281c3ee8]{background:#fff;border-left:4px solid var(--v5fd83fb0);border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card[data-v-281c3ee8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-title[data-v-281c3ee8]{font-size:14px;color:#666;margin-bottom:8px}.stat-value[data-v-281c3ee8]{font-size:28px;font-weight:700}.stat-unit[data-v-281c3ee8]{font-size:16px;font-weight:400;margin-left:4px}.container-monitor[data-v-6777e654]{padding:20px}.stats-grid[data-v-6777e654]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.charts-container[data-v-6777e654]{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:24px}.chart-wrapper[data-v-6777e654]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.chart-wrapper h3[data-v-6777e654]{margin:0 0 16px;font-size:18px;color:#333;flex-shrink:0}.chart-wrapper canvas[data-v-6777e654]{height:300px!important;max-height:300px!important;min-height:300px!important;flex-shrink:0}.fullscreen-btn[data-v-6777e654]{display:block;margin-top:12px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s;flex-shrink:0}.fullscreen-btn[data-v-6777e654]:hover{background:#1976d2}.gpu-monitor[data-v-e82e5647]{padding:20px}.gpu-selector[data-v-e82e5647]{margin-bottom:24px}.gpu-selector h3[data-v-e82e5647]{margin:0 0 12px;font-size:16px;color:#333}.gpu-selector select[data-v-e82e5647]{padding:8px 16px;font-size:14px;border:1px solid #ddd;border-radius:4px;min-width:200px}.stats-grid[data-v-e82e5647]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.charts-container[data-v-e82e5647]{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:24px}.chart-wrapper[data-v-e82e5647]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.chart-wrapper h3[data-v-e82e5647]{margin:0 0 16px;font-size:18px;color:#333;flex-shrink:0}.chart-wrapper canvas[data-v-e82e5647]{height:300px!important;max-height:300px!important;min-height:300px!important;flex-shrink:0}.fullscreen-btn[data-v-e82e5647]{display:block;margin-top:12px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s;flex-shrink:0}.fullscreen-btn[data-v-e82e5647]:hover{background:#1976d2}.no-data[data-v-e82e5647]{text-align:center;padding:60px;color:#999;font-size:16px}.host-monitor[data-v-d69005de]{padding:20px}.stats-grid[data-v-d69005de]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.charts-container[data-v-d69005de]{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:24px}.chart-wrapper[data-v-d69005de]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.chart-wrapper h3[data-v-d69005de]{margin:0 0 16px;font-size:18px;color:#333;flex-shrink:0}.chart-wrapper canvas[data-v-d69005de]{height:300px!important;max-height:300px!important;min-height:300px!important;flex-shrink:0}.fullscreen-btn[data-v-d69005de]{display:block;margin-top:12px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s;flex-shrink:0}.fullscreen-btn[data-v-d69005de]:hover{background:#1976d2}.fullscreen-overlay[data-v-12c44971]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn-12c44971 .3s}@keyframes fadeIn-12c44971{0%{opacity:0}to{opacity:1}}.fullscreen-container[data-v-12c44971]{width:95%;height:90%;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp-12c44971 .3s}@keyframes slideUp-12c44971{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fullscreen-header[data-v-12c44971]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background:#f8f9fa}.fullscreen-header h2[data-v-12c44971]{margin:0;font-size:24px;color:#333}.close-btn[data-v-12c44971]{width:40px;height:40px;border:none;background:#f44336;color:#fff;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.close-btn[data-v-12c44971]:hover{background:#d32f2f}.fullscreen-content[data-v-12c44971]{flex:1;padding:24px;overflow:hidden}.fullscreen-content canvas[data-v-12c44971]{height:100%!important;width:100%!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a}.app-header h1{font-size:28px;font-weight:600}.app-main{flex:1;padding:24px 40px;max-width:1600px;width:100%;margin:0 auto}.section{margin-bottom:24px}.tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:12px 24px;border:none;background:#fff;border-radius:8px 8px 0 0;cursor:pointer;font-size:16px;font-weight:500;color:#666;box-shadow:0 2px 4px #0000001a;transition:all .3s}.tab-btn:hover{background:#f5f5f5}.tab-btn.active{background:#2196f3;color:#fff}.tab-count{margin-left:4px;font-size:14px;opacity:.8}.tab-content{background:#fff;border-radius:0 8px 8px;padding:24px;box-shadow:0 2px 4px #0000001a}.no-data-section{display:flex;justify-content:center;align-items:center;min-height:400px}.no-data{text-align:center;color:#999}.no-data p{font-size:18px}