:root{font-family:system-ui,sans-serif;color:#1d2520;background:#f6f7f5}body{margin:0}.app{max-width:1100px;margin:0 auto;padding:16px}header{display:flex;gap:12px;align-items:center;margin-bottom:16px}header .who{flex:1;color:#5b665e;font-size:.9em}button{font:inherit;cursor:pointer}.login{display:grid;gap:12px;max-width:320px;margin:15vh auto}.login input{display:block;width:100%;padding:8px;box-sizing:border-box}.error{color:#9b1c1c;background:#fdecec;padding:8px;border-radius:4px}.fleet section{margin-bottom:24px}.fleet .fpm{display:block;margin:4px 0;padding:8px 12px;background:#fff;border:1px solid #d5dbd6;border-radius:6px;text-align:left}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.card{background:#fff;border:2px solid #d5dbd6;border-radius:8px;padding:10px;text-align:left}.card.selected{border-color:#2f6f4e}.card .label{font-size:.8em;color:#5b665e}.card .value{font-size:1.5em;font-variant-numeric:tabular-nums}.card .sub{font-size:.75em;color:#5b665e;min-height:1em}.card.sev-warn{border-color:#c9a227}.card.sev-bad{border-color:#b42318;background:#fff6f5}.alarms{list-style:none;padding:0}.alarm{padding:8px;border-radius:4px;margin-bottom:4px;background:#fff3d6}.alarm.level-alarm,.alarm.level-critical{background:#fdecec}.alarm span{color:#5b665e;font-size:.85em}.chart .line{stroke:#2f6f4e;stroke-width:1.5}.chart .band{stroke:#2f6f4e;stroke-opacity:.2;stroke-width:2}.chart .axis{font-size:10px;fill:#5b665e}.updated{color:#5b665e;font-size:.85em}