.classroom-panel-card.family-entry-attendance{margin-top:20px;padding:22px;border-color:#dce4f0;background:#f5f7fc}
.family-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.family-entry-head h4{margin:0 0 4px;color:#17233a;font-size:19px}.family-entry-head p{margin:0;color:#52627c;font-size:13px}
.family-entry-dates{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.family-entry-dates label{display:grid;gap:3px;color:#52627c;font-size:11px;font-weight:700}.family-entry-dates input{width:145px;min-height:39px;padding:6px 8px;font-size:12px}.family-entry-dates button{min-height:39px}
.family-entry-dashboard{display:grid;grid-template-columns:minmax(215px,235px) minmax(0,1fr);gap:16px}
.family-entry-summary,.family-entry-list{min-width:0;padding:20px;border:1px solid #dfe6f2;border-radius:14px;background:#fff;box-shadow:0 6px 20px #17233a08}
.family-entry-summary{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#fff 55%,#f0f5ff)}.family-entry-summary span{color:#52627c;font-size:11px;font-weight:850;letter-spacing:.08em}.family-entry-summary strong{margin:12px 0 8px;color:#145bb0;font-size:42px;line-height:1.15}.family-entry-summary small{color:#52627c;font-size:12px;line-height:1.5}
.family-entry-list-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#17233a;font-size:15px}.family-entry-list-head span{color:#667085;font-size:12px}.family-entry-rows{max-height:285px;overflow:auto}
.family-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 70px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f6;font-size:12px}.family-entry-row:last-child{border-bottom:0}.family-entry-row span{color:#263449;font-weight:750;overflow-wrap:anywhere}.family-entry-row b{color:#145bb0;text-align:right}.family-entry-row small{color:#52627c;text-align:right}
.family-entry-note{margin:14px 0 0;color:#52627c;font-size:12px;line-height:1.5}.family-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.family-entry-actions span{color:#52627c;font-size:12px}
.attendance-badge.attendance-entry{background:#e8f2ff;color:#145bb0}.attendance-percentage-entry{--attendance-color:#2a70c9}
@media(max-width:780px){.family-entry-head{flex-direction:column}.family-entry-dashboard{grid-template-columns:1fr}.family-entry-summary{align-items:flex-start}}
@media(max-width:520px){.classroom-panel-card.family-entry-attendance{padding:16px}.family-entry-dates,.family-entry-dates label,.family-entry-dates input,.family-entry-dates button{width:100%}.family-entry-list,.family-entry-summary{padding:16px}}