@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.cookie-option{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.cookie-option:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.cookie-option input[type=checkbox]{height:1rem;width:1rem;accent-color:var(--primary-color)}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;border:1px solid #ddd;border-radius:8px;overflow:hidden}.chat-header{padding:15px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.chat-body{flex:1;overflow-y:auto;padding:15px;background-color:#f9f9f9;min-height:0;height:600px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-body::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#555}.message{margin:10px 0;display:flex}.message.sent{justify-content:flex-start}.message.received{justify-content:flex-end}.message-content{max-width:70%;padding:10px;border-radius:10px;background-color:#fff;box-shadow:0 1px 2px #0000001a}.message.sent .message-content{background-color:#dcf8c6}.message-image{max-width:200px;border-radius:5px}.message-meta{font-size:.8em;color:#888;margin-top:5px}.chat-footer{padding:15px;background-color:#f5f5f5;border-top:1px solid #ddd;flex-shrink:0}.chat-input-form{display:flex;flex-direction:column}.input-container{display:flex;gap:10px}.input-container input[type=text]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.file-input-label{cursor:pointer;padding:8px;background-color:#f0f0f0;border-radius:4px}.file-input{display:none}.error-message{color:red;font-size:.8em;margin-bottom:5px}.typing-indicator{font-size:.8em;color:#666;font-style:italic}.empty-chat{text-align:center;color:#666;padding:20px}.connection-error-banner{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:.75rem;margin-bottom:1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.connection-error-banner .retry-button{background-color:#856404;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;cursor:pointer}.connection-error-banner .retry-button:hover{background-color:#533f03}.image-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.image-popup-overlay .image-popup-content{max-width:90%;max-height:90vh;position:relative;cursor:default}.image-popup-overlay .image-popup-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.image-popup-overlay .image-popup-content .close-button{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.image-popup-overlay .image-popup-content .close-button:hover{color:#ddd}.chat-app-container{display:flex;width:100%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.chat-list{width:30%;border-right:1px solid #ddd;display:flex;flex-direction:column}@media(max-width:768px){.chat-list{width:100%}.chat-list.hidden{display:none}}.chat-list-header{padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.chat-list-header h2{margin:0}.chat-list-header .my-chats-link{color:#2196f3;text-decoration:none;font-size:.9em}.chat-list-header .my-chats-link:hover{text-decoration:underline}.chat-rooms-list{overflow-y:auto;flex:1}.chat-room-item{padding:15px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.chat-room-item:hover{background-color:#f5f5f5}.chat-room-item.selected{background-color:#e3f2fd}.chat-room-item.unread{background-color:#f0f7ff}.chat-room-content{flex:1}.chat-room-header{display:flex;justify-content:space-between;margin-bottom:5px}.chat-partner-name{color:#333}.chat-time{font-size:.8em;color:#666}.last-message{color:#666;font-size:.9em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-counter{background-color:#25d366;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8em;margin-left:10px}.chat-view{flex:1;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}@media(max-width:768px){.chat-view.hidden{display:none}}.chat-view .chat-body{max-height:calc(100vh - 540px)}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#666}.loading-state,.error-state,.empty-state{padding:20px;text-align:center;color:#666}.error-state{color:#f44336}.loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 104px);text-align:center;gap:15px}.loader-container img{min-width:50%;max-width:50%;height:auto}@media(min-width:768px){.loader-container img{min-width:15%;max-width:20%}}.logo-wrapper{position:relative;width:55px;height:55px;display:flex;align-items:center;justify-content:center}