.sidebar-profile{position:sticky;top:112px;display:flex;flex-direction:column;width:20%;height:calc(100vh - 10rem);padding:2rem 0;border-radius:20px;box-shadow:0 8px 24px 0 rgba(129,135,189,.1490196078)}.sidebar-profile .user-info{margin-bottom:20px;text-align:center}.sidebar-profile .user-info .user-role{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0;border:3px solid #e8edf3;border-radius:20px}.sidebar-profile .user-info .user-role span{margin:2px 4px;font-weight:400;font-size:18px}.sidebar-profile .user-info .user-role .role-switch{width:50%;min-height:30px;background-color:#0066ce;border:none;border-radius:20px;cursor:pointer}.sidebar-profile .user-info .user-avatar{position:relative;margin-bottom:10px}.sidebar-profile .user-info .user-avatar img{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.sidebar-profile .user-info .user-avatar .edit-avatar{position:absolute;right:0;bottom:0;padding:5px;background:#fff;border:none;border-radius:50%;cursor:pointer}.sidebar-profile .user-info .user-details .account-label{margin-bottom:5px;color:#a1a1a1}.sidebar-profile .user-info .user-details .user-email{color:#0056d2;font-weight:700;text-decoration:none}.sidebar-profile .menu{flex-grow:1;overflow-y:auto}.sidebar-profile .menu ul{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:0;padding:0;overflow-y:auto;list-style-type:none}.sidebar-profile .menu ul li a{display:flex;padding:.5rem;color:#3e3e3e;font-size:1rem;text-decoration:none}.sidebar-profile .menu ul li a i{margin-right:10px;color:#0056d2}.sidebar-profile .menu ul li a.active,.sidebar-profile .menu ul li a:hover{box-shadow:0 8px 24px 0 rgba(129,135,189,.1490196078)}.sidebar-profile .menu ul li a.active{font-weight:700}.sidebar-profile .menu ul li a.active img{filter:invert(1)}.sidebar-badge{min-width:20px;margin-left:2px;padding:2px 8px;color:#fff;font-weight:700;font-size:11px;text-align:center;background-color:#ff2d87;border-radius:10px;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.menu-icon-container{position:relative;display:flex;align-items:center;width:24px}.menu-icon-container img{width:24px;height:24px}.menu-icon-container .icon-badge{position:absolute;top:-8px;right:-10px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;color:#fff;font-weight:700;font-size:10px;background-color:#ff2d87;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobilebar-profile{position:fixed;bottom:0;left:0;z-index:10;display:flex;display:none;width:100%;padding:1rem;background-color:#fff;border-top:1px solid #e1e1e1;box-shadow:0 8px 24px 0 rgba(129,135,189,.149)}.mobilebar-profile nav{width:100%}.mobilebar-profile nav ul{display:flex;justify-content:space-between;margin:0;padding:0;list-style-type:none}.mobilebar-profile nav ul li a.active,.mobilebar-profile nav ul li a:hover{box-shadow:0 8px 24px 0 rgba(129,135,189,.1490196078)}.mobilebar-profile nav ul li a.active img{filter:invert(1)}.mobile-badge{position:absolute;top:0;right:0;width:10px;height:10px;background-color:#d44233;border:2px solid #fff;border-radius:50%}.profile-page{display:flex;max-width:1540px;margin:0 auto}.profile-page .content{width:80%}.profile-page .profile{color:#3e3e3e}.profile-page .profile .card{display:flex;flex-direction:column;flex-grow:1;padding:1rem 2rem;background-color:#fff;border:none;border-radius:30px;box-shadow:0 8px 24px 0 rgba(129,135,189,.1490196078)}.profile-page .profile .card.full-height{min-height:calc(100vh - 10rem)}.profile-page .profile .card .card-body{padding:1rem 1.5rem}.profile-page .profile .card .card-body h2{font-weight:700;font-size:20px}.profile-page .profile .card .card-body .card-title{color:#0066ce;font-weight:700;font-size:20px}.profile-page .profile .card .card-body .border-bottom{border-bottom:1px solid #f0f0f0}.profile-page .profile .card .card-body .info-list{margin:0;padding:0;line-height:2rem;list-style:none}.profile-page .profile .card .card-body .info-list li{display:flex;flex-direction:column;color:#3e3e3e;font-weight:400;font-size:15px}.profile-page .profile .card .card-body .info-list li .info-title{width:-webkit-fill-available;width:-moz-available;width:fill-available;font-weight:800;font-size:15px}.profile-page .profile .card .card-body .info-list li .info-bold{color:#0066ce;font-weight:700;font-size:20px}.profile-page .profile .card .card-body .info-list li .info-value{width:-webkit-fill-available;width:-moz-available;width:fill-available;font-weight:400;word-wrap:break-word}.profile-page .profile .card .card-body .info-list li .info-value.success{color:#58b251}.profile-page .profile .card .card-body .info-list li .info-value.danger{color:#e49033}.profile-page .profile .card .card-body .info-list li .info-value.decline{color:#d44233}.profile-page .profile .card .card-body .info-list li .info-value__subtext{color:#b3b3b3;font-weight:400;font-size:10px}.profile-page .profile .card.contact-info .card-body .info-list li .info-value{padding:4px 0;border-bottom:1px solid #f0f0f0}.profile-page .profile.orders-container .filter,.profile-page .profile.orders-container h4{margin-bottom:20px}.profile-page .profile.orders-container .filter select{padding:5px 10px;border:1px solid #ccc;border-radius:5px}.profile-page .profile.orders-container .orders-table{width:100%;border-collapse:collapse}.profile-page .profile.orders-container .orders-table td,.profile-page .profile.orders-container .orders-table th{padding:15px;text-align:left;border-bottom:1px solid #ccc}.profile-page .profile.orders-container .orders-table td span,.profile-page .profile.orders-container .orders-table th span{max-width:20rem}.profile-page .profile.orders-container .orders-table .product-info{display:flex;align-items:center}.profile-page .profile.orders-container .orders-table .product-info img{width:50px;height:50px;margin-right:10px;-o-object-fit:contain;object-fit:contain}.profile-page .profile.orders-container .orders-table .rate-button{margin-top:10px;padding:5px 10px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.profile-page .profile.orders-container .orders-table .status-in-progress{color:orange}.profile-page .profile.orders-container .orders-table .status-not-paid{color:red}.profile-page .profile.orders-container .orders-table .status-completed{color:green}.profile-page .profile-info .form-group{display:flex;flex-direction:column}.profile-page .profile-info .form-group label{color:#a3a3a3;font-weight:400;font-size:15px}.profile-page .profile-info .form-group input:disabled{color:#3e3e3e;text-align:start;background-color:transparent;border:none}.profile-page .profile-info .circle{width:120px;height:120px;border:1px solid #d5d5d5;border-radius:50%;cursor:pointer}.profile-page .profile-info .circle img{width:inherit;height:inherit;padding:8px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profile-page .profile-info .circle .img-button{display:flex;align-items:center;width:25px;height:25px;margin-top:-20%;margin-left:70%;background:#eee;border:none;border-radius:50%}.profile-page .profile-info .edit-button{background-color:transparent;border:none}.profile-page .profile.friends .friends-list{display:flex;flex-direction:column;gap:1.5rem}.profile-page .profile.friends .friends-list__item h4{font-size:1rem}.profile-page .profile.friends .friends-list__item .avatar{width:4rem;height:4rem;border-radius:50%}