body{background-color:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-container{grid-template-columns:1fr;gap:16px;max-width:350px;margin-top:20px;display:grid}.status-box{background:#fff;border-left:4px solid #ccc;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.status-box.loading{background-color:#fffbf0;border-left-color:#ffc107}.status-box.healthy{background-color:#f0f8f5;border-left-color:#28a745}.status-box.unhealthy{background-color:#fdf5f5;border-left-color:#dc3545}.route-name{color:#333;word-break:break-all;margin-bottom:8px;font-size:14px;font-weight:600}.status-indicator{border-radius:50%;width:12px;height:12px;margin-right:8px;animation:2s infinite pulse;display:inline-block}.status-indicator.healthy{background-color:#28a745;animation:none}.status-indicator.unhealthy{background-color:#dc3545;animation:none}.status-indicator.loading{background-color:#ffc107}.status-text{color:#666;margin-top:8px;font-size:13px;line-height:1.4}.status-text.healthy{color:#28a745;font-weight:500}.status-text.unhealthy{color:#dc3545;font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}