*{box-sizing:border-box}body{margin:0;background:#0b0e16;color:#f4f6fb;font:15px system-ui}header{padding:20px 6%;display:flex;justify-content:space-between;background:#111827;border-bottom:1px solid #293143}a{color:#e8b84c;text-decoration:none}.hero{text-align:center;padding:45px 15px 25px}.hero small{color:#e8b84c;letter-spacing:2px}.hero h1{font-size:40px;margin:12px}.hero p,.note{color:#aab2c2}.btn,button{display:inline-block;background:linear-gradient(100deg,#e8b84c,#f28b3e);color:#17120a;padding:12px 20px;border:0;border-radius:9px;font-weight:800;cursor:pointer}.note{font-size:11px}.chat{max-width:620px;margin:20px auto 55px;background:#121927;border:1px solid #293143;border-radius:14px;overflow:hidden}.chat h3{padding:15px;margin:0;border-bottom:1px solid #293143}.messages{height:300px;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.bubble{padding:11px 14px;border-radius:13px;background:#263248;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}.customer{background:#8e6725;align-self:flex-end}form{padding:14px;border-top:1px solid #293143}input{background:#0b1220;border:1px solid #30394b;color:white;padding:12px;border-radius:8px;width:100%;margin-bottom:8px}.send{display:flex;gap:8px}.send button{margin-bottom:8px}#status,footer{text-align:center;color:#929bad;font-size:12px;padding:12px}.panel{max-width:1000px;margin:30px auto;padding:0 15px}.layout{display:grid;grid-template-columns:35% 65%;border:1px solid #293143;border-radius:12px;overflow:hidden;min-height:500px}.list{border-right:1px solid #293143}.item{padding:14px;border-bottom:1px solid #293143;cursor:pointer}.item small{display:block;color:#aab2c2}.thread{display:flex;flex-direction:column}.thread h3{padding:12px;margin:0}.threadmsgs{flex:1;min-height:330px;max-height:500px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.login{max-width:360px;margin:80px auto}@media(max-width:650px){.chat{margin:12px}.layout{grid-template-columns:1fr}.list{max-height:220px;overflow:auto}.hero h1{font-size:32px}}