.payments-page[data-v-ca5c34c4]{max-width:1400px;margin:0 auto;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.payments-page.loaded[data-v-ca5c34c4]{opacity:1;transform:translateY(0)}.page-header[data-v-ca5c34c4]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content[data-v-ca5c34c4]{flex:1}.header-badge[data-v-ca5c34c4]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:linear-gradient(135deg,#f9731626,#ea580c26);border:1px solid rgba(249,115,22,.3);border-radius:100px;color:#f97316;font-size:.75rem;font-weight:600;margin-bottom:.75rem}.page-header h1[data-v-ca5c34c4]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p[data-v-ca5c34c4]{color:var(--text-secondary);font-size:.95rem}.header-stats[data-v-ca5c34c4]{display:flex;gap:.75rem}.stat-pill[data-v-ca5c34c4]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:.8rem}.stat-pill.pending[data-v-ca5c34c4]{border:1px solid rgba(245,158,11,.3);color:#f59e0b}.stat-pill.approved[data-v-ca5c34c4]{border:1px solid rgba(34,197,94,.3);color:#22c55e}.stat-pill .stat-value[data-v-ca5c34c4]{font-weight:700}.stat-pill .stat-label[data-v-ca5c34c4]{color:var(--text-muted)}.toolbar-section[data-v-ca5c34c4]{justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.search-box[data-v-ca5c34c4],.toolbar-section[data-v-ca5c34c4]{display:flex;align-items:center}.search-box[data-v-ca5c34c4]{gap:.75rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:0 1rem;min-width:300px;color:var(--text-muted);transition:all .2s ease}.search-box[data-v-ca5c34c4]:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.search-box input[data-v-ca5c34c4]{flex:1;background:transparent;border:none;padding:.875rem 0;color:var(--text-primary);font-size:.9rem}.table-container[data-v-ca5c34c4]{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(249,115,22,.2);border-radius:16px;overflow-x:auto;min-height:200px}.payments-table[data-v-ca5c34c4]{width:100%;border-collapse:collapse}.payments-table thead[data-v-ca5c34c4]{background:linear-gradient(135deg,#f9731614,#ea580c14)}.payments-table th[data-v-ca5c34c4]{padding:1rem .75rem;text-align:left;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.payments-table td[data-v-ca5c34c4]{padding:.875rem .75rem;font-size:.85rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.payments-table tbody tr[data-v-ca5c34c4]{transition:all .2s ease;opacity:0;transform:translateY(10px);animation:rowSlideUp-ca5c34c4 .3s ease forwards;animation-delay:var(--delay)}@keyframes rowSlideUp-ca5c34c4{to{opacity:1;transform:translateY(0)}}.payments-table tbody tr[data-v-ca5c34c4]:hover{background:#f973160d}.student-name[data-v-ca5c34c4]{gap:.75rem}.avatar-small[data-v-ca5c34c4],.student-name[data-v-ca5c34c4]{display:flex;align-items:center}.avatar-small[data-v-ca5c34c4]{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);justify-content:center;font-size:.85rem;font-weight:600;color:#fff}.mono[data-v-ca5c34c4]{font-family:var(--font-sans);font-size:.8rem}.type-badge[data-v-ca5c34c4]{display:inline-flex;padding:.25rem .5rem;background:#f973161a;border-radius:6px;font-size:.75rem;color:#f97316}.amount[data-v-ca5c34c4]{font-weight:600;color:#f97316}.flag-badge[data-v-ca5c34c4]{padding:.25rem .5rem;border-radius:6px}.flag-badge[data-v-ca5c34c4],.status-badge[data-v-ca5c34c4]{display:inline-flex;font-size:.75rem;font-weight:500}.status-badge[data-v-ca5c34c4]{align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:20px}.action-buttons[data-v-ca5c34c4]{display:flex;gap:.5rem}.action-btn[data-v-ca5c34c4]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn.view[data-v-ca5c34c4]{background:#f973161a;color:#f97316}.action-btn.view[data-v-ca5c34c4]:hover{background:#f9731633}.action-btn.delete[data-v-ca5c34c4]{background:#ef44441a;color:#ef4444}.action-btn.delete[data-v-ca5c34c4]:hover{background:#ef444433}.empty-state[data-v-ca5c34c4]{flex-direction:column;padding:4rem 2rem;text-align:center}.empty-icon[data-v-ca5c34c4],.empty-state[data-v-ca5c34c4]{display:flex;align-items:center;justify-content:center}.empty-icon[data-v-ca5c34c4]{width:80px;height:80px;border-radius:20px;background:var(--bg-tertiary);color:var(--text-muted);margin-bottom:1.5rem}.empty-state h3[data-v-ca5c34c4]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p[data-v-ca5c34c4]{color:var(--text-muted);font-size:.9rem}.loading-state[data-v-ca5c34c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.loading-spinner[data-v-ca5c34c4]{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid #f97316;border-radius:50%;animation:spin-ca5c34c4 .8s linear infinite}@keyframes spin-ca5c34c4{to{transform:rotate(1turn)}}.pagination[data-v-ca5c34c4]{gap:1rem;margin-top:1.5rem}.page-btn[data-v-ca5c34c4],.pagination[data-v-ca5c34c4]{display:flex;align-items:center;justify-content:center}.page-btn[data-v-ca5c34c4]{width:40px;height:40px;border-radius:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s ease}.page-btn[data-v-ca5c34c4]:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:#f97316}.page-btn[data-v-ca5c34c4]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-ca5c34c4]{color:var(--text-secondary);font-size:.875rem}.modal-overlay[data-v-ca5c34c4]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.modal-content.split-view[data-v-ca5c34c4]{background:var(--bg-primary);border-radius:24px;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative}.modal-close[data-v-ca5c34c4]{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:1}.modal-header[data-v-ca5c34c4]{padding:1.5rem;border-bottom:1px solid var(--border-light)}.modal-header h3[data-v-ca5c34c4]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.student-info[data-v-ca5c34c4]{font-size:.875rem;color:var(--text-muted)}.split-container[data-v-ca5c34c4]{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);max-height:60vh;overflow:hidden}.split-left[data-v-ca5c34c4],.split-right[data-v-ca5c34c4]{background:var(--bg-primary);padding:1.5rem;overflow-y:auto}.split-header[data-v-ca5c34c4]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.screenshot-container[data-v-ca5c34c4]{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.screenshot-image[data-v-ca5c34c4]{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.no-image[data-v-ca5c34c4]{align-items:center;gap:.5rem;color:var(--text-muted)}.no-image[data-v-ca5c34c4],.verification-info[data-v-ca5c34c4]{display:flex;flex-direction:column}.verification-info[data-v-ca5c34c4]{gap:.75rem;margin-bottom:1.5rem}.verification-item[data-v-ca5c34c4]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:10px}.verification-label[data-v-ca5c34c4]{font-size:.8rem;color:var(--text-muted)}.verification-value[data-v-ca5c34c4]{font-size:.9rem;font-weight:600;color:var(--text-primary)}.manual-checks[data-v-ca5c34c4]{display:grid;gap:9px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary)}.manual-checks label[data-v-ca5c34c4]{display:flex;align-items:flex-start;gap:9px;color:var(--text-primary);font-size:13px;line-height:1.45}.manual-checks input[data-v-ca5c34c4]{width:17px;height:17px;margin-top:2px;accent-color:#2563eb}.audit-remark[data-v-ca5c34c4]{display:grid;gap:7px;margin-top:14px;color:var(--text-secondary);font-size:13px;font-weight:700}.audit-remark textarea[data-v-ca5c34c4]{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;background:var(--bg-primary);color:var(--text-primary);font:inherit}.modal-footer[data-v-ca5c34c4]{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-light)}.btn-footer[data-v-ca5c34c4]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:12px;font-size:.95rem;font-weight:600;transition:all .2s ease}.btn-footer.reject[data-v-ca5c34c4]{background:#ef44441a;color:#ef4444}.btn-footer.reject[data-v-ca5c34c4]:hover:not(:disabled){background:#ef444433}.btn-footer.approve[data-v-ca5c34c4]{background:#22c55e1a;color:#22c55e}.btn-footer.approve[data-v-ca5c34c4]:hover:not(:disabled){background:#22c55e33}.btn-footer[data-v-ca5c34c4]:disabled{opacity:.5;cursor:not-allowed}.delete-modal[data-v-ca5c34c4]{background:var(--bg-primary);border-radius:24px;width:100%;max-width:400px;padding:2rem;text-align:center}.delete-icon[data-v-ca5c34c4]{width:64px;height:64px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#ef4444}.delete-modal h3[data-v-ca5c34c4]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.delete-modal p[data-v-ca5c34c4]{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.delete-warning[data-v-ca5c34c4]{color:#ef4444!important;font-size:.85rem!important}.btn-footer.cancel[data-v-ca5c34c4]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-footer.cancel[data-v-ca5c34c4]:hover{background:var(--border-color);color:var(--text-primary)}.btn-footer.delete[data-v-ca5c34c4]{background:#ef44441a;color:#ef4444}.btn-footer.delete[data-v-ca5c34c4]:hover:not(:disabled){background:#ef444433}.modal-enter-active[data-v-ca5c34c4],.modal-leave-active[data-v-ca5c34c4]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-enter-from[data-v-ca5c34c4],.modal-leave-to[data-v-ca5c34c4]{opacity:0}.modal-enter-from .modal-content[data-v-ca5c34c4],.modal-leave-to .modal-content[data-v-ca5c34c4]{transform:scale(.95) translateY(10px)}@media(max-width:768px){.split-container[data-v-ca5c34c4]{grid-template-columns:1fr}.split-left[data-v-ca5c34c4],.split-right[data-v-ca5c34c4]{max-height:40vh}}
