body{font-family:Arial;max-width:1000px;margin:auto;padding:15px;background:#f5f5f5}
h1{text-align:center}
input,select,button{width:100%;padding:12px;margin:6px 0}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}
.card{background:#fff;padding:15px;border-radius:12px;text-align:center;font-size:22px}
.red{border-right:5px solid #e53935}.green{border-right:5px solid #43a047}.blue{border-right:5px solid #1e88e5}
.chartBox{background:#fff;padding:15px;margin:15px 0;border-radius:12px}
canvas{height:300px!important}
table{width:100%;background:#fff}

.chartBox{
    min-height:420px;
}
.chartBox canvas{
    width:100% !important;
    height:320px !important;
}

.chartBox{min-height:420px}.chartBox canvas{display:block!important;width:100%!important;height:320px!important}

.card{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.chartBox{min-height:340px}
.chartBox canvas{height:260px!important}