@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0a0b0f;--bg-surface:#12141a;--bg-elevated:#1a1d25;--bg-card:#1a1d25b3;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-sidebar:#0e1016;--accent:#fcdb32;--accent-dim:#fcdb3226;--accent-glow:#fcdb3240;--success:#22c55e;--success-dim:#22c55e1f;--warning:#f59e0b;--warning-dim:#f59e0b1f;--danger:#ef4444;--danger-dim:#ef44441f;--info:#3b82f6;--info-dim:#3b82f61f;--text-primary:#f1f5f9;--text-secondary:#8892a4;--text-muted:#4a5568;--text-accent:#fcdb32;--border:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#fcdb324d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #fcdb321a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-heading:"Playfair Display", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--sidebar-collapsed:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .3s var(--ease-out)}.glass-card:hover{border-color:var(--border-hover);background:var(--bg-glass-hover);box-shadow:var(--shadow-md)}.glass-card--accent:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.kpi-card{gap:var(--space-sm);flex-direction:column;display:flex}.kpi-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.kpi-card__value{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.kpi-card__value--accent{color:var(--accent)}.kpi-card__delta{align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.kpi-card__delta--up{color:var(--success)}.kpi-card__delta--down{color:var(--danger)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--online{background:var(--success);box-shadow:0 0 8px var(--success);animation:2s ease-in-out infinite pulse-green}.status-dot--warning{background:var(--warning);box-shadow:0 0 8px var(--warning);animation:2s ease-in-out infinite pulse-amber}.status-dot--offline{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:1.5s ease-in-out infinite pulse-red}.status-dot--idle{background:var(--text-muted)}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--success)}50%{box-shadow:0 0 12px var(--success)}}@keyframes pulse-amber{0%,to{box-shadow:0 0 4px var(--warning)}50%{box-shadow:0 0 12px var(--warning)}}@keyframes pulse-red{0%,to{box-shadow:0 0 4px var(--danger)}50%{box-shadow:0 0 14px var(--danger)}}.progress-bar{border-radius:var(--radius-full);background:#ffffff0f;height:6px;position:relative;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out);position:relative}.progress-bar__fill--normal{background:linear-gradient(90deg,#22c55e,#4ade80)}.progress-bar__fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar__fill--danger{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-bar__fill--accent{background:linear-gradient(90deg,#fcdb32,#fde68a)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);padding:var(--space-lg) var(--space-md);gap:var(--space-xs);z-index:100;transition:width .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__logo{align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex}.sidebar__logo-icon{background:var(--accent);border-radius:var(--radius-sm);width:36px;height:36px;font-family:var(--font-heading);color:#0a0b0f;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar__logo-text{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:600}.sidebar__logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__item{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out);text-align:left;background:0 0;border:1px solid #0000;width:100%;font-size:.87rem;font-weight:500;text-decoration:none;display:flex}.sidebar__item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar__item--active{background:var(--accent-dim);color:var(--accent);border-color:var(--border-accent)}.sidebar__item-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.sidebar__divider{background:var(--border);height:1px;margin:var(--space-md) 0}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--border);margin-top:auto}.sidebar__status{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.75rem;display:flex}.main{margin-left:var(--sidebar-width);padding:var(--space-xl);flex:1;min-height:100vh}.main__header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.main__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.8rem;font-weight:700}.main__subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.main__time{font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-2-1{gap:var(--space-lg);grid-template-columns:2fr 1fr;display:grid}.grid-1-2{gap:var(--space-lg);grid-template-columns:1fr 2fr;display:grid}.section-gap{margin-bottom:var(--space-xl)}.feed{flex-direction:column;gap:1px;max-height:400px;display:flex;overflow-y:auto}.feed__item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);animation:feed-slide-in .3s var(--ease-out);transition:background .15s;display:flex}.feed__item:hover{background:var(--bg-glass)}@keyframes feed-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feed__time{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;min-width:48px;padding-top:2px;font-size:.7rem}.feed__message{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.feed__source{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.7rem}.node-card{gap:var(--space-md);flex-direction:column;display:flex}.node-card__header{justify-content:space-between;align-items:center;display:flex}.node-card__name{align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:600;display:flex}.node-card__uptime{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.node-card__metrics{gap:var(--space-sm);flex-direction:column;display:flex}.node-card__metric{align-items:center;gap:var(--space-sm);display:flex}.node-card__metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:36px;font-size:.7rem}.node-card__metric-bar{flex:1}.node-card__metric-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;width:40px;font-size:.7rem}.node-card__services{flex-wrap:wrap;gap:6px;display:flex}.service-tag{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;font-size:.65rem;font-weight:500}.service-tag--running{color:var(--success);background:var(--success-dim);border-color:#22c55e4d}.service-tag--stopped{color:var(--danger);background:var(--danger-dim);border-color:#ef44444d}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:600}.section-badge{border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);padding:3px 10px;font-size:.7rem;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600}.data-table td{padding:var(--space-md);color:var(--text-secondary);border-bottom:1px solid #ffffff08;font-size:.83rem}.data-table tr:hover td{background:var(--bg-glass)}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{width:var(--sidebar-collapsed)}.sidebar__logo-text,.sidebar__logo-sub,.sidebar__item span:not(.sidebar__item-icon){display:none}.main{margin-left:var(--sidebar-collapsed)}.grid-4,.grid-3,.grid-2,.grid-2-1,.grid-1-2{grid-template-columns:1fr}}