*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:#173250;background:#f2f6fb}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #d7e3f1;background:white;color:#24415f;border-radius:8px;padding:10px 16px}button:disabled{opacity:.55;cursor:wait}button:hover{border-color:#1768e8}button:focus-visible,a:focus-visible,input:focus,textarea:focus{outline:3px solid #82b6ff;outline-offset:2px}.primary{background:#1768e8;color:white;border-color:#1768e8;font-weight:650}input,textarea{border:1px solid #d7e3f1;border-radius:8px;padding:12px;color:#173250;background:white;width:100%}label{display:block;font-weight:600}label input{display:block;margin:7px 0 20px}small{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#1768e8}.environment{background:#173250;color:#fff;text-align:center;font-size:11px;letter-spacing:1px;padding:9px}.brand{color:#173250;text-decoration:none;font-weight:850;letter-spacing:2px;font-size:21px;white-space:nowrap}.brand span{font-size:11px;color:#1768e8;margin-left:8px}.muted{color:#6b7f98;font-size:12px}.intro{padding:65px 70px;background:#e8f1ff;border-right:1px solid #d7e3f1}.intro h1{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:90px 0 25px}.intro p{font-size:17px;max-width:370px;color:#54708f}.intro .intro-note{font-size:13px;margin-top:60px}#login:not([hidden]){display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100vh - 35px);background:white}#login-form{width:min(390px,85%);margin:auto;padding:35px 0}#login-form h2{font-size:29px;margin:12px 0 6px}#login-form>p{color:#6b7f98;margin-bottom:28px}#login-form button{width:100%;margin-top:5px}#login-status{min-height:24px;color:#a43232!important}header{background:white;border-bottom:1px solid #d7e3f1;padding:19px 30px;display:flex;gap:25px;align-items:center}.identity{margin-left:auto;display:flex;flex-direction:column;font-size:13px}.identity span{font-size:12px;color:#6b7f98}main{display:grid;grid-template-columns:355px 1fr;height:calc(100vh - 121px);min-height:420px}aside{background:white;border-right:1px solid #d7e3f1;overflow:auto}.inbox-title{padding:24px 22px 10px;display:flex;gap:12px;align-items:center;justify-content:space-between}.inbox-title h1{font-size:24px;margin:5px 0 15px}.inbox-title h1 span{background:#e8f1ff;color:#1768e8;padding:3px 8px;border-radius:8px;font-size:14px}.inbox-title button{font-size:12px;padding:6px 10px}.search{font-size:11px;color:#6b7f98;margin:0 22px}.search input{font-size:13px;margin-bottom:12px}.item{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf2f8;border-radius:0;padding:18px 22px}.item.selected{background:#edf5ff;box-shadow:inset 3px 0 #1768e8}.item b,.item span,.item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item span{font-size:13px;color:#6b7f98;margin:5px 0}.item small{letter-spacing:0;font-size:11px}.conversation{min-width:0}.empty{padding:100px 35px;text-align:center;color:#6b7f98}.empty h2{color:#24415f}.conversation-head{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border-bottom:1px solid #d7e3f1;padding:21px 30px}.conversation-head h2{margin:4px 0;font-size:21px}.badge{font-size:11px;color:#1768e8;background:#e8f1ff;border:1px solid #cfe1ff;border-radius:20px;padding:7px 12px}.messages{padding:25px 30px;overflow:auto;min-height:160px;flex:1;display:flex;flex-direction:column;gap:15px}.bubble{max-width:78%;padding:15px 18px;border-radius:12px;background:white;border:1px solid #e0e8f3;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{align-self:flex-end;background:#e4efff;border-color:#cfe1ff}.bubble small{display:block;letter-spacing:0;color:#6b7f98;font-weight:400;font-size:10px;margin-top:8px}.bubble p{margin:0}.conversation #conversation:not([hidden]){height:100%;display:flex;flex-direction:column}#reply-form{padding:20px 30px;background:white;border-top:1px solid #d7e3f1}#reply-label{font-size:12px;color:#54708f;margin-bottom:9px}textarea{resize:vertical;min-height:70px;max-height:200px}.send-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.send-row span{font-size:11px;color:#6b7f98}#workspace-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#173250;color:#fff;padding:12px 22px;border-radius:8px;font-size:13px;max-width:90%;box-shadow:0 5px 25px #0002}#workspace-status:empty{display:none}[hidden]{display:none!important}@media(max-width:800px){#login:not([hidden]){grid-template-columns:1fr}.intro{padding:30px;border-right:0}.intro h1{font-size:32px;margin:25px 0 15px}.intro p{font-size:14px}.intro .intro-note{display:none}header{padding:14px;gap:10px}.brand{font-size:15px}.brand span{display:block;margin-left:0;font-size:9px}.identity{font-size:11px}main{grid-template-columns:230px 1fr}.badge{display:none}.conversation-head,.messages,#reply-form{padding:16px}.inbox-title{padding:15px;display:block}.search{margin:0 15px}.item{padding:15px}.bubble{max-width:95%}.send-row{display:block}.send-row button{margin-top:8px;width:100%}}@media(max-width:520px){main{display:block;height:auto}aside{max-height:280px;border-bottom:1px solid #d7e3f1}.conversation{height:600px}.conversation-head h2{font-size:17px}.identity span{max-width:140px;overflow:hidden;text-overflow:ellipsis}.messages{min-height:200px}}