body{margin:0;padding:0;font-family:Roboto,sans-serif;overflow-x:hidden}#root{height:100vh;display:flex;flex-direction:column}.navbar{width:80px;height:100vh;background-color:#fff;box-shadow:0 4px 12px #0000001a;transition:width .3s;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.navbar img{width:20px;height:20px}.navbar.expanded{width:276px}.navbar.collapsed .profile-dropdown{padding:0;justify-content:center}.navbar.collapsed .profile-dropdown .profile-circle{width:48px;height:48px;border-radius:20%}.navbar-header{display:flex;align-items:center;padding-left:16px;padding-top:16px;padding-bottom:16px;position:relative}.navbar-logo{display:flex;align-items:center;gap:10px}.navbar-logo img{width:48px;height:48px}.navbar-logo span{font:"Roboto",sans-serif!important;font-size:1.25rem!important;line-height:1.6!important;font-weight:400!important;color:#595a84}.navbar-toggle{position:absolute;right:-12px;background-color:#efeffe;border-radius:5px;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border:none;transition:transform .2s ease-in-out}.navbar-toggle img{width:12px;height:12px}.navbar-toggle:hover{cursor:pointer;transform:scale(1.2)}.navbar-menu{list-style:none;padding:20px 16px;margin:0;display:flex;flex-direction:column;gap:4px;flex:1}.navbar-menu li{display:flex;align-items:center;padding:0 12px;font-size:16px;height:48px;justify-content:flex-start;gap:8px;font:"Roboto",sans-serif!important;font-size:1rem!important;line-height:1.5!important;font-weight:400!important}.navbar-menu li.active{background-color:#efeffe;color:#5e5fef;border-radius:5px;font-weight:500!important}.navbar-footer{padding:16px;display:flex;align-items:center;justify-content:flex-start;gap:8px}.navbar-footer .profile-dropdown{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;height:48px;flex:1;border-radius:5px;padding:0 12px;transition:width .3s;transition:height .3s}.navbar-footer .profile-dropdown .profile-circle{width:34px;height:34px;border-radius:20%;background-color:#efeffe;display:flex;align-items:center;justify-content:center}.navbar-footer .profile-dropdown .profile-circle h3{color:#5e5fef}.navbar-footer .profile-dropdown .user-info{flex:1;max-width:150px}.navbar-footer .profile-dropdown .user-info .user-name{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-footer .profile-dropdown .user-info .user-email{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-footer .profile-dropdown:hover{background-color:#f6f6ff;cursor:pointer}.navbar-footer .dropdown-menu{position:absolute;bottom:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:0;box-shadow:0 2px 4px #0003;z-index:1000}.navbar-footer .dropdown-menu button{background:none;border:none;cursor:pointer;text-align:left;width:244px;display:flex;align-items:center;padding:0 12px;font-size:16px;height:48px;justify-content:flex-start;gap:8px;border-radius:5px;font:"Roboto",sans-serif!important;font-size:1rem!important;line-height:1.5!important;font-weight:400!important}.navbar-footer .dropdown-menu button:hover{background-color:#f6f6ff}.layout{display:flex;flex-direction:column;height:100%}.content{display:flex;flex:1}.main-content{flex:1;padding:2rem;overflow-y:auto;background-color:#f7f7ff;display:flex}@media (min-width: 768px){.content{flex-direction:row}.main-content{padding:2rem}}h1{font-size:2rem;line-height:1.5;font-weight:700;color:#595a84}h2{font-size:1.5rem;line-height:1.6;font-weight:700;color:#595a84}h3{font-size:1.25rem;line-height:1.6;font-weight:400;color:#595a84}h4,h5,h6,p,div{font-size:1rem;line-height:1.5;font-weight:400;color:#595a84}a{color:inherit;text-decoration:none}.medium-text{font-weight:500}.semi-bold-text{font-weight:600}.bold-text{font-weight:700}.home-page{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}.home-page .cards-container{width:500px;height:550px}.home-page .cards-container .card-details{padding:0 30px;display:flex;flex-direction:column}.home-page .cards-container .card-details .name-and-sex{display:flex;gap:10px;align-items:center;justify-content:flex-start}.home-page .cards-container .card-buttons{padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:center}.home-page .cards-container .card-buttons.like{border:1px solid #5E5FEF;background-color:#efeffe}.home-page .cards-container .card-buttons.dislike{border:1px solid #595A84;background-color:#efeff3}.home-page .cards-container .swipe-card__ribbon-dislike,.home-page .cards-container .swipe-card__ribbon-like{border:1px solid transparent!important;border-radius:5px!important;text-shadow:none!important;width:auto!important;height:auto!important;box-shadow:none!important;font:"Roboto",sans-serif!important;font-size:1.25rem!important;line-height:1.6!important;font-weight:400!important}.home-page .cards-container .swipe-card__ribbon-like{color:#5e5fef!important;background-color:#efeffe!important;border-color:#5e5fef!important}.home-page .cards-container .swipe-card__ribbon-dislike{color:#595a84!important;background-color:#efeff3!important;border-color:#595a84!important}.home-page .cards-container .swipe-card__children{justify-content:center!important;margin-top:20px;gap:20px}.home-page .cards-container .swipe-card__children .swipe-card__custom-action-button{display:flex;align-items:center;justify-content:center}.auth-content{display:flex;flex-direction:row;width:100vw}.auth-content .auth-left{display:flex;flex-direction:column;width:40vw;padding:20px}.auth-content .auth-left .logo img{width:48px;height:48px}.auth-content .auth-left .login{flex:1;display:flex;align-items:center;justify-content:center}.auth-content .auth-right{background-color:#efeffe;flex:1;border-radius:5px;display:flex;align-items:flex-end;justify-content:flex-end;margin:20px}.auth-content .auth-right .auth-carousel-container{display:flex}.auth-content .auth-right .auth-carousel-container img{width:50vw}