.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Login{height:100vh}.Login,.card{align-items:center;display:flex;justify-content:center}.card{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #000c;flex-direction:column;height:50%;padding:16px;width:40%}@media (max-width:600px){.card{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #000c;display:flex;flex-direction:column;height:80%;justify-content:center;padding:16px;width:70%}}.LoginHeader{display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;font-weight:700;justify-content:center;margin-bottom:20px}.LoginForm{display:flex;flex-direction:column;gap:15px;width:100%}.felhasznalonev_email,.jelszo{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.felhasznalonev_email:focus,.jelszo:focus{border-color:#787878;box-shadow:0 0 8px #cbcbcb99;outline:none}.register{color:-webkit-link;cursor:pointer;margin:0 10px;text-align:center;text-decoration:underline}.register:hover{text-decoration:none}.password_with_toggle{position:relative;width:100%}.toggle_icon{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle_icon:hover{color:#000}.jelszo{padding-right:35px}.bejelentkezes_gomb{background-color:#b8b8b8;border:none;border-radius:4px;color:#000;cursor:pointer;padding:10px;width:100%}.bejelentkezes_gomb:hover{background-color:#dbdbdb}.messages-list{flex:1 1 auto;gap:12px;margin-top:10px;overflow-y:auto}.Home,.messages-list{display:flex;flex-direction:column}.Home{height:100vh}.Home,.messages-list{display:flex;flex-direction:column}.user-card{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 2px 6px #0003;cursor:pointer;display:flex;gap:12px;margin-top:20px;max-width:50%;min-width:5%;padding:12px;text-align:center;transition:all .2s;width:-webkit-fit-content;width:fit-content}.profile-picture{font-size:45px}.user-card:hover{background-color:#e0e0e0;box-shadow:0 2px 6px #0003}.user-name{font-size:22px;font-weight:700}.search-icon{cursor:pointer;font-size:32px;margin:10px;padding-right:20px;transition:color .2s}.search-icon:hover{color:#2f2f2f}.logout-icon{cursor:pointer;font-size:36px;margin:10px;transition:color .2s}.logout-icon:hover{color:#ff4d4d}h1,h2,h3,h4,h5,h6{display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;font-weight:700;justify-content:start;margin-bottom:20px}body{background-color:#e0e0e0;overflow:hidden}.text-and-reason{align-items:flex-start;display:flex;flex-direction:column}.popup-overlay{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:12px;padding:24px;width:340px}.popup h3{font-size:20px;margin:0 0 8px}.popup input,.popup textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:10px}.popup input:focus,.popup textarea:focus{border-color:#4a90e2}.popup textarea{min-height:80px;resize:vertical}.popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.popup-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 14px}.popup-buttons button:first-child{background:#e53935;color:#fff}.popup-buttons button:last-child{background:#e0e0e0}.top{display:flex;justify-content:space-between}.banbutton{background-color:#ff5656;border-radius:8px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0 20px 0 0;outline:none;padding:10px 16px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:color .1s;user-select:none;-webkit-user-select:none;vertical-align:initial}.banbutton:focus,.banbutton:hover{background-color:red}.unbanbutton{background-color:#7eff92;border-radius:8px;border-style:none;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0 20px 0 0;outline:none;padding:10px 16px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:color .1s;user-select:none;-webkit-user-select:none;vertical-align:initial}.unbanbutton:focus,.unbanbutton:hover{background-color:#27ff47}