.vm-monitor[data-v-1d4085c7]{padding:20px;font-family:Inter,-apple-system,sans-serif;color:#1e293b}.stats-row[data-v-1d4085c7]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-1d4085c7]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.stat-icon[data-v-1d4085c7]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.online[data-v-1d4085c7]{background:#10b9811f;color:#10b981}.stat-icon.warning[data-v-1d4085c7]{background:#f59e0b1f;color:#f59e0b}.stat-icon.offline[data-v-1d4085c7]{background:#ef44441f;color:#ef4444}.stat-icon.total[data-v-1d4085c7]{background:#6366f11f;color:#6366f1}.stat-number[data-v-1d4085c7]{font-size:28px;font-weight:700;display:block;line-height:1}.stat-label[data-v-1d4085c7]{font-size:13px;color:#64748b}.filter-bar[data-v-1d4085c7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-tabs[data-v-1d4085c7]{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px}.tab[data-v-1d4085c7]{padding:8px 18px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s}.tab.active[data-v-1d4085c7]{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.btn-refresh[data-v-1d4085c7]{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-refresh[data-v-1d4085c7]:hover{background:#2563eb}.vm-grid[data-v-1d4085c7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.vm-card[data-v-1d4085c7]{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.vm-card[data-v-1d4085c7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.vm-card.offline[data-v-1d4085c7]{border-left:4px solid #ef4444}.vm-card.warning[data-v-1d4085c7]{border-left:4px solid #f59e0b}.vm-card.online[data-v-1d4085c7]{border-left:4px solid #10b981}.vm-card-header[data-v-1d4085c7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vm-status-dot[data-v-1d4085c7]{width:10px;height:10px;border-radius:50%}.vm-status-dot.online[data-v-1d4085c7]{background:#10b981;box-shadow:0 0 8px #10b98180}.vm-status-dot.warning[data-v-1d4085c7]{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.vm-status-dot.offline[data-v-1d4085c7]{background:#ef4444;box-shadow:0 0 8px #ef444480;animation:pulse-dot-1d4085c7 1.5s infinite}@keyframes pulse-dot-1d4085c7{0%,to{opacity:1}50%{opacity:.4}}.vm-type-badge[data-v-1d4085c7]{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;font-weight:600;background:#f1f5f9;color:#64748b}.vm-label[data-v-1d4085c7]{font-size:18px;font-weight:700;margin-bottom:10px}.vm-ips[data-v-1d4085c7]{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.vm-ip[data-v-1d4085c7]{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.vm-ip i[data-v-1d4085c7]{width:14px;color:#94a3b8}.vm-domains[data-v-1d4085c7],.vm-databases[data-v-1d4085c7]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.domain-tag[data-v-1d4085c7]{font-size:11px;padding:3px 8px;border-radius:6px;background:#eff6ff;color:#3b82f6;font-weight:500}.db-tag[data-v-1d4085c7]{font-size:11px;padding:3px 8px;border-radius:6px;background:#f0fdf4;color:#16a34a;font-weight:500}.db-tag i[data-v-1d4085c7]{margin-right:3px}.domain-more[data-v-1d4085c7]{font-size:11px;color:#94a3b8;padding:3px 4px}.vm-metrics[data-v-1d4085c7]{margin-bottom:12px}.metric[data-v-1d4085c7]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.metric-label[data-v-1d4085c7]{font-size:11px;font-weight:600;color:#94a3b8;width:36px}.metric-bar[data-v-1d4085c7]{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.metric-fill[data-v-1d4085c7]{height:100%;border-radius:3px;transition:width .5s ease}.metric-fill.ok[data-v-1d4085c7]{background:#10b981}.metric-fill.warn[data-v-1d4085c7]{background:#f59e0b}.metric-fill.critical[data-v-1d4085c7]{background:#ef4444}.metric-value[data-v-1d4085c7]{font-size:12px;font-weight:600;width:36px;text-align:right}.vm-footer[data-v-1d4085c7]{padding-top:10px;border-top:1px solid #f1f5f9}.vm-last-seen[data-v-1d4085c7]{font-size:12px;color:#94a3b8}.vm-last-seen i[data-v-1d4085c7]{margin-right:4px}.modal-overlay[data-v-1d4085c7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-1d4085c7]{background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0003}.modal-header[data-v-1d4085c7]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}.modal-header h2[data-v-1d4085c7]{font-size:20px;font-weight:700;display:inline;margin-right:10px}.modal-close[data-v-1d4085c7]{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:8px}.modal-close[data-v-1d4085c7]:hover{color:#1e293b}.modal-body[data-v-1d4085c7]{padding:24px 28px}.status-badge[data-v-1d4085c7]{font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600;text-transform:uppercase}.status-badge.online[data-v-1d4085c7]{background:#dcfce7;color:#16a34a}.status-badge.warning[data-v-1d4085c7]{background:#fef3c7;color:#d97706}.status-badge.offline[data-v-1d4085c7]{background:#fee2e2;color:#dc2626}.ml[data-v-1d4085c7]{margin-left:6px}.detail-grid[data-v-1d4085c7]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section[data-v-1d4085c7]{margin-bottom:24px}.detail-section h4[data-v-1d4085c7]{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.detail-section h4 i[data-v-1d4085c7]{margin-right:6px}.detail-table[data-v-1d4085c7]{width:100%;font-size:14px}.detail-table td[data-v-1d4085c7]{padding:6px 0;border-bottom:1px solid #f1f5f9}.detail-table td[data-v-1d4085c7]:first-child{color:#64748b;font-weight:500;width:45%}.domain-list[data-v-1d4085c7]{display:flex;flex-wrap:wrap;gap:8px}.domain-link[data-v-1d4085c7]{font-size:13px;padding:6px 12px;border-radius:8px;background:#eff6ff;color:#3b82f6;text-decoration:none;transition:background .2s}.domain-link[data-v-1d4085c7]:hover{background:#dbeafe}.domain-link i[data-v-1d4085c7]{margin-left:4px;font-size:10px}.db-link[data-v-1d4085c7]{font-size:13px;padding:6px 12px;border-radius:8px;background:#f0fdf4;color:#16a34a}.service-list[data-v-1d4085c7]{display:flex;flex-wrap:wrap;gap:8px}.service-badge[data-v-1d4085c7]{font-size:12px;padding:4px 12px;border-radius:8px;font-weight:500}.service-badge.active[data-v-1d4085c7]{background:#dcfce7;color:#16a34a}.service-badge.down[data-v-1d4085c7]{background:#fee2e2;color:#dc2626}.btn-history[data-v-1d4085c7]{padding:10px 20px;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;font-size:14px;color:#475569;transition:background .2s;margin-bottom:16px}.btn-history[data-v-1d4085c7]:hover{background:#e2e8f0}.history-table-wrap[data-v-1d4085c7]{overflow-x:auto}.history-table thead th[data-v-1d4085c7]{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;padding:8px 6px;border-bottom:2px solid #e2e8f0}.history-pagination[data-v-1d4085c7]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.history-pagination button[data-v-1d4085c7]{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:13px}.history-pagination button[data-v-1d4085c7]:disabled{opacity:.4;cursor:not-allowed}.history-pagination span[data-v-1d4085c7]{font-size:13px;color:#64748b}@media (max-width: 768px){.stats-row[data-v-1d4085c7]{grid-template-columns:repeat(2,1fr)}.vm-grid[data-v-1d4085c7],.detail-grid[data-v-1d4085c7]{grid-template-columns:1fr}.filter-bar[data-v-1d4085c7]{flex-direction:column;gap:12px}}