.user-panel{padding-top:48px;min-height:60vh;padding-bottom:100px}.user-panel .row{display:grid;grid-template-columns:auto 1fr;gap:120px}.user-panel .item.left{display:flex;flex-direction:column;gap:24px}.user-panel h2{margin-bottom:24px}.user-panel .btn-panel{padding:14px 36px;border-radius:2px;color:rgba(57,57,57,.8);background-color:transparent;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.user-panel .btn-panel.active{color:#1b4aaf;background-color:rgba(27,74,175,.06)}.user-panel form{display:grid;gap:20px;grid-template-columns:1fr;max-width:65%}.user-panel .form-control{display:grid;gap:8px;grid-template-columns:1fr}.user-panel input,.user-panel textarea{padding:16px 24px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.07)}.user-panel input:focus,.user-panel textarea:focus{outline:none}.user-panel button{width:100%}.news-row{display:grid;gap:30px;grid-template-columns:1fr}.user-panel .news-item{display:grid;gap:16px;grid-template-columns:auto 1fr;box-shadow:0 10px 30px rgba(0,0,0,.07);width:100%;max-width:100%}.user-panel .news-row .wrapper{padding:20px 16px 20px 0;display:grid;grid-template-columns:1fr .4fr;gap:64px}.user-panel .news-item .left{display:flex;flex-direction:column;justify-content:center}.user-panel .news-item img.news-photo{max-height:200px;width:100%;height:100%;min-height:50px;min-width:200px;object-fit:cover;border-radius:8px 0 0 8px}.user-panel .news-item .date{font-size:16px;color:#999;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;margin-top:12px}.user-panel .news-item .right{display:flex;flex-direction:column;justify-content:center;gap:20px}.user-panel .news-item .btn-red{border:2px solid red;color:red}.user-panel .news-item .btn-red:hover{background-color:red;color:#fff}.user-panel .users-row{display:grid;gap:30px}.user-panel .users-row .item{display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.07);max-width:75%;padding:20px 32px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}.user-panel .users-row .wrapper{padding:0;display:grid;gap:20px;grid-template-columns:42px 1fr}.user-panel .users-row .group{display:flex;gap:12px;align-items:center}.user-panel .users-row .pill{padding:4px 12px;-webkit-border-radius:256px;-moz-border-radius:256px;border-radius:256px;font-size:14px}.user-panel .users-row .pill.admin{background-color:rgba(78,26,181,.1);color:#1b4aaf}.user-panel .users-row .pill.user{background-color:rgba(80,80,80,.1);color:#505050}.user-panel .users-row .delete-user{cursor:pointer;opacity:0;transform:scale(.1);transition:all .2s ease-in-out}.user-panel .users-row .item:hover .delete-user{opacity:1;transform:scale(1)}.user-panel .reservation-row{display:grid;gap:30px}.user-panel .reservation-row .item{display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.07);max-width:75%;padding:20px 32px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}.user-panel .reservation-row .wrapper{padding:0;display:grid;gap:30px;grid-template-columns:38px 1fr;align-items:center}.user-panel .reservation-row .google-meet{cursor:pointer;transition:all .2s ease-in-out}.user-panel .reservation-row .google-meet:hover{transform:scale(1.05)}.user-panel .reservation-row .group{display:grid;gap:8px}.user-panel .reservation-row .info{display:flex;gap:16px}.user-panel .reservation-row .date,.user-panel .reservation-row .time{font-size:16px;color:#999;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px}.user-panel .reservation-row .delete-reservation{cursor:pointer;opacity:0;transform:scale(.1);transition:all .2s ease-in-out}.user-panel .reservation-row .item:hover .delete-reservation{opacity:1;transform:scale(1)}@media (max-width:1536px){.user-panel form{max-width:75%}.user-panel .users-row .item{max-width:80%}}@media (max-width:1280px){.user-panel .row{gap:80px}.user-panel .reservation-row .item,.user-panel form{max-width:100%}.user-panel .news-item .wrapper{grid-template-columns:1fr;gap:24px}.user-panel .users-row .item{max-width:90%}}@media (max-width:1024px){.user-panel .row{gap:48px}.user-panel .users-row .item{max-width:100%;padding:20px}}@media (max-width:768px){.user-panel .row{grid-template-columns:1fr;gap:32px}}@media (max-width:475px){.user-panel .reservation-row .info{gap:8px;flex-direction:column}}