.animate-spin[data-v-52433fdc]{animation:spin-52433fdc 1s linear infinite}@keyframes spin-52433fdc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deposits-page[data-v-caf6dddb]{padding:2rem;max-width:1400px;margin:0 auto}.page-header[data-v-caf6dddb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1[data-v-caf6dddb]{margin:0;font-size:2rem;color:#1a1a1a}.text-muted[data-v-caf6dddb]{color:#6b7280;margin:.5rem 0 0}.stats-grid[data-v-caf6dddb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-caf6dddb]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;align-items:flex-start}.stat-icon[data-v-caf6dddb]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.success[data-v-caf6dddb]{background:#d1fae5;color:#065f46}.stat-icon.warning[data-v-caf6dddb]{background:#fef3c7;color:#92400e}.stat-icon.info[data-v-caf6dddb]{background:#dbeafe;color:#1e40af}.stat-icon.primary[data-v-caf6dddb]{background:#e0e7ff;color:#4338ca}.stat-content[data-v-caf6dddb]{flex:1}.stat-label[data-v-caf6dddb]{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.stat-value[data-v-caf6dddb]{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.stat-meta[data-v-caf6dddb]{font-size:.75rem;color:#9ca3af}.filters-section[data-v-caf6dddb]{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-row[data-v-caf6dddb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group[data-v-caf6dddb]{display:flex;flex-direction:column}.filter-group label[data-v-caf6dddb]{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-control[data-v-caf6dddb]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.form-control[data-v-caf6dddb]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-section[data-v-caf6dddb]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.data-table[data-v-caf6dddb]{width:100%;border-collapse:collapse}.data-table thead[data-v-caf6dddb]{background:#f9fafb}.data-table th[data-v-caf6dddb]{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.data-table td[data-v-caf6dddb]{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.data-table tbody tr[data-v-caf6dddb]:hover{background:#f9fafb}.transaction-id[data-v-caf6dddb]{display:flex;flex-direction:column;gap:.25rem}.transaction-id strong[data-v-caf6dddb]{color:#1a1a1a}.transaction-id small[data-v-caf6dddb]{color:#6b7280;font-size:.75rem}.user-info[data-v-caf6dddb]{display:flex;flex-direction:column;gap:.25rem}.user-info strong[data-v-caf6dddb]{color:#1a1a1a}.user-info small[data-v-caf6dddb]{color:#6b7280;font-size:.75rem}.amount[data-v-caf6dddb]{font-weight:600;white-space:nowrap}.amount.positive[data-v-caf6dddb]{color:#059669}.amount.fee[data-v-caf6dddb]{color:#dc2626}.status-badge[data-v-caf6dddb]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.success[data-v-caf6dddb]{background:#d1fae5;color:#065f46}.status-badge.pending[data-v-caf6dddb]{background:#fef3c7;color:#92400e}.status-badge.failed[data-v-caf6dddb]{background:#fee2e2;color:#991b1b}.provider-badge[data-v-caf6dddb]{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#374151}.datetime[data-v-caf6dddb]{display:flex;flex-direction:column;gap:.25rem}.datetime small[data-v-caf6dddb]{color:#6b7280;font-size:.75rem}.description[data-v-caf6dddb]{color:#6b7280;font-size:.875rem}.loading-state[data-v-caf6dddb],.empty-state[data-v-caf6dddb]{text-align:center;padding:3rem;color:#6b7280}.loading-state i[data-v-caf6dddb],.empty-state i[data-v-caf6dddb]{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-state i[data-v-caf6dddb]{color:#3b82f6}.pagination[data-v-caf6dddb]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-info[data-v-caf6dddb]{font-size:.875rem;color:#6b7280}.btn[data-v-caf6dddb]{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-outline[data-v-caf6dddb]{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-caf6dddb]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn[data-v-caf6dddb]:disabled{opacity:.5;cursor:not-allowed}.btn[data-v-a6a82bc7]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn[data-v-a6a82bc7]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-a6a82bc7]{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary[data-v-a6a82bc7]:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary[data-v-a6a82bc7]{background:#6b7280;color:#fff;border-color:#6b7280}.btn-secondary[data-v-a6a82bc7]:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.btn-success[data-v-a6a82bc7]{background:#10b981;color:#fff;border-color:#10b981}.btn-success[data-v-a6a82bc7]:hover:not(:disabled){background:#059669;border-color:#059669}.btn-warning[data-v-a6a82bc7]{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-warning[data-v-a6a82bc7]:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-danger[data-v-a6a82bc7],.btn-outline-danger[data-v-a6a82bc7]{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger[data-v-a6a82bc7]:hover:not(:disabled),.btn-outline-danger[data-v-a6a82bc7]:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-outline-primary[data-v-a6a82bc7]{background:transparent;color:#3b82f6;border-color:#3b82f6}.btn-outline-primary[data-v-a6a82bc7]:hover:not(:disabled){background:#3b82f6;color:#fff}.btn-outline-info[data-v-a6a82bc7]{background:transparent;color:#06b6d4;border-color:#06b6d4}.btn-outline-info[data-v-a6a82bc7]:hover:not(:disabled){background:#06b6d4;color:#fff}.btn-sm[data-v-a6a82bc7]{padding:6px 12px;font-size:12px}.form-control[data-v-a6a82bc7],.form-select[data-v-a6a82bc7]{display:block;width:100%;padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:border-color .15s ease}.form-control[data-v-a6a82bc7]:focus,.form-select[data-v-a6a82bc7]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-control.is-invalid[data-v-a6a82bc7]{border-color:#ef4444}.invalid-feedback[data-v-a6a82bc7]{display:block;width:100%;margin-top:4px;font-size:12px;color:#ef4444}.form-group[data-v-a6a82bc7]{margin-bottom:16px}.form-group label[data-v-a6a82bc7]{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-row[data-v-a6a82bc7]{display:flex;gap:16px}.notifications-page[data-v-a6a82bc7]{padding:20px}.page-header[data-v-a6a82bc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title[data-v-a6a82bc7]{margin:0;font-size:28px;font-weight:600}.filters-section[data-v-a6a82bc7]{display:flex;gap:15px;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px}.filter-group[data-v-a6a82bc7]{min-width:150px}.notifications-grid[data-v-a6a82bc7]{display:grid;gap:20px}.notification-card[data-v-a6a82bc7]{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px;transition:all .3s ease;position:relative}.notification-card[data-v-a6a82bc7]:hover{box-shadow:0 4px 12px #0000001a}.notification-card.inactive[data-v-a6a82bc7]{opacity:.7;border-left:4px solid #6c757d}.notification-card.expired[data-v-a6a82bc7]{opacity:.6;border-left:4px solid #dc3545}.notification-info[data-v-a6a82bc7]{border-left:4px solid #17a2b8}.notification-success[data-v-a6a82bc7]{border-left:4px solid #28a745}.notification-warning[data-v-a6a82bc7]{border-left:4px solid #ffc107}.notification-error[data-v-a6a82bc7]{border-left:4px solid #dc3545}.notification-header[data-v-a6a82bc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notification-type[data-v-a6a82bc7]{display:flex;align-items:center;gap:8px;font-weight:500}.notification-actions[data-v-a6a82bc7]{display:flex;gap:5px}.notification-content[data-v-a6a82bc7]{margin-bottom:15px}.notification-title[data-v-a6a82bc7]{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.notification-message[data-v-a6a82bc7]{color:#666;line-height:1.5;margin:0}.notification-meta[data-v-a6a82bc7]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.meta-item[data-v-a6a82bc7]{display:flex;align-items:center;gap:5px;font-size:14px;color:#666}.notification-status[data-v-a6a82bc7]{position:absolute;top:15px;right:15px}.status-badge[data-v-a6a82bc7]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active[data-v-a6a82bc7]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-a6a82bc7]{background:#f8d7da;color:#721c24}.status-badge.expired[data-v-a6a82bc7]{background:#fff3cd;color:#856404}.empty-state[data-v-a6a82bc7]{text-align:center;padding:60px 20px;color:#666}.empty-state i[data-v-a6a82bc7]{font-size:48px;margin-bottom:15px;opacity:.5}.loading[data-v-a6a82bc7]{text-align:center;padding:40px;font-size:16px;color:#666}.modal-overlay[data-v-a6a82bc7]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a6a82bc7]{background:#fff;border-radius:12px;width:90%;max-height:90vh;overflow-y:auto}.notification-modal[data-v-a6a82bc7]{max-width:700px}.view-modal[data-v-a6a82bc7]{max-width:800px}.modal-header[data-v-a6a82bc7]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.modal-header h3[data-v-a6a82bc7]{margin:0;font-size:20px}.btn-close[data-v-a6a82bc7]{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:5px}.modal-body[data-v-a6a82bc7]{padding:20px}.form-group[data-v-a6a82bc7]{margin-bottom:20px}.form-row[data-v-a6a82bc7]{display:flex;gap:15px}.form-row .form-group[data-v-a6a82bc7]{flex:1}.checkbox-group[data-v-a6a82bc7]{display:flex;gap:15px}.checkbox-item[data-v-a6a82bc7]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label[data-v-a6a82bc7]{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:25px}.user-selection[data-v-a6a82bc7]{border:1px solid #dee2e6;border-radius:8px;padding:15px}.selected-users[data-v-a6a82bc7]{margin-bottom:15px}.user-tags[data-v-a6a82bc7]{display:flex;flex-wrap:wrap;gap:8px}.user-tag[data-v-a6a82bc7]{background:#e9ecef;padding:5px 10px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:8px}.remove-user[data-v-a6a82bc7]{background:none;border:none;color:#dc3545;cursor:pointer;padding:0;font-size:12px}.user-search-results[data-v-a6a82bc7]{max-height:200px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px}.user-result[data-v-a6a82bc7]{padding:10px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:background .2s}.user-result[data-v-a6a82bc7]:hover{background:#f8f9fa}.user-result[data-v-a6a82bc7]:last-child{border-bottom:none}.user-info[data-v-a6a82bc7]{display:flex;align-items:center;gap:10px}.role-badge[data-v-a6a82bc7]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.role-admin[data-v-a6a82bc7]{background:#fff3cd;color:#856404}.role-user[data-v-a6a82bc7]{background:#d1ecf1;color:#0c5460}.form-actions[data-v-a6a82bc7]{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.notification-detail[data-v-a6a82bc7]{max-width:100%}.detail-section[data-v-a6a82bc7]{margin-bottom:30px}.detail-section h5[data-v-a6a82bc7]{color:#333;margin-bottom:15px;font-weight:600}.detail-grid[data-v-a6a82bc7]{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item[data-v-a6a82bc7]{display:flex;flex-direction:column}.detail-item label[data-v-a6a82bc7]{font-weight:600;color:#666;font-size:14px;margin-bottom:4px}.detail-item span[data-v-a6a82bc7]{color:#333}.message-content[data-v-a6a82bc7]{background:#f8f9fa;padding:15px;border-radius:8px;line-height:1.6;white-space:pre-wrap}.stats-grid[data-v-a6a82bc7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card[data-v-a6a82bc7]{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border-left:4px solid #6c757d}.stat-card.success[data-v-a6a82bc7]{border-left-color:#28a745}.stat-card.warning[data-v-a6a82bc7]{border-left-color:#ffc107}.stat-number[data-v-a6a82bc7]{font-size:24px;font-weight:600;color:#333;margin-bottom:5px}.stat-label[data-v-a6a82bc7]{font-size:14px;color:#666}.pagination-wrapper[data-v-a6a82bc7]{display:flex;justify-content:center;margin-top:30px}.pagination[data-v-a6a82bc7]{display:flex;list-style:none;padding:0;margin:0}.page-item[data-v-a6a82bc7]{margin:0 2px}.page-link[data-v-a6a82bc7]{background:#fff;border:1px solid #dee2e6;color:#007bff;padding:8px 12px;text-decoration:none;border-radius:4px;cursor:pointer}.page-item.active .page-link[data-v-a6a82bc7]{background:#007bff;color:#fff;border-color:#007bff}.page-item.disabled .page-link[data-v-a6a82bc7]{color:#6c757d;cursor:not-allowed;opacity:.6}.page-link[data-v-a6a82bc7]:hover:not(.disabled){background:#e9ecef}.type-info[data-v-a6a82bc7]{color:#17a2b8}.type-success[data-v-a6a82bc7]{color:#28a745}.type-warning[data-v-a6a82bc7]{color:#ffc107}.type-error[data-v-a6a82bc7]{color:#dc3545}@media(max-width:768px){.notifications-page[data-v-a6a82bc7]{padding:15px}.page-header[data-v-a6a82bc7]{flex-direction:column;gap:15px;align-items:stretch}.filters-section[data-v-a6a82bc7]{flex-direction:column}.notification-header[data-v-a6a82bc7]{flex-direction:column;gap:10px;align-items:flex-start}.notification-meta[data-v-a6a82bc7]{flex-direction:column;gap:8px}.form-row[data-v-a6a82bc7]{flex-direction:column}.modal-content[data-v-a6a82bc7]{width:95%;margin:10px}.stats-grid[data-v-a6a82bc7]{grid-template-columns:repeat(2,1fr)}.detail-grid[data-v-a6a82bc7]{grid-template-columns:1fr}}.expand-enter-from[data-v-a2c9bf42],.expand-leave-to[data-v-a2c9bf42]{max-height:0;opacity:0}.expand-enter-to[data-v-a2c9bf42],.expand-leave-from[data-v-a2c9bf42]{max-height:800px;opacity:1}.expand-enter-active[data-v-a2c9bf42],.expand-leave-active[data-v-a2c9bf42]{transition:max-height .25s ease,opacity .2s ease}.notification-list-enter-active[data-v-267f6729],.notification-list-leave-active[data-v-267f6729]{transition:all .3s ease}.notification-list-enter-from[data-v-267f6729]{opacity:0;transform:translateY(-10px)}.notification-list-leave-to[data-v-267f6729]{opacity:0;transform:translate(30px)}.product-row[data-v-fe0ecddb]{transition:opacity .25s ease,transform .25s ease}.product-row-fading[data-v-fe0ecddb]{opacity:0;transform:translateY(-4px)}.filters-collapse-enter-active[data-v-fe0ecddb],.filters-collapse-leave-active[data-v-fe0ecddb]{transition:opacity .2s ease,max-height .25s ease}.filters-collapse-enter-from[data-v-fe0ecddb],.filters-collapse-leave-to[data-v-fe0ecddb]{opacity:0;max-height:0;overflow:hidden}.filters-collapse-enter-to[data-v-fe0ecddb],.filters-collapse-leave-from[data-v-fe0ecddb]{opacity:1;max-height:1200px}.line-clamp-2[data-v-346a0a3c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-wrapper[data-v-3d288467]{position:relative}.notification-btn[data-v-3d288467]{background:#fff;border:2px solid #e5e7eb;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.notification-btn[data-v-3d288467]:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.notification-btn.has-notifications[data-v-3d288467]{border-color:#3b82f6;background:#eff6ff}.notification-btn.has-notifications[data-v-3d288467]:hover{border-color:#2563eb;background:#dbeafe}.bell-container[data-v-3d288467]{position:relative;display:flex;align-items:center;justify-content:center}.bell-container i[data-v-3d288467]{font-size:20px;color:#6b7280;transition:color .3s ease}.notification-btn.has-notifications .bell-container i[data-v-3d288467]{color:#3b82f6}.notification-btn:hover .bell-container i[data-v-3d288467]{color:#374151}.notification-btn.has-notifications:hover .bell-container i[data-v-3d288467]{color:#2563eb}.notification-btn.loading[data-v-3d288467]{opacity:.7;cursor:wait}.notification-btn[data-v-3d288467]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.notification-badge[data-v-3d288467]{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #ef44444d;animation:pulse-badge-3d288467 2s infinite}@keyframes pulse-badge-3d288467{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-btn.has-notifications .bell-container i[data-v-3d288467]{animation:bell-shake-3d288467 .5s ease-in-out}@keyframes bell-shake-3d288467{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notifications-dropdown[data-v-3d288467]{position:absolute;top:100%;right:0;width:380px;max-height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden}.dropdown-header[data-v-3d288467]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f3f4f6;background:#f8f9fa}.dropdown-header h4[data-v-3d288467]{margin:0;font-size:16px;font-weight:600;color:#1f2937}.header-actions[data-v-3d288467]{display:flex;gap:10px}.mark-all-read[data-v-3d288467]{background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s;display:flex;align-items:center;gap:4px}.mark-all-read[data-v-3d288467]:hover{background:#eff6ff}.mark-all-read[data-v-3d288467]:disabled{opacity:.6;cursor:not-allowed}.close-dropdown[data-v-3d288467]{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.close-dropdown[data-v-3d288467]:hover{color:#374151}.dropdown-body[data-v-3d288467]{max-height:350px;overflow-y:auto}.loading-state[data-v-3d288467],.empty-state[data-v-3d288467]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center}.loading-state i[data-v-3d288467],.empty-state i[data-v-3d288467]{font-size:24px;margin-bottom:10px;opacity:.5}.notifications-list[data-v-3d288467]{max-height:350px;overflow-y:auto}.notification-item[data-v-3d288467]{display:flex;padding:15px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s;position:relative}.notification-item[data-v-3d288467]:hover{background:#f8f9fa}.notification-item[data-v-3d288467]:last-child{border-bottom:none}.notification-item.unread[data-v-3d288467]{background:#eff6ff;position:relative}.notification-item.unread[data-v-3d288467]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.notification-icon[data-v-3d288467]{margin-right:12px;margin-top:2px}.notification-content[data-v-3d288467]{flex:1;min-width:0}.notification-title[data-v-3d288467]{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.3}.notification-message[data-v-3d288467]{font-size:13px;color:#6b7280;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time[data-v-3d288467]{font-size:11px;color:#9ca3af}.notification-actions[data-v-3d288467]{display:flex;flex-direction:column;gap:4px;margin-left:8px}.mark-read-btn[data-v-3d288467],.mark-unread-btn[data-v-3d288467]{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mark-read-btn[data-v-3d288467]:hover{background:#dcfce7;color:#16a34a}.mark-unread-btn[data-v-3d288467]:hover{background:#fef3c7;color:#d97706}.dropdown-footer[data-v-3d288467]{padding:15px 20px;border-top:1px solid #f3f4f6;background:#f8f9fa}.view-all-btn[data-v-3d288467]{width:100%;background:none;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.view-all-btn[data-v-3d288467]:hover{background:#f3f4f6;border-color:#9ca3af}.notifications-backdrop[data-v-3d288467]{position:fixed;inset:0;z-index:999}.modal-overlay[data-v-3d288467]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.notification-detail-modal[data-v-3d288467]{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden}.modal-header[data-v-3d288467]{display:flex;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;gap:12px}.notification-type-icon[data-v-3d288467]{font-size:20px}.modal-header h3[data-v-3d288467]{flex:1;margin:0;font-size:18px;font-weight:600;color:#1f2937}.btn-close[data-v-3d288467]{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.btn-close[data-v-3d288467]:hover{color:#374151}.modal-body[data-v-3d288467]{padding:20px;max-height:400px;overflow-y:auto}.notification-meta[data-v-3d288467]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notification-type[data-v-3d288467]{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.type-info[data-v-3d288467]{background:#dbeafe;color:#1e40af}.type-success[data-v-3d288467]{background:#dcfce7;color:#166534}.type-warning[data-v-3d288467]{background:#fef3c7;color:#92400e}.type-error[data-v-3d288467]{background:#fecaca;color:#dc2626}.notification-date[data-v-3d288467]{font-size:12px;color:#6b7280}.notification-content-full[data-v-3d288467]{line-height:1.6;color:#374151;white-space:pre-wrap}.modal-footer[data-v-3d288467]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e5e7eb;background:#f8f9fa}.btn[data-v-3d288467]{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;display:flex;align-items:center;gap:6px}.btn-primary[data-v-3d288467]{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary[data-v-3d288467]:hover{background:#2563eb;border-color:#2563eb}.btn-secondary[data-v-3d288467]{background:#f3f4f6;color:#374151;border-color:#d1d5db}.btn-secondary[data-v-3d288467]:hover{background:#e5e7eb;border-color:#9ca3af}@media(max-width:480px){.notification-btn[data-v-3d288467]{min-width:44px;min-height:44px;padding:10px}.bell-container i[data-v-3d288467]{font-size:18px}.notification-badge[data-v-3d288467]{top:-6px;right:-6px;font-size:10px;min-width:18px;height:18px;padding:2px 4px}.notifications-dropdown[data-v-3d288467]{width:320px;right:-20px}.notification-detail-modal[data-v-3d288467]{margin:10px}.modal-overlay[data-v-3d288467]{padding:10px}}.dropdown-body[data-v-3d288467]::-webkit-scrollbar,.modal-body[data-v-3d288467]::-webkit-scrollbar{width:6px}.dropdown-body[data-v-3d288467]::-webkit-scrollbar-track,.modal-body[data-v-3d288467]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-body[data-v-3d288467]::-webkit-scrollbar-thumb,.modal-body[data-v-3d288467]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-body[data-v-3d288467]::-webkit-scrollbar-thumb:hover,.modal-body[data-v-3d288467]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#app{font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-to{opacity:0;transform:translateY(-30px)}