*{box-sizing:border-box}body{margin:0;background:#f2f6f9;color:#101928;font:16px Arial,sans-serif}.auth{width:min(440px,calc(100% - 32px));margin:80px auto;background:#fff;padding:38px;border-radius:14px;box-shadow:0 12px 35px #142a4119}.auth a,.panel>a{color:#0078ad;text-decoration:none}.auth h1{font-size:30px;margin:25px 0 8px}.auth p{line-height:1.5;color:#5b6877}.auth form,.send-form{display:grid;gap:13px;margin:25px 0}.auth input,.send-form input{padding:14px;border:1px solid #cfd8df;border-radius:6px;font-size:16px}.auth button,.panel button{border:0;border-radius:6px;background:#087bac;color:#fff;padding:13px 18px;font-size:15px;cursor:pointer}.auth small{color:#b42318}.panel{max-width:950px;margin:50px auto;padding:0 20px}.panel header{display:flex;justify-content:space-between;align-items:center}.panel h1{font-size:34px}.panel h2{margin-top:42px}.conversation{background:#fff;border:1px solid #dce4e9;border-radius:8px;padding:17px;margin:10px 0;display:flex;align-items:center;gap:20px;text-decoration:none;color:#101928}.conversation small{color:#64748b}.conversation form{margin-left:auto}.thread{height:440px;overflow:auto;background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:18px;margin:20px 0}.bubble{width:max-content;max-width:78%;padding:12px 15px;border-radius:12px;margin:9px 0;line-height:1.4}.bubble.customer{background:#e5edf3}.bubble.agent{background:#087bac;color:#fff;margin-left:auto}.send-form{grid-template-columns:1fr auto}.close{background:#9b2534!important}@media(max-width:600px){.panel h1{font-size:26px}.conversation{flex-wrap:wrap}.thread{height:380px}}