:root{color:#282236;font-synthesis:none;background:#f5f4f8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:#3d285c;background:#fff;border:1px solid #d9d4e4;border-radius:8px;padding:10px 14px;font-weight:600}button:hover{background:#f1edf8}button:disabled{opacity:.55;cursor:wait}a{color:#6b3ea0}#app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}aside{color:#eee6f6;background:#281445;flex-direction:column;height:100vh;padding:38px 24px;display:flex;position:sticky;top:0}.wordmark{color:#fff;letter-spacing:-1px;font-size:27px;font-weight:700;text-decoration:none}.wordmark span{color:#c9a857}.wordmark small{letter-spacing:2.7px;color:#b6a7c9;margin-top:8px;font-size:10px;display:block}.workspace{letter-spacing:1.5px;color:#a593bb;margin-top:60px;margin-bottom:16px;font-size:9px}nav button{text-align:left;color:#fff;background:#452967;border:0;width:100%;font-size:13px}nav button:hover{background:#513276}nav span{float:right;color:#d5c8e5}.side-note{color:#ddd1ec;margin-top:38px;font-size:13px;line-height:1.7}.side-note small{color:#a999bd;margin-top:8px;padding-left:14px;font-size:11px;line-height:1.7;display:block}.dot{background:#9dccaa;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}footer{color:#bcafcd;overflow-wrap:anywhere;margin-top:auto;font-size:10px}footer button{color:#eee6f6;background:0 0;border-color:#624b7e;margin-top:12px;font-size:12px;display:block}main{min-width:0;padding:38px 42px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.8px;color:#826b9e;font-size:10px;font-weight:700}h1{letter-spacing:-1.1px;margin:8px 0;font-size:32px}header p{color:#877e93;margin:0;font-size:14px}.environment{color:#74613b;background:#efe9d8;border:1px solid #e1d5ae;border-radius:30px;padding:9px 12px;font-size:10px}.panel{background:#fff;border:1px solid #e4dfea;border-radius:13px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.stats article{background:#fff;border:1px solid #e4dfea;border-radius:12px;padding:21px 24px}.stats span{color:#857b90;font-size:12px}.stats strong{font-size:30px;font-weight:500;line-height:1.5;display:block}.desk{grid-template-columns:minmax(260px,.75fr) minmax(350px,1.25fr);align-items:start;gap:22px;display:grid}.queue{overflow:hidden}.queue-head{justify-content:space-between;align-items:center;padding:22px 20px 12px;display:flex}.queue-head h2{margin:0;font-size:16px}.queue-head small{color:#a198ac;margin-top:5px;font-size:10px;font-weight:400;display:block}.quiet{background:#f4f1f8;border:0;font-size:11px}.filters{gap:8px;padding:4px 20px 18px;display:flex}.filters input{flex:1;min-width:0}.filters select{max-width:100px}input,select,textarea{color:#3d324a;background:#fff;border:1px solid #ddd6e6;border-radius:7px;width:100%;padding:10px;font-size:13px}.ticket{text-align:left;border:0;border-top:1px solid #eeeaf3;border-radius:0;width:100%;padding:20px;display:block}.ticket.selected{background:#f4effa;box-shadow:inset 3px 0 #7449a3}.ticket-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{letter-spacing:.3px;color:#6b3d9b;background:#eee8f7;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:700}.badge.in_progress{color:#416494;background:#e8f0fc}.badge.waiting_on_customer{color:#88682b;background:#fbf2dc}.badge.resolved,.badge.closed{color:#397551;background:#e8f3ed}time{color:#9b92a5;font-size:9px}.ticket h3{margin:13px 0 6px;font-size:14px;line-height:1.5}.ticket p{color:#8d819b;margin:0 0 10px;font-size:11px}.ticket small{color:#b1a5be;font-size:9px;font-weight:400}.detail{padding:26px}.detail-head h2{letter-spacing:-.5px;margin:10px 0;font-size:23px;line-height:1.3}.detail-head small{color:#aaa0b4;font-size:10px}.status-row{border-bottom:1px solid #eeeaf3;align-items:end;gap:12px;padding:22px 0;display:flex}.status-row label{flex:1}.status-row button{height:38px;font-size:12px}label{color:#80758c;font-size:11px;font-weight:600;display:block}label input,label select,label textarea{margin-top:8px;display:block}h3{font-size:13px}.context{border-bottom:1px solid #eeeaf3;padding:12px 0 20px}.pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#6b6079;font-size:13px;line-height:1.7}summary{color:#76548e;cursor:pointer;font-size:12px}details{background:#f8f6fb;border-radius:7px;padding:12px}.conversation{padding:10px 0}.message{border:1px solid #e6e0ed;border-radius:8px;margin:12px 0;padding:14px}.message.internal{background:#fffbf0;border-color:#efe5c9}.message>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.message strong{font-size:11px}.message span{letter-spacing:.8px;color:#a78a4a;font-size:8px}.message time{margin-left:auto}.message p{margin-bottom:0}#reply{border-top:1px solid #eeeaf3;padding-top:20px}#reply label{margin-bottom:16px}.primary{color:#fff;background:#633a8f;border-color:#633a8f}.primary:hover{background:#4f277c}.fine,.muted{color:#93899f;font-size:11px;line-height:1.6}.empty{color:#9b90a7;text-align:center;padding:38px 24px;font-size:13px}.detail-empty{padding:120px 20px}.empty h2{color:#51435f}.empty-icon{color:#b9a4ce;font-size:40px}.login{max-width:480px;margin:65px auto;padding:36px}.login h2{letter-spacing:-.6px;font-size:25px}.login p{color:#8a7e96;font-size:13px;line-height:1.7}.login label{margin:20px 0}.login button{width:100%}.login a{font-size:12px}#notice:not(:empty){color:#65417f;background:#eee6f8;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:13px}#reply-error{color:#8a4c3d;font-size:12px}@media (width<=1100px){main{padding:26px 22px}#app{grid-template-columns:190px 1fr}aside{padding:30px 18px}.desk{grid-template-columns:1fr}.stats{gap:10px}.environment{text-align:center;max-width:180px}}@media (width<=640px){#app{display:block}aside{height:auto;padding:18px 22px;position:relative}.workspace,nav,.side-note,footer{display:none}.wordmark{font-size:20px}.wordmark small{margin-left:12px;font-size:8px;display:inline}header{align-items:start}.environment{max-width:130px;font-size:8px}h1{font-size:26px}.stats article{padding:14px}.stats span{font-size:10px}.stats strong{font-size:24px}.detail{padding:20px}.login{margin:20px auto;padding:24px}}nav button+button{margin-top:12px}.business-list{padding:22px}.business-list h2{margin-top:0}.business-list form{padding:20px 0}#onboarding form label{margin:12px 0}#onboarding form button{margin-top:8px}.onboarding-dates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.person{overflow-wrap:anywhere;border-top:1px solid #eeeaf3;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:13px;display:flex}.person small{color:#93899f;margin-top:6px;display:block}.person button{font-size:11px}.person>div{gap:6px;display:flex}#onboarding [role=status]:not(:empty){background:#eee6f8;border-radius:8px;margin-bottom:16px;padding:14px;font-size:13px}.invite-page{grid-column:1/-1;width:100%;max-width:560px;margin:40px auto;padding:28px}.invite-page label{margin:16px 0}@media (width<=640px){nav,footer{margin-top:16px;display:block}.onboarding-dates{grid-template-columns:1fr}.person{flex-wrap:wrap}}