:root{--primary-color: #28ff2f;--secondary-color: #11fff3;--error-color: #fd4747;--warning-color: #ffb800;--neutral-color: #ededed;--bg-color: #191919;--font-family: "VT323", monospace;--font-size: 18px;--font-size-sm: 14px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size);color:var(--primary-color);background-color:var(--bg-color)}h1{font-size:32px;margin-bottom:20px}h2{font-size:24px;margin-bottom:16px}.scrollbar-hide::-webkit-scrollbar{width:0;height:0}.centered{display:flex;justify-content:center;align-items:center;height:100vh}.border{border:1px solid var(--primary-color);padding:20px}.inputs-container{flex-grow:1;display:flex;flex-direction:column;gap:4px}.login-form{display:flex;flex-direction:column;gap:4px;padding:20px;width:340px;border:1px solid var(--primary-color)}.login-form__actions{display:flex;margin-top:12px;gap:4px;justify-content:flex-end}.button{background-color:initial;padding:8px 16px;cursor:pointer}.button:active{transform:translateY(2px)}.button:hover{color:var(--neutral-color)}.button__primary{color:var(--primary-color);border:1px solid var(--primary-color)}.button__secondary{color:var(--secondary-color);border:1px solid var(--secondary-color)}.button__error{color:var(--error-color);border:1px solid var(--error-color)}.button__warning{color:var(--warning-color);border:1px solid var(--warning-color)}.input{display:flex;flex-direction:column;gap:4px}input[type=file],input[type=file]::file-selector-button{font-size:var(--font-size-sm);padding:6px;border:1px solid var(--primary-color);background-color:var(--bg-color);cursor:pointer;color:var(--primary-color);font-family:var(--font-family)}.input__container{display:flex;gap:10px;align-items:center;justify-content:space-between;outline:none}.input__label{min-width:80px}.input__element{flex-grow:1;border:1px solid var(--primary-color);padding:8px}.input__element::-moz-placeholder{color:var(--warning-color)}.input__element::placeholder{color:var(--warning-color)}.input__element:focus-visible{outline:none}.input__element:-moz-read-only{color:var(--neutral-color);border:1px solid var(--bg-color)}.input__element:read-only{color:var(--neutral-color);border:1px solid var(--bg-color)}.input__error{display:flex;justify-content:flex-end;font-size:var(--font-size-sm)}.input__text-error{color:var(--error-color)}.chat{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--primary-color);border-left:1px solid var(--primary-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.chat--selected{border-right:4px solid var(--secondary-color)}.chat:hover{border-right:4px solid var(--primary-color)}.chat__image{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat__info{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.chat__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat__bottom{display:flex;justify-content:space-between;align-items:center}.chat__last-message{color:var(--neutral-color);font-size:var(--font-size-sm);overflow:hidden;white-space:nowrap;max-width:200px}.chat__unread-count{background-color:var(--secondary-color);color:var(--bg-color);border-radius:12px;padding:2px 6px;font-size:var(--font-size-sm)}.dialog-container{position:fixed;inset:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{padding:20px;width:450px;border:1px solid var(--primary-color)}.dialog__footer{display:flex;justify-content:flex-end;gap:4px;margin-top:20px}.back-button{position:fixed;top:20px;left:20px}.form-container{display:flex;flex-direction:column;gap:8px;width:400px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-error{color:var(--error-color);text-align:right}.navigate-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.navigate-container ul{display:flex;flex-direction:column}:is(.navigate-container ul) li{list-style:none;margin:8px 0}.register-form{display:flex;flex-direction:column;gap:4px;padding:20px;width:340px;border:1px solid var(--primary-color)}.register-form__actions{display:flex;justify-content:flex-end;margin-top:12px;gap:4px}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.error-container h1,.error-container p{color:var(--error-color)}.chats{display:flex;width:100vw;height:100vh}.chats__sidebar{width:300px;border-right:1px solid var(--primary-color);display:flex;flex-direction:column}.chats__sidebar-header{display:flex;flex-direction:column;justify-content:end;padding:4px;gap:4px;border-bottom:1px solid var(--primary-color)}.chats__sidebar-chats{height:calc(100vh - 81px);overflow-y:auto}.chats__dialog-empty{display:flex;justify-content:center;align-items:center;flex-grow:1}.chats__dialog-empty-text{color:var(--secondary-color);font-size:24px}.chats__dialog{flex-grow:1;display:flex;flex-direction:column;border-left:1px solid var(--primary-color)}.chats__dialog-actions{display:flex;align-items:center;gap:8px}.chats__dialog-date{text-align:center;padding:4px 0;margin-top:24px;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color)}.chats__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid var(--primary-color)}.chats__dialog-user-info{display:flex;align-items:center;gap:12px}.chats__dialog-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chats__dialog-messages{flex-grow:1;display:flex;flex-direction:column;padding:16px;gap:12px;overflow-y:auto}.chats__dialog-input{width:100%;display:flex;flex-direction:row;align-items:center;gap:8px;border-top:1px solid var(--primary-color);padding:8px}.chats__dialog-input .input{flex-grow:1}.message{max-width:60%;align-self:flex-start;border-radius:8px 8px 8px 0;background-color:var(--secondary-color);color:var(--bg-color);padding:8px}.message--own{align-self:flex-end;max-width:60%;border-radius:8px 8px 0;color:var(--bg-color);padding:8px;background-color:var(--primary-color)}.profile-avatar{display:flex;flex-direction:column;align-items:center;margin:20px 0}.profile-avatar__image{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-form__actions{margin-top:12px;display:flex;gap:4px;justify-content:flex-end}.password-container{display:flex;flex-direction:column;gap:4px;padding:20px;width:400px;border:1px solid var(--primary-color)}.password-form__actions{display:flex;justify-content:flex-end;margin-top:12px;gap:4px}