.dashboard-status-container {padding: 20px;background-color: #f8f9fc;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.service-card {border: none;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);transition: transform 0.2s, box-shadow 0.2s;background-color: white;overflow: hidden;height: 100%;position: relative;}.service-card:hover {transform: translateY(-5px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);}.card-status-indicator {position: absolute;top: 0;left: 0;right: 0;height: 5px;}.status-healthy {background-color: #2ecc71;}.status-warning {background-color: #f39c12;}.status-error {background-color: #e74c3c;}.status-unknown {background-color: #95a5a6;}.service-card .card-body {padding: 1.5rem;}.service-card .service-icon {font-size: 2rem;margin-bottom: 1rem;color: #5a67d8;}.service-card h5 {font-weight: 600;margin-bottom: 0.5rem;}.service-card .status-badge {display: inline-block;padding: 0.25rem 0.75rem;border-radius: 50px;font-size: 0.8rem;font-weight: 500;margin-bottom: 1rem;}.status-badge.healthy {background-color: rgba(46, 204, 113, 0.15);color: #2ecc71;}.status-badge.warning {background-color: rgba(243, 156, 18, 0.15);color: #f39c12;}.status-badge.error {background-color: rgba(231, 76, 60, 0.15);color: #e74c3c;}.status-badge.unknown {background-color: rgba(149, 165, 166, 0.15);color: #95a5a6;}.service-details {font-size: 0.9rem;color: #6c757d;}.service-details .detail-item {margin-bottom: 0.5rem;}.service-details .detail-label {font-weight: 500;}.service-details .detail-value {word-break: break-word;}.dashboard-header {padding: 20px 0;margin-bottom: 20px;}.dashboard-header h1 {font-weight: 600;color: #2d3748;}.dashboard-header p {color: #6c757d;max-width: 800px;}.status-overview {background: white;border-radius: 10px;padding: 15px;margin-bottom: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}.status-overview .summary-item {display: flex;align-items: center;margin-right: 15px;}.status-summary {display: flex;flex-wrap: wrap;}.status-indicator {width: 12px;height: 12px;border-radius: 50%;margin-right: 8px;}.status-text {font-weight: 500;font-size: 0.9rem;}.refresh-btn {color: #5a67d8;background-color: rgba(90, 103, 216, 0.1);border: none;border-radius: 5px;padding: 8px 15px;font-weight: 500;transition: background-color 0.2s;}.refresh-btn:hover {background-color: rgba(90, 103, 216, 0.2);}.refresh-btn i {margin-right: 5px;}.cluster-node {background-color: #f8f9fa;border-radius: 8px;padding: 12px;margin-bottom: 10px;}.cluster-node:last-child {margin-bottom: 0;}.node-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}.node-name {font-weight: 600;font-size: 0.95rem;}.node-role {font-size: 0.8rem;padding: 3px 8px;border-radius: 20px;background-color: rgba(90, 103, 216, 0.1);color: #5a67d8;}.node-role.leader {background-color: rgba(46, 204, 113, 0.15);color: #2ecc71;}.node-details {font-size: 0.85rem;color: #6c757d;}.detail-row {display: flex;margin-bottom: 4px;}.detail-row:last-child {margin-bottom: 0;}.detail-label {font-weight: 500;margin-right: 5px;min-width: 100px;}@media (max-width: 767.98px) {.status-overview {padding: 10px;}.status-summary {flex-direction: column;}.status-overview .summary-item {margin-bottom: 8px;margin-right: 0;}.service-card {margin-bottom: 15px;}}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}.refreshing {animation: spin 1s linear infinite;}.metrics-card {background-color: white;border-radius: 10px;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);margin-bottom: 20px;}.metrics-card h4 {font-size: 1.1rem;font-weight: 600;margin-bottom: 15px;color: #2d3748;}.metrics-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 15px;}.metric-item {background-color: #f8f9fa;border-radius: 8px;padding: 15px;text-align: center;}.metric-value {font-size: 1.8rem;font-weight: 700;margin-bottom: 5px;color: #5a67d8;}.metric-label {font-size: 0.85rem;color: #6c757d;font-weight: 500;}.progress-thin {height: 4px;border-radius: 2px;margin-top: 10px;}.metric-icon {font-size: 1.2rem;margin-bottom: 10px;color: #5a67d8;}