.navbar[data-v-6eebd092]{background:#fff;box-shadow:0 2px 8px #0000000a;left:0;position:fixed;right:0;top:0;z-index:100}.navbar[data-v-6eebd092],.navbar-content[data-v-6eebd092]{align-items:center;display:flex;height:64px;width:100%}.navbar-content[data-v-6eebd092]{justify-content:space-between;padding:0 32px}.navbar-logo[data-v-6eebd092]{height:48px;margin-right:32px}.navbar-actions[data-v-6eebd092]{align-items:center;display:flex;gap:24px}.navbar-icon[data-v-6eebd092]{color:#6b7280;cursor:pointer;font-size:1.6rem;transition:color .2s ease}.navbar-icon[data-v-6eebd092]:hover{color:#374151}.user-icon[data-v-6eebd092]{color:#9ca3af;font-size:2.2rem}.user-icon[data-v-6eebd092]:hover{color:#2563eb}.profile-picture[data-v-6eebd092]{border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;height:32px;-o-object-fit:cover;object-fit:cover;transition:all .2s ease;width:32px}.profile-picture[data-v-6eebd092]:hover{border-color:#2563eb;transform:scale(1.05)}.profile-picture-placeholder.logged-in-placeholder[data-v-6eebd092]{align-items:center;background-color:#e0e7ff;border:2px solid #a5b4fc;border-radius:50%;color:#4338ca;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.profile-picture-placeholder.logged-in-placeholder[data-v-6eebd092]:hover{border-color:#2563eb;transform:scale(1.05)}.dropdown-container[data-v-6eebd092]{position:relative}.dropdown-menu[data-v-6eebd092]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;z-index:50}.dropdown-item[data-v-6eebd092]{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;transition:all .15s ease}.dropdown-item[data-v-6eebd092]:last-child{border-bottom:none}.dropdown-item[data-v-6eebd092]:hover{background-color:#f8fafc;color:#1f2937}.dropdown-item:hover .dropdown-icon[data-v-6eebd092]{color:#2563eb}.dropdown-icon[data-v-6eebd092]{color:#6b7280;font-size:18px;transition:color .15s ease}.dropdown-enter-active[data-v-6eebd092],.dropdown-leave-active[data-v-6eebd092]{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-6eebd092],.dropdown-leave-to[data-v-6eebd092]{opacity:0;transform:translateY(-4px) scale(.95)}.dropdown-enter-to[data-v-6eebd092],.dropdown-leave-from[data-v-6eebd092]{opacity:1;transform:translateY(0) scale(1)}.notification-container[data-v-6eebd092]{position:relative}.notification-button[data-v-6eebd092]{background:none;border:none;cursor:pointer;padding:0;position:relative}.notification-badge[data-v-6eebd092]{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-5px;width:18px}.notification-dropdown[data-v-6eebd092]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:350px;z-index:50}.notification-header[data-v-6eebd092]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3[data-v-6eebd092]{font-size:1rem;font-weight:600;margin:0}.mark-all-read-btn[data-v-6eebd092]{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.8rem;font-weight:500}.notification-list[data-v-6eebd092]{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.notification-item-wrapper[data-v-6eebd092]{align-items:center;display:flex;transition:background-color .15s}.notification-item-wrapper[data-v-6eebd092]:hover{background-color:#f9fafb}.notification-item[data-v-6eebd092]{align-items:flex-start;cursor:pointer;display:flex;flex-grow:1;gap:12px;padding:12px 16px}.notification-item-wrapper.unread[data-v-6eebd092]{background-color:#eff6ff}.unread-dot[data-v-6eebd092]{background-color:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notification-content[data-v-6eebd092]{flex-grow:1}.notification-message[data-v-6eebd092]{color:#374151;font-size:.9rem;line-height:1.4;margin:0 0 4px;word-break:break-word}.notification-time[data-v-6eebd092]{color:#6b7280;font-size:.75rem}.delete-notification-btn[data-v-6eebd092]{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;flex-shrink:0;margin-right:8px;padding:8px}.delete-notification-btn[data-v-6eebd092]:hover{background-color:#f3f4f6;color:#374151}.empty-notifications[data-v-6eebd092]{color:#6b7280;font-size:.9rem;padding:24px;text-align:center}@media(min-width:1600px){.navbar-content[data-v-6eebd092]{padding:0 48px}.navbar-icon[data-v-6eebd092]{font-size:1.9rem}.dropdown-menu[data-v-6eebd092]{width:222px}.dropdown-item[data-v-6eebd092]{font-size:18px;padding:18px 24px}.dropdown-icon[data-v-6eebd092]{font-size:22px}.profile-picture[data-v-6eebd092],.profile-picture-placeholder.logged-in-placeholder[data-v-6eebd092]{height:40px;width:40px}.delete-notification-btn[data-v-6eebd092]{font-size:1rem;padding:10px}.notification-dropdown[data-v-6eebd092]{width:550px}}@media(max-width:480px){.navbar-content[data-v-6eebd092]{padding:0 16px}.navbar-logo[data-v-6eebd092]{height:40px;margin-right:16px}.navbar-actions[data-v-6eebd092]{gap:16px}.navbar-icon[data-v-6eebd092]{font-size:32px}.user-icon[data-v-6eebd092]{font-size:1.8rem}.notification-dropdown[data-v-6eebd092]{left:16px;max-width:none;position:fixed;right:16px;top:64px;transform:none;width:auto}.notification-header h3[data-v-6eebd092]{font-size:.9rem}.mark-all-read-btn[data-v-6eebd092]{font-size:.75rem}.notification-message[data-v-6eebd092]{font-size:.85rem}.notification-time[data-v-6eebd092]{font-size:.7rem}.empty-notifications[data-v-6eebd092]{font-size:.85rem;padding:20px}}