.att-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;}
.att-card{background:#fff;border-radius:var(--radius-lg);padding:24px;text-align:center;border:1px solid var(--grey-mid);}
.att-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px;font-family:'Baloo 2',cursive;font-weight:800;}
.att-circle.good{background:#E8F5E9;color:var(--green);}
.att-circle.warn{background:#FFF8E1;color:#F9A825;}
.att-circle.bad{background:#FFEBEE;color:#C62828;}
.att-circle.info{background:var(--sky-pale);color:var(--sky);}
.progress-bar-wrap{background:var(--grey-mid);border-radius:4px;height:8px;margin-top:8px;overflow:hidden;}
.progress-bar{height:100%;border-radius:4px;transition:width .8s ease;}
.progress-bar.green{background:var(--green);}
.progress-bar.yellow{background:#F9A825;}
.progress-bar.red{background:#C62828;}
@media(max-width:768px){.att-summary{grid-template-columns:repeat(2,1fr);}}