*{box-sizing:border-box}.profileContainerWeb{display:flex;justify-content:space-between;align-items:center;height:60px;text-decoration:none;gap:20px}.profileContainer{display:flex;gap:10px}.bellSectionWeb{display:flex;align-items:center;gap:0}.btn-green{background-color:#4CAF50!important}.btn-green,.btn-red{color:white!important}.btn-red{background-color:#f44336!important}.logoutButtonWeb{border-radius:5px;transition:background-color .3s ease}.bellIconContainerWeb{display:flex;justify-content:center;align-items:center;padding:0 4px;cursor:pointer}.bellIconWeb{width:46px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease}.IconbellWeb{font-size:22px;color:#17412D}.divLineWeb{width:1.5px;height:30px;background-color:rgba(174,174,174,.5);margin:0 -12px}.profileWeb{display:flex;align-items:center;border:1px solid #17412d;padding:5px 5px 5px 15px;gap:10px;background-color:#F0F0F0;cursor:pointer;border-radius:50px;transition:all .2s ease;max-width:200px;overflow:hidden}.bellIconWeb{position:relative}.bellIconWeb,.notificationBadgeWeb{display:flex;align-items:center;justify-content:center}.notificationBadgeWeb{position:absolute;top:3px;right:8px;background-color:#70D560;color:white;font-size:12px;font-weight:700;border-radius:50%;width:20px;height:20px;transform:translate(50%,-50%)}.profileWeb:hover{background-color:#e6e6e6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.profileInfoWeb{min-width:0}.usernameWeb{font-weight:500;color:#17412D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.profileIconWeb{background:none;border:none;font-size:.85rem;color:#555;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profileIconWeb:hover{color:#17412D}.IconarrowWeb{width:18px;height:18px}.user-avatar-small{width:36px;height:36px;font-size:16px;margin-right:10px}.user-avatar-large{width:72px;height:72px;font-size:32px;margin:0 auto 15px}.dropdownAvatarWeb{display:block;border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dropdownWeb{position:absolute;top:90px;right:30px;width:280px;background-color:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.dropdownContentWeb{display:flex;flex-direction:column;align-items:center;width:100%}.dropdownInitialWeb{width:60px;height:60px;border-radius:50%;font-size:24px;margin-bottom:15px;background-color:#17412D}.dropdownNameWeb{font-weight:600;font-size:18px;color:#17412D;margin-bottom:5px}.dropdownNameWeb,.dropdownPhoneWeb{text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownPhoneWeb{font-size:14px;color:#666;margin-bottom:20px}.profile-edit-container .user-avatar{margin:0 auto 1rem;border:3px solid white;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dropdownButtonWeb{width:100%}.logoutButtonWeb{display:flex;align-items:center;width:90%;padding:10px 15px;border:none;background:none;font-size:14px;font-weight:500;color:#17412D;cursor:pointer;transition:all .2s ease;text-align:left;border-radius:6px;margin-bottom:5px}.logoutButtonWeb:hover{background-color:#f0f0f0}.logoutButtonWeb .IconLogoutWeb,.logoutButtonWeb .iconWeb{margin-right:12px;font-size:16px;width:20px;text-align:center}.lineDivWeb{height:1px;background-color:rgba(0,0,0,.1);margin:10px 0;width:100%}@media (max-width:768px){.profileWeb{padding:5px;max-width:160px}.usernameWeb{max-width:80px}.dropdownWeb{width:240px;right:10px}}.feature-guide-overlay{animation:fadeIn .3s ease}.feature-guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.feature-guide-logo{height:40px}.feature-guide-close{font-size:2rem;transition:color .2s}.feature-guide-content{line-height:1.6}.feature-guide-content h2{color:#17412D;margin-bottom:1rem}.feature-guide-content p{margin-bottom:2rem;color:#555}.signUp{color:black}.logIn,.signUp{text-decoration:none}.feature-section{margin-bottom:1.5rem;border-left:3px solid #17412d;padding-left:1rem}.feature-section h3{color:#17412D;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.feature-section ul{padding-left:1.5rem;margin-top:.5rem}.feature-section li{margin-bottom:.5rem}.highlight{font-weight:600;color:#17412D}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bellIcon{cursor:pointer}.feature-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden}.feature-guide-overlay.active{opacity:1;visibility:visible}.feature-guide-container{background:white;border-radius:12px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease;opacity:0}.feature-guide-overlay.active .feature-guide-container{transform:translateY(0);opacity:1}.feature-guide-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.feature-guide-close:hover{color:#333;background:rgba(0,0,0,.05)}.feature-guide-close:active{background:rgba(0,0,0,.1)}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:inherit;font-family:Poppins,sans-serif}:root{--primary-color:#17412D;--secondary-color:#52c41a;--accent-color:#326D3C;--light-accent:#A9E6A0;--text-dark:#333333;--text-light:#f9f9f9;--bg-light:#f8f8f8;--border-radius:12px;--box-shadow:0 8px 24px rgba(0,0,0,0.08);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}body{margin:0;padding:0;font-family:Poppins,sans-serif}.pageContainer.mobileMenuOpen{overflow:hidden}.navbarWeb{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;height:90px}.logoWeb{padding:1.5rem;cursor:pointer}.logoWeb .logImgWeb{width:100px;height:40px}.menuWeb{display:flex;justify-content:center;align-items:center;gap:1rem;border-radius:50px;height:60px}.menuWeb .item{font-family:Poppins,sans-serif;font-weight:400;text-decoration:none;color:#000000;font-size:1.2rem;align-items:center;cursor:pointer;padding:.5rem 1rem;border-radius:25px;transition:background-color .3s ease,color .3s ease}.authButtons{display:flex;gap:10px}.authButtonsMobile{display:none}.signUp{background:transparent;background:rgba(255,255,255,.5);backdrop-filter:blur(30px)}.logIn,.signUp{padding:8px 30px;border:1px solid black;font-size:1.2rem;cursor:pointer;border-radius:50px}.logIn{background:black;color:azure}.hamburger{font-size:2rem;cursor:pointer;z-index:1001}.closeBtn,.hamburger{display:none}@media (max-width:768px){.navbarWeb{flex-wrap:wrap;padding:1rem;position:relative;height:auto}.hamburger{display:flex;font-size:2rem;margin-left:150px;cursor:pointer;z-index:999}.menuWeb{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:100%;width:100%;height:100dvh;background-color:#fff;z-index:1000;transition:right .3s ease-in-out;padding-top:5rem}.menuWeb.mobileOpen{right:0}.menuWeb.mobileOpen~.hamburger{display:none!important}.closeBtn{display:block;position:absolute;top:2.5rem;right:3.3rem;font-size:2rem;color:#17412D;cursor:pointer;z-index:1002}.menuItemsContainer{text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:-100px}.menuWeb .item{font-size:1.4rem;color:#17412D;text-decoration:none;font-weight:500;cursor:pointer;padding:.5rem 1rem}.menuWeb .item:hover{background-color:#17412D;color:white}.authButtonsMobile{display:flex;flex-direction:row;align-items:center;gap:1rem;width:auto;margin-top:0}.authButtonsMobile .logIn{background:black;color:azure}.authButtonsMobile .logIn,.authButtonsMobile .signUp{padding:8px 30px;border:1px solid black;font-size:1.2rem;cursor:pointer;border-radius:50px}.authButtonsMobile .signUp{background:transparent;background:rgba(255,255,255,.5);backdrop-filter:blur(30px)}.navbarWeb:not(.menuOpen) .hamburger{display:flex}.navbarWeb.menuOpen .hamburger{display:none}.authButtonsMobile .signUp{background-color:transparent;color:#17412D}.authButtonsMobile .logIn{background-color:#17412D;color:white;border:none}.authButtons,.authButtons .logIn,.authButtons .signUp{display:none}}