._container_13bk3_7{min-height:100vh;background:linear-gradient(135deg,#f0f9f0,#fff7ed);display:flex;align-items:center;justify-content:center;padding:1rem}._card_13bk3_27{background:#fff;box-shadow:0 25px 50px -12px #00000040;border-radius:1.5rem;overflow:hidden;width:100%;max-width:28rem;transform:translateY(0);transition:all .3s ease}._card_13bk3_27:hover{box-shadow:0 35px 60px -12px #00000059;transform:translateY(-2px)}._header_13bk3_61{background:linear-gradient(135deg,#53a22a,#fe860d);padding:2rem;text-align:center;color:#fff}._logo_13bk3_75{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.05em}._subtitle_13bk3_89{color:#ffffffe6;font-size:.875rem;font-weight:500}._form_13bk3_103{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}._inputGroup_13bk3_119{display:flex;flex-direction:column}._inputWrapper_13bk3_129{position:relative}._label_13bk3_137{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}._input_13bk3_119{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;color:#374151;background-color:#fff;transition:all .2s ease}._input_13bk3_119:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a1a}._input_13bk3_119::placeholder{color:#9ca3af}._inputError_13bk3_195{border-color:#ef4444}._inputError_13bk3_195:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._inputIcon_13bk3_215{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}._eyeIcon_13bk3_235{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem;background:none;border:none;cursor:pointer;transition:color .2s ease}._eyeIcon_13bk3_235:hover{color:#6b7280}._button_13bk3_273{width:100%;background:linear-gradient(135deg,#53a22a,#fe860d);color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #53a22a63}._button_13bk3_273:hover{background:linear-gradient(135deg,#478622,#e5770b);transform:translateY(-1px);box-shadow:0 6px 20px #53a22a80}._button_13bk3_273:active{transform:translateY(0)}._buttonLoading_13bk3_329{opacity:.7;cursor:not-allowed}._buttonLoading_13bk3_329:hover{transform:none}._buttonIcon_13bk3_347{width:1.25rem;height:1.25rem}._spinner_13bk3_359{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:_spin_13bk3_359 1s linear infinite}@keyframes _spin_13bk3_359{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._forgotPassword_13bk3_397{text-align:center;margin-top:1rem}._forgotLink_13bk3_407{color:#53a22a;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}._forgotLink_13bk3_407:hover{color:#fe860d}._footer_13bk3_433{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1.5rem}._footerLink_13bk3_447{color:#53a22a;font-weight:500;text-decoration:none;transition:color .2s ease}._footerLink_13bk3_447:hover{color:#fe860d}._error_13bk3_471{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.25rem}@media (max-width: 640px){._container_13bk3_7{padding:.5rem}._card_13bk3_27{max-width:100%}._form_13bk3_103,._header_13bk3_61{padding:1.5rem}._logo_13bk3_75{font-size:1.5rem}._input_13bk3_119{padding:.625rem .875rem .625rem 2.75rem;font-size:.875rem}._button_13bk3_273{padding:.75rem 1rem;font-size:1rem}}@media (max-width: 480px){._container_13bk3_7{padding:.25rem}._form_13bk3_103{padding:1rem;gap:1rem}._header_13bk3_61{padding:1rem}._logo_13bk3_75{font-size:1.25rem}._subtitle_13bk3_89{font-size:.75rem}}@media (max-width: 360px){._input_13bk3_119{padding:.5rem .75rem .5rem 2.5rem;font-size:.8125rem}._inputIcon_13bk3_215{left:.75rem;width:1rem;height:1rem}._eyeIcon_13bk3_235{right:.75rem;width:1rem;height:1rem}}@media (min-width: 641px) and (max-width: 1024px){._card_13bk3_27{max-width:24rem}}@media (min-width: 1025px){._card_13bk3_27{max-width:28rem}._form_13bk3_103,._header_13bk3_61{padding:2.5rem}}._ttlContainer_1hejy_9{display:flex;gap:1rem}._tempatInput_1hejy_19{flex:2}._tanggalInput_1hejy_27{flex:1}@media (max-width: 480px){._ttlContainer_1hejy_9{flex-direction:column;gap:.5rem}._tempatInput_1hejy_19,._tanggalInput_1hejy_27{width:100%}}._registerContainer_1hejy_59{font-family:Poppins,Roboto,sans-serif;max-width:1000px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}._registerHeader_1hejy_79{text-align:center;margin-bottom:2.5rem}._registerTitle_1hejy_89{color:#53a22a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}._registerSubtitle_1hejy_103{color:#666;font-size:1.1rem;font-weight:400}._registerFormContainer_1hejy_115{background:#f9f9f9;padding:2rem;border-radius:12px;border:1px solid #eee}._registerForm_1hejy_115{display:flex;flex-direction:column;gap:1.5rem}._formSection_1hejy_141{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000000d;border-left:4px solid #53a22a}._sectionTitle_1hejy_157{color:#53a22a;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}._formGroup_1hejy_173{margin-bottom:1.2rem}._formLabel_1hejy_181{display:block;margin-bottom:.5rem;color:#444;font-weight:500;font-size:.95rem}._formInput_1hejy_197{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}select._formInput_1hejy_197{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23555' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;padding-right:2.5rem!important;cursor:pointer}._formInput_1hejy_197:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a33}._inputError_1hejy_253{border-color:#ff4d4f}._inputError_1hejy_253:focus{box-shadow:0 0 0 3px #ff4d4f33}._errorMessage_1hejy_269{color:#ff4d4f;font-size:.85rem;margin-top:.3rem}._fileInput_1hejy_281{width:100%;padding:.8rem;border:1px dashed #ddd;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .3s ease}._fileInput_1hejy_281:hover{border-color:#53a22a;background:#f5fff0}._fileSelected_1hejy_311{font-size:.85rem;color:#53a22a;margin-top:.5rem}._passwordInputWrapper_1hejy_323{position:relative;width:100%}._togglePassword_1hejy_333{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;transition:color .3s}._togglePassword_1hejy_333:hover{color:#000}._formInput_1hejy_197{padding-right:40px!important;width:100%}._formActions_1hejy_371{text-align:center;margin-top:1.5rem}._submitButton_1hejy_381{background:linear-gradient(to right,#fe860d,#ff9a3d);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fe860d4d;text-transform:uppercase;letter-spacing:.5px}._submitButton_1hejy_381:hover{transform:translateY(-3px);box-shadow:0 8px 20px #fe860d66;background:linear-gradient(to right,#fe860d,#ff8c1a)}._submitButton_1hejy_381:disabled{background:#ccc;box-shadow:none;transform:none;cursor:not-allowed}@media (max-width: 768px){._registerContainer_1hejy_59{padding:1.5rem;margin:1rem}._registerFormContainer_1hejy_115{padding:1.5rem}._registerTitle_1hejy_89{font-size:2rem}}@media (max-width: 480px){._registerContainer_1hejy_59,._registerFormContainer_1hejy_115,._formSection_1hejy_141{padding:1rem}._submitButton_1hejy_381{width:100%;padding:1rem}}._guruDashboard_1j4xi_7{font-family:Poppins,Roboto,sans-serif;display:flex;min-height:100vh;background-color:#f5f7fa;color:#333}._sidebar_1j4xi_25{width:280px;background:#fff;box-shadow:2px 0 15px #0000000d;display:flex;flex-direction:column;transition:all .3s ease;z-index:100;position:fixed;height:100vh;transform:translate(-100%)}._sidebarOpen_1j4xi_51{transform:translate(0)}._sidebarHeader_1j4xi_59{padding:1.5rem;border-bottom:1px solid #eee;text-align:center}._sidebarLogo_1j4xi_71{max-width:80px;height:auto}._sidebarNav_1j4xi_81{flex:1;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}._sidebarNavGroup_1j4xi_97{margin-bottom:1.5rem;padding:0 1rem}._sidebarNavGroupFooter_1j4xi_107{margin-top:auto;margin-bottom:0;padding-bottom:1rem}._sidebarNavItem_1j4xi_119{display:flex;align-items:center;padding:.8rem 1rem;margin:.25rem 0;border-radius:8px;color:#555;text-decoration:none;transition:all .2s ease}._sidebarNavItem_1j4xi_119:hover{background-color:#53a22a1a;color:#53a22a;transform:translate(5px)}._sidebarNavItemActive_1j4xi_153{background-color:#53a22a26;color:#53a22a;font-weight:500}._sidebarNavIcon_1j4xi_165{margin-right:12px;display:flex;align-items:center;justify-content:center;width:24px}._sidebarNavLabel_1j4xi_181{font-size:.95rem}._mainContent_1j4xi_191{flex:1;padding:2rem;margin-left:280px;transition:all .3s ease}._mainContentFull_1j4xi_205{margin-left:0}._dashboardHeader_1j4xi_213{margin-bottom:2rem}._dashboardTitle_1j4xi_221{font-size:1.8rem;font-weight:600;color:#333;margin:0}._dashboardUser_1j4xi_235{color:#53a22a;font-weight:500}._dashboardCards_1j4xi_245{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}._dashboardCard_1j4xi_245{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}._dashboardCard_1j4xi_245:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}._dashboardCard--primary_1j4xi_285{border-left:4px solid #53a22a}._dashboardCard--warning_1j4xi_293{border-left:4px solid #fe860d}._dashboardCard--success_1j4xi_301{border-left:4px solid #4caf50}._dashboardCard--info_1j4xi_309{border-left:4px solid #2196f3}._cardContent_1j4xi_317{display:flex;justify-content:space-between;align-items:center}._cardIcon_1j4xi_329{background-color:#53a22a1a;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}._cardIcon_1j4xi_329 ._icon_1j4xi_349{font-size:1.8rem}._dashboardCardTitle_1j4xi_357{font-size:1rem;font-weight:600;margin-top:0;margin-bottom:.5rem;color:#444}._dashboardCardValue_1j4xi_373{font-size:1.5rem;font-weight:700;color:#333;margin:0}._dashboardSection_1j4xi_387{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000000d}._sectionTitle_1j4xi_403{font-size:1.3rem;font-weight:600;margin-top:0;margin-bottom:1.5rem;color:#333}._tableContainer_1j4xi_421{width:100%;overflow-x:auto}._tableWrapper_1j4xi_431{border-radius:8px;overflow:hidden}._scheduleTable_1j4xi_441{width:100%}._scheduleTableHeader_1j4xi_449{background-color:#76f238}._scheduleTableHeader_1j4xi_449 th{background-color:#559635;padding:.8rem 1rem;text-align:left;font-weight:500;color:#fff;font-size:.9rem}._scheduleTableBody_1j4xi_475 tr{border-bottom:1px solid #eeeeee89}._scheduleTableBody_1j4xi_475 tr:last-child{border-bottom:none}._scheduleTableRow_1j4xi_491:hover{background-color:#579d341a}._scheduleTableCell_1j4xi_499{padding:.8rem 1rem;font-size:.9rem}._pagination_1j4xi_511{display:flex;justify-content:center;margin-top:1.5rem}._menuToggle_1j4xi_525{position:fixed;top:1rem;left:1rem;background:#53a22a;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 2px 10px #0003;cursor:pointer;transition:all .3s ease}._menuToggle_1j4xi_525:hover{background:#fe860d;transform:scale(1.1)}@media (max-width: 1200px){._dashboardCards_1j4xi_245{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 992px){._mainContent_1j4xi_191{padding:1.5rem}}@media (min-width: 769px){._sidebar_1j4xi_25{transform:translate(0)}}@media (max-width: 768px){._mainContent_1j4xi_191{margin-left:0;padding:4rem 1.5rem 1.5rem}._dashboardCards_1j4xi_245{grid-template-columns:repeat(2,1fr)}._menuToggle_1j4xi_525{display:flex}}@media (max-width: 576px){._dashboardHeader_1j4xi_213{margin-bottom:1.5rem}._dashboardTitle_1j4xi_221{font-size:1.5rem}._sectionTitle_1j4xi_403{font-size:1.2rem}._dashboardCard_1j4xi_245{padding:1.2rem}._dashboardCards_1j4xi_245{grid-template-columns:1fr}}._adminDashboard_gwgxq_3{font-family:Poppins,Roboto,sans-serif;display:flex;min-height:100vh;background-color:#f5f7fa;color:#333}._sidebar_gwgxq_21{width:280px;background:#fff;box-shadow:2px 0 15px #0000000d;display:flex;flex-direction:column;transition:all .3s ease;z-index:100;position:fixed;height:100vh;transform:translate(-100%)}._sidebarOpen_gwgxq_47{transform:translate(0)}._sidebarHeader_gwgxq_55{padding:1.5rem;border-bottom:1px solid #eee;text-align:center}._sidebarLogo_gwgxq_67{max-width:62px;height:auto}._sidebarTitle_gwgxq_77{font-size:1.2rem;font-weight:600;margin:1rem 0 0;color:#53a22a}._sidebarNav_gwgxq_91{flex:1;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}._navList_gwgxq_107{list-style:none;padding:0;margin:0}._navItem_gwgxq_119{margin:.25rem 0}._navButton_gwgxq_127{width:100%;padding:.8rem 1.5rem;border:none;background:transparent;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#555;position:relative}._navButton_gwgxq_127:hover{background:#53a22a1a;color:#53a22a}._navButtonActive_gwgxq_167{background:#53a22a26;color:#53a22a;font-weight:500}._navIcon_gwgxq_179{font-size:1.2rem;width:24px;display:flex;justify-content:center}._navLabel_gwgxq_193{flex:1;text-align:left}._navChevron_gwgxq_203{margin-left:auto;color:#53a22a}._sidebarFooter_gwgxq_213{padding:1rem 0;border-top:1px solid #eee}._logoutButton_gwgxq_223{width:100%;padding:.8rem 1.5rem;border:none;background:transparent;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#555}._logoutButton_gwgxq_223:hover{background:#53a22a1a;color:#53a22a}._logoutIcon_gwgxq_261{font-size:1.2rem}._mainContent_gwgxq_271{flex:1;padding:2rem;margin-left:280px;transition:all .3s ease}._mainContentFull_gwgxq_285{margin-left:0}._menuToggle_gwgxq_293{position:fixed;top:1rem;left:1rem;background:#53a22a;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 2px 10px #0003;cursor:pointer;transition:all .3s ease}._menuToggle_gwgxq_293:hover{background:#469120;transform:scale(1.1)}._dashboardHeader_gwgxq_341{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000000d}._headerContent_gwgxq_357{display:flex;justify-content:space-between;align-items:center}._pageTitle_gwgxq_369{margin:0;font-size:1.5rem;font-weight:600;color:#333}._userInfo_gwgxq_383{display:flex;align-items:center;gap:.5rem}._userName_gwgxq_395{font-size:1rem;font-weight:500;color:#53a22a}._contentArea_gwgxq_407{border-radius:12px;padding:1.5rem}._dashboardContent_gwgxq_419{display:flex;flex-direction:column;gap:2rem}._statsRow_gwgxq_431{font-size:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}._statCard_gwgxq_445{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000000d;display:flex;justify-content:space-between;border-left:4px solid #ddd;transition:all .3s ease}._statCard_gwgxq_445:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}._statCard--primary_gwgxq_477{border-left-color:#53a22a}._statCard--secondary_gwgxq_485{border-left-color:#2196f3}._statCard--success_gwgxq_493{border-left-color:#4caf50}._statCard--warning_gwgxq_501{border-left-color:#fe860d}._statCardContent_gwgxq_509{flex:1}._statCardTitle_gwgxq_517{font-size:.95rem;font-weight:500;color:#555;margin:0 0 .5rem}._statCardValue_gwgxq_531{font-size:1.5rem;font-weight:600;margin:0;color:#333}._statCardIcon_gwgxq_545{color:#ddd;font-size:2.5rem!important;align-self:center}._educationSection_gwgxq_557{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}._levelList_gwgxq_569{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000000d;height:100%}._levelListTitle_gwgxq_585{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#333;padding-bottom:.5rem;border-bottom:1px solid #eee}._levelListContainer_gwgxq_603{max-height:400px;overflow-y:auto;padding-right:.5rem}._levelListItem_gwgxq_615{padding:.8rem 0;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center}._levelListItem_gwgxq_615:last-child{border-bottom:none}._levelName_gwgxq_639{font-weight:500;flex:1}._levelStudents_gwgxq_649{color:#666;font-size:.9rem;margin-left:1rem}@media (max-width: 992px){._educationSection_gwgxq_557{grid-template-columns:1fr}._levelListContainer_gwgxq_603{max-height:300px}}@media (max-width: 768px){._mainContent_gwgxq_271{padding:1rem;margin-left:0}._dashboardHeader_gwgxq_341{padding:1rem}._pageTitle_gwgxq_369{font-size:1.3rem}._statsRow_gwgxq_431{grid-template-columns:1fr 1fr}}@media (max-width: 480px){._statsRow_gwgxq_431{grid-template-columns:1fr}._statCard_gwgxq_445{padding:1rem}._statCardValue_gwgxq_531{font-size:1.5rem}._levelListContainer_gwgxq_603{max-height:250px}}._profilePage_1anwf_7{font-family:Poppins,Roboto,sans-serif;background-color:#f8f9fa;color:#333;padding:2rem;min-height:100vh}._profileHeader_1anwf_25{display:flex;align-items:center;margin-bottom:2rem;position:relative}._profileHeader_1anwf_25 h1{font-size:1.8rem;font-weight:600;color:#333;display:flex;align-items:center;margin:0 auto}._headerIcon_1anwf_57{margin-right:.8rem;color:#53a22a;font-size:2rem!important}._backButton_1anwf_69{position:absolute;left:0;background:#f1f1f1;border:none;padding:.6rem 1rem;border-radius:8px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;color:#555;font-weight:500}._backButton_1anwf_69:hover{background:#e0e0e0;color:#53a22a}._backIcon_1anwf_109{margin-right:.5rem;font-size:1.2rem!important}._profileBadge_1anwf_119{position:absolute;right:0;background:#53a22a;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}._profileContainer_1anwf_143{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000000d;padding:2rem;display:flex;flex-direction:column;gap:2rem}._basicInfoSection_1anwf_169{display:flex;gap:2rem;align-items:flex-start}._profilePhotoContainer_1anwf_181{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}._profilePhotoWrapper_1anwf_197{position:relative;width:150px;height:150px}._profileImg_1anwf_209{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid white;box-shadow:0 5px 15px #0000001a}._profileStatus_1anwf_227{position:absolute;bottom:10px;right:10px;width:20px;height:20px;background:#4caf50;border-radius:50%;border:2px solid white}._editPhotoBtn_1anwf_249{background:#f1f1f1;border:none;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#555}._editPhotoBtn_1anwf_249:hover{background:#e0e0e0;color:#53a22a}._profileMainInfo_1anwf_287{flex:1}._profileTitle_1anwf_295{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}._profileTitle_1anwf_295 h2{font-size:1.5rem;font-weight:600;margin:0;color:#333}._verifiedIcon_1anwf_323{color:#2196f3;font-size:1.5rem!important}._teacherId_1anwf_333{color:#666;margin-bottom:1.5rem;font-size:.9rem}._profileQuickInfo_1anwf_345{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}._infoItem_1anwf_357{display:flex;gap:1rem}._infoIcon_1anwf_367{color:#53a22a;font-size:1.5rem!important;margin-top:.2rem}._infoContent_1anwf_379{flex:1}._infoContent_1anwf_379 label{display:block;font-size:.8rem;color:#666;margin-bottom:.2rem}._infoContent_1anwf_379 p{margin:0;font-weight:500;color:#333}._profileSection_1anwf_415{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}._sectionHeader_1anwf_429{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}._sectionHeader_1anwf_429 h3{font-size:1.3rem;font-weight:600;margin:0;color:#333}._sectionIcon_1anwf_457{color:#53a22a;font-size:1.5rem!important}._timelineContainer_1anwf_469{padding-left:1.5rem;border-left:2px solid #eee;margin-left:.75rem}._timelineItem_1anwf_481{position:relative;padding-bottom:1.5rem}._timelineDot_1anwf_491{position:absolute;left:-1.5rem;top:0;width:12px;height:12px;background:#53a22a;border-radius:50%}._timelineContent_1anwf_511{padding-left:1rem}._timelineHeader_1anwf_519{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}._timelineHeader_1anwf_519 h4{font-size:1.1rem;font-weight:500;margin:0;color:#333}._certifiedBadge_1anwf_547{background:#4caf501a;color:#4caf50;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:500}._timelineMeta_1anwf_565{color:#666;font-size:.9rem;margin:0}._trainingGrid_1anwf_579{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}._trainingCard_1anwf_591{background:#f9f9f9;border-radius:10px;padding:1.2rem;transition:all .2s ease;border-left:3px solid #53a22a}._trainingCard_1anwf_591:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}._trainingHeader_1anwf_617{display:flex;gap:1rem;margin-top:3px}._trainingIcon_1anwf_629{color:#fe860d;font-size:1.8rem!important}._trainingHeader_1anwf_617 h4{font-size:1rem;font-weight:500;margin:0 0 .3rem;color:#333}._trainingMeta_1anwf_653{color:#666;font-size:.8rem;margin:0}._trainingFooter_1anwf_665{display:flex;justify-content:flex-end}._certificateBtn_1anwf_675{background:#4caf501a;color:#4caf50;border:none;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease}._certificateBtn_1anwf_675:hover{background:#4caf5033}._noCertificate_1anwf_711{color:#666;font-size:.8rem;font-style:italic}._contactGrid_1anwf_725{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}._contactCard_1anwf_737{background:#f9f9f9;border-radius:10px;padding:1.2rem;display:flex;gap:1rem;align-items:center;position:relative;transition:all .2s ease}._contactCard_1anwf_737:hover{background:#f1f1f1}._contactIcon_1anwf_767{color:#53a22a;font-size:1.8rem!important}._contactCard_1anwf_737 label{display:block;font-size:.8rem;color:#666;margin-bottom:.3rem}._contactCard_1anwf_737 p{margin:0;font-weight:500;color:#333}._contactActionBtn_1anwf_803{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer;transition:all .2s ease}._contactActionBtn_1anwf_803:hover{color:#53a22a}._classGrid_1anwf_835{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}._classCard_1anwf_847{background:#f9f9f9;border-radius:10px;padding:1.2rem;display:flex;gap:1rem;align-items:center;transition:all .2s ease}._classCard_1anwf_847:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}._classIcon_1anwf_877{background:#53a22a;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}._classInfo_1anwf_903 h4{font-size:1rem;font-weight:500;margin:0 0 .2rem;color:#333}._classInfo_1anwf_903 p{color:#666;font-size:.8rem;margin:0}._securityActions_1anwf_931{display:flex;gap:1rem}._securityBtn_1anwf_941{padding:.8rem 1.2rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}._securityBtn_1anwf_941._primary_1anwf_965{background:#53a22a1a;color:#53a22a}._securityBtn_1anwf_941._primary_1anwf_965:hover{background:#53a22a33}._securityBtn_1anwf_941._secondary_1anwf_983{background:#fe860d1a;color:#fe860d}._securityBtn_1anwf_941._secondary_1anwf_983:hover{background:#fe860d33}@media (max-width: 992px){._profileContainer_1anwf_143{padding:1.5rem}._basicInfoSection_1anwf_169{flex-direction:column;align-items:center}._profileQuickInfo_1anwf_345{grid-template-columns:1fr 1fr}}@media (max-width: 768px){._profilePage_1anwf_7{padding:1rem}._profileHeader_1anwf_25 h1{font-size:1.5rem}._profileQuickInfo_1anwf_345,._trainingGrid_1anwf_579,._contactGrid_1anwf_725,._classGrid_1anwf_835{grid-template-columns:1fr}._securityActions_1anwf_931{flex-direction:column}}@media (max-width: 480px){._profileContainer_1anwf_143{padding:1rem}._profileHeader_1anwf_25{flex-direction:column;gap:1rem;text-align:center}._backButton_1anwf_69{position:relative;align-self:flex-start}._profileBadge_1anwf_119{position:relative;align-self:center}._sectionHeader_1anwf_429 h3{font-size:1.1rem}}._fileSection_1anwf_1135{margin-top:2rem}._fileSectionTitle_1anwf_1143{font-size:1.1rem;color:#555;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}._fileGrid_1anwf_1159{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}._fileCard_1anwf_1171{background:#f9f9f9;border-radius:10px;padding:1rem;transition:all .2s ease}._fileHeader_1anwf_1185{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:#555;font-weight:500}._fileIcon_1anwf_1203{color:#53a22a;font-size:1.5rem!important}._filePreview_1anwf_1213{height:150px;background:#f1f1f1;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}._fileImage_1anwf_1233{width:100%;height:100%;object-fit:cover}._filePlaceholder_1anwf_1245{color:#888;font-size:.9rem;text-align:center;padding:1rem}._contactGrid_1anwf_725{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){._fileGrid_1anwf_1159{grid-template-columns:1fr}}._editPage_1ogbr_7{font-family:Poppins,Roboto,sans-serif;background-color:#f8f9fa;color:#333;min-height:100vh;padding:2rem}._editHeader_1ogbr_25{max-width:1200px;margin:0 auto 2rem}._editTitle_1ogbr_35{font-size:1.8rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.8rem;margin:0}._headerIcon_1ogbr_55{color:#53a22a;font-size:2rem!important}._editContainer_1ogbr_67{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000000d;padding:2rem}._editSection_1ogbr_87{margin-bottom:.5rem}._sectionSubtitle_1ogbr_95{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 1.5rem;display:flex;align-items:center;gap:.8rem}._sectionSubSubtitle_1ogbr_115{font-size:1.1rem;font-weight:500;color:#555;margin:1.5rem 0 1rem}._sectionIcon_1ogbr_129{color:#53a22a;font-size:1.5rem!important}._smallIcon_1ogbr_139{color:#53a22a;font-size:1.2rem!important;margin-right:.5rem}._photoEditContainer_1ogbr_153{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}._photoWrapper_1ogbr_167{width:150px;height:150px;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #0000001a;border:4px solid white}._profilePhoto_1ogbr_185{width:100%;height:100%;object-fit:cover}._photoActions_1ogbr_197{flex:1}._photoChangeBtn_1ogbr_205{background:#f1f1f1;color:#555;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}._photoChangeBtn_1ogbr_205:hover{background:#e0e0e0;color:#53a22a}._fileInput_1ogbr_241{display:none}._formGroup_1ogbr_251{margin-bottom:1.5rem}._formLabel_1ogbr_259{display:flex;align-items:center;font-size:.9rem;font-weight:500;color:#555;margin-bottom:.5rem}._formInput_1ogbr_277{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}._formInput_1ogbr_277[type=file]{padding:.5rem;border:1px dashed #ddd;background:#f9f9f9}._formInput_1ogbr_277:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a33}._errorMessage_1ogbr_321{color:#ff4d4f;font-size:.85rem;margin-top:.5rem}._divider_1ogbr_335{height:1px;background:#eee;margin:1rem 0}._actionSection_1ogbr_349{margin-top:2rem}._formActions_1ogbr_357{display:flex;gap:1rem;justify-content:flex-end}._saveBtn_1ogbr_369{background:linear-gradient(to right,#53a22a,#6bbd3d);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #53a22a4d}._saveBtn_1ogbr_369:hover{transform:translateY(-2px);box-shadow:0 6px 20px #53a22a66}._cancelBtn_1ogbr_409{background:#f1f1f1;color:#555;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}._cancelBtn_1ogbr_409:hover{background:#e0e0e0;color:#fe860d}._btnIcon_1ogbr_447{font-size:1.2rem!important}@media (max-width: 992px){._editContainer_1ogbr_67{padding:1.5rem}._photoEditContainer_1ogbr_153{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){._editPage_1ogbr_7{padding:1rem}._editTitle_1ogbr_35{font-size:1.5rem}._sectionSubtitle_1ogbr_95{font-size:1.2rem}._formActions_1ogbr_357{flex-direction:column}._saveBtn_1ogbr_369,._cancelBtn_1ogbr_409{width:100%;justify-content:center}}@media (max-width: 480px){._editContainer_1ogbr_67{padding:1rem}._editTitle_1ogbr_35{font-size:1.3rem}._sectionSubtitle_1ogbr_95{font-size:1.1rem}._photoWrapper_1ogbr_167{width:120px;height:120px}}._container_fh2w2_1{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._backButton_fh2w2_15{display:inline-flex;align-items:center;gap:8px;background-color:#f0f0f0;color:#333;font-size:1rem;transition:background-color .2s;background:#f0f0f0;border:1px solid #ddd;padding:10px 15px;border-radius:5px;cursor:pointer;margin-bottom:20px}._backButton_fh2w2_15:hover{background-color:#e0e0e0}._header_fh2w2_55{color:#2c3e50;margin-bottom:30px;font-size:1rem}._loading_fh2w2_67{text-align:center;padding:40px;font-size:18px;color:#666}._filterInfo_fh2w2_81{background:#e3f2fd;padding:10px 15px;border-radius:5px;margin-top:10px;font-size:14px;color:#1976d2}._dateSmall_fh2w2_99{color:#666;font-size:12px}._tableInfo_fh2w2_109{text-align:center;padding:10px;background:#f5f5f5;border-radius:0 0 5px 5px;font-size:14px;color:#666}._tableContainer_fh2w2_127{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1px}._scheduleTable_fh2w2_143{width:100%;border-collapse:collapse;font-size:1rem}._scheduleTable_fh2w2_143 th{background-color:#f8f9fa;color:#2c3e50;font-weight:600;text-align:left;padding:15px;border-bottom:2px solid #e0e0e0}._scheduleTable_fh2w2_143 td{padding:12px 15px;border-bottom:1px solid #e0e0e0;color:#333}._scheduleTable_fh2w2_143 tr:last-child td{border-bottom:none}._scheduleTable_fh2w2_143 tr:hover{background-color:#f5f5f5}._emptyMessage_fh2w2_201{background-color:#fff;padding:30px;text-align:center;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#666;font-size:1.1rem}._title_fh2w2_221{color:#333}._filterContainer_fh2w2_229{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#f9f9f9;padding:15px;border-radius:8px}._filterGroup_fh2w2_249{display:flex;flex-direction:column;gap:5px}._filterLabel_fh2w2_261{font-weight:700;font-size:14px;color:#555}._filterSelect_fh2w2_273,._filterInput_fh2w2_275{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}._resetButton_fh2w2_289{background:#ff6b6b;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;align-self:flex-end}._resetButton_fh2w2_289:hover{background:#ff5252}._tableContainer_fh2w2_127{overflow-x:auto;margin-bottom:30px}._scheduleTable_fh2w2_143{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}._scheduleTable_fh2w2_143 th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:700;border-bottom:2px solid #dee2e6}._scheduleTable_fh2w2_143 td{padding:12px 15px;border-bottom:1px solid #dee2e6}._scheduleTable_fh2w2_143 tr:hover{background:#f8f9fa}._scheduleTable_fh2w2_143 tr._pastSchedule_fh2w2_375{background:#f8f9fa;color:#6c757d}._statusBadge_fh2w2_385{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}._pastBadge_fh2w2_399{background:#e9ecef;color:#6c757d}._upcomingBadge_fh2w2_409{background:#d4edda;color:#155724}._emptyMessage_fh2w2_201{text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:18px}._summaryContainer_fh2w2_437{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px}._summaryItem_fh2w2_453{background:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center;min-width:150px}._summaryLabel_fh2w2_471{display:block;font-size:14px;color:#6c757d;margin-bottom:5px}._summaryValue_fh2w2_485{display:block;font-size:24px;font-weight:700;color:#495057}@media (max-width: 768px){._header_fh2w2_55{font-size:1.5rem;margin-bottom:20px}._scheduleTable_fh2w2_143 th,._scheduleTable_fh2w2_143 td{padding:10px 12px;font-size:.9rem}}@media (max-width: 768px){._filterContainer_fh2w2_229{flex-direction:column;align-items:stretch}._scheduleTable_fh2w2_143{font-size:14px}._scheduleTable_fh2w2_143 th,._scheduleTable_fh2w2_143 td{padding:8px 10px}._summaryContainer_fh2w2_437{flex-direction:column;align-items:center}}@media (max-width: 480px){._container_fh2w2_1{padding:15px}._header_fh2w2_55{font-size:1.3rem}._backButton_fh2w2_15{font-size:.9rem;padding:6px 12px}}:root{--warna-primer: #53a22a;--warna-sekunder: #fe860d;--teks-gelap: #2d3748;--teks-sedang: #4a5568;--teks-terang: #718096;--bg-terang: #f7fafc;--bg-putih: #ffffff;--warna-border: #e2e8f0;--warna-sukses: #48bb78;--warna-peringatan: #ed8936;--warna-bahaya: #f56565;--warna-info: #4299e1;--bayangan-ringan: 0 1px 2px 0 rgba(0, 0, 0, .05);--bayangan-sedang: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--bayangan-tebal: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transisi: all .2s ease;--radius: 8px}._container_9h0gj_49{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;background-color:var(--bg-putih);min-height:100vh;position:relative}._header_9h0gj_71{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--warna-border)}._tombolKembali_9h0gj_89{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--warna-primer);font-weight:500;cursor:pointer;transition:var(--transisi);padding:.5rem 1rem;border-radius:var(--radius)}._tombolKembali_9h0gj_89:hover{color:#478a24;background-color:#53a22a1a}._judul_9h0gj_127{display:flex;align-items:center;gap:1rem;font-size:1.75rem;font-weight:600;color:var(--teks-gelap);margin:0}._iconHeader_9h0gj_147{color:var(--warna-primer);font-size:2rem!important}._areaFilter_9h0gj_159{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}._grupPencarian_9h0gj_175{flex:1;min-width:250px;position:relative;display:flex;align-items:center}._iconPencarian_9h0gj_191{position:absolute;left:12px;color:var(--teks-sedang)}._inputPencarian_9h0gj_203{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--warna-border);border-radius:var(--radius);font-size:1rem;transition:var(--transisi);background-color:var(--bg-terang)}._inputPencarian_9h0gj_203:focus{outline:none;border-color:var(--warna-primer);box-shadow:0 0 0 2px #53a22a33}._selectFilter_9h0gj_235{padding:.75rem 1rem;border:1px solid var(--warna-border);border-radius:var(--radius);font-size:1rem;background-color:var(--bg-terang);min-width:180px;cursor:pointer;transition:var(--transisi);color:var(--teks-sedang)}._selectFilter_9h0gj_235:focus{outline:none;border-color:var(--warna-primer);box-shadow:0 0 0 2px #53a22a33}._tombolTambah_9h0gj_271{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--warna-primer);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transisi);box-shadow:var(--bayangan-ringan);margin-left:auto}._tombolTambah_9h0gj_271:hover{background-color:#478a24;transform:translateY(-2px);box-shadow:var(--bayangan-sedang)}._tabelWrapper_9h0gj_317{width:100%;overflow-x:auto;background-color:var(--bg-putih);border-radius:var(--radius);box-shadow:var(--bayangan-ringan);margin-bottom:2rem}._tabelSiswa_9h0gj_335{width:100%;border-collapse:collapse;table-layout:fixed}._tabelSiswa_9h0gj_335 th,._tabelSiswa_9h0gj_335 td{padding:1rem;text-align:left;border-bottom:1px solid var(--warna-border);vertical-align:middle}._tabelSiswa_9h0gj_335 th{background-color:var(--bg-terang);color:var(--teks-gelap);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;position:sticky;top:0}._colNo_9h0gj_387{width:60px}._colNama_9h0gj_395{width:30%}._colAlamat_9h0gj_403{width:50%}._colAksi_9h0gj_411{width:120px}._tabelSiswa_9h0gj_335 tr:hover{background-color:#53a22a0d}._grupAksi_9h0gj_429{display:flex;gap:.5rem;justify-content:flex-start}._tombolAksi_9h0gj_441{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:var(--transisi)}._tombolAksi_9h0gj_441:hover{transform:scale(1.1);box-shadow:var(--bayangan-ringan)}._tombolDetail_9h0gj_475{background-color:#4299e11a;color:var(--warna-info)}._tombolDetail_9h0gj_475:hover{background-color:#4299e133}._tombolEdit_9h0gj_493{background-color:#ed89361a;color:var(--warna-peringatan)}._tombolEdit_9h0gj_493:hover{background-color:#ed893633}._tombolHapus_9h0gj_511{background-color:#f565651a;color:var(--warna-bahaya)}._tombolHapus_9h0gj_511:hover{background-color:#f5656533}._tidakAdaData_9h0gj_531{text-align:center;padding:2rem;color:var(--teks-sedang);font-style:italic}._pagination_9h0gj_547{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem 0;flex-wrap:wrap}._paginationButton_9h0gj_567{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--warna-border);background-color:var(--bg-putih);border-radius:4px;cursor:pointer;transition:var(--transisi);font-weight:500;color:var(--teks-sedang)}._paginationButton_9h0gj_567:hover:not(:disabled){background-color:var(--bg-terang);border-color:var(--warna-primer);color:var(--warna-primer)}._paginationButton_9h0gj_567:disabled{opacity:.5;cursor:not-allowed}._activePage_9h0gj_619{background-color:var(--warna-primer);color:#fff;border-color:var(--warna-primer)}._paginationInfo_9h0gj_631{margin-left:1rem;color:var(--teks-sedang);font-size:.9rem}._modalOverlay_9h0gj_645{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}._modal_9h0gj_645{background-color:var(--bg-putih);border-radius:var(--radius);box-shadow:var(--bayangan-tebal);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:_modalFadeIn_9h0gj_1 .3s ease}@keyframes _modalFadeIn_9h0gj_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_9h0gj_717{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--warna-border)}._modalHeader_9h0gj_717 h2{margin:0;color:var(--teks-gelap);font-size:1.5rem}._tombolTutup_9h0gj_745{background:none;border:none;cursor:pointer;color:var(--teks-sedang);transition:var(--transisi);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%}._tombolTutup_9h0gj_745:hover{background-color:var(--bg-terang);color:var(--warna-bahaya)}._modalBody_9h0gj_781,._modalForm_9h0gj_789{padding:1.5rem}._formGroup_9h0gj_797{width:95%;margin-bottom:.5rem}._formLabel_9h0gj_807{display:block;margin-bottom:.5rem;color:var(--teks-sedang);font-weight:500}._formInput_9h0gj_821{width:100%;padding:.75rem 1rem;border:1px solid var(--warna-border);border-radius:var(--radius);font-size:1rem;transition:var(--transisi);background-color:var(--bg-terang)}._formInput_9h0gj_821:focus{outline:none;border-color:var(--warna-primer);box-shadow:0 0 0 2px #53a22a33}._detailItem_9h0gj_853{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--warna-border)}._detailItem_9h0gj_853:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}._detailLabel_9h0gj_879{font-weight:600;color:var(--teks-sedang);width:120px;flex-shrink:0}._detailValue_9h0gj_893{color:var(--teks-gelap);flex-grow:1}._modalFooter_9h0gj_903{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--warna-border)}._tombolPrimer_9h0gj_919{padding:.75rem 1.5rem;background-color:var(--warna-primer);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transisi)}._tombolPrimer_9h0gj_919:hover{background-color:#478a24}._tombolSekunder_9h0gj_949{padding:.75rem 1.5rem;background-color:var(--bg-terang);color:var(--teks-sedang);border:1px solid var(--warna-border);border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transisi)}._tombolSekunder_9h0gj_949:hover{background-color:#e2e8f0}@media (max-width: 768px){._container_9h0gj_49{padding:1rem}._header_9h0gj_71{flex-direction:column;align-items:flex-start;gap:1rem}._areaFilter_9h0gj_159{flex-direction:column;align-items:stretch}._selectFilter_9h0gj_235{width:100%}._tombolTambah_9h0gj_271{width:100%;justify-content:center}._tabelSiswa_9h0gj_335{table-layout:auto}._colNo_9h0gj_387,._colNama_9h0gj_395,._colAlamat_9h0gj_403,._colAksi_9h0gj_411{width:auto}._tabelSiswa_9h0gj_335 th,._tabelSiswa_9h0gj_335 td{padding:.75rem;font-size:.9rem}._pagination_9h0gj_547{gap:.3rem}._paginationButton_9h0gj_567{width:32px;height:32px;font-size:.9rem}._paginationInfo_9h0gj_631{width:100%;text-align:center;margin:.5rem 0 0}._modal_9h0gj_645{max-width:100%}._detailItem_9h0gj_853{flex-direction:column;gap:.5rem}._detailLabel_9h0gj_879{width:100%}._modalFooter_9h0gj_903{flex-direction:column}._tombolPrimer_9h0gj_919,._tombolSekunder_9h0gj_949{width:100%}}._container_nxikm_5{padding:20px;max-width:1200px;margin:0 auto}._header_nxikm_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}._backButton_nxikm_35{display:flex;align-items:center;gap:8px;background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s ease}._backButton_nxikm_35:hover{background:#5a6268}._title_nxikm_71{display:flex;align-items:center;gap:12px;color:#2c3e50;font-size:28px;margin:0}._headerIcon_nxikm_89{font-size:32px!important;color:#53a22a}._formContainer_nxikm_101{background:#f8f9fa;padding:24px;border-radius:12px;border:1px solid #e0e0e0;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}._formRow_nxikm_119{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;align-items:end}._formRow_nxikm_119:last-child{margin-bottom:0}._formGroup_nxikm_143{display:flex;flex-direction:column}._formGroup_nxikm_143 label{font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px}._formGroup_nxikm_143 input,._formGroup_nxikm_143 select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}._formGroup_nxikm_143 input:focus,._formGroup_nxikm_143 select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}._formGroup_nxikm_143 input::placeholder{color:#95a5a6}._clearFilterButton_nxikm_211{display:flex;align-items:center;justify-content:center;gap:8px;background:#e74c3c;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;height:44px}._clearFilterButton_nxikm_211:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}._clearFilterButton_nxikm_211:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}._searchContainer_nxikm_269{margin-bottom:20px}._searchBox_nxikm_277{position:relative;max-width:400px}._searchIcon_nxikm_287{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f8c8d}._searchBox_nxikm_277 input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}._searchBox_nxikm_277 input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}._infoContainer_nxikm_335{margin-bottom:16px}._studentCount_nxikm_343{font-size:14px;color:#2c3e50;margin:0;padding:8px 0}._filterInfo_nxikm_357{color:#e74c3c;font-weight:600}._nilaiTable_nxikm_369{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}._nilaiTable_nxikm_369 table{width:100%;border-collapse:collapse}._nilaiTable_nxikm_369 th{background:#53a22a;color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:14px}._nilaiTable_nxikm_369 td{padding:16px 12px;border-bottom:1px solid #ecf0f1;font-size:14px}._nilaiTable_nxikm_369 tr:hover{background:#f8f9fa}._nilaiTable_nxikm_369 tr:last-child td{border-bottom:none}._studentInfo_nxikm_441{display:flex;align-items:center;gap:12px}._studentName_nxikm_453{margin:0;font-size:14px;font-weight:600;color:#2c3e50}._nilaiInput_nxikm_467,._gradeSelect_nxikm_469{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;width:100%;max-width:120px;transition:all .3s ease}._nilaiInput_nxikm_467:focus,._gradeSelect_nxikm_469:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}._noData_nxikm_503{text-align:center;color:#7f8c8d;font-style:italic;padding:40px!important}._pagination_nxikm_519{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 20px}._paginationButton_nxikm_535{display:flex;align-items:center;gap:8px;background:#3498db;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s ease}._paginationButton_nxikm_535:hover:not(:disabled){background:#2980b9}._paginationButton_nxikm_535:disabled{background:#bdc3c7;cursor:not-allowed}._pageNumbers_nxikm_581{display:flex;gap:8px}._pageButton_nxikm_591{padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}._pageButton_nxikm_591:hover{background:#f8f9fa}._activePage_nxikm_619{background:#3498db;color:#fff;border-color:#3498db}._footer_nxikm_633{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}._simpanBtn_nxikm_653{display:flex;align-items:center;gap:8px;background:#f39c12;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}._simpanBtn_nxikm_653:hover:not(:disabled){background:#e67e22}._simpanBtn_nxikm_653:disabled{background:#bdc3c7;cursor:not-allowed}._submitBtn_nxikm_701{display:flex;align-items:center;gap:8px;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease}@media (max-width: 1024px){._formRow_nxikm_119{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 768px){._container_nxikm_5{padding:16px}._header_nxikm_17{flex-direction:column;gap:16px;align-items:flex-start}._formRow_nxikm_119{grid-template-columns:1fr;gap:12px}._formContainer_nxikm_101{padding:16px}._nilaiTable_nxikm_369{overflow-x:auto}._nilaiTable_nxikm_369 table{min-width:600px}._footer_nxikm_633{flex-direction:column;align-items:stretch}._simpanBtn_nxikm_653,._submitBtn_nxikm_701{justify-content:center}._pagination_nxikm_519{flex-direction:column;gap:12px}._pageNumbers_nxikm_581{order:-1}}@keyframes _pulse_nxikm_1{0%{opacity:1}50%{opacity:.5}to{opacity:1}}._loading_nxikm_863{animation:_pulse_nxikm_1 1.5s ease-in-out infinite}._formSection_nxikm_873{margin-bottom:8px;font-weight:500}._required_nxikm_883:after{content:" *";color:#e74c3c}._filterTooltip_nxikm_895{position:relative;cursor:help}._filterTooltip_nxikm_895:hover:after{content:"Hapus semua filter yang aktif";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2c3e50;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000}._container_urhfd_7{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#333;position:relative}._backButton_urhfd_27{background-color:#f8f9fa;color:#53a22a;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem}._backButton_urhfd_27:hover{background-color:#e9ecef;border-color:#53a22a}._title_urhfd_67{color:#53a22a;font-size:1.8rem;margin-bottom:2rem;font-weight:600;position:relative;padding-bottom:.5rem}._title_urhfd_67:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background-color:#fe860d}._filterContainer_urhfd_107{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;background-color:#f8f9fa;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}._filterGroup_urhfd_129{display:flex;flex-direction:column;gap:.5rem}._filterGroup_urhfd_129 label{font-size:.85rem;font-weight:600;color:#555}._inputText_urhfd_153,._select_urhfd_155{padding:.6rem .8rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .3s ease;background-color:#fff}._inputText_urhfd_153:focus,._select_urhfd_155:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #533a221a}._refreshButton_urhfd_187{background-color:#fe860d;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;align-self:flex-end;display:flex;align-items:center;gap:.5rem}._refreshButton_urhfd_187:hover{background-color:#e6780b}._summary_urhfd_227{background-color:#53a22a;color:#fff;padding:.8rem 1.2rem;border-radius:6px;margin-bottom:1.5rem;font-size:.95rem;display:flex;gap:1rem;align-items:center}._summaryValue_urhfd_251{font-weight:700;margin-right:1rem}._ujianInfo_urhfd_261{display:flex;align-items:center;gap:.5rem}._ujianInfo_urhfd_261 strong{color:#fe860d}._loading_urhfd_283,._error_urhfd_285{padding:1.5rem;text-align:center;border-radius:6px;margin-bottom:1.5rem}._loading_urhfd_283{background-color:#f8f9fa;color:#555}._error_urhfd_285{background-color:#fee2e2;color:#b91c1c;display:flex;align-items:center;justify-content:center;gap:.5rem}._error_urhfd_285 button{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}._error_urhfd_285 button:hover{background-color:#dc2626}._tableContainer_urhfd_359{overflow-x:auto;margin-bottom:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}._dataTable_urhfd_373{width:100%;border-collapse:collapse;background-color:#fff}._dataTable_urhfd_373 thead{background-color:#53a22a;color:#fff}._dataTable_urhfd_373 th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}._dataTable_urhfd_373 tbody tr{border-bottom:1px solid #eee;transition:all .2s ease}._dataTable_urhfd_373 tbody tr:hover{background-color:#f9f9f9}._dataTable_urhfd_373 td{padding:1rem;font-size:.9rem;color:#555}._dataTable_urhfd_373 td:first-child{color:#777;font-weight:500}._actionCell_urhfd_453{display:flex;gap:.5rem}._editButton_urhfd_463{background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}._editButton_urhfd_463:hover{background-color:#2563eb}._deleteButton_urhfd_493{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}._deleteButton_urhfd_493:hover{background-color:#dc2626}._pagination_urhfd_525{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}._pageButton_urhfd_543{background-color:#fff;border:1px solid #ddd;color:#555;padding:.5rem .9rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.85rem}._pageButton_urhfd_543:hover:not(:disabled){background-color:#f1f1f1;border-color:#ccc}._pageButton_urhfd_543:disabled{opacity:.5;cursor:not-allowed}._pageButton_urhfd_543._active_urhfd_585{background-color:#53a22a;border-color:#53a22a;color:#fff}._modalOverlay_urhfd_599{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_urhfd_625{background-color:#fff;padding:2rem;border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 12px #00000026}._modalContent_urhfd_625 h2{margin-top:0;color:#53a22a;margin-bottom:1.5rem;font-size:1.5rem}._modalFormGroup_urhfd_657{margin-bottom:1.2rem}._modalFormGroup_urhfd_657 label{display:block;margin-bottom:.5rem;font-weight:600;color:#555;font-size:.9rem}._modalInput_urhfd_681,._modalSelect_urhfd_683{width:100%;padding:.7rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .3s ease}._modalInput_urhfd_681:focus,._modalSelect_urhfd_683:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #533a221a}._modalInput_urhfd_681[readonly]{background-color:#f5f5f5;cursor:not-allowed}._modalButtons_urhfd_725{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}._modalCancelButton_urhfd_739{background-color:#f8f9fa;color:#555;border:1px solid #ddd;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}._modalCancelButton_urhfd_739:hover{background-color:#e9ecef}._modalSubmitButton_urhfd_769{background-color:#53a22a;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}._modalSubmitButton_urhfd_769:hover{background-color:#478c25}._grade-naqis_urhfd_801{color:#ef4444;font-weight:600}._grade-jayyid_urhfd_809{color:#f59e0b;font-weight:500}._grade-jayyid_jiddan_urhfd_817{color:#22c55e}._grade-mumtaz_urhfd_823{color:#16a34a;font-weight:600}@media (max-width: 992px){._container_urhfd_7{padding:1.5rem 1rem}._filterContainer_urhfd_107{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}._title_urhfd_67{font-size:1.6rem}._modalContent_urhfd_625{padding:1.5rem;margin:0 1rem}}@media (max-width: 768px){._filterContainer_urhfd_107{grid-template-columns:1fr 1fr}._refreshButton_urhfd_187{grid-column:span 2}._dataTable_urhfd_373 th,._dataTable_urhfd_373 td{padding:.8rem}._actionCell_urhfd_453{flex-direction:column;gap:.3rem}._editButton_urhfd_463,._deleteButton_urhfd_493{width:100%;text-align:center}}@media (max-width: 576px){._container_urhfd_7{padding:1rem .8rem}._filterContainer_urhfd_107{grid-template-columns:1fr;padding:1rem}._refreshButton_urhfd_187{grid-column:span 1}._title_urhfd_67{font-size:1.4rem;margin-bottom:1.5rem}._summary_urhfd_227{flex-direction:column;align-items:flex-start;gap:.5rem}._dataTable_urhfd_373 th,._dataTable_urhfd_373 td{padding:.6rem;font-size:.8rem}._pagination_urhfd_525{gap:.3rem}._pageButton_urhfd_543{padding:.4rem .7rem;font-size:.8rem}._modalButtons_urhfd_725{flex-direction:column;gap:.5rem}._modalCancelButton_urhfd_739,._modalSubmitButton_urhfd_769{width:100%}}@keyframes _fadeIn_urhfd_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._container_urhfd_7{animation:_fadeIn_urhfd_1 .5s ease-out}@keyframes _modalFadeIn_urhfd_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalContent_urhfd_625{animation:_modalFadeIn_urhfd_1 .3s ease-out}:root{--primary-color: #53a22a;--secondary-color: #fe860d;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--bg-light: #f7fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--success-color: #48bb78;--warning-color: #ed8936;--danger-color: #f56565;--info-color: #4299e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s ease}._container_12uzr_47{width:100%;min-height:100vh;background-color:var(--bg-light);padding:1rem}._header_12uzr_63{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}._backButton_12uzr_81{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;transition:var(--transition);padding:.5rem 0;width:fit-content}._backButton_12uzr_81:hover{color:#478a24;transform:translate(-3px)}._title_12uzr_119{display:flex;align-items:center;gap:1rem;font-size:1.75rem;font-weight:600;color:var(--text-dark);margin:0}._headerIcon_12uzr_139{color:var(--primary-color);font-size:2rem!important}._controls_12uzr_153{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}._searchBox_12uzr_175{position:relative;max-width:400px}._searchBox_12uzr_175 input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff}._searchBox_12uzr_175 input:focus{outline:none;border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a}._searchIcon_12uzr_217{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1.1rem!important}._datePicker_12uzr_235{gap:.5rem;padding:.5rem 0}._datePicker_12uzr_235 label{font-weight:600;color:#495057;font-size:.9rem;white-space:nowrap}._datePicker_12uzr_235 input{padding:.5rem .75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .3s ease;background:#fff}._datePicker_12uzr_235 input:focus{outline:none;border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a}._filterSection_12uzr_289{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:end}._filterGroup_12uzr_303{display:flex;flex-direction:column;gap:.5rem;min-width:200px;flex:1}._filterGroup_12uzr_303 label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#495057;font-size:.9rem;margin-bottom:.25rem}._filterIcon_12uzr_339{font-size:1.1rem!important;color:#4e73df}._filterGroup_12uzr_303 select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%236c757d' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:.65rem}._filterGroup_12uzr_303 select:focus{outline:none;border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a}._filterGroup_12uzr_303 select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}@media (max-width: 768px){._controls_12uzr_153{padding:1rem}._filterSection_12uzr_289{flex-direction:column;gap:1rem}._filterGroup_12uzr_303{min-width:100%}._searchBox_12uzr_175{max-width:100%}._datePicker_12uzr_235{flex-direction:column;align-items:flex-start;gap:.5rem}._datePicker_12uzr_235 input{width:100%}}@media (max-width: 480px){._controls_12uzr_153{padding:.75rem}._searchBox_12uzr_175 input,._filterGroup_12uzr_303 select,._datePicker_12uzr_235 input{padding:.625rem .75rem;font-size:.85rem}}._filterGroup_12uzr_303 select:hover:not(:disabled){border-color:#adb5bd}._searchBox_12uzr_175 input:hover,._datePicker_12uzr_235 input:hover{border-color:#adb5bd}._filterGroup_12uzr_303 select[disabled]{background-color:#f8f9fa;color:#6c757d}._filterGroup_12uzr_303 select:focus-visible,._searchBox_12uzr_175 input:focus-visible,._datePicker_12uzr_235 input:focus-visible{outline:2px solid #4e73df;outline-offset:2px}._datePicker_12uzr_235{display:flex;flex-direction:column;gap:.25rem}._datePicker_12uzr_235 label{font-size:.875rem;font-weight:500;color:var(--text-dark)}._datePicker_12uzr_235 input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;transition:var(--transition)}._datePicker_12uzr_235 input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #53a22a33}._programSelect_12uzr_593{display:flex;flex-direction:column;gap:.25rem;min-width:200px}._programSelect_12uzr_593 select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23718096' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}._programSelect_12uzr_593 select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #53a22a33}._statsContainer_12uzr_645{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}._statCard_12uzr_659{padding:1rem;border-radius:.5rem;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition)}._statCard_12uzr_659:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}._hadirCard_12uzr_685{background-color:#48bb781a;border:1px solid var(--success-color)}._sakitCard_12uzr_695{background-color:#ed89361a;border:1px solid var(--warning-color)}._izinCard_12uzr_705{background-color:#4299e11a;border:1px solid var(--info-color)}._alpaCard_12uzr_715{background-color:#f565651a;border:1px solid var(--danger-color)}._totalCard_12uzr_725{background-color:#9f7aea1a;border:1px solid #9f7aea}._statNumber_12uzr_735{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}._statLabel_12uzr_749{font-size:.875rem;color:var(--text-medium)}._attendanceTable_12uzr_761{width:100%;overflow-x:auto;margin-bottom:1.5rem;background-color:var(--bg-white);border-radius:.5rem;box-shadow:var(--shadow-sm)}._attendanceTable_12uzr_761 table{width:100%;border-collapse:collapse}._attendanceTable_12uzr_761 th{background-color:var(--bg-light);padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);white-space:nowrap}._attendanceTable_12uzr_761 td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-medium)}._studentInfo_12uzr_819{display:flex;flex-direction:column}._studentName_12uzr_829{font-weight:500;margin-bottom:.25rem}._studentDetail_12uzr_839{font-size:.875rem;color:var(--text-light)}._statusButtons_12uzr_849{display:flex;flex-wrap:wrap;gap:.5rem}._statusBtn_12uzr_861{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:var(--transition)}._statusBtn_12uzr_861:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}._hadirBtn_12uzr_897{background-color:#48bb781a;color:var(--success-color);border-color:#48bb784d}._sakitBtn_12uzr_909{background-color:#ed89361a;color:var(--warning-color);border-color:#ed89364d}._izinBtn_12uzr_921{background-color:#4299e11a;color:var(--info-color);border-color:#4299e14d}._alpaBtn_12uzr_933{background-color:#f565651a;color:var(--danger-color);border-color:#f565654d}._activeHadir_12uzr_945{background-color:var(--success-color)!important;color:#fff!important;border-color:var(--success-color)!important}._activeSakit_12uzr_957{background-color:var(--warning-color)!important;color:#fff!important;border-color:var(--warning-color)!important}._activeIzin_12uzr_969{background-color:var(--info-color)!important;color:#fff!important;border-color:var(--info-color)!important}._activeAlpa_12uzr_981{background-color:var(--danger-color)!important;color:#df0202!important;border-color:var(--danger-color)!important}._noData_12uzr_993{text-align:center;padding:2rem;color:var(--text-light)}._pagination_12uzr_1007{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}._paginationButton_12uzr_1023{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:var(--transition)}._paginationButton_12uzr_1023:hover:not(:disabled){background-color:var(--bg-light)}._paginationButton_12uzr_1023:disabled{opacity:.5;cursor:not-allowed}._pageNumbers_12uzr_1067{display:flex;gap:.5rem}._pageButton_12uzr_1077{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:var(--transition)}._pageButton_12uzr_1077:hover{background-color:var(--bg-light)}._activePage_12uzr_1111{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}._footer_12uzr_1125{display:flex;justify-content:flex-end;margin-top:2rem}._simpanBtn_12uzr_1137{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}._simpanBtn_12uzr_1137:hover:not(:disabled){background-color:#478a24;transform:translateY(-2px);box-shadow:var(--shadow-md)}._simpanBtn_12uzr_1137:disabled{background-color:var(--success-color);cursor:not-allowed}@media (max-width: 768px){._controls_12uzr_153{flex-direction:column;align-items:stretch}._searchBox_12uzr_175,._datePicker_12uzr_235,._programSelect_12uzr_593{width:100%}._statsContainer_12uzr_645{grid-template-columns:repeat(2,1fr)}._statusButtons_12uzr_849{flex-direction:column}}@media (min-width: 1024px){._container_12uzr_47{padding:2rem}}._container_ywtda_3{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh}._header_ywtda_21{position:relative;margin-bottom:30px}._backButton_ywtda_31{position:absolute;top:0;left:0;background:linear-gradient(135deg,#53a22a,#6b3);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #53a22a4d}._backButton_ywtda_31:hover{background:linear-gradient(135deg,#478a23,#5aa82d);transform:translateY(-2px);box-shadow:0 4px 8px #53a22a66}._title_ywtda_75{text-align:center;color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 10px}._dateInfo_ywtda_91{text-align:center;color:#7f8c8d;font-size:16px;margin-bottom:20px}._dateInfo_ywtda_91 p{margin:0;background:#fff;padding:10px 20px;border-radius:20px;display:inline-block;box-shadow:0 2px 4px #0000001a}._form_ywtda_123{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}._formGroup_ywtda_139{margin-bottom:20px}._formRow_ywtda_147{display:grid;grid-template-columns:1fr 1fr;gap:20px}._label_ywtda_159{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}._required_ywtda_175{color:#e74c3c;font-weight:700}._select_ywtda_185,._textarea_ywtda_187{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#fff;box-sizing:border-box}._select_ywtda_185:focus,._textarea_ywtda_187:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a1a}._textarea_ywtda_187{resize:vertical;min-height:100px;font-family:inherit}._radioGroup_ywtda_235{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}._radioLabel_ywtda_249{display:flex;align-items:center;cursor:pointer;padding:8px 16px;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease;background-color:#fff;min-width:100px;justify-content:center}._radioLabel_ywtda_249:hover{border-color:#53a22a;background-color:#53a22a0d}._radioInput_ywtda_285{margin-right:8px;accent-color:#53a22a}._radioLabel_ywtda_249:has(._radioInput_ywtda_285:checked){border-color:#53a22a;background-color:#53a22a1a;color:#53a22a;font-weight:600}._radioText_ywtda_309{font-size:14px;font-weight:500}._fileInput_ywtda_319{width:100%;padding:12px 16px;border:2px dashed #bdc3c7;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa}._fileInput_ywtda_319:hover{border-color:#53a22a;background-color:#53a22a0d}._fileInfo_ywtda_351{font-size:12px;color:#7f8c8d;margin-top:5px;font-style:italic}._photoPreview_ywtda_365{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}._photoPreview_ywtda_365 h3{margin:0 0 15px;color:#2c3e50;font-size:16px}._previewContainer_ywtda_393{display:flex;align-items:flex-start;gap:15px}._previewImage_ywtda_405{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0003}._removeButton_ywtda_421{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease;height:fit-content}._removeButton_ywtda_421:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}._submitButton_ywtda_455{width:100%;background:linear-gradient(135deg,#fe860d,#ff9a2d);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 12px #fe860d4d}._submitButton_ywtda_455:hover{background:linear-gradient(135deg,#e5770b,#fe860d);transform:translateY(-2px);box-shadow:0 6px 16px #fe860d66}._submitButton_ywtda_455:active{transform:translateY(0)}@media (max-width: 768px){._container_ywtda_3{padding:15px}._header_ywtda_21{margin-bottom:20px}._backButton_ywtda_31{position:relative;margin-bottom:15px;display:block;width:fit-content}._title_ywtda_75{font-size:24px;text-align:left;margin-top:0}._dateInfo_ywtda_91{text-align:left;margin-bottom:15px}._form_ywtda_123{padding:20px}._formRow_ywtda_147{grid-template-columns:1fr;gap:15px}._radioGroup_ywtda_235{flex-direction:column;gap:10px}._radioLabel_ywtda_249{justify-content:flex-start;min-width:auto}._previewContainer_ywtda_393{flex-direction:column;align-items:center;text-align:center}._previewImage_ywtda_405{max-width:100%;max-height:300px}}@media (max-width: 480px){._container_ywtda_3{padding:10px}._title_ywtda_75{font-size:20px}._form_ywtda_123{padding:15px}._select_ywtda_185,._textarea_ywtda_187{padding:10px 12px;font-size:16px}._radioLabel_ywtda_249{padding:10px 12px}._submitButton_ywtda_455{padding:14px 20px;font-size:15px}}._backButton_ywtda_31:focus,._select_ywtda_185:focus,._textarea_ywtda_187:focus,._radioInput_ywtda_285:focus,._fileInput_ywtda_319:focus,._submitButton_ywtda_455:focus,._removeButton_ywtda_421:focus{outline:2px solid #53a22a;outline-offset:2px}._submitButton_ywtda_455:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes _successPulse_ywtda_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}._submitButton_ywtda_455._success_ywtda_733{animation:_successPulse_ywtda_1 .3s ease}._notificationApp_1g03p_3{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#333;line-height:1.6;padding:1rem;max-width:1200px;margin:0 auto}._notificationHeader_1g03p_23{margin-bottom:2rem}._headerTop_1g03p_31{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}._headerTop_1g03p_31 h1{font-size:2rem;font-weight:600;color:#2c3e50;margin:0}._headerActions_1g03p_59{display:flex;flex-wrap:wrap;gap:1rem}._markAllRead_1g03p_73,._backButton_1g03p_75{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}._markAllRead_1g03p_73{background-color:#f0f0f0;color:#555}._markAllRead_1g03p_73:hover{background-color:#e0e0e0}._backButton_1g03p_75{background-color:#3498db;color:#fff}._backButton_1g03p_75:hover{background-color:#2980b9;transform:translateY(-1px)}._notificationList_1g03p_133{display:flex;flex-direction:column;gap:1rem}._notificationItem_1g03p_145{display:flex;gap:1rem;padding:1.25rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;position:relative;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}._notificationItem_1g03p_145:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}._unread_1g03p_183{border-left-color:#53a22a;background-color:#f9f9f9}._read_1g03p_193{opacity:.9}._unreadBadge_1g03p_201{position:absolute;top:1rem;right:1rem;width:10px;height:10px;background-color:#53a22a;border-radius:50%}._senderAvatar_1g03p_223{flex-shrink:0}._senderAvatar_1g03p_223 img{width:50px;height:50px;border-radius:50%;object-fit:cover}._notificationContent_1g03p_245{flex-grow:1}._notificationHeaderContent_1g03p_253{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}._notificationHeaderContent_1g03p_253 h3{font-size:1.1rem;font-weight:600;margin:0;color:#2c3e50}._notificationTime_1g03p_281{font-size:.85rem;color:#7f8c8d}._senderRole_1g03p_291{font-size:.9rem;color:#7f8c8d;margin:0 0 .75rem}._notificationMessage_1g03p_303{margin:0;font-size:1rem}._actionIcon_1g03p_313{margin-right:.5rem}._notificationItem_1g03p_145[data-type=payment]{border-left-color:#53a22a}._notificationItem_1g03p_145[data-type=warning],._notificationItem_1g03p_145[data-type=announcement]{border-left-color:#fe860d}@media (max-width: 768px){._headerTop_1g03p_31,._headerActions_1g03p_59{flex-direction:column}._notificationItem_1g03p_145{flex-direction:column;padding:1rem}._senderAvatar_1g03p_223{margin-bottom:.75rem}._notificationHeaderContent_1g03p_253{flex-direction:column;align-items:flex-start;gap:.25rem}._notificationTime_1g03p_281{align-self:flex-start}}@media (max-width: 480px){._notificationApp_1g03p_3{padding:.5rem}._headerTop_1g03p_31 h1{font-size:1.5rem}._markAllRead_1g03p_73,._backButton_1g03p_75{padding:.5rem 1rem;font-size:.9rem;width:100%}}.donasi-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8fafc;min-height:100vh}.content-header{margin-bottom:2rem;text-align:center}.content-header h1{font-size:2rem;color:#2c3e50;font-weight:600;position:relative;display:inline-block}.content-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#53a22a,#fe860d);border-radius:2px}.donasi-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1px}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 2rem;margin:0 .5rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:#64748b;position:relative;transition:all .3s ease;border-radius:8px 8px 0 0}.tab-button:hover{color:#53a22a;background-color:#f1f5f9}.tab-button.active{color:#53a22a;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#53a22a,#fe860d);border-radius:3px 3px 0 0}.tab-button svg{font-size:1.2rem}.donasi-content{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:400px;position:relative;overflow:hidden}.donasi-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#53a22a,#fe860d)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.donasi-content>*{animation:fadeIn .5s ease-out}@media (max-width: 768px){.donasi-container{padding:1rem}.donasi-tabs{flex-direction:column;align-items:stretch;gap:.5rem;border-bottom:none}.tab-button{border-radius:8px;margin:0;justify-content:center}.tab-button.active:after{display:none}.tab-button.active{background-color:#e8f5e9}.donasi-content{padding:1.5rem}}.donasi-container:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(83,162,42,.08) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(254,134,13,.08) 0%,transparent 20%);pointer-events:none;z-index:0}.donasi-content{position:relative;z-index:1}.donation-form-container{max-width:600px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-out}.donation-form-container h2{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:.5rem}.donation-form-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#53a22a,#fe860d);border-radius:3px}form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#334155;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a33}.form-group textarea{min-height:100px;resize:vertical}.submit-btn{background-color:#53a22a;color:#fff;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{background-color:#478d24;transform:translateY(-2px);box-shadow:0 4px 6px -1px #53a22a4d,0 2px 4px -1px #53a22a33}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-moz-focus-inner{-moz-appearance:textfield}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0;padding:.5rem;opacity:.5;cursor:pointer;transition:opacity .3s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width: 768px){.donation-form-container{padding:1.5rem}form{gap:1.2rem}.submit-btn{padding:.8rem}}.report-container{max-width:1000px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-out}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.report-header h2{font-size:1.5rem;color:#2c3e50;position:relative;padding-bottom:.5rem}.report-header h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#53a22a,#fe860d);border-radius:3px}.filter-controls{display:flex;gap:1rem}.filter-controls select{padding:.6rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;background-color:#fff;cursor:pointer;transition:all .3s ease}.filter-controls select:hover{border-color:#c8e6c9}.filter-controls select:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a33}.total-donation{background:linear-gradient(135deg,#53a22a,#fe860d);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.total-donation h3{font-size:1.2rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.total-donation span{font-size:1.5rem;font-weight:600}.student-donations{display:flex;flex-direction:column;gap:1.5rem;min-height:300px}.no-data{text-align:center;padding:2rem;color:#64748b;font-size:1.1rem}.student-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-left:4px solid #53a22a;transition:all .3s ease}.student-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.student-card h4{font-size:1.2rem;color:#2c3e50;margin-bottom:.5rem}.student-card>p{color:#64748b;font-weight:500;margin-bottom:1rem}.donation-details{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.donation-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background-color:#f8fafc;border-radius:8px}.donation-item span:first-child{color:#64748b;font-size:.9rem}.donation-item span:last-child{font-weight:500;color:#2e7d32}.donation-message{width:100%;margin-top:.5rem;padding:.8rem;background-color:#f0f9ff;border-radius:8px;color:#0369a1;font-size:.9rem;font-style:italic;border-left:3px solid #7dd3fc}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.page-button{background-color:#fff;border:1px solid #e2e8f0;color:#64748b;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:40px;text-align:center}.page-button:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-button.active{background-color:#53a22a;border-color:#53a22a;color:#fff}.no-data{text-align:center;padding:1rem;color:#64748b;font-style:italic}@media (max-width: 768px){.pagination{gap:.3rem}.page-button{padding:.4rem .8rem;font-size:.8rem;min-width:36px}}.back-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#f1f5f9;border:none;border-radius:8px;color:#64748b;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;position:absolute;left:2rem;top:2rem}.back-button:hover{background-color:#e2e8f0;color:#334155}.back-button svg{font-size:1rem}.content-header{position:relative;padding-top:1rem}.content-header h1{margin-top:1rem}@media (max-width: 768px){.back-button{position:static;margin-bottom:1.5rem;margin-left:0;margin-top:0}.content-header{padding-top:0}.content-header h1{margin-top:0}}._logoutContainer_50wtz_1{position:relative;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e1e5ee);display:flex;justify-content:center;align-items:center}._confirmDialog_50wtz_21{border-radius:16px!important;overflow:hidden;box-shadow:0 10px 30px #00000026!important;border-top:4px solid #3f51b5;max-width:450px;width:90%}._dialogTitle_50wtz_39{display:flex;align-items:center;gap:12px;background-color:#f8f9fa;padding:20px 24px!important;border-bottom:1px solid #e0e0e0}._dialogTitle_50wtz_39 span{font-weight:600;color:#2c3e50}._dialogContent_50wtz_67{padding:24px!important;text-align:center}._warningText_50wtz_77{color:#e74c3c;margin-top:12px;font-weight:500}._dialogActions_50wtz_89{padding:16px 24px!important;display:flex;justify-content:space-between;gap:12px}._cancelButton_50wtz_103{color:#7f8c8d!important;border-color:#bdc3c7!important;text-transform:none!important;padding:8px 20px!important;border-radius:8px!important;flex:1}._confirmButton_50wtz_121{background-color:#3f51b5!important;color:#fff!important;text-transform:none!important;padding:8px 20px!important;border-radius:8px!important;flex:1;transition:all .3s ease!important}._confirmButton_50wtz_121:hover{background-color:#303f9f!important;transform:translateY(-2px)}._logoutProgress_50wtz_153{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999;animation:_fadeIn_50wtz_1 .3s ease-out}._progressContent_50wtz_181{text-align:center;max-width:300px;width:90%}._logoutIcon_50wtz_193{font-size:3.5rem!important;color:#3f51b5;margin-bottom:20px;animation:_pulse_50wtz_1 1.5s infinite}._progressText_50wtz_207{color:#2c3e50;margin-bottom:20px!important;font-weight:500!important}._redirectText_50wtz_219{color:#7f8c8d;display:block;margin-top:20px}._progressCircle_50wtz_231{color:#3f51b5!important}@keyframes _fadeIn_50wtz_1{0%{opacity:0}to{opacity:1}}@keyframes _pulse_50wtz_1{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 480px){._dialogTitle_50wtz_39{font-size:1.1rem!important;padding:16px 20px!important}._dialogContent_50wtz_67{padding:20px 16px!important}._dialogActions_50wtz_89{flex-direction:column-reverse;gap:8px}._cancelButton_50wtz_103,._confirmButton_50wtz_121{width:100%}}._container_kifag_3{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#333;line-height:1.6}._header_kifag_23{display:flex;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}._backButton_kifag_39{background:none;border:none;color:#53a22a;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:15px}._backButton_kifag_39:hover{background-color:#53a22a1a;transform:translate(-3px)}._headerInfo_kifag_77{flex:1}._title_kifag_85{font-size:1.8rem;font-weight:600;margin:0;color:#333}._title_kifag_85 span{color:#fe860d;font-weight:500}._content_kifag_111{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}._controls_kifag_127{margin-bottom:25px}._searchFilter_kifag_135{display:flex;flex-wrap:wrap;gap:15px;align-items:center}._searchBox_kifag_149{flex:1;min-width:250px;position:relative;display:flex;align-items:center}._searchBox_kifag_149 input{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:all .3s ease}._searchBox_kifag_149 input:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}._searchIcon_kifag_195{position:absolute;left:12px;color:#777}._filterGroup_kifag_207{display:flex;gap:10px}._filterDropdown_kifag_217{display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:5px 10px;transition:all .3s ease}._filterDropdown_kifag_217:hover{background:#eee}._filterDropdown_kifag_217 select{background:transparent;border:none;padding:8px 25px 8px 5px;font-size:.95rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}._filterDropdown_kifag_217 svg{margin-right:8px;color:#555}._alertSuccess_kifag_277{background-color:#e8f5e9;color:#2e7d32;padding:12px 15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;animation:_fadeIn_kifag_1 .3s ease}@keyframes _fadeIn_kifag_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._tableContainer_kifag_323{overflow-x:auto}._tableResponsive_kifag_331{min-width:100%;overflow-x:auto}._table_kifag_323{width:100%;border-collapse:collapse;margin-bottom:20px}._table_kifag_323 th{background-color:#f8f9fa;color:#555;font-weight:600;text-align:left;padding:12px 15px;border-bottom:2px solid #eaeaea}._table_kifag_323 td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}._table_kifag_323 tr:hover td{background-color:#f9f9f9}._avatarContainer_kifag_393{width:40px;height:40px;border-radius:50%;overflow:hidden}._avatar_kifag_393{width:100%;height:100%;object-fit:cover}._program_kifag_421{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;min-width:100px}._TPA_kifag_441{background-color:#e3f2fd;color:#1565c0}._TAHSIN_kifag_451{background-color:#fff8e1;color:#ff8f00}._TAHFIDZ_kifag_461{background-color:#e8f5e9;color:#2e7d32}._TAJWEED_kifag_471{background-color:#f3e5f5;color:#7b1fa2}._BELUMDITENTUKAN_kifag_481{background-color:#f5f5f5;color:#616161}._actions_kifag_493{display:flex;gap:8px}._viewButton_kifag_503,._messageButton_kifag_505{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}._viewButton_kifag_503{color:#2196f3;background-color:#2196f31a}._viewButton_kifag_503:hover{background-color:#2196f333}._messageButton_kifag_505{color:#53a22a;background-color:#53a22a1a}._messageButton_kifag_505:hover{background-color:#53a22a33}._noData_kifag_569{text-align:center;padding:30px;color:#777;font-style:italic}._loading_kifag_585{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#555}._spinner_kifag_603{width:40px;height:40px;border:4px solid rgba(83,162,42,.1);border-radius:50%;border-top-color:#53a22a;animation:_spin_kifag_603 1s ease-in-out infinite;margin-bottom:15px}@keyframes _spin_kifag_603{to{transform:rotate(360deg)}}._paginationContainer_kifag_637{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:15px}._paginationInfo_kifag_655{color:#666;font-size:.9rem}._pagination_kifag_637{display:flex;gap:5px}._pageButton_kifag_675{padding:8px 12px;border:1px solid #ddd;background-color:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;min-width:36px}._pageButton_kifag_675:hover:not(:disabled){background-color:#f5f5f5}._pageButton_kifag_675:disabled{opacity:.5;cursor:not-allowed}._pageButton_kifag_675._active_kifag_721{background-color:#53a22a;color:#fff;border-color:#53a22a}._modalOverlay_kifag_735,._messageModalOverlay_kifag_737{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_kifag_1 .3s ease}._modal_kifag_735,._messageModal_kifag_737{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-width:90%;max-height:90vh;overflow-y:auto;width:800px;animation:_slideUp_kifag_1 .3s ease}@keyframes _slideUp_kifag_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._messageModal_kifag_737{width:500px}._modalHeader_kifag_819{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}._modalHeader_kifag_819 h3{margin:0;color:#333}._closeButton_kifag_845{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;transition:color .2s ease}._closeButton_kifag_845:hover{color:#333}._modalBody_kifag_871{padding:20px}._guruProfile_kifag_881{display:flex;gap:30px;margin-bottom:20px}._profileImage_kifag_893{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #eee}._profileImage_kifag_893 img{width:100%;height:100%;object-fit:cover}._profileInfo_kifag_923{flex:1}._profileInfo_kifag_923 h4{margin-top:0;margin-bottom:15px;font-size:1.4rem;color:#333}._profileInfo_kifag_923 p{margin:8px 0;color:#555}._profileInfo_kifag_923 strong{color:#333;min-width:120px;display:inline-block}._documents_kifag_969 h4{margin-top:0;margin-bottom:15px;color:#333;font-size:1.2rem}._documentGrid_kifag_983{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}._documentItem_kifag_995{border:1px solid #eee;border-radius:8px;overflow:hidden}._documentItem_kifag_995 h5{margin:0;padding:10px;background-color:#f9f9f9;font-size:.9rem;color:#555}._documentItem_kifag_995 img{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:transform .3s ease}._documentItem_kifag_995 img:hover{transform:scale(1.03)}._modalFooter_kifag_1049{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}._closeModalButton_kifag_1065,._cancelButton_kifag_1067,._sendButton_kifag_1069{padding:8px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .2s ease}._closeModalButton_kifag_1065,._cancelButton_kifag_1067{background-color:#f5f5f5;color:#555;border:1px solid #ddd}._closeModalButton_kifag_1065:hover,._cancelButton_kifag_1067:hover{background-color:#eee}._sendButton_kifag_1069{background-color:#53a22a;color:#fff;border:none;display:flex;align-items:center;gap:5px}._sendButton_kifag_1069:hover{background-color:#478c24}._sendButton_kifag_1069:disabled{background-color:#ccc;cursor:not-allowed}._messageFormGroup_kifag_1147{margin-bottom:15px}._messageFormGroup_kifag_1147 label{display:block;margin-bottom:5px;font-weight:500;color:#333}._messageInput_kifag_1169{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;transition:all .3s ease}._messageInput_kifag_1169:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}._messageTextarea_kifag_1201{width:100%;min-height:150px;padding:15px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}._messageTextarea_kifag_1201:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}@media (max-width: 768px){._container_kifag_3{padding:15px}._header_kifag_23{margin-bottom:20px}._title_kifag_85{font-size:1.5rem}._searchFilter_kifag_135{flex-direction:column;gap:10px}._searchBox_kifag_149,._filterGroup_kifag_207{width:100%}._guruProfile_kifag_881{flex-direction:column;gap:20px}._profileImage_kifag_893{width:120px;height:120px;margin:0 auto}._documentGrid_kifag_983{grid-template-columns:1fr}._modal_kifag_735,._messageModal_kifag_737{width:95%}._paginationContainer_kifag_637{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){._table_kifag_323 th,._table_kifag_323 td{padding:8px 10px;font-size:.85rem}._actions_kifag_493{flex-direction:column;gap:5px}._viewButton_kifag_503,._messageButton_kifag_505{width:28px;height:28px}._modalBody_kifag_871{padding:15px}._modalFooter_kifag_1049{flex-direction:column;gap:8px}._closeModalButton_kifag_1065,._cancelButton_kifag_1067,._sendButton_kifag_1069{width:100%}._pageButton_kifag_675{padding:6px 10px;min-width:32px}}._container_5u8d8_1{padding:20px;max-width:1200px;margin:0 auto}._header_5u8d8_13{display:flex;align-items:center;gap:10px;margin-bottom:20px}._header_5u8d8_13 h1{font-size:24px;color:#2e7d32}._header_5u8d8_13 h1 span{font-size:16px;color:#666}._backBtn_5u8d8_47{background:none;border:none;cursor:pointer;color:#4caf50}._main_5u8d8_61{background:#fff;border-radius:8px;padding:20px}._filters_5u8d8_73{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}._search_5u8d8_87{flex:1;min-width:250px;display:flex;align-items:center;background:#f5f5f5;border-radius:4px;padding:8px 12px}._search_5u8d8_87 input{flex:1;border:none;background:transparent;padding:5px;outline:none}select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:150px}._loading_5u8d8_137{padding:40px;text-align:center;color:#666}._content_5u8d8_149{margin-top:20px}._info_5u8d8_157{margin-bottom:15px;color:#666;font-size:14px}._tableWrapper_5u8d8_169{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 15px;font-weight:500;color:#555;background:#f9f9f9}td{padding:12px 15px;border-bottom:1px solid #f0f0f0}td button{display:flex;align-items:center;gap:5px;background:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}td button:hover{background:#3d8b40}._empty_5u8d8_247{text-align:center;padding:30px;color:#888}._pagination_5u8d8_259{display:flex;justify-content:center;gap:5px;margin-top:20px}._pagination_5u8d8_259 button{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}._pagination_5u8d8_259 button:disabled{opacity:.5;cursor:not-allowed}._pagination_5u8d8_259 button._active_5u8d8_299{background:#4caf50;color:#fff;border-color:#4caf50}._modalHeader_5u8d8_313{display:flex;justify-content:space-between;align-items:center}._modalHeader_5u8d8_313 button{background:none;border:none;font-size:20px;cursor:pointer;color:#666}._modalSection_5u8d8_341{margin-bottom:20px}._modalSection_5u8d8_341 h4{margin:0 0 15px;color:#333}._modalSection_5u8d8_341 h5{margin:0 0 10px;color:#4caf50;font-size:16px}._detailRow_5u8d8_371{display:flex;margin-bottom:8px}._detailRow_5u8d8_371 span:first-child{width:120px;color:#666}._detailRow_5u8d8_371 span:last-child{flex:1;font-weight:500}@media (max-width: 768px){._container_5u8d8_1{padding:10px}._filters_5u8d8_73{flex-direction:column}._search_5u8d8_87,select{width:100%}th,td{padding:8px 10px;font-size:14px}}._container_1loih_3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;max-width:1400px;margin:0 auto;color:#333}._backButton_1loih_21{display:flex;width:120px;align-items:center;gap:8px;color:#53a22a;text-decoration:none;font-weight:500;margin-bottom:20px;padding:8px 12px;border-radius:6px;transition:all .2s ease}._backButton_1loih_21:hover{width:120px;background-color:#53a22a1a}._backIcon_1loih_59{font-size:20px!important}._header_1loih_69{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}._title_1loih_87{font-size:24px;font-weight:600;color:#333;margin:0}._filterContainer_1loih_103{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._searchContainer_1loih_117{position:relative;display:flex;align-items:center}._searchIcon_1loih_129{position:absolute;left:10px;color:#777}._searchInput_1loih_141{padding:10px 10px 10px 36px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:200px;transition:border-color .2s ease}._searchInput_1loih_141:focus{outline:none;border-color:#53a22a}._programSelect_1loih_169{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}._programSelect_1loih_169:focus{outline:none;border-color:#53a22a}._addButton_1loih_201{display:flex;align-items:center;gap:8px;background-color:#53a22a;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a}._addButton_1loih_201:hover{background-color:#478c24}._addIcon_1loih_239{font-size:20px!important}._tableContainer_1loih_249{width:100%;overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}._table_1loih_249{width:100%;border-collapse:collapse;min-width:800px}._tableHeader_1loih_279{background-color:#f8f8f8;padding:12px 16px;text-align:left;font-weight:600;color:#444;border-bottom:2px solid #eee}._tableRow_1loih_297{border-bottom:1px solid #eee;transition:background-color .2s ease}._tableRow_1loih_297:nth-child(2n){background-color:#fafafa}._tableRow_1loih_297:hover{background-color:#f5f5f5}._tableCell_1loih_323{padding:12px 16px;color:#555}._centerText_1loih_333{text-align:center}._actions_1loih_343{display:flex;gap:8px;justify-content:center}._editButton_1loih_355{display:flex;align-items:center;gap:4px;background-color:#f0f0f0;color:#555;border:none;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease}._editButton_1loih_355:hover{background-color:#e0e0e0}._deleteButton_1loih_391{display:flex;align-items:center;gap:4px;background-color:#f8f0f0;color:#d32f2f;border:none;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease}._deleteButton_1loih_391:hover{background-color:#f0e0e0}._pagination_1loih_429{display:flex;justify-content:center;gap:6px;margin-top:20px}._paginationButton_1loih_443{padding:8px 12px;border:1px solid #ddd;background-color:#fff;color:#555;border-radius:4px;cursor:pointer;transition:all .2s ease}._paginationButton_1loih_443:hover:not(:disabled){background-color:#f0f0f0}._paginationButton_1loih_443:disabled{opacity:.5;cursor:not-allowed}._activePage_1loih_481{background-color:#53a22a;color:#fff;border-color:#53a22a}._modalOverlay_1loih_495{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_1loih_521{background-color:#fff;width:90%;max-width:600px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto}._modalHeader_1loih_541{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}._modalTitle_1loih_557{font-size:20px;font-weight:600;margin:0;color:#333}._closeButton_1loih_571{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}._closeButton_1loih_571:hover{background-color:#f5f5f5}._formGroup_1loih_607{margin-bottom:16px;padding:0 20px}._formLabel_1loih_617{display:block;margin-bottom:6px;font-weight:500;color:#555}._formSelect_1loih_631,._formInput_1loih_633,._timeInput_1loih_635{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}._formSelect_1loih_631:focus,._formInput_1loih_633:focus,._timeInput_1loih_635:focus{outline:none;border-color:#53a22a}._formInput_1loih_633{margin-top:8px}._timeInputContainer_1loih_677{display:flex;gap:16px;padding:0 20px}._timeInputContainer_1loih_677 ._formGroup_1loih_607{flex:1;padding:0}._timeInput_1loih_635{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px}._buttonGroup_1loih_713{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #eee;margin-top:10px}._cancelButton_1loih_731{display:flex;align-items:center;gap:6px;background-color:#f5f5f5;color:#555;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}._cancelButton_1loih_731:hover{background-color:#e0e0e0}._submitButton_1loih_767{display:flex;align-items:center;gap:6px;background-color:#fe860d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}._submitButton_1loih_767:hover{background-color:#e67a0c}@media (max-width: 768px){._container_1loih_3{padding:15px}._header_1loih_69{flex-direction:column;align-items:flex-start;gap:16px}._filterContainer_1loih_103{width:100%;flex-direction:column;align-items:stretch;gap:12px}._searchInput_1loih_141{width:100%}._programSelect_1loih_169,._addButton_1loih_201{width:100%;justify-content:center}._modalContent_1loih_521{width:95%}._formGroup_1loih_607{padding:0 15px}._timeInputContainer_1loih_677{flex-direction:column;gap:16px}}@media (max-width: 480px){._backButton_1loih_21{font-size:14px}._tableCell_1loih_323{padding:8px 12px;font-size:14px}._actions_1loih_343{flex-direction:column;gap:6px}._editButton_1loih_355,._deleteButton_1loih_391{width:100%;justify-content:center}._pagination_1loih_429{flex-wrap:wrap}}:root{--primary-color: #53a22a;--secondary-color: #fa860d;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--bg-light: #f7fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s ease}._container_1o6c6_35{width:100%;min-height:100vh;padding:2rem;background-color:var(--bg-light)}._title_1o6c6_51{color:var(--primary-color);font-size:2rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}._backButton_1o6c6_71{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:2rem;box-shadow:var(--shadow-sm)}._backButton_1o6c6_71:hover{background-color:#478a24;transform:translateY(-2px);box-shadow:var(--shadow-md)}._tableContainer_1o6c6_117{width:100%;overflow-x:auto;background-color:var(--bg-white);border-radius:.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}._infoTable_1o6c6_135{width:100%;border-collapse:collapse;min-width:600px}._infoTable_1o6c6_135 th{background-color:var(--bg-light);padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);white-space:nowrap}._infoTable_1o6c6_135 td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-medium)}._infoTable_1o6c6_135 tr:hover td{background-color:#53a22a0d}._detailButton_1o6c6_185{padding:.5rem 1rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:var(--transition)}._detailButton_1o6c6_185:hover{background-color:#e67a0b;transform:translateY(-1px);box-shadow:var(--shadow-sm)}._modalOverlay_1o6c6_221{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:_fadeIn_1o6c6_1 .3s ease}@keyframes _fadeIn_1o6c6_1{0%{opacity:0}to{opacity:1}}._modal_1o6c6_221{background-color:var(--bg-white);border-radius:.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:_slideUp_1o6c6_1 .3s ease}@keyframes _slideUp_1o6c6_1{0%{transform:translateY(20px)}to{transform:translateY(0)}}._modalHeader_1o6c6_293{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--bg-white);z-index:10}._modalHeader_1o6c6_293 h2{margin:0;color:var(--primary-color);font-size:1.5rem}._closeButton_1o6c6_329{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-light);transition:var(--transition);line-height:1}._closeButton_1o6c6_329:hover{color:var(--danger-color)}._modalBody_1o6c6_357{padding:1.5rem}._infoItem_1o6c6_365{margin-bottom:1.5rem}._infoItem_1o6c6_365:last-child{margin-bottom:0}._infoItem_1o6c6_365 strong{display:block;margin-bottom:.5rem;color:var(--text-dark)}._infoItem_1o6c6_365 p{margin:0;color:var(--text-medium);line-height:1.6}._modalFooter_1o6c6_405{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}._closeModalButton_1o6c6_419{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition)}._closeModalButton_1o6c6_419:hover{background-color:#478a24;transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){._container_1o6c6_35{padding:1.5rem}._title_1o6c6_51{font-size:1.75rem}._infoTable_1o6c6_135 th,._infoTable_1o6c6_135 td{padding:.75rem}._modal_1o6c6_221{max-width:95%}}@media (max-width: 480px){._container_1o6c6_35{padding:1rem}._title_1o6c6_51{font-size:1.5rem}._backButton_1o6c6_71{width:100%;justify-content:center}._modalHeader_1o6c6_293 h2{font-size:1.25rem}._modalBody_1o6c6_357,._modalFooter_1o6c6_405{padding:1rem}}._container_cnavw_1{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._header_cnavw_15{margin-bottom:30px;position:relative}._backButton_cnavw_25{display:flex;align-items:center;gap:8px;color:#53a22a;text-decoration:none;font-size:16px;margin-bottom:20px;padding:8px 16px;border-radius:4px;transition:background-color .3s;width:fit-content}._backButton_cnavw_25:hover{background-color:#53a22a1a}._backIcon_cnavw_61{font-size:20px}._title_cnavw_69{color:#333;font-size:24px;margin:0;text-align:center;padding-bottom:10px;border-bottom:2px solid #fe860d}._form_cnavw_87{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px}._categorySection_cnavw_101{margin-bottom:30px}._categoryTitle_cnavw_109{color:#333;font-size:18px;margin-top:0;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}._checklistContainer_cnavw_127{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}._checklistItem_cnavw_139{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f9f9f9;border-radius:6px;transition:all .3s}._checklistItem_cnavw_139:hover{background-color:#f0f0f0}._checkboxContainer_cnavw_167{display:flex;align-items:center;flex-grow:1}._checkbox_cnavw_167{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #53a22a;border-radius:4px;margin-right:12px;cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}._checkbox_cnavw_167:checked{background-color:#53a22a}._checkbox_cnavw_167:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}._checkboxLabel_cnavw_233{font-size:15px;color:#333;cursor:pointer}._statusLabel_cnavw_245{font-size:14px;padding:4px 10px;border-radius:12px;font-weight:500;margin-left:10px}._completed_cnavw_261{background-color:#e8f5e9;color:#2e7d32}._notCompleted_cnavw_271{background-color:#ffebee;color:#c62828}._submitButton_cnavw_281{display:block;width:100%;padding:14px;background-color:#53a22a;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:20px}._submitButton_cnavw_281:hover{background-color:#478c23}@media (max-width: 768px){._container_cnavw_1{padding:15px}._form_cnavw_87{padding:20px}._checklistContainer_cnavw_127{grid-template-columns:1fr}}@media (max-width: 480px){._title_cnavw_69{font-size:20px}._checkboxLabel_cnavw_233{font-size:14px}._statusLabel_cnavw_245{font-size:13px;padding:3px 8px}._submitButton_cnavw_281{padding:12px;font-size:15px}}._dashboard_1gi5n_3{display:flex;min-height:100vh;background-color:#f5f7fa;position:relative}._main_1gi5n_17{flex:1;padding:20px;transition:margin-left .3s ease;margin-left:280px}._mainFull_1gi5n_31{margin-left:0}._header_1gi5n_41{background-color:#fff;border-radius:10px;padding:15px 25px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}._headerContent_1gi5n_57{display:flex;justify-content:space-between;align-items:center}._title_1gi5n_69{display:flex;flex-direction:column;margin:0;font-size:1.5rem;color:#2c3e50}._pageTitle_1gi5n_85{font-weight:600;margin-bottom:5px}._userName_1gi5n_95{font-size:1rem;font-weight:500;color:#7f8c8d;display:flex;align-items:center}._userRole_1gi5n_111{background-color:#3498db;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;margin-left:10px}._sidebar_1gi5n_131{width:280px;background:linear-gradient(180deg,#1a2b4a,#0e1a2f);color:#fff;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform .3s ease;overflow-y:auto}._sidebarOpen_1gi5n_157{transform:translate(0)}._sidebarHeader_1gi5n_165{padding:20px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}._sidebarLogo_1gi5n_179{width:40px;height:40px;border-radius:50%;margin-right:15px}._sidebarTitleWrapper_1gi5n_193{display:flex;flex-direction:column}._sidebarTitle_1gi5n_193{font-size:1.1rem;margin:0;color:#fff;font-weight:600}._superBadge_1gi5n_217{background-color:#e74c3c;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;margin-top:3px;align-self:flex-start}._sidebarNav_1gi5n_237{padding:15px 0}._sidebarNavList_1gi5n_245{list-style:none;padding:0;margin:0}._navItem_1gi5n_257{margin-bottom:5px}._navButton_1gi5n_265{display:flex;align-items:center;width:100%;padding:12px 20px;background:transparent;border:none;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s;position:relative}._navButton_1gi5n_265:hover{background-color:#ffffff1a;color:#fff}._navButtonActive_1gi5n_303{background-color:#ffffff1a;color:#fff;font-weight:500}._navButtonActive_1gi5n_303:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#3498db}._navButtonIcon_1gi5n_335{margin-right:15px;display:flex;align-items:center}._navButtonLabel_1gi5n_347{flex:1;text-align:left}._navButtonChevron_1gi5n_357{margin-left:auto;font-size:1rem}._sidebarFooter_1gi5n_367{padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}._sidebarButton_1gi5n_377{display:flex;align-items:center;width:100%;padding:12px 20px;background:transparent;border:none;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s}._sidebarButton_1gi5n_377:hover{background-color:#ffffff1a;color:#fff}._sidebarButtonIcon_1gi5n_413{margin-right:15px}._menuToggle_1gi5n_423{position:fixed;top:20px;left:20px;z-index:1000;background:#fff;border:none;border-radius:4px;padding:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:none}._menuToggleHidden_1gi5n_451{display:none}._sidebarMobile_1gi5n_459{position:fixed;top:0;left:0;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease}._sidebarMobile_1gi5n_459._sidebarOpen_1gi5n_157{transform:translate(0)}._mainShifted_1gi5n_487{margin-left:0}._closeSidebarButton_1gi5n_495{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#fff;cursor:pointer}@media (max-width: 768px){._menuToggle_1gi5n_423{display:block}._main_1gi5n_17{margin-left:0;width:100%}}._content_1gi5n_539{padding:20px}._loadingContainer_1gi5n_549{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}._loadingSpinner_1gi5n_565{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:_spin_1gi5n_1 1s linear infinite;margin-bottom:15px}@keyframes _spin_1gi5n_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._dashboardContent_1gi5n_605{display:flex;flex-direction:column;gap:20px}._statsRow_1gi5n_617{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}._statCard_1gi5n_629{border-radius:10px;padding:20px;color:#fff;display:flex;justify-content:space-between;box-shadow:0 4px 6px #0000001a;transition:transform .2s}._statCard_1gi5n_629:hover{transform:translateY(-3px)}._statCard--primary_1gi5n_657{background:linear-gradient(135deg,#3498db,#2980b9)}._statCard--secondary_1gi5n_665{background:linear-gradient(135deg,#9b59b6,#8e44ad)}._statCard--success_1gi5n_673{background:linear-gradient(135deg,#2ecc71,#27ae60)}._statCard--warning_1gi5n_681{background:linear-gradient(135deg,#f39c12,#d35400)}._statCardContent_1gi5n_689{flex:1}._statCardTitle_1gi5n_697{font-size:.9rem;margin:0 0 10px;font-weight:500;opacity:.9}._statCardValue_1gi5n_711{font-size:1.8rem;margin:0;font-weight:600}._statCardIcon_1gi5n_723{font-size:2.5rem;opacity:.3;display:flex;align-items:center}._dataDisplay_1gi5n_739{display:grid;grid-template-columns:1fr;gap:25px}._section_1gi5n_751{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000000d}._sectionHeader_1gi5n_765{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}._sectionHeader_1gi5n_765 svg{margin-right:10px;color:#3498db}._sectionHeader_1gi5n_765 h3{margin:0;font-size:1.2rem;color:#2c3e50}._branchesGrid_1gi5n_805{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}._branchCard_1gi5n_817{display:flex;align-items:center;padding:15px;background-color:#f8fafc;border-radius:8px;transition:transform .2s,box-shadow .2s}._branchCard_1gi5n_817:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}._branchIcon_1gi5n_845{margin-right:15px;color:#3498db;font-size:1.8rem}._branchInfo_1gi5n_857{flex:1}._branchInfo_1gi5n_857 h4{margin:0 0 5px;font-size:1rem;color:#2c3e50}._branchInfo_1gi5n_857 span{font-size:.8rem;color:#7f8c8d}._programsList_1gi5n_889{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}._programCard_1gi5n_901{display:flex;align-items:center;padding:15px;background-color:#f8fafc;border-radius:8px;transition:transform .2s,box-shadow .2s}._programCard_1gi5n_901:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}._programIcon_1gi5n_929{margin-right:15px;color:#2ecc71;font-size:1.8rem}._programInfo_1gi5n_941{flex:1}._programInfo_1gi5n_941 h4{margin:0 0 5px;font-size:1rem;color:#2c3e50}._programInfo_1gi5n_941 span{font-size:.8rem;color:#7f8c8d}._levelList_1gi5n_973{width:100%}._levelListHeader_1gi5n_981{display:flex;align-items:center;margin-bottom:15px}._levelListHeader_1gi5n_981 svg{margin-right:10px;color:#3498db}._levelListHeader_1gi5n_981 h3{margin:0;font-size:1.2rem;color:#2c3e50}._levelGrid_1gi5n_1015{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}._levelItem_1gi5n_1027{padding:10px 15px;background-color:#f8fafc;border-radius:6px;text-align:center;font-size:.9rem;color:#2c3e50;transition:background-color .2s}._levelItem_1gi5n_1027:hover{background-color:#e8f4fc}@media (max-width: 1200px){._branchesGrid_1gi5n_805{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}._programsList_1gi5n_889{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){._main_1gi5n_17{margin-left:0;padding:15px}._sidebar_1gi5n_131{transform:translate(-100%)}._dataDisplay_1gi5n_739{grid-template-columns:1fr}}@media (max-width: 576px){._headerContent_1gi5n_57{flex-direction:column;align-items:flex-start}._title_1gi5n_69{margin-bottom:10px}._statsRow_1gi5n_617{grid-template-columns:1fr 1fr}._branchesGrid_1gi5n_805,._programsList_1gi5n_889{grid-template-columns:1fr}._levelGrid_1gi5n_1015{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 480px){._statsRow_1gi5n_617{grid-template-columns:1fr}}.not-found-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:2rem;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:linear-gradient(135deg,#f9fdf8,#fef8f0)}.not-found-content{max-width:800px;text-align:center;padding:3rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden;border:1px solid rgba(83,162,42,.1)}.not-found-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#53a22a,#fe860d)}.illustration{position:relative;margin:0 auto 2.5rem;width:180px;height:180px}.book-icon{position:relative;width:120px;height:150px;margin:0 auto;perspective:1000px}.book-cover{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#53a22a,#fe860d);border-radius:5px 12px 12px 5px;box-shadow:5px 5px 15px #0000001a;transform:rotateY(0);transition:transform .8s ease;transform-style:preserve-3d;transform-origin:left center;z-index:2}.book-pages{position:absolute;width:95%;height:96%;top:2%;left:0;background-color:#f8f8f8;border-radius:5px 10px 10px 5px;box-shadow:inset 0 0 5px #0000001a;z-index:1}.light-beam{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:100px;height:100px;background:radial-gradient(circle,#53a22a33,#fe860d00 70%);border-radius:50%;animation:pulse 3s infinite ease-in-out}.title{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:700;background:linear-gradient(90deg,#53a22a,#fe860d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.quote{font-size:1.1rem;color:#53a22a;font-style:italic;padding:1.5rem;margin:1.5rem 0;background-color:#53a22a0d;border-left:4px solid #fe860d;border-radius:0 8px 8px 0;text-align:left;position:relative}.quote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:#fe860d1a;font-family:Georgia,serif;line-height:1}.advice{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2.5rem}.back-button{padding:.8rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#53a22a,#fe860d);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #53a22a4d;position:relative;overflow:hidden}.back-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #fe860d4d}.back-button:active{transform:translateY(1px)}.back-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.back-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes pulse{0%{transform:translate(-50%) scale(.9);opacity:.7}50%{transform:translate(-50%) scale(1.1);opacity:.9}to{transform:translate(-50%) scale(.9);opacity:.7}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@media (max-width: 768px){.not-found-container{padding:1rem}.not-found-content{padding:2rem 1.5rem}.title{font-size:2rem}.message,.quote,.advice{font-size:1rem}.illustration{width:140px;height:140px}.book-icon{width:100px;height:130px}}@media (max-width: 480px){.title{font-size:1.8rem}.quote{padding:1rem;font-size:.95rem}.back-button{padding:.7rem 1.5rem;font-size:.9rem}}:root{--primary-green: #53a22a;--secondary-green: #e8f5e9;--dark-green: #2e7d32;--white: #ffffff;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #333333;--text-gray: #666666;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}._container_118ag_53{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--dark-gray)}._header_118ag_73{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}._title_118ag_87{font-size:2rem;font-weight:600;color:var(--dark-green);text-align:center;margin:0}._backButton_118ag_103{display:flex;align-items:center;gap:8px;background-color:transparent;border:none;color:var(--primary-green);font-size:1rem;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition);width:fit-content}._backButton_118ag_103:hover{background-color:#53a22a1a}._filterBar_118ag_143{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:30px;padding:15px;background-color:var(--secondary-green);border-radius:var(--radius-md)}._filterGroup_118ag_165{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px}._filterGroup_118ag_165 label{font-weight:500;color:var(--dark-green);font-size:.9rem}._selectInput_118ag_193{padding:10px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);font-size:1rem;background-color:var(--white);transition:var(--transition)}._selectInput_118ag_193:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 2px #53a22a33}._totalPelajar_118ag_223{font-weight:500;color:var(--dark-green);margin-left:auto;padding:10px;background-color:var(--white);border-radius:var(--radius-sm)}._pelajarList_118ag_243{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}._card_118ag_257{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}._card_118ag_257:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}._cardHeader_118ag_287{padding:15px;background-color:var(--secondary-green);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--medium-gray)}._cardHeader_118ag_287 h3{margin:0;font-size:1.1rem;color:var(--dark-gray)}._badge_118ag_317{background-color:var(--primary-green);color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}._cardBody_118ag_335{padding:15px;flex-grow:1}._infoItem_118ag_345{display:flex;justify-content:space-between;margin-bottom:8px}._label_118ag_357{font-weight:500;color:var(--text-gray)}._cardFooter_118ag_367{padding:15px;border-top:1px solid var(--medium-gray);background-color:var(--light-gray)}._detailButton_118ag_379{display:flex;align-items:center;gap:8px;width:100%;padding:10px;background-color:var(--white);color:var(--primary-green);border:1px solid var(--primary-green);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition)}._detailButton_118ag_379:hover{background-color:var(--primary-green);color:var(--white)}._emptyMessage_118ag_421{text-align:center;color:var(--text-gray);grid-column:1 / -1;padding:40px 0;font-size:1.1rem}._modalOverlay_118ag_439{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_118ag_439{background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}._modalHeader_118ag_487{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--medium-gray)}._modalHeader_118ag_487 h2{margin:0;color:var(--dark-green);font-size:1.3rem}._closeButton_118ag_515{background:none;border:none;cursor:pointer;color:var(--text-gray);padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}._closeButton_118ag_515:hover{background-color:var(--light-gray);color:var(--dark-gray)}._modalContent_118ag_551{padding:20px}._detailSection_118ag_559{margin-bottom:20px}._detailSection_118ag_559 h3{font-size:1.2rem;color:var(--dark-gray);margin-bottom:5px}._programBadge_118ag_579{display:inline-block;background-color:var(--secondary-green);color:var(--dark-green);padding:4px 8px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;margin-bottom:15px}._detailGrid_118ag_601{display:grid;grid-template-columns:1fr;gap:15px}._detailItem_118ag_613{display:flex;flex-direction:column;gap:5px}._detailLabel_118ag_625{font-weight:500;color:var(--text-gray);font-size:.9rem}@media (max-width: 768px){._container_118ag_53{padding:15px}._title_118ag_87{font-size:1.5rem}._filterBar_118ag_143{flex-direction:column;align-items:stretch}._filterGroup_118ag_165{min-width:100%}._totalPelajar_118ag_223{margin-left:0;text-align:center}._pelajarList_118ag_243{grid-template-columns:1fr}}@media (max-width: 480px){._title_118ag_87{font-size:1.3rem}._header_118ag_73{gap:10px}._modal_118ag_439{max-width:95%}._modalHeader_118ag_487 h2{font-size:1.1rem}}._pagination_118ag_735{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;flex-wrap:wrap}._pageButton_118ag_753{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;background-color:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-sm);color:var(--dark-gray);cursor:pointer;transition:var(--transition);font-size:.9rem;min-width:40px}._pageButton_118ag_753:hover:not(:disabled){background-color:var(--light-gray);border-color:var(--primary-green);color:var(--primary-green)}._pageButton_118ag_753:disabled{opacity:.5;cursor:not-allowed}._pageButton_118ag_753._active_118ag_807{background-color:var(--primary-green);color:var(--white);border-color:var(--primary-green)}@media (max-width: 480px){._pageButton_118ag_753{padding:6px 8px;font-size:.8rem;min-width:32px}}._container_1qpv2_3{padding:20px;max-width:800px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._header_1qpv2_17{display:flex;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}._backButton_1qpv2_33{display:flex;align-items:center;gap:8px;padding:8px 15px;background-color:#53a22a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}._backButton_1qpv2_33:hover{background-color:#468c23}._title_1qpv2_69{color:#333;margin:0;font-size:28px}._listContainer_1qpv2_83{margin-bottom:30px}._cabangList_1qpv2_91{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}._cabangItem_1qpv2_109{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:transform .2s}._cabangItem_1qpv2_109:hover{transform:translateY(-2px)}._cabangName_1qpv2_139{font-size:16px;font-weight:500;color:#333}._actions_1qpv2_151{display:flex;gap:8px}._emptyMessage_1qpv2_161{text-align:center;padding:20px;color:#666;font-style:italic}._editButton_1qpv2_177{padding:6px;background-color:#2196f3;color:#fff;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}._editButton_1qpv2_177:hover{background-color:#0b7dda}._deleteButton_1qpv2_211{padding:6px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}._deleteButton_1qpv2_211:hover{background-color:#d32f2f}._addButtonContainer_1qpv2_245{display:flex;justify-content:center;margin-top:20px}._addButton_1qpv2_245{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#fe860d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s}._addButton_1qpv2_245:hover{background-color:#e67a0c}._formOverlay_1qpv2_297{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._formContainer_1qpv2_323{background-color:#fff;padding:25px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}._formTitle_1qpv2_341{margin-top:0;margin-bottom:20px;font-size:20px;color:#333}._form_1qpv2_297{display:flex;flex-direction:column}._formGroup_1qpv2_365{margin-bottom:15px}._formGroup_1qpv2_365 input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}._formGroup_1qpv2_365 input:focus{border-color:#53a22a;outline:none}._formActions_1qpv2_401{display:flex;gap:10px;margin-top:15px}._saveButton_1qpv2_413{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#53a22a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s;flex:1;justify-content:center}._saveButton_1qpv2_413:hover{background-color:#468c23}._cancelButton_1qpv2_455{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#757575;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s;flex:1;justify-content:center}._cancelButton_1qpv2_455:hover{background-color:#616161}@media (max-width: 768px){._container_1qpv2_3{padding:15px}._header_1qpv2_17{flex-direction:column;align-items:flex-start}._title_1qpv2_69{font-size:24px}}@media (max-width: 480px){._cabangItem_1qpv2_109{flex-direction:column;align-items:flex-start;gap:10px}._actions_1qpv2_151{align-self:flex-end}._formContainer_1qpv2_323{padding:20px 15px}._formActions_1qpv2_401{flex-direction:column}._saveButton_1qpv2_413,._cancelButton_1qpv2_455{width:100%}}:root{--primary-green: #53a22a;--primary-orange: #fe860d;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #333333;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .3s ease}._container_1mdxw_35{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._header_1mdxw_53{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}._title_1mdxw_69{color:var(--dark-gray);font-size:2rem;font-weight:600;margin:0;text-align:center}._backButton_1mdxw_87{display:flex;align-items:center;gap:8px;background-color:transparent;border:none;color:var(--primary-green);font-size:1rem;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition);width:fit-content}._backButton_1mdxw_87:hover{background-color:#53a22a1a}._adminList_1mdxw_127{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:30px}._card_1mdxw_143{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}._card_1mdxw_143:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}._cardHeader_1mdxw_175{display:flex;align-items:center;gap:15px;padding:20px;background-color:#53a22a0d;border-bottom:1px solid var(--medium-gray)}._profileImage_1mdxw_193{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--medium-gray)}._cardHeader_1mdxw_175 h3{margin:0;color:var(--dark-gray);font-size:1.1rem}._cardBody_1mdxw_223{padding:20px;display:flex;flex-direction:column;gap:12px}._infoItem_1mdxw_237{display:flex;justify-content:space-between}._label_1mdxw_247{font-weight:500;color:var(--dark-gray)}._actions_1mdxw_259{display:flex;flex-wrap:wrap;gap:10px;padding:15px 20px;border-top:1px solid var(--medium-gray);background-color:var(--light-gray)}._button_1mdxw_277{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition)}._detailButton_1mdxw_307{background-color:var(--white);color:var(--dark-gray);border:1px solid var(--medium-gray)}._detailButton_1mdxw_307:hover{background-color:var(--medium-gray)}._editButton_1mdxw_327{background-color:var(--primary-green);color:var(--white)}._editButton_1mdxw_327:hover{background-color:#4a9024}._demoteButton_1mdxw_345{background-color:#f44336;color:var(--white)}._demoteButton_1mdxw_345:hover{background-color:#d32f2f}._emptyMessage_1mdxw_365{text-align:center;color:#666;grid-column:1 / -1;padding:40px 0}._modalOverlay_1mdxw_381{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_1mdxw_381{background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}._modalHeader_1mdxw_431{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--medium-gray)}._modalHeader_1mdxw_431 h2{margin:0;color:var(--dark-gray);font-size:1.3rem}._closeButton_1mdxw_459{background:none;border:none;cursor:pointer;color:#666;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}._closeButton_1mdxw_459:hover{background-color:var(--light-gray);color:var(--dark-gray)}._modalContent_1mdxw_497{padding:20px}._profileSection_1mdxw_505{display:flex;align-items:center;gap:20px;margin-bottom:20px}._modalProfileImage_1mdxw_519{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--medium-gray)}._profileSection_1mdxw_505 h3{margin:0 0 5px;font-size:1.2rem}._profileSection_1mdxw_505 p{margin:0;color:#666}._detailSection_1mdxw_555{display:flex;flex-direction:column;gap:15px}._detailRow_1mdxw_567{display:flex;justify-content:space-between}._detailLabel_1mdxw_577{font-weight:500;color:var(--dark-gray)}._formGroup_1mdxw_589{margin:20px 0}._formGroup_1mdxw_589 label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark-gray)}._selectInput_1mdxw_611{width:100%;padding:10px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition)}._selectInput_1mdxw_611:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 2px #53a22a33}._modalActions_1mdxw_643{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}._confirmButton_1mdxw_657,._cancelButton_1mdxw_659{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition)}._confirmButton_1mdxw_657{background-color:var(--primary-green);color:var(--white)}._confirmButton_1mdxw_657:hover{background-color:#4a9024}._cancelButton_1mdxw_659{background-color:var(--light-gray);color:var(--dark-gray)}._cancelButton_1mdxw_659:hover{background-color:var(--medium-gray)}@media (max-width: 768px){._container_1mdxw_35{padding:15px}._title_1mdxw_69{font-size:1.5rem}._adminList_1mdxw_127{grid-template-columns:1fr}._modal_1mdxw_381{max-width:95%}}@media (max-width: 480px){._header_1mdxw_53{flex-direction:column;align-items:flex-start}._title_1mdxw_69{font-size:1.3rem;text-align:left}._profileImage_1mdxw_193{width:50px;height:50px}._modalActions_1mdxw_643{flex-direction:column}._confirmButton_1mdxw_657,._cancelButton_1mdxw_659{width:100%}._button_1mdxw_277{min-width:100%}}._searchFilterContainer_1mdxw_821{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;align-items:center}._searchBox_1mdxw_837{flex:1;min-width:250px;position:relative;display:flex;align-items:center}._searchIcon_1mdxw_853{position:absolute;left:12px;color:#666}._searchInput_1mdxw_865{width:100%;padding:12px 20px 12px 40px;border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition)}._searchInput_1mdxw_865:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 2px #53a22a33}._filterBox_1mdxw_895{min-width:200px}._filterSelect_1mdxw_903{width:100%;padding:12px;border:1px solid var(--medium-gray);border-radius:var(--radius-md);font-size:1rem;background-color:var(--white);transition:var(--transition)}._filterSelect_1mdxw_903:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 2px #53a22a33}._pagination_1mdxw_937{display:flex;justify-content:center;margin-top:30px;gap:5px;flex-wrap:wrap}._pageButton_1mdxw_953{padding:8px 16px;border:1px solid var(--medium-gray);background-color:var(--white);color:var(--dark-gray);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.9rem}._pageButton_1mdxw_953:hover:not(:disabled){background-color:var(--light-gray)}._pageButton_1mdxw_953:disabled{opacity:.6;cursor:not-allowed}._activePage_1mdxw_993{background-color:var(--primary-green);color:var(--white);border-color:var(--primary-green)}@media (max-width: 600px){._searchFilterContainer_1mdxw_821{flex-direction:column;gap:15px}._searchBox_1mdxw_837,._filterBox_1mdxw_895{width:100%}._pagination_1mdxw_937{gap:3px}._pageButton_1mdxw_953{padding:6px 12px;font-size:.8rem}}._container_1c752_3{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}._header_1c752_17{margin-bottom:30px}._title_1c752_25{font-size:1.5rem;color:#2c3e50;margin:0}._form_1c752_37{display:flex;flex-direction:column;gap:30px}._section_1c752_49{background-color:#f8fafc;border-radius:8px;padding:20px}._sectionTitle_1c752_61{font-size:1.2rem;color:#2c3e50;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}._formGroup_1c752_77{margin-bottom:20px}._formGroup_1c752_77 label{display:block;margin-bottom:8px;font-weight:500;color:#4a5568;display:flex;align-items:center;gap:8px}._formGroup_1c752_77 input,._formGroup_1c752_77 textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}._formGroup_1c752_77 textarea{resize:vertical;min-height:100px}._logoUpload_1c752_133{display:flex;gap:20px;align-items:center}._logoPreview_1c752_145{width:100px;height:100px;border-radius:8px;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}._logoImage_1c752_167{max-width:100%;max-height:100%;object-fit:contain}._uploadControls_1c752_179{flex:1}._uploadButton_1c752_187{display:inline-flex;align-items:center;padding:8px 16px;background-color:#e3f2fd;color:#1976d2;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}._uploadButton_1c752_187:hover{background-color:#bbdefb}._uploadIcon_1c752_219{margin-right:8px}._fileInput_1c752_227{display:none}._uploadHint_1c752_235{margin-top:8px;font-size:.8rem;color:#7f8c8d}._toggleContainer_1c752_247{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}._toggleButton_1c752_261{flex:1;padding:10px;border:none;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}._toggleButton_1c752_261._active_1c752_287{background-color:#3498db;color:#fff}._toggleIcon_1c752_297{font-size:1rem}._formActions_1c752_305{display:flex;justify-content:flex-end}._saveButton_1c752_315{display:flex;align-items:center;padding:12px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}._saveButton_1c752_315:hover{background-color:#2980b9}._saveIcon_1c752_349{margin-right:8px}@media (max-width: 768px){._logoUpload_1c752_133{flex-direction:column;align-items:flex-start}}._container_5j3r7_3{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}._header_5j3r7_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._title_5j3r7_31{font-size:1.5rem;color:#2c3e50;margin:0;display:flex;align-items:center;gap:10px}._titleIcon_5j3r7_49{color:#3498db}._broadcastButton_5j3r7_57{display:flex;align-items:center;padding:10px 15px;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}._broadcastButton_5j3r7_57:hover{background-color:#2980b9}._buttonIcon_5j3r7_91{margin-right:8px}._tabs_5j3r7_99{display:flex;border-bottom:1px solid #eee;margin-bottom:20px}._tab_5j3r7_99{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:.9rem;color:#7f8c8d;position:relative}._tab_5j3r7_99._active_5j3r7_131{color:#3498db;font-weight:500}._tab_5j3r7_99._active_5j3r7_131:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#3498db}._filterContainer_5j3r7_161{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}._filterGroup_5j3r7_177{display:flex;align-items:center;gap:10px}._filterLabel_5j3r7_189{display:flex;align-items:center;color:#4a5568;font-size:.9rem}._filterIcon_5j3r7_203{margin-right:5px}._filterSelect_5j3r7_211{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}._bulkActions_5j3r7_225{display:flex;gap:10px}._actionButton_5j3r7_235{display:flex;align-items:center;padding:8px 12px;background-color:#f5f5f5;color:#4a5568;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}._actionButton_5j3r7_235:hover{background-color:#e0e0e0}._actionIcon_5j3r7_269{margin-right:5px}._notificationsList_5j3r7_277{display:flex;flex-direction:column;gap:10px}._notification_5j3r7_277{display:flex;background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d;align-items:flex-start}._notification_5j3r7_277._unread_5j3r7_307{background-color:#f8fafc;border-left:3px solid #3498db}._notificationCheckbox_5j3r7_317{margin-right:15px;padding-top:3px}._notificationContent_5j3r7_327{flex:1}._notificationHeader_5j3r7_335{display:flex;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}._notificationTitle_5j3r7_351{margin:0;font-size:1rem;color:#2c3e50}._notificationBranch_5j3r7_363{font-size:.8rem;background-color:#e2e8f0;color:#4a5568;padding:2px 8px;border-radius:10px}._notificationDate_5j3r7_379{font-size:.8rem;color:#7f8c8d;margin-left:auto}._notificationMessage_5j3r7_391{margin:0;font-size:.9rem;color:#4a5568}._notificationActions_5j3r7_403{display:flex;gap:8px;margin-left:15px}._markAsReadButton_5j3r7_415{padding:6px 10px;background-color:#e6ffed;color:#28a745;border:none;border-radius:4px;font-size:.8rem;display:flex;align-items:center;gap:5px;cursor:pointer}._markAsReadButton_5j3r7_415:hover{background-color:#c1f0d1}._deleteButton_5j3r7_449{width:32px;height:32px;border-radius:4px;background-color:#ffebee;color:#d32f2f;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}._deleteButton_5j3r7_449:hover{background-color:#ffcdd2}._emptyState_5j3r7_483{text-align:center;padding:40px 20px;color:#7f8c8d;font-size:.9rem}._modalOverlay_5j3r7_499{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_5j3r7_499{background-color:#fff;border-radius:8px;padding:25px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}._modal_5j3r7_499 h2{margin-top:0;color:#2c3e50;font-size:1.3rem;margin-bottom:20px}._formGroup_5j3r7_557{margin-bottom:20px}._formGroup_5j3r7_557 label{display:block;margin-bottom:8px;font-weight:500;color:#4a5568}._formGroup_5j3r7_557 textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;resize:vertical;min-height:120px}._modalActions_5j3r7_599{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}._cancelButton_5j3r7_613,._sendButton_5j3r7_613{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;border:none}._cancelButton_5j3r7_613{background-color:#f5f5f5;color:#4a5568}._cancelButton_5j3r7_613:hover{background-color:#e0e0e0}._sendButton_5j3r7_613{background-color:#3498db;color:#fff;display:flex;align-items:center}._sendButton_5j3r7_613:disabled{background-color:#bdc3c7;cursor:not-allowed}._sendButton_5j3r7_613:hover:not(:disabled){background-color:#2980b9}._sendIcon_5j3r7_679{margin-right:8px}@media (max-width: 768px){._header_5j3r7_17{flex-direction:column;align-items:flex-start;gap:15px}._notificationHeader_5j3r7_335{flex-direction:column;align-items:flex-start;gap:5px}._notificationDate_5j3r7_379{margin-left:0}._notificationActions_5j3r7_403{flex-direction:column;margin-left:10px}}._container_1mp0h_1{padding:1rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}._header_1mp0h_19{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}._backButton_1mp0h_33{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;color:#333;transition:all .2s ease}._backButton_1mp0h_33:hover{background-color:#e0e0e0;transform:translate(-2px)}._headerContent_1mp0h_67{flex:1}._header_1mp0h_19 h1{font-size:1.5rem;font-weight:600;margin:0;color:#2c3e50}._dateIndicator_1mp0h_89{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#7f8c8d}._filtersSection_1mp0h_107{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;background-color:#f8f9fa;padding:1rem;border-radius:.5rem}._searchInput_1mp0h_129{flex:1;min-width:250px;position:relative}._searchInput_1mp0h_129 input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:.5rem;font-size:.9rem;transition:border-color .2s ease}._searchInput_1mp0h_129 input:focus{outline:none;border-color:#3498db}._searchIcon_1mp0h_169{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#95a5a6}._filterGroup_1mp0h_185{display:flex;align-items:center;gap:.5rem}._filterGroup_1mp0h_185 label{display:flex;align-items:center;gap:.3rem;font-size:.9rem;color:#495057;white-space:nowrap}._filterIcon_1mp0h_215{color:#6c757d}._filterGroup_1mp0h_185 select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .2s ease;min-width:120px}._filterGroup_1mp0h_185 select:focus{outline:none;border-color:#3498db}._tableContainer_1mp0h_257{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden}._attendanceTable_1mp0h_271{width:100%;border-collapse:collapse}._attendanceTable_1mp0h_271 th{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}._attendanceTable_1mp0h_271 td{padding:1rem;border-bottom:1px solid #dee2e6;color:#495057}._attendanceTable_1mp0h_271 tr:last-child td{border-bottom:none}._attendanceTable_1mp0h_271 tr:hover{background-color:#f8f9fa}._statusBadge_1mp0h_329{display:inline-block;padding:.35rem .75rem;border-radius:.25rem;font-size:.8rem;font-weight:500}._statusHadir_1mp0h_345{background-color:#d4edda;color:#155724}._statusIzin_1mp0h_355{background-color:#fff3cd;color:#856404}._statusSakit_1mp0h_365{background-color:#cce5ff;color:#004085}._statusAlpa_1mp0h_375{background-color:#f8d7da;color:#721c24}._detailButton_1mp0h_387{display:flex;align-items:center;gap:.5rem;background-color:#e2e3e5;color:#383d41;border:none;border-radius:.25rem;padding:.5rem .75rem;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}._detailButton_1mp0h_387:hover{background-color:#d6d8db}._noResults_1mp0h_425{text-align:center;padding:2rem;color:#6c757d}._pagination_1mp0h_439{display:flex;justify-content:center;padding:1rem;gap:.5rem}._pageButton_1mp0h_453{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;background-color:#fff;border-radius:.25rem;cursor:pointer;transition:all .2s ease}._pageButton_1mp0h_453:hover:not(:disabled){background-color:#f0f0f0}._pageButton_1mp0h_453:disabled{opacity:.5;cursor:not-allowed}._activePage_1mp0h_497{background-color:#3498db;color:#fff;border-color:#3498db}._modalOverlay_1mp0h_511{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modal_1mp0h_511{background-color:#fff;border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative;box-shadow:0 4px 20px #00000026}._closeButton_1mp0h_561{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#6c757d;transition:color .2s ease}._closeButton_1mp0h_561:hover{color:#495057}._modal_1mp0h_511 h2{margin-top:0;margin-bottom:1.5rem;color:#2c3e50}._modalContent_1mp0h_603{display:flex;flex-direction:column;gap:1.5rem}._teacherInfo_1mp0h_615{display:flex;gap:1.5rem;align-items:center}._teacherPhoto_1mp0h_627{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #f0f0f0}._teacherPhoto_1mp0h_627 img{width:100%;height:100%;object-fit:cover}._teacherDetails_1mp0h_655{flex:1}._teacherDetails_1mp0h_655 h3{margin:0 0 .5rem;color:#2c3e50}._teacherDetails_1mp0h_655 p{margin:.25rem 0;color:#495057}._reportSection_1mp0h_683 h4,._documentationSection_1mp0h_685 h4{margin-top:0;margin-bottom:.75rem;color:#2c3e50}._reportSection_1mp0h_683 p{margin:0;padding:.75rem;background-color:#f8f9fa;border-radius:.25rem}._noReport_1mp0h_711{color:#6c757d;font-style:italic}._documentationSection_1mp0h_685{margin-bottom:1rem}._photoContainer_1mp0h_729{width:100%;border-radius:.5rem;overflow:hidden;border:1px solid #dee2e6}._photoContainer_1mp0h_729 img{width:100%;height:auto;display:block}@media (max-width: 768px){._filtersSection_1mp0h_107{flex-direction:column;align-items:stretch}._searchInput_1mp0h_129{min-width:100%}._filterGroup_1mp0h_185,._filterGroup_1mp0h_185 select{width:100%}._attendanceTable_1mp0h_271{display:block;overflow-x:auto}._pagination_1mp0h_439{flex-wrap:wrap}._teacherInfo_1mp0h_615{flex-direction:column;text-align:center}._teacherDetails_1mp0h_655{text-align:center}._modal_1mp0h_511{width:95%;padding:1rem}}._statusSummary_1mp0h_843{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}._statusCard_1mp0h_857{flex:1;min-width:150px;background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .2s ease}._statusCard_1mp0h_857:hover{transform:translateY(-3px)}._statusCard_1mp0h_857 h3{margin:0 0 .5rem;font-size:.9rem;color:#495057}._statusCard_1mp0h_857 p{margin:0;font-size:1.5rem;font-weight:600}._totalCard_1mp0h_911{border-top:4px solid #6c757d}._totalCard_1mp0h_911 p{color:#6c757d}._hadirCard_1mp0h_927{border-top:4px solid #28a745}._hadirCard_1mp0h_927 p{color:#28a745}._izinCard_1mp0h_943{border-top:4px solid #ffc107}._izinCard_1mp0h_943 p{color:#ffc107}._sakitCard_1mp0h_959{border-top:4px solid #17a2b8}._sakitCard_1mp0h_959 p{color:#17a2b8}._alpaCard_1mp0h_975{border-top:4px solid #dc3545}._alpaCard_1mp0h_975 p{color:#dc3545}@media (max-width: 768px){._statusSummary_1mp0h_843{flex-direction:column}._statusCard_1mp0h_857{min-width:100%}}._container_11ef1_1{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._backButton_11ef1_15{display:flex;align-items:center;gap:8px;background:none;border:none;color:#53a22a;font-size:16px;cursor:pointer;margin-bottom:30px;padding:8px 16px;border-radius:4px;transition:background-color .3s}._backButton_11ef1_15:hover{background-color:#53a22a1a}._profileContainer_11ef1_53{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px}._profileHeader_11ef1_67{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}._profileImage_11ef1_81{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fe860d;margin-bottom:20px}._profileName_11ef1_99{color:#333;font-size:24px;margin:0}._profileDetails_11ef1_111{margin-bottom:30px}._detailRow_11ef1_119{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}._detailItem_11ef1_133{flex:1;min-width:250px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d}._detailLabel_11ef1_151{display:flex;align-items:center;gap:8px;color:#555;font-size:14px;margin-bottom:5px}._detailValue_11ef1_169{color:#333;font-size:16px;font-weight:500}._icon_11ef1_181{color:#fe860d;font-size:18px!important}._sectionTitle_11ef1_191{color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #53a22a}._documentGrid_11ef1_207{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}._documentItem_11ef1_221{background-color:#f9f9f9;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:10px}._documentLabel_11ef1_239{color:#555;font-size:14px}._documentLink_11ef1_249{color:#53a22a;text-decoration:none;font-weight:500;display:inline-block;padding:8px 15px;background-color:#53a22a1a;border-radius:4px;transition:background-color .3s}._documentLink_11ef1_249:hover{background-color:#53a22a33}._actionButtons_11ef1_279{display:flex;justify-content:center;gap:20px;margin-top:30px}._editButton_11ef1_293{background-color:#fe860d;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}._editButton_11ef1_293:hover{background-color:#e6780b}@media (max-width: 768px){._detailRow_11ef1_119{flex-direction:column}._documentGrid_11ef1_207{grid-template-columns:1fr}._profileContainer_11ef1_53{padding:20px 15px}}._container_1909a_3{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f9f9f9;min-height:100vh}._header_1909a_25{display:flex;align-items:center;margin-bottom:30px;position:relative}._backButton_1909a_39{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#53a22a}._backButton_1909a_39:hover{background-color:#53a22a1a;transform:translate(-3px)}._backIcon_1909a_77{font-size:24px}._title_1909a_85{color:#53a22a;font-size:24px;font-weight:600;margin:0}._controls_1909a_101{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;align-items:center}._selectContainer_1909a_117{position:relative;flex:1;min-width:250px;max-width:400px}._selectIcon_1909a_131{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#53a22a;z-index:1}._selectInput_1909a_149{width:100%;padding:12px 20px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#333;transition:all .3s ease;cursor:pointer}._selectInput_1909a_149:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}._dropdownIcon_1909a_187{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}._allButton_1909a_205{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;font-size:14px;cursor:pointer;transition:all .3s ease}._allButton_1909a_205:hover{background-color:#eee}._allButton_1909a_205._active_1909a_241{background-color:#fe860d;color:#fff;border-color:#fe860d}._allIcon_1909a_253{font-size:18px}._tableContainer_1909a_263{overflow-x:auto;margin-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}._donationTable_1909a_279{width:100%;border-collapse:collapse;min-width:600px}._donationTable_1909a_279 th,._donationTable_1909a_279 td{padding:15px;text-align:left;border-bottom:1px solid #eee}._donationTable_1909a_279 th{background-color:#f7f7f7;color:#53a22a;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.5px}._donationTable_1909a_279 tr:hover td{background-color:#53a22a0d}._donationTable_1909a_279 tr:last-child td{border-bottom:none}._noData_1909a_339{text-align:center;padding:30px;color:#888;font-style:italic}._searchContainer_1909a_355{display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:8px 12px;margin-right:16px;flex-grow:1}._searchIcon_1909a_375{color:#666;margin-right:8px}._searchInput_1909a_385{border:none;background:transparent;outline:none;width:100%;font-size:14px}._totalContainer_1909a_403{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:25px 50px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px}._totalIcon_1909a_427{color:#53a22a;font-size:24px}._totalLabel_1909a_437{font-weight:600;color:#555}._totalAmount_1909a_447{font-weight:700;color:#53a22a;font-size:18px}._placeholder_1909a_461{text-align:center;padding:50px 20px;color:#888;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;font-size:16px}@media (max-width: 768px){._container_1909a_3{padding:15px}._title_1909a_85{font-size:20px}._controls_1909a_101{flex-direction:column;align-items:stretch}._selectContainer_1909a_117{max-width:100%}._allButton_1909a_205{justify-content:center}._donationTable_1909a_279 th,._donationTable_1909a_279 td{padding:12px 10px;font-size:14px}._totalContainer_1909a_403{justify-content:center}}@media (max-width: 480px){._header_1909a_25{margin-bottom:20px}._title_1909a_85{font-size:18px}._donationTable_1909a_279 th,._donationTable_1909a_279 td{padding:10px 8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}._totalContainer_1909a_403{flex-direction:column;gap:5px;text-align:center}}@keyframes _fadeIn_1909a_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._tableContainer_1909a_263{animation:_fadeIn_1909a_1 .5s ease-out}._selectInput_1909a_149:hover{border-color:#53a22a}._allButton_1909a_205:hover ._allIcon_1909a_253{transform:scale(1.1);transition:transform .3s ease}._selectInput_1909a_149:focus,._allButton_1909a_205:focus{outline:none;box-shadow:0 0 0 3px #53a22a4d}._loading_1909a_669{display:inline-block;width:20px;height:20px;border:3px solid rgba(83,162,42,.3);border-radius:50%;border-top-color:#53a22a;animation:_spin_1909a_1 1s ease-in-out infinite}@keyframes _spin_1909a_1{to{transform:rotate(360deg)}}._pagination_1909a_703{display:flex;justify-content:center;margin:20px 0;gap:5px}._paginationButton_1909a_717{padding:8px 12px;margin:0 2px;border:1px solid #ddd;background-color:#fff;color:#53a22a;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:36px;text-align:center}._paginationButton_1909a_717:hover:not(:disabled){background-color:#f0f0f0}._paginationButton_1909a_717:disabled{color:#ccc;cursor:not-allowed}._paginationButton_1909a_717._active_1909a_241{background-color:#53a22a;color:#fff;border-color:#53a22a}@media (max-width: 480px){._pagination_1909a_703{flex-wrap:wrap}._paginationButton_1909a_717{padding:6px 10px;min-width:30px}}._container_j9qgs_3{padding:20px;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;min-height:100vh}._header_j9qgs_23{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:30px}._header_j9qgs_23 h1{color:#333;font-size:24px;margin:0}._backButton_j9qgs_51{display:flex;align-items:center;gap:5px;background-color:#53a22a;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s}._backButton_j9qgs_51:hover{background-color:#468c22}._filterBar_j9qgs_89{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;align-items:center}._searchBox_j9qgs_105{position:relative;flex:1;min-width:200px}._searchIcon_j9qgs_117{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#777}._searchBox_j9qgs_105 input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:5px;font-size:14px}._filterBar_j9qgs_89 input[type=date]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}._filterBar_j9qgs_89 button{padding:10px 15px;background-color:#fe860d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s}._filterBar_j9qgs_89 button:hover{background-color:#e67a0b}._cardContainer_j9qgs_195{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}._card_j9qgs_195{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;cursor:pointer;transition:transform .3s,box-shadow .3s;border-left:4px solid #53a22a}._card_j9qgs_195:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}._cardHeader_j9qgs_237{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}._cardHeader_j9qgs_237 h3{margin:0;color:#333;font-size:18px}._cardHeader_j9qgs_237 p{margin:5px 0 0;color:#777;font-size:14px}._score_j9qgs_275{background-color:#53a22a;color:#fff;padding:5px 10px;border-radius:20px;font-weight:700;font-size:14px}._cardContent_j9qgs_295{margin-top:15px;padding-top:15px;border-top:1px solid #eee}._category_j9qgs_307{margin-bottom:15px}._category_j9qgs_307 h4{margin:0 0 10px;color:#555;font-size:16px}._checkList_j9qgs_327{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}._checkItem_j9qgs_339{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #eee}._checkItem_j9qgs_339 span{font-size:14px;color:#555}._expandIcon_j9qgs_365{display:flex;justify-content:center;margin-top:10px;color:#777}._emptyState_j9qgs_381{grid-column:1 / -1;text-align:center;padding:40px;color:#777}@media (max-width: 768px){._filterBar_j9qgs_89{flex-direction:column;align-items:stretch}._searchBox_j9qgs_105{width:100%}._cardContainer_j9qgs_195{grid-template-columns:1fr}}@media (max-width: 480px){._header_j9qgs_23 h1{font-size:20px}._checkList_j9qgs_327{grid-template-columns:1fr}}._container_mqfsc_3{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#333;line-height:1.6}._header_mqfsc_23{display:flex;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}._backButton_mqfsc_39{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;color:#53a22a;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}._backButton_mqfsc_39:hover{background-color:#53a22a1a;transform:translate(-3px)}._title_mqfsc_77{margin-left:20px;font-size:1.8rem;font-weight:600;color:#333;flex:1}._formContainer_mqfsc_95{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;margin-bottom:30px}._formContainer_mqfsc_95 h2{margin-top:0;margin-bottom:20px;color:#444;font-size:1.4rem}._form_mqfsc_95{display:grid;grid-template-columns:1fr 1fr;gap:20px}._formGroup_mqfsc_137{margin-bottom:15px}._formGroup_mqfsc_137 label{display:block;margin-bottom:8px;font-weight:500;color:#555}._formGroup_mqfsc_137 input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}._formGroup_mqfsc_137 input:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}._submitButton_mqfsc_191{grid-column:1;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#53a22a;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}._submitButton_mqfsc_191:hover{background-color:#478c24}._cancelButton_mqfsc_231{grid-column:2;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f5f5f5;color:#555;border:1px solid #ddd;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}._cancelButton_mqfsc_231:hover{background-color:#eee}._listContainer_mqfsc_273{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}._listContainer_mqfsc_273 h2{margin-top:0;margin-bottom:20px;color:#444;font-size:1.4rem}._tableWrapper_mqfsc_303{overflow-x:auto}._table_mqfsc_303{width:100%;border-collapse:collapse;margin-bottom:20px}._table_mqfsc_303 th{background-color:#f8f9fa;color:#555;font-weight:600;text-align:left;padding:15px;border-bottom:2px solid #eaeaea}._table_mqfsc_303 td{padding:15px;border-bottom:1px solid #eee;vertical-align:middle}._table_mqfsc_303 tr:hover td{background-color:#f9f9f9}._actions_mqfsc_363{display:flex;gap:10px}._editButton_mqfsc_373,._deleteButton_mqfsc_373{background:none;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}._editButton_mqfsc_373{color:#fe860d;background-color:#fe860d1a}._editButton_mqfsc_373:hover{background-color:#fe860d33}._deleteButton_mqfsc_373{color:#f44336;background-color:#f443361a}._deleteButton_mqfsc_373:hover{background-color:#f4433633}._cardList_mqfsc_437{display:none}._card_mqfsc_437{border:1px solid #eee;border-radius:10px;padding:15px;margin-bottom:15px;transition:all .3s ease}._card_mqfsc_437:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}._cardHeader_mqfsc_471{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}._cardHeader_mqfsc_471 h3{margin:0;font-size:1.1rem;color:#333}._cardActions_mqfsc_497{display:flex;gap:8px}._cardBody_mqfsc_507 p{margin:0;color:#555}._cardBody_mqfsc_507 strong{color:#333}@media (max-width: 768px){._container_mqfsc_3{padding:15px}._header_mqfsc_23{margin-bottom:20px}._title_mqfsc_77{font-size:1.5rem;margin-left:15px}._form_mqfsc_95{grid-template-columns:1fr}._submitButton_mqfsc_191,._cancelButton_mqfsc_231{grid-column:auto}._tableWrapper_mqfsc_303{display:none}._cardList_mqfsc_437{display:block}}@media (max-width: 480px){._header_mqfsc_23{flex-direction:column;align-items:flex-start;gap:15px}._title_mqfsc_77{margin-left:0}._formContainer_mqfsc_95,._listContainer_mqfsc_273{padding:15px}._cardHeader_mqfsc_471{flex-direction:column;align-items:flex-start;gap:10px}._cardActions_mqfsc_497{align-self:flex-end}}._container_4yxl7_3{padding:20px;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._header_4yxl7_17{display:flex;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}._backButton_4yxl7_33{display:flex;align-items:center;gap:8px;padding:8px 15px;background-color:#53a22a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}._backButton_4yxl7_33:hover{background-color:#468c23}._title_4yxl7_69{color:#333;margin:0;font-size:28px}._programList_4yxl7_83{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}._programCard_4yxl7_97{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}._programHeader_4yxl7_111{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #eee;flex-wrap:wrap;gap:10px}._programTitle_4yxl7_133{margin:0;font-size:20px;color:#333}._programActions_4yxl7_145{display:flex;gap:8px;align-items:center}._tingkatanList_4yxl7_159{padding:15px;margin:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}._tingkatanItem_4yxl7_175{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f9f9f9;border-radius:5px;border-left:4px solid #fe860d}._tingkatanActions_4yxl7_195{display:flex;gap:5px}._emptyMessage_4yxl7_205{padding:10px;color:#777;font-style:italic;grid-column:1 / -1;text-align:center}._form_4yxl7_223{padding:15px;background-color:#f9f9f9;border-radius:5px;margin:10px 0}._formGroup_4yxl7_237{margin-bottom:10px}._formGroup_4yxl7_237 input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s}._formGroup_4yxl7_237 input:focus{border-color:#53a22a;outline:none}._formActions_4yxl7_273{display:flex;gap:10px;margin-top:10px}._programFormContainer_4yxl7_287{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-top:30px}._programFormContainer_4yxl7_287 h2{margin-top:0;margin-bottom:15px;font-size:20px;color:#333}._addButton_4yxl7_317{display:flex;align-items:center;gap:5px;padding:6px 12px;background-color:#fe860d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}._addButton_4yxl7_317:hover{background-color:#e67a0c}._editButton_4yxl7_353{padding:5px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}._editButton_4yxl7_353:hover{background-color:#0b7dda}._deleteButton_4yxl7_387{padding:5px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}._deleteButton_4yxl7_387:hover{background-color:#d32f2f}._saveButton_4yxl7_421{display:flex;align-items:center;gap:5px;padding:8px 15px;background-color:#53a22a;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}._saveButton_4yxl7_421:hover{background-color:#468c23}._cancelButton_4yxl7_457{display:flex;align-items:center;gap:5px;padding:8px 15px;background-color:#757575;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}._cancelButton_4yxl7_457:hover{background-color:#616161}@media (max-width: 768px){._programHeader_4yxl7_111{flex-direction:column;align-items:flex-start}._programActions_4yxl7_145{width:100%;justify-content:flex-end}._tingkatanList_4yxl7_159{grid-template-columns:1fr}}@media (max-width: 480px){._container_4yxl7_3{padding:15px}._formActions_4yxl7_273{flex-direction:column}._saveButton_4yxl7_421,._cancelButton_4yxl7_457{width:100%;justify-content:center}}._container_2eqo3_1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1.5rem;max-width:1200px;margin:0 auto;color:#333;min-height:100vh}._header_2eqo3_21{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}._title_2eqo3_35{color:#2c7d3f;font-size:1.8rem;font-weight:700;margin:0}._backButton_2eqo3_49{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#555;cursor:pointer;font-size:.95rem;padding:.5rem 0;transition:all .2s}._backButton_2eqo3_49:hover{color:#2c7d3f;transform:translate(-2px)}._filterBar_2eqo3_87{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000000d}._filterGroup_2eqo3_109{display:flex;flex-direction:column;gap:.5rem}._filterGroup_2eqo3_109 label{font-size:.9rem;color:#555;font-weight:500}._selectInput_2eqo3_133,._datePicker_2eqo3_135{padding:.7rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background-color:#fff;transition:all .2s}._selectInput_2eqo3_133{cursor:pointer}._selectInput_2eqo3_133:focus,._datePicker_2eqo3_135:focus{outline:none;border-color:#2c7d3f;box-shadow:0 0 0 2px #2c7d3f1a}._dateInput_2eqo3_175{position:relative;display:flex;align-items:center}._dateIcon_2eqo3_187{position:absolute;left:.7rem;color:#777;font-size:1.2rem!important}._datePicker_2eqo3_135{padding-left:2.5rem;width:100%}._resetButton_2eqo3_211{align-self:flex-end;padding:.7rem 1.2rem;background-color:#f0f0f0;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;grid-column:1 / -1;justify-self:start}._resetButton_2eqo3_211:hover{background-color:#e0e0e0}._loading_2eqo3_251,._error_2eqo3_253{padding:1.5rem;text-align:center;border-radius:8px;margin-bottom:2rem;font-weight:500}._loading_2eqo3_251{background-color:#f8f9fa;color:#555}._error_2eqo3_253{background-color:#fff0f0;color:#d32f2f}._totalSection_2eqo3_291{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}._totalCard_2eqo3_305{background-color:#2c7d3f;color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center}._totalCard_2eqo3_305 h3{margin:0 0 1rem;font-size:1.3rem;font-weight:500}._totalAmount_2eqo3_335{font-size:2rem;font-weight:700;margin:0}._kotaTotals_2eqo3_347{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000000d}._kotaTotals_2eqo3_347 h4{margin:0 0 1rem;font-size:1.1rem;color:#555;font-weight:500}._kotaList_2eqo3_375{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}._kotaItem_2eqo3_387{display:flex;justify-content:space-between;background-color:#f8f9fa;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}._kotaItem_2eqo3_387 span:last-child{font-weight:600;color:#2c7d3f}._sedekahList_2eqo3_417{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}._emptyMessage_2eqo3_431{grid-column:1 / -1;text-align:center;color:#888;padding:2rem;font-size:1.1rem}._card_2eqo3_447{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}._card_2eqo3_447:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001f}._cardHeader_2eqo3_477{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background-color:#f8f9fa;border-bottom:1px solid #eee}._cardHeader_2eqo3_477 h3{margin:0;font-size:1.15rem;color:#333;font-weight:600}._kotaBadge_2eqo3_509{background-color:#ff6b35;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}._cardBody_2eqo3_527{padding:1.2rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}._infoItem_2eqo3_543{display:flex;justify-content:space-between;align-items:center}._label_2eqo3_555{color:#666;font-size:.95rem}._amount_2eqo3_565{font-weight:700;color:#2c7d3f;font-size:1.05rem}._cardFooter_2eqo3_577{padding:1rem 1.2rem;border-top:1px solid #eee}._detailButton_2eqo3_587{display:inline-flex;align-items:center;gap:.5rem;background-color:#2c7d3f;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}._detailButton_2eqo3_587:hover{background-color:#236532}._modalOverlay_2eqo3_631{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}._modal_2eqo3_631{background-color:#fff;border-radius:12px;width:100%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 25px #00000026;animation:_modalFadeIn_2eqo3_1 .3s ease-out}@keyframes _modalFadeIn_2eqo3_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_2eqo3_703{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;position:sticky;top:0;background-color:#fff;z-index:10}._modalHeader_2eqo3_703 h2{margin:0;font-size:1.4rem;color:#333;font-weight:600}._closeButton_2eqo3_741{background:none;border:none;color:#888;cursor:pointer;font-size:1.8rem;padding:.25rem;transition:all .2s;display:flex;align-items:center}._closeButton_2eqo3_741:hover{color:#333;transform:rotate(90deg)}._modalContent_2eqo3_775{padding:1.5rem}._summary_2eqo3_783{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}._summary_2eqo3_783 p{margin:.75rem 0;font-size:1.05rem}._summary_2eqo3_783 strong{color:#555}._riwayatTable_2eqo3_813{display:flex;flex-direction:column;gap:.5rem}._tableHeader_2eqo3_825,._tableRow_2eqo3_827{display:flex;justify-content:space-between;padding:1rem}._tableHeader_2eqo3_825{background-color:#f8f9fa;font-weight:600;border-radius:8px;font-size:1.05rem}._tableRow_2eqo3_827{border-bottom:1px solid #eee;align-items:center}._tableRow_2eqo3_827:last-child{border-bottom:none}@media (max-width: 768px){._container_2eqo3_1{padding:1rem}._filterBar_2eqo3_87{grid-template-columns:1fr;gap:1rem}._sedekahList_2eqo3_417,._kotaList_2eqo3_375{grid-template-columns:1fr}._modalHeader_2eqo3_703 h2{font-size:1.2rem}}@media (max-width: 480px){._title_2eqo3_35{font-size:1.5rem}._totalCard_2eqo3_305{padding:1.2rem}._totalAmount_2eqo3_335{font-size:1.8rem}._cardHeader_2eqo3_477{flex-direction:column;align-items:flex-start;gap:.5rem}._modalContent_2eqo3_775{padding:1rem}._tableHeader_2eqo3_825,._tableRow_2eqo3_827{padding:.8rem;font-size:.95rem}}._container_1xcq4_3{font-family:Segoe UI,Roboto,sans-serif;padding:1rem;max-width:1200px;margin:0 auto;color:#333}._header_1xcq4_21{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #fe860d}._header_1xcq4_21 h1{color:#333;font-size:1.8rem;margin:1rem 0 .5rem}._backButton_1xcq4_47{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#53a22a;cursor:pointer;font-size:.9rem;padding:.5rem 0;transition:opacity .2s;margin-right:auto}._backButton_1xcq4_47:hover{opacity:.8}._filterBar_1xcq4_85{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;align-items:center}._searchBox_1xcq4_107{position:relative;flex-grow:1;min-width:200px}._searchIcon_1xcq4_119{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#888}._searchBox_1xcq4_107 input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}._searchBox_1xcq4_107 input:focus{outline:none;border-color:#53a22a}._filterBar_1xcq4_85 select,._filterBar_1xcq4_85 input[type=date]{padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:180px}._filterBar_1xcq4_85 select:focus,._filterBar_1xcq4_85 input[type=date]:focus{outline:none;border-color:#53a22a}._filterBar_1xcq4_85 button{padding:.75rem 1.5rem;background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:.9rem;transition:background-color .2s}._filterBar_1xcq4_85 button:hover{background-color:#e0e0e0}._cardContainer_1xcq4_223{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}._card_1xcq4_223{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease;cursor:pointer}._card_1xcq4_223:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}._cardHeader_1xcq4_267{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;position:relative}._cardHeader_1xcq4_267 h3{margin:0;font-size:1.1rem;color:#333}._cardHeader_1xcq4_267 p{margin:.25rem 0 0;font-size:.85rem;color:#666}._score_1xcq4_307{background-color:#53a22a;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}._cardContent_1xcq4_327{padding:0 1.25rem 1.25rem}._category_1xcq4_335{margin-bottom:1.25rem}._category_1xcq4_335 h4{margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #fe860d;color:#fe860d;font-size:.95rem}._checkList_1xcq4_359{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}._checkItem_1xcq4_371{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}._expandIcon_1xcq4_385{display:flex;justify-content:center;padding:.5rem;color:#888;border-top:1px solid #eee}._emptyState_1xcq4_403{grid-column:1 / -1;text-align:center;padding:2rem;color:#888}@media (max-width: 768px){._cardContainer_1xcq4_223{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}._filterBar_1xcq4_85{flex-direction:column;align-items:stretch}._searchBox_1xcq4_107{width:100%}}@media (max-width: 480px){._container_1xcq4_3{padding:.75rem}._header_1xcq4_21 h1{font-size:1.5rem}._cardContainer_1xcq4_223,._checkList_1xcq4_359{grid-template-columns:1fr}}._card_1xcq4_223._expanded_1xcq4_485{transform:translateY(0);box-shadow:0 4px 16px #0003}._pagination_1xcq4_497{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0}._pageButton_1xcq4_515{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}._pageButton_1xcq4_515:hover:not(:disabled){background-color:#f0f0f0;border-color:#53a22a}._pageButton_1xcq4_515:disabled{opacity:.5;cursor:not-allowed}._pageButton_1xcq4_515._active_1xcq4_561{background-color:#53a22a;color:#fff;border-color:#53a22a}._loading_1xcq4_575{text-align:center;padding:2rem;color:#666}@media (max-width: 768px){._pagination_1xcq4_497{gap:.25rem}._pageButton_1xcq4_515{width:2rem;height:2rem;font-size:.8rem}}._container_tpi0f_1{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._backButton_tpi0f_15{display:flex;align-items:center;gap:8px;background:none;border:none;color:#53a22a;font-size:16px;cursor:pointer;margin-bottom:30px;padding:8px 16px;border-radius:4px;transition:background-color .3s}._backButton_tpi0f_15:hover{background-color:#53a22a1a}._profileContainer_tpi0f_53{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px}._profileHeader_tpi0f_67{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}._profileImage_tpi0f_81{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #fe860d;margin-bottom:20px}._profileName_tpi0f_99{color:#333;font-size:24px;margin:0}._profileDetails_tpi0f_111{margin-bottom:30px}._detailRow_tpi0f_119{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}._detailItem_tpi0f_133{flex:1;min-width:250px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d}._detailLabel_tpi0f_151{display:flex;align-items:center;gap:8px;color:#555;font-size:14px;margin-bottom:5px}._detailValue_tpi0f_169{color:#333;font-size:16px;font-weight:500}._icon_tpi0f_181{color:#fe860d;font-size:18px!important}._sectionTitle_tpi0f_191{color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #53a22a}._documentGrid_tpi0f_207{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}._documentItem_tpi0f_221{background-color:#f9f9f9;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:10px}._documentLabel_tpi0f_239{color:#555;font-size:14px}._documentLink_tpi0f_249{color:#53a22a;text-decoration:none;font-weight:500;display:inline-block;padding:8px 15px;background-color:#53a22a1a;border-radius:4px;transition:background-color .3s}._documentLink_tpi0f_249:hover{background-color:#53a22a33}._actionButtons_tpi0f_279{display:flex;justify-content:center;gap:20px;margin-top:30px}._editButton_tpi0f_293{background-color:#fe860d;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}._editButton_tpi0f_293:hover{background-color:#e6780b}@media (max-width: 768px){._detailRow_tpi0f_119{flex-direction:column}._documentGrid_tpi0f_207{grid-template-columns:1fr}._profileContainer_tpi0f_53{padding:20px 15px}}._container_1o7g0_1{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}._backButton_1o7g0_17{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#53a22a;font-size:16px;cursor:pointer;margin-bottom:30px;padding:10px 16px;border-radius:6px;transition:all .3s ease}._backButton_1o7g0_17:hover{background-color:#53a22a1a}._backIcon_1o7g0_55{font-size:20px}._editContainer_1o7g0_63{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}._title_1o7g0_77{color:#333;font-size:24px;font-weight:600;margin-top:0;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #fe860d}._form_1o7g0_97{display:flex;flex-direction:column}._formGrid_1o7g0_107{display:flex;flex-wrap:wrap;gap:40px}._formColumn_1o7g0_119{flex:1;min-width:300px}._formGroup_1o7g0_129{margin-bottom:25px}._label_1o7g0_137{display:flex;align-items:center;gap:8px;color:#555;font-size:16px;font-weight:500;margin-bottom:10px}._icon_1o7g0_157{color:#fe860d;font-size:20px!important}._input_1o7g0_167{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fafafa}._input_1o7g0_167:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a1a;background-color:#fff}._input_1o7g0_167:disabled{background-color:#f5f5f5;color:#777}._fileUploadContainer_1o7g0_211{display:flex;flex-direction:column;gap:15px}._imagePreviewContainer_1o7g0_223{position:relative;width:fit-content}._imagePreview_1o7g0_223{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #fe860d;box-shadow:0 4px 12px #0000001a}._removeImageButton_1o7g0_251{position:absolute;top:8px;right:8px;background-color:#f44;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}._removeImageButton_1o7g0_251:hover{background-color:#c00;transform:scale(1.1)}._documentPreviewContainer_1o7g0_295{position:relative;width:100%;height:180px;border:2px dashed #ddd;border-radius:8px;overflow:hidden;background-color:#fafafa}._documentPreview_1o7g0_295{width:100%;height:100%;object-fit:contain;padding:10px}._removeDocumentButton_1o7g0_329{position:absolute;top:8px;right:8px;background-color:#f44;color:#fff;border:none;border-radius:4px;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}._removeDocumentButton_1o7g0_329:hover{background-color:#c00}._documentPlaceholder_1o7g0_369{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:180px;border:2px dashed #ddd;border-radius:8px;background-color:#fafafa;color:#888;gap:10px}._documentIcon_1o7g0_397{font-size:40px!important;color:#bbb}._fileUploadWrapper_1o7g0_407{display:flex;flex-direction:column;gap:8px}._fileUploadButton_1o7g0_419{display:inline-flex;align-items:center;gap:8px;background-color:#53a22a;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;width:fit-content;font-weight:500}._fileUploadButton_1o7g0_419:hover{background-color:#478c23;transform:translateY(-2px)}._uploadIcon_1o7g0_457{color:#fff}._fileInput_1o7g0_465{display:none}._fileName_1o7g0_473{display:flex;align-items:center;gap:8px;color:#555;font-size:14px;padding:8px 12px;background-color:#f5f5f5;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileIcon_1o7g0_503{color:#53a22a;font-size:18px!important}._submitButtonContainer_1o7g0_513{display:flex;justify-content:center;margin-top:40px}._submitButton_1o7g0_513{display:flex;align-items:center;gap:10px;background-color:#fe860d;color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #fe860d33}._submitButton_1o7g0_513:hover{background-color:#e6780c;transform:translateY(-2px);box-shadow:0 6px 16px #fe860d4d}._saveIcon_1o7g0_569{color:#fff}@media (max-width: 768px){._formGrid_1o7g0_107{flex-direction:column;gap:20px}._formColumn_1o7g0_119{min-width:100%}._editContainer_1o7g0_63{padding:20px 15px}._imagePreview_1o7g0_223{width:120px;height:120px}._documentPreviewContainer_1o7g0_295,._documentPlaceholder_1o7g0_369{height:150px}}@media (max-width: 480px){._title_1o7g0_77{font-size:20px}._label_1o7g0_137{font-size:15px}._input_1o7g0_167{padding:10px 12px;font-size:15px}._submitButton_1o7g0_513{padding:12px 30px;font-size:15px}}._container_15no8_1{padding:2rem 1rem}._header_15no8_9{display:flex;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._backButton_15no8_25{color:#53a22a;border:1px solid #53a22a;text-transform:none;padding:.5rem 1rem}._backButton_15no8_25:hover{background-color:#53a22a1a}._title_15no8_47{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333}._titleIcon_15no8_63{color:#53a22a}._divider_15no8_71{margin:1.5rem 0;background-color:#0000001a}._emptyState_15no8_81{text-align:center;padding:2rem;color:#666}._tableContainer_15no8_93{margin-top:1rem;box-shadow:0 2px 4px #0000001a;border-radius:8px;overflow:hidden}._tableHead_15no8_107{background-color:#f5f5f5}._headerCell_15no8_115{font-weight:600;color:#333}._tableRow_15no8_125{transition:background-color .2s ease}._tableRow_15no8_125:hover{background-color:#00000005}._priorityRow_15no8_141{border-left:3px solid #fe860d}._judulCell_15no8_149{display:flex;align-items:center;gap:.5rem}._priorityIcon_15no8_161{font-size:1rem}._messageCell_15no8_169{max-width:300px;white-space:normal;word-wrap:break-word}._deleteButton_15no8_181{color:#f44336;padding:.5rem}._deleteButton_15no8_181:hover{background-color:#f443361a}@media (max-width: 900px){._header_15no8_9{flex-direction:column;align-items:flex-start}._title_15no8_47{font-size:1.5rem}._tableContainer_15no8_93{overflow-x:auto}._messageCell_15no8_169{max-width:200px}}@media (max-width: 600px){._container_15no8_1{padding:1rem .5rem}._messageCell_15no8_169{max-width:150px}}._pagination_15no8_261{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem;background-color:#fff;border-radius:0 0 8px 8px}._pageButton_15no8_283{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}._pageButton_15no8_283:hover:not(:disabled){background-color:#f5f5f5}._pageButton_15no8_283:disabled{opacity:.5;cursor:not-allowed}._pageInfo_15no8_327{font-size:.875rem;color:#666}._container_wqsaw_1{padding:20px;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._title_wqsaw_15{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:28px}._backButton_wqsaw_29{background-color:#f8f9fa;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;margin-bottom:20px;transition:all .3s ease}._backButton_wqsaw_29:hover{background-color:#e9ecef}._statisticsContainer_wqsaw_59{display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}._statCard_wqsaw_75{flex:1;min-width:200px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;text-align:center}._statValue_wqsaw_95{font-size:36px;font-weight:700;margin-bottom:10px}._statLabel_wqsaw_107{font-size:16px;color:#6c757d}._filterContainer_wqsaw_121{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;align-items:end}._filterGroup_wqsaw_145{display:flex;flex-direction:column;gap:.5rem}._filterGroup_wqsaw_145 label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#495057;font-size:.85rem;margin-bottom:.25rem}._filterIcon_wqsaw_177{font-size:1rem!important;color:#4e73df}._inputText_wqsaw_187,._select_wqsaw_189{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#fff;transition:all .3s ease;width:100%}._inputText_wqsaw_187:focus,._select_wqsaw_189:focus{outline:none;border-color:#4e73df;box-shadow:0 0 0 3px #4e73df1a}._inputText_wqsaw_187:hover,._select_wqsaw_189:hover{border-color:#adb5bd}._select_wqsaw_189{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%236c757d' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:.65rem;cursor:pointer}._refreshButton_wqsaw_251{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content;white-space:nowrap}._refreshButton_wqsaw_251:hover{background:#5a6268;transform:translateY(-1px)}._refreshButton_wqsaw_251:active{transform:translateY(0)}@media (max-width: 1200px){._filterContainer_wqsaw_121{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){._filterContainer_wqsaw_121{grid-template-columns:1fr;gap:1rem;padding:1rem}._refreshButton_wqsaw_251{width:100%;margin-top:.5rem}}@media (max-width: 480px){._filterContainer_wqsaw_121{padding:.75rem}._inputText_wqsaw_187,._select_wqsaw_189{padding:.625rem .75rem;font-size:.85rem}._refreshButton_wqsaw_251{padding:.625rem 1rem;font-size:.85rem}}._select_wqsaw_189:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}._inputText_wqsaw_187:focus-visible,._select_wqsaw_189:focus-visible{outline:2px solid #4e73df;outline-offset:2px}._inputText_wqsaw_187::placeholder{color:#6c757d;opacity:.7}._filterContainer_wqsaw_121._compact_wqsaw_413{padding:1rem;gap:.75rem}._filterContainer_wqsaw_121._compact_wqsaw_413 ._inputText_wqsaw_187,._filterContainer_wqsaw_121._compact_wqsaw_413 ._select_wqsaw_189{padding:.625rem .75rem;font-size:.85rem}._filterContainer_wqsaw_121._compact_wqsaw_413 ._refreshButton_wqsaw_251{padding:.625rem 1rem;font-size:.85rem}@media (min-width: 769px) and (max-width: 1024px){._filterContainer_wqsaw_121._medium_wqsaw_449{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){._filterContainer_wqsaw_121._large_wqsaw_463{grid-template-columns:repeat(3,1fr)}}._filterGroup_wqsaw_145:first-child{grid-column:1 / -1}._filterGroup_wqsaw_145:first-child ._inputText_wqsaw_187{max-width:400px}._refreshButton_wqsaw_251{box-shadow:0 2px 4px #0000001a}._refreshButton_wqsaw_251:hover{box-shadow:0 4px 8px #00000026}._filterGroup_wqsaw_145{transition:transform .2s ease}._filterGroup_wqsaw_145:focus-within{transform:translateY(-1px)}._loading_wqsaw_527{text-align:center;padding:20px;font-style:italic;color:#6c757d}._tableContainer_wqsaw_543{overflow-x:auto;box-shadow:0 0 10px #0000000d;border-radius:8px;margin-top:20px}._dataTable_wqsaw_557{width:100%;border-collapse:collapse;font-size:14px}._dataTable_wqsaw_557 thead{background-color:#28a745;color:#fff}._dataTable_wqsaw_557 th{padding:12px 15px;text-align:left}._dataTable_wqsaw_557 td{padding:10px 15px;border-bottom:1px solid #e9ecef}._dataTable_wqsaw_557 tbody tr:nth-child(2n){background-color:#f8f9fa}._dataTable_wqsaw_557 tbody tr:hover{background-color:#e9ecef}._noData_wqsaw_615{text-align:center;padding:20px;color:#6c757d;font-style:italic}._statusBadge_wqsaw_631{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block;min-width:60px;text-align:center}._statusHadir_wqsaw_651{background-color:#d4edda;color:#155724}._statusSakit_wqsaw_661{background-color:#fff3cd;color:#856404}._statusIzin_wqsaw_671{background-color:#d1ecf1;color:#0c5460}._statusAlpa_wqsaw_681{background-color:#f8d7da;color:#721c24}._actionButtons_wqsaw_693{display:flex;gap:8px}._editButton_wqsaw_703{padding:5px 10px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}._editButton_wqsaw_703:hover{background-color:#138496}._deleteButton_wqsaw_733{padding:5px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}._deleteButton_wqsaw_733:hover{background-color:#c82333}._modalOverlay_wqsaw_765{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_wqsaw_791{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a}._modalContent_wqsaw_791 h3{margin-top:0;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px}._modalBody_wqsaw_823,._formGroup_wqsaw_831{margin:15px 0}._formGroup_wqsaw_831 label{display:block;margin-bottom:5px;font-weight:500}._modalSelect_wqsaw_851{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}._modalFooter_wqsaw_867{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}._modalCancel_wqsaw_881{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}._modalCancel_wqsaw_881:hover{background-color:#5a6268}._modalConfirm_wqsaw_907{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}._modalConfirm_wqsaw_907:hover{background-color:#218838}._pagination_wqsaw_935{display:flex;justify-content:center;margin-top:20px;gap:5px}._pageButton_wqsaw_949{padding:8px 12px;border:1px solid #ddd;background-color:#fff;color:#28a745;cursor:pointer;border-radius:4px;transition:all .3s}._pageButton_wqsaw_949:hover:not(:disabled){background-color:#e9ecef}._pageButton_wqsaw_949:disabled{opacity:.5;cursor:not-allowed}._pageButton_wqsaw_949._active_wqsaw_987{background-color:#28a745;color:#fff;border-color:#28a745}._summary_wqsaw_999{text-align:center;margin-top:15px;color:#6c757d;font-size:14px}@media (max-width: 768px){._statisticsContainer_wqsaw_59{flex-direction:column}._statCard_wqsaw_75{width:100%}._filterContainer_wqsaw_121{flex-direction:column;align-items:stretch}._filterGroup_wqsaw_145{min-width:auto}._refreshButton_wqsaw_251{width:100%;margin-top:10px}._actionButtons_wqsaw_693{flex-direction:column;gap:5px}._editButton_wqsaw_703,._deleteButton_wqsaw_733{width:100%}}