body{
font-family:Arial;
margin:0;
background:#f2f3f5;
}

.container{
max-width:800px;
margin:auto;
padding:16px;
}

.status{
padding:12px;
border-radius:10px;
margin-bottom:14px;
text-align:center;
font-weight:bold;
}

.status.ok{
background:#e8f7ee;
color:#1f8a4c;
}

.status.alert{
background:#fdeaea;
color:#c62828;
}

.row{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.card{
background:white;
border-radius:14px;
padding:14px;
flex:1;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
margin-bottom:14px;
}

.line{
display:flex;
justify-content:space-between;
margin-top:8px;
font-size:14px;
}

canvas{
max-height:220px;
}