.card-content{padding:2.5rem;min-height:400px;display:flex;flex-direction:column;justify-content:center}.health-bar-container{margin:1.5rem 0;padding:0 1rem 0 1rem;background:rgba(255,255,255,.03);border-radius:var(--radius-md)}.health-bar-title{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.05em}.health-bar{display:flex;gap:2px;height:32px;margin-bottom:.5rem}.health-bar-segment{flex:1;border-radius:2px;transition:all .2s ease;cursor:pointer;position:relative}.health-bar-segment.healthy{background:#4ade80}.health-bar-segment.degraded{background:#fbbf24}.health-bar-segment.critical{background:#ef4444}.health-bar-segment.no-data{background:#cecece}.health-bar-segment:hover{transform:scaleY(1.2);z-index:10}.health-bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.server-grid{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.pool-section{background:rgba(255,255,255,.02);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border)}.pool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.pool-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.pool-status{font-size:.8125rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem}.pool-status.healthy{background:var(--success-bg);color:var(--success)}.pool-status.down{background:var(--error-bg);color:var(--error)}.pool-servers{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.server-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.server-card.online{border-color:var(--success);background:var(--success-bg)}.server-card.inactive{border-color:var(--border);background:var(--bg-secondary)}.server-card.down{border-color:var(--error);background:var(--error-bg)}.server-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.server-name{font-weight:600;font-size:1rem;color:var(--text-primary);min-width:0}.server-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.server-status-badge.online{background:var(--success);color:#fff}.server-status-badge.inactive{background:var(--text-muted);color:#fff}.server-status-badge.down{background:var(--error);color:#fff}.server-status-badge .material-icons{font-size:1rem}.server-info{margin-top:.75rem;font-size:.8125rem;color:var(--text-muted)}.system-overview{background:linear-gradient(135deg,var(--primary-navy) 0,#2d5a8a 100%);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;color:#fff;text-align:center}.system-overview h2{margin:0 0 .5rem 0;font-size:1.125rem;font-weight:600;color:#fff}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;margin-top:.5rem}.status-dot{width:1rem;height:1rem;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.healthy{background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.5)}.status-dot.degraded{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.5)}.status-dot.critical{background:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.5)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.last-updated{text-align:center;color:var(--text-muted);font-size:.8125rem;margin-top:1rem}.tooltip{position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:5px;font-size:.75rem;white-space:nowrap;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.tooltip.visible{opacity:1}@media (max-width:640px){.card-content{padding:1.5rem}.health-bar{height:24px}.health-bar-labels{font-size:.6875rem}}