@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;--color-primary-dark: #14532d;--color-primary: #16a34a;--color-primary-light: #4ade80;--color-gradient-start: #14532d;--color-gradient-end: #4ade80;--color-text-main: #1f2937;--color-text-muted: #6b7280;--color-bg-light: #f9fafb}body{font-family:Inter,sans-serif;background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._container_162di_1{min-height:100vh;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));position:relative;display:flex;flex-direction:column}._header_162di_9{padding:20px 24px 10px;color:#fff;flex:0 0 auto}._topNav_162di_15{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}._backButton_162di_22{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}._logoContainer_162di_30{display:flex;justify-content:center;margin-bottom:10px}._logo_162di_30{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}._title_162di_43{font-size:24px;font-weight:700;text-align:center;margin-bottom:10px}._content_162di_50{background:#fff;flex:1;border-top-left-radius:30px;border-top-right-radius:30px;padding:24px 24px 20px;margin-top:auto;box-shadow:0 -4px 20px #0000001a;animation:_slideUp_162di_1 .5s ease-out}@keyframes _slideUp_162di_1{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}._welcomeText_162di_73{text-align:center;margin-bottom:30px}._welcomeText_162di_73 h2{font-size:24px;font-weight:700;color:var(--color-text-main);margin-bottom:8px}._welcomeText_162di_73 p{color:var(--color-text-muted)}._inputGroup_1r73d_1{margin-bottom:20px}._label_1r73d_5{display:block;font-size:14px;font-weight:500;color:var(--color-text-muted);margin-bottom:8px}._inputWrapper_1r73d_13{position:relative;display:flex;align-items:center}._input_1r73d_1{width:100%;padding:14px 16px;font-size:16px;border:1px solid #e5e7eb;border-radius:12px;outline:none;transition:border-color .2s;color:var(--color-text-main);background:#fff}._input_1r73d_1:focus{border-color:var(--color-primary)}._iconButton_1r73d_35{position:absolute;right:16px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center}._iconButton_1r73d_35:hover{color:var(--color-text-main)}._input_1r73d_1._errorBorder_1r73d_50{border-color:#ef4444}._input_1r73d_1._errorBorder_1r73d_50:focus{border-color:#ef4444}._errorMessage_1r73d_59{display:block;font-size:12px;color:#ef4444;margin-top:6px;font-weight:500}._button_mg69s_1{width:100%;padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}._primary_mg69s_16{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff;box-shadow:0 4px 6px -1px #16a34a33,0 2px 4px -1px #16a34a1a}._primary_mg69s_16:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 10px 15px -3px #16a34a4d}._primary_mg69s_16:active{transform:translateY(0)}._outline_mg69s_32{background:#fff;border:1px solid #e5e7eb;color:var(--color-text-main)}._outline_mg69s_32:hover{background-color:#f9fafb}._form_1ywj3_1{display:flex;flex-direction:column}._forgotPassword_1ywj3_6{text-align:center;margin-top:10px;margin-bottom:10px}._forgotPassword_1ywj3_6 a{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:600}._divider_1ywj3_19{display:flex;align-items:center;margin:20px 0;color:var(--color-text-muted);font-size:14px}._divider_1ywj3_19:before,._divider_1ywj3_19:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}._divider_1ywj3_19:before{margin-right:10px}._divider_1ywj3_19:after{margin-left:10px}._socialButtons_1ywj3_42{display:flex;gap:16px;justify-content:space-between}._form_tzkqq_1{display:flex;flex-direction:column}._loginLink_tzkqq_6{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-muted)}._loginLink_tzkqq_6 a{color:var(--color-primary);font-weight:600;text-decoration:none}._loginLink_tzkqq_6 a:hover{text-decoration:underline}._container_146k5_1{padding:90px 0 20px;min-height:100vh;background-color:#f5f5f5;font-family:Poppins,sans-serif;position:relative}._headerContainer_146k5_9{padding:20px 20px 10px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;background-color:#f5f5f5;z-index:100}._greeting_146k5_22{font-size:14px;color:#063;font-weight:500}._userName_146k5_28{font-size:16px;font-weight:700;color:#063;margin:0}._logoutBtn_146k5_35{color:red;font-size:24px;background:none;border:none;cursor:pointer}._wrapper_146k5_44{padding:0 20px}._profileCard_146k5_48{background:linear-gradient(135deg,#063,#004d26);border-radius:20px;padding:20px;color:#fff;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0633;z-index:1}._profileCard_146k5_48:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#ffffff1a;border-radius:50%;z-index:-1}._profileCard_146k5_48:after{content:"";position:absolute;bottom:-80px;right:20px;width:200px;height:200px;background:#ffffff0d;border-radius:50%;z-index:-1}._profileHeader_146k5_84{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}._avatarCircle_146k5_91{width:50px;height:50px;background-color:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#063;font-weight:700;font-size:20px}._arrowIcon_146k5_104{background:#ffffff1a;border-radius:50%;padding:5px;color:#fff}._studentName_146k5_111{font-size:20px;font-weight:700;margin-bottom:10px}._tagContainer_146k5_117{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}._tag_146k5_117{background-color:#ffb300;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}._attendanceBox_146k5_133{background:#ffffff1a;border-radius:12px;padding:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}._attendanceTitle_146k5_140{font-size:12px;margin-bottom:5px;opacity:.9}._attendanceTime_146k5_146{font-size:14px;font-weight:600}._outTime_146k5_151{color:#ffb300;margin-left:10px}._menuGrid_146k5_158{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}._menuItem_146k5_165{background:#fff;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000008;transition:all .2s ease;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}._menuItem_146k5_165:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}._menuItem_146k5_165:active{transform:scale(.98)}._iconWrapper_146k5_189{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:22px;box-shadow:none}._menuItem_146k5_165:hover ._iconWrapper_146k5_189{transform:scale(1.05)}._tagihanIcon_146k5_206{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}._presensiIcon_146k5_211{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}._tabunganIcon_146k5_216{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f9a825}._raportIcon_146k5_221{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#757575}._laporanIcon_146k5_226{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}._pengumumanIcon_146k5_231{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}._menuLabel_146k5_236{font-size:11px;font-weight:600;color:#424242;text-align:center;letter-spacing:0px;line-height:1.2}._comingSoon_146k5_245{background:linear-gradient(135deg,#ff7043,#f4511e);color:#fff;font-size:9px;font-weight:600;padding:3px 8px;border-radius:10px;position:absolute;top:8px;right:8px;box-shadow:0 2px 5px #f4511e4d;z-index:2}._menuItemRelative_146k5_259{position:relative;opacity:.8}._sectionHeader_146k5_265{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}._sectionTitle_146k5_272{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#063}._seeAll_146k5_281{color:#063;font-size:12px;font-weight:600;text-decoration:none}._newsList_146k5_288{display:flex;flex-direction:column;gap:8px}._newsCard_146k5_294{background:#fff;border-radius:16px;padding:15px;display:flex;gap:15px;box-shadow:0 2px 8px #0000000d}._dateBox_146k5_303{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px}._dateDay_146k5_311{font-size:24px;font-weight:800;color:#063;line-height:1}._dateMonth_146k5_318{font-size:12px;font-weight:600;color:#063}._dateYear_146k5_324{background-color:#ffb300;color:#333;font-size:10px;padding:2px 6px;border-radius:4px;margin-top:4px;font-weight:600}._newsContent_146k5_334{flex:1}._newsTitle_146k5_338{font-size:14px;font-weight:700;color:#333;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._newsTag_146k5_350{background-color:#e0e0e0;color:#616161;font-size:10px;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:5px}._location_146k5_360{font-size:11px;color:#757575;display:flex;align-items:center;gap:4px;margin-bottom:5px}._newsExcerpt_146k5_369{font-size:12px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._bottomNav_146k5_381{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:1000}._navItem_146k5_395{color:#9e9e9e;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}._navItemActive_146k5_404{color:#063}._addButton_146k5_408{width:45px;height:45px;background-color:#fff;border:2px solid #BDBDBD;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#757575;margin-top:-25px;box-shadow:0 4px 8px #0000001a}._sliderWrapper_146k5_424{position:relative;width:100%;overflow:hidden}._sliderContainer_146k5_431{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}._sliderContainer_146k5_431::-webkit-scrollbar{display:none}._slide_146k5_424{flex:0 0 100%;scroll-snap-align:center}._dotsContainer_146k5_456{display:flex;justify-content:center;gap:8px;margin-top:10px}._dot_146k5_456{width:8px;height:8px;border-radius:50%;background-color:#e0e0e0;transition:background-color .3s}._activeDot_146k5_471{background-color:#063}._skeleton_1r91g_1{background-color:#e0e0e0;border-radius:4px;position:relative;overflow:hidden}._skeleton_1r91g_1:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:_loading_1r91g_1 1.5s infinite}@keyframes _loading_1r91g_1{0%{transform:translate(-100%)}to{transform:translate(100%)}}._container_1ja8x_1{padding:20px;min-height:100vh;background-color:#f5f5f5;font-family:Poppins,sans-serif}._header_1ja8x_8{display:flex;align-items:center;gap:16px;margin-bottom:24px}._backButton_1ja8x_15{background:#fff;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000d;color:#063;font-size:24px}._pageTitle_1ja8x_30{font-size:18px;font-weight:700;color:#063;margin:0}._profileHeader_1ja8x_38{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#063,#004d26);padding:24px;border-radius:20px;box-shadow:0 4px 15px #0633;margin-bottom:20px;color:#fff;position:relative;overflow:hidden;z-index:1}._profileHeader_1ja8x_38:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#ffffff1a;border-radius:50%;z-index:-1}._profileHeader_1ja8x_38:after{content:"";position:absolute;bottom:-80px;right:20px;width:200px;height:200px;background:#ffffff0d;border-radius:50%;z-index:-1}._avatar_1ja8x_79{width:80px;height:80px;background-color:#fff;color:#063;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 8px #00000026}._name_1ja8x_94{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}._nis_1ja8x_102{font-size:14px;color:#e0e0e0;background:#fff3;padding:4px 12px;border-radius:12px}._section_1ja8x_110{background:#fff;padding:20px;border-radius:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px}._sectionTitle_1ja8x_118{font-size:16px;font-weight:600;color:#063;margin-bottom:16px;display:flex;align-items:center;gap:8px}._infoRow_1ja8x_128{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}._infoRow_1ja8x_128:last-child{border-bottom:none}._label_1ja8x_139{color:#666;font-size:14px}._value_1ja8x_144{color:#333;font-weight:500;font-size:14px;text-align:right}._container_e4u9p_2{padding:0 0 80px;min-height:100vh;background-color:#f5f5f5;font-family:Poppins,sans-serif}._header_e4u9p_9{background:linear-gradient(135deg,#063,#004d26);color:#fff;padding:20px 20px 80px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;position:relative;overflow:hidden;margin-bottom:-50px;box-shadow:0 4px 15px #0633}._topBar_e4u9p_21{display:flex;align-items:center;gap:15px;margin-bottom:25px;position:relative;z-index:20}._backButton_e4u9p_30{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s}._backButton_e4u9p_30:active{transform:scale(.95);background:#ffffff4d}._pageTitle_e4u9p_51{font-size:18px;font-weight:600}._header_e4u9p_9:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}._header_e4u9p_9:after{content:"";position:absolute;bottom:-80px;right:-20px;width:250px;height:250px;background:#ffffff0d;border-radius:50%}._headerContent_e4u9p_78{position:relative;z-index:10;display:flex;align-items:center;gap:20px}._avatar_e4u9p_86{width:70px;height:70px;background-color:#fff;border-radius:50%;border:3px solid rgba(255,255,255,.3)}._studentInfo_e4u9p_94{flex:1}._studentName_e4u9p_98{font-size:20px;font-weight:700;margin:0;letter-spacing:.5px}._studentMeta_e4u9p_105{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}._metaTag_e4u9p_112{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600}._nisTag_e4u9p_119{background-color:#e8f5e9;color:#063}._classTag_e4u9p_124{background-color:#e3f2fd;color:#1565c0}._yearTag_e4u9p_129{background-color:#fff8e1;color:#f9a825}._locationInfo_e4u9p_134{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;opacity:.9}._tabContainer_e4u9p_143{padding:0 20px;display:flex;gap:15px;margin-bottom:20px;position:relative;z-index:10}._tabButton_e4u9p_152{flex:1;padding:14px;border-radius:12px;font-weight:600;font-size:14px;border:none;cursor:pointer;text-align:center;transition:all .2s;box-shadow:0 4px 6px #0000000d}._activeTab_e4u9p_165{background-color:#063;color:#fff}._inactiveTab_e4u9p_170{background-color:#fff;color:#666}._filterSection_e4u9p_175{padding:0 20px;margin-bottom:20px}._dropdown_e4u9p_180{width:100%;padding:12px 15px;border-radius:12px;border:1px solid #e0e0e0;background-color:#fff;font-size:14px;color:#333;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}._billList_e4u9p_196{padding:0 20px 20px;display:flex;flex-direction:column;gap:15px}._billCard_e4u9p_203{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000008;border:1px solid rgba(0,0,0,.04)}._billHeader_e4u9p_211{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._billCode_e4u9p_218{font-size:13px;color:#757575;font-weight:500}._billTypeTag_e4u9p_224{font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px;display:flex;align-items:center;gap:4px}._typePendaftaran_e4u9p_234{background-color:#e8f5e9;color:#063}._typeInfaq_e4u9p_239{background-color:#e3f2fd;color:#1565c0}._billAmount_e4u9p_244{font-size:22px;font-weight:700;color:#333;text-align:right;margin-bottom:15px;font-feature-settings:"tnum"}._billDetails_e4u9p_253{display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid #f0f0f0}._detailRow_e4u9p_261{display:flex;justify-content:space-between;align-items:center;font-size:13px}._detailLabel_e4u9p_268{display:flex;align-items:center;gap:8px;color:#666}._detailIcon_e4u9p_275{font-size:16px}._potongan_e4u9p_279{color:#d32f2f}._mutasi_e4u9p_283{color:#f57c00}._bayar_e4u9p_287{color:#388e3c;font-weight:600}._detailValue_e4u9p_292{font-weight:600;font-feature-settings:"tnum"}._valPotongan_e4u9p_297{color:#d32f2f}._valMutasi_e4u9p_301{color:#f57c00}._valBayar_e4u9p_307{color:#388e3c}._sisaRow_e4u9p_311{border-top:1px dashed #eee;margin-top:8px;padding-top:8px;font-weight:600}._valSisa_e4u9p_318{color:#d32f2f}._valSisa_e4u9p_318[data-value="0"]{color:#388e3c}._summaryCard_e4u9p_328{background:linear-gradient(135deg,#063,#004d26);margin:0 20px 20px;padding:20px;border-radius:20px;color:#fff;box-shadow:0 4px 15px #0633;position:relative;overflow:hidden}._summaryCard_e4u9p_328:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#ffffff0d;border-radius:50%}._summaryRow_e4u9p_351{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600}._summaryRow_e4u9p_351:last-child{margin-bottom:0}._divider_e4u9p_364{height:1px;background-color:#fff3;margin:15px 0}._totalTagihan_e4u9p_370{font-size:16px;font-weight:700;color:#ffe082}._sisaBayar_e4u9p_377{font-size:18px;font-weight:800;margin-top:5px;color:#ffcdd2}._modalOverlay_e4u9p_389{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:_fadeIn_e4u9p_1 .3s ease}._modalContent_e4u9p_404{background-color:#fff;width:100%;max-width:500px;border-radius:20px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0003;animation:_slideUp_e4u9p_1 .3s ease}@keyframes _fadeIn_e4u9p_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_e4u9p_1{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}._modalHeader_e4u9p_439{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}._modalHeader_e4u9p_439 h3{margin:0;font-size:18px;color:#063;font-weight:700}._closeButton_e4u9p_454{background:none;border:none;font-size:24px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px}._modalBody_e4u9p_466{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:15px}._sppItem_e4u9p_475{background-color:#e8f5e9;border-radius:12px;padding:15px}._sppItemHeader_e4u9p_482{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}._sppMonth_e4u9p_489{font-weight:700;color:#063;font-size:14px}._sppDate_e4u9p_495{font-size:11px;color:#757575}._sppDetailRow_e4u9p_500{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px;color:#333}._sppDetailRow_e4u9p_500:last-child{margin-bottom:0}._valTagihan_e4u9p_512,._valBayar_e4u9p_307,._valSisa_e4u9p_318{font-weight:600}._valTagihan_e4u9p_512,._valBayar_e4u9p_307{color:#1565c0}._paid_e4u9p_524,._unpaid_e4u9p_530{color:#d32f2f}._modalFooter_e4u9p_534{padding:20px;background:#fff;display:flex;flex-direction:column;gap:10px}._footerRow_e4u9p_542{background-color:#063;color:#fff;padding:12px 15px;border-radius:10px;display:flex;justify-content:space-between;font-weight:700;font-size:14px;align-items:center}._paymentList_e4u9p_555{padding:0 20px 20px;display:flex;flex-direction:column;gap:15px}._paymentCard_e4u9p_562{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000008;border:1px solid rgba(0,0,0,.04)}._paymentHeader_e4u9p_570{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._paymentIdGroup_e4u9p_577{display:flex;align-items:center;gap:8px;color:#063;font-weight:700;font-size:16px}._paymentDate_e4u9p_586{font-size:12px;color:#999;display:flex;align-items:center}._paymentRow_e4u9p_593{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}._paymentRow_e4u9p_593:last-child{margin-bottom:0}._paymentLabel_e4u9p_605{display:flex;align-items:center;gap:8px;color:#757575}._paymentIcon_e4u9p_612{color:#063}._paymentValue_e4u9p_616{font-weight:700;color:#333}._officerName_e4u9p_621{color:#063}._receiptModal_e4u9p_626{max-width:380px;background-color:#fff;border-radius:20px;padding:0;position:relative;overflow:hidden}._receiptHeader_e4u9p_635{background:linear-gradient(135deg,#063,#004d26);padding:30px 20px 40px;text-align:center;position:relative;border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px}._receiptLogo_e4u9p_644{width:60px;height:60px;background:#fff;border-radius:50%;padding:5px;box-shadow:0 4px 10px #0000001a;position:relative;z-index:10;margin-bottom:-30px}._receiptDivider_e4u9p_657{border-bottom:2px dashed #e0e0e0;margin:20px}._receiptBody_e4u9p_662{padding:10px 25px;display:flex;flex-direction:column;gap:12px}._receiptRow_e4u9p_669{display:flex;justify-content:space-between;font-size:14px;color:#333;align-items:flex-start}._receiptLabel_e4u9p_677{color:#757575}._receiptValue_e4u9p_681{font-weight:600;text-align:right}._receiptTotal_e4u9p_686{color:#063;font-size:16px;font-weight:700}._receiptSectionTitle_e4u9p_692{padding:0 25px;font-size:14px;font-weight:700;color:#063;margin-bottom:10px}._receiptBreakdown_e4u9p_700{padding:0 25px;display:flex;flex-direction:column;gap:8px}._receiptFooter_e4u9p_707{padding:10px 25px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}._qrPlaceholder_e4u9p_716{background-color:#fff;padding:10px;border-radius:10px;display:flex;justify-content:center;align-items:center}._scanText_e4u9p_726{font-size:12px;color:#999}._closeReceiptButton_e4u9p_731{position:absolute;bottom:20px;left:20px;background:none;border:none;font-size:24px;color:#333;cursor:pointer;display:none}._closeReceiptButton_e4u9p_731{display:block;position:absolute;bottom:20px;left:20px;color:#000}._container_1xg4q_1{min-height:100vh;background-color:#f5f5f5;padding-bottom:20px;font-family:Inter,sans-serif}._header_1xg4q_9{background:linear-gradient(135deg,#063,#004d26);padding:20px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;color:#fff;position:relative;box-shadow:0 4px 20px #0633;overflow:hidden}._header_1xg4q_9:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;z-index:0}._header_1xg4q_9:after{content:"";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,#ffffff1f,#fff0 70%);border-radius:50%;z-index:0}._topBar_1xg4q_46,._headerContent_1xg4q_47{position:relative;z-index:1}._topBar_1xg4q_46{display:flex;align-items:center;margin-bottom:20px}._backButton_1xg4q_58{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:15px;font-size:20px;transition:background .2s}._backButton_1xg4q_58:hover{background:#ffffff4d}._pageTitle_1xg4q_79{font-size:18px;font-weight:600}._headerContent_1xg4q_47{display:flex;align-items:center;gap:15px}._avatar_1xg4q_90{width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#063;font-weight:700;font-size:24px;box-shadow:0 4px 10px #0000001a}._studentInfo_1xg4q_104{flex:1}._studentName_1xg4q_108{font-size:18px;font-weight:700;margin:0 0 5px}._studentMeta_1xg4q_114{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}._metaTag_1xg4q_121{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500}._nisTag_1xg4q_128{background-color:#fff3;color:#fff}._classTag_1xg4q_133{background-color:#ffffffe6;color:#063}._yearTag_1xg4q_138{background-color:#fceea7;color:#856404}._locationInfo_1xg4q_143{font-size:12px;opacity:.9;display:flex;align-items:center;gap:5px}._content_1xg4q_152{padding:20px}._sectionTitle_1xg4q_156{font-size:16px;font-weight:700;color:#333;margin-bottom:15px}._balanceCard_1xg4q_163{background:linear-gradient(135deg,#fff,#f0fdf4);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,102,51,.1)}._balanceContent_1xg4q_175{display:flex;flex-direction:column}._balanceLabel_1xg4q_180{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}._balanceValue_1xg4q_187{font-size:28px;font-weight:800;color:#063;letter-spacing:-.5px}._balanceIconWrapper_1xg4q_194{width:60px;height:60px;background:#0066331a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#063}._savingsList_1xg4q_206{display:flex;flex-direction:column;gap:8px}._savingsCard_1xg4q_212{background:linear-gradient(135deg,#063,#004d26);border-radius:20px;padding:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 15px #2e7d324d;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}._savingsCard_1xg4q_212:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#ffffff1a;border-radius:50%}._savingsCard_1xg4q_212:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:#ffffff0d;border-radius:50%}._cardHeader_1xg4q_249{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}._chipIcon_1xg4q_258{width:40px;height:30px;background:#fff3;border-radius:6px;position:relative;overflow:hidden}._chipIcon_1xg4q_258:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}._wifiIcon_1xg4q_278{opacity:.7}._cardBody_1xg4q_282{position:relative;z-index:1}._cardLabel_1xg4q_287{font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase;display:block}._accountNumber_1xg4q_296{font-size:16px;font-weight:500;letter-spacing:1px;margin-bottom:5px;font-family:Courier New,monospace}._accountName_1xg4q_304{font-size:12px;opacity:.9}._cardFooter_1xg4q_309{display:flex;justify-content:space-between;align-items:flex-end;margin-top:15px;position:relative;z-index:1}._cardType_1xg4q_318{font-size:12px;opacity:.9}._balanceContainer_1xg4q_323{text-align:right}._balanceTitle_1xg4q_327{font-size:10px;opacity:.8;display:block;margin-bottom:2px}._cardBalance_1xg4q_334{font-size:18px;font-weight:700}._mastercardLogo_1xg4q_339{display:flex;align-items:center;gap:5px}._mcCircle_1xg4q_345{width:20px;height:20px;border-radius:50%}._mcRed_1xg4q_351{background-color:#eb001b}._mcYellow_1xg4q_355{background-color:#f79e1b;margin-left:-8px}._msText_1xg4q_360{font-size:8px;font-weight:700;font-style:italic}._container_8420w_1{min-height:100vh;background-color:#f8f9fa;padding-bottom:30px;font-family:Inter,sans-serif}._header_8420w_8{background:linear-gradient(135deg,#063,#004d26);color:#fff;padding:30px 20px 80px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;position:relative;overflow:hidden}._header_8420w_8:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;z-index:0}._header_8420w_8:after{content:"";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,#ffffff1f,#fff0 70%);border-radius:50%;z-index:0}._topBar_8420w_45,._accountInfo_8420w_46{position:relative;z-index:1}._topBar_8420w_45{display:flex;align-items:center;gap:15px;margin-bottom:20px}._backButton_8420w_58{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .2s}._backButton_8420w_58:hover{background:#ffffff4d}._pageTitle_8420w_77{font-size:18px;font-weight:600}._accountInfo_8420w_46{margin-top:10px}._accountName_8420w_86{font-size:24px;font-weight:700;margin:0 0 5px}._accountNumber_8420w_93{font-size:14px;opacity:.9;letter-spacing:.5px}._content_8420w_100{padding:0 20px;margin-top:-50px;position:relative;z-index:10}._summaryCard_8420w_108{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 25px #0000000d;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}._balanceLabel_8420w_119{display:block;font-size:14px;color:#666;margin-bottom:8px}._balanceValue_8420w_126{font-size:32px;font-weight:800;color:#2e7d32;letter-spacing:-.5px}._iconWrapper_8420w_133{width:50px;height:50px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2e7d32}._sectionTitle_8420w_144{font-size:18px;font-weight:700;color:#333;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}._transactionList_8420w_154{display:flex;flex-direction:column;gap:15px}._transactionItem_8420w_160{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000008;border:1px solid #f0f0f0;transition:transform .2s}._transactionItem_8420w_160:active{transform:scale(.98)}._transactionLeft_8420w_176{display:flex;align-items:center;gap:15px}._transactionIcon_8420w_182{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}._iconIn_8420w_192{background:#e8f5e9;color:#2e7d32}._iconOut_8420w_197{background:#ffebee;color:#c62828}._transactionMeta_8420w_202{display:flex;flex-direction:column;gap:4px}._transactionType_8420w_208{font-size:15px;font-weight:600;color:#333}._transactionDate_8420w_214{font-size:12px;color:#888}._transactionRight_8420w_219{text-align:right}._transactionAmount_8420w_223{font-size:16px;font-weight:700;display:block;margin-bottom:4px}._amountIn_8420w_230{color:#2e7d32}._amountOut_8420w_234{color:#c62828}._transactionOfficer_8420w_238{font-size:11px;color:#999;font-style:italic}._emptyState_8420w_244{text-align:center;padding:50px 20px;color:#888}._container_16q37_1{min-height:100vh;background-color:#f5f5f5;padding-bottom:20px;font-family:Inter,sans-serif}._header_16q37_9{background:linear-gradient(135deg,#063,#004d26);color:#fff;padding:30px 20px 80px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;position:relative;box-shadow:0 4px 20px #0633;overflow:hidden}._header_16q37_9:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;z-index:0}._header_16q37_9:after{content:"";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,#ffffff1f,#fff0 70%);border-radius:50%;z-index:0}._topBar_16q37_45{display:flex;align-items:center;gap:15px;margin-bottom:20px;position:relative;z-index:1}._backButton_16q37_54{width:40px;height:40px;background:#fff3;border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}._backButton_16q37_54:hover{background:#ffffff4d}._pageTitle_16q37_72{font-size:18px;font-weight:600}._content_16q37_77{padding:0 20px;margin-top:-60px;position:relative;z-index:10}._detailCard_16q37_84{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000d}._announcementTitle_16q37_91{font-size:18px;font-weight:700;color:#333;margin-bottom:15px;line-height:1.4}._metaInfo_16q37_99{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}._metaItem_16q37_108{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;background:#f8f9fa;padding:6px 12px;border-radius:20px}._categoryTag_16q37_119{background-color:#e8f5e9;color:#2e7d32;font-weight:600}._dateTag_16q37_125{background-color:#fff8e1;color:#f57f17}._locationTag_16q37_130{background-color:#e3f2fd;color:#1565c0}._announcementBody_16q37_135{font-size:14px;line-height:1.6;color:#424242;white-space:pre-wrap}._announcementBody_16q37_135 p{margin-bottom:10px}._errorState_16q37_146{text-align:center;padding:40px;color:#666;background:#fff;margin:20px;border-radius:20px}