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