.wrap_header{padding:0.25rem 1rem;background-color:white;position:relative;height:auto;display:flex;align-items:center;justify-content:space-between;margin:0;line-height:1}.logo{display:block;position:relative;padding-left:10px;margin:0;line-height:1}.logo img{max-height:60px;width:auto;height:auto;margin:0;padding:0;display:block}@media screen and (max-width: 768px){.logo img{max-height:40px}.wrap_header{padding:0;margin:0}}.header-icons{display:flex;align-items:center;position:absolute !important;right:52px !important;top:50% !important;transform:translateY(-50%) !important;z-index:1051 !important;width:auto !important;height:auto !important;margin:0;padding:0;line-height:1}@media (max-width: 767.98px){.header-icons{right:1rem !important;top:50% !important;transform:translateY(-50%) !important;height:auto !important;display:flex !important;align-items:center !important}.new-list-btn{padding:0.25rem 0.5rem !important;height:28px !important;min-height:28px !important}.new-list-btn .bi{margin-right:0 !important}.new-list-btn span{display:none}.wrap_header{padding:0.25rem 1rem !important;min-height:44px !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;position:relative !important}.logo img{max-height:40px !important}}#profileDropdownButton{width:28px !important;height:28px !important;min-width:28px !important;max-width:28px !important;min-height:28px !important;max-height:28px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;line-height:1 !important;overflow:hidden !important;text-align:center;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;flex-grow:0 !important;flex-basis:auto !important;aspect-ratio:1 / 1 !important;box-sizing:border-box !important;background-color:#f8f9fa !important;border:1px solid #dee2e6 !important;transition:all 0.2s ease}#profileDropdownButton:hover{background-color:#e9ecef !important}#profileDropdownButton.dropdown-toggle::after{display:none !important}#profileDropdownButton .profile-initials{font-size:0.75rem;font-weight:600;margin:0;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#495057}#profileDropdownButton .profile-icon{font-size:1rem;margin:0;line-height:1;color:#495057}#profileDropdownButton:focus{outline:none !important;box-shadow:none !important}.header-icons .text-right a{text-decoration:none;color:#495057}.header-icons .text-right a:hover{color:#0d6efd}.header-icons .text-right a:focus{outline:none !important;box-shadow:none !important;text-decoration:none !important}.stay-away{margin-right:1rem}.dropdown-menu{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:8px;border:none;padding:0.5rem 0;min-width:200px;z-index:1053 !important}.dropdown-link{text-decoration:none}.dropdown-link:focus{outline:none !important;box-shadow:none !important}.show-header-dropdown{-ms-transform:scale(1);transform:scale(1)}.new-list-btn{font-size:0.85rem;transition:transform 0.2s ease-in-out;box-shadow:0 2px 5px rgba(13,110,253,0.2)}.new-list-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(13,110,253,0.3)}.new-list-btn:focus{outline:none !important;box-shadow:0 2px 5px rgba(13,110,253,0.2) !important;transform:none !important}.header-gradient-line{height:2px;width:100%;background:linear-gradient(90deg, #0d6efd, #6610f2, #6f42c1, #d63384);margin:0;padding:0;flex-shrink:0}.header:focus,.header:focus-within,.wrap_header:focus,.wrap_header:focus-within,.header *:not(.search-input):focus,.header *:not(.search-input):focus-within,.header-icons *:focus,.header-icons *:focus-within,.dropdown *:focus,.dropdown *:focus-within,button:not(.search-input):focus,button:not(.search-input):focus-within,a:focus,a:focus-within{outline:none !important;box-shadow:none !important;text-decoration:none !important}.search-input:focus{outline:none !important;border-color:#6366f1 !important;background:linear-gradient(135deg, rgba(99,102,241,0.05), rgba(139,92,246,0.05)) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.15),0 1px 3px rgba(99,102,241,0.1) !important}.header1{position:fixed;top:0;left:0;width:100%;z-index:1050;background-color:white;overflow:visible;display:flex;flex-direction:column}.header1 *{pointer-events:auto}.wrap_header{position:relative;z-index:1051}.header-icons{position:absolute;right:52px;top:50%;transform:translateY(-50%);z-index:1052}.dropdown-menu{position:absolute;z-index:1054}body{padding-top:65px}@media screen and (max-width: 768px){body{padding-top:45px}.header-icons{right:1rem}#profileDropdownButton{width:28px !important;height:28px !important;min-width:28px !important;max-width:28px !important;min-height:28px !important;max-height:28px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;line-height:1 !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;flex-grow:0 !important;flex-basis:auto !important;aspect-ratio:1 / 1 !important;box-sizing:border-box !important}#profileDropdownButton .profile-initials{font-size:0.7rem !important;font-weight:600 !important;margin:0 !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important}#profileDropdownButton .profile-icon{font-size:0.9rem !important;margin:0 !important;line-height:1 !important}#profileDropdownButton.btn-sm{width:28px !important;height:28px !important;min-width:28px !important;max-width:28px !important;min-height:28px !important;max-height:28px !important;padding:0 !important;border-radius:50% !important;line-height:1 !important;flex-shrink:0 !important;flex-grow:0 !important;aspect-ratio:1 / 1 !important}}@media screen and (max-width: 480px){.header-icons{right:0.75rem !important}#profileDropdownButton{width:26px !important;height:26px !important;min-width:26px !important;max-width:26px !important;min-height:26px !important;max-height:26px !important;flex-shrink:0 !important;flex-grow:0 !important;flex-basis:auto !important;aspect-ratio:1 / 1 !important;box-sizing:border-box !important}#profileDropdownButton .profile-initials{font-size:0.65rem !important}#profileDropdownButton .profile-icon{font-size:0.85rem !important}#profileDropdownButton.btn-sm{width:26px !important;height:26px !important;min-width:26px !important;max-width:26px !important;min-height:26px !important;max-height:26px !important;flex-shrink:0 !important;flex-grow:0 !important;aspect-ratio:1 / 1 !important}.new-list-btn{height:26px !important;min-height:26px !important;padding:0.2rem 0.4rem !important}}.notification-bell-btn{width:28px !important;height:28px !important;min-width:28px !important;max-width:28px !important;min-height:28px !important;max-height:28px !important;padding:0 !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background-color:#f8f9fa !important;border:1px solid #dee2e6 !important;transition:all 0.2s ease;position:relative;overflow:visible !important;aspect-ratio:1 / 1 !important;box-sizing:border-box !important}.notification-bell-btn:hover{background-color:#e9ecef !important}.notification-bell-btn .bi-bell{font-size:0.9rem;color:#495057}.notification-bell-btn.dropdown-toggle::after{display:none !important}.header-icons .dropdown{overflow:visible !important}.notification-badge{position:absolute;top:-4px;right:-4px;background:#dc3545;color:white;font-size:0.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 6px rgba(220,53,69,0.5);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{width:380px !important;max-width:95vw;padding:0 !important;max-height:480px;overflow:hidden;display:flex;flex-direction:column;border-radius:12px !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;border:1px solid #e9ecef !important}.notifications-header{background:linear-gradient(135deg, #f8f9fa 0%, #fff 100%);border-bottom:1px solid #e9ecef;flex-shrink:0;padding:1rem 1rem !important}.notifications-header h6{font-weight:700;font-size:1rem;color:#1a1a2e}#notifications-list{flex:1;overflow:hidden;display:flex;flex-direction:column}.notifications-items{overflow-y:auto;overflow-x:hidden;max-height:400px;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto}.notifications-items::-webkit-scrollbar{width:6px}.notifications-items::-webkit-scrollbar-track{background:#f1f1f1}.notifications-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-item{position:relative;border-bottom:1px solid #f0f0f0;transition:all 0.2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa}.notification-item:hover .mark-read-btn{opacity:1}.notification-item.unread{background:linear-gradient(90deg, #eef6ff 0%, #fff 100%)}.notification-item.unread .notification-avatar{box-shadow:0 0 0 2px #0d6efd}.notification-item.unread:hover{background:linear-gradient(90deg, #e3f0ff 0%, #f8f9fa 100%)}.notification-link{color:inherit;position:relative}.notification-link:hover{color:inherit}.unread-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#0d6efd;border-radius:50%;box-shadow:0 0 0 2px rgba(13,110,253,0.2)}.notification-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s ease}.notification-avatar .avatar-initials{color:white;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.notification-content{min-width:0;padding-right:0.5rem}.notification-message{font-size:0.875rem;line-height:1.4;color:#2d3748;margin-bottom:0.25rem}.notification-message .actor-name{font-weight:600;color:#1a1a2e}.notification-message .action-text{color:#4a5568}.notification-context{display:flex;align-items:center;gap:0.35rem;font-size:0.8rem;color:#718096;margin-bottom:0.25rem;padding:0.25rem 0.5rem;background:#f7fafc;border-radius:4px;width:fit-content}.notification-context i{font-size:0.75rem;color:#a0aec0}.notification-time{font-size:0.75rem;color:#a0aec0}.notification-type-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f7fafc}.notification-type-icon i{font-size:0.8rem}.notification-type-icon .bi-person-plus-fill{color:#0d6efd}.notification-type-icon .bi-share-fill{color:#10b981}.notification-type-icon .bi-bookmark-check-fill{color:#f59e0b}.mark-read-btn{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:white;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.2s ease;padding:0}.mark-read-btn:hover{background:#0d6efd;border-color:#0d6efd}.mark-read-btn:hover i{color:white}.mark-read-btn i{font-size:0.85rem;color:#718096}.notifications-empty{padding:2.5rem 1.5rem;text-align:center}.notifications-empty .empty-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);display:flex;align-items:center;justify-content:center}.notifications-empty .empty-icon i{font-size:1.75rem;color:#a0aec0}.notifications-empty .empty-title{font-size:0.95rem;font-weight:600;color:#4a5568;margin-bottom:0.5rem}.notifications-empty .empty-subtitle{font-size:0.8rem;color:#a0aec0;line-height:1.5;margin:0}@media screen and (max-width: 480px){.notification-bell-btn{width:26px !important;height:26px !important;min-width:26px !important;max-width:26px !important;min-height:26px !important;max-height:26px !important}.notification-bell-btn .bi-bell{font-size:0.85rem}.notifications-dropdown{width:calc(100vw - 20px) !important;right:-10px !important}.notification-avatar{width:38px;height:38px}.notification-avatar .avatar-initials{font-size:0.75rem}.notification-message{font-size:0.8125rem}.mark-read-btn{opacity:1}}