*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#202837;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #dce2eb;border-radius:9px;background:white;padding:9px 14px;color:#25354b}button:hover{background:#eef3fa}input,textarea,select{border:1px solid #dce2eb;border-radius:9px;padding:10px 12px;width:100%;background:white;color:#202837}input:focus,textarea:focus{outline:2px solid #b5d4ff;border-color:#448ae2}label{display:block;font-size:12px;font-weight:600}label input{margin-top:6px}small{display:block;color:#7a8495;font-size:11px}.muted{color:#7a8495}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7e899b;font-weight:700}.eyebrow span{float:right}.primary{background:#2578d9;color:white;border-color:#2578d9}.primary:hover{background:#1b65bc}.plain{border:0;background:transparent;color:#728097;padding:2px 7px}header{height:72px;background:white;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;padding:0 28px;gap:25px}.brand{font-size:17px;font-weight:750;display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;background:#287dde;color:white;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:26px}.environment{font-size:11px;background:#fff7e4;color:#896519;padding:6px 12px;border-radius:20px}.environment.live{background:#e9f6ef;color:#287650}.account{margin-left:auto;display:flex;gap:15px;font-size:12px}.workspace{display:grid;grid-template-columns:255px minmax(0,1fr);height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid #e5e9f0;padding:25px 13px;overflow:auto;display:flex;flex-direction:column}.sidebar>.eyebrow{padding:0 11px}.bot{display:flex;align-items:center;gap:10px;padding:12px 9px;border-radius:9px;margin:2px 0}.bot strong{font-size:12px}.bot.selected{background:#eaf2fd;color:#246bb8}.avatar{background:#edf1f7;color:#667c9c;width:34px;height:34px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:600}.dot{height:6px;width:6px;border-radius:50%;background:#c9cfda;margin-left:auto}.dot.active{background:#42ae7b}.sidebar-foot{margin-top:auto;padding:35px 12px 0;font-size:11px;color:#8892a2}.sidebar-foot strong{color:#69768a}main{padding:27px 30px;min-width:0;overflow:auto}.page-title{display:flex;align-items:center;justify-content:space-between}.page-title .eyebrow{margin:0 0 6px}h1{font-size:25px;line-height:1.3;margin:0 0 20px;font-weight:700;letter-spacing:-.6px}h2{font-size:19px}h3{font-size:15px}.badge{background:#edf1f7;color:#63738a;border:1px solid #e1e6ee;border-radius:6px;padding:4px 9px;font-size:10px}nav{display:flex;border-bottom:1px solid #dfe5ef;gap:28px;margin:0 0 22px}nav a{padding:10px 0 13px;color:#7a8597;font-size:12px}nav a.current{color:#2477d7;border-bottom:2px solid #2477d7}.inbox{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 245px);min-height:430px;background:white;border:1px solid #e0e6ef;border-radius:12px;overflow:hidden}.conversations{border-right:1px solid #e3e8f0;overflow:auto}.search{padding:16px;display:flex;gap:5px}.search input{min-width:0;font-size:11px}.search button{padding:6px 8px;font-size:11px}.list-label{font-size:10px;color:#8b95a6;padding:0 18px}.conversation{display:flex;gap:11px;padding:16px;border-bottom:1px solid #f0f2f6}.conversation strong{font-size:12px;word-break:break-word}.conversation.selected{background:#f0f6fe;border-left:3px solid #287dde;padding-left:13px}.thread{display:flex;flex-direction:column;min-height:0;background:#fcfdff}.thread-head{padding:18px 22px;border-bottom:1px solid #e6ebf2;display:flex;justify-content:space-between;align-items:center;background:white}.thread-head strong{font-size:13px}.messages{padding:24px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px}.bubble{border:1px solid #e4eaf2;border-radius:12px;padding:11px 15px;max-width:85%;align-self:flex-start;background:white;min-width:160px}.bubble.outgoing{align-self:flex-end;background:#eaf3ff;border-color:#d6e7fc}.bubble.note{background:#fff9e9;border-color:#f1e3bf}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 8px;font-size:13px}.message-author{font-size:10px;color:#7990ac}.bubble small{font-size:9px;text-align:right}.file{display:block;color:#2177d9;margin:8px 0}.keyboard{display:flex;gap:5px;flex-wrap:wrap}.keyboard span{padding:4px 8px;border:1px solid #bfd6f2;border-radius:6px;font-size:11px}.composer{padding:16px 20px;background:white;border-top:1px solid #e5eaf2}.composer textarea{height:75px;resize:vertical;font-size:12px}.composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.checkbox{display:flex;align-items:center;gap:6px;color:#7a8597;font-weight:400}.checkbox input{width:auto;margin:0}.notice{padding:15px 22px;border-top:1px solid #e6ebf2;color:#8290a5;font-size:11px;background:white}.empty{text-align:center;padding:35px 20px;color:#8a95a6;font-size:12px}.empty h2,.empty h3{color:#576780}.centered{margin:auto}.empty-icon{font-size:48px;color:#b5c9e4}.older{font-size:11px;text-align:center;color:#287dde}.ticket{background:white;border-top:1px solid #e5eaf2;padding:10px 20px;font-size:11px}.ticket form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:12px}.panel{background:white;border:1px solid #e0e6ef;border-radius:12px;padding:25px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;color:#8491a4;letter-spacing:.5px}td,th{padding:13px;border-bottom:1px solid #edf0f5}dt{color:#8290a5;font-size:12px;margin-top:13px}dd{margin-left:0}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef4fc,#fafbfd)}.login-card{background:#fff;border:1px solid #e0e7f2;border-radius:20px;padding:45px;width:440px;box-shadow:0 20px 70px #486e9b12}.login-card h1{font-size:32px;margin:20px 0}.login-card form{display:grid;gap:18px;margin:25px 0}.login-card .primary{padding:12px}.error{color:#b72c3b;background:#fff1f3;padding:10px;border-radius:8px}@media(max-width:1000px){.workspace{grid-template-columns:210px minmax(0,1fr)}main{padding:20px 15px}.inbox{grid-template-columns:225px minmax(0,1fr)}.brand{font-size:14px}}@media(max-width:700px){header{padding:12px;height:auto;flex-wrap:wrap;gap:8px}.environment{order:3;width:100%;text-align:center}.workspace{display:block;height:auto}.sidebar{padding:10px;display:flex;flex-direction:row;overflow:auto;border-bottom:1px solid #e5e9f0}.sidebar>.eyebrow,.sidebar-foot{display:none}.bot{min-width:190px}.inbox{display:flex;flex-direction:column;height:auto}.conversations{max-height:230px;border-bottom:1px solid #e5e9f0}.thread{min-height:450px}.messages{min-height:240px;max-height:60vh}.page-title h1{font-size:20px}.page-title{gap:10px}.badge{max-width:140px}nav{gap:20px}main{padding:18px 12px}.login-card{margin:20px;padding:30px;width:auto}}