.ksp-top-logout{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:9px;background:#fee4e2;color:#b42318!important;text-decoration:none;font-size:12px;font-weight:800}.ksp-app-sidebar{min-height:720px}.ksp-app-logout{display:flex!important;align-items:center;justify-content:center;margin-top:auto!important;border-radius:9px;background:#fff1f0;color:#b42318!important}.ksp-view-panel[hidden]{display:none}.ksp-view-panel:target{display:block!important}.ksp-view-stack:has(.ksp-view-panel:target) .ksp-view-panel.is-default:not(:target){display:none!important}@media(max-width:760px){.ksp-app-sidebar{min-height:100vh}.ksp-top-logout{padding:7px 9px}.ksp-app-top>div:nth-child(2){max-width:125px;overflow:hidden}.ksp-app-top>div:nth-child(2) strong,.ksp-app-top>div:nth-child(2) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.ksp-app-avatar{overflow:hidden}.ksp-app-avatar img,.ksp-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.ksp-profile-notice{padding:13px 15px;border-radius:10px;margin-bottom:15px;font-weight:700}.ksp-profile-notice.success{background:#dcfae6;color:#067647}.ksp-profile-notice.error{background:#fee4e2;color:#b42318}.ksp-profile-form{margin-top:20px}.ksp-photo-editor{display:flex;align-items:center;gap:18px;padding:18px;background:#f7f9fc;border-radius:13px;margin-bottom:18px}.ksp-profile-photo{width:104px;height:104px;flex:0 0 104px;border-radius:50%;overflow:hidden;background:#eaf4ff;color:#087bea;display:grid;place-items:center;font-size:27px;font-weight:800;border:4px solid #fff;box-shadow:0 3px 14px rgba(16,24,40,.12)}.ksp-photo-editor label strong,.ksp-photo-editor label span{display:block}.ksp-photo-editor label span{font-size:12px;color:#667085;margin:4px 0 10px}.ksp-photo-editor input{max-width:100%}.ksp-student-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.ksp-student-summary div{padding:13px;background:#eff8ff;border-radius:10px}.ksp-student-summary small,.ksp-student-summary strong{display:block}.ksp-student-summary small{font-size:11px;color:#667085;margin-bottom:4px}.ksp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ksp-form-grid label{font-size:13px;font-weight:700;color:#344054}.ksp-form-grid label.wide{grid-column:1/-1}.ksp-form-grid input,.ksp-form-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font:inherit}.ksp-form-grid input:focus,.ksp-form-grid textarea:focus{outline:0;border-color:#087bea;box-shadow:0 0 0 3px rgba(8,123,234,.12)}.ksp-form-grid label small{font-weight:400;color:#667085}.ksp-profile-save{margin-top:18px;border:0;border-radius:9px;background:#087bea;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}@media(max-width:760px){.ksp-photo-editor{align-items:flex-start}.ksp-profile-photo{width:78px;height:78px;flex-basis:78px}.ksp-student-summary,.ksp-form-grid{grid-template-columns:1fr}.ksp-form-grid label.wide{grid-column:auto}}