.EkstrakulikulerList-module__ixy1pa__contentArea{padding:30px}.EkstrakulikulerList-module__ixy1pa__cardContainer{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.EkstrakulikulerList-module__ixy1pa__cardHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.EkstrakulikulerList-module__ixy1pa__cardTitle{color:#333;margin:0;font-size:20px;font-weight:600}.EkstrakulikulerList-module__ixy1pa__headerActions{gap:10px;display:flex}.EkstrakulikulerList-module__ixy1pa__btnBack{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.EkstrakulikulerList-module__ixy1pa__btnBack:hover{background-color:#4b5563}.EkstrakulikulerList-module__ixy1pa__searchBox{margin-bottom:25px;position:relative}.EkstrakulikulerList-module__ixy1pa__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}.EkstrakulikulerList-module__ixy1pa__searchBox input:focus{border-color:#26a7b8;outline:none;box-shadow:0 0 0 3px rgba(38,167,184,.1)}.EkstrakulikulerList-module__ixy1pa__searchBox .search-icon{color:#999;pointer-events:none;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.EkstrakulikulerList-module__ixy1pa__clearIcon{color:#999;cursor:pointer;font-size:16px;transition:color .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.EkstrakulikulerList-module__ixy1pa__clearIcon:hover{color:#26a7b8}@media (max-width:768px){.EkstrakulikulerList-module__ixy1pa__contentArea,.EkstrakulikulerList-module__ixy1pa__cardContainer{padding:20px}.EkstrakulikulerList-module__ixy1pa__cardHeader{flex-direction:column;align-items:flex-start}.EkstrakulikulerList-module__ixy1pa__headerActions{width:100%}.EkstrakulikulerList-module__ixy1pa__btnBack{justify-content:center;width:100%}}
.EkstrakulikulerTable-module__mQOhSa__tableContainer{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.EkstrakulikulerTable-module__mQOhSa__dataTable{border-collapse:collapse;width:100%;font-size:14px}.EkstrakulikulerTable-module__mQOhSa__dataTable thead{color:#fff;background-color:#26a7b8}.EkstrakulikulerTable-module__mQOhSa__dataTable thead th{text-align:left;white-space:nowrap;padding:15px 20px;font-weight:600}.EkstrakulikulerTable-module__mQOhSa__dataTable tbody tr{cursor:pointer;border-bottom:1px solid #e0e0e0}.EkstrakulikulerTable-module__mQOhSa__dataTable tbody tr:hover{background-color:#f8f9fa}.EkstrakulikulerTable-module__mQOhSa__dataTable tbody td{color:#555;padding:15px 20px}.EkstrakulikulerTable-module__mQOhSa__thumbnailCell{align-items:center;gap:12px;display:flex}.EkstrakulikulerTable-module__mQOhSa__thumbnail{object-fit:cover;border:2px solid #e5e7eb;border-radius:8px;width:60px;height:60px}.EkstrakulikulerTable-module__mQOhSa__noThumbnail{color:#9ca3af;background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.EkstrakulikulerTable-module__mQOhSa__eskulInfo h6{color:#333;margin:0;font-size:14px;font-weight:600}.EkstrakulikulerTable-module__mQOhSa__descriptionPreview{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.EkstrakulikulerTable-module__mQOhSa__emptyState,.EkstrakulikulerTable-module__mQOhSa__loadingState{text-align:center;padding:40px}.EkstrakulikulerTable-module__mQOhSa__emptyState i,.EkstrakulikulerTable-module__mQOhSa__loadingState i{color:#ccc;font-size:48px}.EkstrakulikulerTable-module__mQOhSa__loadingState i{font-size:24px}.EkstrakulikulerTable-module__mQOhSa__emptyState p,.EkstrakulikulerTable-module__mQOhSa__loadingState p{color:#999;margin-top:10px}.EkstrakulikulerTable-module__mQOhSa__actionButtons{gap:8px;display:flex}.EkstrakulikulerTable-module__mQOhSa__btnAction{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.EkstrakulikulerTable-module__mQOhSa__btnView{color:#1976d2;background-color:#e3f2fd}.EkstrakulikulerTable-module__mQOhSa__btnView:hover{color:#fff;background-color:#1976d2}.EkstrakulikulerTable-module__mQOhSa__btnEdit{color:#f57c00;background-color:#fff3e0}.EkstrakulikulerTable-module__mQOhSa__btnEdit:hover{color:#fff;background-color:#f57c00}.EkstrakulikulerTable-module__mQOhSa__btnDelete{color:#c62828;background-color:#ffebee}.EkstrakulikulerTable-module__mQOhSa__btnDelete:hover{color:#fff;background-color:#c62828}@media (max-width:768px){.EkstrakulikulerTable-module__mQOhSa__dataTable{font-size:13px}.EkstrakulikulerTable-module__mQOhSa__thumbnail,.EkstrakulikulerTable-module__mQOhSa__noThumbnail{width:50px;height:50px}.EkstrakulikulerTable-module__mQOhSa__descriptionPreview{max-width:150px}}
.EditEskulModal-module__ovTJwa__form{flex-direction:column;gap:1.5rem;display:flex}.EditEskulModal-module__ovTJwa__formGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.EditEskulModal-module__ovTJwa__formGroup{flex-direction:column;gap:.5rem;display:flex}.EditEskulModal-module__ovTJwa__formGroup.EditEskulModal-module__ovTJwa__fullWidth{grid-column:1/-1}.EditEskulModal-module__ovTJwa__label{color:#374151;font-size:.875rem;font-weight:500}.EditEskulModal-module__ovTJwa__required{color:#ef4444}.EditEskulModal-module__ovTJwa__input,.EditEskulModal-module__ovTJwa__textarea{color:#000;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.EditEskulModal-module__ovTJwa__input:focus,.EditEskulModal-module__ovTJwa__textarea:focus{color:#000;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.EditEskulModal-module__ovTJwa__textarea{resize:vertical;min-height:120px}.EditEskulModal-module__ovTJwa__modalActions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.EditEskulModal-module__ovTJwa__btnCancel,.EditEskulModal-module__ovTJwa__btnSubmit{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.EditEskulModal-module__ovTJwa__btnCancel{color:#374151;background-color:#f3f4f6}.EditEskulModal-module__ovTJwa__btnCancel:hover:not(:disabled){background-color:#e5e7eb}.EditEskulModal-module__ovTJwa__btnSubmit{color:#fff;background-color:#3b82f6}.EditEskulModal-module__ovTJwa__btnSubmit:hover:not(:disabled){background-color:#2563eb}.EditEskulModal-module__ovTJwa__btnCancel:disabled,.EditEskulModal-module__ovTJwa__btnSubmit:disabled{opacity:.5;cursor:not-allowed}.EditEskulModal-module__ovTJwa__photoUpload{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:30px;transition:all .3s;display:flex;position:relative}.EditEskulModal-module__ovTJwa__photoUpload:hover{background-color:#f5f5f5;border-color:#4caf50}.EditEskulModal-module__ovTJwa__photoUpload.EditEskulModal-module__ovTJwa__active{border-color:#4caf50;min-height:auto;padding:0}.EditEskulModal-module__ovTJwa__photoUploadIcon{color:#4caf50;margin-bottom:15px;font-size:48px}.EditEskulModal-module__ovTJwa__photoUploadText{color:#333;margin-bottom:8px;font-size:16px;font-weight:500}.EditEskulModal-module__ovTJwa__photoUploadHint{color:#666;font-size:13px}.EditEskulModal-module__ovTJwa__photoPreview{border-radius:8px;width:100%;position:relative;overflow:hidden}.EditEskulModal-module__ovTJwa__photoPreview img{object-fit:contain;background-color:#f9f9f9;width:100%;height:auto;max-height:400px;display:block}.EditEskulModal-module__ovTJwa__removePhotoBtn{color:#fff;cursor:pointer;z-index:10;background-color:rgba(244,67,54,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.EditEskulModal-module__ovTJwa__removePhotoBtn:hover:not(:disabled){background-color:#f44336;transform:scale(1.1)}.EditEskulModal-module__ovTJwa__removePhotoBtn:disabled{opacity:.5;cursor:not-allowed}.EditEskulModal-module__ovTJwa__changePhotoText{color:#fff;text-align:center;opacity:0;background:rgba(0,0,0,.7);padding:12px;font-size:14px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.EditEskulModal-module__ovTJwa__photoPreview:hover .EditEskulModal-module__ovTJwa__changePhotoText{opacity:1}@media (max-width:768px){.EditEskulModal-module__ovTJwa__formGrid{grid-template-columns:1fr}}