:root{font-family:-apple-system,system-ui,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#282828;background:#f8f9fd;font-synthesis:none;--blue: #457fe5;--blue-strong: #007bff;--text: #282828;--muted: #a0a9b6;--line: #eff1f5}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-width:0;min-height:100vh;overflow:hidden;background:#f8f9fd}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{outline:none}img{border:0}.ui-icon{display:block;flex:0 0 auto}.login-page{position:relative;width:100%;height:100vh;overflow:hidden;background-size:cover;background-position:top left;background-repeat:no-repeat;background-color:#eef4ff}.login-logo{position:absolute;top:48px;left:12.2vw;width:404px;height:71px;object-fit:contain}.login-card-wrap{position:absolute;top:27%;right:12.8vw;width:400px}.login-card{width:400px;border-radius:10px;background:#fff;box-shadow:-5px 10px 30px -20px #00000029,0 10px 30px #3458a014}.login-card-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:64px}.login-card-head h1{margin:0;font-size:23px;font-weight:700;color:#1f2225}.login-card-head i{width:40px;height:3px;margin-top:10px;border-radius:4px;background:#2359f5}.login-form{padding:28px 44px 60px}.login-field{display:block;margin-bottom:22px}.login-field>span{display:block;margin-bottom:8px;color:#282828;font-size:14px}.login-field .required{margin-left:2px;color:#d03050;font-style:normal}.login-input{position:relative;height:40px;display:flex;align-items:center;border:1px solid #d9dde3;border-radius:4px;background:#fff;transition:border-color .18s,box-shadow .18s}.login-input:focus-within{border-color:#2359f5;box-shadow:0 0 0 2px #2359f514}.login-input svg{width:18px;height:18px;margin:0 8px 0 12px;fill:#a0a9b6}.login-input input{flex:1;height:100%;padding:0 10px 0 0;border:0;border-radius:0 4px 4px 0;color:#282828;font-size:14px;background:transparent}.login-input input::placeholder{color:#b7bcc4}.login-remember{display:inline-flex;align-items:center;gap:8px;margin:2px 0 34px;color:#555b64;font-size:14px}.login-remember input{width:15px;height:15px;accent-color:#2359f5}.login-error{margin:0 0 14px;padding:8px 10px;border-radius:4px;color:#d03050;font-size:13px;background:#fff1f2}.login-submit{width:100%;height:40px;border:0;border-radius:4px;color:#fff;font-size:15px;font-weight:500;background:#2359f5;transition:background .18s}.login-submit:hover{background:#1a49d6}.login-submit:disabled{opacity:.6;cursor:default}.index-container{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden;background:#f8f9fd}.header-container{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 10px;background:#fff;border-bottom:1px solid #f3f5f7;position:relative;z-index:30}.header-left{height:55px;display:flex;align-items:center}.app-logo{width:42px;height:42px;object-fit:contain;margin-right:7px}.app-wordmark{width:140px;height:25px;object-fit:contain;margin-left:4px}.connection-state{display:flex;align-items:center}.status-dot{width:10px;height:10px;border-radius:100%;background:#ef233c}.status-dot.connected{background:#00afb9}.status-text{margin-left:2px;font-size:16px;font-weight:700;line-height:26px;color:#282828}.header-user{position:relative;height:42px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.header-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#fff;font-size:14px;background:#ccc}.header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-username{max-width:90px;margin-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:26px;color:#282828}.header-user>.ui-icon{margin-left:2px;color:#000}.user-dropdown{position:absolute;top:48px;right:0;z-index:100;width:132px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.user-dropdown button{width:100%;padding:9px 12px;border:0;border-radius:6px;text-align:left;color:#282828;font-size:14px;background:transparent}.user-dropdown button:hover{color:#457fe5;background:#f5f8ff}.app-body{position:relative;height:calc(100vh - 56px);display:flex;align-items:stretch;overflow:hidden}.left-sidebar-container{width:52px;flex:0 0 52px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.group-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.group-list::-webkit-scrollbar{display:none}.group-item{width:52px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 8px;padding:4px 0;border:0;border-radius:6px;color:#8a8a8a;background:transparent;transition:background .15s,color .15s}.group-item:hover{color:#4a83e6;background:#f5f8ff}.group-item.active-item{color:#4a83e6;background:#edf2fc}.group-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.group-icon svg{width:24px;height:24px}.group-name{display:block;max-width:60px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.add-group{margin-top:4px}.archive-panel{width:180px;flex:0 0 180px;min-width:0;display:flex;flex-direction:column;margin:0 0 8px;padding:10px 0 0;overflow:hidden;background:#fff;border-radius:8px}.archive-header{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 4px;border-radius:8px 8px 0 0;color:#f5a623;font-size:15px;font-weight:700;background:#feeed5}.archive-list{min-height:0;flex:1;overflow-y:auto;padding:4px 0 8px}.archive-item{width:calc(100% - 10px);display:flex;align-items:center;margin:8px 5px 0;padding:10px 8px 10px 12px;border:2px solid transparent;border-radius:8px;text-align:left;background:#fff;box-shadow:0 2px 8px #00000008;transition:border-color .2s,background .2s}.archive-item:hover,.archive-item.active{border-color:#457fe5;background:#f5f8ff}.archive-avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:10px;border-radius:8px;color:#fff;font-size:14px;background:#cfd6e4}.archive-avatar img{width:100%;height:100%;object-fit:cover}.archive-info{min-width:0;flex:1;display:flex;flex-direction:column;margin-left:5px}.archive-name-row{display:flex;align-items:center;min-width:0;color:#263857}.archive-name-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.archive-name-row em{flex:0 0 auto;margin-left:4px;padding:0 4px;border-radius:3px;color:#18a058;font-size:10px;font-style:normal;line-height:16px;background:#e8f7ef}.archive-badge{flex:0 0 auto;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;margin-left:4px;padding:0 4px;border-radius:9px;color:#fff;font-size:10px;background:#d03050}.archive-account,.archive-remark{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:12px}.archive-empty{padding:26px 8px;color:#a0a9b6;text-align:center;font-size:12px}.split-resizer{width:15px;flex:0 0 15px;display:flex;align-items:stretch;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;background:#f3f4f7}.split-resizer span{width:5px;height:100%;border-radius:8px;background:#d9dce2}.split-resizer:hover span,.split-resizer:focus-visible span,.split-resizer.active span{background:#8baeea}body.is-column-resizing,body.is-column-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.center-list-container{width:200px;flex:0 0 200px;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f9fafc}.search-container{flex:0 0 66px;padding:12px 10px;background:#fff;border-bottom:1px solid #f0f0f0}.search-row{position:relative;display:flex;align-items:center;gap:6px;width:100%}.search-type{position:relative;display:flex;align-items:center;flex-shrink:0;height:22px;color:#282828;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.search-type>.ui-icon{margin-left:2px}.search-type-menu{position:absolute;top:30px;left:0;z-index:20;width:92px;padding:5px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d1f}.search-type-menu button{width:100%;padding:7px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.search-type-menu button:hover,.search-type-menu button.active{color:#457fe5;background:#f5f8ff}.search-input{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #e6e9ef;border-radius:6px;color:#a0a9b6;background:#fff;transition:border-color .15s}.search-input:focus-within{border-color:#457fe5}.search-input input{flex:1;min-width:0;height:100%;padding:0;border:0;color:#282828;font-size:14px;background:transparent}.search-input input::placeholder{color:#b0b6bf}input.search-input{width:calc(100% - 28px);margin:8px 14px;padding:0 10px;color:#282828;font-size:14px}.search-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;padding:0;border:0;border-radius:8px;color:#a0a9b6;background:#2e33380d}.search-action-btn:hover{color:#457fe5;background:#f5f6fa}.filter-popover{position:absolute;top:42px;right:0;z-index:20;width:148px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.filter-popover button{width:100%;padding:8px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.filter-popover button:hover,.filter-popover button.active{color:#457fe5;background:#f5f8ff}.chat-tabs{flex:0 0 48px;display:flex;align-items:stretch;margin-bottom:2px;border-bottom:1px solid #eef0f3;background:#fff}.chat-tabs button{position:relative;flex:1;min-width:0;padding:10px 0;border:0;color:#1f2225;font-size:14px;background:transparent}.chat-tabs button span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs button.active{color:#457fe5;font-weight:400}.chat-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:50%;width:56px;height:2px;border-radius:2px;background:#457fe5;transform:translate(-50%)}.chat-tabs sup{position:absolute;top:2px;right:12px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:11px;line-height:1;background:#457fe5}.friend-group-tabs{flex:0 0 48px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;background:#fff;border-bottom:1px solid #f0f0f0;scrollbar-width:none}.friend-group-tabs::-webkit-scrollbar{display:none}.friend-group-tabs button{position:relative;flex:1 0 auto;min-width:50px;padding:0 4px;border:0;color:#646566;font-size:14px;background:transparent;white-space:nowrap}.friend-group-tabs button span{display:block;max-width:120px;margin:0 auto;overflow:hidden;text-overflow:ellipsis}.friend-group-tabs button.active{color:#457fe5;font-weight:600}.friend-group-tabs button.active:after{content:"";position:absolute;bottom:0;left:50%;width:28px;height:3px;border-radius:3px;background:#457fe5;transform:translate(-50%)}.member-filter-tabs button{min-width:64px}.member-filter-tabs .friend-application-tab{padding-right:15px}.member-filter-tabs sup{position:absolute;top:5px;right:2px;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border-radius:8px;color:#fff;font-size:10px;line-height:1;background:#f05252}.center-list-content{min-height:0;flex:1;display:flex;overflow:hidden}.session-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#fff}.session-row{position:relative;width:100%;display:flex;align-items:center;min-height:86px;padding:12px 10px;border:0;border-bottom:1px solid #eff1f5;text-align:left;background:#fff;transition:background .15s}.session-row:hover{background:#f5f5f5}.session-row.active{background:#2080f01a}.session-manage-button{position:absolute;top:7px;right:7px;z-index:2;display:none;padding:2px 5px;border:0;border-radius:4px;color:#7d8592;font-size:12px;letter-spacing:1px;background:#ffffffeb}.session-row:hover .session-manage-button{display:block}.session-avatar{position:relative;width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:6px;color:#fff;font-size:16px;font-weight:600;background:#cfd6e4}.session-avatar>img{width:100%;height:100%;overflow:hidden;border-radius:6px;object-fit:cover}.session-avatar>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#cfd6e4}.avatar-tag{position:absolute;top:-4px;left:-4px;height:17px;display:flex;align-items:center;padding:0 4px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:10px;font-weight:400;line-height:1;background:#18a058}.online-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#c7ccd4}.online-dot.on{background:#18a058}.session-copy{min-width:0;flex:1;margin-left:10px}.session-heading{display:flex;align-items:center;width:100%;min-width:0}.session-heading strong{min-width:0;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:#282828}.session-heading em{margin-left:1px;color:#282828;font-size:14px;font-style:normal;white-space:nowrap}.pin-tag{flex:0 0 auto;margin-left:4px;padding:0 5px;border:1px solid #f0c98f;border-radius:4px;color:#c7831f;font-size:11px;line-height:18px;background:#fff7e8}.session-heading time{flex:0 0 auto;margin-left:auto;color:#a0a9b6;font-size:14px;white-space:nowrap}.session-remark{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f08a1d;font-size:13px;line-height:18px}.session-user-tags{display:flex;gap:3px;max-width:100%;margin-top:3px;overflow:hidden;white-space:nowrap}.session-user-tags span{max-width:76px;overflow:hidden;padding:1px 5px;border:1px solid #bdd2f7;border-radius:3px;color:#457fe5;font-size:10px;line-height:15px;text-overflow:ellipsis;background:#f3f7ff}.session-sub{display:flex;align-items:center;width:100%;min-width:0;margin-top:3px}.remark-tag{flex:0 0 auto;margin-right:5px;color:#f08a1d;font-size:12px}.session-sub p{min-width:0;flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:14px;line-height:22px}.unread-badge{flex:0 0 auto;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-left:6px;padding:0 5px;border-radius:9px;color:#fff;font-size:11px;font-weight:400;background:#4880e5}.session-empty{padding:26px 10px;color:#a0a9b6;text-align:center;font-size:13px}.spinner{display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;border:2px solid #d9e2f3;border-top-color:#457fe5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-window{min-width:0;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f8f9fd}.chat-user-info{height:72px;flex:0 0 72px;display:flex;align-items:center;padding:10px 28px;border-bottom:1px solid #edeff4;background:transparent}.chat-avatar{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:15px;border-radius:8px;color:#fff;font-weight:600;background:#cfd6e4}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-user-details{min-width:0;flex:1}.chat-name-row{display:flex;align-items:center}.nickname{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#223453;font-size:16px;font-weight:600}.online-status{height:21px;display:inline-flex;align-items:center;margin-left:5px;padding:0 8px;border-radius:11px;color:#fff;font-size:13px;background:#c7ccd4}.online-status.on{background:#8feb9c}.address-info{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9b6;font-size:14px;font-weight:400}.chat-header-actions{position:relative;margin-left:10px}.chat-more{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#a0a9b6;background:transparent;opacity:0;transition:opacity .15s}.chat-user-info:hover .chat-more,.chat-more:focus{opacity:1}.chat-more:hover{color:#457fe5;background:#f5f6fa}.chat-menu{position:absolute;top:38px;right:0;z-index:30;width:130px;padding:6px;border:1px solid #eef0f3;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f2d3d24}.chat-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.chat-menu button:hover{color:#457fe5;background:#f5f8ff}.message-list{min-height:0;flex:1;overflow-y:scroll;overflow-x:hidden}.message-loading,.message-empty{padding:22px;color:#a0a9b6;text-align:center;font-size:13px}.message-history-end{padding:14px 10px 4px;color:#a0a9b6;text-align:center;font-size:13px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0a9b6}.chat-empty-logo{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#fff;box-shadow:0 8px 28px #36559114}.chat-empty-logo img{width:42px;height:42px}.chat-empty h2{margin:18px 0 6px;color:#6c7481;font-size:18px;font-weight:500}.chat-empty p{margin:0;font-size:13px}.message{display:flex;align-items:flex-start;margin:14px 0;padding:0 36px;position:relative}.message.sent-by-user{flex-direction:row-reverse}.message-avatar{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:10px;border-radius:6px;color:#fff;font-weight:600;background:#cfd6e4}.message.sent-by-user .message-avatar{margin-right:0;margin-left:10px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-body{min-width:0;max-width:min(72%,600px);display:flex;flex-direction:column;align-items:flex-start}.message.sent-by-user .message-body{align-items:flex-end}.message-column{display:flex;flex-direction:column;align-items:flex-start}.message-column.mine{align-items:flex-end}.message-username{padding-bottom:20px;color:#000;font-size:15px}.message-content{display:inline-block;max-width:300px;padding:10px 15px;border-radius:0 10px 10px;color:#fff;font-size:16px;line-height:1.6;word-break:break-word;white-space:pre-wrap;background:#007bff}.message.sent-by-user .message-content{border-radius:10px 0 10px 10px;color:#344461;background:#fff}.message-img{width:100px;min-height:60px;overflow:hidden;border-radius:9px;background:#fff}.message-image{display:block;width:100px;max-height:300px;border-radius:9px;object-fit:cover}.message-video{display:block;max-width:300px;min-height:180px;max-height:330px;border-radius:9px}.message-audio{width:240px;height:40px}.message-file{min-width:220px;max-width:320px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:#3f4856;text-decoration:none;background:#fff;box-shadow:0 1px 3px #1b243214}.message-file>span{font-size:28px}.message-file>div{min-width:0;display:flex;flex-direction:column}.message-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file small{margin-top:3px;color:#929aa6}.red-envelope{min-width:210px;padding:14px 16px;border:0;border-radius:8px;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ee8059,#c84230);display:flex;align-items:center;gap:12px}.red-envelope-icon{font-size:30px;line-height:1}.red-envelope>span:last-child{display:grid;gap:3px}.red-envelope strong{font-size:15px;font-weight:600}.red-envelope small{display:block;color:#ffffffd1;font-size:12px}.red-envelope-modal>section{width:360px}.red-envelope-detail{display:flex;flex-direction:column;align-items:center;padding:28px 24px 24px!important;text-align:center}.red-envelope-detail-icon{font-size:52px}.red-envelope-detail>strong{margin-top:8px;font-size:18px}.red-envelope-detail>b{margin:14px 0 4px;color:#c84230;font-size:28px}.red-envelope-detail>b small{font-size:13px;font-weight:500}.red-envelope-detail>p{margin:5px 0;color:#68707d;font-size:13px}.red-envelope-detail .red-envelope-permission{width:100%;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4;color:#9a6b38}.message-voice{position:relative;min-width:132px;height:46px;display:flex;align-items:center;gap:10px;overflow:hidden;padding:0 15px;border:0;border-radius:0 10px 10px;color:#fff;background:#1685ee;cursor:pointer}.message.sent-by-user .message-voice{border-radius:10px 0 10px 10px;color:#344461;background:#fff}.message-voice audio{display:none}.voice-waves{width:22px;height:22px;display:flex;align-items:center;gap:2px}.voice-waves i{width:3px;border-radius:2px;background:currentColor;animation:none}.voice-waves i:nth-child(1){height:8px}.voice-waves i:nth-child(2){height:15px}.voice-waves i:nth-child(3){height:21px}.message-voice.playing .voice-waves i{animation:voice-wave .8s ease-in-out infinite alternate}.message-voice.playing .voice-waves i:nth-child(2){animation-delay:.18s}.message-voice.playing .voice-waves i:nth-child(3){animation-delay:.36s}.voice-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background:#fff3}.voice-progress i{display:block;height:100%;background:currentColor;transition:width .15s linear}@keyframes voice-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.message-meta-row{display:flex;align-items:center;margin-top:5px;color:#a0a9b6;font-size:12px}.message-column.mine .message-meta-row{flex-direction:row-reverse}.message-time{color:#a0a9b6;font-size:12px}.message-read-status{margin-left:8px;color:#457fe5;font-size:12px}.message-column.mine .message-read-status{margin-left:0;margin-right:8px}.message-revoke{position:absolute;top:2px;left:90px;padding:2px 6px;border:0;border-radius:4px;color:#a0a9b6;font-size:11px;background:#fffc;opacity:0;transition:opacity .15s}.message.sent-by-user .message-revoke{left:auto;right:90px}.message:hover .message-revoke{opacity:1}.message-actions{display:flex;align-items:center;gap:4px}.message-delete{padding:2px 6px;border:0;border-radius:4px;color:#a0a9b6;font-size:11px;background:#fffc;opacity:0;transition:opacity .15s}.message:hover .message-delete{opacity:1}.message-delete:hover{color:#e45b5b}.message-read-status{padding:0;border:0;color:#98a0ac;font-size:11px;background:transparent}.message-read-status:not(:disabled){color:#457fe5;cursor:pointer}.message-context-menu{position:fixed;z-index:4000;width:160px;padding:5px;border:1px solid #e7eaf0;border-radius:6px;background:#fff;box-shadow:0 8px 24px #1f283729}.message-context-menu button{width:100%;padding:8px 10px;border:0;border-radius:4px;text-align:left;color:#3e444d;background:transparent;cursor:pointer}.message-context-menu button:hover{background:#f3f6fb}.message-context-menu button.danger{color:#d84d4d}.message-copy-toast{position:fixed;left:50%;top:72px;z-index:4100;padding:8px 16px;border-radius:5px;color:#fff;background:#222a36e0;transform:translate(-50%)}.media-preview,.readers-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;display:flex;align-items:center;justify-content:center;background:#000000b8}.media-preview>button{position:fixed;right:28px;top:20px;border:0;color:#fff;font-size:36px;background:transparent;cursor:pointer}.media-preview>img{max-width:90vw;max-height:88vh;object-fit:contain}.readers-modal{background:#0f172a59}.readers-modal>section{width:420px;max-height:70vh;overflow:hidden;border-radius:8px;background:#fff}.readers-modal header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f4}.readers-modal header button{border:0;font-size:22px;background:transparent}.readers-modal section>div{max-height:58vh;overflow-y:auto;padding:8px 16px}.readers-modal article{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f3f6}.follow-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.follow-status{padding:2px 7px;border-radius:10px;font-size:11px}.follow-status.done{color:#229665;background:#e7f7ef}.follow-status.pending{color:#b57814;background:#fff3d9}.follow-actions button{border:0;color:#457fe5;background:transparent;cursor:pointer}.follow-actions .danger-text{color:#e45b5b}.recipient-picker{min-height:0;flex:1;display:flex;flex-direction:column;padding:12px}.recipient-picker>.search-input{width:100%;height:36px;padding:0 11px;border:1px solid #e1e5eb;border-radius:4px}.recipient-toolbar{display:grid;grid-template-columns:1fr 34px;gap:8px;margin-bottom:9px}.recipient-toolbar button{height:34px;border:1px solid #dce1e8;border-radius:4px;background:#fff;cursor:pointer}.recipient-toolbar .primary-button{border-color:#457fe5;color:#fff;background:#457fe5}.recipient-tag-select{width:100%;height:36px;margin-top:8px;padding:0 9px;border:1px solid #e1e5eb;border-radius:4px;color:#5d6470;background:#fff}.recipient-list{min-height:0;flex:1;margin-top:10px;overflow-y:auto}.recipient-row{display:grid;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:9px;padding:8px 5px;border-bottom:1px solid #f0f2f5;cursor:pointer}.recipient-row>span:last-child{min-width:0;display:flex;flex-direction:column}.mass-selected-users{display:flex;align-items:center;gap:8px;margin:2px 0 14px;color:#555;font-size:13px}.mass-selected-users span{flex:1}.mass-selected-users button{height:28px;padding:0 10px;border:1px solid #d9dee7;border-radius:4px;color:#4a5360;background:#fff;cursor:pointer}.mass-selected-users button:disabled{color:#b9bec7;cursor:not-allowed}.mass-recipient-preview{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#4a5360;font-size:13px}.mass-recipient-preview button{padding:6px 10px;border:1px solid #d9dee7;border-radius:4px;color:#457fe5;background:#fff;cursor:pointer}.content-type-radios{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6px}.content-type-radios button{height:34px;border:1px solid #d9dee7;color:#555;background:#fff;cursor:pointer}.content-type-radios button:first-child{border-radius:4px 0 0 4px}.content-type-radios button:last-child{border-radius:0 4px 4px 0}.content-type-radios button+button{margin-left:-1px}.content-type-radios button.active{position:relative;z-index:1;border-color:#457fe5;color:#457fe5;background:#f2f6ff}.mass-media-preview{position:relative;display:block;width:100%;margin-top:7px;padding:8px;border:1px dashed #d8dde6;border-radius:5px}.mass-media-preview img,.mass-media-preview video{display:block;width:100%;max-height:180px;object-fit:contain;background:#f7f8fa}.mass-media-preview>button{position:absolute;top:2px;right:3px;width:24px;height:24px;border:0;border-radius:50%;color:#fff;background:#0000008c;cursor:pointer}.selected-users-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3500;display:flex;align-items:center;justify-content:center;background:#14192152}.selected-users-modal>section{width:400px;max-height:560px;overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 16px 44px #141c2833}.selected-users-modal header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #edf0f4}.selected-users-modal header button{border:0;font-size:24px;background:transparent;cursor:pointer}.selected-users-modal section>div{max-height:490px;overflow-y:auto;padding:8px 16px}.selected-users-modal article{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f5}.mass-task-card{width:100%;display:flex;flex-direction:column;gap:5px;text-align:left}.mass-task-head{display:flex;justify-content:space-between;align-items:center}.mass-task-head em{padding:2px 7px;border-radius:10px;color:#9a6a16;font-size:11px;font-style:normal;background:#fff3d9}.mass-task-content{display:flex;align-items:center;gap:7px;padding:7px;border-radius:4px;background:#f6f8fb}.mass-task-content b{color:#457fe5;font-size:11px}.mass-task-content span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-task-content img,.mass-task-content video{width:64px;height:48px;object-fit:cover}.mass-task-content .mass-media-error{color:#98a2b3;font-size:12px;white-space:normal}.mass-task-content>button{padding:5px 9px;border:1px solid #d8dee8;border-radius:4px;color:#457fe5;background:#fff;cursor:pointer}.video-preview-modal>section{width:600px}.video-preview-modal video{display:block;width:calc(100% - 32px);max-height:70vh;margin:16px;background:#000}.recipient-row strong,.recipient-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-row small{color:#9da4ae}.recipient-actions{display:flex;align-items:center;gap:7px;padding-top:10px}.recipient-actions span{margin-right:auto;color:#69717d;font-size:12px}.recipient-actions button,.upload-button{padding:6px 11px;border:1px solid #dfe4ec;border-radius:4px;color:#56606e;background:#fff;cursor:pointer}.recipient-actions .primary-button{border-color:#457fe5;color:#fff;background:#457fe5}.selected-user-count{margin:0;color:#457fe5;font-size:12px}.input-box{flex:0 0 auto;position:relative;display:flex;align-items:center;margin:0 15px 70px;padding:10px;border:1px solid #4981e6;border-radius:8px;background:#fff}.input-box textarea{flex:1;min-width:0;min-height:46px;max-height:110px;margin-right:10px;padding:10px;border:0;border-radius:5px;color:#282828;font-size:16px;line-height:1.5;resize:none;background:#fff}.input-box textarea::placeholder{color:#b0b6bf}.input-icon-btn{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;margin:0 2px;padding:0;border:0;background:transparent}.input-icon-btn img{width:30px;height:30px;object-fit:contain}.input-send-btn{width:40px;height:48px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;margin:0 2px;padding:0;border:0;background:transparent}.input-send-btn img{width:40px;height:48px;object-fit:contain}.input-send-btn:disabled{opacity:.45;cursor:default}.composer-popover{position:absolute;left:38px;bottom:62px;z-index:50;width:324px;max-height:320px;overflow-y:auto;padding:10px;border:1px solid #e7eaf0;border-radius:10px;background:#fff;box-shadow:0 12px 36px #1e2c4629}.composer-popover nav{display:flex;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f2f5}.composer-popover nav button{padding:5px 10px;border:0;border-radius:5px;color:#666;font-size:12px;background:transparent}.composer-popover nav button.active{color:#457fe5;background:#f0f5ff}.composer-popover nav .recording-btn{margin-left:auto;color:#d03050}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid button{height:32px;border:0;border-radius:5px;font-size:20px;line-height:1;background:transparent}.emoji-grid button:hover{background:#f5f6fa}.quick-list{display:flex;flex-direction:column}.quick-list button{padding:9px 10px;border:0;border-radius:5px;text-align:left;color:#282828;font-size:13px;background:transparent}.quick-list button:hover{color:#457fe5;background:#f5f8ff}.quick-list span{padding:18px;color:#a0a9b6;text-align:center;font-size:13px}.customer-profile-panel{width:250px;flex:0 0 250px;min-width:0;overflow-y:auto;color:#31343a;background:#fff;border-left:1px solid #edf0f4}.customer-note-block label select{min-width:0;width:100%;height:32px;border:1px solid #e0e4ea;border-radius:4px;color:#535a65;background:#fff}.profile-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.profile-edit-actions button{height:34px;border:1px solid #dce1e8;border-radius:4px;background:#fff;cursor:pointer}.profile-edit-actions button.primary{border-color:#457fe5;color:#fff;background:#457fe5}.customer-profile-head{position:relative;display:flex;flex-direction:column;align-items:center;padding:34px 16px 16px;border-bottom:1px solid #f0f2f5}.profile-close{position:absolute;top:13px;left:13px;display:flex;padding:0;border:0;color:#c5c9d1;background:transparent}.customer-profile-avatar{width:62px;height:62px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#fff;background:#d5dbe6}.customer-profile-avatar img{width:100%;height:100%;object-fit:cover}.customer-profile-name{display:flex;align-items:center;gap:5px;margin-top:8px}.customer-profile-name strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#31343a;font-size:16px}.customer-profile-name em{padding:1px 4px;border-radius:4px;color:#45c789;font-size:10px;font-style:normal;background:#e9f9f1}.customer-profile-head p{margin:4px 0 0;color:#9299a5;font-size:12px}.customer-info-block,.customer-note-block{padding:14px 16px;border-bottom:1px solid #f0f2f5}.customer-info-block h3,.customer-note-block h3{margin:0 0 10px;color:#31343a;font-size:14px}.customer-info-block dl{display:grid;grid-template-columns:58px minmax(0,1fr);gap:7px 4px;margin:0;font-size:12px}.customer-info-block dt{color:#60656f}.customer-info-block dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a4f58}.customer-order-actions{display:flex;gap:5px;margin-top:10px}.customer-order-actions button{flex:1;min-width:0;padding:5px 2px;border:1px solid #dfe4ec;border-radius:3px;color:#5d6470;font-size:11px;white-space:nowrap;background:#fff}.customer-order-actions button.primary{border-color:#4c84e8;color:#fff;background:#4c84e8}.customer-note-block label{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:7px;margin-bottom:8px;color:#5d6470;font-size:12px}.customer-note-block input,.customer-note-block textarea{width:100%;min-width:0;padding:7px 8px;border:1px solid #edf0f4;border-radius:3px;color:#555b66;font-size:11px;background:#fff}.customer-note-block input::placeholder,.customer-note-block textarea::placeholder{color:#c4c9d1}.customer-note-block .note-textarea{align-items:start}.customer-note-block textarea{height:54px;resize:none}.edit-customer-button{width:100%;padding:7px;border:1px solid #dfe4ec;border-radius:4px;color:#4c84e8;font-size:12px;background:#fff}.group-summary p{min-height:80px;margin:0 0 14px;color:#8c949f;font-size:12px;line-height:1.6}.customer-profile-empty{display:flex;height:100%;align-items:center;justify-content:center;padding:20px;color:#b0b6bf;text-align:center;font-size:12px}.right-sidebar{width:51px;flex:0 0 51px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;padding:0;background:#fff;border-left:1px solid #f3f5f7;border-top:1px solid #f3f5f7;z-index:20}.right-sidebar::-webkit-scrollbar{display:none}.right-tool-drawer{width:351px;flex:0 0 351px;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-left:1px solid #edf0f4;z-index:19}.right-tool-drawer>header{height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf0f4}.right-tool-drawer>header strong{color:#30343a;font-size:16px}.right-tool-drawer>header button{display:flex;padding:4px;border:0;color:#9da4ae;background:transparent;cursor:pointer}.right-tool-drawer>.resource-panel{position:relative;min-height:0;flex:1}.right-tool-drawer>.resource-panel>.panel-title{display:none}.embedded-manage-drawer{min-height:0;flex:1;overflow:hidden;background:#fff}.embedded-manage-drawer>.manage-drawer{position:static;width:100%;height:100%;max-width:none;box-shadow:none;border-radius:0;overflow-y:auto}.embedded-manage-drawer>.manage-drawer>section{padding:18px 16px}.embedded-manage-drawer .drawer-form label{font-size:13px}.embedded-manage-drawer .primary-button{width:100%}.auto-warning{margin:0 0 14px;padding:10px 11px;border:1px solid #f3d39b;border-radius:4px;color:#9a6815;font-size:12px;line-height:1.5;background:#fff8e8}.drawer-upload.disabled{opacity:.5;cursor:not-allowed}.auto-link-head{display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:13px}.auto-link-head button{padding:3px 0;border:0;color:#457fe5;background:transparent;cursor:pointer}.auto-link-list label{display:grid!important;grid-template-columns:1fr auto;gap:6px;margin-top:7px!important}.auto-link-list label button{padding:0 8px;border:0;color:#e05252;background:transparent;cursor:pointer}.sensitive-add-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.sensitive-match-type{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px}.sensitive-match-type button{height:32px;border:1px solid #dce1e8;color:#5c6470;background:#fff;cursor:pointer}.sensitive-match-type button:first-child{border-radius:4px 0 0 4px}.sensitive-match-type button:last-child{margin-left:-1px;border-radius:0 4px 4px 0}.sensitive-match-type button.active{position:relative;z-index:1;border-color:#457fe5;color:#457fe5;background:#f2f6ff}.sensitive-add-bar input{min-width:0;height:34px;padding:0 9px;border:1px solid #dfe3e9;border-radius:4px}.sensitive-add-bar button{width:auto!important;min-width:48px;padding:0 9px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;cursor:pointer}.sensitive-add-bar .primary-button{border-color:#457fe5;color:#fff;background:#457fe5}.sensitive-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.sensitive-list article em{padding:2px 7px;border-radius:9px;color:#2b8a62;font-size:10px;font-style:normal;background:#e8f7ef}.sensitive-list article p{margin:7px 0 0;color:#8a919c;font-size:11px}.group-chat-mask{z-index:3000}.create-group-dialog{width:min(920px,calc(100vw - 80px));height:min(760px,calc(100vh - 80px));display:flex;flex-direction:column;overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 20px 60px #141c2a40}.create-group-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #edf0f4}.create-group-dialog h3,.create-group-dialog p{margin:0}.create-group-dialog header p{margin-top:4px;color:#9199a5;font-size:12px}.create-group-dialog header button{border:0;background:transparent}.create-group-body{min-height:0;flex:1;display:grid;grid-template-columns:44% 56%}.group-candidate-panel{min-height:0;display:flex;flex-direction:column;padding:16px;border-right:1px solid #edf0f4}.group-candidate-panel>input{height:38px;padding:0 11px;border:1px solid #dfe4eb;border-radius:5px}.group-candidate-panel>div{min-height:0;flex:1;margin-top:10px;overflow-y:auto}.group-candidate-panel label{display:grid;grid-template-columns:18px 36px 1fr;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid #f1f3f6}.group-candidate-panel label>span:last-child{display:flex;flex-direction:column}.group-candidate-panel small{color:#9ba3ae}.group-config-panel{overflow-y:auto;padding:20px}.group-config-panel>label{display:grid;gap:7px;margin-bottom:16px;color:#555d68;font-size:13px}.group-config-panel input,.group-config-panel textarea{padding:10px;border:1px solid #dfe4eb;border-radius:5px}.group-config-panel textarea{min-height:100px;resize:vertical}.create-group-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #edf0f4}.create-group-dialog>footer button{padding:9px 18px;border:1px solid #dfe4eb;border-radius:5px;background:#fff}.create-group-dialog>footer .primary{border-color:#457fe5;color:#fff;background:#457fe5}.drawer-add-member{width:calc(100% - 24px);height:36px;margin:12px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px dashed #9db9e9;border-radius:5px;color:#457fe5;background:#f7faff}.member-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;background:#fff}.member-picker>header{height:62px;flex:0 0 62px;padding:0 16px;border-bottom:1px solid #edf0f4}.member-picker>header h4{margin:0;font-size:16px}.member-picker>header small{color:#969eaa}.member-picker-search{height:34px;margin:12px;padding:0 10px;border:1px solid #dfe4eb;border-radius:4px;outline:none}.member-picker-search:focus{border-color:#6d9bea}.member-picker-list{min-height:0;flex:1;overflow-y:auto}.member-picker-list>label{display:flex;align-items:center;gap:9px;min-height:54px;padding:6px 14px;border-bottom:1px solid #f1f3f6;cursor:pointer}.member-picker-list>label>span:last-child{min-width:0;display:flex;flex:1;flex-direction:column}.member-picker-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-picker-list small{color:#969eaa}.member-picker>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #edf0f4}.member-picker>footer>button{min-width:78px;height:34px;border:1px solid #dfe4eb;border-radius:4px;background:#fff}.member-picker>footer>.primary-button{border-color:#457fe5;color:#fff;background:#457fe5}.sidebar-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:8px 0;padding:0;border:0;border-left:2px solid transparent;background:transparent;transition:background .15s}.sidebar-item:hover,.sidebar-item.active{background:#f8f9fd}.sidebar-item.active{border-left-color:#5983df}.sidebar-icon{width:23px;height:23px;object-fit:contain}.directory-panel{min-height:0;flex:1;display:flex;flex-direction:column;background:#fff}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.panel-title h2{margin:0;color:#282828;font-size:16px;font-weight:700}.panel-title button{border:0;color:#a0a9b6;font-size:18px;background:transparent}.avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;font-size:13px;background:#cfd6e4}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.tiny{width:36px;height:36px;flex-basis:36px;border-radius:6px;font-size:12px}.directory-list{min-height:0;flex:1;overflow-y:auto}.directory-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #f3f5f7;text-align:left;background:#fff}.directory-row:hover{background:#f7f9fc}.directory-row>.avatar{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;background:#cfd6e4}.directory-row>.avatar img{width:100%;height:100%;object-fit:cover}.directory-row>div:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.directory-row strong,.directory-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-row strong{color:#282828;font-size:13px}.directory-row small{color:#a0a9b6;font-size:11px}.agree-button{margin-left:auto;padding:5px 9px;border:0;border-radius:5px;color:#fff;font-size:11px;background:#457fe5}.mini-error{margin:5px 12px;padding:7px;border-radius:5px;color:#a63030;font-size:11px;background:#fee7e7}.resource-panel .filter-tabs{display:flex;gap:4px;padding:4px 12px 8px}.resource-panel .filter-tabs button{padding:5px 9px;border:0;border-radius:5px;color:#666;font-size:12px;background:transparent}.resource-panel .filter-tabs button.active{color:#457fe5;background:#f0f5ff}.material-main-tabs button{flex:1;border-radius:0!important}.material-main-tabs button.active{border-bottom:2px solid #457fe5;background:transparent!important}.material-search-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:7px;padding:0 12px 9px}.material-search-row input{min-width:0;height:34px;padding:0 9px;border:1px solid #dfe3e9;border-radius:4px}.material-search-row button{border:1px solid #dfe3e9;border-radius:4px;color:#58606c;background:#fff;cursor:pointer}.material-create-button{margin:0 12px 9px;padding:7px 10px;border:1px solid #457fe5;border-radius:4px;color:#457fe5;background:#fff;cursor:pointer}.material-category-head{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:0;border-bottom:1px solid #edf0f4;color:#404751;font-weight:600;background:#f8f9fb;cursor:pointer}.material-editor-modal{position:absolute;inset:55px 10px auto;z-index:25;max-height:calc(100% - 65px);overflow-y:auto;border:1px solid #e1e5ec;border-radius:6px;background:#fff;box-shadow:0 10px 30px #1f2a3a2e}.material-editor-modal>header{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 12px;padding-bottom:10px;border-bottom:1px solid #edf0f4}.material-editor-modal>header button{border:0;font-size:22px;background:transparent;cursor:pointer}.translate-actions{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:8px}.translate-actions>button:first-child{border:1px solid #dce1e8;border-radius:4px;color:#5c6470;background:#fff}.resource-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #f3f5f7;text-align:left;background:#fff}.resource-row:hover{background:#f7f9fc}.resource-row>img{width:48px;height:48px;flex:0 0 48px;border-radius:6px;object-fit:cover}.resource-row>div:not(.avatar){min-width:0;flex:1;display:grid;gap:4px}.resource-row strong,.resource-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-row strong{font-size:13px}.resource-row small{color:#a0a9b6;font-size:11px}.resource-row-wrap{position:relative;border-bottom:1px solid #f3f5f7}.resource-row-wrap .resource-row{border-bottom:0}.material-send-actions{position:absolute;inset:0 0 auto 0;display:none;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:8px;background:#fffffff0}.resource-row-wrap:hover .material-send-actions{display:flex}.material-send-actions button{padding:6px 8px;border:1px solid #4f83e4;border-radius:4px;color:#4f83e4;font-size:11px;background:#fff}.material-send-actions button:first-child{color:#fff;background:#4f83e4}.resource-actions{display:flex;gap:6px;padding:0 12px 8px}.resource-actions button{padding:4px 8px;border:1px solid #dbe3ef;border-radius:4px;color:#52657d;font-size:11px;background:#fff}.resource-form{display:grid;gap:8px;padding:10px 12px;overflow-y:auto;border-bottom:1px solid #edf0f4}.resource-form label{display:grid;gap:5px;color:#667085;font-size:12px}.resource-form input,.resource-form select,.resource-form textarea{width:100%;min-width:0;padding:8px;border:1px solid #dfe5ed;border-radius:5px;color:#303846;font:inherit;background:#fff}.resource-form textarea{min-height:72px;resize:vertical}.resource-form>div{display:flex;gap:7px}.resource-form button{padding:7px 10px;border:0;border-radius:5px;color:#fff;background:#457fe5}.resource-form button[type=button]{color:#667085;background:#eef1f5}.mass-form{flex:1;align-content:start;border-bottom:0}.mass-form .resource-submit{width:100%;padding:10px}.mini-success{margin:5px 12px;padding:7px;border-radius:5px;color:#26734d;font-size:11px;background:#e8f7ef}.mass-progress{height:5px;display:block;margin-top:3px;overflow:hidden;border-radius:4px;background:#e9eef5}.mass-progress i{height:100%;display:block;border-radius:inherit;background:#4b83e8}.message-translation{max-width:560px;margin-top:4px;padding:7px 10px;border-left:2px solid #78a3ec;border-radius:3px;color:#667085;font-size:12px;background:#f4f7fc}.chat-avatar-button{padding:0;border:0;cursor:pointer}.empty-state{padding:26px 10px;color:#a0a9b6;text-align:center;font-size:13px}.app-toast{position:fixed;top:72px;left:50%;z-index:300;padding:9px 18px;border-radius:6px;color:#fff;font-size:13px;background:#282f3ae6;box-shadow:0 8px 24px #1f2d3d2e;transform:translate(-50%)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#10182857}.profile-modal{width:380px;border-radius:10px;background:#fff;box-shadow:0 18px 50px #1622383d}.profile-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f0f2f5}.profile-modal h3{margin:0;color:#282828;font-size:16px}.profile-modal header button{display:flex;border:0;color:#888;background:transparent}.profile-modal-body{padding:22px 20px 20px}.profile-avatar{width:66px;height:66px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;overflow:hidden;border-radius:50%;color:#fff;font-size:22px;background:#457fe5}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-modal dl{display:grid;grid-template-columns:64px 1fr;gap:10px 8px;margin:0;font-size:13px}.profile-modal dt{color:#a0a9b6}.profile-modal dd{margin:0;overflow-wrap:anywhere;color:#282828}.primary-button{width:100%;margin-top:16px;padding:11px;border:0;border-radius:6px;color:#fff;font-weight:500;background:#457fe5}.primary-button:disabled{opacity:.6}.session-editor-modal{width:460px;padding:0 22px 22px;border-radius:10px;background:#fff;box-shadow:0 18px 50px #1622383d}.session-editor-modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #eef0f3}.session-editor-modal h3{margin:0;font-size:18px}.session-editor-modal>header button{display:flex;border:0;color:#888;background:transparent}.session-editor-user{display:flex;align-items:center;gap:10px;padding:18px 0}.session-editor-user>div{min-width:0;flex:1;display:grid;gap:3px}.session-editor-user small{color:#a0a9b6}.session-editor-user>button{padding:7px 10px;border:1px solid #dce3ee;border-radius:6px;color:#637083;background:#fff}.session-editor-user>button.active{border-color:#efb24d;color:#b97913;background:#fff7e8}.session-editor-modal>label{display:grid;gap:7px;margin-bottom:15px;color:#626975;font-size:13px}.session-editor-modal>label input{padding:10px;border:1px solid #dfe4eb;border-radius:6px}.session-editor-modal>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.session-editor-modal>footer button{padding:9px 18px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.session-editor-modal>footer .primary{border-color:#457fe5;color:#fff;background:#457fe5}.group-create-modal{width:min(720px,calc(100vw - 64px));padding:0 30px 28px;border-radius:10px;background:#fff;box-shadow:0 20px 60px #141c2a3d}.group-create-modal>header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 28px}.group-create-modal h3{margin:0;font-size:24px}.group-create-modal>header button{display:flex;padding:5px;border:0;border-radius:6px;color:#6d737c;background:#f0f1f3}.group-create-modal>label{display:grid;gap:10px;margin-bottom:25px;color:#34383f}.group-create-modal>label>strong{font-size:18px}.group-create-modal>label>span{height:50px;display:flex;align-items:center;overflow:hidden;border:1px solid #dce1e8;border-radius:8px}.group-create-modal label input{min-width:0;flex:1;height:100%;padding:0 16px;border:0;font-size:17px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.group-create-modal label em{padding-right:16px;color:#747b86;font-size:14px;font-style:normal}.group-create-modal label i{display:flex;padding-right:8px;font-style:normal}.group-create-modal label i button{width:28px;height:34px;border:0;font-size:21px;background:transparent}.group-create-modal label small{margin-top:-4px;color:#9ca2ab;font-size:14px}.group-create-modal>footer{display:flex;justify-content:flex-end;gap:12px}.group-create-modal>footer button{min-width:82px;padding:11px 20px;border:1px solid #dce1e8;border-radius:8px;font-size:17px;background:#fff}.group-create-modal>footer .primary{border-color:#4b83e8;color:#fff;background:#4b83e8}.group-create-modal>footer .primary:disabled{border-color:#a8c2f1;background:#a8c2f1}.drawer-mask{position:fixed;top:56px;right:51px;bottom:0;left:0;z-index:100;background:transparent;pointer-events:none}.manage-drawer{position:absolute;top:0;right:0;width:351px;height:100%;display:flex;flex-direction:column;background:#fff;border-left:1px solid #edf0f4;box-shadow:none;pointer-events:auto}.manage-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef0f3}.manage-drawer header h3,.manage-drawer header p{margin:0}.manage-drawer header h3{color:#282828;font-size:17px}.manage-drawer header p{margin-top:4px;color:#a0a9b6;font-size:12px}.manage-drawer header button{display:flex;border:0;color:#888;background:transparent}.manage-drawer>nav{display:flex;flex-wrap:wrap;gap:3px;padding:10px 14px;border-bottom:1px solid #f0f2f5}.manage-drawer>nav button{padding:7px 10px;border:0;border-radius:6px;color:#666;font-size:12px;background:transparent}.manage-drawer>nav button.active{color:#457fe5;background:#f0f5ff}.drawer-form,.drawer-list,.fund-records,.export-box{flex:1;overflow-y:auto;padding:20px}.drawer-form label{display:grid;gap:7px;margin-bottom:16px;color:#666;font-size:12px}.drawer-form input,.drawer-form textarea,.drawer-form select{padding:9px 10px;border:1px solid #e1e4ea;border-radius:6px;color:#282828;font-size:13px;background:#fff}.drawer-form textarea{min-height:90px;resize:vertical}.drawer-form input:focus,.drawer-form textarea:focus,.drawer-form select:focus{border-color:#457fe5}.danger-button{width:100%;margin-top:12px;padding:11px;border:1px solid #d95e5e;border-radius:6px;color:#bd3e3e;background:#fff}.drawer-list article,.fund-records article{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f2f4f7}.drawer-list article>div:nth-child(2){min-width:0;flex:1;display:grid;gap:4px}.drawer-list small{color:#a0a9b6}.drawer-list article button{padding:4px 7px;border:0;border-radius:5px;color:#457fe5;font-size:11px;background:#f0f5ff}.drawer-avatar{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;font-size:12px;background:#cfd6e4}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-tip{margin:0 0 16px;color:#7a8290;font-size:12px;line-height:1.7}.auto-image-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-4px 0 12px}.auto-image-list span{position:relative;height:72px;overflow:hidden;border:1px solid #e4e7ec;border-radius:5px;background:#f7f8fa}.auto-image-list img{width:100%;height:100%;object-fit:cover}.auto-image-list button{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;color:#fff;background:#00000094}.switch-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.switch-row input{width:18px;height:18px;accent-color:#457fe5}.timeline{margin-top:20px;padding-left:14px;border-left:2px solid #dbe7fb}.timeline article{margin-bottom:18px}.timeline p{margin:5px 0;color:#666;font-size:12px}.timeline time{color:#a0a9b6;font-size:11px}.fund-records h4{margin:20px 0 8px;color:#282828;font-size:14px}.fund-records article span{flex:1}.fund-records article small{color:#a0a9b6}.export-box p{color:#666;font-size:13px}.export-box .primary-button{display:block;margin-top:16px;text-align:center;text-decoration:none}.group-member-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 6px;margin:10px 0 18px}.group-member-preview button{min-width:0;padding:0;border:0;background:transparent}.group-member-preview button small{display:block;overflow:hidden;margin-top:3px;color:#555;text-overflow:ellipsis;white-space:nowrap}.group-profile-fields{display:grid;grid-template-columns:60px 1fr;gap:11px 10px;margin:0;font-size:13px}.group-profile-fields dt{color:#999}.group-profile-fields dd{min-width:0;margin:0;color:#333;word-break:break-word}.group-profile-actions{display:flex;gap:10px;margin:16px 0 22px}.group-profile-actions button{flex:1;height:34px;border:1px solid #d8dce3;border-radius:4px;background:#fff}.group-profile-actions button.danger{color:#e45b5b}.export-box{display:flex;flex-direction:column;gap:12px}.export-box .primary-button{margin-top:0}.export-member-button{height:38px;border:1px solid #d9dfe8;border-radius:5px;color:#333;background:#fff}@media (max-width: 1280px){.center-list-container{width:200px;flex-basis:200px}.archive-panel{width:180px;flex-basis:180px}.customer-profile-panel{width:236px;flex-basis:236px}.login-logo{width:320px;height:56px}.login-card-wrap{right:8vw}}