*{box-sizing:border-box}body{min-height:100dvh;margin:0;padding:0;display:grid;grid-template-rows:90% 10%}body #app{grid-row:1}body nav{grid-row:2}.form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.form__inputs{width:100%}.form .disabled input{border:none;pointer-events:none;opacity:.6}.form-field{display:flex;flex-direction:column}.chat-page{height:100%;display:flex}.chat-page__list{width:310px;padding:22px 10px;background-color:#fbfbfb}.chat-page__list ul{padding-left:0;list-style-type:none}.chat-page__main-content{width:100%;display:flex;height:100%;flex-direction:column}.chat-page__message-form-wrapper .form{flex-direction:row}.chat-page__settings{display:flex;flex-direction:column;align-items:center;gap:16px}.chat-page__profile-button{align-self:flex-end}.chat-page__messages{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-page{height:100%;display:flex;justify-content:center;align-items:center}.login-page__wrapper{width:340px;height:460px;padding:50px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;box-shadow:0 0 6px #00000024}.profile-page{height:100%;display:flex}.profile-page__content{width:100%;display:flex;justify-content:center;align-items:center}.profile-page__profile{width:510px;display:flex;flex-direction:column;gap:60px}.profile-page__profile-title{align-self:center;font-size:22px;font-weight:700}.profile-page__profile-section{display:flex;flex-direction:column;gap:10px}.sidebar-button{width:64px;display:flex;align-items:center;justify-content:center;background-color:#fbfbfb;border-right:2px solid #EAEAEA}.error-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:69px}.error{display:flex;flex-direction:column;align-items:center;gap:20px}.error__code{font-size:40px;font-weight:700}.error__message{font-size:20px;font-weight:700}.button{color:#3369f3;cursor:pointer;border:none;background:none}.button:hover{opacity:.7}.avatar-upload{display:flex;flex-direction:column;align-items:center}.avatar-preview{width:150px;height:150px;border-radius:50%;background-color:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.avatar-preview:hover{border-color:#007bff}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:none}.avatar-placeholder{color:#666;text-align:center;font-size:14px}.avatar-input{display:none}.avatar-label{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.avatar-label:hover{background-color:#0056b3}.chat-preview{height:72px;padding:12px;display:flex;flex-direction:column;border-top:2px solid #EAEAEA}.chat-preview__header{display:flex;justify-content:space-between}.chat-preview__name{font-size:14px;font-weight:700}.chat-preview__content{margin-top:4px}.input.invalid{border-color:red}