.MapelsList-module__XVuDpq__cardContainer{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.MapelsList-module__XVuDpq__cardHeader{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.MapelsList-module__XVuDpq__cardTitle{color:#333;margin:0;font-size:20px;font-weight:600}@media (max-width:768px){.MapelsList-module__XVuDpq__cardContainer{padding:20px}.MapelsList-module__XVuDpq__filterSearchContainer{flex-direction:column}.MapelsList-module__XVuDpq__searchBox{min-width:100%}.MapelsList-module__XVuDpq__dataTable{font-size:13px}}
.MapelFilter-module__9VJGsq__filterSearchContainer{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.MapelFilter-module__9VJGsq__searchBox{flex:1;min-width:250px;position:relative}.MapelFilter-module__9VJGsq__searchBox input{color:#26a7b8;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 45px;font-size:14px;transition:all .3s}.MapelFilter-module__9VJGsq__searchBox input:focus{border-color:#26a7b8;outline:none;box-shadow:0 0 0 3px rgba(38,167,184,.1)}.MapelFilter-module__9VJGsq__searchBox .search-icon{color:#999;pointer-events:none;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.MapelFilter-module__9VJGsq__clearIcon{color:#999;cursor:pointer;font-size:16px;transition:color .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.MapelFilter-module__9VJGsq__clearIcon:hover{color:#26a7b8}.MapelFilter-module__9VJGsq__filterBtn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#26a7b8;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.MapelFilter-module__9VJGsq__filterBtn:hover{background-color:#1e8a98;box-shadow:0 4px 12px rgba(38,167,184,.3)}.MapelFilter-module__9VJGsq__filterPanel{background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px;animation:.3s MapelFilter-module__9VJGsq__slideDown}@keyframes MapelFilter-module__9VJGsq__slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.MapelFilter-module__9VJGsq__filterRow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px;display:grid}.MapelFilter-module__9VJGsq__filterGroup{flex-direction:column;gap:8px;display:flex}.MapelFilter-module__9VJGsq__filterGroup label{color:#555;font-size:13px;font-weight:600}.MapelFilter-module__9VJGsq__filterGroup select{cursor:pointer;color:#000;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px;font-size:14px;transition:border-color .3s}.MapelFilter-module__9VJGsq__filterGroup select:focus{border-color:#26a7b8;outline:none}.MapelFilter-module__9VJGsq__filterActions{justify-content:flex-end;gap:10px;display:flex}.MapelFilter-module__9VJGsq__btnApply,.MapelFilter-module__9VJGsq__btnReset{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .3s}.MapelFilter-module__9VJGsq__btnApply{color:#fff;background-color:#26a7b8;border:none}.MapelFilter-module__9VJGsq__btnApply:hover{background-color:#1e8a98}.MapelFilter-module__9VJGsq__btnReset{color:#666;background-color:#fff;border:1px solid #e0e0e0}.MapelFilter-module__9VJGsq__btnReset:hover{color:#26a7b8;background-color:#f8f9fa;border-color:#26a7b8}@media (max-width:768px){.MapelFilter-module__9VJGsq__filterSearchContainer{flex-direction:column}.MapelFilter-module__9VJGsq__searchBox{min-width:100%}.MapelFilter-module__9VJGsq__filterBtn{justify-content:center;width:100%}}
.ViewMapelModal-module__4ix__q__studentDetail{flex-direction:column;gap:1.5rem;display:flex}.ViewMapelModal-module__4ix__q__imageSection{justify-content:center;padding:1rem 0;display:flex}.ViewMapelModal-module__4ix__q__teacherImage{object-fit:cover;border:4px solid #e5e7eb;border-radius:50%;width:150px;height:150px}.ViewMapelModal-module__4ix__q__noImage{color:#9ca3af;background-color:#f3f4f6;border:4px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:4rem;display:flex}.ViewMapelModal-module__4ix__q__infoSection{flex-direction:column;gap:1.5rem;display:flex}.ViewMapelModal-module__4ix__q__infoGroup{flex-direction:column;gap:1rem;display:flex}.ViewMapelModal-module__4ix__q__infoLabel{color:#26a7b8;border-bottom:2px solid #26a7b8;margin:0;padding-bottom:.5rem;font-size:1rem;font-weight:600}.ViewMapelModal-module__4ix__q__infoGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.ViewMapelModal-module__4ix__q__infoItem{flex-direction:column;gap:.25rem;display:flex}.ViewMapelModal-module__4ix__q__label{color:#6b7280;font-size:.875rem;font-weight:500}.ViewMapelModal-module__4ix__q__value{color:#1f2937;font-size:1rem;font-weight:400}.ViewMapelModal-module__4ix__q__alamatText{color:#1f2937;margin:0;font-size:1rem;line-height:1.6}.ViewMapelModal-module__4ix__q__modalActions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.ViewMapelModal-module__4ix__q__btnClose{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.ViewMapelModal-module__4ix__q__btnClose:hover{background-color:#4b5563}.ViewMapelModal-module__4ix__q__guruList{flex-direction:column;gap:.5rem;display:flex}.ViewMapelModal-module__4ix__q__guruItem{background:#f8f9fa;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.ViewMapelModal-module__4ix__q__guruItem i{color:#6c757d}.ViewMapelModal-module__4ix__q__loadingMapel{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.ViewMapelModal-module__4ix__q__loadingMapel i{font-size:16px}.ViewMapelModal-module__4ix__q__noMapel{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.ViewMapelModal-module__4ix__q__noMapel i{font-size:16px}.ViewMapelModal-module__4ix__q__guruList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:12px;display:grid}.ViewMapelModal-module__4ix__q__guruCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.ViewMapelModal-module__4ix__q__guruCard:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.07)}.ViewMapelModal-module__4ix__q__guruHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.ViewMapelModal-module__4ix__q__guruTitle{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ViewMapelModal-module__4ix__q__guruTitle i{color:#3b82f6;flex-shrink:0;font-size:16px}.ViewMapelModal-module__4ix__q__guruName{color:#1e293b;word-break:break-word;font-size:15px;font-weight:600;line-height:1.4}.ViewMapelModal-module__4ix__q__badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.ViewMapelModal-module__4ix__q__badgeUmum{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.ViewMapelModal-module__4ix__q__badgeKejuruan{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.ViewMapelModal-module__4ix__q__badgeMulok{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.ViewMapelModal-module__4ix__q__badgeDefault{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ViewMapelModal-module__4ix__q__guruDetails{flex-direction:column;gap:8px;display:flex}.ViewMapelModal-module__4ix__q__guruDetailItem{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.ViewMapelModal-module__4ix__q__guruDetailItem i{color:#94a3b8;flex-shrink:0;width:16px;font-size:12px}.ViewMapelModal-module__4ix__q__guruDetailItem span{line-height:1.5}@media (max-width:768px){.ViewMapelModal-module__4ix__q__guruList{grid-template-columns:1fr}.ViewMapelModal-module__4ix__q__guruHeader{flex-direction:column;align-items:flex-start}.ViewMapelModal-module__4ix__q__badge{align-self:flex-start}}@media (max-width:480px){.ViewMapelModal-module__4ix__q__guruCard{padding:12px}.ViewMapelModal-module__4ix__q__guruName{font-size:14px}.ViewMapelModal-module__4ix__q__guruDetailItem{font-size:12px}}@media (max-width:768px){.ViewMapelModal-module__4ix__q__infoGrid{grid-template-columns:1fr}}