body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}.chat-app-container{background:#0f172a;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.chat-app-container .chat-wrapper{display:flex;height:100vh;width:100%}.chat-app-container .sidebar{background:#111827;border-right:1px solid #1f2937;display:flex;flex-direction:column;width:340px}.chat-app-container .sidebar .logo{align-items:center;border-bottom:1px solid #1f2937;color:#fff;display:flex;font-size:28px;font-weight:800;height:75px;padding:0 25px}.chat-app-container .sidebar .users-list{flex:1 1;overflow-y:auto;padding:14px}.chat-app-container .sidebar .sidebar-footer{background:#0f172a;border-top:1px solid #1f2937;padding:16px}.chat-app-container .sidebar .current-user{align-items:center;display:flex;gap:12px;margin-bottom:14px}.chat-app-container .sidebar .current-user-info{flex:1 1}.chat-app-container .sidebar .current-user-name{color:#fff;font-size:15px;font-weight:700}.chat-app-container .sidebar .current-user-status{color:#22c55e;font-size:13px;margin-top:3px}.chat-app-container .sidebar .logout-btn{background:#ef4444;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;height:48px;width:100%}.chat-app-container .sidebar .logout-btn:hover{align-items:center;background:#dc2626;display:flex;gap:10px;justify-content:center}.chat-app-container .sidebar .logout-btn:disabled{cursor:not-allowed;opacity:.6}.chat-app-container .sidebar .user-card{align-items:center;background:#172033;border-radius:18px;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px;transition:.3s}.chat-app-container .sidebar .user-card:hover{background:#1e293b}.chat-app-container .sidebar .user-card.active{background:#2563eb}.chat-app-container .sidebar .user-card .user-info{flex:1 1;min-width:0}.chat-app-container .sidebar .user-card .top-row{align-items:center;display:flex;justify-content:space-between}.chat-app-container .sidebar .user-card .user-name{color:#fff;font-size:15px;font-weight:700}.chat-app-container .sidebar .user-card .user-status{color:#94a3b8;font-size:13px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-app-container .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:52px;justify-content:center;width:52px}.chat-app-container .online-dot{background:#22c55e;border-radius:50%;height:10px;width:10px}.chat-app-container .unread-count{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.chat-app-container .chat-area{background:#0f172a;display:flex;flex:1 1;flex-direction:column}.chat-app-container .chat-header{align-items:center;background:#111827;border-bottom:1px solid #1f2937;display:flex;height:75px;padding:0 24px}.chat-app-container .chat-user-name{color:#fff;font-size:18px;font-weight:700}.chat-app-container .online-status{color:#22c55e;font-size:13px;margin-top:4px}.chat-app-container .no-chat-selected{align-items:center;display:flex;flex:1 1;justify-content:center}.chat-app-container .no-chat-selected .no-chat-box{text-align:center}.chat-app-container .no-chat-selected .no-chat-box h2{color:#fff;margin-bottom:10px}.chat-app-container .no-chat-selected .no-chat-box p{color:#94a3b8}.chat-app-container .messages-container{flex:1 1;overflow-y:auto;padding:25px}.chat-app-container .message-row{display:flex;margin-bottom:18px}.chat-app-container .message-row.me{justify-content:flex-end}.chat-app-container .message-row.other{justify-content:flex-start}.chat-app-container .message-bubble{background:#1e293b;border-radius:10px 10px 10px 0;color:#fff;max-width:360px;padding:10px}.chat-app-container .message-bubble.my-message{background:#2563eb;border-radius:10px 10px 0 10px}.chat-app-container .message-text{font-size:15px;line-height:100%;word-break:break-word}.chat-app-container .message-time{align-items:center;color:#d1d5db;display:flex;font-size:11px;gap:5px;justify-content:flex-end;margin-top:5px}.chat-app-container .message-status{font-size:12px;font-weight:700}.chat-app-container .message-status.sent{color:#e5e7eb}.chat-app-container .message-status.delivered{color:#d1d5db}.chat-app-container .message-status.read{color:#38bdf8}.chat-app-container .typing-text{color:#cbd5e1;font-size:14px;padding-bottom:10px;padding-left:25px}.chat-app-container .input-area{background:#111827;border-top:1px solid #1f2937;display:flex;gap:12px;padding:16px}.chat-app-container .message-input{background:#1e293b;border:none;border-radius:14px;color:#fff;flex:1 1;font-size:15px;height:55px;outline:none;padding:0 18px}.chat-app-container .message-input::placeholder{color:#94a3b8}.chat-app-container .send-btn{background:#2563eb;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;height:55px;padding:0 24px;transition:.3s}.chat-app-container .send-btn:hover{background:#1d4ed8}.chat-app-container .messages-loader{align-items:center;display:flex;gap:10px;height:100%;justify-content:center}.chat-app-container .loader-bubble{animation:bounce .6s infinite alternate;background:#2563eb;border-radius:50%;height:14px;width:14px}.chat-app-container .loader-bubble:nth-child(2){animation-delay:.2s}.chat-app-container .loader-bubble:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@media(max-width:768px){.chat-app-container .sidebar{height:100%;position:absolute;width:100%;z-index:999}.chat-app-container .message-bubble{max-width:85%}}*{box-sizing:border-box;margin:0;padding:0}.auth-page{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}@media(max-width:370px){.auth-page{padding-left:10px;padding-right:10px}}.auth-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:1100px;min-height:700px;overflow:hidden;width:100%}@media(max-width:900px){.auth-container{grid-template-columns:1fr;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}}.auth-left{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;flex-direction:column;padding:60px}.auth-left,.auth-left .product-img-container{align-items:center;display:flex;justify-content:center}.auth-left .product-img-container{background:#fff;border-radius:50%;box-shadow:0 10px 25px #00000026;height:300px;margin-bottom:10px;transition:all .3s ease;width:300px}.auth-left .product-img-container:hover{box-shadow:0 15px 35px #00000040;transform:translateY(-5px) scale(1.03)}.auth-left .product-img-container .product-img{border-radius:50%;height:100%;object-fit:cover;padding:4px;width:100%}.auth-left h1{font-size:64px;font-weight:700;margin-bottom:20px}.auth-left p{font-size:18px;line-height:1.8;max-width:400px;opacity:.9}@media(max-width:900px){.auth-left{display:none}}.auth-right{align-items:center;display:flex;justify-content:center;padding:40px}@media(max-width:370px){.auth-right{padding-left:25px;padding-right:25px}}@media(max-width:900px){.auth-right{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.auth-form-container{max-width:420px;width:100%}.auth-top-buttons{display:flex;gap:12px;margin-bottom:30px}.auth-top-buttons button{background:#e2e8f0;border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;height:50px;transition:.3s}.auth-top-buttons .active{background:#2563eb;color:#fff}h2{color:#0f172a;font-size:36px;line-height:100%;margin-bottom:8px}.auth-subtitle{color:#64748b;font-size:15px;line-height:100%;margin-bottom:20px}form{gap:10px}.input-group,form{display:flex;flex-direction:column}.input-group{gap:4px}.input-group label{color:#334155;font-size:14px;font-weight:600}.input-group input{border:1px solid #cbd5e1;border-radius:7px!important;font-size:15px;height:45px;outline:none;padding:0 18px;transition:.3s;width:100%}.input-group input:focus{border-color:#2563eb;border-radius:7px!important;box-shadow:0 0 0 4px #2563eb26}.submit-btn{align-items:center;background:#2563eb;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:55px;justify-content:center;margin-top:10px;transition:.3s;width:100%}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.error-text{color:red;font-size:13px;margin:0}
/*# sourceMappingURL=main.408fb886.css.map*/