.el-overlay{z-index:2000;background-color:var(--el-overlay-color-lighter);height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-overlay .el-overlay-root{height:0}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color);position:fixed;top:0;left:0}.el-popup-parent--hidden{overflow:hidden}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);max-width:var(--el-messagebox-width);width:100%;padding:var(--el-messagebox-padding-primary);vertical-align:middle;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-messagebox-box-shadow);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;overflow-wrap:break-word;display:inline-block;position:relative;overflow:hidden}.el-message-box:focus{outline:none!important}.is-message-box .el-overlay-message-box{text-align:center;padding:16px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.is-message-box .el-overlay-message-box:after{content:"";vertical-align:middle;width:0;height:100%;display:inline-block}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size,16px))}.el-message-box__title{font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height);color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{width:40px;height:40px;font-size:var(--el-message-close-size,16px);cursor:pointer;background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;gap:12px;display:flex}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--primary{--el-messagebox-color:var(--el-color-primary);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{min-width:0;margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{padding-top:var(--el-messagebox-padding-primary);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.el-message-box--center .el-message-box__title{justify-content:center;align-items:center;gap:6px;display:flex}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.el-message-box-parent--hidden{overflow:hidden}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f7f9}.shell{height:100vh}.el-aside{background:#172235;color:#fff;display:flex;flex-direction:column}.brand{height:84px;padding:20px 18px;display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#2f7cf6;box-shadow:0 3px 10px #277ce033;color:#fff;font-weight:800;font-size:20px}.brand div{display:flex;flex-direction:column}.brand small{color:#6f8096;margin-top:3px;font-size:10px;letter-spacing:1px}.el-menu{border:0!important;background:transparent!important}.el-menu-item{color:#9aabba!important;margin:4px 12px;height:46px;border-radius:10px}.el-menu-item:hover,.el-menu-item.is-active{color:#fff!important;background:#22334b!important;box-shadow:inset 2px 0 #5798ff}.aside-foot{margin-top:auto;padding:20px;color:#8ea0b2;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fd49c;margin-right:7px}.el-header{height:72px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9edf3;padding:0 32px;box-shadow:none}.el-header h2{font-size:18px;margin:4px 0}.el-header small{color:#9aa5b1}.header-actions{display:flex;align-items:center;gap:22px}.user{font-size:13px;cursor:pointer}.el-main{padding:28px 32px 44px}.page{max-width:1440px;margin:auto}.hero,.page-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.page-title h1{font-size:22px;letter-spacing:-.2px}.page-title>div:last-child{display:flex;gap:10px}.account-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.account-overview>div{padding:15px 17px;background:#fff;border:1px solid #e7eaf0;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.account-overview span{font-size:12px;color:#778395}.account-overview strong{grid-row:1/3;grid-column:2;font-size:21px;font-weight:600;align-self:center}.account-overview small{font-size:11px;color:#a0a8b3}.account-overview .ok{color:#15956c}.account-overview .warn{color:#d9823c}.el-card{border-color:#e7eaf0!important;border-radius:10px!important;box-shadow:none!important}.el-card__body{padding:18px!important}.el-table{--el-table-border-color:#edf0f4;--el-table-header-bg-color:#f8fafc;--el-table-row-hover-bg-color:#f4f8ff;border-radius:10px;overflow:hidden}.el-table th.el-table__cell{height:44px;color:#697586;font-size:12px;font-weight:600}.el-table td.el-table__cell{padding:13px 0}.el-button{border-radius:7px}.el-button--primary{box-shadow:none}.el-input__wrapper,.el-select__wrapper{border-radius:7px!important}.toolbar{padding:2px 0 14px;border-bottom:1px solid #f0f2f5}@media(max-width:900px){.account-overview{grid-template-columns:1fr 1fr}.el-main{padding:20px}}.hero{padding:28px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#132943 30%,#135e67)}h1{font-size:25px;margin:8px 0}.hero p,.page-title p{margin:0;color:#aebdca}.page-title p{color:#7d8996}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#50d9b6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card{background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:20px;display:flex;flex-direction:column}.stat-card span{color:#73808c;font-size:13px}.stat-card strong{font-size:29px;margin:12px 0 7px}.stat-card small{color:#19a878}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card-head{display:flex;justify-content:space-between;align-items:center}.chart{height:240px;display:flex;gap:8%;align-items:flex-end;padding:30px 20px 24px}.bar{flex:1;background:linear-gradient(#40c7a2,#237bf2);border-radius:5px 5px 2px 2px;position:relative;min-height:25px}.bar span{position:absolute;bottom:-24px;width:100%;text-align:center;color:#8793a0;font-size:12px}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f3}.alert div{display:flex;flex-direction:column;gap:7px;font-size:13px}.alert small{color:#9aa4ae}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar .el-input{max-width:320px}.login{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#f6f8fa}.login>section{background:radial-gradient(circle at 80% 20%,#176b73,#10233a 62%);display:grid;place-items:center;min-width:0;padding:48px clamp(32px,5vw,80px);color:#fff}.login-copy{width:100%;max-width:520px}.login-copy h1{font-size:42px;line-height:1.35;margin:18px 0}.login-copy>p{color:#b2c1cd;line-height:1.8}.login-feature{margin-top:48px;border-left:3px solid #31c7a1;padding-left:16px;display:flex;flex-direction:column;gap:7px}.login-feature span{color:#9eb0be;font-size:13px}.login>main{display:grid;place-items:center;min-width:0;padding:32px}.login-card{width:min(100%,410px);border:0!important;padding:16px}.login-title{display:flex;gap:14px;align-items:center;margin-bottom:28px}.login-title h2,.login-title p{margin:0 0 5px}.login-title p,.hint{color:#8a96a3;font-size:13px}.login-card .el-button{width:100%;margin-top:8px}.login-role-note{margin:18px 0 0;color:#7b8795;font-size:12px;line-height:1.6;text-align:center}.hint{text-align:center}@media(max-width:900px){.login{grid-template-columns:minmax(0,1fr)}.login>section{padding:40px 32px}.login-copy{max-width:540px}.login-copy h1{font-size:32px;margin:14px 0}.login-feature{margin-top:24px}.login>main{padding:36px 24px}}@media(max-width:600px){.login{display:block}.login>section{display:block;padding:30px 24px 52px}.login-copy h1{font-size:clamp(23px,7vw,30px);line-height:1.35;margin:13px 0 0}.login-copy>p,.login-feature{display:none}.login>main{display:block;position:relative;margin-top:-24px;padding:0 16px 32px}.login-card{margin:0 auto;padding:8px}.login-title{margin-bottom:24px}}.inbox{height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) 245px;background:#fff;border:1px solid #e4e9ef;border-radius:12px;overflow:hidden}.chat-list,.profile{border-right:1px solid #e8ecf1;min-height:0}.chat-list{overflow-y:auto;background:#fbfcfe}.inbox-search{position:sticky;top:0;z-index:2;padding:14px;border-bottom:1px solid #e8ecf1;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-filter{width:100%;margin-top:9px}.filters{display:flex;gap:7px;margin-top:12px}.chat-item{padding:13px 14px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;border-bottom:1px solid #f0f2f5;cursor:pointer;background:#fff;transition:background-color .16s ease,border-color .16s ease}.chat-item:hover{background:#f6f9fd}.chat-item>div{min-width:0}.chat-item.active{background:#edf6ff;border-left:3px solid #267ef1}.chat-item p{margin:6px 0;color:#798692;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.wechat-emoji{display:inline-block;width:22px;height:22px;vertical-align:-.28em;object-fit:contain}.chat-item .wechat-emoji{width:16px;height:16px}.chat-source{display:flex;align-items:center;gap:5px;min-width:0;color:#697887;font-size:11px}.chat-source span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pagination{position:sticky;bottom:0;z-index:2;display:flex;justify-content:center;padding:10px 4px;border-top:1px solid #e8ecf1;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-item>span{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:#a2abb4}.conversation{display:grid;grid-template-rows:68px minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}.conversation header{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e8ecf1;align-items:center}.conversation header div{display:flex;flex-direction:column;gap:5px}.conversation header small{color:#8d98a3}.conversation-identity{min-width:0}.conversation-identity b,.conversation-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{flex-direction:row!important;align-items:center}.conversation section{padding:22px 26px;background:#f8fafc;overflow:auto;min-height:0}.message-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.message-row.outbound{flex-direction:row-reverse}.bubble{max-width:66%;width:fit-content}.bubble small{color:#84909c}.sending-state{margin-left:6px;color:#409eff}.sending-state.send-failed{color:#d33b3b}.sending-state.send-waiting{color:#9a731f}.sending-state.send-uncertain{color:#bb631c}.message-row:has(.sending-state) .bubble p{opacity:.72}.bubble p{margin:6px 0 0;background:#fff;padding:13px 16px;border-radius:4px 14px 14px;box-shadow:0 2px 8px #1822300a;white-space:pre-wrap;overflow-wrap:anywhere}.message-row.outbound .bubble{text-align:right}.message-row.outbound .bubble p{background:#dff3ff;border-radius:14px 4px 14px 14px;text-align:left}.message-media{margin-top:6px;min-width:132px;min-height:88px;padding:6px;overflow:hidden;border:1px solid #e5eaf0;border-radius:4px 14px 14px;background:#fff;box-shadow:0 2px 8px #1822300a}.message-row.outbound .message-media{border-radius:14px 4px 14px 14px;background:#dff3ff}.message-media .el-image{display:block;width:min(280px,38vw);max-height:360px;border-radius:8px}.media-unavailable{display:grid;min-width:132px;min-height:88px;place-items:center;color:#7d8996;font-size:13px}.conversation footer{padding:12px 18px 14px;border-top:1px solid #e8ecf1;background:#fff;overflow:visible}.composer-toolbar{display:flex;align-items:center;gap:3px;margin-bottom:8px}.composer-toolbar .el-button{margin-left:0;color:#526276}.composer-toolbar .el-button:hover{color:#276bc8;background:#eff6ff}.composer-image{display:flex;align-items:center;gap:10px;padding:8px;margin:0 0 8px;background:#f4f8fd;border:1px solid #dce7f5;border-radius:9px}.composer-image img{width:54px;height:54px;border-radius:6px;object-fit:cover}.composer-image span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.composer-image small{display:block;color:#8895a4;margin-top:4px}.visually-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);max-height:230px;overflow-y:auto;gap:2px}.emoji-grid button{border:0;border-radius:5px;padding:4px;background:transparent;cursor:pointer}.emoji-grid button:hover{background:#edf3fb}.emoji-grid img{width:28px;height:28px;object-fit:contain}.quick-reply-list{max-height:245px;overflow-y:auto;margin:10px 0 16px;border:1px solid #e7edf4;border-radius:9px}.quick-reply-item{display:flex;align-items:center;padding:7px 10px;border-bottom:1px solid #edf1f5;gap:2px}.quick-reply-item:last-child{border-bottom:0}.quick-reply-item>button:first-child{flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;padding:5px}.quick-reply-item>button:first-child:hover{color:#267ef1}.quick-reply-item b,.quick-reply-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reply-item span{margin-top:3px;color:#7f8d9b;font-size:12px}.quick-reply-editor{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quick-reply-editor+.el-input{margin-bottom:8px}.profile-tip{color:#8c98a4;font-size:12px;line-height:1.6}.send{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.send small,.profile small{color:#949fac}.profile{padding:20px;border:0;border-left:1px solid #e8ecf1}.profile-user{display:flex;flex-direction:column;align-items:center;gap:8px}.source-account{display:flex;align-items:center;gap:8px;font-size:13px}.profile label{display:block;color:#8c98a4;font-size:12px;margin:20px 0 8px}.profile .el-tag{margin-right:6px}@media(max-width:1100px){.profile{display:none}.inbox{grid-template-columns:280px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.inbox{grid-template-columns:108px minmax(0,1fr)}.chat-list .inbox-search{padding:8px}.chat-list .inbox-search .filters,.chat-list .account-filter{display:none}.chat-item{grid-template-columns:1fr;padding:9px 5px;justify-items:center;text-align:center}.chat-item>div{width:100%}.chat-item b,.chat-source,.chat-item>span{display:none}.chat-item p{max-width:96px}.conversation section{padding:12px}.bubble{max-width:84%}}.el-overlay.is-message-box{display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-overlay.is-message-box .el-overlay-message-box{width:100%;height:auto;position:static}.el-message-box{--el-messagebox-width: 440px;width:min(var(--el-messagebox-width),100%);max-width:100%;padding:22px 24px 20px;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 20px 60px #1822302e}.el-message-box__header{padding-bottom:14px}.el-message-box__title{color:#172033;font-size:17px;font-weight:650;line-height:24px}.el-message-box__headerbtn{width:36px;height:36px;top:12px;right:14px;border-radius:8px}.el-message-box__headerbtn:hover{background:#f3f6fa}.el-message-box__content{padding:0 0 20px;color:#566176;font-size:14px;line-height:1.7}.el-message-box__container{align-items:flex-start;gap:10px}.el-message-box__status{margin-top:3px}.el-message-box__btns{gap:10px;padding-top:0}.el-message-box__btns .el-button{min-width:88px;height:36px;margin-left:0;border-radius:8px;font-weight:600}@media(max-width:560px){.el-overlay.is-message-box{padding:16px}.el-message-box{padding:20px 18px 18px}.el-message-box__btns .el-button{flex:1}}
