@charset "UTF-8";.card-container{display:flex;gap:20px;margin-bottom:30px}.card{flex:1;padding:20px;border-radius:10px;text-align:center}.distance-card{background:#e0f7fa}.temperature-card{background:#ffebee}.humidity-card{background:#e8eaf6}.card-value{font-size:32px;font-weight:700}.green{color:green}.red{color:red}.blue{color:#00f}.graph-container{padding:20px;background:#f5f5f5;border-radius:10px}.bar-graph{display:flex;flex-direction:row;align-items:flex-end;gap:5px;height:150px}.bar{flex:1;margin:0 2px;background-color:green;display:flex;align-items:flex-end;justify-content:center;border-radius:3px 3px 0 0;position:relative}.bar-label{font-size:10px;color:#333;position:absolute;top:-15px}.bar-timestamps{display:flex;flex-direction:row;justify-content:space-between;margin-top:5px;font-size:12px}.app-container{padding:20px;font-family:Arial,sans-serif}