.account-section[data-v-69fa0a64]{padding-top:8px;padding-bottom:24px}.profile-card[data-v-69fa0a64]{border-radius:18px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.profile-card-content[data-v-69fa0a64]{background:#fff;align-items:center;gap:14px;padding:18px;display:flex;position:relative}.profile-avatar-wrap[data-v-69fa0a64]{flex-shrink:0;position:relative}.profile-avatar[data-v-69fa0a64]{object-fit:cover;border:3px solid #fff;border-radius:50%;width:72px;height:72px;box-shadow:0 4px 12px #0000001a}.profile-info[data-v-69fa0a64]{flex:1;min-width:0}.profile-name[data-v-69fa0a64]{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.profile-class[data-v-69fa0a64]{color:#6b7280;margin:3px 0 0;font-size:12px;line-height:1.3}.profile-parent[data-v-69fa0a64]{color:#8c8c9e;margin:2px 0 0;font-size:12px}.profile-parent strong[data-v-69fa0a64]{color:#1a1a2e}.profile-edit-btn[data-v-69fa0a64]{--Iconsax-Size:18px;--Iconsax-Color:#28a96b;background:#28a96b1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:4px;text-decoration:none;transition:background .2s;display:flex}.profile-edit-btn[data-v-69fa0a64]:hover{background:#28a96b2e}.account-menu-group[data-v-69fa0a64]{margin-bottom:22px}.menu-group-label[data-v-69fa0a64]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.account-menu-list[data-v-69fa0a64]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.account-menu-item[data-v-69fa0a64]{border-bottom:1px solid #f3f4f6;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.account-menu-item[data-v-69fa0a64]:last-child{border-bottom:none}.account-menu-item[data-v-69fa0a64]:hover{background:#f9fafb}.account-menu-item[data-v-69fa0a64]:active{background:#f3f4f6}.menu-item-icon[data-v-69fa0a64]{--Iconsax-Size:20px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-item-icon.blue[data-v-69fa0a64]{--Iconsax-Color:#3b82f6;background:#3b82f61a}.menu-item-icon.green[data-v-69fa0a64]{--Iconsax-Color:#28a96b;background:#28a96b1a}.menu-item-icon.orange[data-v-69fa0a64]{--Iconsax-Color:#f58218;background:#f582181a}.menu-item-icon.yellow[data-v-69fa0a64]{--Iconsax-Color:#ca8a04;background:#eab3081a}.menu-item-icon.purple[data-v-69fa0a64]{--Iconsax-Color:#8b5cf6;background:#8b5cf61a}.menu-item-icon.red[data-v-69fa0a64]{--Iconsax-Color:#ef4444;background:#ef44441a}.menu-item-text[data-v-69fa0a64]{flex:1;min-width:0}.menu-item-label[data-v-69fa0a64]{color:#1a1a2e;font-size:14px;font-weight:600;line-height:1.3;display:block}.menu-item-desc[data-v-69fa0a64]{color:#8c8c9e;margin-top:2px;font-size:11px;line-height:1.3;display:block}.menu-item-arrow[data-v-69fa0a64]{--Iconsax-Size:16px;--Iconsax-Color:#c5c7d0;flex-shrink:0}.logout-btn[data-v-69fa0a64]{cursor:pointer;--Iconsax-Size:20px;--Iconsax-Color:#ef4444;background:#fff;border:2px solid #fee2e2;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:24px;padding:14px;transition:all .2s;display:flex}.logout-btn span[data-v-69fa0a64]{color:#ef4444;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700}.logout-btn[data-v-69fa0a64]:hover{background:#fef2f2;border-color:#fca5a5}.logout-btn[data-v-69fa0a64]:active{background:#fee2e2;transform:scale(.98)}.app-version[data-v-69fa0a64]{text-align:center;padding:8px 0 16px}.app-version p[data-v-69fa0a64]{color:#b0b3c0;margin:0;font-size:11px;line-height:1.5}.app-version .app-version-sub[data-v-69fa0a64]{margin-top:2px;font-size:10px}.logout-overlay[data-v-69fa0a64]{z-index:9999;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.logout-modal[data-v-69fa0a64]{text-align:center;background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:32px 24px 28px}.logout-modal-icon[data-v-69fa0a64]{--Iconsax-Size:26px;--Iconsax-Color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.logout-modal-title[data-v-69fa0a64]{color:#1a1a2e;margin:0 0 8px;font-size:18px;font-weight:700}.logout-modal-desc[data-v-69fa0a64]{color:#6b7280;margin:0 0 24px;font-size:13px;line-height:1.5}.logout-modal-actions[data-v-69fa0a64]{gap:12px;display:flex}.btn-cancel[data-v-69fa0a64]{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e8e9f0;border-radius:14px;flex:1;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-cancel[data-v-69fa0a64]:hover{background:#f9fafb;border-color:#d1d5db}.btn-confirm-logout[data-v-69fa0a64]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:14px;flex:1;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #ef44444d}.btn-confirm-logout[data-v-69fa0a64]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.btn-confirm-logout[data-v-69fa0a64]:active{transform:translateY(0)}.modal-fade-enter-active[data-v-69fa0a64],.modal-fade-leave-active[data-v-69fa0a64]{transition:opacity .25s}.modal-fade-enter-from[data-v-69fa0a64],.modal-fade-leave-to[data-v-69fa0a64]{opacity:0}.modal-slide-enter-active[data-v-69fa0a64]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-slide-leave-active[data-v-69fa0a64]{transition:transform .2s ease-in}.modal-slide-enter-from[data-v-69fa0a64],.modal-slide-leave-to[data-v-69fa0a64]{transform:translateY(100%)}.edit-modal[data-v-69fa0a64]{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:88vh;padding:22px 22px 28px;overflow-y:auto}.edit-head[data-v-69fa0a64]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.edit-title[data-v-69fa0a64]{color:#1f2a37;margin:0;font-size:18px;font-weight:700}.edit-close[data-v-69fa0a64]{color:#64748b;cursor:pointer;background:#f1f5f4;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}.edit-note[data-v-69fa0a64]{color:#64748b;margin:0 0 14px;font-size:12.5px;line-height:1.5}.edit-banner[data-v-69fa0a64]{border-radius:10px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.edit-banner.ok[data-v-69fa0a64]{color:#0e7a5a;background:#eafaf1;border:1px solid #b7e6cc}.edit-banner.warn[data-v-69fa0a64]{color:#b7791f;background:#fff8ea;border:1px solid #f2dfa8}.edit-block[data-v-69fa0a64]{border:1px solid #e5e9ef;border-radius:14px;margin-bottom:14px;padding:14px 15px}.edit-label[data-v-69fa0a64]{color:#0a5c44;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.edit-foto-row[data-v-69fa0a64]{align-items:center;gap:14px;display:flex}.edit-foto-preview[data-v-69fa0a64]{object-fit:cover;background:#f1f5f4;border:2px solid #e5e9ef;border-radius:50%;flex:none;width:66px;height:66px}.edit-foto-actions[data-v-69fa0a64]{flex:1}.edit-file-hidden[data-v-69fa0a64]{display:none}.edit-hint[data-v-69fa0a64]{color:#94a3b8;margin:6px 0 0;font-size:11.5px}.edit-input[data-v-69fa0a64]{border:1px solid #d6dee6;border-radius:10px;outline:none;width:100%;margin-bottom:9px;padding:10px 12px;font-size:14px}.edit-input[data-v-69fa0a64]:focus{border-color:#0e7a5a}.edit-err[data-v-69fa0a64]{color:#c0392b;margin:2px 0 8px;font-size:12px}.edit-btn-primary[data-v-69fa0a64]{color:#fff;cursor:pointer;background:#0e7a5a;border:0;border-radius:10px;width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:600}.edit-btn-primary[data-v-69fa0a64]:disabled{opacity:.5;cursor:not-allowed}.edit-btn-outline[data-v-69fa0a64]{color:#0e7a5a;cursor:pointer;background:#fff;border:1px solid #0e7a5a;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600}.static-page[data-v-95b80b4e]{padding:12px 0 32px}.static-page p[data-v-95b80b4e]{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.65}.static-page p[data-v-95b80b4e]:last-child{margin-bottom:0}.about-hero[data-v-95b80b4e]{text-align:center;padding:20px 0 24px}.about-logo[data-v-95b80b4e]{width:64px;height:auto;margin-bottom:12px}.about-app-name[data-v-95b80b4e]{color:#1a6e47;letter-spacing:1px;margin:0;font-size:22px;font-weight:800}.about-app-name span[data-v-95b80b4e]{color:#d4a944}.about-tagline[data-v-95b80b4e]{color:#8c8c9e!important;margin-top:4px!important;font-size:12px!important}.static-card[data-v-95b80b4e]{background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.static-card-title[data-v-95b80b4e]{color:#1a1a2e;margin:0 0 12px;font-size:15px;font-weight:700}.feature-list[data-v-95b80b4e]{flex-direction:column;gap:14px;display:flex}.feature-item[data-v-95b80b4e]{align-items:flex-start;gap:12px;display:flex}.feature-dot[data-v-95b80b4e]{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feature-dot.green[data-v-95b80b4e]{background:#28a96b}.feature-dot.orange[data-v-95b80b4e]{background:#f58218}.feature-dot.blue[data-v-95b80b4e]{background:#3b82f6}.feature-dot.purple[data-v-95b80b4e]{background:#8b5cf6}.feature-dot.red[data-v-95b80b4e]{background:#ef4444}.feature-item strong[data-v-95b80b4e]{color:#1a1a2e;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.feature-item p[data-v-95b80b4e]{margin:0!important;font-size:12px!important}.contact-list[data-v-95b80b4e]{flex-direction:column;gap:10px;display:flex}.contact-item[data-v-95b80b4e]{color:#4b5563;align-items:center;gap:10px;font-size:13px;display:flex}.static-page[data-v-71b39d60]{padding:12px 0 32px}.static-page p[data-v-71b39d60]{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.65}.static-page p[data-v-71b39d60]:last-child{margin-bottom:0}.static-card[data-v-71b39d60]{background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.faq-group[data-v-71b39d60]{margin-bottom:20px}.faq-group-label[data-v-71b39d60]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.faq-item[data-v-71b39d60]{background:#fff;border-radius:14px;margin-bottom:8px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000008}.faq-item.open[data-v-71b39d60]{box-shadow:0 4px 16px #28a96b1a}.faq-question[data-v-71b39d60]{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;display:flex}.faq-question span[data-v-71b39d60]{color:#1a1a2e;flex:1;font-size:13px;font-weight:600;line-height:1.4}.faq-item.open .faq-question span[data-v-71b39d60]{color:#28a96b}.faq-arrow[data-v-71b39d60]{--Iconsax-Size:16px;--Iconsax-Color:#c5c7d0;flex-shrink:0;transition:transform .25s}.faq-item.open .faq-arrow[data-v-71b39d60]{--Iconsax-Color:#28a96b;transform:rotate(180deg)}.faq-answer[data-v-71b39d60]{padding:0 16px 14px}.faq-answer p[data-v-71b39d60]{color:#6b7280;margin:0;line-height:1.65;font-size:12px!important}.static-page[data-v-311dc49a]{padding:12px 0 32px}.static-page p[data-v-311dc49a]{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.65}.static-page p[data-v-311dc49a]:last-child{margin-bottom:0}.static-updated[data-v-311dc49a]{font-style:italic;color:#8c8c9e!important;margin-bottom:8px!important;font-size:11px!important}.static-card[data-v-311dc49a]{background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.static-card-title[data-v-311dc49a]{color:#1a1a2e;margin:0 0 10px;font-size:15px;font-weight:700}.static-list[data-v-311dc49a]{margin:8px 0 0;padding-left:18px;list-style:none}.static-list li[data-v-311dc49a]{color:#4b5563;margin-bottom:8px;padding-left:8px;font-size:13px;line-height:1.6;position:relative}.static-list li[data-v-311dc49a]:before{content:"";background:#28a96b;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:-14px}.static-list li[data-v-311dc49a]:last-child{margin-bottom:0}.static-list li strong[data-v-311dc49a]{color:#1a1a2e}.static-page[data-v-9ef68dff]{padding:12px 0 32px}.static-page p[data-v-9ef68dff]{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.65}.static-page p[data-v-9ef68dff]:last-child{margin-bottom:0}.static-card[data-v-9ef68dff]{background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.report-form[data-v-9ef68dff]{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 2px 10px #0000000a}.form-group[data-v-9ef68dff]{margin-bottom:20px}.form-group[data-v-9ef68dff]:last-of-type{margin-bottom:24px}.form-label[data-v-9ef68dff]{color:#1a1a2e;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-control[data-v-9ef68dff]{color:#1a1a2e;box-sizing:border-box;background:#f9fafb;border:2px solid #e8e9f0;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.form-control[data-v-9ef68dff]:focus{background:#f0faf5;border-color:#28a96b;box-shadow:0 0 0 4px #28a96b14}.form-control[data-v-9ef68dff]::placeholder{color:#b0b3c0}.form-textarea[data-v-9ef68dff]{resize:vertical;min-height:100px}.form-hint[data-v-9ef68dff]{color:#8c8c9e;margin-top:6px;font-size:11px;display:block}.category-chips[data-v-9ef68dff]{flex-wrap:wrap;gap:8px;display:flex}.category-chip[data-v-9ef68dff]{color:#6b7280;cursor:pointer;background:#f9fafb;border:2px solid #e8e9f0;border-radius:20px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.category-chip[data-v-9ef68dff]:hover{color:#28a96b;border-color:#28a96b}.category-chip.active[data-v-9ef68dff]{color:#28a96b;background:#28a96b1a;border-color:#28a96b}.btn-submit[data-v-9ef68dff]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #28a96b4d}.btn-submit[data-v-9ef68dff]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #28a96b66}.btn-submit[data-v-9ef68dff]:disabled{opacity:.85;cursor:not-allowed}.btn-loader[data-v-9ef68dff]{justify-content:center;align-items:center;gap:8px;display:flex}.spinner[data-v-9ef68dff]{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-9ef68dff}@keyframes spin-9ef68dff{to{transform:rotate(360deg)}}.success-card[data-v-9ef68dff]{text-align:center;background:#fff;border-radius:16px;margin-top:14px;padding:32px 20px;box-shadow:0 2px 10px #0000000a}.success-icon[data-v-9ef68dff]{--Iconsax-Size:28px;--Iconsax-Color:#28a96b;background:#28a96b1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.success-card h5[data-v-9ef68dff]{color:#1a1a2e;margin:0 0 8px;font-size:17px;font-weight:700}.success-card p[data-v-9ef68dff]{color:#6b7280;margin:0 0 20px;font-size:13px;line-height:1.5}.btn-back[data-v-9ef68dff]{color:#28a96b;cursor:pointer;background:0 0;border:2px solid #28a96b;border-radius:12px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.btn-back[data-v-9ef68dff]:hover{background:#28a96b0d}.static-page[data-v-d8b78426]{padding:12px 0 32px}.static-page p[data-v-d8b78426]{color:#4b5563;margin:0 0 10px;font-size:13px;line-height:1.65}.static-page p[data-v-d8b78426]:last-child{margin-bottom:0}.static-updated[data-v-d8b78426]{font-style:italic;color:#8c8c9e!important;margin-bottom:8px!important;font-size:11px!important}.static-card[data-v-d8b78426]{background:#fff;border-radius:16px;margin-bottom:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.static-card-title[data-v-d8b78426]{color:#1a1a2e;margin:0 0 10px;font-size:15px;font-weight:700}.static-list[data-v-d8b78426]{margin:8px 0 0;padding-left:18px;list-style:none}.static-list li[data-v-d8b78426]{color:#4b5563;margin-bottom:8px;padding-left:8px;font-size:13px;line-height:1.6;position:relative}.static-list li[data-v-d8b78426]:before{content:"";background:#28a96b;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:-14px}.static-list li[data-v-d8b78426]:last-child{margin-bottom:0}.static-list li strong[data-v-d8b78426]{color:#1a1a2e}.alquran-row[data-v-8d4a11e4]{text-align:left;background:0 0;border:none;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 2px;display:flex}.alquran-row-left[data-v-8d4a11e4]{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.alquran-number-wrap[data-v-8d4a11e4]{background-image:url(/parent-app/images/ornaments/frame-ayat.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.alquran-number[data-v-8d4a11e4]{color:#5f6558;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.alquran-row-content h5[data-v-8d4a11e4]{color:#1a1a2e;margin:0;font-size:15px}.alquran-row-content p[data-v-8d4a11e4]{color:#8c8c9e;margin:3px 0 0;font-size:11px}.alquran-arabic[data-v-8d4a11e4]{color:#1a1a2e;text-align:right;direction:rtl;flex-shrink:0;max-width:28%;margin-left:8px;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;font-size:18px;line-height:1.35}.alquran-row[data-v-534849aa]{text-align:left;background:0 0;border:none;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 2px;display:flex}.alquran-row-left[data-v-534849aa]{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.alquran-number-wrap[data-v-534849aa]{background-image:url(/parent-app/images/ornaments/frame-ayat.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:inline-flex}.alquran-number[data-v-534849aa]{color:#5f6558;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.alquran-row-content h5[data-v-534849aa]{color:#1a1a2e;margin:0;font-size:15px}.alquran-row-content p[data-v-534849aa]{color:#8c8c9e;margin:3px 0 0;font-size:11px}.alquran-arabic[data-v-534849aa]{color:#1a1a2e;text-align:right;direction:rtl;flex-shrink:0;margin-left:8px;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;font-size:20px;line-height:1.35}.alquran-tab-bar[data-v-beff3543]{background:#fff;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:8px;display:grid;box-shadow:0 10px 26px #0f172a0f}.alquran-tab-btn[data-v-beff3543]{color:#8c8c9e;background:0 0;border:none;border-radius:18px;min-height:46px;font-size:14px;font-weight:700;transition:all .2s}.alquran-tab-btn.active[data-v-beff3543]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 12px 24px #28a96b33}.alquran-section[data-v-f081d349]{padding-top:4px;padding-bottom:16px}.alquran-history-wrap[data-v-f081d349]{gap:14px;display:grid}.alquran-history-block[data-v-f081d349]{background:#fff;border-radius:20px;padding:14px;box-shadow:0 6px 22px #0f172a0d}.alquran-history-heading[data-v-f081d349]{color:#1a1a2e;background:#f4f6f8;border-radius:14px;margin-bottom:12px;padding:10px 12px;font-size:14px;font-weight:700}.alquran-history-featured[data-v-f081d349],.alquran-history-row[data-v-f081d349],.alquran-popular-row[data-v-f081d349]{text-align:left;background:0 0;border:none;width:100%;padding:0}.alquran-history-featured[data-v-f081d349]{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 2px;display:flex}.alquran-history-featured-title[data-v-f081d349],.alquran-history-title[data-v-f081d349],.alquran-popular-title[data-v-f081d349]{color:#1a1a2e;font-size:14px;font-weight:700;line-height:1.45}.alquran-history-featured-meta[data-v-f081d349],.alquran-history-meta[data-v-f081d349],.alquran-popular-meta[data-v-f081d349]{color:#8c8c9e;margin-top:4px;font-size:12px;line-height:1.55}.alquran-history-empty[data-v-f081d349]{color:#8c8c9e;padding:6px 2px 2px;font-size:14px}.alquran-history-list[data-v-f081d349],.alquran-popular-list[data-v-f081d349]{display:grid}.alquran-history-row[data-v-f081d349],.alquran-popular-row[data-v-f081d349]{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding:14px 2px;display:flex}.alquran-history-row[data-v-f081d349]:last-child,.alquran-popular-row[data-v-f081d349]:last-child{border-bottom:none;padding-bottom:4px}.alquran-history-text[data-v-f081d349],.alquran-popular-text[data-v-f081d349]{flex:1;min-width:0}.alquran-history-arrow[data-v-f081d349]{color:#8c8c9e;font-size:28px;line-height:1}.alquran-rank-wrap[data-v-f081d349]{background-image:url(/parent-app/images/ornaments/frame-ayat.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.alquran-rank-number[data-v-f081d349]{color:#5f6558;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.alquran-popular-arabic[data-v-f081d349]{color:#1a1a2e;text-align:right;direction:rtl;margin-left:auto;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;font-size:24px}.alquran-ayah-item[data-v-7021e7c7]{background:#fff;border-bottom:1px solid #e6ebe8}.alquran-bismillah-wrap[data-v-7021e7c7]{text-align:center;padding:14px 18px 12px}.alquran-bismillah-text[data-v-7021e7c7]{color:#1a1a2e;direction:rtl;margin:0;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;line-height:1.6}.alquran-ayah-row[data-v-7021e7c7]{align-items:center;padding:8px 16px;display:flex}.alquran-ayah-main[data-v-7021e7c7]{flex:1;align-content:center;gap:4px;min-width:0;display:grid}.alquran-ayah-arabic[data-v-7021e7c7]{color:#1a1a2e;text-align:right;direction:rtl;width:100%;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;line-height:1.45;display:block}.alquran-ayah-text[data-v-7021e7c7]{white-space:normal;display:inline}.alquran-ayah-number-wrap[data-v-7021e7c7]{vertical-align:middle;background-image:url(/parent-app/images/ornaments/frame-ayat.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:8px;display:inline-flex}.alquran-ayah-number[data-v-7021e7c7]{color:#7e6948;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.alquran-ayah-translation[data-v-7021e7c7]{color:#6b7280;margin:0;font-size:13px;line-height:1.55}.alquran-ayah-translation.centered[data-v-7021e7c7]{text-align:center}.alquran-reader[data-v-017695f2]{background:#fff;min-height:100vh}.alquran-reader-header[data-v-017695f2]{color:#1a1a2e;box-shadow:none;background:#fff;padding-top:10px;padding-bottom:12px}.alquran-reader[data-v-017695f2] .section-t-space,.alquran-reader[data-v-017695f2] section{padding-top:0!important}.alquran-reader-topbar[data-v-017695f2]{gap:12px}.alquran-reader-icon-btn[data-v-017695f2]{color:#5f6558;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.alquran-reader-icon-btn svg[data-v-017695f2]{width:22px;height:22px}.alquran-reader-back[data-v-017695f2]{flex-shrink:0;left:-12px!important}.alquran-reader-back[data-v-017695f2] .iconsax{--Iconsax-Color:#5f6558;--Iconsax-Size:18px}.alquran-reader-chip[data-v-017695f2]{color:#1a1a2e;background:#fff;border:1.4px solid #d7ddd4;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:92px;height:38px;margin-left:28px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.alquran-reader-chip svg[data-v-017695f2]{width:16px;height:16px}.alquran-reader-actions[data-v-017695f2]{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.alquran-reader-icon-btn.active[data-v-017695f2]{color:#4d9e91}.alquran-aa-text[data-v-017695f2]{font-size:20px;font-weight:700;line-height:1}.alquran-aa-text.small[data-v-017695f2]{font-size:16px}.alquran-reader-body[data-v-017695f2]{background:#fff}.alquran-reader-meta-strip[data-v-017695f2]{background:#e3f5ea;border-bottom:1px solid #d6e9dd;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:64px;padding:0 16px;display:grid}.alquran-reader-meta-side[data-v-017695f2]{color:#1a1a2e;font-size:14px}.alquran-reader-meta-side.right[data-v-017695f2]{text-align:right}.alquran-reader-meta-center[data-v-017695f2]{text-align:center;color:#6e5d43;direction:rtl;justify-content:center;align-self:stretch;align-items:center;min-width:148px;height:100%;min-height:64px;padding:14px 18px 8px;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Times New Roman,serif;font-size:26px;line-height:1;display:inline-flex}.alquran-reader-content[data-v-017695f2]{background:#fff}.alquran-detail-empty[data-v-017695f2]{text-align:center;padding:48px 0}.alquran-detail-empty h4[data-v-017695f2]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.alquran-detail-empty p[data-v-017695f2]{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.bill-tab-bar[data-v-ba676781]{background:#f3f4f6;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.bill-tab[data-v-ba676781]{color:#8c8c9e;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;outline:none;flex:1;padding:10px 0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.bill-tab[data-v-ba676781]:focus,.bill-tab[data-v-ba676781]:focus-visible{box-shadow:none;outline:none}.bill-tab.active[data-v-ba676781]{color:#fff;background:#28a96b;box-shadow:0 2px 8px #28a96b40}.bill-tab.active[data-v-ba676781]:focus,.bill-tab.active[data-v-ba676781]:focus-visible{box-shadow:0 2px 8px #28a96b40}.monthly-card[data-v-f0b3534f]{background:#fff;border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.monthly-card-header[data-v-f0b3534f]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.monthly-card-name[data-v-f0b3534f]{color:#1a1a2e;margin:0;font-size:14px;font-weight:700}.monthly-card-meta[data-v-f0b3534f]{color:#8c8c9e;margin:3px 0 0;font-size:11px}.monthly-card-chevron[data-v-f0b3534f]{--Iconsax-Size:18px;--Iconsax-Color:#8c8c9e;flex-shrink:0}.monthly-card-body[data-v-f0b3534f]{border-top:1px solid #f3f4f6;padding:4px 0}.period-row[data-v-f0b3534f]{align-items:center;gap:12px;padding:10px 16px;display:flex}.period-row.paid[data-v-f0b3534f]{opacity:.5}.period-row.pending[data-v-f0b3534f]{opacity:.75}.period-row.disabled[data-v-f0b3534f]{opacity:.55}.period-check[data-v-f0b3534f]{cursor:pointer;flex-shrink:0;width:22px;height:22px;position:relative}.period-check input[data-v-f0b3534f]{opacity:0;width:0;height:0;position:absolute}.period-check input:disabled~.checkmark[data-v-f0b3534f]{background:#f3f4f6;border-color:#e5e7eb}.period-check .checkmark[data-v-f0b3534f]{background:#fff;border:2px solid #d1d5db;border-radius:6px;width:22px;height:22px;transition:all .15s;position:absolute;top:0;left:0}.period-check input:checked~.checkmark[data-v-f0b3534f]{background:#28a96b;border-color:#28a96b}.period-check input:checked~.checkmark[data-v-f0b3534f]:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.period-paid-icon[data-v-f0b3534f]{--Iconsax-Size:22px;--Iconsax-Color:#28a96b;flex-shrink:0}.period-pending-icon[data-v-f0b3534f]{--Iconsax-Size:22px;--Iconsax-Color:#f58218;flex-shrink:0}.period-info[data-v-f0b3534f]{flex:1;min-width:0}.period-month[data-v-f0b3534f]{color:#1a1a2e;font-size:13px;font-weight:500}.period-status-text[data-v-f0b3534f]{color:#f58218;margin-top:2px;font-size:10px;display:block}.period-amount[data-v-f0b3534f]{color:#1a1a2e;white-space:nowrap;font-size:13px;font-weight:600}.period-amount.paid[data-v-f0b3534f]{color:#8c8c9e;text-decoration:line-through}.period-bill-card[data-v-ec139276]{background:#fff;border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex;box-shadow:0 2px 12px #0000000a}.period-bill-card.paid[data-v-ec139276]{opacity:.5}.period-bill-card.pending[data-v-ec139276]{opacity:.8}.bill-check[data-v-ec139276]{cursor:pointer;flex-shrink:0;width:22px;height:22px;position:relative}.bill-check input[data-v-ec139276]{opacity:0;width:0;height:0;position:absolute}.bill-check .checkmark[data-v-ec139276]{background:#fff;border:2px solid #d1d5db;border-radius:6px;width:22px;height:22px;transition:all .15s;position:absolute;top:0;left:0}.bill-check input:checked~.checkmark[data-v-ec139276]{background:#28a96b;border-color:#28a96b}.bill-check input:checked~.checkmark[data-v-ec139276]:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.bill-paid-icon[data-v-ec139276]{--Iconsax-Size:22px;--Iconsax-Color:#28a96b;flex-shrink:0}.bill-pending-icon[data-v-ec139276]{--Iconsax-Size:22px;--Iconsax-Color:#f58218;flex-shrink:0}.bill-info[data-v-ec139276]{flex:1;min-width:0}.bill-name[data-v-ec139276]{color:#1a1a2e;margin:0;font-size:14px;font-weight:600}.bill-partial[data-v-ec139276]{color:#8c8c9e;margin:2px 0 0;font-size:11px}.bill-pending-text[data-v-ec139276]{color:#f58218;margin:2px 0 0;font-size:11px}.bill-amount-wrap[data-v-ec139276]{text-align:right;flex-shrink:0}.bill-amount[data-v-ec139276]{color:#1a1a2e;font-size:13px;font-weight:700;display:block}.bill-amount.paid[data-v-ec139276]{color:#28a96b;font-size:12px}.bill-amount.pending[data-v-ec139276]{color:#f58218;font-size:12px}.bill-amount-original[data-v-ec139276]{color:#8c8c9e;margin-top:1px;font-size:10px;text-decoration:line-through;display:block}.history-card[data-v-5dcc8dae]{background:#fff;border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.history-card-top[data-v-5dcc8dae]{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.history-id[data-v-5dcc8dae]{color:#1a1a2e;margin:0;font-size:12px;font-weight:700}.history-date[data-v-5dcc8dae]{color:#8c8c9e;margin:2px 0 0;font-size:11px}.history-badge[data-v-5dcc8dae]{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700}.history-badge.paid[data-v-5dcc8dae]{color:#28a96b;background:#28a96b1a}.history-badge.pending[data-v-5dcc8dae]{color:#f58218;background:#f582181a}.history-badge.rejected[data-v-5dcc8dae]{color:#ef4444;background:#ef44441a}.history-items[data-v-5dcc8dae]{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.history-item-tag[data-v-5dcc8dae]{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:4px 10px;font-size:11px}.history-card-bottom[data-v-5dcc8dae]{justify-content:space-between;align-items:center;display:flex}.history-method[data-v-5dcc8dae]{color:#6b7280;--Iconsax-Size:16px;--Iconsax-Color:#8c8c9e;align-items:center;gap:6px;font-size:12px;display:flex}.history-amount[data-v-5dcc8dae]{color:#1a1a2e;font-size:14px;font-weight:700}.history-upload-btn[data-v-5dcc8dae]{cursor:pointer;color:#28a96b;--Iconsax-Size:18px;--Iconsax-Color:#28a96b;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.history-upload-btn[data-v-5dcc8dae]:hover{background:#28a96b0a;border-color:#28a96b}.history-download-btn[data-v-5dcc8dae]{cursor:pointer;color:#28a96b;--Iconsax-Size:18px;--Iconsax-Color:#28a96b;background:#28a96b0f;border:1.5px solid #28a96b;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.history-download-btn[data-v-5dcc8dae]:hover{background:#28a96b1f}.history-instruction-btn[data-v-5dcc8dae]{cursor:pointer;color:#28a96b;--Iconsax-Size:18px;--Iconsax-Color:#28a96b;background:#28a96b0f;border:1.5px solid #28a96b;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.history-instruction-btn[data-v-5dcc8dae]:hover{background:#28a96b1f}.summary-card[data-v-2135dca4]{background:#fff;border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.summary-card-top[data-v-2135dca4]{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.summary-name[data-v-2135dca4]{color:#1a1a2e;margin:0;font-size:14px;font-weight:700}.summary-type[data-v-2135dca4]{color:#8c8c9e;margin-top:2px;font-size:11px;display:block}.summary-badge[data-v-2135dca4]{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700}.summary-badge.paid[data-v-2135dca4]{color:#28a96b;background:#28a96b1a}.summary-badge.partial[data-v-2135dca4],.summary-badge.pending[data-v-2135dca4]{color:#f58218;background:#f582181a}.summary-badge.unpaid[data-v-2135dca4]{color:#ef4444;background:#ef44441a}.summary-amounts[data-v-2135dca4]{margin-bottom:10px}.summary-row[data-v-2135dca4]{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.summary-label[data-v-2135dca4]{color:#8c8c9e;font-size:12px}.summary-value[data-v-2135dca4]{color:#1a1a2e;font-size:12px}.summary-value.green[data-v-2135dca4]{color:#28a96b}.summary-value.bold[data-v-2135dca4]{font-weight:700}.summary-progress[data-v-2135dca4]{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.summary-progress-bar[data-v-2135dca4]{background:linear-gradient(90deg,#28a96b,#1a6e47);border-radius:3px;height:100%;transition:width .3s}.proof-overlay[data-v-585f229b]{z-index:9999;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.proof-modal[data-v-585f229b]{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:24px 20px 28px}.proof-modal-header[data-v-585f229b]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.proof-modal-header h4[data-v-585f229b]{color:#1a1a2e;margin:0;font-size:16px;font-weight:700}.proof-close[data-v-585f229b]{cursor:pointer;--Iconsax-Size:24px;--Iconsax-Color:#8c8c9e;background:0 0;border:none;padding:0}.proof-desc[data-v-585f229b]{color:#8c8c9e;margin:0 0 16px;font-size:12px;line-height:1.4}.proof-upload-area[data-v-585f229b]{text-align:center;cursor:pointer;--Iconsax-Size:36px;--Iconsax-Color:#8c8c9e;border:2px dashed #d1d5db;border-radius:14px;margin-bottom:16px;padding:28px 16px;transition:all .2s}.proof-upload-area[data-v-585f229b]:hover{background:#28a96b05;border-color:#28a96b}.proof-upload-area p[data-v-585f229b]{color:#1a1a2e;margin:10px 0 4px;font-size:13px;font-weight:600}.proof-upload-area span[data-v-585f229b]{color:#8c8c9e;font-size:11px}.proof-preview-img[data-v-585f229b]{object-fit:contain;border-radius:8px;max-width:100%;max-height:160px}.proof-file-info[data-v-585f229b]{color:#1a1a2e;--Iconsax-Size:24px;--Iconsax-Color:#ef4444;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.proof-remove[data-v-585f229b]{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;margin-top:10px;padding:4px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-block}.proof-submit-btn[data-v-585f229b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #28a96b4d}.proof-submit-btn[data-v-585f229b]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.modal-fade-enter-active[data-v-585f229b],.modal-fade-leave-active[data-v-585f229b]{transition:opacity .25s}.modal-fade-enter-from[data-v-585f229b],.modal-fade-leave-to[data-v-585f229b]{opacity:0}.modal-slide-enter-active[data-v-585f229b]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-slide-leave-active[data-v-585f229b]{transition:transform .2s ease-in}.modal-slide-enter-from[data-v-585f229b],.modal-slide-leave-to[data-v-585f229b]{transform:translateY(100%)}.saving-select-control[data-v-5af8a94f]{width:100%;position:relative;cursor:pointer!important}.saving-select-trigger[data-v-5af8a94f]{text-align:left;color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;display:flex;box-shadow:0 8px 20px #0f172a0a;cursor:pointer!important}.saving-select-control.open .saving-select-trigger[data-v-5af8a94f]{border-color:#b8e4cc;box-shadow:0 0 0 4px #28a96b14}.saving-select-control.disabled .saving-select-trigger[data-v-5af8a94f]{opacity:.65;cursor:not-allowed}.saving-select-label.placeholder[data-v-5af8a94f]{color:#8c8c9e}.saving-select-label[data-v-5af8a94f],.saving-select-label.placeholder[data-v-5af8a94f]{cursor:pointer!important;background:0 0!important}.saving-select-arrow[data-v-5af8a94f],.saving-select-check[data-v-5af8a94f]{flex-shrink:0;width:18px;height:18px}.saving-select-arrow[data-v-5af8a94f]{color:#8c8c9e;transition:transform .2s;cursor:pointer!important}.saving-select-control.open .saving-select-arrow[data-v-5af8a94f]{transform:rotate(180deg)}.saving-select-arrow svg[data-v-5af8a94f],.saving-select-check svg[data-v-5af8a94f]{width:100%;height:100%;display:block}.saving-select-menu[data-v-5af8a94f]{z-index:20;background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 36px #0f172a1f}.saving-select-option[data-v-5af8a94f]{text-align:left;color:#1a1a2e;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:DM Sans,sans-serif;font-size:13px;display:flex;cursor:pointer!important}.saving-select-option+.saving-select-option[data-v-5af8a94f]{margin-top:4px}.saving-select-option.active[data-v-5af8a94f]{color:#28a96b;background:#28a96b1a;font-weight:700}.saving-select-check[data-v-5af8a94f]{color:#28a96b}.bayar-section[data-v-d4aa0f5f]{padding-top:4px;padding-bottom:24px}.bayar-section.has-bottom-bar[data-v-d4aa0f5f]{padding-bottom:100px}.payment-alert[data-v-d4aa0f5f]{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.4}.payment-alert.success[data-v-d4aa0f5f]{color:#1a6e47;background:#28a96b1a}.payment-alert.error[data-v-d4aa0f5f]{color:#b91c1c;background:#ef44441a}.bayar-summary[data-v-d4aa0f5f]{background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:18px 16px;display:flex}.bayar-summary-icon[data-v-d4aa0f5f]{--Iconsax-Size:24px;--Iconsax-Color:#fff;background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bayar-summary-label[data-v-d4aa0f5f]{color:#ffffffb3;font-size:12px;display:block}.bayar-summary-amount[data-v-d4aa0f5f]{color:#fff;margin:4px 0 0;font-size:20px;font-weight:700}.section-label[data-v-d4aa0f5f]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.riwayat-controls[data-v-d4aa0f5f]{align-items:center;gap:8px;margin-bottom:14px;display:flex}.riwayat-filter[data-v-d4aa0f5f]{flex:1}.riwayat-sort-btn[data-v-d4aa0f5f]{color:#1a1a2e;cursor:pointer;white-space:nowrap;--Iconsax-Size:16px;--Iconsax-Color:#8c8c9e;background:#fff;border:1.5px solid #e8e9f0;border-radius:12px;align-items:center;gap:5px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.riwayat-sort-btn[data-v-d4aa0f5f]:hover{background:#f9fafb;border-color:#28a96b}.riwayat-sort-btn.active[data-v-d4aa0f5f]{color:#fff;--Iconsax-Color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-color:#0000}.riwayat-sort-btn.active[data-v-d4aa0f5f]:hover{background:linear-gradient(135deg,#239b60 0%,#155d3c 100%)}.bayar-empty[data-v-d4aa0f5f]{text-align:center;padding:24px 0 32px}.bayar-empty p[data-v-d4aa0f5f]{color:#8c8c9e;font-size:13px}.bayar-bottom-bar[data-v-d4aa0f5f]{z-index:100;background:#fff;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:600px;padding:14px 20px;display:flex;position:fixed;bottom:65px;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #00000014}.bayar-bottom-label[data-v-d4aa0f5f]{color:#8c8c9e;font-size:11px;display:block}.bayar-bottom-amount[data-v-d4aa0f5f]{color:#1a1a2e;margin:2px 0 0;font-size:16px;font-weight:700}.bayar-bottom-btn[data-v-d4aa0f5f]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:12px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #28a96b4d}.bayar-bottom-btn[data-v-d4aa0f5f]:active{transform:scale(.97)}.year-selector[data-v-d4aa0f5f]{margin-bottom:16px}.year-label[data-v-d4aa0f5f]{color:#8c8c9e;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.summary-total-card[data-v-d4aa0f5f]{background:linear-gradient(135deg,#1a6e47 0%,#145535 100%);border-radius:16px;margin-top:4px;padding:18px 16px}.summary-total-row[data-v-d4aa0f5f]{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.summary-total-row span[data-v-d4aa0f5f]{color:#ffffffb3;font-size:13px}.summary-total-row .total-value[data-v-d4aa0f5f]{color:#fff;font-weight:600}.summary-total-row .total-value.green[data-v-d4aa0f5f]{color:#86efac}.summary-total-row.main[data-v-d4aa0f5f]{border-top:1px solid #ffffff26;margin-top:4px;padding-top:8px}.summary-total-row.main span[data-v-d4aa0f5f]{color:#fff;font-size:14px;font-weight:700}.summary-total-row.main .total-value[data-v-d4aa0f5f]{font-size:16px}.summary-total-progress[data-v-d4aa0f5f]{background:#ffffff26;border-radius:4px;height:8px;margin-top:14px;overflow:hidden}.summary-total-bar[data-v-d4aa0f5f]{background:linear-gradient(90deg,#86efac,#28a96b);border-radius:4px;height:100%;transition:width .3s}.summary-total-percent[data-v-d4aa0f5f]{color:#fff9;text-align:right;margin:6px 0 0;font-size:11px}.slide-up-enter-active[data-v-d4aa0f5f]{transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}.slide-up-leave-active[data-v-d4aa0f5f]{transition:transform .2s ease-in,opacity .15s}.slide-up-enter-from[data-v-d4aa0f5f],.slide-up-leave-to[data-v-d4aa0f5f]{opacity:0;transform:translate(-50%)translateY(100%)}.sheet-option[data-v-c1d90814]{cursor:pointer;border-radius:12px;transition:background .15s}.sheet-option[data-v-c1d90814]:hover{background:#f9fafb}.sheet-option.is-selected[data-v-c1d90814]{background:#28a96b0a}.sheet-option label[data-v-c1d90814]{cursor:pointer;pointer-events:none}.checkout-section[data-v-21d9459e]{padding-top:8px;padding-bottom:32px}.checkout-alert[data-v-21d9459e]{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.4}.checkout-alert.success[data-v-21d9459e]{color:#1a6e47;background:#28a96b1a}.checkout-alert.error[data-v-21d9459e]{color:#b91c1c;background:#ef44441a}.section-label[data-v-21d9459e]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.checkout-items-card[data-v-21d9459e]{background:#fff;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.checkout-item-row[data-v-21d9459e]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.checkout-item-name[data-v-21d9459e]{color:#1a1a2e;font-size:13px;font-weight:600;display:block}.checkout-item-period[data-v-21d9459e]{color:#8c8c9e;margin-top:1px;font-size:11px;display:block}.checkout-item-amount[data-v-21d9459e]{color:#1a1a2e;white-space:nowrap;font-size:13px;font-weight:600}.checkout-total-row[data-v-21d9459e]{background:#f9fafb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.checkout-total-row span[data-v-21d9459e]{color:#1a1a2e;font-size:14px;font-weight:700}.checkout-total-amount[data-v-21d9459e]{color:#28a96b;font-size:16px;font-weight:700}.method-selector[data-v-21d9459e]{cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;transition:background .15s;display:flex;box-shadow:0 2px 12px #0000000a}.method-selector[data-v-21d9459e]:hover{background:#f9fafb}.method-placeholder[data-v-21d9459e]{color:#8c8c9e;font-size:13px}.method-selected-name[data-v-21d9459e]{color:#1a1a2e;font-size:14px;font-weight:600;display:block}.method-selected-detail[data-v-21d9459e]{color:#8c8c9e;margin-top:2px;font-size:11px;display:block}.method-arrow[data-v-21d9459e]{--Iconsax-Size:18px;--Iconsax-Color:#8c8c9e;flex-shrink:0}.bank-info-card[data-v-21d9459e]{background:#fff;border-radius:16px;margin-bottom:20px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.bank-info-row[data-v-21d9459e]{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.bank-label[data-v-21d9459e]{color:#8c8c9e;font-size:12px}.bank-value[data-v-21d9459e]{color:#1a1a2e;font-size:13px;font-weight:600}.bank-value-wrap[data-v-21d9459e]{align-items:center;gap:8px;display:flex}.copy-btn[data-v-21d9459e]{color:#28a96b;cursor:pointer;background:#28a96b1a;border:none;border-radius:6px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.proof-section[data-v-21d9459e]{margin-bottom:20px}.proof-upload-area[data-v-21d9459e]{text-align:center;cursor:pointer;--Iconsax-Size:32px;--Iconsax-Color:#8c8c9e;border:2px dashed #d1d5db;border-radius:14px;padding:24px 16px;transition:all .2s}.proof-upload-area[data-v-21d9459e]:hover{background:#28a96b05;border-color:#28a96b}.proof-upload-area p[data-v-21d9459e]{color:#1a1a2e;margin:8px 0 4px;font-size:13px;font-weight:600}.proof-upload-area span[data-v-21d9459e]{color:#8c8c9e;font-size:11px}.proof-img[data-v-21d9459e]{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px}.proof-file-badge[data-v-21d9459e]{color:#1a1a2e;--Iconsax-Size:24px;--Iconsax-Color:#ef4444;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.proof-remove[data-v-21d9459e]{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;margin-top:10px;padding:4px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-block}.checkout-submit-btn[data-v-21d9459e]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #28a96b4d}.checkout-submit-btn[data-v-21d9459e]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.checkout-submit-btn[data-v-21d9459e]:not(:disabled):active{transform:scale(.98)}.instr-section[data-v-5ed04fd7]{padding-top:8px;padding-bottom:32px}.instr-alert[data-v-5ed04fd7]{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.4}.instr-alert.success[data-v-5ed04fd7]{color:#1a6e47;background:#28a96b1a}.instr-alert.error[data-v-5ed04fd7]{color:#b91c1c;background:#ef44441a}.status-badge[data-v-5ed04fd7]{--Iconsax-Size:16px;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.pending[data-v-5ed04fd7]{color:#b45309;--Iconsax-Color:#b45309;background:#f59e0b1f}.status-badge.paid[data-v-5ed04fd7]{color:#1a6e47;--Iconsax-Color:#1a6e47;background:#28a96b1f}.status-badge.cancel[data-v-5ed04fd7]{color:#b91c1c;--Iconsax-Color:#b91c1c;background:#ef44441f}.amount-card[data-v-5ed04fd7]{background:#fff;border-radius:16px;margin-bottom:20px;padding:16px;box-shadow:0 2px 12px #0000000a}.amount-label[data-v-5ed04fd7]{color:#8c8c9e;margin-bottom:4px;font-size:12px;display:block}.amount-value-wrap[data-v-5ed04fd7]{justify-content:space-between;align-items:center;gap:12px;display:flex}.amount-value[data-v-5ed04fd7]{color:#28a96b;font-size:22px;font-weight:800}.amount-notrans[data-v-5ed04fd7]{color:#8c8c9e;margin-top:8px;font-size:11px;display:block}.section-label[data-v-5ed04fd7]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.bank-info-card[data-v-5ed04fd7]{background:#fff;border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 12px #0000000a}.bank-info-row[data-v-5ed04fd7]{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.bank-label[data-v-5ed04fd7]{color:#8c8c9e;font-size:12px}.bank-value[data-v-5ed04fd7]{color:#1a1a2e;font-size:13px;font-weight:600}.bank-value-wrap[data-v-5ed04fd7]{align-items:center;gap:8px;display:flex}.instr-cash[data-v-5ed04fd7]{color:#1a1a2e;margin:0;font-size:13px}.instr-hint[data-v-5ed04fd7]{color:#8c8c9e;margin:8px 4px 20px;font-size:11px;line-height:1.5}.copy-btn[data-v-5ed04fd7]{color:#28a96b;cursor:pointer;background:#28a96b1a;border:none;border-radius:6px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.proof-current[data-v-5ed04fd7]{margin-bottom:10px}.proof-link[data-v-5ed04fd7]{color:#28a96b;--Iconsax-Size:16px;--Iconsax-Color:#28a96b;font-size:12px;font-weight:600;text-decoration:none}.proof-upload-area[data-v-5ed04fd7]{text-align:center;cursor:pointer;--Iconsax-Size:32px;--Iconsax-Color:#8c8c9e;border:2px dashed #d1d5db;border-radius:14px;padding:24px 16px;transition:all .2s}.proof-upload-area[data-v-5ed04fd7]:hover{background:#28a96b05;border-color:#28a96b}.proof-upload-area p[data-v-5ed04fd7]{color:#1a1a2e;margin:8px 0 4px;font-size:13px;font-weight:600}.proof-upload-area span[data-v-5ed04fd7]{color:#8c8c9e;font-size:11px}.proof-img[data-v-5ed04fd7]{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px}.proof-file-badge[data-v-5ed04fd7]{color:#1a1a2e;--Iconsax-Size:24px;--Iconsax-Color:#ef4444;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.proof-remove[data-v-5ed04fd7]{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;margin-top:10px;padding:4px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-block}.instr-submit-btn[data-v-5ed04fd7]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;margin-top:16px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #28a96b4d}.instr-submit-btn[data-v-5ed04fd7]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.instr-submit-btn[data-v-5ed04fd7]:not(:disabled):active{transform:scale(.98)}.instr-secondary-btn[data-v-5ed04fd7]{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;margin-top:10px;padding:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.belajar-section[data-v-0b2094e6]{padding-top:4px;padding-bottom:16px}.belajar-summary[data-v-0b2094e6]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:20px;margin-bottom:16px;padding:16px 18px;box-shadow:0 8px 24px #1a6e4738}.belajar-summary-head[data-v-0b2094e6]{opacity:.95;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.belajar-summary-grid[data-v-0b2094e6]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.belajar-summary-grid div[data-v-0b2094e6]{text-align:center;background:#ffffff24;border-radius:14px;padding:10px 8px}.belajar-summary-grid strong[data-v-0b2094e6]{font-size:20px;font-weight:700;display:block}.belajar-summary-grid span[data-v-0b2094e6]{opacity:.9;font-size:11px}.belajar-subject[data-v-0b2094e6]{margin-bottom:18px}.belajar-subject-head[data-v-0b2094e6]{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.belajar-subject-head h4[data-v-0b2094e6]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.belajar-subject-head span[data-v-0b2094e6]{color:#8c8c9e;font-size:11px}.belajar-chapter-card[data-v-0b2094e6]{text-align:left;background:#fff;border:none;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px;display:flex;box-shadow:0 6px 20px #0f172a0d}.belajar-chapter-main[data-v-0b2094e6]{flex:1;min-width:0}.belajar-chapter-main h5[data-v-0b2094e6]{color:#1a1a2e;margin:0;font-size:14px;font-weight:700;line-height:1.4}.belajar-chapter-main p[data-v-0b2094e6]{color:#8c8c9e;margin:6px 0 0;font-size:12px;line-height:1.5}.belajar-chapter-count[data-v-0b2094e6]{color:#28a96b;background:#28a96b1f;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.belajar-chevron[data-v-0b2094e6]{color:#c3c7d1;flex:none;width:20px;height:20px}.belajar-empty[data-v-0b2094e6]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.belajar-empty h5[data-v-0b2094e6]{color:#1a1a2e;margin:0;font-size:16px}.belajar-empty p[data-v-0b2094e6]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.materi-section[data-v-7995f2ce]{padding-top:4px;padding-bottom:28px}.materi-chapter-head[data-v-7995f2ce]{background:#fff;border-radius:20px;margin-bottom:14px;padding:18px;box-shadow:0 6px 22px #0000000d}.materi-subject[data-v-7995f2ce]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.materi-chapter-head h1[data-v-7995f2ce]{color:#1a1a2e;margin:12px 0 0;font-size:20px;font-weight:700;line-height:1.35}.materi-chapter-head p[data-v-7995f2ce]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.materi-card[data-v-7995f2ce]{background:#fff;border-radius:20px;margin-bottom:14px;padding:18px;box-shadow:0 6px 22px #0000000d}.materi-card h2[data-v-7995f2ce]{color:#1a1a2e;margin:0 0 12px;font-size:16px;font-weight:700}.materi-video[data-v-7995f2ce]{background:#000;border-radius:14px;width:100%;margin-bottom:14px;padding-top:56.25%;position:relative;overflow:hidden}.materi-video iframe[data-v-7995f2ce]{border:0;width:100%;height:100%;position:absolute;inset:0}.materi-video-link[data-v-7995f2ce]{color:#1f6feb;background:#1f6feb1a;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.materi-content[data-v-7995f2ce]{color:#3f3f52;word-break:break-word;font-size:14px;line-height:1.7}.materi-content[data-v-7995f2ce] img{border-radius:12px;max-width:100%;height:auto}.materi-content[data-v-7995f2ce] table{border-collapse:collapse;width:100%}.materi-content[data-v-7995f2ce] td,.materi-content[data-v-7995f2ce] th{border:1px solid #e5e7eb;padding:6px 8px}.materi-files[data-v-7995f2ce]{flex-direction:column;gap:8px;margin-top:16px;display:flex}.materi-files-label[data-v-7995f2ce]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.materi-file[data-v-7995f2ce]{background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.materi-file-icon[data-v-7995f2ce]{color:#fff;background:#ef4444;border-radius:6px;flex:none;padding:4px 7px;font-size:10px;font-weight:700}.materi-file-name[data-v-7995f2ce]{color:#1a1a2e;word-break:break-word;font-size:13px}.materi-quiz[data-v-7995f2ce]{background:#28a96b14;border:1px solid #28a96b2e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.materi-quiz-info[data-v-7995f2ce]{flex-direction:column;gap:4px;min-width:0;display:flex}.materi-quiz-info span[data-v-7995f2ce]{color:#8c8c9e;font-size:11px}.materi-quiz-info strong[data-v-7995f2ce]{color:#1a1a2e;font-size:14px}.materi-quiz-badges[data-v-7995f2ce]{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.materi-quiz-badge[data-v-7995f2ce]{border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.materi-quiz-badge.info[data-v-7995f2ce]{color:#1f6feb;background:#1f6feb1f}.materi-quiz-badge.success[data-v-7995f2ce]{color:#28a96b;background:#28a96b24}.materi-quiz-badge.warning[data-v-7995f2ce]{color:#b76d12;background:#f5821824}.materi-quiz-badge.failed[data-v-7995f2ce]{color:#ef4444;background:#ef44441f}.materi-quiz-badge.muted[data-v-7995f2ce]{color:#8c8c9e;background:#8c8c9e24}.materi-quiz-btn[data-v-7995f2ce]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:12px;flex:none;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none}.materi-quiz-soon[data-v-7995f2ce]{color:#8c8c9e;flex:none;font-size:12px;font-weight:700}.materi-empty[data-v-7995f2ce]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.materi-empty h5[data-v-7995f2ce]{color:#1a1a2e;margin:0;font-size:16px}.materi-empty p[data-v-7995f2ce]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.erapor-semester-card[data-v-f1ffa438]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.erapor-semester-top[data-v-f1ffa438]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.erapor-semester-label[data-v-f1ffa438]{color:#8c8c9e;font-size:11px;display:block}.erapor-semester-top h5[data-v-f1ffa438]{color:#1a1a2e;margin:4px 0 0;font-size:18px}.erapor-semester-predicate[data-v-f1ffa438]{color:#28a96b;background:#28a96b1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-width:42px;min-height:42px;font-size:16px;font-weight:700;display:inline-flex}.erapor-semester-grid[data-v-f1ffa438]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.erapor-semester-grid div[data-v-f1ffa438]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.erapor-semester-grid span[data-v-f1ffa438],.erapor-semester-footer span[data-v-f1ffa438]:first-child{color:#8c8c9e;font-size:11px}.erapor-semester-grid strong[data-v-f1ffa438]{color:#1a1a2e;font-size:14px}.erapor-semester-footer[data-v-f1ffa438]{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.erapor-semester-link[data-v-f1ffa438]{color:#28a96b;font-size:12px;font-weight:700}.erapor-tabbar[data-v-280a9e51]{background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 8px 24px #0f172a0f}.erapor-tab[data-v-280a9e51]{color:#8c8c9e;background:0 0;border:none;border-radius:18px;min-height:48px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .24s}.erapor-tab.active[data-v-280a9e51]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 16px 28px #28a96b38}.erapor-chart-card[data-v-fc4b224d]{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px 14px 12px;box-shadow:0 6px 20px #0f172a0d}.erapor-chart-head[data-v-fc4b224d]{margin-bottom:12px}.erapor-chart-head h5[data-v-fc4b224d]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.erapor-chart-head p[data-v-fc4b224d]{color:#8c8c9e;margin:4px 0 0;font-size:11px}.erapor-chart-canvas-wrap[data-v-fc4b224d]{height:220px}.erapor-chart-empty[data-v-fc4b224d]{color:#8c8c9e;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.erapor-section[data-v-0c22230b]{padding-top:4px;padding-bottom:16px}.erapor-hero-card[data-v-0c22230b]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.erapor-hero-label[data-v-0c22230b]{color:#ffffffc7;font-size:12px}.erapor-hero-card h3[data-v-0c22230b]{color:#fff;margin:6px 0 0;font-size:24px;font-weight:700}.erapor-hero-card p[data-v-0c22230b]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.erapor-hero-badge[data-v-0c22230b]{color:#fff;background:#ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.erapor-summary-grid[data-v-0c22230b]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.erapor-summary-item[data-v-0c22230b]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.erapor-summary-item span[data-v-0c22230b]{color:#8c8c9e;font-size:11px}.erapor-summary-item strong[data-v-0c22230b]{color:#1a1a2e;font-size:14px}.erapor-section-label[data-v-0c22230b]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.erapor-detail-section[data-v-d38b514b]{padding-top:4px;padding-bottom:28px}.erapor-detail-card[data-v-d38b514b],.erapor-detail-empty[data-v-d38b514b]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.erapor-detail-pill[data-v-d38b514b]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.erapor-detail-card h1[data-v-d38b514b]{color:#1a1a2e;margin:12px 0 0;font-size:22px;font-weight:700;line-height:1.35}.erapor-detail-badges[data-v-d38b514b]{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.erapor-detail-badge[data-v-d38b514b]{border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.erapor-detail-badge.status[data-v-d38b514b]{color:#28a96b;background:#28a96b1f}.erapor-detail-badge.predicate[data-v-d38b514b]{color:#1f6feb;background:#1f6feb1f}.erapor-detail-grid[data-v-d38b514b],.erapor-note-grid[data-v-d38b514b]{gap:10px;margin-top:16px;display:grid}.erapor-note-grid[data-v-d38b514b]{grid-template-columns:repeat(2,minmax(0,1fr))}.erapor-detail-item[data-v-d38b514b],.erapor-subject-card[data-v-d38b514b],.erapor-note-card[data-v-d38b514b],.erapor-attendance-card[data-v-d38b514b],.erapor-exkul-card[data-v-d38b514b]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;padding:14px;box-shadow:0 4px 18px #0f172a0a}.erapor-detail-item[data-v-d38b514b]{background:#f8fafc;flex-direction:column;gap:4px;display:flex}.erapor-detail-item span[data-v-d38b514b],.erapor-attendance-grid span[data-v-d38b514b]{color:#8c8c9e;font-size:11px}.erapor-detail-item strong[data-v-d38b514b],.erapor-attendance-grid strong[data-v-d38b514b]{color:#1a1a2e;font-size:14px}.erapor-subject-card[data-v-d38b514b],.erapor-attendance-card[data-v-d38b514b],.erapor-exkul-card[data-v-d38b514b],.erapor-note-card[data-v-d38b514b]{margin-top:16px}.erapor-subject-card h5[data-v-d38b514b],.erapor-note-card h5[data-v-d38b514b],.erapor-attendance-card h5[data-v-d38b514b],.erapor-exkul-card h5[data-v-d38b514b]{color:#1a1a2e;margin:0 0 12px;font-size:15px;font-weight:700}.erapor-subject-row+.erapor-subject-row[data-v-d38b514b],.erapor-exkul-row+.erapor-exkul-row[data-v-d38b514b]{border-top:1px solid #eef2f7;margin-top:10px;padding-top:10px}.erapor-subject-top[data-v-d38b514b],.erapor-exkul-row[data-v-d38b514b]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.erapor-subject-top strong[data-v-d38b514b],.erapor-exkul-row strong[data-v-d38b514b]{color:#1a1a2e;font-size:14px}.erapor-subject-score[data-v-d38b514b],.erapor-exkul-row span[data-v-d38b514b]{color:#28a96b;white-space:nowrap;font-size:12px;font-weight:700}.erapor-subject-main p[data-v-d38b514b],.erapor-note-card p[data-v-d38b514b],.erapor-exkul-row p[data-v-d38b514b]{color:#6b7280;margin:6px 0 0;font-size:12px;line-height:1.6}.erapor-attendance-grid[data-v-d38b514b]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.erapor-attendance-grid div[data-v-d38b514b]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.erapor-note-card.final[data-v-d38b514b]{background:linear-gradient(135deg,#28a96b14 0%,#1a6e470a 100%)}.erapor-detail-empty[data-v-d38b514b]{text-align:center}.erapor-detail-empty h4[data-v-d38b514b]{color:#1a1a2e;margin:0;font-size:18px}.erapor-detail-empty p[data-v-d38b514b]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.auth-page[data-v-92d2015a]{background:#fff;max-width:600px;min-height:100vh;margin:0 auto}.auth-top[data-v-92d2015a]{text-align:center;padding:52px 24px 30px}.auth-logo[data-v-92d2015a]{width:170px;height:auto;margin:0 auto 10px}.auth-tagline[data-v-92d2015a]{color:#8c8c9e;margin:0;font-size:14px}.auth-card[data-v-92d2015a]{background:#f7f8fc;border-radius:28px 28px 0 0;min-height:calc(100vh - 190px)}.auth-card-inner[data-v-92d2015a]{padding:32px 24px 28px}.auth-head[data-v-92d2015a]{margin-bottom:24px}.auth-head h2[data-v-92d2015a]{color:#1a1a2e;margin:0 0 6px;font-size:22px}.auth-head p[data-v-92d2015a]{color:#8c8c9e;margin:0;font-size:13px;line-height:1.5}.status-banner[data-v-92d2015a]{color:#2563eb;background:#eef7ff;border:1px solid #d9eafe;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5}.status-banner.success[data-v-92d2015a]{color:#1a6e47;background:#edf9f2;border-color:#caecd8}.status-banner.warning[data-v-92d2015a]{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.form-floating-group[data-v-92d2015a]{margin-bottom:18px}.input-icon-wrapper[data-v-92d2015a]{background:#fff;border:2px solid #e8e9f0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.form-floating-group.focused .input-icon-wrapper[data-v-92d2015a]{background:#f0faf5;border-color:#28a96b;box-shadow:0 0 0 4px #28a96b14}.form-floating-group.error .input-icon-wrapper[data-v-92d2015a]{background:#fef5f5;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c14}.input-icon[data-v-92d2015a]{--Iconsax-Size:20px;--Iconsax-Color:#b0b3c0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.form-floating-group.focused .input-icon[data-v-92d2015a]{--Iconsax-Color:#28a96b}.form-floating-group.error .input-icon[data-v-92d2015a]{--Iconsax-Color:#e74c3c}.floating-field[data-v-92d2015a]{flex:1;align-items:center;min-height:52px;display:flex;position:relative}.form-input[data-v-92d2015a]{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;padding:16px 0 6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.floating-field label[data-v-92d2015a]{color:#999;pointer-events:none;font-size:14px;font-weight:500;transition:all .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.form-floating-group.focused .floating-field label[data-v-92d2015a],.form-input:not(:placeholder-shown)+label[data-v-92d2015a]{color:#28a96b;font-size:10px;font-weight:600;top:10px;transform:translateY(0)}.form-input[data-v-92d2015a]::placeholder{color:#0000}.error-text[data-v-92d2015a]{color:#e74c3c;margin-top:6px;margin-left:4px;font-size:11px;font-weight:500;display:block}.btn-submit[data-v-92d2015a]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.btn-loader[data-v-92d2015a]{align-items:center;gap:8px;display:inline-flex}.spinner[data-v-92d2015a]{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin-92d2015a}@keyframes spin-92d2015a{to{transform:rotate(360deg)}}.back-link[data-v-92d2015a]{text-align:center;color:#28a96b;margin-top:20px;font-size:13px;font-weight:600;text-decoration:none;display:block}.header.home-header[data-v-942d7ab3]{margin:0 auto;padding:18px 0 14px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.header.home-header .head-content[data-v-942d7ab3]{justify-content:space-between;align-items:center;gap:14px;display:flex}.header.home-header .student-profile[data-v-942d7ab3]{align-items:center;gap:12px;background:0 0!important;width:100%!important;height:auto!important;display:flex!important}.header.home-header .student-profile .location-icon[data-v-942d7ab3]{background:rgba(var(--theme-color), .08);flex-shrink:0;width:52px;height:52px;overflow:hidden}.header.home-header .student-profile .location-icon .location[data-v-942d7ab3]{object-fit:cover;width:100%;height:100%}.header.home-header .student-profile .location-content[data-v-942d7ab3]{min-width:0}.header.home-header .student-profile .location-content h5[data-v-942d7ab3]{color:rgba(var(--title-color), 1);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.header.home-header .student-profile .location-content h6[data-v-942d7ab3]{color:rgba(var(--content-color), 1);margin-top:3px;font-size:13px}.header.home-header .header-actions[data-v-942d7ab3]{flex-shrink:0}.home-banner-section[data-v-cd5b9c02]{padding-top:6px!important}.home-banner-slider[data-v-cd5b9c02]{border-radius:18px;width:100%;overflow:hidden}.home-banner-link[data-v-cd5b9c02]{width:100%;display:block}.home-banner-section .home-banner[data-v-cd5b9c02]{object-fit:cover;border-radius:18px;width:100%;height:220px}@media (width<=600px){.home-banner-section .home-banner[data-v-cd5b9c02]{height:calc(14.2857vw + 134.286px)}}.reminder-count[data-v-24d1d86c]{color:#f58218;background:#f5821826;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.reminder-box[data-v-24d1d86c]{align-items:flex-start;background-color:#f582181a!important}.reminder-box .offer-content[data-v-24d1d86c]{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.reminder-box .student-reminder-main[data-v-24d1d86c]{flex:1;min-width:0}.reminder-box .student-reminder-main h5[data-v-24d1d86c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.reminder-box .student-reminder-main h6[data-v-24d1d86c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.reminder-box .student-reminder-side[data-v-24d1d86c]{text-align:left;border-left:1px dashed #f5821840;flex-shrink:0;min-width:68px;padding-left:10px}.reminder-box .student-reminder-side h6[data-v-24d1d86c]{color:rgba(var(--content-color), 1);font-size:10px;line-height:1.2}.reminder-box .student-reminder-side h5[data-v-24d1d86c]{color:#f58218;margin-top:4px;font-size:13px;font-weight:700;line-height:1.2}.grid-section-title[data-v-d2433ca1]{color:rgba(var(--title-color), 1);margin:0 0 12px;font-size:16px;font-weight:700}.home-menu-grid[data-v-d2433ca1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;display:grid}.home-menu-cell[data-v-d2433ca1]{min-width:0}.category-menu-item[data-v-d2433ca1]{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;text-decoration:none;display:flex!important}.category-menu-button[data-v-d2433ca1]{font:inherit;color:inherit;background:0 0;border:0;padding:0}.categories-icon-wrap[data-v-d2433ca1]{justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:4px;transition:transform .15s;display:flex}.category-menu-item:active .categories-icon-wrap[data-v-d2433ca1]{transform:scale(.9)}.categories-img[data-v-d2433ca1]{object-fit:contain;width:62px;height:62px}.category-menu-item .categories-name[data-v-d2433ca1]{-webkit-line-clamp:2;white-space:normal;text-align:center;-webkit-box-orient:vertical;min-height:30px;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden;margin:0!important}.home-packages-grid[data-v-023cd267]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid!important}.home-packages-grid .packages-box[data-v-023cd267]{border-radius:14px;min-width:0;width:auto!important}.home-packages-grid .packages-box a[data-v-023cd267]{flex-direction:column;height:100%;display:flex}.home-packages-grid .packages-name[data-v-023cd267]{white-space:normal;font-size:13px;line-height:1.3}.home-packages-grid .packages-price[data-v-023cd267]{font-size:12px;line-height:1.3}.home-packages-grid .d-flex[data-v-023cd267]{margin-top:auto!important}.home-packages-grid .more[data-v-023cd267]{font-size:11px}section[data-v-461d387a]{padding-bottom:10px!important}.blog-slider[data-v-461d387a]{overflow:hidden}.blog-slider .swiper-slide[data-v-461d387a]{height:auto}.blog-slider .blog-box[data-v-461d387a]{border-radius:14px;height:100%;overflow:hidden}.blog-slider[data-v-461d387a] .blog-box-img{border-radius:14px 14px 0 0;overflow:hidden}.blog-slider .blog-details a h4[data-v-461d387a]{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-slider .description-part p[data-v-461d387a]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-header-v2[data-v-d98e72e8]{background:0 0;margin:0;padding:18px 0 90px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.header-bg[data-v-d98e72e8]{z-index:0;background:linear-gradient(135deg,#1a6e47 0%,#28a96b 100%);border-bottom-right-radius:28px;border-bottom-left-radius:28px;position:absolute;inset:0}.home-header-v2 .custom-container[data-v-d98e72e8]{z-index:1;position:relative}.head-content[data-v-d98e72e8]{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.student-profile[data-v-d98e72e8]{flex:1;justify-content:flex-start;align-items:center;gap:12px;min-width:0;margin-left:0;padding-left:0;text-decoration:none;background:0 0!important;display:flex!important}.profile-avatar[data-v-d98e72e8]{background:#ffffff26;border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.profile-avatar img[data-v-d98e72e8]{object-fit:cover;width:100%;height:100%}.profile-greeting[data-v-d98e72e8]{flex-direction:column;min-width:0;line-height:1.2;display:flex}.salam[data-v-d98e72e8]{color:#ffffffd9;font-size:12px;font-weight:400;line-height:1.2}.student-name[data-v-d98e72e8]{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.date-info[data-v-d98e72e8]{color:#ffffffbf;font-size:11px;line-height:1.2}.header-actions[data-v-d98e72e8]{flex-shrink:0;gap:8px;display:flex}.action-btn[data-v-d98e72e8]{color:#fff;background:#ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .2s;display:flex;position:relative}.action-btn[data-v-d98e72e8]:hover{background:#ffffff47}.action-btn .iconsax[data-v-d98e72e8]{color:#fff;width:20px;height:20px}.notif-badge[data-v-d98e72e8]{color:#fff;background:#f58218;border:2px solid #1a6e47;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.reminder-section-v2[data-v-a3973dad]{z-index:2;margin-top:-96px;padding-bottom:8px;position:relative}.reminder-card[data-v-a3973dad]{background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 24px #00000014}.card-header[data-v-a3973dad]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-left[data-v-a3973dad]{align-items:center;gap:8px;display:flex}.card-title[data-v-a3973dad]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.reminder-count[data-v-a3973dad]{color:#f58218;background:#f582181f;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.see-all[data-v-a3973dad]{color:#1a6e47;font-size:12px;font-weight:600;text-decoration:none}.reminder-swiper[data-v-a3973dad]{overflow:hidden}.reminder-item[data-v-a3973dad]{background:linear-gradient(135deg,#f5821814 0%,#f5821808 100%);border:1px solid #f5821826;border-radius:14px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;display:flex}.reminder-icon[data-v-a3973dad]{color:#f58218;background:#f582182e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.reminder-icon .iconsax[data-v-a3973dad]{width:20px;height:20px}.reminder-main[data-v-a3973dad]{flex:1;min-width:0}.reminder-title[data-v-a3973dad]{color:#1a1a2e;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 3px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.reminder-desc[data-v-a3973dad]{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.reminder-side[data-v-a3973dad]{border-left:1px dashed #f582184d;flex-direction:column;flex-shrink:0;align-items:flex-end;padding-left:10px;display:flex}.side-label[data-v-a3973dad]{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:9px;line-height:1.2}.side-value[data-v-a3973dad]{color:#f58218;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:700;line-height:1.2}.card-footer[data-v-a3973dad]{justify-content:center;width:100%;margin-top:12px;display:flex}.reminder-pagination[data-v-a3973dad]{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.reminder-pagination[data-v-a3973dad] .swiper-pagination-bullet{opacity:1;background:#d1d5db;width:6px;height:6px;margin:0 3px}.reminder-pagination[data-v-a3973dad] .swiper-pagination-bullet-active{background:#1a6e47;border-radius:3px;width:18px}.reminder-empty[data-v-a3973dad]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 12px 10px;display:flex}.reminder-empty-icon[data-v-a3973dad]{color:#9aa4b0;background:#f1f5f4;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.reminder-empty-text[data-v-a3973dad]{color:#6b7280;margin:0;font-size:12.5px}.banner-section-v2[data-v-5ea4f6fa]{padding-top:12px}.banner-swiper[data-v-5ea4f6fa]{border-radius:18px;width:100%;position:relative;overflow:hidden}.banner-link[data-v-5ea4f6fa]{background:0 0;border:none;width:100%;padding:0;display:block}.banner-link--button[data-v-5ea4f6fa]{cursor:default}.banner-img[data-v-5ea4f6fa]{aspect-ratio:5/2;object-fit:cover;border-radius:18px;width:100%;height:auto;display:block}.banner-pagination[data-v-5ea4f6fa]{z-index:2;justify-content:center;gap:4px;display:flex;position:absolute;bottom:12px;left:0;right:0}.banner-pagination[data-v-5ea4f6fa] .swiper-pagination-bullet{opacity:1;background:#fff9;width:6px;height:6px}.banner-pagination[data-v-5ea4f6fa] .swiper-pagination-bullet-active{background:#fff;border-radius:3px;width:20px}.home-header-v3[data-v-07718d13]{background:0 0;margin:0;padding:18px 0 90px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.header-bg[data-v-07718d13]{z-index:0;background:linear-gradient(135deg,#1a6e47 0%,#28a96b 100%);border-bottom-right-radius:28px;border-bottom-left-radius:28px;position:absolute;inset:0;overflow:hidden}.batik-pattern[data-v-07718d13]{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0}.home-header-v3 .custom-container[data-v-07718d13]{z-index:1;position:relative}.head-content[data-v-07718d13]{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.student-profile[data-v-07718d13]{flex:1;justify-content:flex-start;align-items:center;gap:12px;min-width:0;margin-left:0;padding-left:0;text-decoration:none;background:0 0!important;display:flex!important}.profile-avatar[data-v-07718d13]{background:#ffffff26;border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.profile-avatar img[data-v-07718d13]{object-fit:cover;width:100%;height:100%}.profile-greeting[data-v-07718d13]{flex-direction:column;min-width:0;line-height:1.2;display:flex}.student-name[data-v-07718d13]{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.date-info[data-v-07718d13]{color:#ffffffd9;font-size:12px;line-height:1.2}.header-actions[data-v-07718d13]{flex-shrink:0;gap:8px;display:flex}.action-btn[data-v-07718d13]{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .2s;display:flex;position:relative}.action-btn[data-v-07718d13]:hover{background:#ffffff47}.notif-badge[data-v-07718d13]{color:#fff;background:#f58218;border:2px solid #1a6e47;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.home-attendance-section[data-v-89ee20ac]{padding-bottom:40px}.attendance-card[data-v-89ee20ac]{background:#fff;border-radius:28px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.attendance-head[data-v-89ee20ac]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.attendance-head h4[data-v-89ee20ac]{color:rgba(var(--title-color), 1);margin:0;font-size:18px;font-weight:800}.attendance-head p[data-v-89ee20ac]{color:#8c8c9e;margin:4px 0 0;font-size:12px;line-height:1.5}.attendance-day-badge[data-v-89ee20ac],.attendance-session-badge[data-v-89ee20ac]{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.attendance-checkinout[data-v-89ee20ac]{background:#f9fafb;border-radius:18px;align-items:center;gap:0;margin-bottom:12px;padding:14px 16px;display:flex}.checkinout-item[data-v-89ee20ac]{flex:1;align-items:center;gap:10px;display:flex}.checkinout-icon[data-v-89ee20ac]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.checkinout-icon.checkin[data-v-89ee20ac]{color:#15803d;background:#dcfce7}.checkinout-icon.checkout[data-v-89ee20ac]{color:#dc2626;background:#fee2e2;border:1px solid #dc262614}.checkinout-label[data-v-89ee20ac]{color:#9ca3af;font-size:11px;font-weight:500;display:block}.checkinout-time[data-v-89ee20ac]{color:rgba(var(--title-color), 1);font-size:18px;font-weight:800;line-height:1.2;display:block}.checkinout-divider[data-v-89ee20ac]{background:#e5e7eb;flex-shrink:0;width:1px;height:36px;margin:0 12px}.checkinout-icon.checkout-pending[data-v-89ee20ac]{color:#9ca3af;background:#f3f4f6}.checkinout-pending-text[data-v-89ee20ac]{color:#f59e0b;margin-top:1px;font-size:12px;font-weight:600;display:block}.attendance-note[data-v-89ee20ac]{color:#7c7f92;margin:0 0 14px;font-size:12px;line-height:1.6}.attendance-session-list[data-v-89ee20ac]{flex-direction:column;gap:10px;display:flex}.attendance-session-item[data-v-89ee20ac]{border-top:1px solid #eef2f7;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.attendance-session-item[data-v-89ee20ac]:first-child{border-top:0;padding-top:0}.attendance-session-time[data-v-89ee20ac]{color:#8c8c9e;font-size:11px;line-height:1.5}.attendance-session-title[data-v-89ee20ac]{color:rgba(var(--title-color), 1);font-size:14px;font-weight:700;line-height:1.4}.attendance-session-teacher[data-v-89ee20ac]{color:#8c8c9e;margin-top:3px;font-size:12px;line-height:1.4}.attendance-empty[data-v-89ee20ac]{text-align:center;padding:18px 8px 4px}.attendance-empty-inner[data-v-89ee20ac]{padding-top:10px}.attendance-empty h5[data-v-89ee20ac]{color:rgba(var(--title-color), 1);margin:0 0 6px;font-size:15px;font-weight:800}.attendance-empty p[data-v-89ee20ac]{color:#8c8c9e;margin:0;font-size:12px;line-height:1.6}.status-hadir[data-v-89ee20ac],.status-present[data-v-89ee20ac]{color:#1f9d63;background:#28a96b24}.status-izin[data-v-89ee20ac],.status-permit[data-v-89ee20ac],.status-sakit[data-v-89ee20ac],.status-sick[data-v-89ee20ac]{color:#d97706;background:#f59e0b26}.status-alfa[data-v-89ee20ac],.status-alpha[data-v-89ee20ac]{color:#ef4444;background:#ef444424}.status-bolos[data-v-89ee20ac]{color:#4f46e5;background:#6366f124}.izin-status-badge[data-v-15d1dbaa]{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.izin-status-badge.pending[data-v-15d1dbaa]{color:#d97706;background:#f59e0b24}.izin-status-badge.approved[data-v-15d1dbaa]{color:#28a96b;background:#28a96b24}.izin-status-badge.rejected[data-v-15d1dbaa]{color:#ef4444;background:#ef444424}.izin-history-card[data-v-34e8a843]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.izin-history-top[data-v-34e8a843]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.izin-history-type[data-v-34e8a843]{color:#28a96b;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.izin-history-top h5[data-v-34e8a843]{color:#1a1a2e;margin:0;font-size:16px;line-height:1.4}.izin-history-desc[data-v-34e8a843]{color:#6b7280;margin:10px 0 0;font-size:12px;line-height:1.6}.izin-history-grid[data-v-34e8a843]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.izin-history-grid div[data-v-34e8a843]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.izin-history-grid span[data-v-34e8a843]{color:#8c8c9e;font-size:11px}.izin-history-grid strong[data-v-34e8a843]{color:#1a1a2e;font-size:12px;line-height:1.5}.izin-chart-card[data-v-747c4d3b]{background:#fff;border-radius:18px;margin-bottom:16px;padding:16px 14px 12px;box-shadow:0 6px 20px #0f172a0d}.izin-chart-head[data-v-747c4d3b]{margin-bottom:12px}.izin-chart-head h5[data-v-747c4d3b]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.izin-chart-head p[data-v-747c4d3b]{color:#8c8c9e;margin:4px 0 0;font-size:11px;line-height:1.45}.izin-chart-canvas-wrap[data-v-747c4d3b]{height:220px}.izin-tab-bar[data-v-1197188a]{background:#fff;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 10px 24px #0f172a0d}.izin-tab-btn[data-v-1197188a]{color:#8c8c9e;background:0 0;border:none;border-radius:14px;min-height:42px;font-size:13px;font-weight:700}.izin-tab-btn.active[data-v-1197188a]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 10px 22px #28a96b3d}.izin-section[data-v-742a1dbb]{padding-top:4px;padding-bottom:16px}.izin-hero-card[data-v-742a1dbb]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.izin-hero-label[data-v-742a1dbb]{color:#ffffffc7;font-size:12px}.izin-hero-card h3[data-v-742a1dbb]{color:#fff;margin:6px 0 0;font-size:26px;font-weight:700}.izin-hero-card p[data-v-742a1dbb]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.izin-hero-icon[data-v-742a1dbb]{color:#fff;background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.izin-hero-icon svg[data-v-742a1dbb],.izin-form-icon svg[data-v-742a1dbb],.izin-success-icon svg[data-v-742a1dbb]{width:24px;height:24px;display:block}.izin-summary-grid[data-v-742a1dbb]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.izin-summary-item[data-v-742a1dbb]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.izin-summary-item span[data-v-742a1dbb]{color:#8c8c9e;font-size:11px}.izin-summary-item strong[data-v-742a1dbb]{color:#1a1a2e;font-size:14px}.izin-summary-item.pending strong[data-v-742a1dbb]{color:#d97706}.izin-summary-item.approved strong[data-v-742a1dbb]{color:#28a96b}.izin-summary-item.rejected strong[data-v-742a1dbb]{color:#ef4444}.izin-section-label[data-v-742a1dbb]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.izin-form-card[data-v-742a1dbb],.izin-empty[data-v-742a1dbb]{background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.izin-alert[data-v-742a1dbb]{border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.6}.izin-alert.success[data-v-742a1dbb]{color:#1a6e47;background:#28a96b1f}.izin-alert.warning[data-v-742a1dbb]{color:#b45309;background:#f59e0b24}.izin-alert.info[data-v-742a1dbb]{color:#2563eb;background:#eef6ff}.izin-form-head[data-v-742a1dbb]{gap:12px;margin-bottom:16px;display:flex}.izin-form-icon[data-v-742a1dbb]{color:#28a96b;background:#28a96b1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.izin-form-head h5[data-v-742a1dbb]{color:#1a1a2e;margin:0;font-size:16px}.izin-form-head p[data-v-742a1dbb]{color:#8c8c9e;margin:6px 0 0;font-size:12px;line-height:1.6}.izin-form-group[data-v-742a1dbb]{margin-bottom:14px}.izin-form-group label[data-v-742a1dbb]{color:#1a1a2e;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.izin-input[data-v-742a1dbb],.izin-textarea[data-v-742a1dbb]{color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;width:100%;font-family:DM Sans,sans-serif;font-size:13px}.izin-input[data-v-742a1dbb]{min-height:46px;padding:0 14px}.izin-textarea[data-v-742a1dbb]{resize:none;min-height:110px;padding:12px 14px}.izin-input[data-v-742a1dbb]:focus,.izin-textarea[data-v-742a1dbb]:focus{border-color:#b8e4cc;outline:none;box-shadow:0 0 0 4px #28a96b14}.izin-date-grid[data-v-742a1dbb]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.izin-upload-control[data-v-742a1dbb]{cursor:pointer;background:#fff;border:1.5px dashed #b8e4cc;border-radius:14px;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;display:flex;position:relative;overflow:hidden;cursor:pointer!important}.izin-upload-input[data-v-742a1dbb]{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;cursor:pointer!important}.izin-upload-input[data-v-742a1dbb]::-webkit-file-upload-button{display:none}.izin-upload-input[data-v-742a1dbb]::file-selector-button{display:none}.izin-upload-button[data-v-742a1dbb]{color:#28a96b;white-space:nowrap;background:#28a96b1f;border-radius:10px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;cursor:pointer!important}.izin-upload-name[data-v-742a1dbb]{color:#1a1a2e;word-break:break-word;flex:1;align-items:center;min-width:0;margin-left:4px;font-size:12px;line-height:1.4;display:inline-flex;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important}.izin-upload-name.placeholder[data-v-742a1dbb]{color:#8c8c9e}.izin-error[data-v-742a1dbb]{color:#ef4444;margin-top:6px;font-size:11px;display:block}.izin-submit-btn[data-v-742a1dbb],.izin-success-btn[data-v-742a1dbb]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.izin-empty[data-v-742a1dbb]{text-align:center}.izin-empty h5[data-v-742a1dbb]{color:#1a1a2e;margin:0;font-size:16px}.izin-empty p[data-v-742a1dbb]{color:#8c8c9e;margin:8px 0 0;font-size:13px}.izin-success-overlay[data-v-742a1dbb]{z-index:80;background:#0f172a57;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.izin-success-modal[data-v-742a1dbb]{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:24px 18px 18px;box-shadow:0 24px 48px #0f172a2e}.izin-success-icon[data-v-742a1dbb]{color:#28a96b;background:#28a96b1f;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 14px;display:flex}.izin-success-modal h4[data-v-742a1dbb]{color:#1a1a2e;margin:0;font-size:18px}.izin-success-modal p[data-v-742a1dbb]{color:#8c8c9e;margin:10px 0 0;font-size:13px;line-height:1.65}.izin-success-box[data-v-742a1dbb]{background:#f8fafc;border-radius:18px;flex-direction:column;gap:4px;margin-top:16px;padding:14px;display:flex}.izin-success-box span[data-v-742a1dbb]{color:#8c8c9e;font-size:11px}.izin-success-box strong[data-v-742a1dbb]{color:#1a1a2e;font-size:15px}.izin-success-btn[data-v-742a1dbb]{margin-top:16px}.modal-fade-enter-active[data-v-742a1dbb],.modal-fade-leave-active[data-v-742a1dbb],.modal-slide-enter-active[data-v-742a1dbb],.modal-slide-leave-active[data-v-742a1dbb]{transition:all .24s}.modal-fade-enter-from[data-v-742a1dbb],.modal-fade-leave-to[data-v-742a1dbb]{opacity:0}.modal-slide-enter-from[data-v-742a1dbb],.modal-slide-leave-to[data-v-742a1dbb]{opacity:0;transform:translateY(16px)}.izin-detail-section[data-v-a0ead467]{padding-top:4px;padding-bottom:28px}.izin-detail-card[data-v-a0ead467],.izin-detail-empty[data-v-a0ead467]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.izin-detail-top[data-v-a0ead467]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.izin-detail-type[data-v-a0ead467]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.izin-detail-top h1[data-v-a0ead467]{color:#1a1a2e;margin:12px 0 0;font-size:22px;line-height:1.35}.izin-detail-grid[data-v-a0ead467]{gap:10px;margin-top:16px;display:grid}.izin-detail-item[data-v-a0ead467]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.izin-detail-item span[data-v-a0ead467]{color:#8c8c9e;font-size:11px}.izin-detail-item strong[data-v-a0ead467]{color:#1a1a2e;font-size:14px;line-height:1.45}.izin-detail-link[data-v-a0ead467]{color:#28a96b;font-weight:700;text-decoration:none}.izin-detail-block[data-v-a0ead467]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.izin-detail-block h5[data-v-a0ead467]{color:#1a1a2e;margin:0 0 10px;font-size:15px}.izin-detail-block p[data-v-a0ead467],.izin-detail-empty p[data-v-a0ead467]{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.izin-detail-btn[data-v-a0ead467]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.izin-detail-empty[data-v-a0ead467]{text-align:center}.izin-detail-empty h4[data-v-a0ead467]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.kalender-status-badge[data-v-24a238b5]{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.kalender-status-badge.upcoming[data-v-24a238b5]{color:#1f6feb;background:#1f6feb1f}.kalender-status-badge.today[data-v-24a238b5]{color:#d97706;background:#f59e0b24}.kalender-status-badge.finished[data-v-24a238b5]{color:#8c8c9e;background:#8c8c9e1f}.kalender-agenda-card[data-v-7ec05814]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.kalender-agenda-top[data-v-7ec05814]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kalender-agenda-category[data-v-7ec05814]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.kalender-agenda-top h5[data-v-7ec05814]{color:#1a1a2e;margin:10px 0 0;font-size:18px}.kalender-agenda-summary[data-v-7ec05814]{color:#6b7280;margin:12px 0 0;font-size:12px;line-height:1.6}.kalender-agenda-meta[data-v-7ec05814]{gap:10px;margin-top:14px;display:grid}.kalender-agenda-meta div[data-v-7ec05814]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.kalender-agenda-meta span[data-v-7ec05814]{color:#8c8c9e;font-size:11px}.kalender-agenda-meta strong[data-v-7ec05814]{color:#1a1a2e;font-size:13px;line-height:1.45}.kalender-agenda-footer[data-v-7ec05814]{color:#28a96b;margin-top:14px;font-size:12px;font-weight:700}.kalender-month-card[data-v-ba698c17]{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px 14px;box-shadow:0 6px 22px #0f172a0d}.kalender-month-head[data-v-ba698c17]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.kalender-month-head h5[data-v-ba698c17]{color:#1a1a2e;text-align:center;margin:0;font-size:16px}.kalender-month-head p[data-v-ba698c17]{color:#8c8c9e;text-align:center;margin:4px 0 0;font-size:11px}.kalender-nav-btn[data-v-ba698c17]{color:#28a96b;background:#28a96b1a;border:none;border-radius:12px;flex-shrink:0;width:36px;height:36px;font-size:14px;font-weight:700}.kalender-weekdays[data-v-ba698c17],.kalender-grid[data-v-ba698c17]{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.kalender-weekdays[data-v-ba698c17]{margin-bottom:8px}.kalender-weekdays span[data-v-ba698c17]{text-align:center;color:#8c8c9e;font-size:10px;font-weight:700}.kalender-cell[data-v-ba698c17]{color:#1a1a2e;background:#f8fafc;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;display:flex}.kalender-cell span[data-v-ba698c17]{font-size:12px;font-weight:700}.kalender-cell i[data-v-ba698c17]{background:#28a96b;border-radius:999px;width:6px;height:6px;display:block}.kalender-cell.muted[data-v-ba698c17]{opacity:.32}.kalender-cell.marked[data-v-ba698c17]{background:#28a96b1a}.kalender-cell.selected[data-v-ba698c17]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%)}.kalender-cell.selected i[data-v-ba698c17]{background:#fff}.kalender-summary-card[data-v-3bf2f50f]{margin-bottom:16px}.kalender-summary-hero[data-v-3bf2f50f]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:18px 16px;display:flex}.kalender-summary-label[data-v-3bf2f50f]{color:#ffffffc7;font-size:12px}.kalender-summary-hero h3[data-v-3bf2f50f]{color:#fff;margin:6px 0 0;font-size:26px;font-weight:700}.kalender-summary-hero p[data-v-3bf2f50f]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.kalender-summary-badge[data-v-3bf2f50f]{color:#fff;background:#ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.kalender-summary-grid[data-v-3bf2f50f]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kalender-summary-item[data-v-3bf2f50f]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.kalender-summary-item span[data-v-3bf2f50f]{color:#8c8c9e;font-size:11px}.kalender-summary-item strong[data-v-3bf2f50f]{color:#1a1a2e;font-size:14px}.kalender-tabbar[data-v-e7e9b006]{background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 8px 24px #0f172a0f}.kalender-tab[data-v-e7e9b006]{color:#8c8c9e;background:0 0;border:none;border-radius:18px;min-height:48px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .24s}.kalender-tab.active[data-v-e7e9b006]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 16px 28px #28a96b38}.kalender-section[data-v-7d3bb5a6]{padding-top:4px;padding-bottom:16px}.kalender-section-label[data-v-7d3bb5a6]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.kalender-empty[data-v-7d3bb5a6]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.kalender-empty h5[data-v-7d3bb5a6]{color:#1a1a2e;margin:0;font-size:16px}.kalender-empty p[data-v-7d3bb5a6]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.kalender-detail-section[data-v-2c1e3443]{padding-top:4px;padding-bottom:28px}.kalender-detail-card[data-v-2c1e3443],.kalender-detail-empty[data-v-2c1e3443]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.kalender-detail-badge[data-v-2c1e3443]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.kalender-detail-card h1[data-v-2c1e3443]{color:#1a1a2e;margin:12px 0 0;font-size:22px;font-weight:700;line-height:1.35}.kalender-detail-grid[data-v-2c1e3443]{gap:10px;margin-top:16px;display:grid}.kalender-detail-item[data-v-2c1e3443],.kalender-detail-note[data-v-2c1e3443]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;padding:14px;box-shadow:0 4px 18px #0f172a0a}.kalender-detail-item[data-v-2c1e3443]{background:#f8fafc;flex-direction:column;gap:4px;display:flex}.kalender-detail-item span[data-v-2c1e3443]{color:#8c8c9e;font-size:11px}.kalender-detail-item strong[data-v-2c1e3443]{color:#1a1a2e;font-size:14px;line-height:1.45}.kalender-detail-note[data-v-2c1e3443]{margin-top:16px}.kalender-detail-note h5[data-v-2c1e3443]{color:#1a1a2e;margin:0 0 12px;font-size:15px;font-weight:700}.kalender-detail-note p[data-v-2c1e3443]{color:#6b7280;margin:0;font-size:12px;line-height:1.7}.kalender-detail-note p+p[data-v-2c1e3443]{margin-top:10px}.kalender-detail-note.parent[data-v-2c1e3443]{background:linear-gradient(135deg,#28a96b14 0%,#1a6e470a 100%)}.kalender-detail-empty[data-v-2c1e3443]{text-align:center}.kalender-detail-empty h4[data-v-2c1e3443]{color:#1a1a2e;margin:0;font-size:18px}.kalender-detail-empty p[data-v-2c1e3443]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.konseling-status-badge[data-v-a9fc2919]{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.konseling-status-badge.pending[data-v-a9fc2919]{color:#d97706;background:#f59e0b24}.konseling-status-badge.scheduled[data-v-a9fc2919]{color:#1f6feb;background:#1f6feb1f}.konseling-status-badge.completed[data-v-a9fc2919]{color:#28a96b;background:#28a96b24}.konseling-history-card[data-v-83ae6aaf]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.konseling-history-top[data-v-83ae6aaf]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.konseling-history-type[data-v-83ae6aaf]{color:#28a96b;background:#28a96b1f;border-radius:999px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.konseling-history-top h5[data-v-83ae6aaf]{color:#1a1a2e;margin:0;font-size:16px;line-height:1.4}.konseling-history-desc[data-v-83ae6aaf]{color:#6b7280;margin:10px 0 0;font-size:12px;line-height:1.6}.konseling-history-grid[data-v-83ae6aaf]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.konseling-history-grid div[data-v-83ae6aaf]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.konseling-history-grid span[data-v-83ae6aaf]{color:#8c8c9e;font-size:11px}.konseling-history-grid strong[data-v-83ae6aaf]{color:#1a1a2e;font-size:12px;line-height:1.5}.konseling-chart-card[data-v-0fffe4bd]{background:#fff;border-radius:18px;margin-bottom:16px;padding:16px 14px 12px;box-shadow:0 6px 20px #0f172a0d}.konseling-chart-head[data-v-0fffe4bd]{margin-bottom:12px}.konseling-chart-head h5[data-v-0fffe4bd]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.konseling-chart-head p[data-v-0fffe4bd]{color:#8c8c9e;margin:4px 0 0;font-size:11px;line-height:1.45}.konseling-chart-canvas-wrap[data-v-0fffe4bd]{height:220px}.konseling-tab-bar[data-v-8ddf2021]{background:#fff;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 10px 24px #0f172a0d}.konseling-tab-btn[data-v-8ddf2021]{color:#8c8c9e;background:0 0;border:none;border-radius:14px;min-height:42px;font-size:13px;font-weight:700}.konseling-tab-btn.active[data-v-8ddf2021]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 10px 22px #28a96b3d}.konseling-section[data-v-b9b2f94e]{padding-top:4px;padding-bottom:16px}.konseling-hero-card[data-v-b9b2f94e]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.konseling-hero-label[data-v-b9b2f94e]{color:#ffffffc7;font-size:12px}.konseling-hero-card h3[data-v-b9b2f94e]{color:#fff;margin:6px 0 0;font-size:26px;font-weight:700}.konseling-hero-card p[data-v-b9b2f94e]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.konseling-hero-icon[data-v-b9b2f94e]{color:#fff;background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.konseling-hero-icon svg[data-v-b9b2f94e],.konseling-form-icon svg[data-v-b9b2f94e],.konseling-success-icon svg[data-v-b9b2f94e]{width:24px;height:24px;display:block}.konseling-summary-grid[data-v-b9b2f94e]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.konseling-summary-item[data-v-b9b2f94e]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.konseling-summary-item span[data-v-b9b2f94e]{color:#8c8c9e;font-size:11px}.konseling-summary-item strong[data-v-b9b2f94e]{color:#1a1a2e;font-size:14px}.konseling-summary-item.pending strong[data-v-b9b2f94e]{color:#d97706}.konseling-summary-item.scheduled strong[data-v-b9b2f94e]{color:#1f6feb}.konseling-summary-item.completed strong[data-v-b9b2f94e]{color:#28a96b}.konseling-section-label[data-v-b9b2f94e]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.konseling-form-card[data-v-b9b2f94e],.konseling-empty[data-v-b9b2f94e]{background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.konseling-form-head[data-v-b9b2f94e]{gap:12px;margin-bottom:16px;display:flex}.konseling-form-icon[data-v-b9b2f94e]{color:#28a96b;background:#28a96b1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.konseling-form-head h5[data-v-b9b2f94e]{color:#1a1a2e;margin:0;font-size:16px}.konseling-form-head p[data-v-b9b2f94e]{color:#8c8c9e;margin:6px 0 0;font-size:12px;line-height:1.6}.konseling-form-group[data-v-b9b2f94e]{margin-bottom:14px}.konseling-form-group label[data-v-b9b2f94e]{color:#1a1a2e;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.konseling-input[data-v-b9b2f94e],.konseling-textarea[data-v-b9b2f94e]{color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;width:100%;font-family:DM Sans,sans-serif;font-size:13px}.konseling-input[data-v-b9b2f94e]{min-height:46px;padding:0 14px}.konseling-textarea[data-v-b9b2f94e]{resize:none;min-height:110px;padding:12px 14px}.konseling-input[data-v-b9b2f94e]:focus,.konseling-textarea[data-v-b9b2f94e]:focus{border-color:#b8e4cc;outline:none;box-shadow:0 0 0 4px #28a96b14}.konseling-schedule-grid[data-v-b9b2f94e]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.konseling-error[data-v-b9b2f94e]{color:#ef4444;margin-top:6px;font-size:11px;display:block}.konseling-submit-btn[data-v-b9b2f94e],.konseling-success-btn[data-v-b9b2f94e]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.konseling-empty[data-v-b9b2f94e]{text-align:center}.konseling-empty h5[data-v-b9b2f94e]{color:#1a1a2e;margin:0;font-size:16px}.konseling-empty p[data-v-b9b2f94e]{color:#8c8c9e;margin:8px 0 0;font-size:13px}.konseling-success-overlay[data-v-b9b2f94e]{z-index:80;background:#0f172a57;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.konseling-success-modal[data-v-b9b2f94e]{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:24px 18px 18px;box-shadow:0 24px 48px #0f172a2e}.konseling-success-icon[data-v-b9b2f94e]{color:#28a96b;background:#28a96b1f;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 14px;display:flex}.konseling-success-modal h4[data-v-b9b2f94e]{color:#1a1a2e;margin:0;font-size:18px}.konseling-success-modal p[data-v-b9b2f94e]{color:#8c8c9e;margin:10px 0 0;font-size:13px;line-height:1.65}.konseling-success-box[data-v-b9b2f94e]{background:#f8fafc;border-radius:18px;flex-direction:column;gap:4px;margin-top:16px;padding:14px;display:flex}.konseling-success-box span[data-v-b9b2f94e]{color:#8c8c9e;font-size:11px}.konseling-success-box strong[data-v-b9b2f94e]{color:#1a1a2e;font-size:15px}.konseling-success-btn[data-v-b9b2f94e]{margin-top:16px}.modal-fade-enter-active[data-v-b9b2f94e],.modal-fade-leave-active[data-v-b9b2f94e],.modal-slide-enter-active[data-v-b9b2f94e],.modal-slide-leave-active[data-v-b9b2f94e]{transition:all .24s}.modal-fade-enter-from[data-v-b9b2f94e],.modal-fade-leave-to[data-v-b9b2f94e]{opacity:0}.modal-slide-enter-from[data-v-b9b2f94e],.modal-slide-leave-to[data-v-b9b2f94e]{opacity:0;transform:translateY(16px)}.konseling-detail-section[data-v-c842da22]{padding-top:4px;padding-bottom:28px}.konseling-detail-card[data-v-c842da22],.konseling-detail-empty[data-v-c842da22]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.konseling-detail-top[data-v-c842da22]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.konseling-detail-type[data-v-c842da22]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.konseling-detail-top h1[data-v-c842da22]{color:#1a1a2e;margin:12px 0 0;font-size:22px;line-height:1.35}.konseling-detail-grid[data-v-c842da22]{gap:10px;margin-top:16px;display:grid}.konseling-detail-item[data-v-c842da22]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.konseling-detail-item span[data-v-c842da22]{color:#8c8c9e;font-size:11px}.konseling-detail-item strong[data-v-c842da22]{color:#1a1a2e;font-size:14px;line-height:1.45}.konseling-detail-block[data-v-c842da22]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.konseling-detail-block h5[data-v-c842da22]{color:#1a1a2e;margin:0 0 10px;font-size:15px}.konseling-detail-block p[data-v-c842da22],.konseling-detail-empty p[data-v-c842da22]{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.konseling-detail-btn[data-v-c842da22]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.konseling-detail-empty[data-v-c842da22]{text-align:center}.konseling-detail-empty h4[data-v-c842da22]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.login-page[data-v-61fce782]{background:#fff;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;overflow-x:hidden}.login-top[data-v-61fce782]{text-align:center;background:#fff;padding:52px 24px 44px;position:relative;overflow:hidden}.top-bg[data-v-61fce782]{pointer-events:none;position:absolute;inset:0}.bg-circle[data-v-61fce782]{border-radius:50%;position:absolute}.bg-circle-1[data-v-61fce782]{background:radial-gradient(circle,#28a96b0f 0%,#0000 70%);width:260px;height:260px;top:-100px;right:-80px}.bg-circle-2[data-v-61fce782]{background:radial-gradient(circle,#d4af370f 0%,#0000 70%);width:200px;height:200px;bottom:-60px;left:-70px}.top-content[data-v-61fce782]{z-index:1;position:relative}.login-logo[data-v-61fce782]{width:180px;height:auto;margin-bottom:10px}.login-tagline[data-v-61fce782]{color:#8c8c9e;letter-spacing:.3px;margin:0;font-size:14px;font-weight:500}.login-card[data-v-61fce782]{z-index:2;background:#f7f8fc;border-radius:28px 28px 0 0;flex-direction:column;flex:1;display:flex;position:relative}.login-card-inner[data-v-61fce782]{flex:1;padding:32px 24px 20px}.login-welcome[data-v-61fce782]{margin-bottom:28px}.login-welcome h2[data-v-61fce782]{color:#1a1a2e;margin:0 0 6px;font-size:22px;font-weight:700}.login-welcome p[data-v-61fce782]{color:#8c8c9e;margin:0;font-size:13px;line-height:1.4}.status-banner[data-v-61fce782]{color:#2563eb;background:#eef7ff;border:1px solid #d9eafe;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5}.status-banner.success[data-v-61fce782]{color:#1a6e47;background:#edf9f2;border-color:#caecd8}.status-banner.warning[data-v-61fce782]{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.form-floating-group[data-v-61fce782]{margin-bottom:18px}.input-icon-wrapper[data-v-61fce782]{background:#fff;border:2px solid #e8e9f0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:all .3s;display:flex}.form-floating-group.focused .input-icon-wrapper[data-v-61fce782]{background:#f0faf5;border-color:#28a96b;box-shadow:0 0 0 4px #28a96b14}.form-floating-group.error .input-icon-wrapper[data-v-61fce782]{background:#fef5f5;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c14}.input-icon[data-v-61fce782]{--Iconsax-Size:20px;--Iconsax-Color:#b0b3c0;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.form-floating-group.focused .input-icon[data-v-61fce782]{--Iconsax-Color:#28a96b}.form-floating-group.error .input-icon[data-v-61fce782]{--Iconsax-Color:#e74c3c}.floating-field[data-v-61fce782]{flex:1;align-items:center;min-height:52px;display:flex;position:relative}.floating-field .form-input[data-v-61fce782]{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;padding:16px 0 6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.floating-field label[data-v-61fce782]{color:#999;pointer-events:none;font-size:14px;font-weight:500;transition:all .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.form-floating-group.focused .floating-field label[data-v-61fce782],.floating-field .form-input:not(:placeholder-shown)+label[data-v-61fce782]{color:#28a96b;font-size:10px;font-weight:600;top:10px;transform:translateY(0)}.form-floating-group.error .floating-field label[data-v-61fce782]{color:#e74c3c}.floating-field .form-input[data-v-61fce782]::placeholder{color:#0000}.toggle-password[data-v-61fce782]{cursor:pointer;--Iconsax-Size:20px;--Iconsax-Color:#b0b3c0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.error-text[data-v-61fce782]{color:#e74c3c;margin-top:6px;margin-left:4px;font-size:11px;font-weight:500;display:block}.forgot-row[data-v-61fce782]{text-align:right;margin-top:-6px;margin-bottom:24px}.forgot-link[data-v-61fce782]{color:#28a96b;font-size:13px;font-weight:600;text-decoration:none}.btn-login[data-v-61fce782]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;box-shadow:0 6px 20px #28a96b4d}.btn-login[data-v-61fce782]:disabled{cursor:not-allowed;opacity:.85}.btn-login-loader[data-v-61fce782]{justify-content:center;align-items:center;gap:8px;display:flex}.spinner[data-v-61fce782]{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin-61fce782}@keyframes spin-61fce782{to{transform:rotate(360deg)}}.login-footer[data-v-61fce782]{text-align:center;padding:16px 24px 24px}.login-footer p[data-v-61fce782]{color:#b0b3c0;margin:0;font-size:11px}.pelanggaran-section[data-v-fa8a0afa]{padding-top:4px;padding-bottom:18px}.pelanggaran-hero-card[data-v-fa8a0afa]{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.pelanggaran-hero-label[data-v-fa8a0afa]{color:#fffc;font-size:12px}.pelanggaran-hero-card h3[data-v-fa8a0afa]{color:#fff;margin:6px 0 0;font-size:22px;font-weight:700}.pelanggaran-hero-card p[data-v-fa8a0afa]{color:#ffffffe0;margin:8px 0 0;font-size:12px;line-height:1.6}.pelanggaran-hero-icon[data-v-fa8a0afa]{color:#fff;background:#ffffff24;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.pelanggaran-hero-icon svg[data-v-fa8a0afa]{width:28px;height:28px}.pelanggaran-tabbar[data-v-fa8a0afa]{background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:8px;display:grid;box-shadow:0 8px 28px #0f172a0f}.pelanggaran-tabbar button[data-v-fa8a0afa]{color:#8c8c9e;background:0 0;border:none;border-radius:16px;min-height:44px;font-size:15px;font-weight:700}.pelanggaran-tabbar button.active[data-v-fa8a0afa]{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 12px 24px #ef444438}.pelanggaran-summary-grid[data-v-fa8a0afa]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pelanggaran-summary-card[data-v-fa8a0afa],.pelanggaran-period-card[data-v-fa8a0afa],.pelanggaran-record-card[data-v-fa8a0afa],.pelanggaran-empty[data-v-fa8a0afa]{background:#fff;border-radius:18px;box-shadow:0 4px 18px #0000000a}.pelanggaran-summary-card[data-v-fa8a0afa]{flex-direction:column;gap:4px;padding:14px;display:flex}.pelanggaran-summary-card span[data-v-fa8a0afa],.pelanggaran-period-card span[data-v-fa8a0afa]{color:#8c8c9e;font-size:11px}.pelanggaran-summary-card strong[data-v-fa8a0afa],.pelanggaran-period-card strong[data-v-fa8a0afa]{color:#1a1a2e;font-size:15px}.pelanggaran-summary-card small[data-v-fa8a0afa]{color:#94a3b8;font-size:11px;line-height:1.4}.pelanggaran-period-card[data-v-fa8a0afa]{flex-direction:column;gap:4px;margin-top:10px;padding:14px;display:flex}.pelanggaran-section-label[data-v-fa8a0afa]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:14px 0 10px 4px;font-size:12px;font-weight:700}.pelanggaran-record-card[data-v-fa8a0afa]{text-align:left;border:none;width:100%;margin-bottom:10px;padding:16px 14px}.pelanggaran-record-top[data-v-fa8a0afa]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pelanggaran-record-category[data-v-fa8a0afa]{color:#dc2626;background:#ef44441f;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.pelanggaran-record-top h5[data-v-fa8a0afa]{color:#1a1a2e;margin:10px 0 0;font-size:16px}.pelanggaran-point-badge[data-v-fa8a0afa]{color:#dc2626;white-space:nowrap;background:#ef44441a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}.pelanggaran-record-meta[data-v-fa8a0afa]{color:#8c8c9e;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:12px;display:flex}.pelanggaran-record-desc[data-v-fa8a0afa]{color:#6b7280;margin:10px 0 0;font-size:13px;line-height:1.6}.pelanggaran-record-summon[data-v-fa8a0afa]{color:#dc2626;background:#fff5f5;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.pelanggaran-record-summon small[data-v-fa8a0afa]{color:#9f1239;font-size:11px}.pelanggaran-empty[data-v-fa8a0afa]{text-align:center;padding:24px 18px}.pelanggaran-empty h5[data-v-fa8a0afa]{color:#1a1a2e;margin:0;font-size:16px}.pelanggaran-empty p[data-v-fa8a0afa]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.pelanggaran-detail-section[data-v-816aa536]{padding-top:4px;padding-bottom:28px}.pelanggaran-detail-card[data-v-816aa536],.pelanggaran-detail-empty[data-v-816aa536]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.pelanggaran-detail-top[data-v-816aa536]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pelanggaran-detail-type[data-v-816aa536]{color:#dc2626;background:#ef44441f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.pelanggaran-detail-top h1[data-v-816aa536]{color:#1a1a2e;margin:12px 0 0;font-size:22px;line-height:1.35}.pelanggaran-detail-point[data-v-816aa536]{color:#dc2626;white-space:nowrap;background:#fff1f2;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:700}.pelanggaran-detail-grid[data-v-816aa536]{gap:10px;margin-top:16px;display:grid}.pelanggaran-detail-item[data-v-816aa536]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.pelanggaran-detail-item span[data-v-816aa536],.pelanggaran-summon-item small[data-v-816aa536]{color:#8c8c9e;font-size:11px}.pelanggaran-detail-item strong[data-v-816aa536],.pelanggaran-detail-link[data-v-816aa536],.pelanggaran-summon-item strong[data-v-816aa536]{color:#1a1a2e;font-size:14px;font-weight:700;line-height:1.45;text-decoration:none}.pelanggaran-detail-link[data-v-816aa536]{color:#dc2626}.pelanggaran-detail-block[data-v-816aa536]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.pelanggaran-detail-block h5[data-v-816aa536]{color:#1a1a2e;margin:0 0 10px;font-size:15px}.pelanggaran-detail-block p[data-v-816aa536],.pelanggaran-detail-empty p[data-v-816aa536]{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.pelanggaran-summon-item[data-v-816aa536]{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.pelanggaran-summon-item[data-v-816aa536]:first-of-type{border-top:none;padding-top:0}.pelanggaran-detail-btn[data-v-816aa536]{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #ef444438}.pelanggaran-detail-empty[data-v-816aa536]{text-align:center}.pelanggaran-detail-empty h4[data-v-816aa536]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.pengaduan-status-badge[data-v-24dac5a0]{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.pengaduan-status-badge.pending[data-v-24dac5a0]{color:#d97706;background:#f59e0b1f}.pengaduan-status-badge.responded[data-v-24dac5a0]{color:#2563eb;background:#3b82f61f}.pengaduan-status-badge.completed[data-v-24dac5a0]{color:#28a96b;background:#28a96b1f}.pengaduan-history-card[data-v-e130db29]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.pengaduan-history-top[data-v-e130db29]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pengaduan-history-type[data-v-e130db29]{color:#28a96b;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.pengaduan-history-top h5[data-v-e130db29]{color:#1a1a2e;margin:0;font-size:16px;line-height:1.4}.pengaduan-history-desc[data-v-e130db29]{color:#6b7280;margin:10px 0 0;font-size:12px;line-height:1.6}.pengaduan-history-grid[data-v-e130db29]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.pengaduan-history-grid div[data-v-e130db29]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.pengaduan-history-grid span[data-v-e130db29]{color:#8c8c9e;font-size:11px}.pengaduan-history-grid strong[data-v-e130db29]{color:#1a1a2e;font-size:12px;line-height:1.5}.pengaduan-tabbar[data-v-5853498d]{background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:6px;display:grid;box-shadow:0 8px 24px #0f172a0f}.pengaduan-tab[data-v-5853498d]{color:#8c8c9e;background:0 0;border:none;border-radius:18px;min-height:48px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .24s}.pengaduan-tab.active[data-v-5853498d]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 16px 28px #28a96b38}.pengaduan-section[data-v-45ddc421]{padding-top:4px;padding-bottom:16px}.pengaduan-hero-card[data-v-45ddc421]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.pengaduan-hero-label[data-v-45ddc421]{color:#ffffffc7;font-size:12px}.pengaduan-hero-card h3[data-v-45ddc421]{color:#fff;margin:6px 0 0;font-size:26px;font-weight:700}.pengaduan-hero-card p[data-v-45ddc421]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.pengaduan-hero-icon[data-v-45ddc421]{color:#fff;background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pengaduan-hero-icon svg[data-v-45ddc421],.pengaduan-form-icon svg[data-v-45ddc421],.pengaduan-success-icon svg[data-v-45ddc421]{width:24px;height:24px;display:block}.pengaduan-alert[data-v-45ddc421]{border-radius:16px;margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:600}.pengaduan-alert.success[data-v-45ddc421]{color:#1f7a4d;background:#28a96b1f}.pengaduan-alert.error[data-v-45ddc421]{color:#dc2626;background:#ef44441f}.pengaduan-alert.info[data-v-45ddc421],.pengaduan-alert.warning[data-v-45ddc421]{color:#b45309;background:#f59e0b24}.pengaduan-form-card[data-v-45ddc421],.pengaduan-empty[data-v-45ddc421]{background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.pengaduan-form-head[data-v-45ddc421]{gap:12px;margin-bottom:16px;display:flex}.pengaduan-form-icon[data-v-45ddc421]{color:#28a96b;background:#28a96b1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pengaduan-form-head h5[data-v-45ddc421]{color:#1a1a2e;margin:0;font-size:17px}.pengaduan-form-head p[data-v-45ddc421],.pengaduan-empty p[data-v-45ddc421]{color:#8c8c9e;margin:6px 0 0;font-size:12px;line-height:1.6}.pengaduan-form-group[data-v-45ddc421]{margin-bottom:14px}.pengaduan-form-group label[data-v-45ddc421]{color:#1a1a2e;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.pengaduan-input[data-v-45ddc421],.pengaduan-textarea[data-v-45ddc421]{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;font-family:DM Sans,sans-serif;font-size:14px}.pengaduan-input[data-v-45ddc421]{min-height:52px;padding:0 16px}.pengaduan-textarea[data-v-45ddc421]{resize:none;padding:14px 16px}.pengaduan-upload-control[data-v-45ddc421]{cursor:pointer;background:#fff;border:1.5px dashed #b8e4cc;border-radius:14px;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;display:flex;position:relative;overflow:hidden;cursor:pointer!important}.pengaduan-upload-input[data-v-45ddc421]{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;cursor:pointer!important}.pengaduan-upload-input[data-v-45ddc421]::-webkit-file-upload-button{display:none}.pengaduan-upload-input[data-v-45ddc421]::file-selector-button{display:none}.pengaduan-upload-button[data-v-45ddc421]{color:#28a96b;white-space:nowrap;background:#28a96b1f;border-radius:10px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;cursor:pointer!important}.pengaduan-upload-name[data-v-45ddc421]{color:#1a1a2e;word-break:break-word;flex:1;align-items:center;min-width:0;margin-left:4px;font-size:12px;line-height:1.4;display:inline-flex;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important}.pengaduan-upload-name.placeholder[data-v-45ddc421]{color:#8c8c9e}.pengaduan-error[data-v-45ddc421]{color:#ef4444;margin-top:6px;font-size:12px;display:block}.pengaduan-submit-btn[data-v-45ddc421],.pengaduan-success-btn[data-v-45ddc421]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:18px;width:100%;min-height:50px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.pengaduan-empty[data-v-45ddc421]{text-align:center}.pengaduan-empty h5[data-v-45ddc421],.pengaduan-success-modal h4[data-v-45ddc421]{color:#1a1a2e;margin:0;font-size:18px}.pengaduan-success-overlay[data-v-45ddc421]{z-index:1050;background:#0f172a61;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pengaduan-success-modal[data-v-45ddc421]{text-align:center;background:#fff;border-radius:24px;width:min(100%,360px);padding:24px 20px;box-shadow:0 18px 46px #0f172a2e}.pengaduan-success-modal p[data-v-45ddc421]{color:#6b7280;margin:10px 0 0;font-size:13px;line-height:1.6}.pengaduan-success-icon[data-v-45ddc421]{color:#28a96b;background:#28a96b1f;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 14px;display:flex}.pengaduan-success-box[data-v-45ddc421]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;margin:16px 0;padding:14px 16px;display:flex}.pengaduan-success-box span[data-v-45ddc421]{color:#8c8c9e;font-size:11px}.pengaduan-success-box strong[data-v-45ddc421]{color:#1a1a2e;font-size:16px}.modal-fade-enter-active[data-v-45ddc421],.modal-fade-leave-active[data-v-45ddc421]{transition:opacity .24s}.modal-fade-enter-from[data-v-45ddc421],.modal-fade-leave-to[data-v-45ddc421]{opacity:0}.modal-slide-enter-active[data-v-45ddc421],.modal-slide-leave-active[data-v-45ddc421]{transition:transform .24s,opacity .24s}.modal-slide-enter-from[data-v-45ddc421],.modal-slide-leave-to[data-v-45ddc421]{opacity:0;transform:translateY(14px)scale(.98)}.pengaduan-detail-section[data-v-1b2494b7]{padding-top:4px;padding-bottom:28px}.pengaduan-detail-card[data-v-1b2494b7],.pengaduan-detail-empty[data-v-1b2494b7]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.pengaduan-detail-top[data-v-1b2494b7]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pengaduan-detail-type[data-v-1b2494b7]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.pengaduan-detail-top h1[data-v-1b2494b7]{color:#1a1a2e;margin:12px 0 0;font-size:22px;line-height:1.35}.pengaduan-detail-grid[data-v-1b2494b7]{gap:10px;margin-top:16px;display:grid}.pengaduan-detail-item[data-v-1b2494b7]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.pengaduan-detail-item span[data-v-1b2494b7]{color:#8c8c9e;font-size:11px}.pengaduan-detail-item strong[data-v-1b2494b7],.pengaduan-detail-link[data-v-1b2494b7]{color:#1a1a2e;font-size:14px;font-weight:700;line-height:1.45;text-decoration:none}.pengaduan-detail-link[data-v-1b2494b7]{color:#28a96b}.pengaduan-detail-block[data-v-1b2494b7]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.pengaduan-detail-block h5[data-v-1b2494b7]{color:#1a1a2e;margin:0 0 10px;font-size:15px}.pengaduan-detail-block p[data-v-1b2494b7],.pengaduan-detail-empty p[data-v-1b2494b7]{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.pengaduan-detail-btn[data-v-1b2494b7]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.pengaduan-detail-empty[data-v-1b2494b7]{text-align:center}.pengaduan-detail-empty h4[data-v-1b2494b7]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.ppob-status-badge[data-v-f5ef4256]{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.ppob-status-badge.success[data-v-f5ef4256]{color:#28a96b;background:#28a96b1f}.ppob-status-badge.pending[data-v-f5ef4256]{color:#f58218;background:#f582181f}.ppob-status-badge.rejected[data-v-f5ef4256]{color:#ef4444;background:#ef44441f}.ppob-history-card[data-v-62be5444]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.ppob-history-top[data-v-62be5444]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ppob-history-service[data-v-62be5444]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.ppob-history-top h5[data-v-62be5444]{color:#1a1a2e;margin:10px 0 0;font-size:16px}.ppob-history-meta[data-v-62be5444]{flex-direction:column;gap:8px;margin-top:14px;display:flex}.ppob-history-meta div[data-v-62be5444]{justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.ppob-history-meta span[data-v-62be5444]{color:#8c8c9e;font-size:11px}.ppob-history-meta strong[data-v-62be5444]{color:#1a1a2e;text-align:right;font-size:13px;line-height:1.4}.ppob-service-icon-inner[data-v-2198c271]{justify-content:center;align-items:center;display:inline-flex}.ppob-service-icon-inner .iconsax[data-v-2198c271]{--Iconsax-Size:1em;--Iconsax-Color:currentColor}.ppob-service-globe[data-v-2198c271]{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.ppob-service-card[data-v-3a400957]{text-align:left;background:#fff;border:none;border-radius:18px;flex-direction:column;gap:4px;width:100%;padding:14px;display:flex;box-shadow:0 4px 18px #0f172a0a}.ppob-service-body[data-v-3a400957]{align-items:flex-start;gap:10px;display:flex}.ppob-service-icon[data-v-3a400957]{background:#edf8f1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ppob-service-icon .iconsax[data-v-3a400957]{--Iconsax-Size:18px;--Iconsax-Color:#28a96b}.ppob-service-icon[data-v-3a400957] .ppob-service-globe,.ppob-service-icon[data-v-3a400957] .iconsax{color:#28a96b;font-size:18px}.ppob-service-card.active[data-v-3a400957]{box-shadow:0 0 0 2px #28a96b2e,0 10px 24px #28a96b24}.ppob-service-card strong[data-v-3a400957]{color:#1a1a2e;font-size:14px;line-height:1.3;display:block}.ppob-service-copy[data-v-3a400957]{flex:1;min-width:0}.ppob-service-card p[data-v-3a400957]{color:#8c8c9e;margin:4px 0 0;font-size:11px;line-height:1.5}.ppob-service-grid[data-v-8b68823b]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.ppob-tabbar[data-v-8111563a]{background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:6px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.ppob-tab[data-v-8111563a]{appearance:none;-webkit-tap-highlight-color:transparent;color:#8c8c9e;background:0 0;border:none;border-radius:18px;outline:none;min-height:48px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .24s;overflow:hidden}.ppob-tab[data-v-8111563a]:focus,.ppob-tab[data-v-8111563a]:focus-visible{box-shadow:none;outline:none}.ppob-tab.active[data-v-8111563a]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 16px 28px #28a96b38}.ppob-section[data-v-fb3e0970]{padding-top:4px;padding-bottom:16px}.ppob-hero-card[data-v-fb3e0970]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.ppob-hero-label[data-v-fb3e0970]{color:#ffffffc7;font-size:12px}.ppob-hero-card h3[data-v-fb3e0970]{color:#fff;margin:6px 0 0;font-size:26px;font-weight:700}.ppob-hero-card p[data-v-fb3e0970]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.ppob-hero-badge[data-v-fb3e0970]{color:#fff;background:#ffffff29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.ppob-empty[data-v-fb3e0970]{text-align:center;background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.ppob-service-note[data-v-fb3e0970]{color:#8c8c9e;margin:0 0 10px 4px;font-size:11px;line-height:1.5}.ppob-empty h5[data-v-fb3e0970]{color:#1a1a2e;margin:0;font-size:16px}.ppob-empty p[data-v-fb3e0970]{color:#8c8c9e;margin:8px 0 0;font-size:13px}.ppob-checkout-section[data-v-d9e67ee1]{padding-top:8px;padding-bottom:28px}.ppob-checkout-card[data-v-d9e67ee1],.ppob-empty[data-v-d9e67ee1]{background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.section-label[data-v-d9e67ee1]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.ppob-checkout-summary[data-v-d9e67ee1]{gap:10px;margin-bottom:16px;display:grid}.ppob-checkout-row[data-v-d9e67ee1]{color:#6b7280;background:#f8fafc;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;font-size:12px;display:flex}.ppob-checkout-row strong[data-v-d9e67ee1]{color:#1a1a2e;text-align:right;font-size:13px}.ppob-checkout-row.total strong[data-v-d9e67ee1]{color:#28a96b}.ppob-form-group[data-v-d9e67ee1]{margin-bottom:16px}.ppob-form-group label[data-v-d9e67ee1]{color:#1a1a2e;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ppob-submit-btn[data-v-d9e67ee1]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;font-size:14px;font-weight:700}.ppob-empty[data-v-d9e67ee1]{text-align:center}.ppob-empty h5[data-v-d9e67ee1]{color:#1a1a2e;margin:0;font-size:16px}.ppob-empty p[data-v-d9e67ee1]{color:#8c8c9e;margin:8px 0 0;font-size:13px}.ppob-detail-section[data-v-f4c80474]{padding-top:4px;padding-bottom:28px}.ppob-detail-card[data-v-f4c80474],.ppob-empty[data-v-f4c80474]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.ppob-detail-hero[data-v-f4c80474]{align-items:center;gap:14px;display:flex}.ppob-detail-icon[data-v-f4c80474]{background:#28a96b1f;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ppob-detail-icon .iconsax[data-v-f4c80474]{--Iconsax-Size:24px;--Iconsax-Color:#28a96b}.ppob-detail-icon[data-v-f4c80474] .ppob-service-globe,.ppob-detail-icon[data-v-f4c80474] .iconsax{color:#28a96b;font-size:24px}.ppob-detail-label[data-v-f4c80474]{color:#8c8c9e;font-size:12px;display:block}.ppob-detail-hero h2[data-v-f4c80474]{color:#28a96b;margin:4px 0 0;font-size:24px;font-weight:700}.ppob-detail-badge-wrap[data-v-f4c80474]{margin-top:16px}.ppob-detail-table[data-v-f4c80474]{gap:10px;margin-top:18px;display:grid}.ppob-detail-row[data-v-f4c80474]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ppob-detail-row span[data-v-f4c80474]{color:#8c8c9e;font-size:11px}.ppob-detail-row strong[data-v-f4c80474]{color:#1a1a2e;font-size:14px;line-height:1.45}.ppob-empty[data-v-f4c80474]{text-align:center}.ppob-empty h4[data-v-f4c80474]{color:#1a1a2e;margin:0;font-size:18px}.ppob-empty p[data-v-f4c80474]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.ppob-package-card[data-v-87f65781]{text-align:left;background:#fff;border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px;display:flex;box-shadow:0 4px 18px #0f172a0a}.ppob-package-card.active[data-v-87f65781]{box-shadow:0 0 0 2px #28a96b2e,0 10px 24px #28a96b24}.ppob-package-card strong[data-v-87f65781]{color:#1a1a2e;font-size:14px}.ppob-package-card p[data-v-87f65781]{color:#8c8c9e;margin:4px 0 0;font-size:11px}.ppob-package-card span[data-v-87f65781]{color:#28a96b;white-space:nowrap;font-size:13px;font-weight:700}.ppob-service-section[data-v-14e3f311]{padding-top:4px;padding-bottom:28px}.ppob-form-card[data-v-14e3f311],.ppob-empty[data-v-14e3f311]{background:#fff;border-radius:22px;padding:18px 16px;box-shadow:0 6px 22px #0f172a0d}.ppob-form-head[data-v-14e3f311]{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ppob-form-icon[data-v-14e3f311]{background:#edf8f1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.ppob-form-icon .iconsax[data-v-14e3f311]{--Iconsax-Size:22px;--Iconsax-Color:#28a96b}.ppob-form-icon[data-v-14e3f311] .ppob-service-globe,.ppob-form-icon[data-v-14e3f311] .iconsax{color:#28a96b;font-size:22px}.ppob-form-copy h5[data-v-14e3f311]{color:#1a1a2e;margin:0;font-size:16px}.ppob-form-copy p[data-v-14e3f311]{color:#8c8c9e;margin:6px 0 0;font-size:12px;line-height:1.6}.ppob-form-group[data-v-14e3f311]{margin-bottom:14px}.ppob-form-group label[data-v-14e3f311]{color:#1a1a2e;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ppob-input[data-v-14e3f311]{color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;width:100%;min-height:46px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px}.ppob-input[data-v-14e3f311]:focus{border-color:#b8e4cc;outline:none;box-shadow:0 0 0 4px #28a96b14}.ppob-summary-box[data-v-14e3f311]{background:#f8fafc;border-radius:16px;gap:8px;margin-bottom:16px;padding:14px;display:grid}.ppob-summary-row[data-v-14e3f311]{color:#6b7280;justify-content:space-between;gap:12px;font-size:12px;display:flex}.ppob-summary-row strong[data-v-14e3f311]{color:#1a1a2e;font-size:13px}.ppob-summary-row.total strong[data-v-14e3f311]{color:#28a96b}.ppob-submit-btn[data-v-14e3f311]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.ppob-error[data-v-14e3f311]{color:#ef4444;margin-top:6px;font-size:11px;display:block}.ppob-empty[data-v-14e3f311]{text-align:center}.ppob-empty h5[data-v-14e3f311]{color:#1a1a2e;margin:0;font-size:16px}.ppob-empty p[data-v-14e3f311]{color:#8c8c9e;margin:8px 0 0;font-size:13px}.presensi-section[data-v-5c65a16a]{padding:16px 0 100px}.calendar-month-card[data-v-5c65a16a]{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px 14px;box-shadow:0 6px 22px #0f172a0d}.presensi-month-card[data-v-5c65a16a]{margin-bottom:16px}.month-nav[data-v-5c65a16a]{justify-content:space-between;align-items:center;display:flex}.month-nav-btn[data-v-5c65a16a]{color:#28a96b;cursor:pointer;background:#28a96b1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.month-nav-btn[data-v-5c65a16a]:hover{background:#28a96b29}.month-nav-center[data-v-5c65a16a]{text-align:center}.month-nav-label[data-v-5c65a16a]{color:#1a1a2e;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:700;display:flex}.month-nav-center p[data-v-5c65a16a]{color:#8c8c9e;margin:4px 0 0;font-size:11px}.presensi-stats[data-v-5c65a16a]{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-item[data-v-5c65a16a]{text-align:center;background:#fff;border-left:3px solid #0000;border-radius:12px;padding:12px 8px;box-shadow:0 2px 8px #0000000a}.stat-hadir[data-v-5c65a16a]{border-left-color:#22c55e}.stat-izin[data-v-5c65a16a]{border-left-color:#f59e0b}.stat-alfa[data-v-5c65a16a]{border-left-color:#ef4444}.stat-bolos[data-v-5c65a16a]{border-left-color:#8b5cf6}.stat-count[data-v-5c65a16a]{color:rgba(var(--title-color), 1);font-size:20px;font-weight:800;line-height:1.2;display:block}.stat-label[data-v-5c65a16a]{color:#6b7280;margin-top:2px;font-size:11px;display:block}.calendar-card[data-v-5c65a16a]{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px 14px;box-shadow:0 6px 22px #0f172a0d}.calendar-grid[data-v-5c65a16a]{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-header[data-v-5c65a16a]{text-align:center;color:#8c8c9e;padding:4px 0 0;font-size:10px;font-weight:700}.calendar-cell[data-v-5c65a16a]{text-align:center;cursor:default;justify-content:center;align-items:center;min-height:44px;padding:0;display:flex}.calendar-cell.has-data[data-v-5c65a16a]{cursor:pointer}.calendar-cell.other-month .cell-date[data-v-5c65a16a]{opacity:.32}.cell-date[data-v-5c65a16a]{color:#1a1a2e;background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:44px;font-size:12px;font-weight:700;transition:all .15s;display:flex;position:relative}.calendar-cell.is-today .cell-date[data-v-5c65a16a]{box-shadow:inset 0 0 0 2px #28a96b33}.cell-date.status-hadir[data-v-5c65a16a],.cell-date.status-present[data-v-5c65a16a]{color:#15803d;background:#28a96b24}.cell-date.status-izin[data-v-5c65a16a],.cell-date.status-sakit[data-v-5c65a16a],.cell-date.status-permit[data-v-5c65a16a],.cell-date.status-sick[data-v-5c65a16a]{color:#b45309;background:#f59e0b29}.cell-date.status-alfa[data-v-5c65a16a],.cell-date.status-alpha[data-v-5c65a16a]{color:#dc2626;background:#ef444424}.cell-date.status-bolos[data-v-5c65a16a]{color:#7c3aed;background:#8b5cf624}.legend-section[data-v-5c65a16a]{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000a}.legend-title[data-v-5c65a16a]{color:rgba(var(--title-color), 1);margin:0 0 10px;font-size:13px;font-weight:700}.legend-grid[data-v-5c65a16a]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.legend-item[data-v-5c65a16a]{align-items:center;gap:8px;display:flex}.legend-dot[data-v-5c65a16a]{border-radius:5px;flex-shrink:0;width:16px;height:16px}.dot-hadir[data-v-5c65a16a]{background:#dcfce7;border:1.5px solid #22c55e}.dot-izin[data-v-5c65a16a]{background:#fef3c7;border:1.5px solid #f59e0b}.dot-alfa[data-v-5c65a16a]{background:#fee2e2;border:1.5px solid #ef4444}.dot-bolos[data-v-5c65a16a]{background:#ede9fe;border:1.5px solid #8b5cf6}.legend-text[data-v-5c65a16a]{color:#4b5563;font-size:13px}.picker-overlay[data-v-5c65a16a]{z-index:1050;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.picker-sheet[data-v-5c65a16a]{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;padding:20px 20px 32px}.picker-header[data-v-5c65a16a]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.picker-header h5[data-v-5c65a16a]{color:rgba(var(--title-color), 1);margin:0;font-size:16px;font-weight:700}.picker-close[data-v-5c65a16a]{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.picker-year-row[data-v-5c65a16a]{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.picker-year-btn[data-v-5c65a16a]{color:#292d32;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.picker-year-label[data-v-5c65a16a]{color:rgba(var(--title-color), 1);text-align:center;min-width:60px;font-size:18px;font-weight:700}.picker-month-grid[data-v-5c65a16a]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.picker-month-btn[data-v-5c65a16a]{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 0;font-size:13px;font-weight:600;transition:all .15s}.picker-month-btn[data-v-5c65a16a]:hover{color:#15803d;border-color:#22c55e}.picker-month-btn.active[data-v-5c65a16a]{color:#fff;background:#22c55e;border-color:#22c55e}.detail-sheet[data-v-5c65a16a]{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;padding:20px 20px 32px;overflow-y:auto}.detail-header[data-v-5c65a16a]{background:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:4px;display:flex;position:sticky;top:0}.detail-header h5[data-v-5c65a16a]{color:rgba(var(--title-color), 1);margin:0;font-size:16px;font-weight:700}.detail-body[data-v-5c65a16a]{flex-direction:column;gap:16px;display:flex}.detail-status-row[data-v-5c65a16a]{align-items:center;gap:10px;display:flex}.detail-badge[data-v-5c65a16a]{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.badge-hadir[data-v-5c65a16a]{color:#15803d;background:#dcfce7}.badge-izin[data-v-5c65a16a],.badge-sakit[data-v-5c65a16a]{color:#b45309;background:#fef3c7}.badge-alfa[data-v-5c65a16a]{color:#dc2626;background:#fee2e2}.badge-bolos[data-v-5c65a16a]{color:#7c3aed;background:#ede9fe}.detail-note[data-v-5c65a16a]{color:#6b7280;font-size:13px;font-style:italic}.detail-checkinout[data-v-5c65a16a]{background:#f9fafb;border-radius:14px;align-items:center;gap:0;padding:14px 16px;display:flex}.checkinout-item[data-v-5c65a16a]{flex:1;align-items:center;gap:10px;display:flex}.checkinout-icon[data-v-5c65a16a]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.checkinout-icon.checkin[data-v-5c65a16a]{color:#15803d;background:#dcfce7}.checkinout-icon.checkout[data-v-5c65a16a]{color:#dc2626;background:#fee2e2}.checkinout-label[data-v-5c65a16a]{color:#9ca3af;font-size:11px;font-weight:500;display:block}.checkinout-time[data-v-5c65a16a]{color:rgba(var(--title-color), 1);font-size:16px;font-weight:700;display:block}.checkinout-divider[data-v-5c65a16a]{background:#e5e7eb;flex-shrink:0;width:1px;height:36px;margin:0 12px}.checkinout-icon.checkout-pending[data-v-5c65a16a]{color:#9ca3af;background:#f3f4f6}.checkinout-pending-text[data-v-5c65a16a]{color:#f59e0b;margin-top:1px;font-size:12px;font-weight:600;display:block}.detail-sessions[data-v-5c65a16a]{flex-direction:column;gap:10px;display:flex}.sessions-title[data-v-5c65a16a]{color:rgba(var(--title-color), 1);margin:0;font-size:14px;font-weight:700}.session-card[data-v-5c65a16a]{background:#f9fafb;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.session-left[data-v-5c65a16a]{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;min-width:82px;display:flex}.session-time[data-v-5c65a16a]{color:#6b7280;font-size:11px;font-weight:600;line-height:1.3}.session-info[data-v-5c65a16a]{flex:1;min-width:0}.session-mapel[data-v-5c65a16a]{color:rgba(var(--title-color), 1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.session-guru[data-v-5c65a16a]{color:#9ca3af;margin-top:2px;font-size:11px}.session-badge[data-v-5c65a16a]{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700}.detail-empty[data-v-5c65a16a]{text-align:center;padding:20px}.detail-empty p[data-v-5c65a16a]{color:#9ca3af;margin:0;font-size:13px}.fade-enter-active[data-v-5c65a16a],.fade-leave-active[data-v-5c65a16a]{transition:opacity .2s}.fade-enter-from[data-v-5c65a16a],.fade-leave-to[data-v-5c65a16a]{opacity:0}.slide-up-enter-active[data-v-5c65a16a]{transition:transform .3s}.slide-up-leave-active[data-v-5c65a16a]{transition:transform .2s}.slide-up-enter-from[data-v-5c65a16a],.slide-up-leave-to[data-v-5c65a16a]{transform:translateY(100%)}.auth-page[data-v-8352e432]{background:#fff;max-width:600px;min-height:100vh;margin:0 auto}.auth-top[data-v-8352e432]{text-align:center;padding:52px 24px 30px}.auth-logo[data-v-8352e432]{width:170px;height:auto;margin:0 auto 10px}.auth-tagline[data-v-8352e432]{color:#8c8c9e;margin:0;font-size:14px}.auth-card[data-v-8352e432]{background:#f7f8fc;border-radius:28px 28px 0 0;min-height:calc(100vh - 190px)}.auth-card-inner[data-v-8352e432]{padding:32px 24px 28px}.auth-head[data-v-8352e432]{margin-bottom:24px}.auth-head h2[data-v-8352e432]{color:#1a1a2e;margin:0 0 6px;font-size:22px}.auth-head p[data-v-8352e432]{color:#8c8c9e;margin:0;font-size:13px;line-height:1.5}.status-banner[data-v-8352e432]{color:#2563eb;background:#eef7ff;border:1px solid #d9eafe;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5}.status-banner.success[data-v-8352e432]{color:#1a6e47;background:#edf9f2;border-color:#caecd8}.status-banner.warning[data-v-8352e432]{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.form-floating-group[data-v-8352e432]{margin-bottom:18px}.input-icon-wrapper[data-v-8352e432]{background:#fff;border:2px solid #e8e9f0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.form-floating-group.focused .input-icon-wrapper[data-v-8352e432]{background:#f0faf5;border-color:#28a96b;box-shadow:0 0 0 4px #28a96b14}.form-floating-group.error .input-icon-wrapper[data-v-8352e432]{background:#fef5f5;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c14}.input-icon[data-v-8352e432]{--Iconsax-Size:20px;--Iconsax-Color:#b0b3c0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.form-floating-group.focused .input-icon[data-v-8352e432]{--Iconsax-Color:#28a96b}.form-floating-group.error .input-icon[data-v-8352e432]{--Iconsax-Color:#e74c3c}.floating-field[data-v-8352e432]{flex:1;align-items:center;min-height:52px;display:flex;position:relative}.form-input[data-v-8352e432]{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;padding:16px 0 6px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.floating-field label[data-v-8352e432]{color:#999;pointer-events:none;font-size:14px;font-weight:500;transition:all .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.form-floating-group.focused .floating-field label[data-v-8352e432],.form-input:not(:placeholder-shown)+label[data-v-8352e432]{color:#28a96b;font-size:10px;font-weight:600;top:10px;transform:translateY(0)}.form-input[data-v-8352e432]::placeholder{color:#0000}.toggle-password[data-v-8352e432]{--Iconsax-Size:20px;--Iconsax-Color:#b0b3c0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.error-text[data-v-8352e432]{color:#e74c3c;margin-top:6px;margin-left:4px;font-size:11px;font-weight:500;display:block}.btn-submit[data-v-8352e432]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:14px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.btn-loader[data-v-8352e432]{align-items:center;gap:8px;display:inline-flex}.spinner[data-v-8352e432]{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin-8352e432}@keyframes spin-8352e432{to{transform:rotate(360deg)}}.back-link[data-v-8352e432]{text-align:center;color:#28a96b;margin-top:20px;font-size:13px;font-weight:600;text-decoration:none;display:block}.saving-summary-card[data-v-7de7aecf]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:18px;margin-bottom:16px;padding:18px 16px}.saving-summary-top[data-v-7de7aecf]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.saving-summary-label[data-v-7de7aecf]{color:#ffffffc7;font-size:12px;display:block}.saving-summary-balance[data-v-7de7aecf]{color:#fff;margin:4px 0 0;font-size:25px;font-weight:700}.saving-summary-icon[data-v-7de7aecf]{--Iconsax-Size:26px;--Iconsax-Color:#fff;background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.saving-summary-grid[data-v-7de7aecf]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.saving-summary-item[data-v-7de7aecf]{background:#ffffff1f;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.saving-summary-item span[data-v-7de7aecf]{color:#ffffffbf;font-size:11px}.saving-summary-item strong[data-v-7de7aecf]{color:#fff;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.saving-summary-item strong small[data-v-7de7aecf]{color:#ffffffd1;white-space:nowrap;font-size:11px;font-weight:600}.saving-chart-card[data-v-c4841f0e]{background:#fff;border-radius:18px;margin-bottom:16px;padding:16px 14px 12px;box-shadow:0 6px 20px #0f172a0d}.saving-chart-head[data-v-c4841f0e]{margin-bottom:12px}.saving-chart-head h5[data-v-c4841f0e]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.saving-chart-head p[data-v-c4841f0e]{color:#8c8c9e;margin:4px 0 0;font-size:11px;line-height:1.45}.saving-chart-canvas-wrap[data-v-c4841f0e]{height:220px}.saving-transaction-card[data-v-2233aa4c]{text-align:left;background:#fff;border:none;border-radius:16px;width:100%;margin-bottom:12px;padding:14px;box-shadow:0 4px 18px #0000000a}.saving-transaction-head[data-v-2233aa4c]{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.saving-transaction-type[data-v-2233aa4c]{align-items:center;gap:10px;display:flex}.saving-transaction-icon[data-v-2233aa4c]{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.saving-transaction-icon-svg[data-v-2233aa4c]{width:20px;height:20px}.saving-transaction-icon-svg svg[data-v-2233aa4c]{width:100%;height:100%;display:block}.saving-transaction-icon.deposit[data-v-2233aa4c]{color:#28a96b;background:#28a96b1f}.saving-transaction-icon.withdraw[data-v-2233aa4c]{color:#f58218;background:#f582181f}.saving-transaction-type h5[data-v-2233aa4c]{color:#1a1a2e;margin:0;font-size:14px;font-weight:700}.saving-transaction-type p[data-v-2233aa4c]{color:#8c8c9e;margin:3px 0 0;font-size:11px}.saving-transaction-badge[data-v-2233aa4c]{white-space:nowrap;text-align:center;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:72px;min-height:40px;padding:0 12px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.saving-transaction-badge.success[data-v-2233aa4c]{color:#28a96b;background:#28a96b1f}.saving-transaction-badge.pending[data-v-2233aa4c]{color:#f58218;background:#f582181f}.saving-transaction-badge.rejected[data-v-2233aa4c]{color:#ef4444;background:#ef44441f}.saving-transaction-body[data-v-2233aa4c]{gap:7px;display:grid}.saving-transaction-row[data-v-2233aa4c]{color:#6b7280;justify-content:space-between;gap:12px;font-size:12px;display:flex}.saving-transaction-row strong[data-v-2233aa4c]{font-size:14px;font-weight:700}.saving-transaction-row strong.deposit[data-v-2233aa4c]{color:#28a96b}.saving-transaction-row strong.withdraw[data-v-2233aa4c]{color:#f58218}.saving-tab-bar[data-v-061dafd2]{background:#f3f4f6;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;display:grid}.saving-tab[data-v-061dafd2]{appearance:none;color:#8c8c9e;box-shadow:none;z-index:1;background:0 0;border:none;border-radius:10px;outline:none;padding:10px 4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s;position:relative}.saving-tab.active[data-v-061dafd2]{color:#fff;background:#28a96b;box-shadow:0 2px 8px #28a96b40}.saving-tab[data-v-061dafd2]:focus,.saving-tab[data-v-061dafd2]:focus-visible{box-shadow:none;outline:none}.saving-section[data-v-1c2ba747]{padding-top:4px;padding-bottom:16px}.izin-alert[data-v-1c2ba747]{border-radius:14px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:600}.izin-alert.success[data-v-1c2ba747]{color:#1a6e47;background:#28a96b1f}.izin-alert.error[data-v-1c2ba747]{color:#c0392b;background:#ef44441f}.section-label[data-v-1c2ba747]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.saving-overview-grid[data-v-1c2ba747]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.saving-overview-item[data-v-1c2ba747]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.saving-overview-item span[data-v-1c2ba747]{color:#8c8c9e;font-size:11px}.saving-overview-item strong[data-v-1c2ba747]{color:#1a1a2e;font-size:14px}.saving-overview-item small[data-v-1c2ba747]{color:#8c8c9e;font-size:11px}.saving-program-grid[data-v-1c2ba747]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.saving-program-item[data-v-1c2ba747]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.saving-program-item span[data-v-1c2ba747]{color:#8c8c9e;font-size:11px}.saving-program-item strong[data-v-1c2ba747]{color:#1a1a2e;font-size:14px}.saving-program-item small[data-v-1c2ba747]{color:#8c8c9e;font-size:11px}.saving-riwayat-controls[data-v-1c2ba747]{grid-template-columns:1.3fr 1fr auto;align-items:center;gap:8px;margin-bottom:14px;display:grid}.saving-riwayat-select[data-v-1c2ba747]{min-width:0}.saving-input[data-v-1c2ba747],.saving-textarea[data-v-1c2ba747]{color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;width:100%;font-family:DM Sans,sans-serif;font-size:13px}.saving-input[data-v-1c2ba747]{min-height:46px;padding:0 14px}.saving-input[data-v-1c2ba747]:focus,.saving-textarea[data-v-1c2ba747]:focus{border-color:#b8e4cc;outline:none;box-shadow:0 0 0 4px #28a96b14}.saving-sort-icon svg[data-v-1c2ba747],.saving-form-icon-svg svg[data-v-1c2ba747]{width:100%;height:100%;display:block}.saving-textarea[data-v-1c2ba747]{resize:none;min-height:84px;padding:10px 14px}.saving-sort-btn[data-v-1c2ba747]{color:#1a1a2e;background:#fff;border:1.5px solid #e8e9f0;border-radius:14px;align-items:center;gap:6px;min-height:46px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.saving-sort-icon[data-v-1c2ba747]{color:#8c8c9e;flex-shrink:0;width:16px;height:16px}.saving-form-card[data-v-1c2ba747]{background:#fff;border-radius:18px;padding:16px;box-shadow:0 6px 20px #0000000d}.saving-form-head[data-v-1c2ba747]{gap:12px;margin-bottom:16px;display:flex}.saving-form-icon[data-v-1c2ba747]{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.saving-form-icon-svg[data-v-1c2ba747]{width:22px;height:22px}.saving-form-icon.setor[data-v-1c2ba747]{color:#28a96b;background:#28a96b1f}.saving-form-icon.tarik[data-v-1c2ba747]{color:#f58218;background:#f582181f}.saving-form-head h5[data-v-1c2ba747]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.saving-form-head p[data-v-1c2ba747]{color:#8c8c9e;margin:4px 0 0;font-size:12px;line-height:1.5}.saving-form-group[data-v-1c2ba747]{margin-bottom:14px}.saving-form-group label[data-v-1c2ba747]{color:#1a1a2e;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.saving-upload-control[data-v-1c2ba747]{cursor:pointer;background:#fff;border:1.5px dashed #b8e4cc;border-radius:14px;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;display:flex;position:relative;overflow:hidden;cursor:pointer!important}.saving-upload-input[data-v-1c2ba747]{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;cursor:pointer!important}.saving-upload-input[data-v-1c2ba747]::-webkit-file-upload-button{display:none}.saving-upload-input[data-v-1c2ba747]::file-selector-button{display:none}.saving-upload-button[data-v-1c2ba747]{color:#28a96b;white-space:nowrap;background:#28a96b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;cursor:pointer!important}.saving-upload-name[data-v-1c2ba747]{color:#1a1a2e;word-break:break-word;flex:1;align-items:center;min-width:0;margin-left:4px;font-size:12px;line-height:1.4;display:inline-flex;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important}.saving-upload-name.placeholder[data-v-1c2ba747]{color:#8c8c9e}.saving-help[data-v-1c2ba747]{color:#8c8c9e;margin:8px 2px 0;font-size:11px;line-height:1.5}.saving-error[data-v-1c2ba747]{color:#ef4444;margin-top:6px;font-size:11px;display:block}.saving-form-summary[data-v-1c2ba747]{background:#f8fafc;border-radius:16px;gap:8px;margin-bottom:16px;padding:14px;display:grid}.saving-form-row[data-v-1c2ba747]{color:#6b7280;justify-content:space-between;gap:12px;font-size:12px;display:flex}.saving-form-row strong[data-v-1c2ba747]{color:#1a1a2e;font-size:13px}.saving-submit-btn[data-v-1c2ba747],.saving-success-btn[data-v-1c2ba747]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.saving-empty[data-v-1c2ba747]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.saving-empty h5[data-v-1c2ba747]{color:#1a1a2e;margin:0;font-size:16px}.saving-empty p[data-v-1c2ba747]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.saving-success-overlay[data-v-1c2ba747]{z-index:1500;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.saving-success-modal[data-v-1c2ba747]{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:360px;padding:22px 20px 20px}.saving-success-icon[data-v-1c2ba747]{--Iconsax-Size:34px;--Iconsax-Color:#28a96b;background:#28a96b1f;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 14px;display:flex}.saving-success-modal h4[data-v-1c2ba747]{color:#1a1a2e;margin:0;font-size:18px}.saving-success-modal p[data-v-1c2ba747]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.saving-success-box[data-v-1c2ba747]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;margin:16px 0;padding:12px;display:flex}.saving-success-box span[data-v-1c2ba747]{color:#8c8c9e;font-size:11px}.saving-success-box strong[data-v-1c2ba747]{color:#1a1a2e;font-size:14px}@media (width<=576px){.saving-riwayat-controls[data-v-1c2ba747]{grid-template-columns:1fr}.saving-program-grid[data-v-1c2ba747]{grid-template-columns:1fr 1fr}}.saving-detail-section[data-v-d41e3519]{padding-top:4px;padding-bottom:28px}.saving-detail-card[data-v-d41e3519],.saving-detail-empty[data-v-d41e3519]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.saving-detail-hero[data-v-d41e3519]{align-items:center;gap:14px;display:flex}.saving-detail-icon[data-v-d41e3519]{--Iconsax-Size:26px;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.saving-detail-icon.deposit[data-v-d41e3519]{--Iconsax-Color:#28a96b;background:#28a96b1f}.saving-detail-icon.withdraw[data-v-d41e3519]{--Iconsax-Color:#f58218;background:#f582181f}.saving-detail-label[data-v-d41e3519]{color:#8c8c9e;font-size:12px;display:block}.saving-detail-hero h2[data-v-d41e3519]{margin:4px 0 0;font-size:24px;font-weight:700}.saving-detail-hero h2.deposit[data-v-d41e3519]{color:#28a96b}.saving-detail-hero h2.withdraw[data-v-d41e3519]{color:#f58218}.saving-detail-badge-wrap[data-v-d41e3519]{margin-top:16px}.saving-detail-badge[data-v-d41e3519]{border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.saving-detail-badge.success[data-v-d41e3519]{color:#28a96b;background:#28a96b1f}.saving-detail-badge.pending[data-v-d41e3519]{color:#f58218;background:#f582181f}.saving-detail-badge.rejected[data-v-d41e3519]{color:#ef4444;background:#ef44441f}.saving-detail-table[data-v-d41e3519]{gap:10px;margin-top:18px;display:grid}.saving-detail-row[data-v-d41e3519]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.saving-detail-row span[data-v-d41e3519]{color:#8c8c9e;font-size:11px}.saving-detail-row strong[data-v-d41e3519]{color:#1a1a2e;font-size:14px;line-height:1.45}.saving-detail-row a[data-v-d41e3519]{color:#28a96b}.saving-detail-empty[data-v-d41e3519]{text-align:center}.saving-detail-empty h4[data-v-d41e3519]{color:#1a1a2e;margin:0;font-size:18px}.saving-detail-empty p[data-v-d41e3519]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.saving-detail-back-btn[data-v-d41e3519]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:46px;margin-top:18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.tahfidz-status-badge[data-v-649d6bdb]{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.tahfidz-status-badge.success[data-v-649d6bdb]{color:#28a96b;background:#28a96b1f}.tahfidz-status-badge.warning[data-v-649d6bdb]{color:#d97706;background:#f59e0b26}.tahfidz-status-badge.neutral[data-v-649d6bdb]{color:#64748b;background:#64748b1f}.tahfidz-agenda-card[data-v-1f4d8bc4]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.tahfidz-agenda-top[data-v-1f4d8bc4]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tahfidz-agenda-type[data-v-1f4d8bc4]{color:#1f6feb;background:#1f6feb1f;border-radius:999px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.tahfidz-agenda-top h5[data-v-1f4d8bc4]{color:#1a1a2e;margin:0;font-size:16px;line-height:1.4}.tahfidz-agenda-grid[data-v-1f4d8bc4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.tahfidz-agenda-grid div[data-v-1f4d8bc4]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.tahfidz-agenda-grid div.full[data-v-1f4d8bc4]{grid-column:1/-1}.tahfidz-agenda-grid span[data-v-1f4d8bc4]{color:#8c8c9e;font-size:11px}.tahfidz-agenda-grid strong[data-v-1f4d8bc4]{color:#1a1a2e;font-size:12px;line-height:1.5}.tahfidz-agenda-summary[data-v-1f4d8bc4]{color:#6b7280;margin:12px 0 0;font-size:12px;line-height:1.6}.tahfidz-chart-card[data-v-e9c66ed8]{background:#fff;border-radius:20px;margin-bottom:16px;padding:16px 14px 12px;box-shadow:0 6px 20px #0f172a0d}.tahfidz-chart-head[data-v-e9c66ed8]{margin-bottom:12px}.tahfidz-chart-head h5[data-v-e9c66ed8]{color:#1a1a2e;margin:0;font-size:15px;font-weight:700}.tahfidz-chart-head p[data-v-e9c66ed8]{color:#8c8c9e;margin:4px 0 0;font-size:11px;line-height:1.45}.tahfidz-chart-canvas-wrap[data-v-e9c66ed8]{height:230px}.tahfidz-chart-empty[data-v-e9c66ed8]{color:#8c8c9e;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.tahfidz-record-card[data-v-54b4e6f6]{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;margin-bottom:12px;padding:16px;box-shadow:0 6px 22px #0f172a0d}.tahfidz-record-top[data-v-54b4e6f6]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tahfidz-record-type[data-v-54b4e6f6]{color:#28a96b;background:#28a96b1f;border-radius:999px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.tahfidz-record-top h5[data-v-54b4e6f6]{color:#1a1a2e;margin:0;font-size:16px;line-height:1.4}.tahfidz-record-meta[data-v-54b4e6f6]{color:#8c8c9e;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:11px;display:flex}.tahfidz-record-grid[data-v-54b4e6f6]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.tahfidz-record-grid div[data-v-54b4e6f6]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.tahfidz-record-grid span[data-v-54b4e6f6]{color:#8c8c9e;font-size:11px}.tahfidz-record-grid strong[data-v-54b4e6f6]{color:#1a1a2e;font-size:12px;line-height:1.5}.tahfidz-record-note[data-v-54b4e6f6]{color:#6b7280;margin:12px 0 0;font-size:12px;line-height:1.6}.tahfidz-tab-bar[data-v-91bd1682]{background:#fff;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:8px;display:grid;box-shadow:0 10px 26px #0f172a0f}.tahfidz-tab-btn[data-v-91bd1682]{color:#8c8c9e;background:0 0;border:none;border-radius:18px;min-height:46px;font-size:14px;font-weight:700;transition:all .2s}.tahfidz-tab-btn.active[data-v-91bd1682]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);box-shadow:0 12px 24px #28a96b33}.tahfidz-section[data-v-8ee88d1e]{padding-top:4px;padding-bottom:16px}.tahfidz-hero-card[data-v-8ee88d1e]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:18px 16px;display:flex}.tahfidz-hero-label[data-v-8ee88d1e]{color:#ffffffc7;font-size:12px}.tahfidz-hero-card h3[data-v-8ee88d1e]{color:#fff;margin:6px 0 0;font-size:22px;font-weight:700;line-height:1.35}.tahfidz-hero-card p[data-v-8ee88d1e]{color:#ffffffd6;margin:8px 0 0;font-size:12px;line-height:1.6}.tahfidz-hero-icon[data-v-8ee88d1e]{color:#fff;background:#ffffff24;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.tahfidz-hero-icon svg[data-v-8ee88d1e]{width:28px;height:28px}.tahfidz-summary-grid[data-v-8ee88d1e]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.tahfidz-summary-item[data-v-8ee88d1e]{background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.tahfidz-summary-item span[data-v-8ee88d1e]{color:#8c8c9e;font-size:11px}.tahfidz-summary-item strong[data-v-8ee88d1e]{color:#1a1a2e;font-size:14px}.tahfidz-summary-item small[data-v-8ee88d1e]{color:#94a3b8;font-size:11px;line-height:1.45}.tahfidz-section-label[data-v-8ee88d1e]{color:#8c8c9e;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px 4px;font-size:12px;font-weight:700}.tahfidz-empty[data-v-8ee88d1e]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.tahfidz-empty h5[data-v-8ee88d1e]{color:#1a1a2e;margin:0;font-size:16px}.tahfidz-empty p[data-v-8ee88d1e]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.tahfidz-detail-section[data-v-8e887565]{padding-top:4px;padding-bottom:28px}.tahfidz-detail-card[data-v-8e887565],.tahfidz-detail-empty[data-v-8e887565]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.tahfidz-detail-top[data-v-8e887565]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tahfidz-detail-type[data-v-8e887565]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.tahfidz-detail-top h1[data-v-8e887565]{color:#1a1a2e;margin:12px 0 0;font-size:22px;line-height:1.35}.tahfidz-detail-grid[data-v-8e887565]{gap:10px;margin-top:16px;display:grid}.tahfidz-detail-item[data-v-8e887565]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.tahfidz-detail-item span[data-v-8e887565]{color:#8c8c9e;font-size:11px}.tahfidz-detail-item strong[data-v-8e887565]{color:#1a1a2e;font-size:14px;line-height:1.45}.tahfidz-detail-block[data-v-8e887565]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.tahfidz-detail-block h5[data-v-8e887565]{color:#1a1a2e;margin:0 0 10px;font-size:15px;display:block}.tahfidz-detail-block p[data-v-8e887565],.tahfidz-detail-empty p[data-v-8e887565]{color:#6b7280;margin:0;font-size:13px;line-height:1.7;display:block}.tahfidz-detail-block p+p[data-v-8e887565]{margin-top:10px}.tahfidz-detail-block.progress[data-v-8e887565]{background:linear-gradient(135deg,#1f6feb14 0%,#1f6feb08 100%);display:block}.tahfidz-detail-block.parent[data-v-8e887565]{background:linear-gradient(135deg,#28a96b14 0%,#1a6e470a 100%)}.tahfidz-detail-btn[data-v-8e887565]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:700;box-shadow:0 14px 28px #28a96b38}.tahfidz-detail-empty[data-v-8e887565]{text-align:center}.tahfidz-detail-empty h4[data-v-8e887565]{color:#1a1a2e;margin:0 0 8px;font-size:18px}.ulangan-card[data-v-ec99be3a]{text-align:left;background:#fff;border:none;border-radius:18px;width:100%;margin-bottom:12px;padding:15px 14px;box-shadow:0 6px 20px #0f172a0d}.ulangan-card-head[data-v-ec99be3a]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ulangan-card-subject[data-v-ec99be3a]{color:#28a96b;font-size:11px;font-weight:700}.ulangan-card-head h5[data-v-ec99be3a]{color:#1a1a2e;margin:6px 0 0;font-size:15px;font-weight:700;line-height:1.4}.ulangan-card-score[data-v-ec99be3a]{color:#28a96b;white-space:nowrap;background:#28a96b1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.ulangan-card-score.empty[data-v-ec99be3a]{color:#f58218;background:#f582181f}.ulangan-card-meta[data-v-ec99be3a]{color:#8c8c9e;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.ulangan-card-schedule[data-v-ec99be3a]{flex:1;min-width:0}.ulangan-card-duration[data-v-ec99be3a]{text-align:right;white-space:nowrap;flex:none}.ulangan-card-statuses[data-v-ec99be3a]{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ulangan-badge[data-v-ec99be3a]{border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.ulangan-badge.time[data-v-ec99be3a]{color:#1f6feb;background:#1f6feb1f}.ulangan-badge.progress[data-v-ec99be3a]{color:#1a1a2e;background:#8c8c9e1f}.ulangan-badge.passed[data-v-ec99be3a]{color:#28a96b;background:#28a96b1f}.ulangan-badge.failed[data-v-ec99be3a]{color:#ef4444;background:#ef44441f}.ulangan-summary-grid[data-v-b6896e3a]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.ulangan-summary-item[data-v-b6896e3a]{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 18px #0000000a}.ulangan-summary-item span[data-v-b6896e3a]{color:#8c8c9e;font-size:11px}.ulangan-summary-item strong[data-v-b6896e3a]{color:#1a1a2e;font-size:18px;font-weight:700}.ulangan-tab-bar[data-v-a4f2e60f]{background:#f3f4f6;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;display:grid}.ulangan-tab[data-v-a4f2e60f]{color:#8c8c9e;background:0 0;border:none;border-radius:10px;padding:10px 4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.ulangan-tab.active[data-v-a4f2e60f]{color:#fff;background:#28a96b;box-shadow:0 2px 8px #28a96b40}.ulangan-section[data-v-c31b9023]{padding-top:4px;padding-bottom:16px}.ulangan-empty[data-v-c31b9023]{text-align:center;background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 4px 18px #0000000a}.ulangan-empty h5[data-v-c31b9023]{color:#1a1a2e;margin:0;font-size:16px}.ulangan-empty p[data-v-c31b9023]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.55}.ulangan-detail-section[data-v-20883d6c]{padding-top:4px;padding-bottom:28px}.ulangan-detail-card[data-v-20883d6c],.ulangan-detail-empty[data-v-20883d6c]{background:#fff;border-radius:24px;padding:20px 18px;box-shadow:0 6px 22px #0000000d}.ulangan-detail-subject[data-v-20883d6c]{color:#28a96b;background:#28a96b1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.ulangan-detail-card h1[data-v-20883d6c]{color:#1a1a2e;margin:12px 0 0;font-size:22px;font-weight:700;line-height:1.35}.ulangan-detail-badges[data-v-20883d6c]{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ulangan-detail-badge[data-v-20883d6c]{border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.ulangan-detail-badge.time[data-v-20883d6c]{color:#1f6feb;background:#1f6feb1f}.ulangan-detail-badge.progress[data-v-20883d6c]{color:#1a1a2e;background:#8c8c9e1f}.ulangan-detail-badge.passed[data-v-20883d6c]{color:#28a96b;background:#28a96b1f}.ulangan-detail-badge.failed[data-v-20883d6c]{color:#ef4444;background:#ef44441f}.ulangan-detail-grid[data-v-20883d6c]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.ulangan-detail-item[data-v-20883d6c],.ulangan-instruction-link[data-v-20883d6c]{background:#f8fafc;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ulangan-detail-item-full[data-v-20883d6c]{grid-column:1/-1}.ulangan-detail-item span[data-v-20883d6c],.ulangan-instruction-link span[data-v-20883d6c],.ulangan-result-grid span[data-v-20883d6c]{color:#8c8c9e;font-size:11px}.ulangan-detail-item strong[data-v-20883d6c],.ulangan-instruction-link strong[data-v-20883d6c],.ulangan-result-grid strong[data-v-20883d6c]{color:#1a1a2e;font-size:14px;line-height:1.45}.ulangan-worked-inline[data-v-20883d6c]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px}.ulangan-worked-main[data-v-20883d6c]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ulangan-worked-duration[data-v-20883d6c]{text-align:right;white-space:nowrap;flex:none;align-self:center}.ulangan-result-card[data-v-20883d6c],.ulangan-instruction-card[data-v-20883d6c]{background:#fff;border:1px solid #f3f4f6;border-radius:18px;margin-top:16px;padding:16px 14px;box-shadow:0 4px 18px #0f172a0a}.ulangan-result-card h5[data-v-20883d6c],.ulangan-instruction-card h5[data-v-20883d6c]{color:#1a1a2e;margin:0 0 12px;font-size:15px;font-weight:700}.ulangan-result-grid div[data-v-20883d6c]{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.ulangan-result-grid[data-v-20883d6c]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ulangan-result-grid span[data-v-20883d6c]{color:#8c8c9e;font-size:11px}.ulangan-result-grid strong[data-v-20883d6c]{color:#1a1a2e;font-size:16px}.ulangan-note[data-v-20883d6c]{border-radius:14px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.6}.ulangan-note.warning[data-v-20883d6c]{color:#b76d12;background:#f582181f}.ulangan-instruction-card ol[data-v-20883d6c]{color:#4b5563;gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.ulangan-instruction-link[data-v-20883d6c]{margin-top:14px}.ulangan-cta-btn[data-v-20883d6c]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%);border:none;border-radius:16px;width:100%;min-height:48px;margin-top:18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.ulangan-detail-empty[data-v-20883d6c]{text-align:center}.ulangan-detail-empty h4[data-v-20883d6c]{color:#1a1a2e;margin:0;font-size:18px}.ulangan-detail-empty p[data-v-20883d6c]{color:#8c8c9e;margin:8px 0 0;font-size:13px;line-height:1.6}.ulangan-modal-backdrop[data-v-20883d6c]{z-index:999;background:#0f172a6b;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.ulangan-confirm-modal[data-v-20883d6c]{background:#fff;border-radius:26px;width:100%;max-width:420px;padding:22px 18px 18px;box-shadow:0 20px 40px #0f172a2e}.ulangan-confirm-icon[data-v-20883d6c]{color:#28a96b;background:#28a96b1f;border-radius:20px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;display:flex}.ulangan-confirm-icon svg[data-v-20883d6c]{width:26px;height:26px}.ulangan-confirm-modal h4[data-v-20883d6c]{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.ulangan-confirm-modal p[data-v-20883d6c]{color:#64748b;margin:10px 0 0;font-size:13px;line-height:1.65}.ulangan-confirm-actions[data-v-20883d6c]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.btn-cancel[data-v-20883d6c],.btn-confirm[data-v-20883d6c]{border:none;border-radius:14px;min-height:46px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.btn-cancel[data-v-20883d6c]{color:#475569;background:#eef2f7}.btn-confirm[data-v-20883d6c]{color:#fff;background:linear-gradient(135deg,#28a96b 0%,#1a6e47 100%)}.modal-fade-enter-active[data-v-20883d6c],.modal-fade-leave-active[data-v-20883d6c]{transition:opacity .24s}.modal-fade-enter-from[data-v-20883d6c],.modal-fade-leave-to[data-v-20883d6c]{opacity:0}.modal-slide-enter-active[data-v-20883d6c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.modal-slide-leave-active[data-v-20883d6c]{transition:transform .2s ease-in}.modal-slide-enter-from[data-v-20883d6c],.modal-slide-leave-to[data-v-20883d6c]{transform:translateY(100%)}body{background-color:rgba(var(--white), 1);max-width:600px;min-height:100vh;margin:0 auto}#app{min-height:100vh}.has-bottom-nav{padding-bottom:65px}.detail-header{margin:0 auto;padding:18px 0 14px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.detail-header .head-content{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-header .header-back{flex-shrink:0;width:42px!important;height:42px!important}.detail-hero{object-fit:cover;border-radius:24px;width:100%;height:240px}.detail-badge{color:rgba(var(--theme-color), 1);background-color:rgba(var(--theme-color), .12);border-radius:999px;margin-top:18px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.detail-title{color:rgba(var(--title-color), 1);margin-top:12px;font-size:24px;font-weight:700;line-height:1.35}.detail-date{color:rgba(var(--content-color), 1);margin-top:10px;font-size:13px}.detail-lead{background-color:rgba(var(--theme-color), .08);color:rgba(var(--title-color), 1);border-radius:18px;margin-top:16px;padding:16px 18px;line-height:1.7}.detail-body{gap:14px;margin-top:18px;display:grid}.detail-body p{color:rgba(var(--content-color), 1);margin:0;font-size:14px;line-height:1.8}.related-section{margin-top:28px}.related-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.related-title h5{color:rgba(var(--title-color), 1);font-size:18px;font-weight:700}.related-see-all{color:rgba(var(--theme-color), 1);font-size:13px;font-weight:700;text-decoration:none}.related-list{gap:10px;display:grid}.related-card{border:1px solid rgba(var(--line-color), 1);background-color:rgba(var(--white), 1);box-shadow:0 4px 12px rgba(var(--title-color), .04);border-radius:16px;gap:12px;padding:0 12px 0 0;text-decoration:none;display:flex;overflow:hidden}.related-card-image{object-fit:cover;flex-shrink:0;width:80px;height:80px}.related-card-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.related-card-badge{color:rgba(var(--theme-color), 1);background-color:rgba(var(--theme-color), .12);border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.related-card-title{color:rgba(var(--title-color), 1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.related-card-date{color:rgba(var(--content-color), 1);margin-top:4px;font-size:11px}.info-header{margin:0 auto;padding:18px 0 14px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.info-header .head-content{justify-content:center;align-items:center;min-height:24px;display:flex;position:relative}.info-header .header-back{background:0 0;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%);width:24px!important;height:24px!important}.info-header .header-back .iconsax{--Iconsax-Color:rgba(var(--title-color), 1);--Iconsax-Size:18px}.info-header .header-title{text-align:center;min-width:0}.info-header .header-title h3{color:rgba(var(--title-color), 1);font-size:20px;font-weight:700}.search-toolbar{align-items:center;gap:10px;display:flex}.search-form{flex:1;min-width:0}.search-field{border:1px solid rgba(var(--theme-color), 1);background-color:rgba(var(--white), 1);min-height:44px;box-shadow:0 10px 25px rgba(var(--title-color), .04);cursor:text;border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field .iconsax{--Iconsax-Size:18px;--Iconsax-Color:rgba(var(--theme-color), 1);flex-shrink:0}.search-field input{width:100%;color:rgba(var(--title-color), 1);background:0 0;border:none;outline:none;font-size:12px}.search-field input::placeholder{color:rgba(var(--content-color), 1)}.toolbar-btn{border:1px solid rgba(var(--theme-color), 1);width:44px;height:44px;color:rgba(var(--theme-color), 1);background-color:rgba(var(--white), 1);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toolbar-btn .iconsax{--Iconsax-Size:18px;--Iconsax-Color:rgba(var(--theme-color), 1)}.active-tools{scrollbar-width:none;gap:8px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.active-tools::-webkit-scrollbar{display:none}.active-chip{white-space:nowrap;color:rgba(var(--white), 1);background-color:rgba(var(--theme-color), 1);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.info-list{gap:8px;margin-top:12px;display:grid}.info-card{border:1px solid rgba(var(--line-color), 1);box-shadow:0 10px 25px rgba(var(--title-color), .06);background-color:rgba(var(--white), 1);border-radius:18px;gap:14px;padding:12px;text-decoration:none;display:flex}.info-card-image{object-fit:cover;border-radius:16px;flex-shrink:0;width:112px;height:112px}.media-placeholder{color:#c1c7cd;background-color:#eceef0;background-image:linear-gradient(100deg,#eceef0 30%,#f5f6f7 50%,#eceef0 70%);background-size:200% 100%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite media-placeholder-shimmer;display:flex;overflow:hidden}.media-placeholder-icon{width:34%;min-width:22px;max-width:56px;height:auto}@keyframes media-placeholder-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.media-placeholder{animation:none}}.info-card-content{flex:1;min-width:0}.info-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.info-badge{color:rgba(var(--theme-color), 1);background-color:rgba(var(--theme-color), .12);border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.info-date{color:rgba(var(--content-color), 1);font-size:12px}.info-card-title{color:rgba(var(--title-color), 1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.info-card-summary{color:rgba(var(--content-color), 1);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.info-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.info-card-link-text{color:rgba(var(--theme-color), 1);font-size:12px;font-weight:700}.info-empty{background-color:rgba(var(--box-bg), 1);text-align:center;border-radius:20px;margin-top:18px;padding:24px 20px}.info-empty h5{color:rgba(var(--title-color), 1);font-size:16px;font-weight:700}.info-empty p{color:rgba(var(--content-color), 1);margin-top:8px;font-size:13px;line-height:1.55}.filter-sheet .modal-dialog,.sort-sheet .modal-dialog{align-items:flex-end;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.filter-sheet .modal-content,.sort-sheet .modal-content{border:none;border-radius:28px 28px 0 0;width:100%;padding:6px 0 0}.filter-sheet .modal-header,.sort-sheet .modal-header{border-bottom:none;padding:18px 20px 8px}.filter-sheet .modal-title,.sort-sheet .modal-title{color:rgba(var(--title-color), 1);font-size:18px;font-weight:700}.filter-sheet .btn-close,.sort-sheet .btn-close{box-shadow:none}.filter-sheet .modal-body,.sort-sheet .modal-body{padding:10px 20px 24px}.sheet-caption{color:rgba(var(--content-color), 1);font-size:13px;line-height:1.6}.sheet-options{gap:10px;margin-top:16px;display:grid}.sheet-option{position:relative}.sheet-option input{opacity:0;pointer-events:none;position:absolute}.sheet-option label{border:1px solid rgba(var(--line-color), 1);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.sheet-option-text h5{color:rgba(var(--title-color), 1);font-size:14px;font-weight:700}.sheet-option-text h6{color:rgba(var(--content-color), 1);margin-top:4px;font-size:12px;line-height:1.5}.sheet-option-mark{border:1.5px solid rgba(var(--line-color), 1);border-radius:50%;flex-shrink:0;width:20px;height:20px}.sheet-option input:checked+label{border-color:rgba(var(--theme-color), 1);background-color:rgba(var(--theme-color), .08)}.sheet-option input:checked+label .sheet-option-mark{border-color:rgba(var(--theme-color), 1);background:radial-gradient(circle, rgba(var(--theme-color), 1) 0 5px, transparent 6px)}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.sheet-actions .btn{border-radius:14px;min-height:46px}.panel-space{padding-top:12px!important}