.credit-notifications{position:relative}.credit-notifications .notification-toggle{border:none!important;background:none!important;box-shadow:none!important;padding:.5rem!important;border-radius:50%!important;transition:background-color .2s ease}.credit-notifications .notification-toggle:hover{background-color:#0000000d!important}.credit-notifications .notification-toggle:focus{box-shadow:0 0 0 .2rem #ef532340!important}.notification-menu{width:350px;max-height:500px;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;padding:0}.notification-header{background-color:#f8f9fa;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.notification-header h6{color:#495057;font-weight:600}.notification-list{max-height:350px;overflow-y:auto}.notification-item{border:none!important;padding:.75rem 1rem;transition:background-color .2s ease}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f0f8ff;border-left:3px solid #007bff}.notification-icon{font-size:1.2rem;line-height:1;margin-top:.1rem}.notification-title{font-size:.875rem;line-height:1.3;margin-bottom:.25rem;color:#212529}.notification-message{font-size:.8125rem;line-height:1.4;margin-bottom:.25rem}.notification-time{font-size:.75rem;line-height:1}.unread-indicator{width:8px;height:8px;margin-top:.3rem}.notification-footer{background-color:#f8f9fa;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.notification-footer .btn-link{color:#007bff;font-size:.875rem;text-decoration:none}.notification-footer .btn-link:hover{color:#0056b3;text-decoration:underline}.credit-notification-toast{border-left:4px solid #007bff}.credit-notification-toast .toast-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.credit-notification-toast .toast-body{font-size:.875rem;line-height:1.4}.credit-notifications .badge{font-size:.6rem;min-width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-list .text-center{padding:2rem 1rem;color:#6c757d}.notification-list .text-center svg{opacity:.5}.notification-list .spinner-border-sm{width:1.5rem;height:1.5rem}@media (max-width: 768px){.notification-menu{width:300px;max-height:400px}.notification-item{padding:.5rem .75rem}.notification-title{font-size:.8125rem}.notification-message{font-size:.75rem}.notification-time{font-size:.6875rem}}@media (max-width: 480px){.notification-menu{width:280px;max-height:350px}.notification-list{max-height:250px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.credit-notification-toast{animation:slideInRight .3s ease-out}.notification-item[data-type=low_balance]{border-left-color:#ffc107}.notification-item[data-type=purchase_confirmation]{border-left-color:#28a745}.notification-item[data-type=promotional]{border-left-color:#17a2b8}.notification-item[data-type=payment_failure]{border-left-color:#dc3545}.notification-item[data-type=refund]{border-left-color:#28a745}.notification-item:focus{outline:2px solid #007bff;outline-offset:-2px}.notification-toggle:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.notification-menu{border:2px solid #000}.notification-item.unread{border-left-width:4px}.unread-indicator{border:1px solid #000}}@media (prefers-reduced-motion: reduce){.credit-notification-toast{animation:none}.notification-item,.notification-toggle{transition:none}}.credit-notifications #credit-notifications-dropdown.btn-link{--bs-btn-color: grey;--bs-btn-hover-color: #D74A1F;--bs-btn-active-color: #EF5323}.notification-center-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.notification-center{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:70vh;box-shadow:0 10px 30px #0003;animation:slideDown .3s ease-out;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-center-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.notification-center-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.notification-center-actions{display:flex;align-items:center;gap:12px}.mark-all-read-button{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read-button:hover{background-color:#eff6ff;color:#2563eb}.close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{background-color:#f3f4f6;color:#374151}.notification-center-filters{display:flex;padding:16px 24px 0;gap:8px;border-bottom:1px solid #f3f4f6}.filter-button{background:none;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280}.filter-button:hover{background-color:#f3f4f6;color:#374151}.filter-button.active{background-color:#ef5323;color:#fff}.notification-center-body{flex:1;overflow-y:auto;min-height:200px}.notification-loading,.notification-error,.notification-empty{text-align:center;padding:40px 24px;color:#6b7280;font-size:14px}.notification-error{color:#dc2626}.notification-list{padding:16px 0}.notification-item{display:flex;align-items:flex-start;padding:16px 24px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background-color:#dbeafe}.notification-icon{font-size:20px;margin-right:12px;margin-top:2px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px;display:flex;align-items:center;gap:8px}.unread-dot{width:6px;height:6px;background-color:#3b82f6;border-radius:50%;flex-shrink:0}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:6px}.notification-time{font-size:12px;color:#9ca3af}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background-color:#f3f4f6}.bell-icon{font-size:20px;color:#6b7280}.notification-badge{position:absolute;top:2px;right:2px;background-color:#dc2626;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 768px){.notification-center-overlay{padding-top:60px}.notification-center{width:95%;max-height:80vh;margin:0 10px}.notification-center-header{padding:16px 20px 12px}.notification-center-header h3{font-size:18px}.notification-center-filters{padding:12px 20px 0}.notification-item{padding:12px 20px}.notification-icon{font-size:18px;margin-right:10px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-time{font-size:11px}}.notification-center-body::-webkit-scrollbar{width:6px}.notification-center-body::-webkit-scrollbar-track{background:#f1f5f9}.notification-center-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-center-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}