.page-module__okhFgG__page{min-height:80vh;padding-bottom:5rem}.page-module__okhFgG__pageHeader{background:#393e46;padding:3rem 1.5rem 3.5rem}.page-module__okhFgG__pageHeaderInner{z-index:1;position:relative}.page-module__okhFgG__pageTitle{color:var(--white);margin:.75rem 0;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800}.page-module__okhFgG__pageDesc{color:#fff9;max-width:500px;font-size:1rem;line-height:1.7}.page-module__okhFgG__content{max-width:860px;padding:3rem 0}.page-module__okhFgG__calcSection{animation:.5s forwards page-module__okhFgG__fadeInUp}.page-module__okhFgG__sectionHead{align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-module__okhFgG__sectionIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-module__okhFgG__sectionTitle{color:var(--dark);margin-bottom:.2rem;font-size:1.375rem;font-weight:700}.page-module__okhFgG__sectionDesc{color:var(--gray);font-size:.875rem}.page-module__okhFgG__tableHeader{background:var(--gray-light);border-radius:var(--radius-sm);font-family:var(--font-heading);color:var(--gray);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 130px 80px 80px 44px;gap:.6rem;margin-bottom:.5rem;padding:.5rem .75rem .5rem 2.75rem;font-size:.78rem;font-weight:600;display:grid}.page-module__okhFgG__rowList{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.page-module__okhFgG__row{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:28px 1fr 130px 80px 80px 44px;align-items:center;gap:.6rem;padding:.4rem;transition:border-color .2s;display:grid}.page-module__okhFgG__row:hover{border-color:var(--teal-light)}.page-module__okhFgG__rowNum{color:var(--gray-2);text-align:center;font-size:.75rem;font-weight:600;font-family:var(--font-heading)}.page-module__okhFgG__colMataKuliah{grid-column:auto}.page-module__okhFgG__colNilai{flex-shrink:0;width:130px}.page-module__okhFgG__colSks,.page-module__okhFgG__colBobot{flex-shrink:0;width:80px}.page-module__okhFgG__colAction{flex-shrink:0;width:44px}.page-module__okhFgG__bobotDisplay{font-family:var(--font-heading);color:var(--primary);text-align:center;padding:.4rem;font-size:.9rem;font-weight:600}.page-module__okhFgG__addRowBtn{color:var(--teal-dark);border:1.5px dashed var(--teal-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#00adb514;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.6rem 1.1rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;display:inline-flex}.page-module__okhFgG__addRowBtn:hover{background:#00adb524;border-style:solid;transform:none}.page-module__okhFgG__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;display:flex}.page-module__okhFgG__infoBox{border-radius:var(--radius-md);color:var(--dark-2);background:#a8e0d34d;border:1px solid #00adb540;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.6;display:flex}.page-module__okhFgG__infoBox strong{color:var(--teal-dark)}.page-module__okhFgG__cumLaudForm{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.page-module__okhFgG__fieldHint{color:var(--gray-2);font-size:.78rem;font-weight:400}@media (max-width:768px){.page-module__okhFgG__tableHeader{display:none}.page-module__okhFgG__row{grid-template-columns:24px 1fr 100px 60px 60px 40px;gap:.4rem}.page-module__okhFgG__cumLaudForm{grid-template-columns:1fr}}@media (max-width:520px){.page-module__okhFgG__row{grid-template-rows:auto auto;grid-template-columns:2fr 1fr 1fr 44px;gap:.5rem;padding:.75rem}.page-module__okhFgG__rowNum{display:none}.page-module__okhFgG__colMataKuliah{grid-column:1/-1;width:100%!important}.page-module__okhFgG__colNilai,.page-module__okhFgG__colSks{min-width:0;width:100%!important}.page-module__okhFgG__colBobot{text-align:center;padding:.4rem 0;width:100%!important}.page-module__okhFgG__colAction{justify-content:center;width:44px!important;height:38px!important;margin:0!important}}