main{background-color:#FFFFFF}.home-page{min-height:100svh;display:flex;flex-direction:column}.main-nav-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:#FFFFFF;gap:1rem;flex-wrap:wrap}.logo-button{background:none;border:none;padding:0;cursor:pointer;margin-left:2vw;flex-shrink:0;transition:transform .2s ease}.logo-button:hover{transform:scale(1.05)}.logo{display:block}.sign-in-btn{width:108px;height:auto;cursor:pointer;max-width:108px}.home-main{flex:1 1 auto;background-color:#FFFFFF}.user-btn{width:12vw;max-width:60px;height:auto;cursor:pointer;border:none;background:transparent}.user-section{display:flex;align-items:center;gap:16px}.user-info,.user-section:hover{cursor:pointer}.user-info{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.user-icon{border-radius:50%;object-fit:cover;aspect-ratio:1/1}.username{font-weight:500;color:#333}.user-info.location,.username{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;min-width:0}.user-info.location{display:flex;align-items:center;gap:4px;color:#082D57;background:none;border:none;cursor:default;padding:0}.user-icon.location{width:28px;height:28px;object-fit:contain;flex-shrink:0}.logout-btn{background-color:#082D57;color:white;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#D5AE52}.auth-buttons{display:flex;align-items:center;gap:12px}@media (max-width:768px){.user-info.location{font-size:12px;max-width:80px}.user-icon.location{width:22px;height:22px}.main-nav-bar{padding:.5rem;gap:.5rem}.logo{margin-left:0}.sign-in-btn{width:80px}.user-btn{width:50px}.username{max-width:80px;font-size:12px}.logout-btn{padding:6px 10px;font-size:12px}.user-section{gap:8px}}@media (max-width:480px){.user-info.location{font-size:10px;max-width:60px}.user-icon.location{width:16px;height:16px}.main-nav-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;gap:.25rem}.logo{order:1;margin-left:0}.search-bar{order:2;flex:1;margin:0 .5rem}.auth-buttons,.user-section{order:3;gap:6px}.sign-in-btn{width:60px}.user-btn{width:40px}.username{display:none}.logout-btn{padding:4px 8px;font-size:10px}}