@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{height:100vh;margin:0;min-height:100vh;min-width:320px;overflow:hidden;width:100%}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#f3f4f6}.login-container{align-items:center;background:linear-gradient(135deg,#fff,#f3fef3);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e5e7eb99;border-radius:1.25rem;box-shadow:0 12px 48px #00000014;max-width:450px;padding:3rem 2.5rem;transition:transform .3s ease;width:100%}.login-box:hover{transform:scale(1.005)}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#111827;font-size:2.5rem;font-weight:600}.login-subtitle{color:#6b7280;font-size:1rem;margin-top:.4rem}.login-form{gap:1.5rem}.input-group,.login-form{display:flex;flex-direction:column}.input-label{color:#374151;font-size:.95rem;font-weight:500;margin-bottom:.4rem}.form-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:.65rem;color:#1f2937;font-size:1rem;padding:.75rem 1rem;transition:border .2s,box-shadow .2s}.form-input:focus{border-color:#4f9c1e;box-shadow:0 0 0 3px #4f9c1e40;outline:none}.form-input::placeholder{color:#9ca3af}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.6rem;color:#b91c1c;font-size:.95rem;padding:.85rem 1rem;text-align:center}.login-button{background:linear-gradient(135deg,#4f9c1e,#3e7d17);border:none;border-radius:.65rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.95rem;transition:background .3s ease,box-shadow .3s ease}.login-button:hover{background:#3e7d17;box-shadow:0 8px 20px #4f9c1e59;transform:translateY(-1px)}.login-footer{color:#6b7280;font-size:.88rem;margin-top:2.5rem;text-align:center}.chat-container{background:#fff;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow:hidden;width:100%}.chat-header{background:#4f9c1e;box-shadow:0 2px 4px #0000001a;color:#fff;flex-shrink:0;justify-content:space-between;min-height:60px;padding:15px 20px}.chat-header,.chat-info{align-items:center;display:flex;gap:20px}.chat-info{flex:1 1;min-width:0}.chat-title{font-size:20px;font-weight:600}.chat-title,.user-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{font-size:14px;opacity:.9}.filter-dropdown{flex-shrink:0}.user-filter-select{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:8px 12px}.user-filter-select:focus,.user-filter-select:hover{background:#fff;border-color:#2955c5}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background:#ffffff4d}.sidebar-title{color:#333;font-size:16px;font-weight:600;margin-bottom:15px}.users-list{list-style:none}.user-item{align-items:center;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:5px;padding:8px 12px;transition:background-color .2s ease}.user-item:hover{background:#f0f0f0}.user-item.selected-user{background:#e8f0fe;border:1px solid #4285f4;font-weight:500}.user-avatar{align-items:center;background:#d9d9d9;border-radius:50%;color:#8d8c8c;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:64px;justify-content:center;width:64px}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-user{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.chat-header-user h3{color:#333;font-size:16px;font-weight:600;margin:0}.no-chat-selected{align-items:center;background:#fafbfc;display:flex;flex:1 1;justify-content:center}.no-chat-content{color:#666;text-align:center}.messages-container{background:#fafbfc;flex:1 1;flex-shrink:1;min-height:0;overflow-y:auto;padding:20px}.message{align-self:flex-start;border-radius:12px;display:flex;flex-direction:column;margin:8px auto 8px 0;max-width:100%;padding:10px}.own-message{align-self:flex-end;background-color:#d1e7ff;margin-left:auto;text-align:right}.message-text{word-wrap:break-word;background:inherit;border:1px solid #ccc;border-radius:12px;color:#333;line-height:1.4;margin-left:40px;padding:10px 14px}.own-message .message-text{background-color:#4285f4;border-color:#4285f4;color:#fff}.message-user{color:#666;font-size:12px;font-weight:600}.message-time{color:#999;font-size:11px}.message.system-message{align-self:center;background:#eee;border-radius:10px;color:#666;font-style:italic;max-width:90%;text-align:center}.system-message .message-text{background:#f1f3f4;border:none;color:#666;font-style:italic;text-align:center}.message-form{background:#fff;border-top:1px solid #e1e5e9;flex-shrink:0;min-height:80px;padding:20px}.message-input-container{display:flex;gap:10px;max-width:100%}.message-input{border:2px solid #e1e5e9;border-radius:25px;flex:1 1;font-size:14px;max-width:100%;min-width:0;outline:none;padding:12px 16px;transition:border-color .3s ease}.message-input:focus{border-color:#4285f4}.send-button{background:#4f9c1e;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.send-button:hover{background:#3e7d17;transform:translateY(-1px)}.send-button:active{background:#345f14;transform:scale(.98)}@media (max-width:768px){.chat-header{padding:12px 15px}.filter-dropdown{flex:1 1;order:-1}.user-filter-select{min-width:auto;width:100%}.chat-info{gap:15px}.chat-title{font-size:18px}.user-info{font-size:13px}.chat-sidebar{min-width:150px;padding:15px;width:180px}.message{max-width:85%}.message-form,.messages-container{padding:15px}.message-input{font-size:16px}}@media (max-width:600px){.chat-main{flex-direction:column}.chat-sidebar{border-bottom:1px solid #e1e5e9;border-right:none;max-height:150px;padding:10px 15px;width:100%}.sidebar-title{font-size:14px;margin-bottom:10px}.users-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.message{max-width:95%}}@media (max-width:480px){.chat-header{flex-wrap:wrap;gap:10px;padding:10px 12px}.filter-dropdown{order:0;width:100%}.chat-info{flex:1 1;order:1}.logout-button{order:2}.chat-title{font-size:16px}.user-info{font-size:12px}.message-form,.messages-container{padding:12px}.message-input{padding:10px 14px}}.message-like-input{background:#f0f0f0;border:1px solid #ddd;border-radius:18px;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:12px 16px;transition:border-color .3s ease;width:100%}.message-like-input::placeholder{color:#999}.message-like-input:focus{border-color:#4285f4}.message-attachments{font-size:.9em;margin-top:8px;padding-left:10px}.message-attachments a{color:#007bff;text-decoration:none}.message-attachments img{border:1px solid #007bff;border-radius:5px;display:block;margin-top:5px;max-width:100%}.resizer{background:#ccc;cursor:ew-resize;height:100%;width:5px}.resizer:hover{background:#999}.chat-main{display:flex;flex:1 1;min-width:0;overflow:hidden}.chat-sidebar{border-right:2px solid #ccc;box-sizing:border-box;flex:none;max-width:500px;min-width:200px;overflow:auto;padding:15px;width:500px}.chat-content{flex:1 1;min-width:0}.chat-content,.user-details{display:flex;flex-direction:column}.user-details{margin-left:.5rem}.user-name{font-size:1rem;font-weight:600}.user-participants{color:#666;font-size:.75rem}.filter-toggle-buttons{display:flex;gap:8px;margin-bottom:10px}.filter-button{background:#f3f4f6;border:1px solid #4f9c1e;border-radius:6px;color:#4f9c1e;cursor:pointer;flex:1 1;font-size:.85rem;padding:6px 12px;transition:.2s ease}.filter-button:hover{background:#e7f7e5}.filter-button.active{background:#4f9c1e;color:#fff}.chat-error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.9rem;margin:0 0 10px;padding:10px}.message-header{justify-content:space-between;margin-bottom:4px}.message-header,.message-user-info{align-items:center;display:flex}.message-avatar{border-radius:50%;height:40px;margin-right:8px;object-fit:cover;width:40px}.message-user-name{color:#000;font-size:14px;font-weight:600}.spinner-container{padding:20px}.spinner-rooms{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#4f9c1e;height:24px;margin:auto;width:24px}.initials-avatar{align-items:center;background-color:#d9d9d9;border-radius:50%;color:#8d8c8c;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.open-upwork-btn{border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:6px 14px;transition:background-color .2s ease}.open-upwork-btn,.open-upwork-btn:hover,.unread-badge{background:#3e7d17}.unread-badge{border-radius:999px;color:#fff;display:inline-block;font-size:12px;font-weight:600;line-height:16px;min-width:18px;padding:2px 6px}.App,.unread-badge{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)}}.spinner-container{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#4f9c1e;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.88c4663c.css.map*/