.panel{padding-top:48px;min-height:60vh;padding-bottom:100px}.panel .row{display:grid;grid-template-columns:auto 1fr;gap:120px}.panel .item.left{display:flex;flex-direction:column;gap:24px}.panel h2{margin-bottom:24px}.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}.panel .btn-panel.active{color:#1b4aaf;background-color:rgba(27,74,175,.06)}.panel form{gap:20px;max-width:65%}.panel .form-control,.panel form{display:grid;grid-template-columns:1fr}.panel .form-control{gap:8px}.panel input,.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)}.panel input:focus,.panel textarea:focus{outline:none}.panel button{width:100%}.panel .users-row{display:grid;gap:30px}.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}.panel .users-row .wrapper{padding:0;display:grid;gap:20px;grid-template-columns:42px 1fr}.panel .users-row .group{display:flex;gap:12px;align-items:center}.panel .users-row .pill{padding:4px 12px;-webkit-border-radius:256px;-moz-border-radius:256px;border-radius:256px;font-size:14px}.panel .users-row .pill.admin{background-color:rgba(27,74,175,.1);color:#1b4aaf}.panel .users-row .pill.user{background-color:rgba(80,80,80,.1);color:#505050}.panel .users-row .delete-user{cursor:pointer;opacity:0;transform:scale(.1);transition:all .2s ease-in-out}.panel .users-row .item:hover .delete-user{opacity:1;transform:scale(1)}.panel .reservation-row{display:grid;gap:30px}.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}.panel .reservation-row .wrapper{padding:0;display:grid;gap:30px;grid-template-columns:38px 1fr;align-items:center}.panel .reservation-row .google-meet{cursor:pointer;transition:all .2s ease-in-out}.panel .reservation-row .google-meet:hover{transform:scale(1.05)}.panel .reservation-row .group{display:grid;gap:8px}.panel .reservation-row .info{display:flex;gap:16px}.panel .reservation-row .date,.panel .reservation-row .time{font-size:16px;color:#999;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px}.panel .reservation-row .delete-reservation{cursor:pointer;opacity:0;transform:scale(.1);transition:all .2s ease-in-out}.panel .reservation-row .item:hover .delete-reservation{opacity:1;transform:scale(1)}@media (max-width:1536px){.panel form{max-width:75%}.panel .users-row .item{max-width:80%}}@media (max-width:1280px){.panel .row{gap:80px}.panel .reservation-row .item,.panel form{max-width:100%}.panel .users-row .item{max-width:90%}}@media (max-width:1024px){.panel .row{gap:48px}.panel .users-row .item{max-width:100%;padding:20px}}@media (max-width:768px){.panel .row{grid-template-columns:1fr;gap:32px}}@media (max-width:475px){.panel .reservation-row .info{gap:8px;flex-direction:column}}