body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}header{background:#35424a;color:#fff;padding:10px 0;text-align:center}h1{margin:0}.container{margin:auto;overflow:hidden;width:80%}.events-list{list-style:none;padding:0}.event-item{background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:10px 0;padding:15px}.event-item h2{margin:0 0 10px}.event-item p{margin:5px 0}.footer{background:#35424a;color:#fff;padding:20px 0;text-align:center}.atlas-metrics-chart{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:20px 0;padding:20px}.chart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-header h3{color:#333;font-size:18px;margin:0}.chart-controls{align-items:center;display:flex;gap:15px}.chart-controls label{align-items:center;display:flex;font-size:14px;gap:5px}.chart-controls button{background:#35424a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.chart-controls button:hover{background:#2c3e50}.chart-controls button:disabled{background:#6c757d;cursor:not-allowed}.metrics-summary{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.metric-card{background:#f8f9fa;border-left:4px solid #35424a;border-radius:6px;padding:15px;text-align:center}.metric-card.cpu-kernel{border-left-color:#e74c3c}.metric-card.cpu-user{border-left-color:#3498db}.metric-card.memory{border-left-color:#2ecc71}.metric-card h4{color:#6c757d;font-size:14px;font-weight:500;margin:0 0 8px}.metric-value{color:#35424a;font-size:24px;font-weight:700}.metrics-chart-simple{background:#fafafa;border-radius:6px;margin:20px 0;padding:15px}.metric-timeline{margin-bottom:20px}.metric-timeline h5{font-size:14px;font-weight:500;margin:0 0 10px}.timeline-bars{align-items:end;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:2px;height:60px;padding:5px}.timeline-bar{border-radius:2px;cursor:pointer;flex:1;min-height:2px;transition:all .3s ease}.timeline-bar:hover{opacity:.7}.chart-info{border-top:1px solid #eee;color:#6c757d;font-size:12px;padding-top:10px;text-align:center}.error,.loading,.no-data{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#35424a;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:#dc3545}.retry-btn{background:#35424a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.retry-btn:hover{background:#2c3e50}.mongodb-status-section{margin:20px 0}.mongodb-status-section h2{border-bottom:2px solid #35424a;color:#35424a;margin-bottom:20px;padding-bottom:10px}.status-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.metrics-summary,.status-grid{grid-template-columns:1fr}.chart-header{align-items:stretch;flex-direction:column;gap:10px}}