.mt-3[data-v-653a72f3]{margin-top:20px}[data-v-653a72f3] .el-input--small .el-input__inner{height:32px;line-height:32px;background-color:transparent;opacity:1;border:none;border-bottom:1px solid #9b9b9b;color:#fff;border-radius:0}[data-v-653a72f3] .el-input__inner{background-color:transparent;color:#fff;border-color:hsla(0,0%,100%,.3)}[data-v-653a72f3] .el-input__inner:focus{border-color:#409eff}[data-v-653a72f3] .el-select .el-input__inner{background-color:transparent;color:#fff}[data-v-653a72f3] .el-table{background-color:transparent}[data-v-653a72f3] .el-table th{background-color:hsla(0,0%,100%,.1)}[data-v-653a72f3] .el-table tr{background-color:transparent}[data-v-653a72f3] .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:hsla(0,0%,100%,.05)}[data-v-653a72f3] .el-pagination{text-align:center;margin-top:20px}[data-v-653a72f3] .el-pagination .el-pager li,[data-v-653a72f3] .el-pagination button{background-color:transparent;color:#fff}[data-v-653a72f3] .el-pagination .el-pager li.active{background-color:#409eff}.im-dialog[data-v-653a72f3] .el-dialog{margin-top:5vh!important;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}.im-dialog[data-v-653a72f3] .el-dialog__header{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:20px 30px;border:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.im-dialog[data-v-653a72f3] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.im-dialog[data-v-653a72f3] .el-dialog__headerbtn{top:20px;right:20px}.im-dialog[data-v-653a72f3] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px;font-weight:700}.im-dialog[data-v-653a72f3] .el-dialog__body{padding:0}.im-container[data-v-653a72f3]{height:700px;border:none;border-radius:0;background:rgba(0,0,0,.8)}.user-list-panel[data-v-653a72f3]{height:100%;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.search-bar[data-v-653a72f3]{padding:20px;background:hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.search-bar[data-v-653a72f3] .el-input__inner{border-radius:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;transition:all .3s ease}.search-bar[data-v-653a72f3] .el-input__inner:focus{background:hsla(0,0%,100%,.15);border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.2)}.search-bar[data-v-653a72f3] .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.6)}.search-bar[data-v-653a72f3] .el-input__inner::placeholder{color:hsla(0,0%,100%,.6)}.user-list[data-v-653a72f3]{flex:1;overflow-y:auto;padding:10px 0}.user-list[data-v-653a72f3]::-webkit-scrollbar{width:6px}.user-list[data-v-653a72f3]::-webkit-scrollbar-track{background:transparent}.user-list[data-v-653a72f3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.user-list[data-v-653a72f3]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.user-item[data-v-653a72f3]{display:flex;align-items:center;padding:15px 20px;cursor:pointer;margin:0 10px 8px 10px;border-radius:12px;transition:all .3s ease;position:relative;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.user-item[data-v-653a72f3]:hover{background:hsla(0,0%,100%,.12);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-1px)}.user-item.active[data-v-653a72f3]{background:rgba(64,158,255,.2);border:1px solid rgba(64,158,255,.3);box-shadow:0 8px 20px rgba(64,158,255,.3);transform:translateY(-2px)}.user-item.active .last-message[data-v-653a72f3],.user-item.active .message-time[data-v-653a72f3],.user-item.active .user-name[data-v-653a72f3]{color:#fff}.user-item.active .last-message[data-v-653a72f3]{opacity:.9}.user-avatar[data-v-653a72f3]{margin-right:15px;border:2px solid #e9ecef}.user-item.active .user-avatar[data-v-653a72f3]{border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.2)}.user-info[data-v-653a72f3]{flex:1;min-width:0}.user-name[data-v-653a72f3]{font-weight:600;color:#fff;font-size:15px;margin-bottom:4px}.last-message[data-v-653a72f3]{color:hsla(0,0%,100%,.8);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-info[data-v-653a72f3]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.message-time[data-v-653a72f3]{color:hsla(0,0%,100%,.7);font-size:11px;font-weight:500}.unread-badge[data-v-653a72f3]{margin-top:2px}.unread-badge[data-v-653a72f3] .el-badge__content{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff;box-shadow:0 2px 8px rgba(238,90,36,.3)}.chat-panel[data-v-653a72f3]{height:100%;display:flex;flex-direction:column;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px)}.chat-header[data-v-653a72f3]{padding:20px 25px;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.08);backdrop-filter:blur(10px)}.chat-user-info[data-v-653a72f3]{display:flex;align-items:center;gap:12px}.chat-username[data-v-653a72f3]{font-weight:600;color:#fff;font-size:18px}.chat-messages[data-v-653a72f3]{flex:1;overflow-y:auto;padding:25px 20px;background:hsla(0,0%,100%,.03);position:relative}.chat-messages[data-v-653a72f3]:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);pointer-events:none}.chat-messages[data-v-653a72f3]::-webkit-scrollbar{width:8px}.chat-messages[data-v-653a72f3]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-653a72f3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.chat-messages[data-v-653a72f3]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.message-item[data-v-653a72f3]{display:flex;margin-bottom:16px;align-items:flex-start;animation:fadeInUp-653a72f3 .3s ease}@keyframes fadeInUp-653a72f3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-left[data-v-653a72f3]{justify-content:flex-start}.message-right[data-v-653a72f3]{justify-content:flex-end;flex-direction:row-reverse}.message-avatar[data-v-653a72f3]{margin:0 12px;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message-content[data-v-653a72f3]{max-width:65%;position:relative}.message-left .message-content[data-v-653a72f3]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:18px 18px 18px 4px;padding:12px 18px;box-shadow:0 2px 12px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.message-right .message-content[data-v-653a72f3]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:18px 18px 4px 18px;padding:12px 18px;box-shadow:0 4px 16px rgba(102,126,234,.3)}.message-text[data-v-653a72f3]{font-size:14px;line-height:1.5;word-wrap:break-word;font-weight:400;white-space:pre-wrap;color:hsla(0,0%,100%,.95)}.message-left .message-text[data-v-653a72f3],.message-right .message-text[data-v-653a72f3]{color:hsla(0,0%,100%,.95)}.message-item .message-time[data-v-653a72f3]{font-size:11px;color:hsla(0,0%,100%,.65);margin-top:6px;text-align:right;font-weight:500}.message-left .message-time[data-v-653a72f3]{text-align:left}.empty-chat[data-v-653a72f3]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px)}.empty-icon[data-v-653a72f3]{font-size:80px;margin-bottom:25px;color:#bdc3c7;opacity:.6;animation:pulse-653a72f3 2s infinite}@keyframes pulse-653a72f3{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}.empty-chat p[data-v-653a72f3]{font-size:18px;margin:0;font-weight:500;color:hsla(0,0%,100%,.9)}