:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1f2940;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-width:0;min-height:100%;height:100%}body{font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b7adff;outline-offset:2px}h1,h2,h3,p{margin-top:0}button{border:0}.muted{color:#8a93a6;line-height:1.65}.eyebrow{color:#8f85d9;font-size:11px;font-weight:800;letter-spacing:.13em;margin:0 0 8px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh;height:100dvh}.sidebar{display:flex;flex-direction:column;padding:28px 14px 18px;background:#fff;border-right:1px solid #e8eaf1}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:1px 13px 39px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#8376e5,#5f55cb);color:#fff;display:inline-grid;place-items:center;box-shadow:0 8px 16px #6f60d637;flex:none}.sidebar-brand strong{display:block;font-size:16px;letter-spacing:-.04em}.sidebar-brand small{display:block;color:#9ba2b4;font-size:9px;letter-spacing:.2em;font-weight:750;margin-top:3px}.nav-caption{font-size:11px;letter-spacing:.1em;color:#a3aabb;font-weight:750;margin:0 14px 10px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{width:100%;height:42px;display:flex;align-items:center;gap:11px;padding:0 13px;border-radius:11px;background:transparent;color:#69758d;text-align:left;font-weight:650}.sidebar nav button:hover,.account-button:hover{background:#f5f4fe}.sidebar nav button.active{background:#f0eeff;color:#5d52cf}.nav-arrow{margin-left:auto;font-size:23px;line-height:1;font-weight:400}.sidebar-spacer{flex:1}.sidebar-help{display:flex;align-items:flex-start;gap:11px;border-radius:13px;padding:14px 11px;margin:0 2px 15px;background:#f8f7ff;color:#786bdd}.sidebar-help strong,.sidebar-help span{display:block}.sidebar-help strong{font-size:12px;color:#4a4864;margin-bottom:4px}.sidebar-help span{color:#9a9ab3;font-size:11px}.account-button{display:flex;align-items:center;width:100%;padding:10px 9px;gap:10px;border-radius:12px;border-top:1px solid #f0f1f5;background:transparent;color:#7f8799;text-align:left}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy strong{font-size:12px;color:#303b52}.account-copy small{font-size:10px;margin-top:4px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:#eae7fb;color:#7164c9;font-size:13px;font-weight:800;flex:none}.avatar-self{background:#e8ebff;color:#5d61bb}.main-content{min-width:0;min-height:0;overflow:auto}.inbox-page{height:100%;min-height:700px;display:flex;flex-direction:column;padding:30px 31px 26px;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-header h1{font-size:27px;line-height:1.2;letter-spacing:-.045em;margin:0 0 7px;font-weight:780}.page-subtitle{color:#9ca4b4;margin:0;font-size:12px}.header-actions{display:flex;align-items:center;gap:10px}.today-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e9ebf2;padding:10px 13px;border-radius:10px;color:#6c7588;font-size:11px;font-weight:650;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#62c49e;box-shadow:0 0 0 3px #e4f7ee}.icon-button{width:35px;height:35px;border:1px solid #e9ebf2;background:#fff;border-radius:10px;display:grid;place-items:center;color:#838ca1}.icon-button:hover{color:#5f56c9;background:#f8f7ff}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:#fff;border:1px solid #e9ebf3;border-radius:16px;min-height:130px;padding:17px 19px;box-shadow:0 7px 22px #2b365009}.stat-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px}.stat-icon.violet{color:#7c6cdb;background:#f0edff}.stat-icon.blue{color:#5892d7;background:#eaf4ff}.stat-icon.green{color:#46b88a;background:#e8faf2}.stat-icon.amber{color:#dcaa58;background:#fff6e6}.stat-arrow{color:#c5c9d4}.stat-value{font-size:29px;font-weight:780;letter-spacing:-.04em;line-height:1.15;margin-top:9px}.stat-label{color:#949daf;font-size:11px;margin-top:3px}.inbox-workspace{display:grid;grid-template-columns:minmax(180px,23%) minmax(230px,29%) minmax(310px,1fr);min-height:0;flex:1;background:#fff;border:1px solid #e8eaf1;border-radius:17px;box-shadow:0 10px 28px #2b36500a;overflow:hidden}.pane{min-height:0;min-width:0;display:flex;flex-direction:column}.ws-pane,.contacts-pane{border-right:1px solid #edf0f4}.pane-heading{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.pane-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:#b0a7e8;margin:0 0 5px}.pane-heading h2{font-size:15px;letter-spacing:-.03em;margin:0;display:flex;align-items:center;gap:7px}.count{border-radius:7px;background:#f1f2f7;color:#9fa8b9;font-size:10px;min-width:19px;padding:3px 5px;text-align:center;letter-spacing:0}.small-add{width:29px;height:29px;border-radius:9px;background:#f0eeff;color:#6b5ed0;display:grid;place-items:center}.small-add:hover{background:#e5e1ff}.pane-scroll{overflow:auto;min-height:0;flex:1;padding:6px 9px 12px}.ws-item,.contact-item{width:100%;display:flex;align-items:center;text-align:left;background:transparent;border-radius:11px;color:#27344d}.ws-item{padding:10px;gap:10px;min-height:59px}.ws-item:hover,.contact-item:hover{background:#f7f7fc}.ws-item.selected,.contact-item.selected{background:#f1efff}.ws-glyph{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eae7fb;color:#7063cc;font-weight:800;flex:none}.item-copy{min-width:0;flex:1}.item-copy strong,.item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-copy strong{font-size:12px;font-weight:720}.item-copy small{color:#a5adbc;font-size:10px;margin-top:5px}.ws-chevron{color:#b1abc9;transform:rotate(-90deg)}.pane-footer{border-top:1px solid #f1f2f5;padding:15px 18px;color:#a0a8b6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-field{margin:0 15px 10px;min-height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#f7f8fb;color:#a9b0be;border:1px solid #eff0f5;border-radius:9px}.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:#253149;font-size:11px}.search-field input::placeholder{color:#abb3c0}.contact-scroll{padding-top:0}.contact-item{gap:9px;padding:10px 9px;min-height:66px}.contact-item .avatar{width:34px;height:34px}.contact-top,.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.contact-top strong{max-width:70%}.contact-top small{margin:0;font-size:10px;flex:none}.contact-bottom{margin-top:5px}.contact-bottom>span{font-size:10px;color:#adb4c2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{display:inline-flex;align-items:center;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:700;white-space:nowrap;font-style:normal;line-height:1.2}.tag-pending{background:#f2f3f6;color:#8c96a9}.tag-fan{background:#e8f8f1;color:#37a275}.tag-non_fan{background:#fff2e8;color:#d49250}.pane-state,.messages-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a2aaba;text-align:center;font-size:12px;line-height:1.5;padding:25px 15px;min-height:160px}.error-state{color:#bf6676}.error-state button,.data-error button{background:transparent;color:#6c61ce;text-decoration:underline;padding:3px}.conversation-pane{background:linear-gradient(#fff,#fff)}.conversation-header{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid #eff0f4;min-height:71px}.avatar-large{width:39px;height:39px}.conversation-identity{flex:1;min-width:0}.conversation-identity h2{font-size:14px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-identity p{font-size:10px;color:#adb4c3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-identity p span{margin:0 5px}.contact-meta{padding:10px 17px;border-bottom:1px solid #f1f2f5;display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px;min-height:60px}.class-picker,.note-field{display:flex;align-items:center;gap:5px}.class-picker>span,.note-field label{font-size:10px;color:#9aa3b3;font-weight:700;margin-right:3px}.class-picker button{padding:5px 7px;border-radius:6px;color:#8993a5;background:#f5f6f9;font-size:10px}.class-picker button.selected{background:#eae7ff;color:#6458c8;font-weight:750}.note-field input{width:130px;min-width:0;height:27px;padding:0 8px;border:1px solid #e8eaf0;border-radius:6px;color:#364259;font-size:10px}.note-field button{color:#6c61d2;background:#f2f0ff;font-size:10px;border-radius:6px;padding:6px 8px}.meta-message{font-size:10px;display:inline-flex;align-items:center;gap:3px}.meta-message.error{color:#bf6676}.meta-message.success{color:#46a77c}.messages-area{flex:1;min-height:0;overflow:auto;padding:21px 22px;background:#fbfbfe}.messages-state{height:100%;min-height:180px}.messages-state strong{color:#545f74;font-size:13px}.messages-state p{margin:0}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#f1efff;color:#8277d5;margin-bottom:5px}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;max-width:82%}.message-row.outbound{align-items:flex-end;margin-left:auto}.message-bubble{background:#fff;border:1px solid #eceef4;border-radius:13px 13px 13px 4px;padding:10px 12px;box-shadow:0 3px 9px #29364b08;max-width:100%;overflow:hidden}.outbound .message-bubble{background:#7063d5;color:#fff;border-color:#7063d5;border-radius:13px 13px 4px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.message-bubble img{display:block;max-width:min(260px,100%);max-height:220px;border-radius:7px;object-fit:contain;margin-bottom:7px}.message-bubble a:last-child img{margin-bottom:0}.message-info{display:flex;gap:7px;margin-top:5px;color:#a9b1be;font-size:9px}.message-status.failed{color:#d16776}.composer{padding:11px 16px 14px;border-top:1px solid #eff0f4;background:#fff}.composer-box{border:1px solid #e9eaf2;border-radius:11px;background:#fff;box-shadow:0 2px 8px #2b365006}.composer-box:focus-within{border-color:#b8aff6}.composer textarea{display:block;border:0;resize:vertical;outline:0;min-height:52px;max-height:130px;width:100%;padding:12px 13px 3px;color:#26334c;font-size:12px}.composer textarea::placeholder{color:#adb5c2}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 7px 9px}.composer-toolbar>div{display:flex;align-items:center;gap:9px}.tool-button{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:transparent;color:#9ba5b7}.tool-button:hover{background:#f2f0ff;color:#6d60d0}.composer-hint{color:#b0b8c5;font-size:9px}.send-button{border-radius:8px;background:#6f62d3;color:#fff;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;box-shadow:0 4px 10px #7769d331}.send-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#5d51c2}.attachment-preview{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding:6px;background:#f7f6fc;border-radius:8px;font-size:10px;color:#68748b}.attachment-preview img{width:37px;height:37px;object-fit:cover;border-radius:5px}.attachment-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{background:transparent;color:#8f97a8}.conversation-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a7afbd}.conversation-empty h3{font-size:15px;color:#59657b;margin:8px 0}.conversation-empty p{font-size:11px}.data-error{color:#bf6676;background:#fff4f4;border:1px solid #f3dada;padding:8px 12px;border-radius:9px;font-size:11px}.simple-page{padding:31px;max-width:1120px}.settings-grid{display:grid;grid-template-columns:minmax(235px,.75fr) minmax(350px,1.25fr);gap:18px;margin-top:25px}.settings-card{border:1px solid #e8eaf1;border-radius:16px;background:#fff;padding:24px;box-shadow:0 8px 26px #2b365009}.profile-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:68px;height:68px;font-size:24px;margin:7px 0 15px}.profile-hero h2{font-size:19px;margin:0 0 5px}.profile-hero p{font-size:11px;color:#969eae;margin:0}.profile-id{font-size:10px;color:#a1a9b7;margin:23px 0}.profile-hero .secondary-button{margin-top:auto}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-icon{width:40px;height:40px;border-radius:11px;background:#f0eeff;color:#6e61d2;display:grid;place-items:center}.card-title h2{font-size:16px;margin:0 0 4px}.card-title p{font-size:11px;color:#a2aaba;margin:0}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;color:#657088;font-size:11px;font-weight:700}.form-stack input{height:40px;min-width:0;border:1px solid #dfe3ec;background:#fff;border-radius:9px;padding:0 12px;color:#27344e;font-size:12px}.form-stack input::placeholder{color:#adb5c2}.primary-button,.secondary-button{min-height:37px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-size:11px;font-weight:750}.primary-button{color:#fff;background:#6f62d3;box-shadow:0 5px 12px #7769d32b}.secondary-button{background:#f6f7fa;color:#6b7487;border:1px solid #e8eaf0}.secondary-button:hover{background:#eeeef6}.inline-error,.inline-success{font-size:11px;border-radius:8px;padding:9px 11px}.inline-error{color:#b45360;background:#fff0f2}.inline-success{display:flex;align-items:center;gap:6px;color:#368c67;background:#ebf8f1}.agent-list{display:grid;gap:2px}.agent-row{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid #f2f3f6}.agent-row strong{flex:1;font-size:12px}.agent-row small{color:#a5adbb;font-size:10px}.list-state{color:#a3abba;font-size:12px;padding:20px 0;display:grid;gap:8px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#171b3480;display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:25px;box-shadow:0 30px 80px #12162e55}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.modal-header h2{font-size:22px;letter-spacing:-.03em;margin:0}.modal-card>.muted{font-size:11px;margin:8px 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.login-screen,.boot-state{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 15% 13%,#e8e4ff 0,transparent 31rem),radial-gradient(circle at 88% 90%,#e7f1ff 0,transparent 29rem),#f7f8fc}.boot-state{align-content:center;gap:13px;color:#8e97a7;font-size:12px}.login-card{width:min(410px,calc(100% - 32px));padding:31px;background:#ffffffed;border:1px solid #e7e9f2;border-radius:19px;box-shadow:0 24px 65px #34365a1b}.login-card .brand-mark{margin-bottom:23px;width:45px;height:45px}.login-card h1{font-size:26px;letter-spacing:-.04em;margin:0 0 7px}.login-card>.muted{font-size:12px;margin-bottom:24px}.login-submit{width:100%;justify-content:space-between;height:42px;margin-top:6px}.login-footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #f0f1f5;color:#b1b8c4;font-size:10px;margin-top:24px;padding-top:19px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:10px}.inbox-page{padding:25px 18px 18px}.inbox-workspace{grid-template-columns:minmax(160px,22%) minmax(210px,29%) minmax(300px,1fr)}.contact-meta{gap:7px}.note-field input{width:110px}}@media(max-width:900px){.app-shell{grid-template-columns:67px minmax(0,1fr)}.sidebar-brand{padding:0 0 35px;justify-content:center}.sidebar-brand>span:last-child,.nav-caption,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{justify-content:center;font-size:0;padding:0}.sidebar nav button svg{flex:none}.nav-arrow,.sidebar-help,.account-copy,.account-button>svg{display:none}.account-button{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.inbox-page{min-height:900px}.inbox-workspace{min-height:510px}.page-header h1{font-size:24px}}@media(max-width:700px){.app-shell{grid-template-columns:1fr;height:auto}.sidebar{min-height:62px;height:62px;flex-direction:row;padding:8px 13px;align-items:center;border-right:0;border-bottom:1px solid #e8eaf1}.sidebar-brand{padding:0;margin-right:auto}.sidebar nav{display:flex}.sidebar nav button{width:39px;height:39px}.sidebar-spacer{display:none}.account-button{width:auto;border:0}.inbox-page{min-height:1100px;padding:20px 12px}.page-header{align-items:flex-start}.today-pill{display:none}.stats-grid{gap:8px}.stat-card{min-height:105px;padding:13px}.stat-value{font-size:24px}.inbox-workspace{grid-template-columns:140px minmax(185px,1fr);grid-template-rows:320px minmax(420px,1fr)}.conversation-pane{grid-column:1/-1;border-top:1px solid #edf0f4}.contacts-pane{border-right:0}.settings-grid{grid-template-columns:1fr}.simple-page{padding:20px 13px}}@media(prefers-reduced-motion:no-preference){button,.stat-card,.modal-card{transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.small-add:hover,.send-button:hover:not(:disabled){transform:translateY(-1px)}.modal-card{animation:modal-in .23s cubic-bezier(.2,.7,.2,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.login-card{background:#fff}.modal-scrim{background:#252a3ae6}}@media(prefers-contrast:more){.sidebar,.inbox-workspace,.stat-card,.settings-card,.modal-card{border-color:#687286}.ws-item.selected,.contact-item.selected,.sidebar nav button.active{outline:2px solid #5542ba}.muted,.page-subtitle,.pane-state,.messages-state{color:#4c5567}}.logout-error{width:100%;max-width:240px;margin:0 0 11px;text-align:left}