.notification-bell{position:relative}.notification-bell-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-bell-button:hover{background:#ffffff1a;border-color:#ffd7004d}.notification-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #ef444466}.notification-dropdown{z-index:1000;background:linear-gradient(#1a1c20 0%,#0f1b2b 100%);border:1px solid #ffffff1a;border-radius:16px;width:320px;max-height:400px;animation:.2s dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 50px #00000080}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.notification-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.notification-close:hover{color:#fff;background:#ffffff1a}.notification-content{max-height:280px;overflow-y:auto}.notification-content::-webkit-scrollbar{width:4px}.notification-content::-webkit-scrollbar-track{background:0 0}.notification-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.notification-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.notification-empty p{color:#64748b;margin:0;font-size:14px}.notification-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#ffd7000d}.notification-item.quote_received.unread{background:#3b82f614}.notification-item.quote_accepted.unread{background:#10b98114}.notification-item.quote_rejected.unread{background:#ef444414}.notification-item.new_user_approval.unread{background:#a855f714}.notification-item-icon{color:gold;background:#ffd7001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-item-icon.quote-icon{color:#3b82f6;background:#3b82f626}.notification-item-icon.accepted-icon{color:#10b981;background:#10b98126}.notification-item-icon.rejected-icon{color:#ef4444;background:#ef444426}.notification-item-icon.approval-icon{color:#a855f7;background:#a855f726}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13px;font-weight:600;overflow:hidden}.notification-item-body{color:#a0a0a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;display:-webkit-box;overflow:hidden}.notification-item-time{color:#64748b;font-size:11px}.notification-unread-dot{background:gold;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notification-unread-dot.accepted{background:#10b981}.notification-unread-dot.rejected{background:#ef4444}.notification-unread-dot.approval{background:#a855f7}.notification-footer{border-top:1px solid #ffffff1a;padding:12px 16px}.notification-footer-actions{gap:8px;display:flex}.notification-footer-btn{color:gold;cursor:pointer;white-space:nowrap;background:#ffd7001a;border:1px solid #ffd70033;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.notification-footer-btn:hover{background:#ffd70033;border-color:#ffd70066}.notification-footer-btn.delete{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.notification-footer-btn.delete:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}@media (max-width:768px){.notification-dropdown{z-index:9999;border-radius:16px;width:calc(100% - 16px);max-height:calc(100vh - 90px);position:fixed;inset:70px 8px auto}}