.app{margin:0 auto;max-width:1200px}.main{margin-top:20px;display:flex;gap:20px}.profile{width:100%}.profile__info__about{display:flex;gap:20px}.profile__posts__add{display:flex;gap:10px}.profile__posts__data{display:flex;flex-direction:column;gap:10px}.header{display:flex;justify-content:space-between;align-items:center;background-color:gray;height:75px}.header__login{padding-right:20px}.header__logo a{display:flex;align-items:center;justify-content:center;color:#000}a{text-decoration:none}.sidebar{background:gray;width:120px}.sidebar__list{display:flex;flex-direction:column;gap:20px;padding:15px;list-style-type:none}.active-link{color:gold;font-weight:700}.inactive-link{color:#000}.error-message{position:fixed;top:20px;right:20px;z-index:1000;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:16px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-in-out;max-width:400px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-message__content{display:flex;align-items:flex-start;gap:12px}.error-message__icon{color:#721c24;font-size:20px;font-weight:700;flex-shrink:0;margin-top:2px}.error-message__text{color:#721c24;font-size:14px;font-weight:500;flex:1;line-height:1.5;word-break:break-word}.error-message__close{background:none;border:none;color:#721c24;font-size:20px;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;flex-shrink:0;margin-top:-2px}.error-message__close:hover,.error-message__close:focus{opacity:1;outline:2px solid #721c24;outline-offset:2px}@media(max-width:480px){.error-message{left:10px;right:10px;top:10px;max-width:none}}.login{display:flex;flex-direction:column;gap:10px}.login__email,.login__password{display:flex;flex-direction:column;gap:5px}.dialogs{display:flex;flex-direction:column;gap:20px}.dialog{display:flex;gap:50px}.users{display:flex;flex-direction:column;gap:50px}.users__container{display:flex;gap:100px}.users__infomation{display:flex;flex-direction:column;gap:10px}.users__infomation__detail{display:flex;flex-direction:column}