*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}:root{--md-sys-color-primary: #6750a4;--md-sys-color-on-primary: #ffffff;--md-sys-color-surface: #fffbfe;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-surface-container: #f3edf7;--md-sys-color-outline: #79747e;--md-sys-color-error: #b3261e;--md-sys-color-success: #1b873a}*{box-sizing:border-box}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.app{min-height:100vh;padding:24px;max-width:1200px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--md-sys-color-outline)}.app-header h1{margin:0;font-size:28px;font-weight:500}.connection-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.indicator-dot{width:10px;height:10px;border-radius:50%}.connection-indicator.connected .indicator-dot{background-color:var(--md-sys-color-success)}.connection-indicator.disconnected .indicator-dot{background-color:var(--md-sys-color-error)}.error-banner{background-color:#fce8e6;color:var(--md-sys-color-error);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.dashboard{display:flex;flex-direction:column;gap:24px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-card{background-color:var(--md-sys-color-surface-container);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.status-card-title{font-size:14px;font-weight:500;color:var(--md-sys-color-outline);text-transform:uppercase;letter-spacing:.5px}.status-card-value{font-size:32px;font-weight:500;color:var(--md-sys-color-on-surface)}.status-card-subtitle{font-size:12px;color:var(--md-sys-color-outline)}.status-card md-linear-progress{margin-top:8px;--md-linear-progress-active-indicator-color: var(--md-sys-color-primary);--md-linear-progress-track-color: rgba(103, 80, 164, .2);--md-linear-progress-track-height: 6px;--md-linear-progress-active-indicator-height: 6px;border-radius:3px}.last-updated{text-align:center;font-size:14px;color:var(--md-sys-color-outline)}