.app-shell--student[data-v-21d85e8b]{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.shell-card[data-v-21d85e8b]{width:100%;max-width:560px;background:var(--surface);border-radius:var(--radius);border-top:4px solid var(--navy);box-shadow:var(--shadow);padding:24px}.shell-brand[data-v-21d85e8b]{text-align:center;margin-bottom:20px}.shell-logo[data-v-21d85e8b]{width:100px;max-width:100%;margin:0 auto 12px}.shell-logo img[data-v-21d85e8b]{width:100%;height:auto;display:block}h1[data-v-21d85e8b]{font-size:20px;color:var(--navy);margin-bottom:4px;line-height:1.3}.shell-subtitle[data-v-21d85e8b]{color:var(--muted);font-size:13px;line-height:1.5}.shell-body[data-v-21d85e8b]{display:flex;flex-direction:column;gap:16px}.shell-footer[data-v-21d85e8b]{width:100%;max-width:560px;text-align:center;color:var(--muted);font-size:12px;margin-top:16px;line-height:1.5}.app-shell--admin[data-v-21d85e8b]{min-height:100dvh;background:var(--bg)}.admin-sidebar[data-v-21d85e8b]{display:none;width:240px;background:linear-gradient(180deg,var(--navy-deep) 0%,#13295f 100%);color:#fff;padding:16px;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar-brand[data-v-21d85e8b]{display:flex;align-items:center;gap:10px;margin-bottom:24px}.sidebar-mark[data-v-21d85e8b]{width:36px;height:36px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center}.sidebar-title[data-v-21d85e8b]{font-weight:800;font-size:15px;line-height:1.2}.sidebar-sub[data-v-21d85e8b]{font-size:11px;color:#93c5fd}.sidebar-nav[data-v-21d85e8b]{display:flex;flex-direction:column;gap:4px}.nav-item[data-v-21d85e8b]{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:transparent;font-family:inherit;font-size:14px;text-align:left;color:#dbeafe;cursor:pointer}.nav-item[data-v-21d85e8b]:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.nav-item--active[data-v-21d85e8b]{background:#1e40af;color:#fff}.admin-main[data-v-21d85e8b]{min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.admin-header[data-v-21d85e8b]{background:#ffffffeb;border-bottom:1px solid var(--border);padding:14px 20px;position:sticky;top:0;z-index:20}.admin-header h1[data-v-21d85e8b]{font-size:18px;color:var(--navy-deep)}.admin-body[data-v-21d85e8b]{padding:20px}.admin-bottom[data-v-21d85e8b]{display:flex;justify-content:space-around;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy-deep);color:#fff;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bottom-item[data-v-21d85e8b]{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 6px;border:0;background:transparent;font-family:inherit;font-size:11px;font-weight:600;color:#93c5fd;line-height:1.2;cursor:pointer}.bottom-item[data-v-21d85e8b]:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.bottom-item--active[data-v-21d85e8b]{color:#fff}.app-shell--admin .shell-footer[data-v-21d85e8b]{max-width:none;padding:0 20px 8px}@media (max-width: 480px){.app-shell--student[data-v-21d85e8b]{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.shell-card[data-v-21d85e8b]{padding:22px 16px;border-radius:14px}h1[data-v-21d85e8b]{font-size:19px}}@media (min-width: 900px){.app-shell--student .shell-card[data-v-21d85e8b]{max-width:920px}.app-shell--student .shell-body[data-v-21d85e8b]{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.app-shell--student .shell-body[data-v-21d85e8b]>:only-child{grid-column:1 / -1}.app-shell--student .shell-footer[data-v-21d85e8b]{max-width:920px}.app-shell--admin[data-v-21d85e8b]{display:flex;min-width:900px}.admin-sidebar[data-v-21d85e8b]{display:flex}.admin-main[data-v-21d85e8b]{margin-left:240px;flex:1;padding-bottom:24px}.admin-header[data-v-21d85e8b],.admin-body[data-v-21d85e8b]{padding-left:32px;padding-right:32px}.admin-bottom[data-v-21d85e8b]{display:none}}.period-badge[data-v-f5d97a8c]{text-align:center}.period-badge span[data-v-f5d97a8c]{display:inline-block;background:#dbeafe;color:#1e40af;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;line-height:1.4}.upload-field[data-v-670e56fd]{display:flex;flex-direction:column;gap:6px}.upload-label[data-v-670e56fd]{font-size:13px;font-weight:600;color:#374151}.upload-zone[data-v-670e56fd]{border:2px dashed #cbd5e1;border-radius:12px;padding:18px;text-align:center;cursor:pointer;min-height:88px;color:var(--muted);transition:border-color .15s ease,background .15s ease}.upload-zone[data-v-670e56fd]:hover,.upload-zone.drag[data-v-670e56fd],.upload-zone[data-v-670e56fd]:focus-visible{border-color:var(--navy);background:#eff6ff;outline:none}.upload-zone[data-v-670e56fd]:focus-visible{box-shadow:0 0 0 3px #0030872e}.upload-zone p[data-v-670e56fd]{font-size:13px;margin-top:6px;line-height:1.5}.file-name[data-v-670e56fd]{font-size:12px;color:var(--ok);font-weight:600;margin-top:6px;word-break:break-all}.sr-only[data-v-670e56fd]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mk-picker[data-v-43d9ca2e]{display:flex;flex-direction:column;gap:12px}.mk-summary[data-v-43d9ca2e]{text-align:center;background:#eff6ff;color:#1e40af;font-size:13px;font-weight:700;padding:8px 12px;border-radius:10px;border:1px dashed #bfdbfe}.mk-panel[data-v-43d9ca2e]{border:1px solid var(--border);border-radius:12px;padding:10px}.mk-panel h3[data-v-43d9ca2e]{font-size:14px;color:var(--navy);margin-bottom:6px}.mk-check[data-v-43d9ca2e]{display:flex;align-items:flex-start;gap:10px;padding:12px 10px;border-radius:8px;min-height:44px;cursor:pointer}.mk-check[data-v-43d9ca2e]:hover{background:#f9fafb}.mk-check input[type=checkbox][data-v-43d9ca2e]{width:18px;height:18px;margin-top:2px;accent-color:var(--navy)}.mk-name[data-v-43d9ca2e]{font-size:14px;font-weight:500}.mk-sks[data-v-43d9ca2e]{font-size:12px;color:var(--muted)}.mk-empty[data-v-43d9ca2e]{font-size:12px;color:var(--muted);padding:8px 10px;line-height:1.5}.daftar[data-v-ba594034]{display:flex;flex-direction:column;gap:16px}.notice[data-v-ba594034]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.warn[data-v-ba594034]{background:#fffbeb;border-color:#fde68a;color:#92400e}.notice.danger[data-v-ba594034]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.notice.ok[data-v-ba594034]{background:#f0fdf4;border-color:#bbf7d0;color:var(--ok)}.daftar-form[data-v-ba594034]{display:flex;flex-direction:column;gap:16px}.field[data-v-ba594034]{margin-bottom:14px}.field label[data-v-ba594034]{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#374151}.req[data-v-ba594034]{color:var(--danger)}.field input[type=text][data-v-ba594034],.field input[type=email][data-v-ba594034],.field input[type=tel][data-v-ba594034],.field select[data-v-ba594034]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;background:#fff;min-height:44px;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field input[data-v-ba594034]:focus,.field select[data-v-ba594034]:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0030871f}.field input[readonly][data-v-ba594034]{background:#f3f4f6;cursor:default}.field input[data-v-ba594034]:disabled,.field select[data-v-ba594034]:disabled,.btn[data-v-ba594034]:disabled{opacity:.55;cursor:not-allowed}.hint[data-v-ba594034]{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.hint.ok[data-v-ba594034]{color:var(--ok)}.hint.warn[data-v-ba594034]{color:var(--warn)}.hint.danger[data-v-ba594034]{color:var(--danger)}.step-btns[data-v-ba594034]{display:flex;gap:10px;margin-top:18px}.btn[data-v-ba594034]{flex:1;padding:13px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;transition:background .15s ease,opacity .15s ease}.btn.primary[data-v-ba594034]{background:var(--navy);color:#fff}.btn.primary[data-v-ba594034]:hover:not(:disabled){background:var(--navy-hover)}.btn.secondary[data-v-ba594034]{background:#e5e7eb;color:#374151}.btn.secondary[data-v-ba594034]:hover:not(:disabled){background:#d1d5db}@media (min-width: 768px){.field input[type=text][data-v-ba594034],.field input[type=email][data-v-ba594034],.field input[type=tel][data-v-ba594034],.field select[data-v-ba594034],.btn[data-v-ba594034]{font-size:14px}}.upload-page[data-v-e8394149]{display:flex;flex-direction:column;gap:16px}.notice[data-v-e8394149]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.warn[data-v-e8394149]{background:#fffbeb;border-color:#fde68a;color:#92400e}.notice.danger[data-v-e8394149]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.notice.ok[data-v-e8394149]{background:#f0fdf4;border-color:#bbf7d0;color:var(--ok)}.upload-form[data-v-e8394149]{display:flex;flex-direction:column;gap:16px}.field label[data-v-e8394149]{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#374151}.req[data-v-e8394149]{color:var(--danger)}.field input[type=text][data-v-e8394149]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;background:#fff;min-height:44px;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field input[data-v-e8394149]:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0030871f}.field input[data-v-e8394149]:disabled,.btn[data-v-e8394149]:disabled{opacity:.55;cursor:not-allowed}.student-block[data-v-e8394149]{display:flex;flex-direction:column;gap:16px}.info-grid[data-v-e8394149]{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:14px}.info-grid .row[data-v-e8394149]{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}.info-grid .k[data-v-e8394149]{color:var(--muted)}.info-grid .v[data-v-e8394149]{font-weight:600;text-align:right}.pdf-link[data-v-e8394149]{color:var(--navy);text-decoration:none}.pdf-link[data-v-e8394149]:hover{text-decoration:underline}.mk-list[data-v-e8394149]{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:14px}.mk-title[data-v-e8394149]{font-size:13px;font-weight:600;margin-bottom:8px;color:#374151}.mk-list ul[data-v-e8394149]{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.step-btns[data-v-e8394149]{display:flex;gap:10px}.btn[data-v-e8394149]{flex:1;padding:13px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;transition:background .15s ease,opacity .15s ease}.btn.primary[data-v-e8394149]{background:var(--navy);color:#fff}.btn.primary[data-v-e8394149]:hover:not(:disabled){background:var(--navy-hover)}@media (min-width: 768px){.field input[type=text][data-v-e8394149],.btn[data-v-e8394149]{font-size:14px}}.chip[data-v-fbe84332]{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.chip--acc[data-v-fbe84332]{background:#dcfce7;color:var(--ok)}.chip--tidak-acc[data-v-fbe84332]{background:#fee2e2;color:var(--danger)}.chip--menunggu[data-v-fbe84332]{background:#f8eed8;color:#8a6a2b;box-shadow:inset 0 0 0 1px var(--gold)}.chip--bayar[data-v-fbe84332]{background:#dbeafe;color:#1e40af}.chip--belum[data-v-fbe84332]{background:#f1f5f9;color:#475569}.table-wrap[data-v-caab246e]{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px}.data-table[data-v-caab246e]{width:100%;border-collapse:collapse;font-size:13px}thead th[data-v-caab246e]{position:sticky;top:0;background:#f7f9fd;z-index:5;text-align:left;font-weight:700;color:var(--navy-deep);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td[data-v-caab246e]{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td[data-v-caab246e]{border-bottom:none}.empty[data-v-caab246e]{text-align:center;color:var(--muted);padding:28px 12px}.rekap[data-v-98e4c956]{display:flex;flex-direction:column;gap:16px}.notice[data-v-98e4c956]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.danger[data-v-98e4c956]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.kpi-grid[data-v-98e4c956]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi[data-v-98e4c956]{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.kpi-label[data-v-98e4c956]{font-size:12px;color:var(--muted);font-weight:600}.kpi-value[data-v-98e4c956]{font-size:22px;font-weight:800;color:var(--navy-deep);margin-top:4px}.expand-btn[data-v-98e4c956]{min-height:44px;min-width:44px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--navy);font-weight:600;font-size:12px;cursor:pointer}.mk-expand[data-v-98e4c956]{display:contents}.mk-card[data-v-98e4c956]{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.mk-head[data-v-98e4c956]{font-weight:700;font-size:13px;color:var(--navy-deep);margin-bottom:10px}.mk-row[data-v-98e4c956]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;list-style:none}.mk-card ul[data-v-98e4c956]{margin:0;padding:0}.mk-row[data-v-98e4c956]:last-child{border-bottom:none}.empty[data-v-98e4c956]{color:var(--muted);font-size:13px}@media (min-width: 900px){.kpi-grid[data-v-98e4c956]{grid-template-columns:repeat(6,minmax(0,1fr))}}.mk-tab[data-v-50b097f6]{display:flex;flex-direction:column;gap:16px}.notice[data-v-50b097f6]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.danger[data-v-50b097f6]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.pills[data-v-50b097f6]{display:flex;flex-wrap:wrap;gap:8px}.pill[data-v-50b097f6],.mk-opt[data-v-50b097f6],.btn[data-v-50b097f6]{min-height:44px;border-radius:10px;font-family:inherit;font-weight:600;cursor:pointer}.pill[data-v-50b097f6]{padding:8px 14px;border:1px solid var(--border);background:#fff;color:var(--navy-deep);font-size:13px}.pill--active[data-v-50b097f6]{background:var(--navy);border-color:var(--navy);color:#fff}.mk-options[data-v-50b097f6]{display:flex;flex-wrap:wrap;gap:8px}.mk-opt[data-v-50b097f6]{padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:#374151;font-size:13px}.mk-opt--active[data-v-50b097f6]{background:#dbeafe;border-color:#1e40af;color:#1e40af}.aksi[data-v-50b097f6]{display:flex;flex-wrap:wrap;gap:8px}.btn[data-v-50b097f6]{padding:8px 12px;border:none;font-size:12px}.btn.acc[data-v-50b097f6]{background:#dcfce7;color:var(--ok)}.btn.tolak[data-v-50b097f6]{background:#fee2e2;color:var(--danger)}.btn[data-v-50b097f6]:disabled,.mk-opt[data-v-50b097f6]:disabled{opacity:.55;cursor:not-allowed}.empty[data-v-50b097f6]{color:var(--muted);font-size:13px}.notif-tab[data-v-c713998c]{display:flex;flex-direction:column;gap:16px}.notice[data-v-c713998c]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.danger[data-v-c713998c]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.toolbar[data-v-c713998c]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.count[data-v-c713998c]{font-size:13px;color:var(--muted);font-weight:600}.btn[data-v-c713998c]{min-height:44px;padding:8px 12px;border-radius:10px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--navy-deep)}.btn.primary[data-v-c713998c]{background:var(--navy);border-color:var(--navy);color:#fff;margin-left:auto}.btn[data-v-c713998c]:disabled{opacity:.55;cursor:not-allowed}.sent[data-v-c713998c]{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.sent--ok[data-v-c713998c]{background:#dcfce7;color:var(--ok)}input[type=checkbox][data-v-c713998c]{width:18px;height:18px;accent-color:var(--navy)}a[data-v-c713998c]{color:var(--navy);font-weight:600}.bayar-tab[data-v-0a5a7b70]{display:flex;flex-direction:column;gap:16px}.notice[data-v-0a5a7b70]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.danger[data-v-0a5a7b70]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.kpi[data-v-0a5a7b70]{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;max-width:240px}.kpi-label[data-v-0a5a7b70]{font-size:12px;color:var(--muted);font-weight:600}.kpi-value[data-v-0a5a7b70]{font-size:22px;font-weight:800;color:var(--navy-deep);margin-top:4px}.aksi[data-v-0a5a7b70]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.btn[data-v-0a5a7b70]{min-height:44px;padding:8px 12px;border-radius:10px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;border:1px solid var(--border);background:#fff;color:#374151}.btn.bayar.btn--on[data-v-0a5a7b70]{background:#dcfce7;border-color:#86efac;color:var(--ok)}.btn.belum.btn--on[data-v-0a5a7b70]{background:#f1f5f9;color:#475569}.btn[data-v-0a5a7b70]:disabled{opacity:.55;cursor:not-allowed}a[data-v-0a5a7b70]{color:var(--navy);font-weight:600;font-size:12px}.login-card[data-v-a16cfe5f]{display:flex;flex-direction:column;gap:16px}.notice[data-v-a16cfe5f]{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.notice.warn[data-v-a16cfe5f]{background:#fffbeb;border-color:#fde68a;color:#92400e}.notice.danger[data-v-a16cfe5f]{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.field label[data-v-a16cfe5f]{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#374151}.field input[type=password][data-v-a16cfe5f]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;background:#fff;min-height:44px;color:var(--text)}.field input[data-v-a16cfe5f]:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0030871f}.field input[data-v-a16cfe5f]:disabled,.btn[data-v-a16cfe5f]:disabled{opacity:.55;cursor:not-allowed}.btn[data-v-a16cfe5f]{padding:13px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}.btn.primary[data-v-a16cfe5f]{background:var(--navy);color:#fff}.btn.primary[data-v-a16cfe5f]:hover:not(:disabled){background:var(--navy-hover)}:root{--navy: #003087;--navy-deep: #0F1D44;--navy-hover: #00205b;--teal: #0F766E;--gold: #C4A35A;--bg: #EEF2F9;--surface: #ffffff;--text: #1f2937;--muted: #5B6B8C;--border: #E5EAF3;--danger: #B91C1C;--ok: #15803D;--warn: #B45309;--radius: 16px;--shadow: 0 10px 30px rgba(15, 29, 68, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3{font-family:Fira Sans,Inter,sans-serif}button{font-family:inherit}