:root{font-family:Inter,system-ui,sans-serif;color:#e8edf4;background:#0d1117;font-size:14px}*{box-sizing:border-box}body{margin:0}main{min-height:100vh}header{height:84px;border-bottom:1px solid #27303b;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#121821}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#8491a3}h1,h2,p{margin:0}h1{font-size:22px;margin-top:5px}h2{font-size:20px;margin-top:7px}.presence{color:#aeb9c8;display:flex;gap:8px;align-items:center}.presence i{width:8px;height:8px;border-radius:50%;background:#55d68b;box-shadow:0 0 0 4px #173728}.toolbar{display:flex;gap:10px;padding:22px 36px;border-bottom:1px solid #27303b}.toolbar input{width:330px;background:#0d1117;border:1px solid #354151;color:#fff;padding:11px 13px;border-radius:4px}.toolbar button,.composer button,.presence button,.actions button{border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:10px 15px;border-radius:4px;cursor:pointer}.primary{background:#2f7df4!important;border-color:#2f7df4!important;color:#fff!important}.layout{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 151px)}aside{border-right:1px solid #27303b;padding:20px 14px}.list-head{display:flex;justify-content:space-between;padding:0 10px 14px;color:#aeb9c8}.ticket{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#e8edf4;padding:14px 10px;text-align:left;cursor:pointer}.ticket:hover,.ticket.active{background:#17212c;border-left-color:#2f7df4}.ticket small{color:#8391a1}article{display:flex;flex-direction:column}.detail-head{padding:28px 34px 22px;border-bottom:1px solid #27303b;display:flex;justify-content:space-between;align-items:center}.actions{display:flex;gap:8px}.conversation{flex:1;padding:26px 34px;overflow:auto}.message{max-width:760px;padding:14px 16px;margin-bottom:12px;border:1px solid #273646;background:#141d27;border-radius:4px}.message small{color:#78879a;margin-left:12px}.message p{white-space:pre-wrap;margin-top:9px;line-height:1.55}.empty{color:#78879a;text-align:center;margin:auto}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%}.composer{padding:18px 34px;border-top:1px solid #27303b}.composer textarea{display:block;width:100%;height:84px;resize:vertical;border:1px solid #354151;background:#111821;color:#fff;padding:12px;border-radius:4px;margin-bottom:10px}.composer>div{display:flex;justify-content:flex-end;gap:10px}.button{border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:10px 15px;border-radius:4px;cursor:pointer}.button input{display:none}.error{color:#ff8d8d;margin-top:8px}.login{display:grid;place-items:center;min-height:100vh;background:#0d1117}.login form{display:flex;flex-direction:column;gap:14px;width:min(360px,calc(100% - 36px));padding:32px;border:1px solid #27303b;background:#121821}.login h1{margin-bottom:12px}.login input{background:#0d1117;border:1px solid #354151;color:#fff;padding:12px;border-radius:4px}@media(max-width:700px){header,.toolbar,.detail-head,.conversation,.composer{padding-left:18px;padding-right:18px}.layout{grid-template-columns:1fr}.layout aside{display:none}.toolbar input{width:100%}.toolbar,.actions{flex-wrap:wrap}}