*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-size:14px;line-height:1.4;color:#e8e8e8;background-color:#1a1a1a;min-height:100vh}a{color:#5b9bd5;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:#252525;border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:40px;width:100%;max-width:420px}.card__title{font-size:22px;font-weight:600;text-align:center;margin-bottom:32px}.form{display:flex;flex-direction:column}.form__group{margin-bottom:16px;position:relative}.form__label{display:block;font-size:11px;color:#9a9a9a;margin-bottom:4px}.form__input{width:100%;padding:12px 0;font-size:14px;font-family:inherit;border:none;border-bottom:1px solid #3a3a3a;background:transparent;color:#e8e8e8;outline:none;transition:border-color .2s}.form__input:focus{border-color:#5b9bd5}.form__input::placeholder{color:#9a9a9a}.form__input--error{border-color:#e74c3c}.form__error{font-size:11px;color:#e74c3c;margin-top:4px;display:none}.form__actions{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:16px}.form__divider{width:100%;height:1px;background:#3a3a3a;margin:8px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:14px;font-family:inherit;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,opacity .2s;width:100%}.button--primary{background-color:#5b9bd5;color:#fff}.button--primary:hover{background-color:#7ab3e8}.button--link{background:none;color:#5b9bd5;padding:8px}.button--link:hover{opacity:.8}.button--danger{background:none;color:#e74c3c;padding:8px}.button--danger:hover{opacity:.8}.avatar{width:130px;height:130px;border-radius:50%;background-color:#3a4a5a;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:opacity .2s}.avatar:hover{opacity:.9}.avatar--small{width:47px;height:47px}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__icon{width:50%;height:50%;color:#9a9a9a}.profile{display:flex;min-height:100vh}.profile__sidebar{width:64px;background:#1a1a1a;border-right:1px solid #3a3a3a;display:flex;align-items:center;justify-content:center}.profile__back{width:40px;height:40px;border-radius:50%;background:#252525;display:flex;align-items:center;justify-content:center;color:#e8e8e8;box-shadow:0 1px 3px #0000004d;transition:background-color .2s}.profile__back:hover{background:#1f1f1f}.profile__content{flex:1;display:flex;flex-direction:column;align-items:center;padding:60px 20px}.profile__avatar{margin-bottom:20px;cursor:pointer;transition:opacity .2s}.profile__avatar:hover{opacity:.8}.profile__name{font-size:18px;font-weight:600;margin-bottom:40px}.profile__info{width:100%;max-width:520px}.profile__row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #3a3a3a}.profile__row:last-child{border-bottom:none}.profile__label{color:#e8e8e8}.profile__value{color:#9a9a9a}.profile__actions{width:100%;max-width:520px;margin-top:40px;display:flex;flex-direction:column;gap:8px}.profile__link{display:block;padding:12px 0;border-bottom:1px solid #3a3a3a;background:none;border-top:none;border-left:none;border-right:none;text-align:left;cursor:pointer;font-size:inherit;font-family:inherit;color:inherit;transition:color .2s}.profile__link:hover{color:#5b9bd5}.profile__link--danger{color:#d32f2f}.profile__link--danger:hover{color:#b71c1c}.profile__logout{width:100%}.profile-form{width:100%;max-width:520px}.profile-form__actions{margin-top:40px}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.error-page__code{font-size:80px;font-weight:700;color:#e8e8e8;margin-bottom:16px}.error-page__message{font-size:18px;color:#9a9a9a;margin-bottom:40px}.error-page__link{color:#5b9bd5;font-size:14px}.chat{display:flex;height:100vh}.chat__sidebar{width:320px;background:#252525;border-right:1px solid #3a3a3a;display:flex;flex-direction:column}.chat__header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3a3a}.chat__user{display:flex;align-items:center;gap:12px}.chat__avatar-wrapper{cursor:pointer;transition:opacity .2s}.chat__avatar-wrapper:hover{opacity:.8}.chat__user-name{font-weight:600;font-size:14px;color:#e8e8e8;cursor:pointer;transition:color .2s}.chat__user-name:hover{color:#5b9bd5}.chat__profile-link{font-size:13px;color:#9a9a9a;display:flex;align-items:center;gap:4px}.chat__profile-link:hover{color:#5b9bd5}.chat__search{padding:12px 16px;border-bottom:1px solid #3a3a3a}.chat__search-input{width:100%;padding:10px 16px;background:#1a1a1a;border:none;border-radius:8px;font-size:14px;font-family:inherit;color:#e8e8e8;outline:none}.chat__search-input::placeholder{color:#9a9a9a}.chat__list{flex:1;overflow-y:auto}.chat__item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #3a3a3a}.chat__item:hover{background:#1a1a1a}.chat__item--active{background:#2a3a4a}.chat__item--active:hover{background:#354555}.chat__item-info{flex:1;min-width:0}.chat__item-header{display:flex;justify-content:space-between;margin-bottom:4px}.chat__item-name{font-weight:600;font-size:13px}.chat__item-time{font-size:11px;color:#9a9a9a}.chat__item-message{font-size:13px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat__item-badge{width:20px;height:20px;background:#5b9bd5;color:#252525;font-size:11px;font-weight:500;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat__main{flex:1;display:flex;flex-direction:column;background:#1a1a1a}.chat__empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9a9a9a;font-size:14px}.chat__conversation-header{padding:12px 20px;background:#252525;border-bottom:1px solid #3a3a3a;display:flex;align-items:center;gap:12px}.chat__conversation-name{font-weight:600;font-size:14px}.chat__messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#1a1a1a}.chat__message{display:flex;flex-direction:column;max-width:60%;padding:10px 14px;border-radius:10px;background:#252525;box-shadow:0 1px 2px #0000000d;align-self:flex-start}.chat__message--own{align-self:flex-end;background:#5b9bd5}.chat__message--own .chat__message-content{color:#252525}.chat__message--own .chat__message-time{color:#ffffffb3}.chat__message-content{font-size:14px;color:#e8e8e8;overflow-wrap:break-word;line-height:1.5}.chat__message-time{font-size:11px;color:#9a9a9a;margin-top:4px;align-self:flex-end}.chat__message-date{text-align:center;font-size:12px;color:#9a9a9a;margin:16px 0}.chat__input-area{padding:16px 20px;background:#252525;border-top:1px solid #3a3a3a;display:flex;align-items:center;gap:12px}.chat__input{padding:16px 20px;background:#252525;border-top:1px solid #3a3a3a}.chat__attach{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9a9a9a;transition:color .2s}.chat__attach:hover{color:#5b9bd5}.chat__form{display:flex;gap:12px}.chat__message-input{flex:1;padding:10px 16px;background:#1a1a1a;border:none;border-radius:20px;font-size:14px;font-family:inherit;color:#e8e8e8;outline:none}.chat__message-input::placeholder{color:#9a9a9a}.chat__send-button{padding:10px 24px;background:#5b9bd5;color:#252525;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.chat__send-button:hover{background:#7ab3e8}.chat__new-chat-btn{background:none;border:none;color:#5b9bd5;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;padding:0;transition:opacity .2s}.chat__new-chat-btn:hover{opacity:.8}.chat__actions{display:flex;align-items:center;gap:16px}.chat__add-user-btn{background:none;border:none;color:#5b9bd5;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;padding:0;transition:opacity .2s}.chat__add-user-btn:hover{opacity:.8}.chat__remove-user-btn{background:none;border:none;color:#9a9a9a;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;padding:0;transition:opacity .2s}.chat__remove-user-btn:hover{opacity:.8}.chat__delete-btn{background:none;border:none;color:#e74c3c;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;padding:0;transition:opacity .2s}.chat__delete-btn:hover{opacity:.8}.message{display:flex;margin-bottom:8px;width:100%}.message--mine{justify-content:flex-end}.message--other{justify-content:flex-start}.message__content{max-width:60%;padding:10px 14px;border-radius:12px}.message--mine .message__content{background:#3a5a7a;color:#e8e8e8;border-bottom-right-radius:2px}.message--other .message__content{background:#2b2b2b;color:#e8e8e8;border-bottom-left-radius:2px}.message__text{font-size:13px;line-height:1.4;margin:0 0 4px;overflow-wrap:break-word}.message__time{font-size:9px;color:#9a9a9a;display:block;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .3s}.modal{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:24px;min-width:300px;max-width:500px;box-shadow:0 4px 16px #00000080;animation:slide-in .3s}.modal--wide{max-width:600px}.modal__title{margin:0 0 16px;font-size:20px;font-weight:600;color:#e8e8e8}.modal__message{margin:0 0 24px;color:#9a9a9a;line-height:1.5}.modal__input{width:100%;padding:12px 16px;margin-bottom:20px;background:#252525;border:1px solid #3a3a3a;border-radius:4px;font-size:14px;font-family:inherit;color:#e8e8e8;outline:none}.modal__input::placeholder{color:#9a9a9a}.modal__input:focus{border-color:#5b9bd5}.modal__buttons{display:flex;gap:12px}.modal__submit{flex:1;background:#5b9bd5;color:#e8e8e8;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .2s}.modal__submit:hover{background:#7ab3e8}.modal__cancel{flex:1;background:transparent;color:#9a9a9a;border:1px solid #3a3a3a;border-radius:4px;padding:10px 24px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.modal__cancel:hover{border-color:#9a9a9a;color:#e8e8e8}.modal__close{background:#5b9bd5;color:#e8e8e8;border:none;border-radius:4px;padding:10px 24px;font-size:14px;cursor:pointer;width:100%;transition:background .2s}.modal__close:hover{background:#7ab3e8}.chat-info__subtitle{margin:0 0 12px;font-size:14px;font-weight:600;color:#9a9a9a}.chat-info__users{list-style:none;padding:0;margin:0 0 20px;max-height:400px;overflow-y:auto}.chat-info__user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background .2s}.chat-info__user:hover{background:#1a1a1a}.chat-info__user-info{flex:1;min-width:0}.chat-info__user-name{font-size:14px;font-weight:500;color:#e8e8e8;margin-bottom:2px}.chat-info__user-login{font-size:12px;color:#9a9a9a}.chat-info__user-role{font-size:11px;padding:4px 8px;background:#5b9bd5;color:#e8e8e8;border-radius:4px;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}