.notification-bell[data-v-287e5e85]{position:fixed;bottom:20px;right:20px;background:#007bff;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:1000;transition:background .3s ease}.notification-bell svg[data-v-287e5e85]{position:relative;z-index:1}.notification-bell[data-v-287e5e85]:hover{background:#0056b3;transform:scale(1.1)}.notification-bell.has-notifications[data-v-287e5e85]:hover{background:#c82333;animation:ring-287e5e85 4s ease-in-out infinite}.notification-bell.has-notifications[data-v-287e5e85]{animation:ring-287e5e85 4s ease-in-out infinite;background:#dc3545}@keyframes ring-287e5e85{0%{transform:rotate(0) scale(1)}1%{transform:rotate(15deg) scale(1.05)}3%{transform:rotate(-15deg) scale(1.05)}5%{transform:rotate(15deg) scale(1.05)}7%{transform:rotate(-15deg) scale(1.05)}9%{transform:rotate(10deg) scale(1.05)}11%{transform:rotate(-10deg) scale(1.05)}13%{transform:rotate(5deg) scale(1.05)}15%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}.notification-bell.has-notifications[data-v-287e5e85]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#dc354566;animation:glow-287e5e85 2s ease-in-out infinite}@keyframes glow-287e5e85{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}.notification-bell .badge[data-v-287e5e85]{position:absolute;top:-5px;right:-5px;background:#ffc107;color:#000;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;z-index:2;animation:bounce-287e5e85 1s ease-in-out infinite;box-shadow:0 2px 8px #ffc10799}@keyframes bounce-287e5e85{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.notification-panel[data-v-287e5e85]{position:fixed;bottom:80px;right:20px;width:350px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:999;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-287e5e85]{padding:15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.panel-header h4[data-v-287e5e85]{margin:0;font-size:16px}.btn-link[data-v-287e5e85]{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px}.notification-list[data-v-287e5e85]{overflow-y:auto;max-height:400px}.no-notifications[data-v-287e5e85]{padding:30px;text-align:center;color:#999}.notification-item[data-v-287e5e85]{padding:15px;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:10px;transition:background .2s}.notification-item.unread[data-v-287e5e85]{background:#f0f8ff}.notification-item[data-v-287e5e85]:hover{background:#f5f5f5}.notification-item.urgent[data-v-287e5e85]{border-left:4px solid #dc3545}.notification-item.urgent .notification-icon[data-v-287e5e85]{color:#dc3545}.notification-item.warning[data-v-287e5e85]{border-left:4px solid #ffc107}.notification-item.warning .notification-icon[data-v-287e5e85]{color:#ffc107}.notification-item.success[data-v-287e5e85]{border-left:4px solid #28a745}.notification-item.success .notification-icon[data-v-287e5e85]{color:#28a745}.notification-item.info[data-v-287e5e85]{border-left:4px solid #17a2b8}.notification-item.info .notification-icon[data-v-287e5e85]{color:#17a2b8}.notification-icon[data-v-287e5e85]{font-size:24px;margin-top:5px}.notification-content[data-v-287e5e85]{flex:1}.notification-content h5[data-v-287e5e85]{margin:0 0 5px;font-size:14px;font-weight:600}.notification-content p[data-v-287e5e85]{margin:0 0 5px;font-size:13px;color:#666}.notification-content small[data-v-287e5e85]{font-size:11px;color:#999}.popup-container[data-v-287e5e85]{position:fixed;right:20px;bottom:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.popup-notification[data-v-287e5e85]{min-width:300px;max-width:400px;padding:15px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;display:flex;gap:10px;align-items:flex-start}.popup-notification.urgent[data-v-287e5e85]{border-top:3px solid #dc3545}.popup-notification.warning[data-v-287e5e85]{border-top:3px solid #ffc107}.popup-notification.success[data-v-287e5e85]{border-top:3px solid #28a745}.popup-notification.info[data-v-287e5e85]{border-top:3px solid #17a2b8}.popup-content[data-v-287e5e85]{flex:1;display:flex;gap:10px}.popup-icon[data-v-287e5e85]{font-size:20px}.popup-text h5[data-v-287e5e85]{margin:0 0 5px;font-size:14px}.popup-text p[data-v-287e5e85]{margin:0;font-size:13px;color:#666}.popup-close[data-v-287e5e85]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;width:20px;height:20px}.popup-close[data-v-287e5e85]:hover{color:#333}.panel-enter-active[data-v-287e5e85],.panel-leave-active[data-v-287e5e85]{transition:all .3s ease}.panel-enter-from[data-v-287e5e85],.panel-leave-to[data-v-287e5e85]{opacity:0;transform:translateY(20px)}.popup-enter-active[data-v-287e5e85],.popup-leave-active[data-v-287e5e85]{transition:all .3s ease}.popup-enter-from[data-v-287e5e85],.popup-leave-to[data-v-287e5e85]{transform:translate(100%);opacity:0}