.toast-container[data-v-55af919f]{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast[data-v-55af919f]{display:flex;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px;background:var(--bg-card);border:1px solid var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;animation:slide-in-55af919f .3s ease-out;border-left:4px solid var(--accent-primary)}.toast-success[data-v-55af919f]{border-left-color:var(--success)}.toast-error[data-v-55af919f]{border-left-color:var(--error)}.toast-warning[data-v-55af919f]{border-left-color:var(--warning)}.toast-info[data-v-55af919f]{border-left-color:var(--info)}.toast-content[data-v-55af919f]{flex:1;font-size:.9rem;line-height:1.4;color:var(--text-primary)}.toast-close[data-v-55af919f]{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);padding:0;line-height:1}.toast-close[data-v-55af919f]:hover{color:var(--text-primary)}@keyframes slide-in-55af919f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dialog-overlay[data-v-34990897]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[data-v-34990897]{background:var(--bg-card);border-radius:var(--radius-xl);width:480px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in-34990897 .2s cubic-bezier(.175,.885,.32,1.275)}.dialog-header[data-v-34990897]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--bg-secondary)}.dialog-header h3[data-v-34990897]{margin:0;font-size:1.1rem;font-weight:600}.dialog-close[data-v-34990897]{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color var(--transition-fast)}.dialog-close[data-v-34990897]:hover{color:var(--text-primary)}.dialog-body[data-v-34990897]{padding:var(--spacing-lg)}.dialog-body p[data-v-34990897]{color:var(--text-secondary);line-height:1.5}.dialog-footer[data-v-34990897]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--bg-secondary)}.btn[data-v-34990897]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.btn-primary[data-v-34990897]{background:var(--accent-primary);color:#fff}.btn-primary[data-v-34990897]:hover{background:var(--accent-hover)}.btn-secondary[data-v-34990897]{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary[data-v-34990897]:hover{background:var(--bg-hover)}@keyframes pop-in-34990897{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.login-wrapper[data-v-583a697a]{min-height:100vh}.app-layout[data-v-583a697a]{display:flex;min-height:100vh;width:100%}.sidebar[data-v-583a697a]{width:260px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--bg-card);transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar.is-collapsed[data-v-583a697a]{width:80px}.sidebar-header[data-v-583a697a]{padding:0 1.5rem;display:flex;align-items:center;height:80px;border-bottom:1px solid var(--bg-card)}.sidebar.is-collapsed .sidebar-header[data-v-583a697a]{padding:0;justify-content:center}.logo[data-v-583a697a]{display:flex;align-items:center;gap:.75rem;overflow:hidden}.sidebar.is-collapsed .logo[data-v-583a697a]{gap:0}.logo img[data-v-583a697a]{width:40px;height:40px;transition:all .3s ease}.sidebar.is-collapsed .logo img[data-v-583a697a]{width:32px;height:32px}.logo-text[data-v-583a697a]{font-size:1.125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;animation:fadeIn-583a697a .3s ease}@keyframes fadeIn-583a697a{0%{opacity:0}to{opacity:1}}.btn-collapse[data-v-583a697a]{position:absolute;top:26px;right:-14px;width:28px;height:28px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;z-index:50;transition:all .2s ease;padding:0}.btn-collapse[data-v-583a697a]:hover{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.nav[data-v-583a697a]{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar.is-collapsed .nav[data-v-583a697a]{padding:1.5rem .5rem}.nav-item[data-v-583a697a]{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);overflow:hidden;white-space:nowrap}.sidebar.is-collapsed .nav-item[data-v-583a697a]{padding:.875rem 0;justify-content:center}.nav-item[data-v-583a697a]:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active[data-v-583a697a]{background:var(--accent-primary);color:#fff}.nav-icon[data-v-583a697a]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label[data-v-583a697a]{font-size:.95rem;font-weight:500;white-space:nowrap}.sidebar-footer[data-v-583a697a]{padding:1.25rem 1rem;border-top:1px solid var(--bg-card)}.sidebar.is-collapsed .sidebar-footer[data-v-583a697a]{padding:1.25rem 0;display:flex;justify-content:center}.user-info[data-v-583a697a]{display:flex;align-items:center;gap:.75rem;overflow:hidden}.sidebar.is-collapsed .user-info[data-v-583a697a]{flex-direction:column;justify-content:center;text-align:center;gap:.875rem}.user-avatar[data-v-583a697a]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.user-detail[data-v-583a697a]{flex:1;min-width:0;display:flex;flex-direction:column;animation:fadeIn-583a697a .3s ease}.user-name[data-v-583a697a]{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-583a697a]{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.btn-logout[data-v-583a697a]{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);opacity:.6;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-left:auto}.sidebar.is-collapsed .btn-logout[data-v-583a697a]{margin-left:0;opacity:.8;padding:8px;background:#ef44440d}.btn-logout[data-v-583a697a]:hover{opacity:1;background:#ef444426;color:#ef4444}.main-content[data-v-583a697a]{flex:1;overflow-y:auto;background:var(--bg-primary)}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #252540;--bg-card-hover: #2e2e4a;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent-primary: #8b5cf6;--accent-primary-hover: #9d6ff8;--accent-secondary: #3b82f6;--success: #22c55e;--warning: #eab308;--error: #ef4444;--info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-card)}.btn-secondary:hover{background:var(--bg-card)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.healthy{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.warning{background:var(--warning);box-shadow:0 0 8px var(--warning)}.status-dot.critical{background:var(--error);box-shadow:0 0 8px var(--error);animation:pulse 1.5s infinite}.status-dot.unknown{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1280px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page{flex:1;padding:var(--spacing-xl);overflow-y:auto}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:.875rem;color:var(--text-secondary)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--bg-card);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary)}.input::placeholder{color:var(--text-muted)}pre,code{font-family:JetBrains Mono,Fira Code,monospace;background:var(--bg-primary);border-radius:var(--radius-sm)}pre{padding:var(--spacing-md);overflow-x:auto;font-size:.8rem;line-height:1.6}code{padding:2px 6px;font-size:.85em}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--bg-card)}.table th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase}.table tr:hover{background:var(--bg-card)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.badge-leader{background:#8b5cf633;color:var(--accent-primary)}.badge-follower{background:#3b82f633;color:var(--accent-secondary)}.badge-healthy{background:#22c55e33;color:var(--success)}.badge-unhealthy{background:#ef444433;color:var(--error)}
