@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, "Courier New", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--header-height:64px}.theme-light{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-hover:#e8eaef;--bg-active:#dde0e6;--bg-overlay:#00000080;--bg-tooltip:#fff;--bg-glass:#ffffffb8;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-hover:#cbd5e1;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-success-border:#22c55e4d;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-border:#ef44444d;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f64d;--color-muted:#94a3b8;--color-muted-bg:#94a3b81a;--color-accent:#6366f1;--color-accent-bg:#6366f114;--color-accent-border:#6366f140;--bar-online:#22c55e;--bar-offline:#ef4444;--bar-maintenance:#3b82f6;--bar-retrying:#f59e0b;--bar-unknown:#d1d5db;--bar-bg:#e2e8f0;--chart-fill-online:#22c55e26;--chart-fill-offline:#ef444426;--chart-line:#6366f1;--chart-grid:#e2e8f0;--scrollbar-thumb:#cbd5e1;--scrollbar-track:transparent}.theme-dark{--bg-primary:#0c0e14;--bg-secondary:#151822;--bg-tertiary:#1c1f2e;--bg-hover:#252939;--bg-active:#2e3348;--bg-overlay:#000000b3;--bg-tooltip:#1e2235;--bg-glass:#151822cc;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-primary:#1e2235;--border-secondary:#161a28;--border-hover:#2e3348;--color-success:#4ade80;--color-success-bg:#4ade801a;--color-success-border:#4ade8040;--color-danger:#f87171;--color-danger-bg:#f871711a;--color-danger-border:#f8717140;--color-warning:#fbbf24;--color-warning-bg:#fbbf241a;--color-warning-border:#fbbf2440;--color-info:#60a5fa;--color-info-bg:#60a5fa1a;--color-info-border:#60a5fa40;--color-muted:#64748b;--color-muted-bg:#64748b1f;--color-accent:#818cf8;--color-accent-bg:#818cf81a;--color-accent-border:#818cf833;--bar-online:#4ade80;--bar-offline:#f87171;--bar-maintenance:#60a5fa;--bar-retrying:#fbbf24;--bar-unknown:#374151;--bar-bg:#1e2235;--chart-fill-online:#4ade801f;--chart-fill-offline:#f871711f;--chart-line:#818cf8;--chart-grid:#1e2235;--scrollbar-thumb:#2e3348;--scrollbar-track:transparent;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000059, 0 10px 10px -5px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-info)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}#app{max-width:var(--container-max);flex-direction:column;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}@media (width<=768px){#app{padding:0 16px}}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.md-heading{margin:12px 0 8px;font-weight:600}.md-paragraph{margin:4px 0}.md-link{color:var(--color-accent);text-decoration:underline}.md-link:hover{color:var(--color-info)}.md-code-block{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);margin:8px 0;padding:12px;font-size:13px;overflow-x:auto}.md-inline-code{background:var(--bg-tertiary);border-radius:var(--radius-xs);font-family:var(--font-mono);padding:2px 6px;font-size:13px}.md-blockquote{border-left:3px solid var(--color-accent);background:var(--color-accent-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:8px 0;padding:8px 16px}.md-list{margin:4px 0;padding-left:20px}.md-list-item{margin:2px 0}.md-hr{border:none;border-top:1px solid var(--border-primary);margin:12px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip-content{background:var(--bg-tooltip);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:var(--shadow-lg);padding:8px 12px;font-size:12px;line-height:1.5;position:fixed}.tooltip-content:after{content:"";border:5px solid #0000;border-top-color:var(--border-primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}.header-bar[data-v-74082273]{height:var(--header-height);z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;margin:0 -24px;padding:0 24px;display:flex;position:sticky;top:0}@media (width<=768px){.header-bar[data-v-74082273]{margin:0 -16px;padding:0 16px}}.header-left[data-v-74082273]{align-items:center;gap:12px;min-width:0;display:flex}.header-title[data-v-74082273]{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg, var(--text-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;overflow:hidden}.header-right[data-v-74082273]{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-btn[data-v-74082273]{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.header-btn[data-v-74082273]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.header-btn svg[data-v-74082273]{flex-shrink:0}.header-btn-label[data-v-74082273]{font-size:12px}@media (width<=480px){.header-btn-label[data-v-74082273]{display:none}.header-btn[data-v-74082273]{padding:7px 8px}}.language-selector-wrapper[data-v-74082273]{align-items:center;display:flex;position:relative}.lang-icon[data-v-74082273]{pointer-events:none;color:var(--text-secondary);z-index:1;position:absolute;left:10px}.language-selector[data-v-74082273]{appearance:none;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:7px 28px 7px 32px;font-family:inherit;font-size:13px;font-weight:500}.language-selector[data-v-74082273]:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.language-selector[data-v-74082273]:focus{border-color:var(--color-accent-border);box-shadow:0 0 0 3px var(--color-accent-bg)}.source-selector[data-v-61d49a68]{margin:16px 0 12px}.source-slider[data-v-61d49a68]{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:8px;padding:4px;display:flex}.source-btn[data-v-61d49a68]{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-base);white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 18px;font-size:13px;font-weight:500;display:flex}.source-btn[data-v-61d49a68]:hover{color:var(--text-primary);background:var(--bg-hover)}.source-btn.active[data-v-61d49a68]{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.source-icon[data-v-61d49a68]{flex-shrink:0;align-items:center;display:flex}.source-name[data-v-61d49a68]{text-overflow:ellipsis;overflow:hidden}.source-dropdown-wrap[data-v-61d49a68]{align-items:center;display:flex;position:relative}.source-dropdown[data-v-61d49a68]{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);appearance:none;cursor:pointer;outline:none;padding:10px 36px 10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s}.source-dropdown[data-v-61d49a68]:focus{border-color:var(--color-accent)}.dropdown-arrow[data-v-61d49a68]{pointer-events:none;color:var(--text-tertiary);position:absolute;right:12px}@media (width<=480px){.source-btn[data-v-61d49a68]{padding:7px 12px;font-size:12px}}.status-bar[data-v-7931bcdd]{background:var(--status-bg);border:1px solid var(--status-border);border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:space-between;align-items:center;margin:8px 0 16px;padding:12px 18px;display:flex}.status-info[data-v-7931bcdd]{align-items:center;gap:10px;display:flex}.status-dot[data-v-7931bcdd]{background:var(--status-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.pulse-dot[data-v-7931bcdd]{box-shadow:0 0 0 0 var(--status-color);animation:2s ease-in-out infinite pulse-ring-7931bcdd}@keyframes pulse-ring-7931bcdd{0%{box-shadow:0 0 0 0 var(--status-color)}50%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.status-text[data-v-7931bcdd]{color:var(--text-primary);font-size:14px;font-weight:600}.status-actions[data-v-7931bcdd]{align-items:center;gap:4px;display:flex}.action-btn[data-v-7931bcdd]{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.action-btn[data-v-7931bcdd]:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.active[data-v-7931bcdd]{color:var(--color-warning)}.action-btn.spinning svg[data-v-7931bcdd]{animation:1s linear infinite spin}@media (width<=480px){.status-bar[data-v-7931bcdd]{padding:10px 14px}.status-text[data-v-7931bcdd]{font-size:13px}.action-btn[data-v-7931bcdd]{width:30px;height:30px}}.announcement-banner[data-v-40672aa4]{background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);margin-bottom:16px;padding:14px 18px}.announcement-header[data-v-40672aa4]{color:var(--color-accent);align-items:center;gap:8px;margin-bottom:8px;display:flex}.announcement-title[data-v-40672aa4]{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.announcement-content[data-v-40672aa4]{color:var(--text-secondary);font-size:14px;line-height:1.6}.announcement-content[data-v-40672aa4] a{color:var(--color-accent)}.announcement-content[data-v-40672aa4] strong{color:var(--text-primary);font-weight:600}.availability-circle[data-v-c878985d]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.availability-circle svg[data-v-c878985d]{position:absolute;top:0;left:0}.circle-bg[data-v-c878985d]{stroke:var(--bar-bg)}.circle-progress[data-v-c878985d]{transition:stroke-dashoffset .6s}.circle-progress.circle-success[data-v-c878985d]{stroke:var(--color-success)}.circle-progress.circle-warning[data-v-c878985d]{stroke:var(--color-warning)}.circle-progress.circle-danger[data-v-c878985d]{stroke:var(--color-danger)}.circle-value[data-v-c878985d]{font-size:11px;font-weight:700;font-family:var(--font-mono);z-index:1}.circle-value.circle-success[data-v-c878985d]{color:var(--color-success)}.circle-value.circle-warning[data-v-c878985d]{color:var(--color-warning)}.circle-value.circle-danger[data-v-c878985d]{color:var(--color-danger)}.badge-list[data-v-ef654609]{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.badge-list.compact[data-v-ef654609]{flex-wrap:nowrap;overflow:hidden}.badge[data-v-ef654609]{border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.badge-default[data-v-ef654609]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-info[data-v-ef654609]{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-accent[data-v-ef654609]{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent-border)}.badge-success[data-v-ef654609]{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning[data-v-ef654609]{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger[data-v-ef654609]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-overflow[data-v-ef654609]{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;position:relative}.badge-overflow[data-v-ef654609]:hover{background:var(--bg-active)}.overflow-tooltip[data-v-ef654609]{white-space:normal;flex-wrap:wrap;gap:4px;max-width:280px;padding:8px;display:flex}.overflow-badge[data-v-ef654609]{border-radius:var(--radius-xs);background:#ffffff1a;padding:2px 6px;font-size:11px;display:inline-block}.heartbeat-section[data-v-d0e19e39]{width:100%}.heartbeat-header[data-v-d0e19e39]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.latency-info[data-v-d0e19e39]{align-items:center;gap:8px;font-size:12px;display:flex}.latency-item[data-v-d0e19e39]{align-items:center;gap:4px;display:flex}.latency-label[data-v-d0e19e39]{color:var(--text-tertiary)}.latency-value[data-v-d0e19e39]{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:11px}.latency-divider[data-v-d0e19e39]{color:var(--text-tertiary);opacity:.4}.heartbeat-legend[data-v-d0e19e39]{align-items:center;gap:10px;display:flex}.legend-item[data-v-d0e19e39]{align-items:center;gap:4px;display:flex}.legend-dot[data-v-d0e19e39]{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-text[data-v-d0e19e39]{color:var(--text-tertiary);font-size:11px}.heartbeat-bars[data-v-d0e19e39]{align-items:stretch;gap:2px;height:32px;display:flex;position:relative}.heartbeat-bar[data-v-d0e19e39]{cursor:pointer;min-width:2px;transition:all var(--transition-fast);opacity:.85;border-radius:2px;flex:1}.heartbeat-bar[data-v-d0e19e39]:hover{opacity:1;transform-origin:bottom;transform:scaleY(1.15)}.bar-tooltip[data-v-d0e19e39]{background:var(--bg-tooltip);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);white-space:nowrap;z-index:1000;box-shadow:var(--shadow-lg);pointer-events:none;padding:8px 12px;font-size:12px;position:fixed}.bar-tooltip[data-v-d0e19e39]:after{content:"";border:5px solid #0000;border-top-color:var(--border-primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-row[data-v-d0e19e39]{gap:6px;line-height:1.6;display:flex}.tooltip-label[data-v-d0e19e39]{opacity:.7}.tooltip-status[data-v-d0e19e39]{font-weight:600}.heartbeat-timeline[data-v-d0e19e39]{justify-content:space-between;margin-top:4px;display:flex}.timeline-label[data-v-d0e19e39]{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}@media (width<=480px){.heartbeat-header[data-v-d0e19e39]{flex-direction:column;align-items:flex-start}.heartbeat-bars[data-v-d0e19e39]{height:26px}.heartbeat-legend[data-v-d0e19e39]{gap:6px}}.monitor-card[data-v-f6d5de22]{cursor:pointer;padding:18px;animation:.3s forwards fadeIn}.monitor-card[data-v-f6d5de22]:hover{transform:translateY(-1px)}.card-header[data-v-f6d5de22]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-header-left[data-v-f6d5de22]{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.status-indicator[data-v-f6d5de22]{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.status-online[data-v-f6d5de22]{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.status-offline[data-v-f6d5de22]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.status-maintenance[data-v-f6d5de22]{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.status-retrying[data-v-f6d5de22]{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.status-paused[data-v-f6d5de22],.status-unknown[data-v-f6d5de22]{background:var(--color-muted-bg);color:var(--color-muted);border:1px solid var(--border-primary)}.monitor-name[data-v-f6d5de22]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.visit-link[data-v-f6d5de22]{color:var(--text-tertiary);border-radius:var(--radius-xs);transition:all var(--transition-fast);flex-shrink:0;align-items:center;padding:2px;display:flex}.visit-link[data-v-f6d5de22]:hover{color:var(--color-accent);background:var(--color-accent-bg)}.card-header-right[data-v-f6d5de22]{flex-shrink:0}.card-badges[data-v-f6d5de22]{margin-bottom:12px}.card-heartbeat[data-v-f6d5de22]{margin-top:4px}@media (width<=480px){.monitor-card[data-v-f6d5de22]{padding:14px}.monitor-name[data-v-f6d5de22]{font-size:14px}}.monitor-list-item[data-v-3cfa555a]{cursor:pointer;padding:14px 18px;animation:.3s forwards fadeIn}.monitor-list-item[data-v-3cfa555a]:hover{transform:translateY(-1px)}.list-top[data-v-3cfa555a]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.list-top-left[data-v-3cfa555a]{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.status-indicator[data-v-3cfa555a]{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.status-online[data-v-3cfa555a]{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.status-offline[data-v-3cfa555a]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.status-maintenance[data-v-3cfa555a]{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.status-retrying[data-v-3cfa555a]{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.status-paused[data-v-3cfa555a],.status-unknown[data-v-3cfa555a]{background:var(--color-muted-bg);color:var(--color-muted);border:1px solid var(--border-primary)}.monitor-name[data-v-3cfa555a]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:200px;font-size:14px;font-weight:600;overflow:hidden}.visit-link[data-v-3cfa555a]{color:var(--text-tertiary);border-radius:var(--radius-xs);transition:all var(--transition-fast);flex-shrink:0;align-items:center;padding:2px;display:flex}.visit-link[data-v-3cfa555a]:hover{color:var(--color-accent)}.list-badges[data-v-3cfa555a]{flex:1;min-width:0;overflow:hidden}.list-top-right[data-v-3cfa555a]{flex-shrink:0}.list-bottom[data-v-3cfa555a]{border-top:1px solid var(--border-secondary);padding-top:10px}@media (width<=480px){.monitor-list-item[data-v-3cfa555a]{padding:12px 14px}.monitor-name[data-v-3cfa555a]{max-width:140px;font-size:13px}.list-badges[data-v-3cfa555a]{display:none}}.monitor-group[data-v-fefb0623]{margin-bottom:20px}.group-header[data-v-fefb0623]{cursor:pointer;border-radius:var(--radius-md);width:100%;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.group-header[data-v-fefb0623]:hover{background:var(--bg-tertiary)}.group-header-left[data-v-fefb0623]{align-items:center;gap:8px;display:flex}.collapse-icon[data-v-fefb0623]{transition:transform var(--transition-base);color:var(--text-tertiary);flex-shrink:0}.collapse-icon.collapsed[data-v-fefb0623]{transform:rotate(-90deg)}.group-name[data-v-fefb0623]{color:var(--text-primary);font-size:14px;font-weight:600}.group-count[data-v-fefb0623]{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-primary);padding:2px 8px;font-size:11px;font-weight:600}.group-content[data-v-fefb0623]{opacity:1;max-height:10000px;transition:max-height .4s,opacity .3s;overflow:hidden}.group-content.collapsed[data-v-fefb0623]{opacity:0;max-height:0}.card-grid[data-v-fefb0623]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;padding-top:8px;display:grid}.list-grid[data-v-fefb0623]{flex-direction:column;gap:8px;padding-top:8px;display:flex}@media (width<=768px){.card-grid[data-v-fefb0623]{grid-template-columns:1fr}}.latency-chart[data-v-ec46572d]{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);cursor:crosshair;width:100%;min-height:60px;position:relative;overflow:hidden}.latency-chart canvas[data-v-ec46572d]{display:block}.chart-empty[data-v-ec46572d]{color:var(--text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.chart-tooltip[data-v-ec46572d]{background:var(--bg-tooltip);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);pointer-events:none;z-index:1000;box-shadow:var(--shadow-md);white-space:nowrap;padding:6px 10px;font-size:11px;position:fixed}.chart-tooltip-time[data-v-ec46572d]{opacity:.7;margin-bottom:2px;font-size:10px}.chart-tooltip-value[data-v-ec46572d]{font-weight:700;font-family:var(--font-mono)}.detail-overlay[data-v-6bd8dd07]{background:var(--bg-overlay);z-index:1000;-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.detail-panel[data-v-6bd8dd07]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow-xl)}.detail-header[data-v-6bd8dd07]{border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;align-items:center;gap:12px;padding:16px 20px;display:flex}.back-btn[data-v-6bd8dd07]{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);background:var(--bg-secondary);border:1px solid var(--border-primary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.back-btn[data-v-6bd8dd07]:hover{color:var(--text-primary);background:var(--bg-hover)}.detail-title[data-v-6bd8dd07]{color:var(--text-primary);font-size:15px;font-weight:600}.detail-body[data-v-6bd8dd07]{flex-direction:column;gap:18px;padding:20px;display:flex}.detail-hero[data-v-6bd8dd07]{border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.hero-left[data-v-6bd8dd07]{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hero-status-icon[data-v-6bd8dd07]{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.hero-status-icon.status-online[data-v-6bd8dd07]{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.hero-status-icon.status-offline[data-v-6bd8dd07]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.hero-status-icon.status-maintenance[data-v-6bd8dd07]{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.hero-status-icon.status-retrying[data-v-6bd8dd07]{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.hero-status-icon.status-paused[data-v-6bd8dd07],.hero-status-icon.status-unknown[data-v-6bd8dd07]{background:var(--color-muted-bg);color:var(--color-muted);border:1px solid var(--border-primary)}.hero-info[data-v-6bd8dd07]{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-name[data-v-6bd8dd07]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.hero-status-text[data-v-6bd8dd07]{font-size:13px;font-weight:600}.hero-status-text.status-online[data-v-6bd8dd07]{color:var(--color-success)}.hero-status-text.status-offline[data-v-6bd8dd07]{color:var(--color-danger)}.hero-status-text.status-maintenance[data-v-6bd8dd07]{color:var(--color-info)}.hero-status-text.status-retrying[data-v-6bd8dd07]{color:var(--color-warning)}.hero-status-text.status-paused[data-v-6bd8dd07],.hero-status-text.status-unknown[data-v-6bd8dd07]{color:var(--color-muted)}.hero-link[data-v-6bd8dd07]{color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;align-items:center;padding:4px;display:flex}.hero-link[data-v-6bd8dd07]:hover{color:var(--color-accent);background:var(--color-accent-bg)}.hero-right[data-v-6bd8dd07]{flex-shrink:0}.section-title[data-v-6bd8dd07]{color:var(--text-secondary);margin-bottom:10px;font-size:14px;font-weight:600}@media (width<=768px){.detail-overlay[data-v-6bd8dd07]{align-items:flex-end;padding:40px 0 0}.detail-panel[data-v-6bd8dd07]{border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:auto}.hero-name[data-v-6bd8dd07]{font-size:16px}}.footer-bar[data-v-6034c969]{border-top:1px solid var(--border-primary);margin-top:auto;padding:20px 0}.footer-content[data-v-6034c969]{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.footer-text[data-v-6034c969]{color:var(--text-tertiary);text-align:center;font-size:12px;line-height:1.6}.footer-text[data-v-6034c969] a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-text[data-v-6034c969] a:hover{color:var(--color-accent)}.app-container[data-v-f6a34b0a]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-f6a34b0a]{flex:1;padding-top:8px;padding-bottom:24px}.loading-container[data-v-f6a34b0a]{padding-top:8px}.loading-progress[data-v-f6a34b0a]{background:var(--bg-tertiary);border-radius:2px;width:100%;height:3px;margin-bottom:16px;overflow:hidden}.loading-progress-bar[data-v-f6a34b0a]{background:linear-gradient(90deg, var(--color-accent), var(--color-info,#60a5fa));border-radius:2px;width:30%;height:100%;animation:1.2s ease-in-out infinite progressSlide-f6a34b0a}@keyframes progressSlide-f6a34b0a{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-grid[data-v-f6a34b0a]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.skeleton-card[data-v-f6a34b0a]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:18px;display:flex}.skeleton-header[data-v-f6a34b0a]{width:60%;height:28px}.skeleton-badges[data-v-f6a34b0a]{width:40%;height:20px}.skeleton-bars[data-v-f6a34b0a]{width:100%;height:32px}.loading-list[data-v-f6a34b0a]{flex-direction:column;gap:8px;display:flex}.skeleton-list-item[data-v-f6a34b0a]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.skeleton-list-item .skeleton-header[data-v-f6a34b0a]{width:150px;height:24px}.skeleton-list-item .skeleton-bars[data-v-f6a34b0a]{flex:1;max-width:300px;height:32px}.error-container[data-v-f6a34b0a]{justify-content:center;padding-top:40px;display:flex}.error-card[data-v-f6a34b0a]{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;padding:40px;display:flex}.error-text[data-v-f6a34b0a]{color:var(--text-primary);font-size:16px;font-weight:600}.error-detail[data-v-f6a34b0a]{color:var(--text-tertiary);word-break:break-word;font-size:13px}.retry-btn[data-v-f6a34b0a]{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:13px;font-weight:600}.retry-btn[data-v-f6a34b0a]:hover{opacity:.9;transform:translateY(-1px)}.empty-container[data-v-f6a34b0a]{justify-content:center;padding-top:60px;display:flex}.empty-text[data-v-f6a34b0a]{color:var(--text-tertiary);font-size:15px}.monitors-container[data-v-f6a34b0a]{padding-top:4px}@media (width<=768px){.loading-grid[data-v-f6a34b0a]{grid-template-columns:1fr}}