*{box-sizing:border-box}html,body{color:#243b36;background:#f5f7f6;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:-2px;outline:2px solid #277565}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:flex}.rail{color:#d3e7de;background:#173f36;flex-direction:column;flex-shrink:0;align-items:center;width:68px;padding:24px 0;display:flex}.brand-mark{border:1px solid #6b9181;border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.rail-item{border-radius:9px;place-items:center;width:42px;height:42px;margin-top:46px;font-size:25px;display:grid}.rail-item.active{background:#356153}.rail-bottom{margin-top:auto;padding-top:30px;font-size:12px}.workspace{flex:1;min-width:0;padding:0 34px}.topbar{border-bottom:1px solid #dce5e0;justify-content:space-between;align-items:center;height:99px;display:flex}.eyebrow{letter-spacing:2px;color:#738a80;font-size:10px}h1{letter-spacing:1px;margin-top:6px;font-size:21px;font-weight:600}.top-meta{color:#6a7b73;align-items:center;gap:10px;font-size:12px;display:flex}.status-dot{background:#4c8e70;border-radius:50%;width:6px;height:6px;display:inline-block}.intro{justify-content:space-between;align-items:center;padding:28px 0;display:flex}h2{letter-spacing:1px;font-size:24px;font-weight:500}.intro p{color:#7e8d86;margin-top:10px;font-size:13px}.demo-note{border-left:2px solid #c4d5cc;flex-direction:column;gap:6px;padding-left:15px;display:flex}.demo-note span{letter-spacing:2px;color:#8a9b90;font-size:9px}.demo-note strong{font-size:12px;font-weight:500}.demo-note small{color:#8a978f;font-size:11px}.archive{background:#fff;border:1px solid #dce5df;border-radius:12px;grid-template-columns:235px 295px minmax(300px,1fr);height:calc(100vh - 277px);min-height:520px;display:grid;overflow:hidden;box-shadow:0 8px 35px #22493605}.panel{flex-direction:column;min-width:0;min-height:0;display:flex}.people,.conversations{border-right:1px solid #e6ece8}.panel-heading{justify-content:space-between;align-items:center;padding:23px 20px 18px;display:flex}.panel-heading h3{font-size:14px}.panel-heading>span{color:#8a9990;background:#f2f5f3;border-radius:5px;padding:3px 7px;font-size:11px}.search,.filter{padding:0 15px 17px}.search .ant-input-affix-wrapper{background:#f7f9f7;border-color:#e9eeeb}.search-symbol{color:#9aaba1;font-size:21px}.list-label{letter-spacing:1px;color:#8b9a92;padding:5px 20px 14px;font-size:10px}.people-list,.conversation-list{flex:1;overflow:auto}.person{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:11px;padding:15px 16px;display:flex}.person.selected{background:#eef5f0;border-left-color:#377e64}.person strong{font-size:13px;font-weight:500}.person small{color:#8a978e;white-space:nowrap;margin-top:6px;font-size:10px;display:block}.chevron{color:#85a491;margin-left:auto}.panel-foot{color:#8a978f;border-top:1px solid #eef1ef;padding:18px 20px;font-size:10px}.panel-foot .status-dot{margin-right:7px}.conversation{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #f1f4f2;gap:11px;padding:18px 16px;display:flex}.conversation.selected{background:#f0f6f2}.conversation:hover,.person:hover{background:#f5f8f5}.conversation-copy{flex:1;min-width:0}.conversation-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.conversation-title time{color:#91a097;white-space:nowrap;font-size:10px}.conversation p{color:#87948c;white-space:nowrap;text-overflow:ellipsis;margin:9px 0;font-size:11px;overflow:hidden}.kind-label{color:#73917c;background:#e9f0ea;border-radius:3px;padding:2px 5px;font-size:9px}.contact-avatar{flex-shrink:0;color:#73886f!important;background:#e7ede7!important}.group-avatar{flex-shrink:0;color:#758298!important;background:#e7eaf0!important}.chat-heading{border-bottom:1px solid #e6ece8;flex-shrink:0;justify-content:space-between;align-items:center;height:83px;padding:20px 25px;display:flex}.chat-heading h3{font-size:15px;font-weight:500}.chat-heading p{color:#91a096;margin-top:7px;font-size:11px}.messages{background:#fafbf9;flex:1;min-height:0;padding:20px 26px;overflow:auto}.date-divider{text-align:center;color:#96a299;font-size:10px}.history{text-align:center;color:#a0ada3;margin:12px 0 25px;font-size:10px}.history .ant-btn{color:#6a8a77;font-size:11px}.message{gap:10px;margin:22px 0;display:flex}.message.own{flex-direction:row-reverse}.message-content{min-width:0;max-width:85%}.message-meta{color:#909e95;gap:12px;margin-bottom:7px;font-size:10px;display:flex}.own .message-meta{justify-content:flex-end}.bubble{color:#4a5c50;overflow-wrap:anywhere;background:#fff;border:1px solid #e7ece7;border-radius:0 10px 10px;padding:12px 15px;font-size:12px;line-height:1.7}.own .bubble{background:#e8f1e9;border-color:#e2ece2;border-radius:10px 0 10px 10px}.file-bubble{align-items:center;gap:13px;display:flex}.file-icon{color:#6c8566;background:#e9eee6;padding:12px 7px;font-size:10px}.file-bubble strong{font-size:11px;font-weight:500}.file-bubble small{color:#94a18f;margin-top:5px;font-size:9px;display:block}.chat-footer{text-align:center;color:#97a498;border-top:1px solid #e9eee9;padding:17px;font-size:10px}.chat-footer span{margin-right:6px}.page-footer{color:#99a69e;letter-spacing:1px;justify-content:space-between;padding:19px 0;font-size:9px;display:flex}.loading{text-align:center;color:#8a9c8f;padding:100px 0;font-size:12px}.loading p{margin-top:15px}.error{margin-bottom:16px}@media (min-width:1550px){.workspace{width:100%;max-width:1700px;margin:auto}.archive{grid-template-columns:260px 340px minmax(300px,1fr)}}@media (max-width:1150px){.workspace{padding:0 18px}.rail{width:54px}.archive{grid-template-columns:195px 245px minmax(280px,1fr)}.person{gap:7px;padding-left:10px}.person small{font-size:9px}.messages{padding:16px}.demo-note{display:none}}@media (max-width:850px){.rail{display:none}.workspace{padding:0 12px}.topbar{height:80px}.top-meta{gap:4px;font-size:0}.intro{padding:20px 0}h2{font-size:20px}.archive{flex-direction:column;height:auto;min-height:0;display:flex}.people,.conversations{border-bottom:1px solid #e6ece8;border-right:0}.people-list{display:flex;overflow:auto}.person{border-bottom:3px solid #0000;border-left:0;width:190px;min-width:190px}.person.selected{border-bottom-color:#377e64}.panel-foot,.list-label{display:none}.panel-heading{padding:15px}.search{padding-bottom:10px}.conversation-list{max-height:230px}.filter{padding-bottom:10px}.chat{flex:none;height:580px}.page-footer span:last-child{display:none}.intro p{font-size:11px}.messages{padding:15px}.message-content{max-width:80%}}.login-page{background:linear-gradient(135deg,#e9f2ec,#f8faf8);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:420px}.login-card .ant-form{margin-top:24px}.login-note{color:#7a8f82;margin:18px 0;font-size:12px;line-height:1.8}.account-bar{background:#fff;border-bottom:1px solid #e4ebe6;justify-content:space-between;gap:12px;padding:12px 26px;display:flex}.workspace-tabs>.ant-tabs-nav{background:#fff;margin-bottom:0;padding:0 26px}.management{max-width:1500px;margin:auto;padding:28px}.management .ant-checkbox-group{gap:16px;display:flex}.workspace-tabs .archive{height:calc(100vh - 380px)}.archive-workspace{padding-bottom:24px}.archive-toolbar{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;font-size:12px;display:flex}.archive-toolbar label{align-items:center;gap:8px;display:flex}.archive-workspace .archive{height:calc(100vh - 300px);min-height:520px}.message-text{white-space:pre-wrap}.attachment{flex-direction:column;gap:10px;display:flex}.media-preview{object-fit:contain;max-width:100%;max-height:65vh}.pdf-preview{border:0;width:100%;height:65vh}.person small{overflow-wrap:anywhere}.conversation-copy small{color:#7e8d86}.archive-workspace .person>div{min-width:0}@media (max-width:850px){.archive-workspace .archive{height:auto}.archive-toolbar{gap:8px}.account-bar{flex-wrap:wrap}.archive-workspace .people-list{min-height:75px}}.archive-toolbar label{white-space:nowrap;flex-shrink:0}.people-loading{text-align:center;color:#6a7b73;padding:22px 10px;font-size:12px}.people-loading p{margin-top:12px}.archive-toolbar{color:#52665e;gap:16px;padding:20px 0}.archive-timezone{flex-direction:column;gap:3px;padding-right:10px;font-size:13px;font-weight:600;display:flex}.archive-timezone span{color:#81948b;font-size:11px;font-weight:400}.archive-date-field{align-items:center;gap:10px;display:flex}.archive-date-field label{font-size:13px;font-weight:500}.archive-date-picker.ant-picker{background:#fff;border-color:#d8e3dd;border-radius:10px;width:190px;height:42px;padding:8px 12px}.archive-date-picker.ant-picker:hover{border-color:#76a99a}.archive-date-picker.ant-picker-focused{border-color:#277565;box-shadow:0 0 0 3px #2775651a}.archive-date-picker .ant-picker-input>input{font-variant-numeric:tabular-nums;font-size:14px}.archive-date-picker .ant-picker-suffix{color:#6b9183}.archive-date-divider{color:#9aaca4}.archive-date-clear.ant-btn{border-radius:9px;height:40px}.archive-calendar .ant-picker-panel-container{border:1px solid #e0e9e4;border-radius:14px;overflow:hidden;box-shadow:0 12px 36px #21433529}.archive-calendar .ant-picker-header{border-bottom-color:#edf2ef;padding:8px 12px}.archive-calendar .ant-picker-header-view{color:#254e41;font-weight:600}.archive-calendar .ant-picker-content th{color:#84968c;font-weight:500}.archive-calendar .ant-picker-cell-inner{border-radius:7px}.archive-calendar .ant-picker-footer{border-top-color:#edf2ef}@media (max-width:700px){.archive-toolbar{gap:12px}.archive-timezone{flex-direction:row;align-items:center;gap:8px;width:100%}.archive-date-field{flex-direction:column;flex:1;align-items:stretch;gap:6px;min-width:140px}.archive-date-picker.ant-picker{width:100%}.archive-date-divider{display:none}.archive-date-clear.ant-btn{align-self:flex-end}}.account-bar{color:#f4f7f8;background:#067d6f;border-bottom:1px solid #076c61;align-items:center;min-height:96px;padding:12px 26px}.brand-account{align-items:center;gap:24px;min-width:0;display:flex}.company-logo{object-fit:contain;flex-shrink:0;width:202px;height:auto;display:block}.account-bar .ant-btn-default{color:#fff;background:0 0;border-color:#7c929f}.account-bar .ant-btn-default:not(:disabled):hover{color:#fff;background:#086b61;border-color:#b2cbc4}.account-bar .ant-btn:focus-visible{outline-offset:3px;outline:3px solid #b2cbc4}.language-switch{min-width:116px}.login-language{justify-content:flex-end;margin-bottom:18px;display:flex}.management .ant-space,.management .ant-checkbox-group{flex-wrap:wrap}html[lang=en-US] .archive{grid-template-columns:260px 310px minmax(0,1fr)}html[lang=en-US] .archive-toolbar{gap:12px}@media (max-width:850px){.account-bar{padding:12px 16px}.brand-account{flex-wrap:wrap;gap:12px}.company-logo{width:168px}.account-bar>.ant-space{width:100%}html[lang=en-US] .archive{grid-template-columns:1fr}.management{padding:18px 12px}}.account-bar{flex-wrap:nowrap;height:70px;min-height:70px;padding:7px 26px;overflow-x:auto}.company-logo{width:168px;height:54px}.brand-account{flex-wrap:nowrap;flex-shrink:0}.account-bar>.ant-space{flex-shrink:0;width:auto;flex-wrap:nowrap!important}.archive-workspace .topbar{height:70px;min-height:70px}@media (max-width:850px){.account-bar{padding:7px 16px}.brand-account{gap:12px}}