@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";body{background-image:url(https://i.imgur.com/2iRGu14.jpeg);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;overflow:hidden}.box{position:relative;top:0;opacity:1;float:left;padding:60px 50px 40px;width:100%;background:#fff;border-radius:10px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:5}.box.back{transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);top:-20px;opacity:.8;z-index:1}.box:before{content:"";width:100%;height:30px;border-radius:10px;position:absolute;top:-10px;background:#fff9;left:0;transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);z-index:-1}.overbox .title{color:#fff}.overbox .title:before{background:#fff}.title{width:100%;float:left;line-height:46px;font-size:34px;font-weight:700;letter-spacing:2px;color:#ed2553;position:relative}.title:before{content:"";width:5px;height:100%;position:absolute;top:0;left:-50px;background:#ed2553}.input,.input label,.input input,.input .spin,.button,.button button .button.login button i.fa{transition:.3s cubic-bezier(.4,0,.2,1);-webkit-transition:.3s cubic-bezier(.4,0,.2,1);-ms-transition:.3s cubic-bezier(.4,0,.2,1)}.material-button .shape:before,.material-button .shape:after{transition:.3s cubic-bezier(.4,0,.2,1);-webkit-transition:.3s cubic-bezier(.4,0,.2,1);-ms-transition:.3s cubic-bezier(.4,0,.2,1)}.button button{width:100%;line-height:64px;left:0%;background-color:transparent;border:3px solid rgba(0,0,0,.1);font-weight:900;font-size:18px;color:#0006;cursor:pointer;position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.button.login button.active{border:3px solid transparent;color:#fff!important;background:#ed2553}.button.login button.active i.fa{opacity:1;transform:scale(1) rotate(0)}.button.login button.active span{opacity:0;transform:scale(0)}.button.login:hover button,.button.register:hover button{color:#ed2553;border-color:#ed2553}.material-button,.alt-2,.material-button .shape,.alt-2 .shape,.box{transition:.4s cubic-bezier(.4,0,.2,1);-webkit-transition:.4s cubic-bezier(.4,0,.2,1);-ms-transition:.4s cubic-bezier(.4,0,.2,1)}.input,.input label,.input input,.input .spin,.button,.button button{width:100%;float:left}.input,.button{margin-top:30px;height:70px}.input,.input input,.button,.button button{position:relative}.input input{height:60px;top:10px;border:none;background:transparent;font-family:Roboto,sans-serif;font-size:24px;color:#000c;font-weight:300}.input label,.button button{font-family:Roboto,sans-serif;font-size:24px;color:#000c;font-weight:300}.input:before,.input .spin{width:100%;height:1px;position:absolute;bottom:0;left:0}.input:before{content:"";background:#0000001a;z-index:3}.input .spin{background:#ed2553;z-index:4;width:0}.overbox .input .spin{background:#fff}.overbox .input:before{background:#ffffff80}.input label{position:absolute;top:10px;left:0;z-index:2;cursor:pointer;line-height:60px}.button{margin:40px 0;overflow:hidden;z-index:2}.button.login{width:60%;left:20%}.button.login button,.button button{width:100%;line-height:64px;left:0%;background-color:transparent;border:3px solid rgba(0,0,0,.1);font-weight:900;font-size:18px;color:#0003}.button.login{margin-top:30px}.button button{background-color:#fff;color:#ed2553;border:none}.button.login button.active{border:3px solid transparent;color:#fff!important}.button.login button.active span{opacity:0;transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0)}.button.login button.active i.fa{opacity:1;transform:scale(1) rotate(-0deg);-webkit-transform:scale(1) rotate(-0deg);-ms-transform:scale(1) rotate(-0deg)}.button.login button i.fa{width:100%;height:100%;position:absolute;top:0;left:0;line-height:60px;transform:scale(0) rotate(-45deg);-webkit-transform:scale(0) rotate(-45deg);-ms-transform:scale(0) rotate(-45deg)}.button.login button:hover{color:#ed2553;border-color:#ed2553}.button button{cursor:pointer;position:relative;z-index:2}.pass-forgot{width:100%;float:left;text-align:center;color:#0006;font-size:18px}.click-efect{position:absolute;top:0;left:0;background:#ed2553;border-radius:50%}.overbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:inherit;border-radius:10px;padding:30px 80px 30px 50px;z-index:1}.overbox .title,.overbox .button,.overbox .input{z-index:111;position:relative;color:#fff!important;display:none}.overbox .title{width:80%}.overbox .input{margin-top:20px}.overbox .input input,.overbox .input label{color:#fff}.overbox .material-button,.overbox .alt-2{display:block}:is(.overbox .material-button,.overbox .alt-2) .shape{display:block}.material-button,.alt-2{width:140px;height:140px;border-radius:50%;background:#ed2553;position:absolute;top:40px;right:-70px;cursor:pointer;z-index:100;transform:translate(0);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%)}.material-button .shape,.alt-2 .shape{position:absolute;top:0;right:0;width:100%;height:100%}.material-button .shape:before,.alt-2 .shape:before,.material-button .shape:after,.alt-2 .shape:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(360deg);-webkit-transform:translate(-50%,-50%) rotate(360deg);-ms-transform:translate(-50%,-50%) rotate(360deg)}.material-button .shape:before,.alt-2 .shape:before{width:25px;height:4px}.material-button .shape:after,.alt-2 .shape:after{height:25px;width:4px}.material-button.active,.alt-2.active{top:50%;right:50%;transform:translate(50%,-50%) rotate(0);-webkit-transform:translate(50%,-50%) rotate(0deg);-ms-transform:translate(50%,-50%) rotate(0deg)}html{overflow:hidden}.materialContainer{width:100%;max-width:460px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media screen and (max-width:768px){.materialContainer{max-width:90%;max-height:90vh;top:50%;transform:translate(-50%,-50%)}.box{padding:40px 25px 30px;max-height:85vh;overflow-y:auto}.overbox{padding:30px 25px 100px;max-height:85vh;overflow-y:auto}.material-button,.alt-2{display:none!important}.title{font-size:28px}.title:before{left:-25px}.overbox .title{width:100%;margin-bottom:15px}.input{margin-top:15px;height:60px}.input input{font-size:18px;height:50px}.input label{font-size:18px;line-height:50px}.button{margin-top:20px;height:60px}.button button{font-size:18px;line-height:54px}.button.login{width:80%;left:10%}.overbox .button.register{display:block!important;margin-top:25px;margin-bottom:30px;position:relative;bottom:auto;width:100%;height:auto}.overbox .button.register button{background:#fff;color:#ed2553;border:3px solid #fff;font-weight:700;font-size:18px;height:60px;line-height:54px;position:relative;z-index:1000;cursor:pointer;transition:all .3s ease}.overbox .button.register button:hover{background:#ed2553;color:#fff;border-color:#ed2553}}@media screen and (max-width:480px){.materialContainer{max-width:95%;max-height:95vh}.box{padding:30px 15px 25px}.overbox{padding:25px 15px 90px}.title{font-size:24px}.title:before{left:-15px}.input{margin-top:12px;height:50px}.input input{font-size:16px;height:40px;top:8px}.input label{font-size:16px;line-height:40px;top:8px}.button{margin-top:15px;height:50px}.button button{font-size:16px;line-height:44px}.button.login{width:90%;left:5%}.overbox .button.register{margin-top:20px;margin-bottom:25px}.overbox .button.register button{font-size:16px;height:50px;line-height:44px}}@media screen and (max-width:360px){.overbox{padding:20px 12px 80px}.overbox .button.register{margin-top:15px;margin-bottom:20px}}@media screen and (max-height:600px)and (orientation:landscape){.materialContainer{max-height:95vh}.box,.overbox{max-height:90vh;padding-top:20px;padding-bottom:70px}.overbox .button.register{margin-top:15px;margin-bottom:15px}}.error-message{color:#ed2553;text-align:center;margin-top:10px;font-size:14px;width:100%;float:left;padding:8px;background:#ed25531a;border-radius:4px;border:1px solid rgba(237,37,83,.2)}.click-efect{position:absolute;top:0;left:0;background:#ed2553;border-radius:50%;width:0;height:0;transition:all .6s ease-out;pointer-events:none;z-index:999}.button{position:relative;overflow:hidden}.button button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.input input:disabled{opacity:.7;cursor:not-allowed}.status-indicator[data-v-2da46e3c]{display:flex;align-items:center;gap:4px}.dot[data-v-2da46e3c]{width:8px;height:8px;border-radius:50%;background:#999}.online .dot[data-v-2da46e3c]{background:#4caf50;box-shadow:0 0 0 2px #fff}.text[data-v-2da46e3c]{font-size:12px;color:inherit}.chat-item[data-v-dee094e0]{padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;transition:background .2s}.chat-item[data-v-dee094e0]:hover{background:#f9f9f9}.chat-item.active[data-v-dee094e0]{background:#f0f7ff;border-left:4px solid #ED2553}.avatar[data-v-dee094e0]{width:40px;height:40px;min-width:40px;max-width:40px;border-radius:50%;background:#ed2553;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0;overflow:hidden;text-transform:uppercase}.avatar span[data-v-dee094e0]{display:block;line-height:1;transform:translateY(-1px)}.info[data-v-dee094e0]{flex:1;min-width:0}.name[data-v-dee094e0]{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-msg[data-v-dee094e0]{font-size:14px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time[data-v-dee094e0]{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0}.meta[data-v-dee094e0]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.last-seen[data-v-dee094e0]{font-size:10px;color:#bbb;white-space:nowrap}.online-text[data-v-dee094e0]{font-size:10px;color:#4caf50;white-space:nowrap}.status[data-v-dee094e0]{width:12px;height:12px;min-width:12px;border-radius:50%;background:#aaa;flex-shrink:0}.status.online[data-v-dee094e0]{background:#4caf50;box-shadow:0 0 0 2px #fff}.current-user[data-v-eed92524]{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f5f5;border-radius:8px}.current-user i[data-v-eed92524]{font-size:32px;color:#ed2553}.user-info-compact[data-v-eed92524]{display:flex;flex-direction:column;overflow:hidden}.user-login[data-v-eed92524]{font-weight:600;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-id-badge[data-v-eed92524]{font-family:monospace;font-size:12px;color:#666;background:#e0e0e0;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:2px}.user-search[data-v-de8a4410]{position:relative;padding:10px 16px;border-bottom:1px solid #eee}.search-input[data-v-de8a4410]{display:flex;align-items:center;background:#f0f2f5;border-radius:24px;padding:8px 12px}.search-input i[data-v-de8a4410]{color:#999;margin-right:8px}.search-input input[data-v-de8a4410]{flex:1;border:none;background:transparent;outline:none;font-size:14px}.search-results[data-v-de8a4410]{position:absolute;top:100%;left:16px;right:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:300px;overflow-y:auto}.search-result-item[data-v-de8a4410]{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}.search-result-item[data-v-de8a4410]:hover{background:#f5f5f5}.result-avatar[data-v-de8a4410]{width:36px;height:36px;border-radius:50%;background:#ed2553;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;flex-shrink:0}.result-info[data-v-de8a4410]{flex:1;min-width:0}.result-name[data-v-de8a4410]{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-login[data-v-de8a4410]{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-status[data-v-de8a4410]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.status-dot[data-v-de8a4410]{width:8px;height:8px;border-radius:50%;background:#ccc}.status-dot.online[data-v-de8a4410]{background:#4caf50}.status-text[data-v-de8a4410]{font-size:10px;color:#999;white-space:nowrap}.status-text.online[data-v-de8a4410]{color:#4caf50}.chat-sidebar[data-v-3914265a]{position:fixed;top:0;left:0;height:100vh;background:#fffffff2;box-shadow:2px 0 10px #0000001a;z-index:10;display:flex;flex-direction:column;transition:width .1s ease;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(0,0,0,.1)}.sidebar-header[data-v-3914265a]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ed2553;color:#fff;white-space:nowrap;overflow:hidden}.sidebar-header h2[data-v-3914265a]{overflow:hidden;text-overflow:ellipsis}.loading-indicator[data-v-3914265a],.error-indicator[data-v-3914265a]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;color:#666;font-size:14px;gap:8px}.error-indicator[data-v-3914265a]{color:#f44336}.error-indicator i[data-v-3914265a]{font-size:18px}.loading-indicator i[data-v-3914265a]{font-size:18px;color:#ed2553}.chat-list[data-v-3914265a]{flex:1;overflow-y:auto;padding:10px 0;min-width:0}.sidebar-footer[data-v-3914265a]{padding:16px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;min-width:0}.sidebar-logout-btn[data-v-3914265a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn[data-v-3914265a]:hover{background:#d32f2f}.resize-handle[data-v-3914265a]{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s;z-index:20}.resize-handle[data-v-3914265a]:hover,.resize-handle[data-v-3914265a]:active{background:#ed25534d}.resize-handle[data-v-3914265a]:active{background:#ed255380}.chat-sidebar:hover .resize-handle[data-v-3914265a]{background:#0000001a}.chat-sidebar:hover .resize-handle[data-v-3914265a]:hover{background:#ed25534d}@media(max-width:768px){.resize-handle[data-v-3914265a]{display:none}.chat-sidebar[data-v-3914265a]{width:100%!important;max-width:none!important;position:relative!important}.sidebar-header[data-v-3914265a]{padding:16px;position:sticky;top:0;z-index:10}.chat-list[data-v-3914265a]{padding-bottom:20px}.sidebar-footer[data-v-3914265a]{position:sticky;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.empty-chats[data-v-3914265a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;text-align:center;gap:16px}.empty-chats i[data-v-3914265a]{font-size:48px;color:#ccc}.empty-chats p[data-v-3914265a]{font-size:16px;line-height:1.5;max-width:200px}.chat-header[data-v-2c8139f1]{padding:16px 24px;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.user-info[data-v-2c8139f1]{display:flex;align-items:center;gap:12px}.name-status[data-v-2c8139f1]{display:flex;flex-direction:column;gap:2px}.name[data-v-2c8139f1]{font-weight:600;color:#333}.typing-indicator[data-v-2c8139f1]{font-size:12px;color:#4caf50;font-style:italic}.last-seen[data-v-2c8139f1]{font-size:12px;color:#999}.online-status[data-v-2c8139f1]{font-size:12px;color:#4caf50}.header-actions[data-v-2c8139f1]{display:flex;align-items:center;gap:8px}.sound-btn[data-v-2c8139f1]{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.sound-btn[data-v-2c8139f1]:hover{background:#f0f0f0;color:#333}.sound-btn.muted[data-v-2c8139f1]{color:#f44}.sound-btn.muted[data-v-2c8139f1]:hover{background:#ffebee;color:#d32f2f}.settings-btn[data-v-2c8139f1]{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.settings-btn[data-v-2c8139f1]:hover{background:#f0f0f0}.message[data-v-dc76a952]{max-width:80%;width:fit-content;padding:12px 16px;margin-bottom:12px;border-radius:16px;word-wrap:break-word;animation:fadeIn-dc76a952 .3s ease-out}.message.mine[data-v-dc76a952]{background:#ed2553;color:#fff;margin-left:auto;text-align:left}.message.theirs[data-v-dc76a952]{background:#f0f0f0;color:#333}.message.system[data-v-dc76a952]{background:#e0e0e0;color:#666;text-align:center;margin:10px auto;font-style:italic;max-width:60%}.message-sender[data-v-dc76a952]{font-size:12px;font-weight:600;margin-bottom:4px;color:#555}.message-media[data-v-dc76a952],.media-item[data-v-dc76a952]{margin-bottom:8px}.media-item[data-v-dc76a952]:last-child{margin-bottom:0}.media-image[data-v-dc76a952]{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:opacity .2s}.media-image[data-v-dc76a952]:hover{opacity:.9}.image-container[data-v-dc76a952]{position:relative}.image-error[data-v-dc76a952]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:background .2s;min-width:150px}.message.mine .image-error[data-v-dc76a952]{background:#fff3}.message.theirs .image-error[data-v-dc76a952]{background:#0000000d}.image-error[data-v-dc76a952]:hover{background:#ffffff4d}.message.theirs .image-error[data-v-dc76a952]:hover{background:#0000001a}.image-error i[data-v-dc76a952]{font-size:32px;opacity:.7}.image-error span[data-v-dc76a952]{font-weight:600;text-align:center}.image-error small[data-v-dc76a952]{font-size:11px;opacity:.8}.media-video[data-v-dc76a952]{max-width:300px;border-radius:8px}.media-audio[data-v-dc76a952]{width:250px}.voice-message[data-v-dc76a952]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff1a;border-radius:12px;min-width:200px}.message.mine .voice-message[data-v-dc76a952]{background:#fff3}.message.theirs .voice-message[data-v-dc76a952]{background:#0000000d}.voice-audio[data-v-dc76a952]{width:100%;height:32px}.voice-info[data-v-dc76a952]{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}.voice-info i[data-v-dc76a952]{color:#4caf50}.media-file[data-v-dc76a952]{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:background .2s;min-width:200px}.message.mine .media-file[data-v-dc76a952]{background:#fff3}.message.theirs .media-file[data-v-dc76a952]{background:#0000000d}.media-file[data-v-dc76a952]:hover{background:#ffffff4d}.message.theirs .media-file[data-v-dc76a952]:hover{background:#0000001a}.file-icon[data-v-dc76a952]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:8px;flex-shrink:0}.message.theirs .file-icon[data-v-dc76a952]{background:#0000001a}.file-icon i[data-v-dc76a952]{font-size:20px}.file-info[data-v-dc76a952]{flex:1;min-width:0}.file-name[data-v-dc76a952]{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-dc76a952]{font-size:12px;opacity:.8}.download-icon[data-v-dc76a952]{flex-shrink:0;opacity:.7}.message-text[data-v-dc76a952]{margin-bottom:4px}.timestamp[data-v-dc76a952]{font-size:12px;opacity:.7;margin-top:4px;text-align:right}@keyframes fadeIn-dc76a952{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages[data-v-f85c0d1b]{flex:1;padding:20px;overflow-y:auto;background:#ffffffb3;font-size:16px}.date-separator[data-v-f85c0d1b]{display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative}.date-separator[data-v-f85c0d1b]:before{content:"";flex:1;height:1px;background:#0000001a;margin-right:15px}.date-separator[data-v-f85c0d1b]:after{content:"";flex:1;height:1px;background:#0000001a;margin-left:15px}.date-text[data-v-f85c0d1b]{background:#ffffffe6;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;color:#0009;border:1px solid rgba(0,0,0,.1);white-space:nowrap}.loading-indicator[data-v-f85c0d1b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#0009;font-size:14px}.loading-indicator i[data-v-f85c0d1b]{font-size:16px}.message-input-container[data-v-1b8781c0]{background:#fff;border-top:1px solid #eee;position:relative}.message-input-container.drag-over[data-v-1b8781c0]{background:#f0f7ff}.drag-overlay[data-v-1b8781c0]{position:absolute;inset:0;background:#ed25531a;border:2px dashed #ED2553;display:flex;align-items:center;justify-content:center;z-index:10}.drag-content[data-v-1b8781c0]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ed2553;font-weight:600}.drag-content i[data-v-1b8781c0]{font-size:48px}.media-preview[data-v-1b8781c0]{padding:12px 16px 0;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto}.media-item[data-v-1b8781c0]{position:relative;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#f8f9fa;min-width:200px}.media-content[data-v-1b8781c0]{padding:8px}.image-preview[data-v-1b8781c0]{width:80px;height:80px;object-fit:cover;border-radius:4px}.file-preview[data-v-1b8781c0]{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.file-preview i[data-v-1b8781c0]{font-size:24px;color:#666}.file-name[data-v-1b8781c0]{font-size:10px;text-align:center;word-break:break-all;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-1b8781c0]{font-size:9px;color:#999}.remove-file[data-v-1b8781c0]{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#f44;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.upload-progress[data-v-1b8781c0]{padding:8px 16px;display:flex;align-items:center;gap:12px;font-size:14px;color:#666}.progress-bar[data-v-1b8781c0]{flex:1;height:4px;background:#eee;border-radius:2px;overflow:hidden}.progress-fill[data-v-1b8781c0]{height:100%;background:#ed2553;transition:width .3s ease}.message-input[data-v-1b8781c0]{display:flex;padding:16px;gap:12px}.attach-btn[data-v-1b8781c0]{width:48px;height:48px;border:none;border-radius:50%;background:#f8f9fa;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.attach-btn[data-v-1b8781c0]:hover:not(:disabled){background:#e9ecef}.attach-btn[data-v-1b8781c0]:disabled{opacity:.5;cursor:not-allowed}.message-input input[data-v-1b8781c0]{flex:1;height:48px;padding:0 16px;border:none;background:#f8f9fa;border-radius:24px;font-size:16px;outline:none}.message-input input[data-v-1b8781c0]:disabled{opacity:.5;cursor:not-allowed}.send-btn[data-v-1b8781c0]{width:48px;height:48px;border:none;border-radius:50%;background:#ed2553;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.send-btn[data-v-1b8781c0]:hover:not(:disabled){background:#d01e48}.send-btn[data-v-1b8781c0]:disabled{opacity:.5;cursor:not-allowed}.voice-btn[data-v-1b8781c0]{width:48px;height:48px;border:none;border-radius:50%;background:#4caf50;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.voice-btn[data-v-1b8781c0]:hover:not(:disabled){background:#45a049}.voice-btn[data-v-1b8781c0]:disabled{opacity:.5;cursor:not-allowed}.voice-btn.disabled[data-v-1b8781c0]{background:#999;cursor:pointer}.voice-btn.disabled[data-v-1b8781c0]:hover{background:#777}.cancel-btn[data-v-1b8781c0]{width:40px;height:40px;border:none;border-radius:50%;background:#f44;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.cancel-btn[data-v-1b8781c0]:hover{background:#c00}.stop-btn[data-v-1b8781c0]{width:48px;height:48px;border:none;border-radius:50%;background:#ed2553;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.stop-btn[data-v-1b8781c0]:hover{background:#d01e48}.recording-info[data-v-1b8781c0]{display:flex;align-items:center;gap:8px;padding:0 12px;background:#f8f9fa;border-radius:24px;font-size:14px;color:#333;flex-shrink:0}.recording-icon[data-v-1b8781c0]{color:#f44;animation:pulse-1b8781c0 1.5s infinite}@keyframes pulse-1b8781c0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:768px){.message-input-container[data-v-1b8781c0]{padding:0;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000001a}.message-input[data-v-1b8781c0]{padding:12px;gap:8px;flex-wrap:nowrap;align-items:center;min-height:60px}.message-input input[data-v-1b8781c0]{height:40px;font-size:16px;border-radius:20px;padding:0 12px}.attach-btn[data-v-1b8781c0],.send-btn[data-v-1b8781c0],.voice-btn[data-v-1b8781c0]{width:40px;height:40px;flex-shrink:0}.message-input .cancel-btn[data-v-1b8781c0]{width:36px;height:36px;flex-shrink:0}.message-input .stop-btn[data-v-1b8781c0]{width:40px;height:40px;flex-shrink:0}.message-input .recording-info[data-v-1b8781c0]{flex:1;min-width:0;padding:8px 10px;font-size:13px;border-radius:18px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;gap:6px}.message-input[data-v-1b8781c0]{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.media-preview[data-v-1b8781c0]{padding:8px 12px 0;max-height:150px}.media-item[data-v-1b8781c0]{min-width:150px}.upload-progress[data-v-1b8781c0]{padding:6px 12px;font-size:13px}.drag-content[data-v-1b8781c0]{gap:8px}.drag-content i[data-v-1b8781c0]{font-size:32px}.drag-content span[data-v-1b8781c0]{font-size:14px}}@media(max-width:480px){.message-input[data-v-1b8781c0]{padding:10px;gap:6px}.attach-btn[data-v-1b8781c0],.send-btn[data-v-1b8781c0],.voice-btn[data-v-1b8781c0]{width:36px;height:36px}.message-input .cancel-btn[data-v-1b8781c0]{width:32px;height:32px}.message-input .stop-btn[data-v-1b8781c0]{width:36px;height:36px}.message-input input[data-v-1b8781c0]{height:36px;font-size:15px;padding:0 10px}.recording-info[data-v-1b8781c0]{font-size:12px!important;padding:6px 8px!important}}.user-panel[data-v-9ba220ea]{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;padding:20px;overflow-y:auto}.user-panel.visible[data-v-9ba220ea]{right:0}.user-panel-header[data-v-9ba220ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-9ba220ea]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.info-section[data-v-9ba220ea]{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.info-section h4[data-v-9ba220ea]{margin-bottom:15px;color:#ed2553}.info-item[data-v-9ba220ea]{margin-bottom:12px}.info-item label[data-v-9ba220ea]{display:block;font-size:12px;color:#999;margin-bottom:4px}.info-item span[data-v-9ba220ea]{font-size:16px;color:#333}.user-id[data-v-9ba220ea]{font-family:monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px}.connection-status[data-v-9ba220ea]{display:inline-block;padding:4px 8px;border-radius:4px;background:#f44336;color:#fff;font-size:14px}.connection-status.connected[data-v-9ba220ea]{background:#4caf50}.logout-btn[data-v-9ba220ea]{width:100%;padding:12px;margin-top:20px;background:#ed2553;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s}.logout-btn[data-v-9ba220ea]:hover{background:#d01e48}.image-viewer-overlay[data-v-b19e9fe4]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-viewer-container[data-v-b19e9fe4]{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;padding-bottom:60px}.close-btn[data-v-b19e9fe4]{position:absolute;top:-50px;right:0;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s;z-index:1001}.close-btn[data-v-b19e9fe4]:hover{background:#ffffff4d}.viewer-image[data-v-b19e9fe4]{max-width:100%;max-height:calc(90vh - 120px);object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080;cursor:default}.viewer-image.with-info[data-v-b19e9fe4]{max-height:calc(90vh - 120px)}.viewer-image[data-v-b19e9fe4]:not(.with-info){max-height:calc(90vh - 60px)}.image-info[data-v-b19e9fe4]{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-top:16px;color:#fff;font-size:14px;text-align:center;background:#000c;padding:8px 16px;border-radius:20px;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.image-viewer-container[data-v-b19e9fe4]{max-width:95vw;max-height:90vh;padding-bottom:80px}.viewer-image[data-v-b19e9fe4]{max-height:calc(90vh - 140px)}.viewer-image[data-v-b19e9fe4]:not(.with-info){max-height:calc(90vh - 80px)}.close-btn[data-v-b19e9fe4]{top:-40px;width:35px;height:35px;font-size:16px}.image-info[data-v-b19e9fe4]{font-size:12px;padding:6px 12px;max-width:90vw}}@media(max-height:600px){.image-viewer-container[data-v-b19e9fe4]{max-height:85vh;padding-bottom:50px}.viewer-image[data-v-b19e9fe4]{max-height:calc(85vh - 100px)}.viewer-image[data-v-b19e9fe4]:not(.with-info){max-height:calc(85vh - 60px)}.image-info[data-v-b19e9fe4]{font-size:12px;padding:4px 8px}}.chat-container[data-v-3e15ee05]{display:flex;height:100vh;overflow:hidden;position:relative}.chat-main[data-v-3e15ee05]{height:100vh;display:flex;flex-direction:column;background:#fffffff0;transition:margin-left .1s ease,width .1s ease;position:absolute;right:0;top:0;bottom:0}.no-chat-selected[data-v-3e15ee05]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#999;text-align:center;gap:16px}.no-chat-selected i[data-v-3e15ee05]{font-size:64px;color:#ddd}.no-chat-selected h3[data-v-3e15ee05]{font-size:24px;margin:0;color:#666}.no-chat-selected p[data-v-3e15ee05]{font-size:16px;line-height:1.5;max-width:400px;margin:0}@media(max-width:768px){.chat-container.mobile[data-v-3e15ee05]{flex-direction:column}.mobile-sidebar[data-v-3e15ee05]{position:fixed!important;width:100%!important;max-width:none!important;z-index:1000}.chat-container.mobile.chat-open .mobile-sidebar[data-v-3e15ee05]{display:none}.chat-container.mobile .chat-main[data-v-3e15ee05]{position:fixed!important;inset:0;margin-left:0!important;width:100%!important;height:100vh!important;display:flex;flex-direction:column}.mobile-header[data-v-3e15ee05]{display:none;align-items:center;padding:12px 16px;background:#ed2553;color:#fff;gap:12px;min-height:60px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;position:relative;z-index:100}.back-btn[data-v-3e15ee05]{width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.back-btn[data-v-3e15ee05]:hover{background:#ffffff4d}.mobile-chat-info[data-v-3e15ee05]{flex:1;min-width:0}.mobile-chat-info h3[data-v-3e15ee05]{margin:0;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-status[data-v-3e15ee05]{font-size:12px;color:#4caf50;font-weight:500}.last-seen[data-v-3e15ee05]{font-size:12px;color:#fffc}.settings-btn[data-v-3e15ee05]{width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.settings-btn[data-v-3e15ee05]:hover{background:#ffffff4d}.chat-container.mobile .mobile-header[data-v-3e15ee05]{display:flex!important}.chat-container.mobile .chat-main>.chat-header[data-v-3e15ee05]{display:none}.chat-container.mobile .chat-main .chat-messages[data-v-3e15ee05]{flex:1;overflow-y:auto;padding-bottom:80px}.chat-container.mobile .chat-main .message-input-container[data-v-3e15ee05]{flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:50}}@media(min-width:769px){.mobile-header[data-v-3e15ee05]{display:none}.no-chat-selected[data-v-3e15ee05]{display:flex}.chat-main[data-v-3e15ee05]{position:absolute!important;right:0;top:0;bottom:0}}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:linear-gradient(#00000080,#00000080),url(https://i.imgur.com/2iRGu14.jpeg) center/cover no-repeat;min-height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;text-decoration:none;list-style-type:none;outline:none}body{background-image:url(https://i.imgur.com/2iRGu14.jpeg);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;overflow:hidden}.version{position:fixed;bottom:16px;left:16px;font-size:12px;color:#fff9;pointer-events:none;z-index:1000}.audio-player.audio-player.audio-player{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#ffffff1a!important;border-radius:12px!important;min-width:280px!important;max-width:400px!important;font-family:Roboto,sans-serif!important}.audio-player.audio-player.voice-message{background:#4caf501a!important;border-left:3px solid #4CAF50!important}.audio-player.audio-player .play-btn.play-btn.play-btn{width:40px!important;height:40px!important;border:none!important;border-radius:50%!important;background:#ed2553!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important;font-size:14px!important;box-shadow:0 2px 8px #ed25534d!important;position:relative!important;margin:0!important;padding:0!important;outline:none!important}.audio-player.audio-player .play-btn.play-btn i.fas{font-size:14px!important;line-height:1!important;margin:0!important;padding:0!important;color:#fff!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.audio-player.audio-player .play-btn.play-btn .fa-play:before{content:""!important;margin-left:2px!important}.audio-player.audio-player .play-btn.play-btn .fa-pause:before{content:""!important}.audio-player.audio-player .play-btn.play-btn .fa-spinner:before{content:""!important;animation:fa-spin 2s infinite linear!important}.audio-player.audio-player .play-btn.play-btn:hover:not(:disabled){background:#d01e48!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #ed255366!important}.audio-player.audio-player .play-btn.play-btn:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}.audio-player.voice-message.voice-message .play-btn.play-btn{background:#4caf50!important;box-shadow:0 2px 8px #4caf504d!important}.audio-player.voice-message.voice-message .play-btn.play-btn:hover:not(:disabled){background:#45a049!important;box-shadow:0 4px 12px #4caf5066!important}.audio-player.audio-player .audio-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}.audio-player.audio-player .audio-controls{display:flex!important;flex-direction:column!important;gap:4px!important}.audio-player.audio-player .progress-container{cursor:pointer!important;padding:4px 0!important}.audio-player.audio-player .progress-bar{position:relative!important;height:4px!important;background:#ffffff4d!important;border-radius:2px!important;overflow:hidden!important}.audio-player.audio-player .progress-fill{height:100%!important;background:#ed2553!important;border-radius:2px!important;transition:width .1s ease!important}.audio-player.voice-message .progress-fill{background:#4caf50!important}.audio-player.audio-player .progress-handle{position:absolute!important;top:50%!important;width:12px!important;height:12px!important;background:#ed2553!important;border:2px solid white!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;transition:left .1s ease!important;box-shadow:0 2px 4px #0003!important}.audio-player.voice-message .progress-handle{background:#4caf50!important}.audio-player.audio-player .time-info{display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:#fffc!important;font-family:Courier New,monospace!important;font-weight:500!important;min-width:70px!important}.audio-player.audio-player .separator{opacity:.6!important}.audio-player.audio-player .loading-duration{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#fff9!important}.audio-player.audio-player .loading-duration i{font-size:10px!important}.audio-player.audio-player .file-name{font-size:12px!important;font-weight:500!important;color:#ffffffe6!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.audio-player.audio-player .voice-label{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;color:#4caf50!important;font-weight:500!important}.audio-player.audio-player .voice-label i{font-size:10px!important}.audio-player.audio-player .audio-actions{display:flex!important;flex-direction:column!important;gap:4px!important;flex-shrink:0!important}.audio-player.audio-player .download-btn,.audio-player.audio-player .speed-btn,.audio-player.audio-player .volume-btn{width:28px!important;height:28px!important;border:none!important;border-radius:6px!important;background:#fff3!important;color:#fffc!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;transition:all .2s!important}.audio-player.audio-player .download-btn:hover,.audio-player.audio-player .speed-btn:hover,.audio-player.audio-player .volume-btn:hover{background:#ffffff4d!important;color:#fff!important}.audio-player.audio-player .speed-btn{font-size:9px!important;font-weight:700!important;min-width:28px!important;text-align:center!important}.message.mine .audio-player.audio-player{background:#fff3!important}.message.theirs .audio-player.audio-player{background:#0000000d!important}.message.theirs .audio-player.audio-player .time-info,.message.theirs .audio-player.audio-player .file-name{color:#000000b3!important}.message.theirs .audio-player.audio-player .download-btn,.message.theirs .audio-player.audio-player .speed-btn,.message.theirs .audio-player.audio-player .volume-btn{background:#0000001a!important;color:#0009!important}.message.theirs .audio-player.audio-player .download-btn:hover,.message.theirs .audio-player.audio-player .speed-btn:hover,.message.theirs .audio-player.audio-player .volume-btn:hover{background:#0003!important;color:#000c!important}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-preview.audio-preview.audio-preview{display:flex!important;align-items:center!important;gap:10px!important;padding:8px!important;background:#f8f9fa!important;border-radius:8px!important;min-width:200px!important}.audio-preview.audio-preview.voice-preview{background:#e8f5e8!important;border-left:3px solid #4CAF50!important}.audio-preview.audio-preview .preview-icon{width:32px!important;height:32px!important;border-radius:50%!important;background:#ed2553!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.audio-preview.voice-preview .preview-icon{background:#4caf50!important}.audio-preview.audio-preview .preview-info{flex:1!important;min-width:0!important}.audio-preview.audio-preview .file-name{font-size:12px!important;font-weight:600!important;color:#333!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-bottom:2px!important}.audio-preview.audio-preview .file-details{font-size:10px!important;color:#666!important}.audio-preview.audio-preview .duration{color:#4caf50!important;font-weight:500!important}.audio-preview.audio-preview .preview-play-btn.preview-play-btn.preview-play-btn{width:24px!important;height:24px!important;border:none!important;border-radius:50%!important;background:#ed2553!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;transition:all .2s ease!important;flex-shrink:0!important;box-shadow:0 2px 4px #ed25534d!important;margin:0!important;padding:0!important;outline:none!important}.audio-preview.audio-preview .preview-play-btn.preview-play-btn i.fas{font-size:10px!important;line-height:1!important;margin:0!important;padding:0!important;color:#fff!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.audio-preview.audio-preview .preview-play-btn.preview-play-btn .fa-play:before{content:""!important;margin-left:1px!important}.audio-preview.audio-preview .preview-play-btn.preview-play-btn .fa-pause:before{content:""!important}.audio-preview.audio-preview .preview-play-btn.preview-play-btn:hover{background:#d01e48!important;transform:scale(1.1)!important;box-shadow:0 4px 8px #ed255366!important}.audio-preview.voice-preview.voice-preview .preview-play-btn.preview-play-btn{background:#4caf50!important;box-shadow:0 2px 4px #4caf504d!important}.audio-preview.voice-preview.voice-preview .preview-play-btn.preview-play-btn:hover{background:#45a049!important;box-shadow:0 4px 8px #4caf5066!important}