.deped-header[data-v-598ce0ce]{position:relative;z-index:2;background:var(--header-bg);padding:18px 32px;box-shadow:0 4px 20px rgba(26,79,156,.12);border-bottom:4px solid var(--deped-yellow)}.header-content[data-v-598ce0ce]{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:16px}.deped-logo-container[data-v-598ce0ce],.division-logo-container[data-v-598ce0ce]{flex:0 0 auto;display:flex;align-items:center}.deped-logo[data-v-598ce0ce]{height:76px}.deped-logo[data-v-598ce0ce],.division-logo[data-v-598ce0ce]{width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.division-logo[data-v-598ce0ce]{height:92px}.title-container[data-v-598ce0ce]{flex:1;text-align:center;padding:0 20px}.header-tag[data-v-598ce0ce]{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--deped-blue);opacity:.85}.main-title[data-v-598ce0ce]{margin:0;color:var(--deped-blue);font-size:28px;font-weight:800;line-height:1.2;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.header-division[data-v-598ce0ce]{margin:6px 0 0;font-size:15px;font-weight:700;color:var(--deped-red)}@media (max-width:768px){.deped-header[data-v-598ce0ce]{padding:10px 14px}.header-content[data-v-598ce0ce]{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.title-container[data-v-598ce0ce]{order:unset;padding:0 4px}.header-tag[data-v-598ce0ce]{font-size:10px;margin-bottom:2px}.main-title[data-v-598ce0ce]{font-size:15px;line-height:1.15}.header-division[data-v-598ce0ce]{font-size:11px;margin-top:2px}.deped-logo[data-v-598ce0ce]{height:42px}.division-logo[data-v-598ce0ce]{height:48px}}@media (max-width:420px){.header-tag[data-v-598ce0ce]{display:none}.main-title[data-v-598ce0ce]{font-size:13.5px}.header-division[data-v-598ce0ce]{font-size:10.5px}.deped-logo[data-v-598ce0ce]{height:36px}.division-logo[data-v-598ce0ce]{height:40px}}.mobile-app-modal-overlay[data-v-3acb4542]{position:fixed;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:99999;animation:fadeIn-3acb4542 .2s ease-out}.mobile-app-modal-card[data-v-3acb4542]{width:100%;max-width:580px;max-height:90vh;background:#fff;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;animation:scaleUp-3acb4542 .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn-3acb4542{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-3acb4542{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-3acb4542]{padding:20px 24px;background:linear-gradient(135deg,#0b2f64,#1a4f9c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header-branding[data-v-3acb4542]{display:flex;align-items:center;gap:14px}.app-icon-wrap[data-v-3acb4542]{width:44px;height:44px;background:hsla(0,0%,100%,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4ade80;box-shadow:0 2px 8px rgba(0,0,0,.2)}.modal-title[data-v-3acb4542]{margin:0;font-size:17px;font-weight:700;letter-spacing:-.2px}.modal-subtitle[data-v-3acb4542]{margin:2px 0 0;font-size:12px;color:hsla(0,0%,100%,.8)}.modal-close-btn[data-v-3acb4542]{background:hsla(0,0%,100%,.15);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn[data-v-3acb4542]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.modal-body[data-v-3acb4542]{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.apk-download-hero[data-v-3acb4542]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.hero-badge-row[data-v-3acb4542]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.hero-badge[data-v-3acb4542]{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.hero-badge.version[data-v-3acb4542]{background:#166534;color:#fff}.hero-badge.size[data-v-3acb4542]{background:#bbf7d0;color:#14532d}.hero-badge.platform[data-v-3acb4542]{background:#dbeafe;color:#1e40af}.hero-app-name[data-v-3acb4542]{margin:0 0 4px;font-size:16px;font-weight:700;color:#14532d}.hero-app-desc[data-v-3acb4542]{margin:0;font-size:13px;color:#166534;line-height:1.45}.hero-download-btn[data-v-3acb4542]{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#15803d,#166534);color:#fff;padding:12px 20px;border-radius:10px;font-size:14.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(22,101,52,.3);transition:all .2s ease}.hero-download-btn[data-v-3acb4542]:hover{background:linear-gradient(135deg,#166534,#14532d);transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,101,52,.4)}.install-guide-section[data-v-3acb4542]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-3acb4542]{margin:0;font-size:14.5px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.title-icon[data-v-3acb4542]{font-size:16px}.steps-container[data-v-3acb4542]{display:flex;flex-direction:column;gap:10px}.step-card[data-v-3acb4542]{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.step-badge[data-v-3acb4542]{width:26px;height:26px;background:#1a4f9c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;flex-shrink:0;margin-top:1px}.step-content[data-v-3acb4542]{display:flex;flex-direction:column;gap:2px}.step-heading[data-v-3acb4542]{margin:0;font-size:13.5px;font-weight:700;color:#0f172a}.step-detail[data-v-3acb4542]{margin:0;font-size:12.5px;color:#475569;line-height:1.45}.step-detail code[data-v-3acb4542]{background:#e2e8f0;color:#0f172a;padding:1px 4px;border-radius:4px;font-size:11.5px}.guide-tip-box[data-v-3acb4542]{background:#fefce8;border:1px solid #fef08a;border-radius:10px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:#713f12;line-height:1.45}.tip-icon[data-v-3acb4542]{font-size:16px;line-height:1}.modal-footer[data-v-3acb4542]{padding:14px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-download-btn[data-v-3acb4542]{background:#166534;color:#fff;font-size:13px;font-weight:700;padding:8px 16px;border-radius:8px;text-decoration:none;transition:all .2s}.footer-download-btn[data-v-3acb4542]:hover{background:#14532d}.footer-close-btn[data-v-3acb4542]{background:#fff;color:#475569;border:1px solid #cbd5e1;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .2s}.footer-close-btn[data-v-3acb4542]:hover{background:#f1f5f9;color:#0f172a}.navigation[data-v-79b9d896]{position:relative;z-index:10;background:var(--nav-bg);padding:8px 16px 12px;box-shadow:0 4px 16px rgba(26,79,156,.2)}.desktop-nav[data-v-79b9d896]{display:flex;flex-direction:column;gap:6px;max-width:1400px;margin:0 auto}.nav-row[data-v-79b9d896]{justify-content:center}.nav-bottom-links[data-v-79b9d896],.nav-row[data-v-79b9d896]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nav-link[data-v-79b9d896]{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;color:hsla(0,0%,100%,.92);text-decoration:none;font-weight:700;font-size:14px;border-radius:999px;border:2px solid transparent;transition:all .22s ease;position:relative}.bulletin-badge[data-v-79b9d896]{min-width:20px;height:20px;font-size:11px;line-height:1;box-shadow:0 2px 6px rgba(239,68,68,.4);margin-left:2px;animation:pulseBadge-79b9d896 2s ease-in-out infinite}.bulletin-badge[data-v-79b9d896],.drawer-bulletin-badge[data-v-79b9d896]{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-weight:900}.drawer-bulletin-badge[data-v-79b9d896]{min-width:22px;height:22px;font-size:11.5px;margin-right:6px}.mobile-header-badge[data-v-79b9d896]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10.5px;font-weight:900;margin-left:4px}@keyframes pulseBadge-79b9d896{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.nav-link[data-v-79b9d896]:hover{background:hsla(0,0%,100%,.16);transform:translateY(-1px);color:var(--text-white)}.nav-link.active[data-v-79b9d896]{background:var(--text-white);color:var(--deped-blue);border-color:var(--deped-yellow);box-shadow:0 3px 10px rgba(0,0,0,.15);transform:translateY(-1px)}.nav-icon[data-v-79b9d896]{font-size:16px;line-height:1}.nav-user[data-v-79b9d896]{display:inline-flex;align-items:center;gap:10px;margin-left:6px;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2)}.nav-user-email[data-v-79b9d896]{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.92);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-apk-btn[data-v-79b9d896]{display:inline-flex;align-items:center;gap:5px;background:rgba(34,197,94,.25);border:1px solid rgba(74,222,128,.6);color:#fff;font-size:11.5px;font-weight:800;font-family:inherit;cursor:pointer;padding:4px 10px;border-radius:999px;text-decoration:none;transition:all .2s ease}.nav-apk-btn[data-v-79b9d896]:hover{background:rgba(34,197,94,.45);border-color:#86efac;transform:translateY(-1px)}.nav-apk-icon[data-v-79b9d896]{font-size:13px;line-height:1}.nav-logout-btn[data-v-79b9d896]{border:1px solid hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.1);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.nav-logout-btn[data-v-79b9d896]:hover{background:hsla(0,0%,100%,.25);border-color:#fff}.mobile-nav-bar[data-v-79b9d896]{display:none;align-items:center;gap:12px;padding:4px 6px;max-width:100%}.hamburger-btn[data-v-79b9d896]{display:flex;flex-direction:column;justify-content:space-around;width:40px;height:38px;padding:8px 7px;background:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,0%,100%,.25);border-radius:8px;cursor:pointer;transition:all .2s ease}.hamburger-btn[data-v-79b9d896]:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.5)}.hamburger-btn .bar[data-v-79b9d896]{display:block;width:100%;height:2.5px;background:#fff;border-radius:4px;transition:all .25s ease}.mobile-active-page[data-v-79b9d896]{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);padding:6px 14px;border-radius:20px;border:1px solid hsla(0,0%,100%,.25);color:#fff;font-weight:700;font-size:13.5px}.mobile-page-icon[data-v-79b9d896]{font-size:15px}.mobile-drawer-overlay[data-v-79b9d896]{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:99999;display:flex;animation:fadeIn-79b9d896 .25s ease}.mobile-drawer[data-v-79b9d896]{width:290px;max-width:82vw;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:4px 0 25px rgba(0,0,0,.35);animation:slideInLeft-79b9d896 .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.drawer-header[data-v-79b9d896]{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;background:var(--nav-bg,#1a4f9c);color:#fff;border-bottom:3px solid var(--deped-yellow,#f59e0b)}.drawer-branding[data-v-79b9d896]{display:flex;align-items:center;gap:10px}.drawer-logo-img[data-v-79b9d896]{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.drawer-logo-icon[data-v-79b9d896]{font-size:24px}.drawer-title[data-v-79b9d896]{margin:0;font-size:15px;font-weight:800;line-height:1.2}.drawer-subtitle[data-v-79b9d896]{margin:2px 0 0;font-size:11px;color:hsla(0,0%,100%,.85)}.drawer-close-btn[data-v-79b9d896]{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;width:32px;height:32px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drawer-close-btn[data-v-79b9d896]:hover{background:hsla(0,0%,100%,.3)}.drawer-user-card[data-v-79b9d896]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.drawer-user-avatar[data-v-79b9d896]{width:38px;height:38px;border-radius:50%;background:#1a4f9c;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(26,79,156,.25)}.drawer-user-info[data-v-79b9d896]{display:flex;flex-direction:column;overflow:hidden}.drawer-user-role[data-v-79b9d896]{font-size:11px;font-weight:700;text-transform:uppercase;color:#2563eb;letter-spacing:.04em}.drawer-user-email[data-v-79b9d896]{font-size:12.5px;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-links-scroll[data-v-79b9d896]{flex:1;overflow-y:auto;padding:12px 10px}.drawer-links-group[data-v-79b9d896]{display:flex;flex-direction:column;gap:4px}.drawer-nav-link[data-v-79b9d896]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#334155;text-decoration:none;font-weight:600;font-size:14.5px;transition:all .18s ease}.drawer-nav-link[data-v-79b9d896]:hover{background:#f1f5f9;color:#1a4f9c;transform:translateX(3px)}.drawer-nav-link.active[data-v-79b9d896]{background:#eef4ff;color:#1a4f9c;font-weight:700;border-left:4px solid #1a4f9c}.drawer-nav-icon[data-v-79b9d896]{font-size:18px;line-height:1;width:22px;text-align:center}.drawer-nav-text[data-v-79b9d896]{flex:1}.drawer-nav-arrow[data-v-79b9d896]{font-size:16px;color:#94a3b8}.drawer-nav-link.active .drawer-nav-arrow[data-v-79b9d896]{color:#1a4f9c;font-weight:700}.drawer-footer[data-v-79b9d896]{padding:14px 16px;border-top:1px solid #e2e8f0;background:#fff}.drawer-apk-btn[data-v-79b9d896]{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:8px;color:#166534;font-family:inherit;cursor:pointer;text-align:left;transition:all .2s ease}.drawer-apk-btn[data-v-79b9d896]:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;transform:translateY(-1px)}.drawer-apk-icon[data-v-79b9d896]{font-size:20px;line-height:1}.drawer-apk-info[data-v-79b9d896]{flex:1;display:flex;flex-direction:column}.drawer-apk-title[data-v-79b9d896]{font-size:12.5px;font-weight:800;color:#14532d;line-height:1.2}.drawer-apk-sub[data-v-79b9d896]{font-size:10.5px;color:#166534;opacity:.85;margin-top:1px}.drawer-apk-badge[data-v-79b9d896]{font-size:10px;font-weight:800;background:#15803d;color:#fff;padding:3px 6px;border-radius:5px;letter-spacing:.03em}.drawer-logout-btn[data-v-79b9d896]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#b91c1c;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .2s ease}.drawer-logout-btn[data-v-79b9d896]:hover{background:#fee2e2;border-color:#fca5a5}@keyframes fadeIn-79b9d896{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft-79b9d896{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:768px){.desktop-nav[data-v-79b9d896]{display:none}.mobile-nav-bar[data-v-79b9d896]{display:flex}.navigation[data-v-79b9d896]{padding:6px 12px}}.notify-overlay[data-v-4b0d7719]{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.notify-modal[data-v-4b0d7719]{width:min(420px,100%);background:var(--text-white);border-radius:20px;padding:28px 24px 24px;text-align:center;box-shadow:0 24px 64px rgba(26,79,156,.25);border:2px solid transparent;animation:notify-pop-4b0d7719 .22s ease}.notify-modal.success[data-v-4b0d7719]{border-color:rgba(46,125,50,.35)}.notify-modal.error[data-v-4b0d7719]{border-color:rgba(227,27,35,.35)}.notify-icon[data-v-4b0d7719]{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--text-white)}.success .notify-icon[data-v-4b0d7719]{background:linear-gradient(135deg,#2e7d32,#43a047)}.error .notify-icon[data-v-4b0d7719]{background:linear-gradient(135deg,var(--deped-red),#ff4d55)}.notify-title[data-v-4b0d7719]{margin:0 0 10px;font-size:22px;font-weight:800;color:var(--deped-blue)}.notify-message[data-v-4b0d7719]{margin:0 0 22px;font-size:15px;line-height:1.5;color:rgba(0,0,0,.75);white-space:pre-wrap}.notify-btn[data-v-4b0d7719]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 32px;background:var(--deped-blue);color:var(--text-white);font-size:15px;font-weight:700;cursor:pointer;min-width:120px}.notify-btn[data-v-4b0d7719]:hover{filter:brightness(1.08)}@keyframes notify-pop-4b0d7719{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fab-scanner-btn[data-v-743fe025]{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(180deg,#164687,#0d3264);color:#fff;border:2px solid rgba(147,197,253,.65);border-radius:18px;padding:8px 14px 7px;cursor:pointer;box-shadow:0 8px 24px rgba(10,35,75,.55),0 2px 6px rgba(0,0,0,.2);transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.fab-scanner-btn[data-v-743fe025]:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px rgba(15,55,120,.65),0 4px 10px rgba(0,0,0,.25);border-color:#facc15}.fab-scanner-btn[data-v-743fe025]:active{transform:translateY(0) scale(.97)}.fab-icon-wrap[data-v-743fe025]{position:relative;display:flex;align-items:center;justify-content:center}.fab-circle-ring[data-v-743fe025]{width:32px;height:32px;border-radius:50%;border:2px solid #facc15;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(250,204,21,.1);box-shadow:0 0 10px rgba(250,204,21,.25);transition:all .2s ease}.fab-scanner-btn:hover .fab-circle-ring[data-v-743fe025]{background:rgba(250,204,21,.2);box-shadow:0 0 14px rgba(250,204,21,.45)}.fab-camera-icon[data-v-743fe025]{display:block}.fab-pulse-ring[data-v-743fe025]{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(250,204,21,.5);animation:fabPulse-743fe025 2.4s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes fabPulse-743fe025{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.45);opacity:0}}.fab-label[data-v-743fe025]{font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#facc15;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.scanner-modal-backdrop[data-v-743fe025]{position:fixed;inset:0;background:rgba(15,23,42,.85);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn-743fe025 .2s ease-out}@keyframes modalFadeIn-743fe025{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.scanner-modal-card[data-v-743fe025]{width:100%;max-width:620px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);display:flex;flex-direction:column}.scanner-modal-header[data-v-743fe025]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1a4f9c;color:#fff}.header-title-group[data-v-743fe025]{display:flex;align-items:center;gap:12px}.header-icon[data-v-743fe025]{font-size:26px}.header-title[data-v-743fe025]{margin:0;font-size:17px;font-weight:800;color:#fff}.header-subtitle[data-v-743fe025]{margin:2px 0 0;font-size:12px;color:hsla(0,0%,100%,.85)}.btn-close-modal[data-v-743fe025]{background:hsla(0,0%,100%,.15);border:none;color:#fff;font-size:18px;font-weight:700;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-close-modal[data-v-743fe025]:hover{background:hsla(0,0%,100%,.3)}.scanner-modal-body[data-v-743fe025]{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.scanner-viewport-wrap[data-v-743fe025]{position:relative;width:100%;height:420px;background:#0f172a;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-reader-box[data-v-743fe025]{width:100%!important;height:100%!important;border:none!important}.qr-reader-box video[data-v-743fe025]{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:16px}.viewfinder-overlay[data-v-743fe025]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.viewfinder-box[data-v-743fe025]{position:relative;width:270px;height:270px}.corner[data-v-743fe025]{position:absolute;width:30px;height:30px;border-color:#38bdf8;border-style:solid}.corner-tl[data-v-743fe025]{top:0;left:0;border-width:4px 0 0 4px;border-top-left-radius:6px}.corner-tr[data-v-743fe025]{top:0;right:0;border-width:4px 4px 0 0;border-top-right-radius:6px}.corner-bl[data-v-743fe025]{bottom:0;left:0;border-width:0 0 4px 4px;border-bottom-left-radius:6px}.corner-br[data-v-743fe025]{bottom:0;right:0;border-width:0 4px 4px 0;border-bottom-right-radius:6px}.laser-beam[data-v-743fe025]{position:absolute;left:4px;right:4px;height:3px;background:linear-gradient(90deg,transparent,#38bdf8,#facc15,#38bdf8,transparent);box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8;border-radius:2px;animation:laserScan-743fe025 2s ease-in-out infinite}@keyframes laserScan-743fe025{0%{top:6px;opacity:.8}50%{top:calc(100% - 10px);opacity:1}to{top:6px;opacity:.8}}.camera-status-overlay[data-v-743fe025]{position:absolute;inset:0;background:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#fff}.scanner-spinner[data-v-743fe025]{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#38bdf8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.status-text[data-v-743fe025]{font-size:13px;color:#94a3b8}.error-emoji[data-v-743fe025]{font-size:32px;margin-bottom:8px}.error-text[data-v-743fe025]{font-size:13px;color:#fca5a5;margin-bottom:14px;line-height:1.4}.btn-retry-camera[data-v-743fe025]{padding:6px 16px;border-radius:8px;background:#38bdf8;color:#0f172a;border:none;font-weight:700;font-size:12.5px;cursor:pointer}.scanner-controls[data-v-743fe025]{display:flex;justify-content:center}.btn-control[data-v-743fe025]{padding:6px 14px;border-radius:8px;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-control[data-v-743fe025]:hover{background:#e2e8f0}.manual-code-section[data-v-743fe025]{display:flex;flex-direction:column;gap:8px}.manual-divider[data-v-743fe025]{display:flex;align-items:center;text-align:center;font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.5px}.manual-divider[data-v-743fe025]:after,.manual-divider[data-v-743fe025]:before{content:"";flex:1;border-bottom:1px solid #e2e8f0}.manual-divider span[data-v-743fe025]{padding:0 8px}.manual-input-form[data-v-743fe025]{display:flex;gap:8px}.manual-input[data-v-743fe025]{flex:1;padding:9px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px;color:#1e293b}.manual-input[data-v-743fe025]:focus{outline:none;border-color:#1a4f9c;box-shadow:0 0 0 3px rgba(26,79,156,.12)}.btn-manual-submit[data-v-743fe025]{padding:9px 16px;border-radius:8px;background:#1a4f9c;color:#fff;border:none;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-manual-submit[data-v-743fe025]:hover:not(:disabled){background:#164182}.btn-manual-submit[data-v-743fe025]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.fab-scanner-btn[data-v-743fe025]{bottom:18px;right:16px;padding:8px 14px 6px;border-radius:18px}.fab-label[data-v-743fe025]{font-size:10px}.scanner-viewport-wrap[data-v-743fe025]{height:260px}.viewfinder-box[data-v-743fe025]{width:190px;height:190px}}*{margin:0;padding:0;box-sizing:border-box}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}.app-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.app-bg-image{position:absolute;inset:0;background-image:url(/img/deped-bg.2c5b4a73.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.app-bg-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}.main-content{position:relative;z-index:1;min-height:calc(100vh - var(--app-chrome-height, 160px));padding:24px 20px 40px;max-width:1400px;margin:0 auto}.check-in-main{min-height:100vh;max-width:none;padding:0}#app.check-in-mode .app-bg-overlay{background:rgba(0,39,118,.72)}#app.training-enter-mode .main-content{min-height:100vh}html.app-chrome-hidden .enter-modal-overlay{top:0;padding:0}html.app-chrome-hidden .enter-modal{border-radius:0;max-height:100vh}@media (max-width:768px){.app-bg-image{background-attachment:scroll;background-position:top}}.home[data-v-228f358a]{padding:8px 0 24px}.hero-card[data-v-228f358a]{text-align:center;background:var(--card-bg);padding:40px 32px;border-radius:24px;box-shadow:var(--card-shadow);border:2px solid rgba(94,184,232,.2);max-width:720px;margin:0 auto 28px}.hero-badge[data-v-228f358a]{display:inline-block;margin-bottom:14px;padding:6px 16px;border-radius:999px;background:var(--deped-yellow-soft);color:var(--deped-blue);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.welcome-title[data-v-228f358a]{color:var(--deped-blue);font-size:34px;font-weight:800;margin-bottom:12px}.welcome-subtitle[data-v-228f358a]{color:var(--text-muted);font-size:17px;font-weight:600;line-height:1.55;max-width:520px;margin:0 auto}.quick-links[data-v-228f358a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:960px;margin:0 auto}.quick-card[data-v-228f358a]{display:block;text-decoration:none;color:inherit;background:var(--card-bg);padding:24px 20px;border-radius:20px;border:2px solid rgba(94,184,232,.15);box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.quick-card[data-v-228f358a]:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--accent)}.quick-icon[data-v-228f358a]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,#fff);font-size:26px;margin-bottom:14px}.quick-title[data-v-228f358a]{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--deped-blue)}.quick-desc[data-v-228f358a]{margin:0;font-size:14px;font-weight:600;color:var(--text-muted);line-height:1.45}@media (max-width:600px){.hero-card[data-v-228f358a]{padding:28px 20px}.welcome-title[data-v-228f358a]{font-size:26px}}:root{--deped-blue:#1a4f9c;--deped-blue-light:#3d7fd4;--deped-blue-soft:#e8f2fd;--deped-red:#e31b23;--deped-red-soft:#ffecee;--deped-yellow:#ffc72c;--deped-yellow-soft:#fff8e0;--deped-sky:#5eb8e8;--deped-sky-light:#c5e8f9;--deped-mint:#e6f7f1;--header-bg:linear-gradient(135deg,#5eb8e8,#7ec8ef 40%,#a8daf5);--nav-bg:linear-gradient(90deg,#1a4f9c,#2563b8 50%,#1e56a8);--text-black:#1a2b42;--text-muted:#5c6f82;--text-white:#fff;--background-light:#f3f8ff;--card-bg:#fff;--card-radius:18px;--btn-radius:14px;--card-shadow:0 6px 24px rgba(26,79,156,.09);--card-shadow-hover:0 12px 32px rgba(26,79,156,.15);--app-chrome-height:160px}#app,body{font-family:Nunito,Segoe UI,system-ui,sans-serif;color:var(--text-black)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--btn-radius);padding:12px 20px;background:linear-gradient(135deg,var(--deped-blue) 0,var(--deped-blue-light) 100%);color:var(--text-white);font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(26,79,156,.28);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,79,156,.35);filter:brightness(1.05)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{background:#cbd5e1!important;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;filter:none!important}.secondary-btn{border-radius:var(--btn-radius);padding:10px 18px;border:2px solid rgba(26,79,156,.25);background:var(--text-white);color:var(--deped-blue);font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.secondary-btn:hover{background:var(--deped-blue-soft);border-color:var(--deped-blue-light)}.secondary-btn:disabled{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed!important}.page-card,.table-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;border:2px solid rgba(94,184,232,.15)}.table-title{color:var(--deped-blue)!important}.page-title{color:var(--text-white)!important;text-shadow:0 2px 6px rgba(0,0,0,.45)}.data-table thead th{background:linear-gradient(180deg,var(--deped-sky-light) 0,var(--deped-blue-soft) 100%)!important;color:var(--deped-blue)!important;font-weight:700!important;border-bottom:2px solid rgba(94,184,232,.3)!important}.data-table tbody tr:hover td{background:rgba(94,184,232,.06)}.data-table tbody td{border-bottom:1px solid rgba(94,184,232,.12)!important}.filter-btn{border-radius:999px!important;border:2px solid rgba(26,79,156,.2)!important;font-weight:700!important;transition:all .2s ease!important}.filter-btn:hover{background:var(--deped-blue-soft)!important;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,var(--deped-blue),var(--deped-blue-light))!important;border-color:transparent!important;color:var(--text-white)!important;box-shadow:0 4px 12px rgba(26,79,156,.25)}.action-btn{border-radius:10px!important;font-weight:700!important;transition:transform .15s ease!important}.action-btn:hover{transform:scale(1.04)}.edit-btn{background:var(--deped-blue-soft)!important;color:var(--deped-blue)!important}.delete-btn{background:var(--deped-red-soft)!important;color:var(--deped-red)!important}input[type=date],input[type=number],input[type=search],input[type=text],input[type=time],select,textarea{border-radius:12px!important;border:2px solid rgba(94,184,232,.35)!important;transition:border-color .2s,box-shadow .2s!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--deped-blue-light)!important;box-shadow:0 0 0 4px rgba(61,127,212,.15)!important}.modal-overlay{backdrop-filter:blur(4px)}.modal-content,.modal-panel{border-radius:20px!important;border:2px solid var(--deped-sky-light)!important;box-shadow:0 24px 64px rgba(26,79,156,.2)!important}.modal-header{background:linear-gradient(90deg,var(--deped-blue-soft),var(--deped-yellow-soft))!important}