:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f7f9fc;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #dfe5ee;border-radius:10px;background:white;color:#34445e;padding:11px 16px}button:hover{background:#edf4ff}button:disabled{opacity:.5;cursor:default}.primary{background:#1675f8;color:white;border-color:#1675f8}.primary:hover{background:#0863dc}.muted,small{color:#68778d;line-height:1.65}h1{font-size:32px;letter-spacing:-1px;margin:9px 0 20px}h2{font-size:20px;letter-spacing:-.4px}input,select,textarea{border:1px solid #dce3ed;border-radius:10px;padding:12px;background:white;color:#172033}textarea{resize:vertical;width:100%;min-height:135px}label{display:block;font-weight:600;margin:14px 0 10px}.brand{font-size:30px;letter-spacing:4px;font-weight:750;text-decoration:none;color:#172033;display:block}.brand span{display:block;font-size:10px;letter-spacing:2.5px;color:#1579f4;margin-top:8px}.login{display:grid;min-height:100vh;place-items:center;padding:24px}.loginCard{width:min(420px,100%);background:white;border:1px solid #e1e7f0;border-radius:22px;padding:36px}.loginCard h1{margin-top:42px}.loginCard input,.loginCard button{width:100%;margin-bottom:16px}.loginCard p{line-height:1.6}.loginCard .brand{margin-bottom:30px}[hidden]{display:none!important}#workspace{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:218px;padding:35px 24px;background:white;border-right:1px solid #e4eaf2;display:flex;flex-direction:column}.sideLabel{font-size:10px;letter-spacing:1.5px;color:#8390a3;margin:52px 0 15px}.navActive{background:#eaf3ff;color:#1268da;border:0;font-weight:650;text-align:left}.navActive span{float:right}.sideBottom{margin-top:auto;display:grid;gap:18px;overflow-wrap:anywhere}main{margin-left:218px;padding:34px 40px;width:calc(100% - 218px)}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;color:#708097;letter-spacing:1.6px}header h1{margin-bottom:24px}.counts{display:flex;gap:12px;margin:8px 0 26px}.count{background:white;border:1px solid #e3e8f0;padding:16px 20px;border-radius:12px;flex:1}.count strong{display:block;font-size:26px;margin-top:7px}.count small{font-size:12px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar input{flex:1;min-width:120px}.toolbar select{min-width:150px}.inbox{display:grid;grid-template-columns:minmax(240px,35%) 1fr;border:1px solid #dde5ef;border-radius:16px;background:white;overflow:hidden;min-height:560px}.ticketList{border-right:1px solid #e3e9f1}.listHeading{font-size:10px;letter-spacing:1.4px;color:#73829a;padding:20px;border-bottom:1px solid #edf0f5}.ticket{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:20px}.ticket.selected{background:#eef5ff;border-left:3px solid #1a78fa;padding-left:17px}.ticket .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.ticket strong{font-size:12px}.ticket p{margin:7px 0;color:#60718b;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket .email{font-size:14px;font-weight:600;overflow-wrap:anywhere}.ticket small{font-size:11px}.badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#edf3ff;color:#176cd6;font-size:10px;font-weight:650;white-space:nowrap}.badge.closed{background:#f0f2f5;color:#68778d}.badge.answered{background:#e8f7f0;color:#187451}.badge.in_review{background:#fff3df;color:#8f5f0a}.detail{padding:26px;min-width:0}.detailHead{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e8edf4;padding-bottom:20px}.detailHead h2{margin:0 0 6px}.detailHead select{font-size:12px}.context{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.context span{font-size:11px;padding:6px 9px;background:#f3f6fa;border-radius:6px;color:#61738b}.message{border:1px solid #e3e9f2;background:#f8fafd;padding:16px;border-radius:12px;margin:16px 0}.message.support{background:#f0f6ff;border-color:#d9e7fc;margin-left:20px}.message .meta{font-size:11px;display:flex;justify-content:space-between;color:#657791}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin-bottom:4px;font-size:14px}.delivery{font-size:11px;color:#66778d;margin-top:10px}.delivery.failed{color:#a83737}.compose{border-top:1px solid #e6ebf3;padding-top:16px;margin-top:26px}.composeFooter{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.composeFooter small{font-size:11px}.empty{padding:70px 20px;text-align:center;color:#697a92}.emptyIcon{font-size:32px;color:#397ced}.empty p{font-size:14px;line-height:1.65}#error,#loginError{color:#b33737;font-size:13px}.portal{max-width:760px;margin:50px auto;padding:28px}.portal .brand{margin-bottom:45px}.portalCard{background:white;border:1px solid #e2e8f1;padding:28px;border-radius:18px}@media(max-width:1000px){main{padding:26px 22px;margin-left:180px;width:calc(100% - 180px)}aside{width:180px;padding:28px 16px}.inbox{grid-template-columns:260px 1fr}.counts{gap:7px}.count{padding:13px}}@media(max-width:760px){aside{position:static;width:100%;padding:18px 22px;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e9f1}.brand{font-size:23px}.sideLabel,.navActive,.sideBottom small{display:none}.sideBottom{margin:0}#workspace{display:block}main{margin:0;width:100%;padding:22px 14px}.inbox{display:block}.ticketList{max-height:310px;overflow:auto;border-right:0;border-bottom:1px solid #e3e9f1}.counts{display:grid;grid-template-columns:repeat(2,1fr)}.detail{padding:18px}.portal{margin:10px auto;padding:18px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}h1{font-size:29px}}