.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.metric-link{display:block;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.metric-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,42,74,.1);border-color:#d9d5fa}.form-field input[type=checkbox]{width:auto;margin-right:7px}#id_attended_students{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;max-height:235px;overflow:auto;padding:12px;border:1px solid #e5e7ed;border-radius:6px;background:#fff}#id_attended_students>div{font-size:11px;color:#55596a;padding:5px 2px}#id_attended_students label{display:flex;align-items:center;gap:5px;cursor:pointer}#id_attended_students [hidden]{display:none}.amount-preview{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:14px 16px;margin-top:16px;border:1px solid #e8e6fa;border-radius:8px;background:#f8f7ff}.amount-preview span{font-size:11px;color:#777b8b}.amount-preview b{color:#39334f}.amount-preview span:last-of-type b{font-size:15px;color:#258f70}.amount-preview small{flex-basis:100%;font-size:10px;color:#9a9eac}.report-table .numeric{text-align:right}.settlement-outstanding{font-size:10px;color:#999dac;margin-top:5px}@media(max-width:760px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{justify-content:flex-start}#id_attended_students{grid-template-columns:1fr}}
.topbar-start{display:flex;align-items:center;gap:17px;min-width:0}.topbar-logo,.login-logo{display:flex;flex:none;align-items:center}.topbar-logo img,.login-logo img{width:97px;height:59px;display:block;object-fit:contain}.profile-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.profile-link:hover .profile-copy b{color:#6457d9}.profile-avatar-image{object-fit:cover;border:1px solid #eceef2}.login-logo{margin:0 0 27px}.login-card{width:min(440px,100%)}.contact-card{display:grid;gap:7px;border-top:1px solid var(--line);margin-top:19px;padding-top:16px}.contact-card strong{font-size:11px;color:#55596a}.contact-card a{color:#6255cf;font-size:11px;text-decoration:none}.contact-card a:hover{text-decoration:underline}.profile-panel{max-width:780px;padding:24px}.profile-picture-preview{width:88px;height:88px;border-radius:50%;overflow:hidden;background:#efedff;color:#6457d9;display:grid;place-items:center;margin-bottom:22px;font-size:30px;font-weight:700}.profile-picture-preview img{width:100%;height:100%;object-fit:cover}.profile-panel input[type=file]{padding:8px}.profile-panel .help-text{line-height:1.5}@media(max-width:760px){.topbar-start{gap:8px}.topbar-logo img{width:72px;height:44px}.topbar .breadcrumb{font-size:10px}.top-actions{gap:7px}}
.section-heading{font:700 15px Manrope,sans-serif;margin:24px 0 12px}.report-note{font-size:10px;color:#9296a5;line-height:1.6;margin:12px 2px}.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{border:1px solid #e5e7ed;border-radius:5px;padding:6px;font:11px 'DM Sans'}.inline-form button,.danger-link{background:none;border:0;color:#6457d9;font:600 10px 'DM Sans';cursor:pointer}.danger-link{color:#c7635d}.settlement-grid{grid-template-columns:1.4fr 1fr;align-items:start}.settlement-grid .form-panel{max-width:none}.slip-panel{max-width:850px;margin:0 auto;padding:30px}.slip-brand{font:800 20px Manrope,sans-serif;letter-spacing:-1px}.slip-brand>span{color:#6457d9}.slip-brand small{display:block;margin-top:4px;font:700 9px 'DM Sans';letter-spacing:1.4px;color:#a0a3b1}.slip-amount{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.slip-amount span{font-size:12px;color:#777c8c}.slip-amount strong{font:800 25px Manrope;color:#238f70}.slip-details{grid-template-columns:repeat(2,1fr);padding:4px 0 22px}.slip-footnote{border-top:1px solid var(--line);padding-top:16px;color:#9296a5;font-size:10px}.metric-link:focus-visible{outline:3px solid #aca5f1;outline-offset:2px}@media(max-width:760px){.settlement-grid{grid-template-columns:1fr}.slip-actions{align-items:flex-start;flex-direction:column}.slip-panel{padding:20px}.slip-details{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.page-footer,.slip-actions,.messages{display:none!important}.app-shell,.main-content,.page-wrap{display:block;width:100%;max-width:none;padding:0;margin:0;background:white}.slip-panel{box-shadow:none;border:0;max-width:none}.slip-footnote{color:#555}}