.sidebar{overflow-y:auto}
.student-display{grid-template-columns:repeat(4,1fr)}
.student-identity{display:grid;grid-template-columns:130px 1fr;gap:14px;margin-top:10px}.student-photo-box{width:130px;height:155px;border:1px solid #bdd2ca;border-radius:12px;background:#e8f2ee;display:grid;place-items:center;overflow:hidden;color:#6b7e78;font-weight:800}.student-photo-box img{width:100%;height:100%;object-fit:cover}.student-identity .student-display{margin-top:0}
.student-display .full-stat{grid-column:1/-1}
.student-stat-table{margin-top:10px}
.student-stat-table th,.student-stat-table td{padding:8px 10px}
.hint{color:#6b7e78;font-size:13px}
.timeline-item{border-left:3px solid #45b68a;padding:4px 0 12px 16px;margin:10px 0}
.timeline-item p{margin:7px 0}
.employee-picker{position:relative}.employee-picker.full{grid-column:1/-1}.employee-results{position:absolute;z-index:9;background:#fff;box-shadow:0 10px 30px #0002;max-height:260px;overflow:auto;min-width:360px}.employee-results button,.employee-results span{display:block;width:100%;padding:10px;text-align:left;border:0;border-bottom:1px solid #dce8e3;background:#fff}.employee-display{margin-top:8px;padding:10px;background:#eef6f2;border-radius:9px}.employee-display small,.employee-display strong{display:block}
.responsible-picker{position:relative}.responsible-results{position:absolute;z-index:10;background:#fff;box-shadow:0 10px 30px #0002;max-height:260px;overflow:auto;min-width:420px}.responsible-results button,.responsible-results span{display:block;width:100%;padding:10px;text-align:left;border:0;border-bottom:1px solid #dce8e3;background:#fff}.finance-card{padding:12px;background:#eef6f2;border:1px solid #bdd2ca;border-radius:10px}.finance-card strong,.finance-card small{display:block}.fee-LUNAS{color:#15803d}.fee-BELUM_DIBAYAR{color:#b45309}.fee-TIDAK_BERBIAYA{color:#475569}
.grade-legend{padding:12px 14px;background:#fff7e8;border:1px solid #ffd08a;border-radius:10px;color:#6e4700}
.guard-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guard-action-grid .panel{margin-top:20px}.departure-panel{border-top:6px solid #2563eb}.arrival-panel{border-top:6px solid #16a34a}.step-label{font-size:11px;font-weight:900;letter-spacing:.12em}.departure-button{background:#1d4ed8}.arrival-button{background:#15803d}.guard-student-form{display:block!important;margin-top:18px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.progress-card{background:#fff;border:1px solid #dce8e3;border-radius:16px;padding:24px}.progress-card strong,.progress-card span,.progress-card small{display:block}.progress-card strong{font-size:38px;color:#0f4835}.progress-card span{font-weight:800;margin:4px 0}.progress-card small{color:#6b7e78}.progress-track{height:12px;background:#e5eee9;border-radius:999px;margin-top:18px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#199269,#45b68a);border-radius:999px}.mrt-summary article small{display:block;color:#6b7e78;margin-top:7px}.settings-logo{display:block;max-width:180px;max-height:110px;object-fit:contain;margin:14px 0;padding:8px;border:1px solid #dce8e3;border-radius:12px}
@media(max-width:760px){.student-display{grid-template-columns:1fr 1fr}.student-identity{grid-template-columns:90px 1fr}.student-photo-box{width:90px;height:115px}.data-form{grid-template-columns:1fr}.score-row{grid-template-columns:1fr}.guard-action-grid,.progress-grid{grid-template-columns:1fr}}