._container_1vci0_5{--primary: #53a22a;--primary-dark: #3e7f1f;--accent: #fe860d;--text-main: #1f2937;--text-muted: #6b7280;--line: #e5e7eb;--danger: #dc2626;position:relative;isolation:isolate;min-height:100dvh;background:radial-gradient(circle at 8% 12%,rgba(83,162,42,.2),transparent 38%),radial-gradient(circle at 92% 84%,rgba(254,134,13,.24),transparent 42%),linear-gradient(160deg,#f7faf8,#fff8ef 45%,#f8fafc);display:flex;align-items:center;justify-content:center;padding:clamp(.875rem,2.2vw,2rem);overflow:hidden}._container_1vci0_5:before,._container_1vci0_5:after{content:"";position:absolute;border-radius:999px;filter:blur(14px);z-index:-1}._container_1vci0_5:before{width:min(28rem,60vw);height:min(28rem,60vw);top:-18%;right:-12%;background:#53a22a2e}._container_1vci0_5:after{width:min(24rem,54vw);height:min(24rem,54vw);left:-10%;bottom:-14%;background:#fe860d24}._card_1vci0_101{width:100%;max-width:29rem;border-radius:1.35rem;overflow:hidden;background:#ffffffe6;border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 45px -26px #0f172a73,0 16px 30px -22px #53a22a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .22s ease,box-shadow .22s ease}._card_1vci0_101:hover{transform:translateY(-2px);box-shadow:0 30px 56px -28px #0f172a7a,0 18px 36px -24px #53a22a70}._header_1vci0_143{position:relative;text-align:center;color:#fff;padding:clamp(1.35rem,3vw,2.2rem);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}._header_1vci0_143:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#fff3,#fff,#fff3)}._logo_1vci0_175{margin:0 0 .35rem;font-size:clamp(1.35rem,3.6vw,1.95rem);font-weight:750;letter-spacing:.01em}._subtitle_1vci0_189{margin:0;color:#fffffff2;font-size:clamp(.84rem,2vw,.95rem);font-weight:500}._form_1vci0_203{padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(.95rem,2vw,1.25rem)}._form_1vci0_203>._error_1vci0_217{margin-top:0;padding:.7rem .85rem;border-radius:.7rem;border:1px solid rgba(220,38,38,.25);background:#fef2f2e6}._inputGroup_1vci0_233{display:flex;flex-direction:column;gap:.45rem}._label_1vci0_245{font-size:.88rem;font-weight:640;color:var(--text-main)}._inputWrapper_1vci0_257{position:relative}._input_1vci0_233{width:100%;min-height:2.9rem;border:1.6px solid var(--line);border-radius:.8rem;background:#fff;color:var(--text-main);font-size:.96rem;line-height:1.25;padding:.78rem 2.95rem .78rem 2.85rem;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}._input_1vci0_233::placeholder{color:#9ca3af}._input_1vci0_233:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #53a22a1f}._inputWrapper_1vci0_257:focus-within ._inputIcon_1vci0_311,._inputWrapper_1vci0_257:focus-within ._eyeIcon_1vci0_313{color:var(--primary-dark)}._inputError_1vci0_321{border-color:var(--danger)}._inputError_1vci0_321:focus{border-color:var(--danger);box-shadow:0 0 0 4px #dc26261c}._inputIcon_1vci0_311,._eyeIcon_1vci0_313{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted);width:1.06rem;height:1.06rem;transition:color .18s ease}._inputIcon_1vci0_311{left:.95rem}._eyeIcon_1vci0_313{right:.95rem;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;padding:.2rem}._eyeIcon_1vci0_313:hover{color:#4b5563}._button_1vci0_399{width:100%;min-height:2.95rem;border:none;border-radius:.85rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-size:1rem;font-weight:650;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;box-shadow:0 10px 22px -12px #3e7f1fb3;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}._button_1vci0_399:hover{transform:translateY(-1px);filter:saturate(1.06) brightness(1.02);box-shadow:0 14px 24px -12px #3e7f1fad}._button_1vci0_399:active{transform:translateY(0)}._button_1vci0_399:disabled,._buttonLoading_1vci0_459{opacity:.72;cursor:not-allowed;transform:none;filter:none;box-shadow:0 10px 20px -14px #1118278c}._buttonIcon_1vci0_475{width:1.05rem;height:1.05rem}._spinner_1vci0_485{width:1.05rem;height:1.05rem;border-radius:50%;border:2px solid rgba(255,255,255,.33);border-top-color:#fff;animation:_spin_1vci0_485 .85s linear infinite}._error_1vci0_217{margin:.12rem 0 0;color:var(--danger);font-size:.8rem;font-weight:560}._forgotPassword_1vci0_517{text-align:center;margin-top:.2rem}._forgotLink_1vci0_527{color:var(--primary);font-size:.85rem;font-weight:520;text-decoration:none;transition:color .18s ease}._forgotLink_1vci0_527:hover{color:var(--accent)}._footer_1vci0_551{margin-top:.25rem;text-align:center;color:var(--text-muted);font-size:.84rem}._footerLink_1vci0_565{color:var(--primary);font-weight:620;text-decoration:none;transition:color .18s ease}._footerLink_1vci0_565:hover{color:var(--accent)}@keyframes _spin_1vci0_485{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){._card_1vci0_101{max-width:27.5rem}}@media (max-width: 768px){._container_1vci0_5{align-items:center;padding:.85rem}._card_1vci0_101{max-width:100%;border-radius:1.1rem}._input_1vci0_233{font-size:.93rem}}@media (max-width: 480px){._container_1vci0_5{padding:.65rem}._header_1vci0_143{padding:1.15rem 1rem}._form_1vci0_203{padding:.9rem;gap:.9rem}._input_1vci0_233{min-height:2.72rem;padding:.7rem 2.72rem .7rem 2.55rem}._button_1vci0_399{min-height:2.78rem;font-size:.95rem}}@media (max-width: 360px){._container_1vci0_5{padding:.45rem}._logo_1vci0_175{font-size:1.2rem}._subtitle_1vci0_189{font-size:.78rem}._label_1vci0_245{font-size:.82rem}._input_1vci0_233{font-size:.88rem;padding-left:2.36rem;padding-right:2.46rem}._inputIcon_1vci0_311,._eyeIcon_1vci0_313{width:.98rem;height:.98rem}._inputIcon_1vci0_311{left:.82rem}._eyeIcon_1vci0_313{right:.82rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}._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}}:root{--primary: #53a22a;--primary-dark: #3f7f20;--secondary: #fe860d;--success: #16a34a;--warning: #ea8d2c;--info: #1d72d8;--light: #f8fafc;--dark: #1f2937;--gray: #64748b;--gray-light: #e2e8f0;--gray-lighter: #f1f5f9;--white: #ffffff;--shadow: 0 12px 28px -20px rgba(15, 23, 42, .6);--shadow-lg: 0 22px 40px -30px rgba(15, 23, 42, .75);--border-radius: 14px;--border-radius-sm: 10px;--transition: .22s ease}*{margin:0;padding:0;box-sizing:border-box}._guruDashboard_c1ipy_29{display:flex;min-height:100dvh;background:radial-gradient(circle at 8% 8%,rgba(83,162,42,.13),transparent 30%),radial-gradient(circle at 90% 90%,rgba(254,134,13,.16),transparent 32%),#f8fafd;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._sidebar_c1ipy_44{width:280px;background:linear-gradient(180deg,#4e9c28,#fd8f1e);color:var(--white);transition:transform var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);z-index:1000}._sidebarOpen_c1ipy_55{transform:translate(0)}._sidebarHeader_c1ipy_59{padding:1.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.18);text-align:center}._sidebarLogo_c1ipy_65{height:58px;width:auto;border-radius:.75rem;object-fit:contain;box-shadow:0 8px 18px -12px #0f172acc}._sidebarNav_c1ipy_73{flex:1;display:flex;flex-direction:column;padding:.8rem 0;overflow-y:auto}._sidebarNavGroup_c1ipy_81{margin-bottom:.4rem}._sidebarNavGroupFooter_c1ipy_85{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:.5rem}._sidebarNavItem_c1ipy_91{display:flex;align-items:center;padding:.78rem 1rem;color:#ffffffeb;text-decoration:none;transition:background-color var(--transition),color var(--transition);border-left:4px solid transparent}._sidebarNavItem_c1ipy_91:hover{background:#ffffff24;color:var(--white);border-left-color:#fff6}._sidebarNavItemActive_c1ipy_107{background:#fff3;color:var(--white);border-left-color:var(--white);font-weight:600}._sidebarNavIcon_c1ipy_114{margin-right:.65rem;display:flex;align-items:center;justify-content:center;width:20px}._sidebarNavIcon_c1ipy_114 svg{font-size:1.16rem}._sidebarNavLabel_c1ipy_126{font-size:.88rem;font-weight:520;line-height:1.2}._mainContent_c1ipy_133{flex:1;padding:clamp(.8rem,2vw,1.35rem);transition:padding var(--transition);overflow-x:hidden}._mainContentFull_c1ipy_140{margin-left:0!important}._menuToggle_c1ipy_145{position:fixed;top:.75rem;left:.75rem;z-index:1100;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);border:none;border-radius:.8rem;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform var(--transition),filter var(--transition)}._menuToggle_c1ipy_145:hover{transform:translateY(-1px);filter:brightness(1.03)}._menuToggle_c1ipy_145 svg{font-size:1.3rem}._dashboardContent_c1ipy_174{max-width:1240px;margin:0 auto}._dashboardHeader_c1ipy_179{margin-bottom:1rem;background:#ffffffeb;border:1px solid #e9eef5;border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow)}._dashboardTitle_c1ipy_188{font-size:clamp(1.25rem,2.8vw,1.9rem);font-weight:720;color:var(--dark);line-height:1.2;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._dashboardUser_c1ipy_199{color:var(--primary);-webkit-text-fill-color:var(--primary)}._dashboardCards_c1ipy_205{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem;margin-bottom:1rem}._dashboardCard_c1ipy_205{background:#fffffff2;border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid #e9eef5}._dashboardCard_c1ipy_205:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}._dashboardCard--primary_c1ipy_226{border-top:4px solid var(--primary)}._dashboardCard--warning_c1ipy_230{border-top:4px solid var(--warning)}._dashboardCard--success_c1ipy_234{border-top:4px solid var(--success)}._dashboardCard--info_c1ipy_238{border-top:4px solid var(--info)}._cardContent_c1ipy_242{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}._dashboardCardTitle_c1ipy_249{font-size:.76rem;color:var(--gray);font-weight:650;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}._dashboardCardValue_c1ipy_258{font-size:clamp(1.2rem,2.6vw,1.85rem);font-weight:740;color:var(--dark);line-height:1.15;word-break:break-word}._cardIcon_c1ipy_266{border-radius:.75rem;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}._cardIcon_c1ipy_266 svg{font-size:1.35rem}._dashboardCard--primary_c1ipy_226 ._cardIcon_c1ipy_266{background:#53a22a1f;color:var(--primary-dark)}._dashboardCard--warning_c1ipy_230 ._cardIcon_c1ipy_266{background:#ea8d2c21;color:#c56a13}._dashboardCard--success_c1ipy_234 ._cardIcon_c1ipy_266{background:#16a34a21;color:#15803d}._dashboardCard--info_c1ipy_238 ._cardIcon_c1ipy_266{background:#1d72d821;color:#1e4fae}._dashboardSection_c1ipy_301{background:#fffffff5;border-radius:var(--border-radius);padding:clamp(.85rem,2.2vw,1.4rem);border:1px solid #e9eef5;box-shadow:var(--shadow);margin-bottom:1rem}._sectionTitle_c1ipy_310{font-size:clamp(1rem,2.2vw,1.25rem);font-weight:700;color:var(--dark);margin-bottom:.95rem;padding-bottom:.65rem;border-bottom:1px solid var(--gray-light)}._tableContainer_c1ipy_320{background:var(--white);border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid #edf1f5}._tableWrapper_c1ipy_327{box-shadow:none!important;border-radius:var(--border-radius-sm)!important}._scheduleTable_c1ipy_332{min-width:560px}._scheduleTableHeader_c1ipy_336{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important}._scheduleTableHeader_c1ipy_336 th{color:var(--white)!important;font-weight:640!important;font-size:.84rem!important;padding:.78rem!important;border-bottom:none!important}._scheduleTableBody_c1ipy_348{background:var(--white)}._scheduleTableRow_c1ipy_352{transition:background-color var(--transition)}._scheduleTableRow_c1ipy_352:hover{background-color:var(--gray-lighter)!important}._scheduleTableRow_c1ipy_352 td{padding:.78rem!important;color:#334155;font-size:.85rem;border-bottom:1px solid #edf1f5!important}._pagination_c1ipy_368{display:flex;justify-content:center;padding:.8rem;background:#f8fafc;border-top:1px solid #edf1f5}@media (max-width: 1024px){._sidebar_c1ipy_44{width:256px}._dashboardCards_c1ipy_205{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){._guruDashboard_c1ipy_29{flex-direction:column}._sidebar_c1ipy_44{position:fixed;left:0;top:0;height:100dvh;transform:translate(-100%);width:min(82vw,290px)}._sidebarOpen_c1ipy_55{transform:translate(0)}._mainContent_c1ipy_133{padding:3.65rem .75rem .8rem;margin-left:0!important}._dashboardCards_c1ipy_205{grid-template-columns:1fr 1fr}._tableContainer_c1ipy_320{margin:0 -.75rem;border-left:0;border-right:0;border-radius:0}}@media (max-width: 560px){._dashboardCards_c1ipy_205{grid-template-columns:1fr}._dashboardCard_c1ipy_205{padding:.88rem}._dashboardCardValue_c1ipy_258{font-size:1.35rem}._dashboardSection_c1ipy_301{padding:.8rem}}@media (max-width: 420px){._mainContent_c1ipy_133{padding:3.35rem .55rem .65rem}._menuToggle_c1ipy_145{width:2.35rem;height:2.35rem;top:.6rem;left:.6rem}._dashboardCardTitle_c1ipy_249{font-size:.72rem}}._sidebarNav_c1ipy_73::-webkit-scrollbar{width:6px}._sidebarNav_c1ipy_73::-webkit-scrollbar-track{background:#ffffff1f;border-radius:3px}._sidebarNav_c1ipy_73::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}._sidebarNav_c1ipy_73::-webkit-scrollbar-thumb:hover{background:#ffffff7a}._scheduleTable_c1ipy_332 ._MuiTableRow-root_c1ipy_477:hover{background-color:var(--gray-lighter)!important}._scheduleTable_c1ipy_332 ._MuiTableCell-root_c1ipy_481{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}._pagination_c1ipy_368 ._MuiPaginationItem-root_c1ipy_485{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-weight:600}._pagination_c1ipy_368 ._MuiPaginationItem-page_c1ipy_490._Mui-selected_c1ipy_490{background:var(--primary)!important;color:var(--white)!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._sidebarNavItem_c1ipy_91:focus-visible,._menuToggle_c1ipy_145:focus-visible{outline:2px solid var(--white);outline-offset:2px}._adminDashboard_7vv65_2{--primary: #53a22a;--primary-dark: #3f7f20;--accent: #fe860d;--text-main: #1f2937;--text-muted: #6b7280;--line: #e5e7eb;font-family:Poppins,Roboto,sans-serif;display:flex;min-height:100dvh;background:radial-gradient(circle at 90% 8%,rgba(83,162,42,.1),transparent 32%),radial-gradient(circle at 10% 95%,rgba(254,134,13,.11),transparent 35%),#f7f9fc;color:var(--text-main)}._sidebar_7vv65_21{width:280px;background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid #edf1f5;box-shadow:8px 0 24px -20px #0f172a59;display:flex;flex-direction:column;transition:transform .22s ease;z-index:100;position:fixed;height:100dvh;transform:translate(-100%)}._sidebarOpen_7vv65_36{transform:translate(0)}._sidebarHeader_7vv65_40{padding:1.2rem 1rem 1rem;border-bottom:1px solid #edf1f5;text-align:center}._sidebarLogo_7vv65_46{max-width:62px;height:auto;border-radius:.8rem;box-shadow:0 8px 18px -12px #0f172a99}._sidebarTitle_7vv65_53{font-size:1.05rem;font-weight:700;margin:.85rem 0 0;color:var(--primary);letter-spacing:.02em}._sidebarNav_7vv65_61{flex:1;display:flex;flex-direction:column;padding:.85rem 0;overflow-y:auto}._navList_7vv65_69{list-style:none;padding:0;margin:0}._navItem_7vv65_75{margin:.2rem 0}._navButton_7vv65_79{width:100%;padding:.68rem 1rem;border:none;background:transparent;display:flex;align-items:center;gap:.78rem;cursor:pointer;transition:background-color .18s ease,color .18s ease;font-size:.91rem;color:#4b5563;position:relative}._navButton_7vv65_79:hover{background:#53a22a17;color:var(--primary-dark)}._navButtonActive_7vv65_99{background:linear-gradient(90deg,#53a22a29,#53a22a0f);color:var(--primary-dark);font-weight:600}._navIcon_7vv65_109{font-size:1.1rem;width:1.35rem;display:flex;justify-content:center}._navLabel_7vv65_116{flex:1;text-align:left}._navChevron_7vv65_121{margin-left:auto;color:var(--primary);font-size:1.15rem!important}._sidebarFooter_7vv65_127{padding:.75rem 0;border-top:1px solid #edf1f5}._logoutButton_7vv65_132{width:100%;padding:.68rem 1rem;border:none;background:transparent;display:flex;align-items:center;gap:.78rem;cursor:pointer;transition:background-color .18s ease,color .18s ease;font-size:.91rem;color:#4b5563}._logoutButton_7vv65_132:hover{background:#ef444414;color:#dc2626}._logoutIcon_7vv65_151{font-size:1.1rem!important}._mainContent_7vv65_156{flex:1;padding:clamp(.85rem,2vw,1.6rem);margin-left:280px;transition:margin-left .22s ease}._mainContentFull_7vv65_163{margin-left:0}._menuToggle_7vv65_167{position:fixed;top:.75rem;left:.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:.8rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 10px 20px -12px #0f172ab3;cursor:pointer;transition:transform .18s ease,filter .18s ease}._menuToggle_7vv65_167:hover{filter:brightness(1.02);transform:translateY(-1px)}._dashboardHeader_7vv65_191{background:#fffffff0;border:1px solid #edf1f5;border-radius:1rem;padding:clamp(.95rem,2vw,1.25rem);margin-bottom:1.15rem;box-shadow:0 16px 30px -26px #0f172a8c}._headerContent_7vv65_200{display:flex;justify-content:space-between;align-items:center;gap:.85rem}._pageTitle_7vv65_207{margin:0;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700;color:var(--text-main)}._userInfo_7vv65_214{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .72rem;border-radius:999px;border:1px solid #e8edf2;background:#fff}._userName_7vv65_224{font-size:.87rem;font-weight:650;color:var(--primary-dark)}._contentArea_7vv65_230{border-radius:1rem;padding:0}._dashboardContent_7vv65_236{display:flex;flex-direction:column;gap:1.15rem}._statsRow_7vv65_242{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}._statCard_7vv65_248{background:#fff;border-radius:.95rem;padding:1rem;border:1px solid #edf1f5;box-shadow:0 14px 26px -22px #0f172a80;display:flex;justify-content:space-between;gap:.7rem;border-left:4px solid #ddd;transition:transform .18s ease,box-shadow .18s ease}._statCard_7vv65_248:hover{transform:translateY(-2px);box-shadow:0 18px 32px -22px #0f172a99}._statCard--primary_7vv65_266{border-left-color:var(--primary)}._statCard--secondary_7vv65_270{border-left-color:#2563eb}._statCard--success_7vv65_274{border-left-color:#16a34a}._statCard--warning_7vv65_278{border-left-color:var(--accent)}._statCardContent_7vv65_282{flex:1;min-width:0}._statCardTitle_7vv65_287{font-size:.83rem;font-weight:560;color:var(--text-muted);margin:0 0 .3rem}._statCardValue_7vv65_294{font-size:clamp(1.05rem,2.2vw,1.48rem);font-weight:720;margin:0;color:var(--text-main);word-break:break-word}._statCardIcon_7vv65_302{color:#d1d5db;font-size:2rem!important;align-self:center;flex-shrink:0}._educationSection_7vv65_309{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}._levelList_7vv65_315{background:#fff;border-radius:.95rem;padding:1rem;border:1px solid #edf1f5;box-shadow:0 14px 26px -22px #0f172a80;height:100%}._levelListTitle_7vv65_324{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--text-main);padding-bottom:.55rem;border-bottom:1px solid #eef2f6}._levelListContainer_7vv65_333{max-height:420px;overflow-y:auto;padding-right:.35rem}._levelListItem_7vv65_339{padding:.7rem 0;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}._levelListItem_7vv65_339:last-child{border-bottom:none}._levelName_7vv65_351{font-weight:520;color:#374151;line-height:1.35}._levelStudents_7vv65_357{color:var(--text-muted);font-size:.85rem;margin-left:.8rem}@media (max-width: 1024px){._educationSection_7vv65_309{grid-template-columns:1fr}._levelListContainer_7vv65_333{max-height:310px}}@media (max-width: 768px){._mainContent_7vv65_156{padding:.75rem;margin-left:0}._dashboardHeader_7vv65_191{margin-top:2.9rem}._headerContent_7vv65_200{flex-direction:column;align-items:flex-start}._statsRow_7vv65_242{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){._statsRow_7vv65_242{grid-template-columns:1fr}._statCard_7vv65_248{padding:.9rem}._statCardIcon_7vv65_302{font-size:1.8rem!important}._levelListContainer_7vv65_333{max-height:260px}}._profilePage_jn3e7_7{font-family:Poppins,Roboto,sans-serif;background-color:#f8f9fa;color:#333;padding:2rem;min-height:100vh}._profileHeader_jn3e7_25{display:flex;align-items:center;margin-bottom:2rem;position:relative}._profileHeader_jn3e7_25 h1{font-size:1.8rem;font-weight:600;color:#333;display:flex;align-items:center;margin:0 auto}._headerIcon_jn3e7_57{margin-right:.8rem;color:#53a22a;font-size:2rem!important}._backButton_jn3e7_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_jn3e7_69:hover{background:#e0e0e0;color:#53a22a}._backIcon_jn3e7_109{margin-right:.5rem;font-size:1.2rem!important}._profileBadge_jn3e7_119{position:absolute;right:0;background:#53a22a;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}._profileContainer_jn3e7_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_jn3e7_169{display:flex;gap:2rem;align-items:flex-start}._profilePhotoContainer_jn3e7_181{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}._profilePhotoWrapper_jn3e7_197{position:relative;width:150px;height:150px}._profileImg_jn3e7_209{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid white;box-shadow:0 5px 15px #0000001a}._profileStatus_jn3e7_227{position:absolute;bottom:10px;right:10px;width:20px;height:20px;background:#4caf50;border-radius:50%;border:2px solid white}._editPhotoBtn_jn3e7_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_jn3e7_249:hover{background:#e0e0e0;color:#53a22a}._profileMainInfo_jn3e7_287{flex:1}._profileTitle_jn3e7_295{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}._profileTitle_jn3e7_295 h2{font-size:1.5rem;font-weight:600;margin:0;color:#333}._verifiedIcon_jn3e7_323{color:#2196f3;font-size:1.5rem!important}._teacherId_jn3e7_333{color:#666;margin-bottom:1.5rem;font-size:.9rem}._profileQuickInfo_jn3e7_345{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}._infoItem_jn3e7_357{display:flex;gap:1rem}._infoIcon_jn3e7_367{color:#53a22a;font-size:1.5rem!important;margin-top:.2rem}._infoContent_jn3e7_379{flex:1}._infoContent_jn3e7_379 label{display:block;font-size:.8rem;color:#666;margin-bottom:.2rem}._infoContent_jn3e7_379 p{margin:0;font-weight:500;color:#333}._profileSection_jn3e7_415{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}._sectionHeader_jn3e7_429{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}._sectionHeader_jn3e7_429 h3{font-size:1.3rem;font-weight:600;margin:0;color:#333}._sectionIcon_jn3e7_457{color:#53a22a;font-size:1.5rem!important}._timelineContainer_jn3e7_469{padding-left:1.5rem;border-left:2px solid #eee;margin-left:.75rem}._timelineItem_jn3e7_481{position:relative;padding-bottom:1.5rem}._timelineDot_jn3e7_491{position:absolute;left:-1.5rem;top:0;width:12px;height:12px;background:#53a22a;border-radius:50%}._timelineContent_jn3e7_511{padding-left:1rem}._timelineHeader_jn3e7_519{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}._timelineHeader_jn3e7_519 h4{font-size:1.1rem;font-weight:500;margin:0;color:#333}._certifiedBadge_jn3e7_547{background:#4caf501a;color:#4caf50;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:500}._timelineMeta_jn3e7_565{color:#666;font-size:.9rem;margin:0}._trainingGrid_jn3e7_579{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}._trainingCard_jn3e7_591{background:#f9f9f9;border-radius:10px;padding:1.2rem;transition:all .2s ease;border-left:3px solid #53a22a}._trainingCard_jn3e7_591:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}._trainingHeader_jn3e7_617{display:flex;gap:1rem;margin-top:3px}._trainingIcon_jn3e7_629{color:#fe860d;font-size:1.8rem!important}._trainingHeader_jn3e7_617 h4{font-size:1rem;font-weight:500;margin:0 0 .3rem;color:#333}._trainingMeta_jn3e7_653{color:#666;font-size:.8rem;margin:0}._trainingFooter_jn3e7_665{display:flex;justify-content:flex-end}._certificateBtn_jn3e7_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_jn3e7_675:hover{background:#4caf5033}._noCertificate_jn3e7_711{color:#666;font-size:.8rem;font-style:italic}._contactGrid_jn3e7_725{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}._contactCard_jn3e7_737{background:#f9f9f9;border-radius:10px;padding:1.2rem;display:flex;gap:1rem;align-items:center;position:relative;transition:all .2s ease}._contactCard_jn3e7_737:hover{background:#f1f1f1}._contactIcon_jn3e7_767{color:#53a22a;font-size:1.8rem!important}._contactCard_jn3e7_737 label{display:block;font-size:.8rem;color:#666;margin-bottom:.3rem}._contactCard_jn3e7_737 p{margin:0;font-weight:500;color:#333}._contactActionBtn_jn3e7_803{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer;transition:all .2s ease}._contactActionBtn_jn3e7_803:hover{color:#53a22a}._classGrid_jn3e7_835{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}._classCard_jn3e7_847{background:#f9f9f9;border-radius:10px;padding:1.2rem;display:flex;gap:1rem;align-items:center;transition:all .2s ease}._classCard_jn3e7_847:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}._classIcon_jn3e7_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_jn3e7_903 h4{font-size:1rem;font-weight:500;margin:0 0 .2rem;color:#333}._classInfo_jn3e7_903 p{color:#666;font-size:.8rem;margin:0}._securityActions_jn3e7_931{display:flex;gap:1rem}._securityBtn_jn3e7_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_jn3e7_941._primary_jn3e7_965{background:#53a22a1a;color:#53a22a}._securityBtn_jn3e7_941._primary_jn3e7_965:hover{background:#53a22a33}._securityBtn_jn3e7_941._secondary_jn3e7_983{background:#fe860d1a;color:#fe860d}._securityBtn_jn3e7_941._secondary_jn3e7_983:hover{background:#fe860d33}@media (max-width: 992px){._profileContainer_jn3e7_143{padding:1.5rem}._basicInfoSection_jn3e7_169{flex-direction:column;align-items:center}._profileQuickInfo_jn3e7_345{grid-template-columns:1fr 1fr}}@media (max-width: 768px){._profilePage_jn3e7_7{padding:1rem}._profileHeader_jn3e7_25 h1{font-size:1.5rem}._profileQuickInfo_jn3e7_345,._trainingGrid_jn3e7_579,._contactGrid_jn3e7_725,._classGrid_jn3e7_835{grid-template-columns:1fr}._securityActions_jn3e7_931{flex-direction:column}}@media (max-width: 480px){._profileContainer_jn3e7_143{padding:1rem}._profileHeader_jn3e7_25{flex-direction:column;gap:1rem;text-align:center}._backButton_jn3e7_69{position:relative;align-self:flex-start}._profileBadge_jn3e7_119{position:relative;align-self:center}._sectionHeader_jn3e7_429 h3{font-size:1.1rem}}._fileSection_jn3e7_1135{margin-top:2rem}._fileSectionTitle_jn3e7_1143{font-size:1.1rem;color:#555;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}._fileGrid_jn3e7_1159{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}._fileCard_jn3e7_1171{background:#f9f9f9;border-radius:10px;padding:1rem;transition:all .2s ease}._fileHeader_jn3e7_1185{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:#555;font-weight:500}._fileIcon_jn3e7_1203{color:#53a22a;font-size:1.5rem!important}._filePreview_jn3e7_1213{height:150px;background:#f1f1f1;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}._fileImage_jn3e7_1233{width:100%;height:100%;object-fit:cover}._filePlaceholder_jn3e7_1245{color:#888;font-size:.9rem;text-align:center;padding:1rem}._contactGrid_jn3e7_725{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){._fileGrid_jn3e7_1159{grid-template-columns:1fr}}._oneDriveSection_jn3e7_1285{margin-top:2rem;background:#f9fbff;border:1px solid #e6edf5;border-radius:12px;padding:1rem}._oneDriveHeader_jn3e7_1293{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1rem}._oneDriveMainIcon_jn3e7_1300{color:#53a22a;font-size:1.6rem!important;margin-top:2px}._oneDriveTitle_jn3e7_1306{font-size:1rem;color:#1f2937;margin:0 0 .2rem;font-weight:600}._oneDriveSubtitle_jn3e7_1313{margin:0;font-size:.85rem;color:#6b7280}._oneDriveGrid_jn3e7_1319{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}._oneDriveCard_jn3e7_1325{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:.8rem;display:flex;flex-direction:column;gap:.7rem}._oneDriveDocHeader_jn3e7_1335{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.9rem;font-weight:600}._oneDriveDocIcon_jn3e7_1344{color:#53a22a;font-size:1.1rem!important}._oneDriveLink_jn3e7_1349{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;color:#1d4ed8;font-size:.84rem;text-decoration:none;font-weight:500}._oneDriveLink_jn3e7_1349:hover{text-decoration:underline}._oneDriveLinkIcon_jn3e7_1364{font-size:1rem!important}._oneDriveEmpty_jn3e7_1368{font-size:.84rem;color:#9ca3af}._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_1lg3g_3{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._loading_1lg3g_19{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#4a5568;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}._backButton_1lg3g_45{background:linear-gradient(135deg,#fe860d,#53a22a);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:24px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}._backButton_1lg3g_45:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}._header_1lg3g_85{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px}._title_1lg3g_101{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,#53a22a,#fe860d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._filterContainer_1lg3g_127{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:16px}._filterGroup_1lg3g_143{display:flex;flex-direction:column;flex:1;min-width:200px}._filterLabel_1lg3g_157{font-weight:600;color:#4a5568;margin-bottom:8px;font-size:14px}._filterSelect_1lg3g_171,._filterInput_1lg3g_173{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}._filterSelect_1lg3g_171:focus,._filterInput_1lg3g_173:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._resetButton_1lg3g_205{background:#e53e3e;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;align-self:flex-end;margin-bottom:8px}._resetButton_1lg3g_205:hover{background:#c53030;transform:translateY(-1px)}._filterInfo_1lg3g_243{background:#edf2f7;padding:12px 16px;border-radius:8px;color:#4a5568;font-size:14px;border-left:4px solid #667eea}._tableContainer_1lg3g_263{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin-bottom:24px}._scheduleTable_1lg3g_279{width:100%;border-collapse:collapse;font-size:14px}._scheduleTable_1lg3g_279 th{background:linear-gradient(135deg,#fe860d,#53a22a);color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:14px}._scheduleTable_1lg3g_279 td{padding:16px 12px;border-bottom:1px solid #e2e8f0;color:#4a5568}._scheduleTable_1lg3g_279 tr:hover{background-color:#f7fafc}._pastSchedule_1lg3g_331{background-color:#f8f9fa!important;color:#a0aec0!important}._pastSchedule_1lg3g_331 td{color:#a0aec0}._statusBadge_1lg3g_351{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._upcomingBadge_1lg3g_369{background:#c6f6d5;color:#276749}._pastBadge_1lg3g_379{background:#fed7d7;color:#9b2c2c}._dateSmall_1lg3g_391{color:#718096;font-size:12px}._tableInfo_1lg3g_403{padding:16px;background:#f7fafc;color:#4a5568;font-size:14px;text-align:center;border-top:1px solid #e2e8f0}._emptyMessage_1lg3g_423{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#a0aec0;font-size:16px;box-shadow:0 4px 6px #0000000d}._summaryContainer_1lg3g_445{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}._summaryItem_1lg3g_459{flex:1;min-width:150px;background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}._summaryItem_1lg3g_459:hover{transform:translateY(-4px)}._summaryLabel_1lg3g_489{display:block;color:#718096;font-size:14px;font-weight:600;margin-bottom:8px}._summaryValue_1lg3g_505{display:block;font-size:32px;font-weight:700;color:#667eea}@media (max-width: 768px){._container_1lg3g_3{padding:12px}._title_1lg3g_101{font-size:24px}._filterContainer_1lg3g_127{flex-direction:column}._filterGroup_1lg3g_143{min-width:100%}._resetButton_1lg3g_205{align-self:stretch;margin-bottom:0}._tableContainer_1lg3g_263{overflow-x:auto}._scheduleTable_1lg3g_279{min-width:800px}._scheduleTable_1lg3g_279 th,._scheduleTable_1lg3g_279 td{padding:12px 8px;font-size:13px}._summaryItem_1lg3g_459{min-width:calc(50% - 8px)}._summaryValue_1lg3g_505{font-size:28px}}@media (max-width: 480px){._header_1lg3g_85{padding:16px}._title_1lg3g_101{font-size:20px;margin-bottom:20px}._backButton_1lg3g_45{width:100%;margin-bottom:16px}._filterContainer_1lg3g_127{gap:12px}._summaryItem_1lg3g_459{min-width:100%}._summaryValue_1lg3g_505{font-size:24px}._emptyMessage_1lg3g_423{padding:40px 16px;font-size:14px}}._scheduleTable_1lg3g_279 tbody tr{animation:_fadeIn_1lg3g_1 .5s ease-in}@keyframes _fadeIn_1lg3g_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._tableContainer_1lg3g_263::-webkit-scrollbar{height:8px}._tableContainer_1lg3g_263::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}._tableContainer_1lg3g_263::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}._tableContainer_1lg3g_263::-webkit-scrollbar-thumb:hover{background:#a8a8a8}: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_1sb6b_1{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh}._header_1sb6b_19{position:relative;margin-bottom:30px;display:flex;flex-direction:column;gap:15px}._backButton_1sb6b_35{align-self:flex-start;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;text-decoration:none;display:inline-block}._backButton_1sb6b_35:hover{background:linear-gradient(135deg,#478a23,#5aa82d);transform:translateY(-2px);box-shadow:0 4px 8px #53a22a66}._title_1sb6b_79{text-align:center;color:#2c3e50;font-size:28px;font-weight:600;margin:0;order:2}._dateInfo_1sb6b_97{text-align:center;color:#7f8c8d;font-size:16px;order:3}._dateInfo_1sb6b_97 p{margin:0;background:#fff;padding:10px 20px;border-radius:20px;display:inline-block;box-shadow:0 2px 4px #0000001a}._form_1sb6b_129{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}._formGroup_1sb6b_145{margin-bottom:25px}._formRow_1sb6b_153,._programTempatRow_1sb6b_165{display:grid;grid-template-columns:1fr 1fr;gap:20px}._label_1sb6b_177{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}._required_1sb6b_193{color:#e74c3c;font-weight:700}._select_1sb6b_203,._textarea_1sb6b_205{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_1sb6b_203:focus,._textarea_1sb6b_205:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 3px #53a22a1a}._select_1sb6b_203:disabled,._textarea_1sb6b_205:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}._textarea_1sb6b_205{resize:vertical;min-height:100px;font-family:inherit}._loadingText_1sb6b_269{font-size:12px;color:#53a22a;margin-top:5px;font-style:italic;display:flex;align-items:center;gap:5px}._loadingText_1sb6b_269:before{content:"";width:12px;height:12px;border:2px solid #53a22a;border-top:2px solid transparent;border-radius:50%;animation:_spin_1sb6b_1 1s linear infinite}@keyframes _spin_1sb6b_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._radioGroup_1sb6b_319{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}._radioLabel_1sb6b_333{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;flex:1}._radioLabel_1sb6b_333:hover{border-color:#53a22a;background-color:#53a22a0d}._radioInput_1sb6b_371{margin-right:8px;accent-color:#53a22a}._radioLabel_1sb6b_333:has(._radioInput_1sb6b_371:checked){border-color:#53a22a;background-color:#53a22a1a;color:#53a22a;font-weight:600}._radioText_1sb6b_395{font-size:14px;font-weight:500}._fileInput_1sb6b_405{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_1sb6b_405:hover{border-color:#53a22a;background-color:#53a22a0d}._fileInput_1sb6b_405:disabled{cursor:not-allowed;opacity:.6}._fileInfo_1sb6b_447{font-size:12px;color:#7f8c8d;margin-top:5px;font-style:italic}._photoPreview_1sb6b_461{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}._photoPreview_1sb6b_461 h3{margin:0 0 15px;color:#2c3e50;font-size:16px;font-weight:600}._previewContainer_1sb6b_491{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}._previewImage_1sb6b_505{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0003;flex-shrink:0}._removeButton_1sb6b_523{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;font-weight:500}._removeButton_1sb6b_523:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}._removeButton_1sb6b_523:disabled{opacity:.6;cursor:not-allowed;transform:none}._submitButton_1sb6b_571{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;position:relative;overflow:hidden}._submitButton_1sb6b_571:hover:not(:disabled){background:linear-gradient(135deg,#e5770b,#fe860d);transform:translateY(-2px);box-shadow:0 6px 16px #fe860d66}._submitButton_1sb6b_571:active:not(:disabled){transform:translateY(0)}._submitButton_1sb6b_571:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}._sectionDivider_1sb6b_639{height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent);margin:30px 0;border:none}._formSectionTitle_1sb6b_653{font-size:18px;font-weight:600;color:#2c3e50;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid #53a22a;display:flex;align-items:center;gap:8px}._formSectionTitle_1sb6b_653:before{content:"▸";color:#53a22a;font-size:16px}@media (max-width: 768px){._container_1sb6b_1{padding:15px}._header_1sb6b_19{margin-bottom:20px;gap:10px}._backButton_1sb6b_35{position:relative;margin-bottom:0;align-self:flex-start}._title_1sb6b_79{font-size:24px;text-align:left;order:1}._dateInfo_1sb6b_97{text-align:left;order:3}._form_1sb6b_129{padding:20px}._formRow_1sb6b_153,._programTempatRow_1sb6b_165{grid-template-columns:1fr;gap:15px}._radioGroup_1sb6b_319{flex-direction:column;gap:10px}._radioLabel_1sb6b_333{justify-content:flex-start;min-width:auto}._previewContainer_1sb6b_491{flex-direction:column;align-items:center;text-align:center}._previewImage_1sb6b_505{max-width:100%;max-height:300px}._formSectionTitle_1sb6b_653{font-size:16px;margin:25px 0 15px}}@media (max-width: 480px){._container_1sb6b_1{padding:10px}._title_1sb6b_79{font-size:20px}._form_1sb6b_129{padding:15px}._select_1sb6b_203,._textarea_1sb6b_205{padding:10px 12px;font-size:16px}._radioLabel_1sb6b_333{padding:10px 12px}._submitButton_1sb6b_571{padding:14px 20px;font-size:15px}._formGroup_1sb6b_145{margin-bottom:20px}}._backButton_1sb6b_35:focus,._select_1sb6b_203:focus,._textarea_1sb6b_205:focus,._radioInput_1sb6b_371:focus,._fileInput_1sb6b_405:focus,._submitButton_1sb6b_571:focus,._removeButton_1sb6b_523:focus{outline:2px solid #53a22a;outline-offset:2px}@keyframes _successPulse_1sb6b_1{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}._submitButton_1sb6b_571._success_1sb6b_917{animation:_successPulse_1sb6b_1 .3s ease}._select_1sb6b_203._error_1sb6b_925,._textarea_1sb6b_205._error_1sb6b_925{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}._errorText_1sb6b_937{color:#e74c3c;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px}._errorText_1sb6b_937:before{content:"⚠";font-size:10px}._formGroup_1sb6b_145:last-of-type{margin-bottom:10px}._backButton_1sb6b_35,._select_1sb6b_203,._textarea_1sb6b_205,._radioLabel_1sb6b_333,._fileInput_1sb6b_405,._submitButton_1sb6b_571,._removeButton_1sb6b_523{transition:all .3s cubic-bezier(.4,0,.2,1)}._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_ai8ep_3{max-width:1200px;margin:0 auto;padding:clamp(14px,2vw,22px);font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#1f2937;line-height:1.6;background:radial-gradient(circle at 90% 12%,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at 8% 92%,rgba(83,162,42,.08),transparent 34%)}._header_ai8ep_29{display:flex;align-items:center;margin-bottom:20px;padding:10px 12px;border:1px solid #e9edf3;border-radius:12px;background:#fff;box-shadow:0 12px 25px -25px #0f172ab3}._backButton_ai8ep_51{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_ai8ep_51:hover{background-color:#53a22a26;transform:translate(-3px)}._headerInfo_ai8ep_89{flex:1}._title_ai8ep_97{font-size:clamp(1.2rem,2.8vw,1.8rem);font-weight:700;margin:0;color:#1f2937}._title_ai8ep_97 span{color:#fe860d;font-weight:500}._content_ai8ep_123{background:#fff;border-radius:14px;box-shadow:0 20px 35px -30px #0f172a8c;border:1px solid #e9edf3;padding:clamp(12px,2vw,20px)}._controls_ai8ep_141{margin-bottom:25px}._searchFilter_ai8ep_149{display:flex;flex-wrap:wrap;gap:15px;align-items:center}._searchBox_ai8ep_163{flex:1;min-width:250px;position:relative;display:flex;align-items:center}._searchBox_ai8ep_163 input{width:100%;padding:11px 15px 11px 40px;border:1px solid #d9e0e8;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fbfdff}._searchBox_ai8ep_163 input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}._searchIcon_ai8ep_213{position:absolute;left:12px;color:#7a8ca5}._filterGroup_ai8ep_225{display:flex;gap:10px}._filterDropdown_ai8ep_235{display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:5px 10px;transition:all .3s ease}._filterDropdown_ai8ep_235:hover{background:#eee}._filterDropdown_ai8ep_235 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_ai8ep_235 svg{margin-right:8px;color:#555}._alertSuccess_ai8ep_295{background-color:#e8f5e9;color:#2e7d32;padding:12px 15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;animation:_fadeIn_ai8ep_1 .3s ease}@keyframes _fadeIn_ai8ep_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._tableContainer_ai8ep_341{overflow-x:auto;border:1px solid #ecf1f7;border-radius:12px;background:#fff}._tableResponsive_ai8ep_355{min-width:100%;overflow-x:auto}._table_ai8ep_341{width:100%;border-collapse:collapse;margin-bottom:12px}._table_ai8ep_341 th{background:linear-gradient(180deg,#f8fbff,#f4f8ff);color:#475569;font-weight:700;text-align:left;padding:13px 15px;border-bottom:1px solid #dfe7f0;font-size:.88rem;letter-spacing:.01em}._table_ai8ep_341 td{padding:12px 15px;border-bottom:1px solid #edf2f7;vertical-align:middle;color:#334155;font-size:.92rem}._table_ai8ep_341 tr:hover td{background-color:#f8fbff}._table_ai8ep_341 tbody tr:nth-child(2n) td{background-color:#fcfdff}._avatarContainer_ai8ep_433{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#f0f7ff,#e0edff);border:1px solid #cfe0ff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #fff9}._avatar_ai8ep_433{width:100%;height:100%;object-fit:cover}._avatarPlaceholder_ai8ep_471{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#2563eb}._avatarPlaceholder_ai8ep_471 svg{font-size:1.2rem}._program_ai8ep_501{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.77rem;font-weight:600;text-align:center;min-width:100px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._TPA_ai8ep_529{background-color:#e3f2fd;color:#1565c0}._TAHSIN_ai8ep_539{background-color:#fff8e1;color:#ff8f00}._TAHFIDZ_ai8ep_549{background-color:#e8f5e9;color:#2e7d32}._TAJWEED_ai8ep_559{background-color:#f3e5f5;color:#7b1fa2}._BELUMDITENTUKAN_ai8ep_569{background-color:#f5f5f5;color:#616161}._actions_ai8ep_581{display:flex;gap:8px;justify-content:flex-start}._viewButton_ai8ep_593,._messageButton_ai8ep_595{background:none;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px -8px #0f172abf}._viewButton_ai8ep_593{color:#2563eb;background:linear-gradient(145deg,#3b82f629,#93c5fd38)}._viewButton_ai8ep_593:hover{background-color:#2196f338;transform:translateY(-1px)}._messageButton_ai8ep_595{color:#53a22a;background:linear-gradient(145deg,#53a22a29,#ade48938)}._messageButton_ai8ep_595:hover{background-color:#53a22a33;transform:translateY(-1px)}._noData_ai8ep_665{text-align:center;padding:30px;color:#777;font-style:italic}._loading_ai8ep_681{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#555}._spinner_ai8ep_699{width:40px;height:40px;border:4px solid rgba(83,162,42,.1);border-radius:50%;border-top-color:#53a22a;animation:_spin_ai8ep_699 1s ease-in-out infinite;margin-bottom:15px}@keyframes _spin_ai8ep_699{to{transform:rotate(360deg)}}._paginationContainer_ai8ep_733{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:15px}._paginationInfo_ai8ep_751{color:#666;font-size:.9rem}._pagination_ai8ep_733{display:flex;gap:5px}._pageButton_ai8ep_771{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_ai8ep_771:hover:not(:disabled){background-color:#f5f5f5}._pageButton_ai8ep_771:disabled{opacity:.5;cursor:not-allowed}._pageButton_ai8ep_771._active_ai8ep_817{background-color:#53a22a;color:#fff;border-color:#53a22a}._modalOverlay_ai8ep_831,._messageModalOverlay_ai8ep_833{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_ai8ep_1 .3s ease}._modal_ai8ep_831,._messageModal_ai8ep_833{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_ai8ep_1 .3s ease}@keyframes _slideUp_ai8ep_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._messageModal_ai8ep_833{width:500px}._modalHeader_ai8ep_915{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}._modalHeader_ai8ep_915 h3{margin:0;color:#333}._closeButton_ai8ep_941{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;transition:color .2s ease}._closeButton_ai8ep_941:hover{color:#333}._modalBody_ai8ep_967{padding:20px}._guruProfile_ai8ep_977{display:flex;gap:30px;margin-bottom:20px}._profileImage_ai8ep_989{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #eee;background:#f8fafc;display:flex;align-items:center;justify-content:center}._profileImage_ai8ep_989 img{width:100%;height:100%;object-fit:cover}._profileImagePlaceholder_ai8ep_1027{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#2563eb;position:relative}._profileImagePlaceholder_ai8ep_1027 svg{font-size:3rem}._profileImagePlaceholder_ai8ep_1027:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:#ffffff57;z-index:0}._profileImagePlaceholder_ai8ep_1027 svg{position:relative;z-index:1}._profileInfo_ai8ep_1087{flex:1}._profileInfo_ai8ep_1087 h4{margin-top:0;margin-bottom:15px;font-size:1.4rem;color:#333}._profileInfo_ai8ep_1087 p{margin:8px 0;color:#555}._profileInfo_ai8ep_1087 strong{color:#333;min-width:120px;display:inline-block}._documents_ai8ep_1133 h4{margin-top:0;margin-bottom:15px;color:#333;font-size:1.2rem}._documentGrid_ai8ep_1147{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}._documentItem_ai8ep_1159{border:1px solid #eee;border-radius:8px;overflow:hidden}._documentItem_ai8ep_1159 h5{margin:0;padding:10px;background-color:#f9f9f9;font-size:.9rem;color:#555}._documentItem_ai8ep_1159 img{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:transform .3s ease}._documentItem_ai8ep_1159 img:hover{transform:scale(1.03)}._modalFooter_ai8ep_1213{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}._closeModalButton_ai8ep_1229,._cancelButton_ai8ep_1231,._sendButton_ai8ep_1233{padding:8px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .2s ease}._closeModalButton_ai8ep_1229,._cancelButton_ai8ep_1231{background-color:#f5f5f5;color:#555;border:1px solid #ddd}._closeModalButton_ai8ep_1229:hover,._cancelButton_ai8ep_1231:hover{background-color:#eee}._sendButton_ai8ep_1233{background-color:#53a22a;color:#fff;border:none;display:flex;align-items:center;gap:5px}._sendButton_ai8ep_1233:hover{background-color:#478c24}._sendButton_ai8ep_1233:disabled{background-color:#ccc;cursor:not-allowed}._messageFormGroup_ai8ep_1311{margin-bottom:15px}._messageFormGroup_ai8ep_1311 label{display:block;margin-bottom:5px;font-weight:500;color:#333}._messageInput_ai8ep_1333{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;transition:all .3s ease}._messageInput_ai8ep_1333:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}._messageTextarea_ai8ep_1365{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_ai8ep_1365:focus{outline:none;border-color:#53a22a;box-shadow:0 0 0 2px #53a22a33}@media (max-width: 768px){._container_ai8ep_3{padding:15px}._header_ai8ep_29{margin-bottom:20px}._title_ai8ep_97{font-size:1.5rem}._searchFilter_ai8ep_149{flex-direction:column;gap:10px}._searchBox_ai8ep_163,._filterGroup_ai8ep_225{width:100%}._guruProfile_ai8ep_977{flex-direction:column;gap:20px}._profileImage_ai8ep_989{width:120px;height:120px;margin:0 auto}._documentGrid_ai8ep_1147{grid-template-columns:1fr}._modal_ai8ep_831,._messageModal_ai8ep_833{width:95%}._paginationContainer_ai8ep_733{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){._table_ai8ep_341 th,._table_ai8ep_341 td{padding:8px 10px;font-size:.85rem}._actions_ai8ep_581{flex-direction:column;gap:5px}._viewButton_ai8ep_593,._messageButton_ai8ep_595{width:28px;height:28px}._modalBody_ai8ep_967{padding:15px}._modalFooter_ai8ep_1213{flex-direction:column;gap:8px}._closeModalButton_ai8ep_1229,._cancelButton_ai8ep_1231,._sendButton_ai8ep_1233{width:100%}._pageButton_ai8ep_771{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_1izgc_3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;max-width:1400px;margin:0 auto;color:#333}._backButton_1izgc_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_1izgc_21:hover{width:120px;background-color:#53a22a1a}._backIcon_1izgc_59{font-size:20px!important}._header_1izgc_69{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}._title_1izgc_87{font-size:24px;font-weight:600;color:#333;margin:0}._filterContainer_1izgc_103{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._searchContainer_1izgc_117{position:relative;display:flex;align-items:center}._searchIcon_1izgc_129{position:absolute;left:10px;color:#777}._searchInput_1izgc_141{padding:10px 10px 10px 36px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:200px;transition:border-color .2s ease}._searchInput_1izgc_141:focus{outline:none;border-color:#53a22a}._programSelect_1izgc_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_1izgc_169:focus{outline:none;border-color:#53a22a}._addButton_1izgc_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_1izgc_201:hover{background-color:#478c24}._addIcon_1izgc_239{font-size:20px!important}._tableContainer_1izgc_249{width:100%;overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}._table_1izgc_249{width:100%;border-collapse:collapse;min-width:800px}._tableHeader_1izgc_279{background-color:#f8f8f8;padding:12px 16px;text-align:left;font-weight:600;color:#444;border-bottom:2px solid #eee}._tableRow_1izgc_297{border-bottom:1px solid #eee;transition:background-color .2s ease}._tableRow_1izgc_297:nth-child(2n){background-color:#fafafa}._tableRow_1izgc_297:hover{background-color:#f5f5f5}._tableCell_1izgc_323{padding:12px 16px;color:#555;vertical-align:middle}._centerText_1izgc_334{text-align:center}._actions_1izgc_344{display:flex;gap:8px;justify-content:center}._statusBadge_1izgc_355{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;min-width:96px}._statusTerjadwal_1izgc_366{background:#eef2ff;color:#3730a3}._statusSegera_1izgc_371{background:#fff7ed;color:#c2410c}._statusBerlangsung_1izgc_376{background:#dcfce7;color:#166534}._statusSelesai_1izgc_381{background:#f1f5f9;color:#475569}._reminderText_1izgc_386{font-size:13px;color:#475569}._editButton_1izgc_392{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_1izgc_392:hover{background-color:#e0e0e0}._deleteButton_1izgc_428{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_1izgc_428:hover{background-color:#f0e0e0}._pagination_1izgc_466{display:flex;justify-content:center;gap:6px;margin-top:20px}._paginationButton_1izgc_480{padding:8px 12px;border:1px solid #ddd;background-color:#fff;color:#555;border-radius:4px;cursor:pointer;transition:all .2s ease}._paginationButton_1izgc_480:hover:not(:disabled){background-color:#f0f0f0}._paginationButton_1izgc_480:disabled{opacity:.5;cursor:not-allowed}._activePage_1izgc_518{background-color:#53a22a;color:#fff;border-color:#53a22a}._modalOverlay_1izgc_532{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_1izgc_558{background-color:#fff;width:90%;max-width:600px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto}._modalHeader_1izgc_578{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}._modalTitle_1izgc_594{font-size:20px;font-weight:600;margin:0;color:#333}._closeButton_1izgc_608{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_1izgc_608:hover{background-color:#f5f5f5}._formGroup_1izgc_644{margin-bottom:16px;padding:0 20px}._formLabel_1izgc_654{display:block;margin-bottom:6px;font-weight:500;color:#555}._formSelect_1izgc_668,._formInput_1izgc_670,._timeInput_1izgc_672{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}._formSelect_1izgc_668:focus,._formInput_1izgc_670:focus,._timeInput_1izgc_672:focus{outline:none;border-color:#53a22a}._formInput_1izgc_670{margin-top:8px}._timeInputContainer_1izgc_714{display:flex;gap:16px;padding:0 20px}._timeInputContainer_1izgc_714 ._formGroup_1izgc_644{flex:1;padding:0}._timeInput_1izgc_672{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px}._buttonGroup_1izgc_750{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #eee;margin-top:10px}._cancelButton_1izgc_768{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_1izgc_768:hover{background-color:#e0e0e0}._submitButton_1izgc_804{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_1izgc_804:hover{background-color:#e67a0c}@media (max-width: 768px){._container_1izgc_3{padding:15px}._header_1izgc_69{flex-direction:column;align-items:flex-start;gap:16px}._filterContainer_1izgc_103{width:100%;flex-direction:column;align-items:stretch;gap:12px}._searchInput_1izgc_141{width:100%}._programSelect_1izgc_169,._addButton_1izgc_201{width:100%;justify-content:center}._modalContent_1izgc_558{width:95%}._formGroup_1izgc_644{padding:0 15px}._timeInputContainer_1izgc_714{flex-direction:column;gap:16px}}@media (max-width: 480px){._backButton_1izgc_21{font-size:14px}._tableCell_1izgc_323{padding:8px 12px;font-size:14px}._statusBadge_1izgc_355{min-width:84px;font-size:11px;padding:3px 8px}._reminderText_1izgc_386{font-size:12px}._actions_1izgc_344{flex-direction:column;gap:6px}._editButton_1izgc_392,._deleteButton_1izgc_428{width:100%;justify-content:center}._pagination_1izgc_466{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_138gz_1{--primary: #53a22a;--primary-soft: rgba(83, 162, 42, .12);--accent: #fe860d;--text-main: #1f2937;--text-muted: #6b7280;--line: #e5e7eb;max-width:980px;margin:0 auto;padding:clamp(.9rem,2vw,1.5rem);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._header_138gz_15{background:linear-gradient(140deg,#f8fbf8,#fff9f2);border:1px solid #eef2f7;border-radius:1rem;padding:clamp(1rem,2.5vw,1.4rem);margin-bottom:1rem}._backButton_138gz_23{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary);text-decoration:none;font-size:.92rem;margin-bottom:.85rem;padding:.45rem .8rem;border-radius:.6rem;border:1px solid rgba(83,162,42,.24);background:#ffffffd9;transition:background-color .16s ease,color .16s ease}._backButton_138gz_23:hover{background-color:var(--primary-soft);color:#3e7f1f}._backIcon_138gz_43{font-size:1.1rem}._title_138gz_47{margin:0;text-align:center;color:var(--text-main);font-size:clamp(1.25rem,2.8vw,1.8rem);font-weight:700}._realtimeInfo_138gz_55{margin-top:.75rem;display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}._realtimeChip_138gz_63{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--line);color:#374151;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}._realtimeIcon_138gz_76{font-size:1rem!important;color:var(--accent)}._submittedInfo_138gz_81{margin:0 0 1rem;background:#ecfdf3;border:1px solid #86efac;color:#166534;border-radius:.8rem;padding:.75rem .9rem;text-align:center;font-size:.92rem;font-weight:600}._form_138gz_93{background:#fff;border:1px solid #edf2f7;border-radius:1rem;box-shadow:0 18px 38px -30px #0f172a73;padding:clamp(1rem,3vw,1.75rem)}._categorySection_138gz_101{margin-bottom:1.4rem}._categorySection_138gz_101:last-of-type{margin-bottom:.7rem}._categoryTitle_138gz_109{margin:0 0 .7rem;color:#273142;font-size:clamp(1rem,2vw,1.12rem);font-weight:700;border-left:4px solid var(--accent);padding-left:.6rem}._checklistContainer_138gz_118{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}._checklistItem_138gz_124{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid #edf0f3;border-radius:.75rem;background:#fbfcfe;transition:border-color .16s ease,background-color .16s ease}._checklistItem_138gz_124:hover{border-color:#d9e2ec;background-color:#f8fbff}._checkboxContainer_138gz_141{display:flex;align-items:center;flex:1;min-width:0}._checkbox_138gz_141{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border:2px solid var(--primary);border-radius:.3rem;margin-right:.6rem;cursor:pointer;position:relative;transition:background-color .16s ease,border-color .16s ease;flex-shrink:0}._checkbox_138gz_141:checked{background-color:var(--primary)}._checkbox_138gz_141:checked:after{content:"✓";position:absolute;color:#fff;font-size:.72rem;top:50%;left:50%;transform:translate(-50%,-52%)}._checkbox_138gz_141:disabled{opacity:.7;cursor:not-allowed}._checkboxLabel_138gz_180{font-size:.9rem;color:#334155;cursor:pointer;line-height:1.3}._statusLabel_138gz_187{font-size:.76rem;padding:.22rem .58rem;border-radius:999px;font-weight:700;margin-left:.2rem;flex-shrink:0}._completed_138gz_196{background-color:#dcfce7;color:#166534}._notCompleted_138gz_201{background-color:#fee2e2;color:#b91c1c}._submitButton_138gz_206{width:100%;margin-top:1rem;min-height:2.9rem;border:none;border-radius:.78rem;color:#fff;font-size:.95rem;font-weight:650;cursor:pointer;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);box-shadow:0 10px 22px -12px #3e7f1fb3;transition:transform .16s ease,filter .16s ease}._submitButton_138gz_206:hover{transform:translateY(-1px);filter:saturate(1.04)}._submitButton_138gz_206:disabled{opacity:.72;cursor:not-allowed;transform:none;filter:none}@media (max-width: 900px){._checklistContainer_138gz_118{grid-template-columns:1fr}}@media (max-width: 560px){._container_138gz_1{padding:.7rem}._header_138gz_15{padding:.85rem}._form_138gz_93{padding:.9rem}._checklistItem_138gz_124{padding:.62rem .65rem}._checkboxLabel_138gz_180{font-size:.86rem}._statusLabel_138gz_187{font-size:.72rem}}._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_xfgnv_3{padding:1rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh}._header_xfgnv_23{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;background:green;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014}._backButton_xfgnv_45{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .3s ease;text-decoration:none}._backButton_xfgnv_45:hover{transform:translate(-3px);box-shadow:0 4px 12px #fafafa4d}._headerContent_xfgnv_81{flex:1}._header_xfgnv_23 h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fafafa;background:linear-gradient(135deg,#333,#53a22a)}._dateIndicator_xfgnv_105{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#fafafa;font-weight:500}._statusSummary_xfgnv_123{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}._statusCard_xfgnv_137{background:#fff;border-radius:.75rem;padding:1.5rem 1rem;box-shadow:0 4px 12px #00000014;text-align:center;transition:all .3s ease;border-top:4px solid;position:relative;overflow:hidden}._statusCard_xfgnv_137:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:inherit;opacity:.1}._statusCard_xfgnv_137:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}._statusCard_xfgnv_137 h3{margin:0 0 .75rem;font-size:.9rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._statusCard_xfgnv_137 p{margin:0;font-size:2rem;font-weight:700}._totalCard_xfgnv_223{border-top-color:#6c757d}._totalCard_xfgnv_223 p{color:#6c757d}._hadirCard_xfgnv_239{border-top-color:#28a745}._hadirCard_xfgnv_239 p{color:#28a745}._izinCard_xfgnv_255{border-top-color:#ffc107}._izinCard_xfgnv_255 p{color:#ffc107}._sakitCard_xfgnv_271{border-top-color:#17a2b8}._sakitCard_xfgnv_271 p{color:#17a2b8}._alpaCard_xfgnv_287{border-top-color:#dc3545}._alpaCard_xfgnv_287 p{color:#dc3545}._filtersSection_xfgnv_305{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}._searchInput_xfgnv_321{position:relative;margin-bottom:1rem}._searchInput_xfgnv_321 input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e9ecef;border-radius:.75rem;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}._searchInput_xfgnv_321 input:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 0 3px #3498db1a}._searchIcon_xfgnv_365{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}._filterRow_xfgnv_381{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}._filterRow_xfgnv_381:last-child{margin-bottom:0}._filterGroup_xfgnv_403{display:flex;flex-direction:column;gap:.5rem}._filterGroup_xfgnv_403 label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#495057;font-weight:600}._filterIcon_xfgnv_433{color:#3498db}._filterGroup_xfgnv_403 select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:.9rem;background-color:#fff;cursor:pointer;transition:all .3s ease}._filterGroup_xfgnv_403 select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}._resetButton_xfgnv_473{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.6rem}._resetButton_xfgnv_473:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}._tableContainer_xfgnv_511{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:2rem}._attendanceTable_xfgnv_527{width:100%;border-collapse:collapse}._attendanceTable_xfgnv_527 th{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1rem;text-align:left;font-weight:600;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}._attendanceTable_xfgnv_527 td{padding:1.25rem 1rem;border-bottom:1px solid #e9ecef;color:#495057;font-size:.95rem}._attendanceTable_xfgnv_527 tr:last-child td{border-bottom:none}._attendanceTable_xfgnv_527 tr:hover{background-color:#f8f9fa}._statusBadge_xfgnv_591{display:inline-block;padding:.5rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}._statusHadir_xfgnv_613{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}._statusIzin_xfgnv_625{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}._statusSakit_xfgnv_637{background-color:#cce5ff;color:#004085;border:1px solid #b3d7ff}._statusAlpa_xfgnv_649{background-color:#f8d7da;color:#721c24;border:1px solid #f1b0b7}._detailButton_xfgnv_663{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}._detailButton_xfgnv_663:hover{background:linear-gradient(135deg,#2980b9,#2471a3);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}._noResults_xfgnv_709{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}._noResults_xfgnv_709 td{padding:3rem!important}._pagination_xfgnv_733{display:flex;justify-content:center;align-items:center;padding:1.5rem;gap:.5rem;background-color:#f8f9fa;border-top:1px solid #e9ecef}._pageButton_xfgnv_753{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid #e9ecef;background-color:#fff;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:600;color:#495057}._pageButton_xfgnv_753:hover:not(:disabled){border-color:#3498db;color:#3498db;transform:translateY(-2px)}._pageButton_xfgnv_753:disabled{opacity:.5;cursor:not-allowed;transform:none}._activePage_xfgnv_807{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-color:#3498db}._modalOverlay_xfgnv_821{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._modal_xfgnv_821{background-color:#fff;border-radius:1rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 20px 40px #0003;animation:_modalSlideIn_xfgnv_1 .3s ease-out}@keyframes _modalSlideIn_xfgnv_1{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}._closeButton_xfgnv_897{position:absolute;top:1rem;right:1rem;background:#f8f9fa;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#6c757d}._closeButton_xfgnv_897:hover{background:#e74c3c;color:#fff;transform:rotate(90deg)}._modal_xfgnv_821 h2{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:700;padding-right:3rem}._modalContent_xfgnv_959{display:flex;flex-direction:column;gap:2rem}._teacherInfo_xfgnv_971{display:flex;gap:1.5rem;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:1rem}._teacherPhoto_xfgnv_989{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 12px #00000026;flex-shrink:0}._teacherPhoto_xfgnv_989 img{width:100%;height:100%;object-fit:cover}._teacherDetails_xfgnv_1021{flex:1}._teacherDetails_xfgnv_1021 h3{margin:0 0 .75rem;color:#2c3e50;font-size:1.25rem;font-weight:700}._teacherDetails_xfgnv_1021 p{margin:.5rem 0;color:#495057;display:flex;align-items:center;gap:.5rem}._teacherDetails_xfgnv_1021 strong{color:#2c3e50;min-width:80px}._reportSection_xfgnv_1069,._documentationSection_xfgnv_1071{background:#f8f9fa;padding:1.5rem;border-radius:.75rem}._reportSection_xfgnv_1069 h4,._documentationSection_xfgnv_1071 h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}._reportSection_xfgnv_1069 h4:before{content:"📝"}._documentationSection_xfgnv_1071 h4:before{content:"📷"}._reportSection_xfgnv_1069 p{margin:0;line-height:1.6;color:#495057}._photoContainer_xfgnv_1133{width:100%;border-radius:.75rem;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #0000001a}._photoContainer_xfgnv_1133 img{width:100%;height:auto;display:block;transition:transform .3s ease}._photoContainer_xfgnv_1133:hover img{transform:scale(1.05)}@media (max-width: 1024px){._container_xfgnv_3{padding:.75rem}._statusSummary_xfgnv_123{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}._filterRow_xfgnv_381{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){._header_xfgnv_23{flex-direction:column;text-align:center;gap:1rem}._backButton_xfgnv_45{align-self:flex-start}._headerContent_xfgnv_81{width:100%}._statusSummary_xfgnv_123,._filterRow_xfgnv_381{grid-template-columns:1fr;gap:.75rem}._resetButton_xfgnv_473{margin-top:.5rem}._tableContainer_xfgnv_511{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-top:20px;overflow-x:auto;max-width:100%}._attendanceTable_xfgnv_527{width:100%;border-collapse:collapse;min-width:800px}._tableContainer_xfgnv_511::-webkit-scrollbar{height:8px}._tableContainer_xfgnv_511::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}._tableContainer_xfgnv_511::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}._tableContainer_xfgnv_511::-webkit-scrollbar-thumb:hover{background:#a8a8a8}._attendanceTable_xfgnv_527{min-width:800px}._teacherInfo_xfgnv_971{flex-direction:column;text-align:center;gap:1rem}._teacherDetails_xfgnv_1021 p{justify-content:center}._modal_xfgnv_821{width:95%;padding:1.5rem;margin:1rem}}@media (max-width: 480px){._container_xfgnv_3{padding:.5rem}._header_xfgnv_23{padding:1rem}._header_xfgnv_23 h1{font-size:1.5rem}._filtersSection_xfgnv_305{padding:1rem}._statusCard_xfgnv_137{padding:1.25rem .75rem}._statusCard_xfgnv_137 p{font-size:1.75rem}._modal_xfgnv_821,._teacherInfo_xfgnv_971{padding:1rem}._teacherPhoto_xfgnv_989{width:80px;height:80px}}._loading_xfgnv_1461{opacity:.7;pointer-events:none}._backButton_xfgnv_45:focus,._searchInput_xfgnv_321 input:focus,._filterGroup_xfgnv_403 select:focus,._detailButton_xfgnv_663:focus,._pageButton_xfgnv_753:focus,._resetButton_xfgnv_473:focus,._closeButton_xfgnv_897:focus{outline:2px solid #3498db;outline-offset:2px}._modal_xfgnv_821{scrollbar-width:thin;scrollbar-color:#3498db #f1f1f1}._modal_xfgnv_821::-webkit-scrollbar{width:6px}._modal_xfgnv_821::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}._modal_xfgnv_821::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}._modal_xfgnv_821::-webkit-scrollbar-thumb:hover{background:#2980b9}._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_dnfy3_1{--primary: #53a22a;--accent: #fe860d;--text-main: #1f2937;--text-muted: #6b7280;--line: #e5e7eb;padding:clamp(.9rem,2vw,1.4rem);max-width:1240px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100dvh;color:var(--text-main)}._header_dnfy3_20{display:grid;gap:.65rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(140deg,#f8fbf8,#fff9f2);border:1px solid #edf2f7;border-radius:1rem}._header_dnfy3_20 h1{color:var(--text-main);font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:730;margin:0}._backButton_dnfy3_44{display:inline-flex;align-items:center;gap:.35rem;background-color:#ffffffeb;color:var(--primary);border:1px solid rgba(83,162,42,.26);padding:.45rem .7rem;border-radius:.6rem;cursor:pointer;font-weight:620;transition:background-color .18s ease,color .18s ease;width:fit-content}._backButton_dnfy3_44:hover{background-color:#53a22a1f;color:#3e7f1f}._realtimeInfo_dnfy3_70{display:flex;flex-wrap:wrap;gap:.55rem}._realtimeChip_dnfy3_76{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.28rem .68rem;font-size:.77rem;font-weight:620;color:#374151}._realtimeIcon_dnfy3_89{font-size:1rem!important;color:var(--accent)}._filterBar_dnfy3_96{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;align-items:center;background:#fff;border:1px solid #edf1f5;border-radius:.9rem;padding:.8rem;box-shadow:0 12px 24px -22px #0f172a80}._searchBox_dnfy3_115{position:relative;flex:1;min-width:180px}._searchIcon_dnfy3_126{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem!important}._searchBox_dnfy3_115 input{width:100%;min-height:2.65rem;padding:.62rem .72rem .62rem 2.2rem;border:1px solid var(--line);border-radius:.65rem;font-size:.9rem}._filterBar_dnfy3_96 input[type=date]{min-height:2.65rem;padding:.62rem;border:1px solid var(--line);border-radius:.65rem;font-size:.9rem}._filterBar_dnfy3_96 button{min-height:2.65rem;padding:.6rem .9rem;background-color:var(--accent);color:#fff;border:none;border-radius:.65rem;cursor:pointer;font-weight:620;transition:filter .18s ease}._filterBar_dnfy3_96 button:hover{filter:brightness(.95)}._cardContainer_dnfy3_189{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem}._card_dnfy3_189{background-color:#fff;border:1px solid #e9eef4;border-radius:.9rem;box-shadow:0 14px 30px -24px #0f172a8c;padding:.9rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;border-left:4px solid var(--primary)}._card_dnfy3_189:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px #0f172a9e}._cardHeader_dnfy3_222{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.7rem}._cardHeader_dnfy3_222 h3{margin:0;color:var(--text-main);font-size:1rem;line-height:1.3}._cardHeader_dnfy3_222 p{margin:.25rem 0 0;color:var(--text-muted);font-size:.82rem}._score_dnfy3_255{background-color:var(--primary);color:#fff;padding:.28rem .56rem;border-radius:20px;font-weight:700;font-size:.8rem;flex-shrink:0}._cardContent_dnfy3_269{margin-top:.6rem;padding-top:.75rem;border-top:1px solid #eef2f6}._category_dnfy3_278{margin-bottom:.85rem}._category_dnfy3_278 h4{margin:0 0 .45rem;color:#374151;font-size:.9rem;font-weight:700}._checkList_dnfy3_295{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}._checkItem_dnfy3_306{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px dashed #e8edf2}._checkItem_dnfy3_306 span{font-size:.83rem;color:#4b5563}._expandIcon_dnfy3_328{display:flex;justify-content:center;margin-top:.35rem;color:#9ca3af}._emptyState_dnfy3_340{grid-column:1 / -1;text-align:center;padding:1.3rem;color:#6b7280;background:#fff;border:1px solid #edf1f5;border-radius:.9rem}._retryButton_dnfy3_355{margin-top:.7rem;min-height:2.4rem;padding:.5rem .8rem;border:none;border-radius:.6rem;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}@media (max-width: 768px){._filterBar_dnfy3_96{display:grid;grid-template-columns:1fr}._searchBox_dnfy3_115{width:100%}._cardContainer_dnfy3_189{grid-template-columns:1fr}}@media (max-width: 480px){._container_dnfy3_1{padding:.7rem}._header_dnfy3_20{padding:.8rem}._header_dnfy3_20 h1{font-size:1.08rem}._checkList_dnfy3_295{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_1fniv_1{--primary: #53a22a;--accent: #fe860d;--text-main: #1f2937;--text-muted: #6b7280;--line: #e5e7eb;font-family:Segoe UI,Roboto,sans-serif;padding:clamp(.9rem,2vw,1.35rem);max-width:1200px;margin:0 auto;color:var(--text-main)}._header_1fniv_21{margin-bottom:1rem;padding:1rem;border-radius:1rem;border:1px solid #edf2f7;background:linear-gradient(140deg,#f8fbf8,#fff9f2)}._header_1fniv_21 h1{color:var(--text-main);font-size:clamp(1.2rem,2.6vw,1.7rem);margin:0;font-weight:730}._backButton_1fniv_42{display:inline-flex;align-items:center;gap:.35rem;background:#ffffffeb;border:1px solid rgba(83,162,42,.26);color:var(--primary);cursor:pointer;font-size:.9rem;padding:.45rem .72rem;border-radius:.6rem;transition:background-color .18s ease,color .18s ease;margin-bottom:.7rem}._backButton_1fniv_42:hover{background-color:#53a22a1f;color:#3e7f1f}._realtimeInfo_1fniv_68{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.55rem}._realtimeChip_1fniv_75{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.28rem .68rem;font-size:.77rem;font-weight:620;color:#374151}._realtimeIcon_1fniv_88{font-size:1rem!important;color:var(--accent)}._filterBar_1fniv_95{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;padding:.8rem;background-color:#fff;border:1px solid #edf1f5;border-radius:.9rem;box-shadow:0 12px 24px -22px #0f172a80;align-items:center}._searchBox_1fniv_114{position:relative;flex-grow:1;min-width:180px}._searchIcon_1fniv_125{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem!important}._searchBox_1fniv_114 input{width:100%;min-height:2.65rem;padding:.62rem .72rem .62rem 2.2rem;border:1px solid var(--line);border-radius:.65rem;font-size:.9rem}._searchBox_1fniv_114 input:focus{outline:none;border-color:var(--primary)}._filterBar_1fniv_95 select,._filterBar_1fniv_95 input[type=date]{min-height:2.65rem;padding:.62rem .72rem;border:1px solid var(--line);border-radius:.65rem;font-size:.9rem;min-width:150px}._filterBar_1fniv_95 select:focus,._filterBar_1fniv_95 input[type=date]:focus{outline:none;border-color:var(--primary)}._filterBar_1fniv_95 button{min-height:2.65rem;padding:.6rem .9rem;background-color:var(--accent);border:none;border-radius:.65rem;color:#fff;cursor:pointer;font-size:.88rem;font-weight:620;transition:filter .18s ease}._filterBar_1fniv_95 button:hover{filter:brightness(.95)}._cardContainer_1fniv_213{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem;margin-bottom:1rem}._card_1fniv_213{background-color:#fff;border:1px solid #e9eef4;border-radius:.9rem;box-shadow:0 14px 30px -24px #0f172a8c;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}._card_1fniv_213:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px #0f172a9e}._cardHeader_1fniv_247{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem;padding:.9rem;position:relative}._cardHeader_1fniv_247 h3{margin:0;font-size:1rem;line-height:1.3;color:var(--text-main)}._cardHeader_1fniv_247 p{margin:.25rem 0 0;font-size:.82rem;color:var(--text-muted)}._score_1fniv_283{background-color:var(--primary);color:#fff;padding:.28rem .56rem;border-radius:20px;font-size:.8rem;font-weight:700;flex-shrink:0}._cardContent_1fniv_297{padding:0 .9rem .9rem}._category_1fniv_304{margin-bottom:.85rem}._category_1fniv_304 h4{margin:0 0 .45rem;padding-bottom:.35rem;border-bottom:1px solid #fcd9b1;color:#374151;font-size:.9rem;font-weight:700}._checkList_1fniv_323{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}._checkItem_1fniv_334{display:flex;justify-content:space-between;align-items:center;font-size:.83rem;border-bottom:1px dashed #e8edf2;padding:.3rem 0}._expandIcon_1fniv_349{display:flex;justify-content:center;padding:.45rem;color:#9ca3af;border-top:1px solid #eef2f6}._emptyState_1fniv_362{grid-column:1 / -1;text-align:center;padding:1.3rem;color:#6b7280;background:#fff;border:1px solid #edf1f5;border-radius:.9rem}@media (max-width: 768px){._cardContainer_1fniv_213{grid-template-columns:1fr}._filterBar_1fniv_95{display:grid;grid-template-columns:1fr}._searchBox_1fniv_114{width:100%}}@media (max-width: 480px){._container_1fniv_1{padding:.7rem}._header_1fniv_21 h1{font-size:1.08rem}._checkList_1fniv_323{grid-template-columns:1fr}}._card_1fniv_213._expanded_1fniv_430{transform:translateY(0);box-shadow:0 4px 16px #0003}._pagination_1fniv_440{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:1rem;padding:.6rem 0;flex-wrap:wrap}._pageButton_1fniv_456{display:flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;border:1px solid #dbe2ea;background-color:#fff;border-radius:.55rem;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}._pageButton_1fniv_456:hover:not(:disabled){background-color:#f8fafc;border-color:var(--primary)}._pageButton_1fniv_456:disabled{opacity:.5;cursor:not-allowed}._pageButton_1fniv_456._active_1fniv_494{background-color:var(--primary);color:#fff;border-color:var(--primary)}._loading_1fniv_503{text-align:center;padding:1rem;color:#6b7280;background:#fff;border:1px solid #edf1f5;border-radius:.8rem;margin-bottom:.9rem}@media (max-width: 768px){._pageButton_1fniv_456{min-width:1.9rem;height:1.9rem;font-size:.78rem}}._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%}}