:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202d3a;background:#f6f8fb;font-size:16px}*{box-sizing:border-box}body{margin:0;display:flex}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b9ef6;outline-offset:2px}button{border:1px solid #dae1e9;border-radius:7px;background:white;padding:9px 13px;color:inherit}aside{width:220px;min-height:100vh;background:#101e30;color:#c7d2e0;display:flex;flex-direction:column;padding:27px 16px;flex-shrink:0}.brand{font-size:25px;font-weight:750;color:white;letter-spacing:-1px}.workspace{margin:30px 0 25px;padding:14px;background:#1b2b40;border:1px solid #304055;border-radius:9px;color:white}.workspace small,footer small{display:block;font-size:12px;color:#93a6bd;margin-top:7px}nav{display:grid;gap:5px}nav button{background:transparent;color:#b8c7da;border:0;text-align:left;padding:13px;font-weight:600}nav button.active{background:#285ac9;color:white}.caption{font-size:12px;letter-spacing:1.6px;margin:32px 12px 12px;color:#8597ad}.channelnav{background:none;border:0;color:#c7d2e0;width:100%;text-align:left;font-size:14px;padding:12px}.channelnav small{float:right;color:#8192a8}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25b67c;margin-right:9px}.c1 .dot{background:#5585fa}.c2 .dot{background:#d064aa}aside footer{margin-top:auto;padding-top:50px}label{display:block;font-size:14px}select,input{border:1px solid #dce3ed;border-radius:7px;padding:9px;background:white;max-width:100%;color:#263548}footer select{width:100%;margin-top:10px}main{min-width:0;flex:1;height:100vh;display:flex;flex-direction:column}header{height:65px;min-height:65px;background:white;border-bottom:1px solid #e2e7ef;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6e7c8e}.demotag{background:#edf3ff;color:#3263b6;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:700;letter-spacing:.8px}.banner{padding:10px 28px;background:#eef4ff;color:#526987;font-size:13px;border-bottom:1px solid #dfe7f5}#content{min-height:0;flex:1;display:flex;flex-direction:column}.title{display:flex;justify-content:space-between;align-items:center;padding:25px 28px 22px;gap:15px}h1{font-size:27px;letter-spacing:-.8px;margin:0 0 7px}p{line-height:1.6}h2{font-size:17px;margin:0}.title p{margin:0;color:#788598;font-size:14px}.count{font-size:14px;color:#6a7789}.count b{color:#2456b8;background:#e8effd;padding:6px 10px;border-radius:6px;margin-right:6px}.inbox{margin:0 28px 24px;flex:1;min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #dce3ec;border-radius:10px;overflow:hidden;background:white}.list{display:flex;flex-direction:column;min-height:0;border-right:1px solid #dfe6ee}.controls{padding:16px;border-bottom:1px solid #e4e9f0;display:grid;gap:12px}.controls input,.controls select{width:100%;font-size:14px}.tabs{display:flex;gap:4px}.tabs button{border:0;background:transparent;padding:8px 6px;font-size:13px;white-space:nowrap;color:#6e7b8d}.tabs button.active{color:#255bc3;background:#edf3fe}.items{overflow:auto;flex:1}.chatitem{display:flex;width:100%;border:0;border-bottom:1px solid #edf0f4;border-radius:0;padding:20px 15px;gap:12px;text-align:left}.chatitem.active{background:#eef4ff;box-shadow:inset 3px 0 #316ce0}.avatar{height:39px;width:39px;border-radius:12px;background:#e5ebfb;color:#526cc0;display:grid;place-items:center;flex-shrink:0;font-weight:600;font-size:14px}.tone1{background:#f4e6dd;color:#a87959}.tone2{background:#e0eee8;color:#4d8777}.preview{min-width:0;flex:1}.preview>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.preview b{font-size:14px}.preview small{font-size:12px;color:#8a96a4}.preview p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#7c8999;margin:6px 0 10px}.badge{font-size:12px;padding:3px 7px;border-radius:4px;background:#e6f5ee;color:#208257}.badge.c1{background:#e8efff;color:#4b70c0}.badge.c2{background:#f8e9f3;color:#b05d96}.listfoot{font-size:12px;color:#8d99a8;padding:12px 18px;border-top:1px solid #e5eaf1}.thread{display:flex;flex-direction:column;min-height:0;min-width:0}.threadhead{padding:20px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6ebf2}.threadhead p{margin:4px 0 0;font-size:12px;color:#8a97a8}.resolve{margin-left:auto;font-size:13px}.assignment{display:flex;align-items:center;gap:10px;padding:11px 22px;font-size:13px;color:#7e8b9d;border-bottom:1px solid #e5eaf1}.assignment select{font-size:13px;padding:6px}.status{margin-left:auto;color:#47698c}.messages{flex:1;min-height:150px;overflow:auto;background:#f8fafc;padding:22px;display:flex;flex-direction:column;gap:16px}.day{text-align:center;font-size:12px;color:#9aa4b2}.message{max-width:85%;padding:12px 16px;background:white;border:1px solid #e2e8f0;border-radius:0 12px 12px 12px;align-self:flex-start;overflow-wrap:anywhere}.message small{font-size:12px;color:#72839a}.message p{margin:7px 0;font-size:15px}.message time{display:block;text-align:right;font-size:12px;color:#8797ab}.message.out{background:#eaf1ff;border-color:#d7e5fe;align-self:flex-end;border-radius:12px 0 12px 12px}.message.note{background:#fff7dd;border-color:#eee1b5;align-self:center;width:90%}.composer{padding:16px 22px}.composer textarea{width:100%;border:0;resize:vertical;min-height:80px;padding:12px 0;outline-offset:0;font-size:15px}.actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.actions small{margin-right:auto;font-size:12px;color:#8c98a7}.primary{background:#2e62d4;color:white;border-color:#2e62d4;font-size:14px}button:disabled{opacity:.45;cursor:not-allowed}#notice:not(:empty){padding:10px 28px;background:#e9f4ec;color:#36764b;font-size:13px}.empty{padding:35px 20px;color:#7e8a9d}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 28px}.card{padding:25px;background:white;border:1px solid #dce4ee;border-radius:10px}.card h2{margin-top:15px}.card p{font-size:14px;color:#7c8899}.card .stat{padding:20px 0;color:#768294;font-size:14px}.stat b{font-size:27px;color:#233d61;margin-right:10px}.card button{font-size:14px}.setup{margin:25px 28px;padding:25px;background:#eaf0fb;border-radius:10px;color:#516684}.setup p{font-size:14px;max-width:850px}dialog{width:min(450px,90vw);border:1px solid #dce4ed;border-radius:12px;padding:28px;box-shadow:0 20px 80px #17283a30}dialog::backdrop{background:#11243870}dialog p{font-size:14px;color:#7c899a}dialog input{display:block;width:100%;margin:10px 0 20px}.back{display:none}@media(min-width:1600px){.inbox{grid-template-columns:390px 1fr}}@media(max-width:1100px){aside{width:175px;padding:22px 12px}.brand{font-size:22px}.inbox{margin:0 15px 15px;grid-template-columns:285px 1fr}.title{padding:22px 16px}.threadhead{padding:15px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resolve{font-size:12px;padding:7px}}@media(max-width:760px){body{display:block}aside{width:100%;min-height:auto;padding:12px 15px;display:block}.brand{font-size:22px}.workspace,.caption,#channels,aside footer{display:none}nav{display:flex;margin-top:10px}nav button{padding:8px 15px}main{height:calc(100dvh - 105px)}header{height:48px;min-height:48px;padding:0 15px}.banner{padding:9px 15px;font-size:12px}.count{display:none}.title{padding:17px}.title p{font-size:13px}h1{font-size:24px}.inbox{display:block;overflow:auto}.list{height:100%;border:0}.thread{display:none;height:100%}.inbox.showchat .list{display:none}.inbox.showchat .thread{display:flex}.back{display:block;border:0;padding:5px}.threadhead h2{font-size:15px}.threadhead p{max-width:140px}.assignment{padding:10px;font-size:12px}.composer{padding:10px 14px}.actions small{max-width:170px}.cards{grid-template-columns:1fr;padding:0 16px}#content{overflow:auto}.setup{margin:20px 16px}}