.dashboard-container{max-width:1100px;margin:0 auto;padding:24px;font-family:system-ui,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.dashboard-header h1{margin:0;font-size:22px}.summary-badges{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.badge-up{background:#dcfce7;color:#166534}.badge-down{background:#fee2e2;color:#991b1b}.top-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;margin-bottom:16px}.content-row{display:flex;gap:16px;align-items:flex-start}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1 1 60%;align-content:start}.graph-panel{flex:1 1 36%;min-width:280px;position:sticky;top:24px}@media (max-width: 900px){.content-row{flex-direction:column}.graph-panel{position:static;width:100%}}@media (max-width: 640px){.top-row,.host-grid{grid-template-columns:1fr}}