.vm-monitor[data-v-8498e136]{padding:20px;font-family:Inter,-apple-system,sans-serif;color:#1e293b}.stats-row[data-v-8498e136]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-8498e136]{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-8498e136]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.online[data-v-8498e136]{background:#10b9811f;color:#10b981}.stat-icon.warning[data-v-8498e136]{background:#f59e0b1f;color:#f59e0b}.stat-icon.offline[data-v-8498e136]{background:#ef44441f;color:#ef4444}.stat-icon.total[data-v-8498e136]{background:#6366f11f;color:#6366f1}.stat-number[data-v-8498e136]{font-size:28px;font-weight:700;display:block;line-height:1}.stat-label[data-v-8498e136]{font-size:13px;color:#64748b}.filter-bar[data-v-8498e136]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-tabs[data-v-8498e136]{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px}.tab[data-v-8498e136]{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-8498e136]{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.btn-refresh[data-v-8498e136]{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-8498e136]:hover{background:#2563eb}.vm-grid[data-v-8498e136]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.vm-card[data-v-8498e136]{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.vm-card[data-v-8498e136]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.vm-card.offline[data-v-8498e136]{border-left:4px solid #ef4444}.vm-card.warning[data-v-8498e136]{border-left:4px solid #f59e0b}.vm-card.online[data-v-8498e136]{border-left:4px solid #10b981}.vm-card-header[data-v-8498e136]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vm-status-dot[data-v-8498e136]{width:10px;height:10px;border-radius:50%}.vm-status-dot.online[data-v-8498e136]{background:#10b981;box-shadow:0 0 8px #10b98180}.vm-status-dot.warning[data-v-8498e136]{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.vm-status-dot.offline[data-v-8498e136]{background:#ef4444;box-shadow:0 0 8px #ef444480;animation:pulse-dot-8498e136 1.5s infinite}@keyframes pulse-dot-8498e136{0%,to{opacity:1}50%{opacity:.4}}.vm-type-badge[data-v-8498e136]{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-8498e136]{font-size:18px;font-weight:700;margin-bottom:10px}.vm-ips[data-v-8498e136]{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.vm-ip[data-v-8498e136]{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.vm-ip i[data-v-8498e136]{width:14px;color:#94a3b8}.vm-domains[data-v-8498e136],.vm-databases[data-v-8498e136]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.domain-tag[data-v-8498e136]{font-size:11px;padding:3px 8px;border-radius:6px;background:#eff6ff;color:#3b82f6;font-weight:500}.db-tag[data-v-8498e136]{font-size:11px;padding:3px 8px;border-radius:6px;background:#f0fdf4;color:#16a34a;font-weight:500}.db-tag i[data-v-8498e136]{margin-right:3px}.domain-more[data-v-8498e136]{font-size:11px;color:#94a3b8;padding:3px 4px}.vm-metrics[data-v-8498e136]{margin-bottom:12px}.metric[data-v-8498e136]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.metric-label[data-v-8498e136]{font-size:11px;font-weight:600;color:#94a3b8;width:36px}.metric-bar[data-v-8498e136]{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.metric-fill[data-v-8498e136]{height:100%;border-radius:3px;transition:width .5s ease}.metric-fill.ok[data-v-8498e136]{background:#10b981}.metric-fill.warn[data-v-8498e136]{background:#f59e0b}.metric-fill.critical[data-v-8498e136]{background:#ef4444}.metric-value[data-v-8498e136]{font-size:12px;font-weight:600;width:36px;text-align:right}.vm-footer[data-v-8498e136]{padding-top:10px;border-top:1px solid #f1f5f9}.vm-last-seen[data-v-8498e136]{font-size:12px;color:#94a3b8}.vm-last-seen i[data-v-8498e136]{margin-right:4px}.modal-overlay[data-v-8498e136]{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-8498e136]{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-8498e136]{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-tabs[data-v-8498e136]{display:flex;border-bottom:2px solid #e2e8f0;padding:0 24px}.modal-tab[data-v-8498e136]{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;font-family:inherit}.modal-tab.active[data-v-8498e136]{color:#3b82f6;border-bottom-color:#3b82f6}.modal-tab[data-v-8498e136]:hover:not(.active){color:#1e293b}.modal-tab i[data-v-8498e136]{margin-right:6px}.modal-header h2[data-v-8498e136]{font-size:20px;font-weight:700;display:inline;margin-right:10px}.modal-close[data-v-8498e136]{background:none;border:none;font-size:20px;cursor:pointer;color:#94a3b8;padding:8px}.modal-close[data-v-8498e136]:hover{color:#1e293b}.modal-body[data-v-8498e136]{padding:24px 28px}.status-badge[data-v-8498e136]{font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600;text-transform:uppercase}.status-badge.online[data-v-8498e136]{background:#dcfce7;color:#16a34a}.status-badge.warning[data-v-8498e136]{background:#fef3c7;color:#d97706}.status-badge.offline[data-v-8498e136]{background:#fee2e2;color:#dc2626}.ml[data-v-8498e136]{margin-left:6px}.detail-grid[data-v-8498e136]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section[data-v-8498e136]{margin-bottom:24px}.detail-section h4[data-v-8498e136]{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.detail-section h4 i[data-v-8498e136]{margin-right:6px}.detail-table[data-v-8498e136]{width:100%;font-size:14px}.detail-table td[data-v-8498e136]{padding:6px 0;border-bottom:1px solid #f1f5f9}.detail-table td[data-v-8498e136]:first-child{color:#64748b;font-weight:500;width:45%}.domain-list[data-v-8498e136]{display:flex;flex-wrap:wrap;gap:8px}.domain-link[data-v-8498e136]{font-size:13px;padding:6px 12px;border-radius:8px;background:#eff6ff;color:#3b82f6;text-decoration:none;transition:background .2s}.domain-link[data-v-8498e136]:hover{background:#dbeafe}.domain-link i[data-v-8498e136]{margin-left:4px;font-size:10px}.db-link[data-v-8498e136]{font-size:13px;padding:6px 12px;border-radius:8px;background:#f0fdf4;color:#16a34a}.service-list[data-v-8498e136]{display:flex;flex-wrap:wrap;gap:8px}.service-badge[data-v-8498e136]{font-size:12px;padding:4px 12px;border-radius:8px;font-weight:500}.service-badge.active[data-v-8498e136]{background:#dcfce7;color:#16a34a}.service-badge.down[data-v-8498e136]{background:#fee2e2;color:#dc2626}.btn-history[data-v-8498e136]{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-8498e136]:hover{background:#e2e8f0}.history-table-wrap[data-v-8498e136]{overflow-x:auto}.history-table thead th[data-v-8498e136]{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;padding:8px 6px;border-bottom:2px solid #e2e8f0}.history-pagination[data-v-8498e136]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.history-pagination button[data-v-8498e136]{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:13px}.history-pagination button[data-v-8498e136]:disabled{opacity:.4;cursor:not-allowed}.history-pagination span[data-v-8498e136]{font-size:13px;color:#64748b}.edit-form[data-v-8498e136]{padding:8px 0}.form-row[data-v-8498e136]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-8498e136]{display:flex;flex-direction:column}.form-group label[data-v-8498e136]{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input[data-v-8498e136]{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#1e293b;outline:none;transition:border-color .15s}.form-input[data-v-8498e136]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.form-input[data-v-8498e136]{resize:vertical}.form-actions[data-v-8498e136]{display:flex;gap:12px;margin-top:16px}.btn-save[data-v-8498e136]{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.btn-save[data-v-8498e136]:hover{background:#059669}.btn-save[data-v-8498e136]:disabled{opacity:.5;cursor:wait}.btn-save i[data-v-8498e136],.btn-delete i[data-v-8498e136],.btn-cancel i[data-v-8498e136]{margin-right:6px}.btn-delete[data-v-8498e136]{padding:10px 24px;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.btn-delete[data-v-8498e136]:hover{background:#fecaca}.btn-cancel[data-v-8498e136]{padding:10px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.edit-msg[data-v-8498e136]{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:14px}.edit-msg.success[data-v-8498e136]{background:#dcfce7;color:#16a34a}.edit-msg.error[data-v-8498e136]{background:#fee2e2;color:#dc2626}.domain-manage-list[data-v-8498e136]{margin-bottom:16px}.domain-manage-item[data-v-8498e136]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px}.domain-manage-link[data-v-8498e136]{color:#3b82f6;text-decoration:none;font-size:14px}.domain-manage-link[data-v-8498e136]:hover{text-decoration:underline}.btn-remove-domain[data-v-8498e136]{background:#fee2e2;color:#dc2626;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.btn-remove-domain[data-v-8498e136]:hover{background:#fecaca}.add-domain-form[data-v-8498e136]{display:flex;gap:10px}.add-domain-form .form-input[data-v-8498e136]{flex:1}.btn-add-domain[data-v-8498e136]{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.btn-add-domain[data-v-8498e136]:hover{background:#2563eb}.btn-add-domain[data-v-8498e136]:disabled{opacity:.5;cursor:not-allowed}.empty-msg[data-v-8498e136]{color:#94a3b8;font-size:14px;padding:16px 0}.delete-confirm[data-v-8498e136]{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:20px;margin-top:20px}.delete-confirm p[data-v-8498e136]{margin:0 0 8px;font-size:14px;color:#991b1b}@media (max-width: 768px){.vm-monitor[data-v-8498e136]{padding:12px}.stats-row[data-v-8498e136]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card[data-v-8498e136]{padding:14px}.stat-number[data-v-8498e136]{font-size:22px}.stat-label[data-v-8498e136]{font-size:12px}.vm-grid[data-v-8498e136]{grid-template-columns:1fr;gap:12px}.vm-card[data-v-8498e136]{padding:16px}.vm-label[data-v-8498e136]{font-size:16px}.detail-grid[data-v-8498e136]{grid-template-columns:1fr}.filter-bar[data-v-8498e136]{flex-direction:column;gap:10px}.filter-tabs[data-v-8498e136]{width:100%}.tab[data-v-8498e136]{flex:1;text-align:center;padding:8px 10px;font-size:13px}.btn-refresh[data-v-8498e136]{width:100%;justify-content:center}.form-row[data-v-8498e136]{grid-template-columns:1fr}.modal-content[data-v-8498e136]{width:95%;max-width:none;max-height:95vh;border-radius:14px}.modal-header[data-v-8498e136]{padding:16px 18px}.modal-header h2[data-v-8498e136]{font-size:16px}.modal-body[data-v-8498e136]{padding:16px 18px}.modal-tabs[data-v-8498e136]{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-tab[data-v-8498e136]{padding:10px 14px;font-size:13px;white-space:nowrap}.domain-manage-item[data-v-8498e136]{padding:8px 12px}.add-domain-form[data-v-8498e136]{flex-direction:column}.btn-add-domain[data-v-8498e136]{width:100%;justify-content:center}.form-actions[data-v-8498e136]{flex-direction:column}.btn-save[data-v-8498e136],.btn-delete[data-v-8498e136],.btn-cancel[data-v-8498e136]{width:100%;text-align:center;justify-content:center}.detail-table td[data-v-8498e136]{padding:5px 0;font-size:13px}.history-table-wrap[data-v-8498e136]{font-size:12px}.history-pagination button[data-v-8498e136]{padding:6px 10px;font-size:12px}}@media (max-width: 400px){.stats-row[data-v-8498e136]{grid-template-columns:1fr 1fr;gap:8px}.stat-icon[data-v-8498e136]{width:36px;height:36px;font-size:16px}.vm-ips[data-v-8498e136]{font-size:12px}.domain-tag[data-v-8498e136],.db-tag[data-v-8498e136]{font-size:10px}}