:root{font-family:Inter,system-ui,Arial,sans-serif;color:#252525;background:#f7f4f4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{background:#c7192b;color:white;border:0;border-radius:9px;padding:11px 15px;cursor:pointer}button:hover{filter:brightness(.92)}input{border:1px solid #ded0d2;border-radius:9px;padding:12px;min-width:0}header{background:#8d1020;color:white;padding:18px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center}header small{color:#ffe0e3}.chat{max-width:540px;margin:28px auto;background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #3a11151c}.log{height:430px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.bubble{padding:12px 15px;border-radius:14px;max-width:88%;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f4f4;align-self:flex-start;line-height:1.45}.bubble.user{background:#ffe2e6;align-self:flex-end}.bubble.human{background:#f1e7ed}.chat form{display:flex;padding:12px;gap:8px;border-top:1px solid #eee}.chat form input{flex:1}.hint{font-size:11px;color:#827578;text-align:center;padding:0 12px 12px}.contact{padding:15px;border-top:1px solid #e9dadd;background:#fffafa;display:grid;gap:10px}.contact p{margin:0}.options{display:flex;gap:18px}.consent{font-size:12px}.secondary{background:#f7e4e6;color:#234}.hidden{display:none!important}.admin{max-width:1250px;margin:20px auto;background:white;min-height:85vh;border-radius:14px;overflow:hidden}.admin #login{padding:35px;display:grid;gap:12px;max-width:400px}.admin #workspace{display:grid;grid-template-columns:300px 1fr;min-height:70vh}.admin aside{border-right:1px solid #ddd;padding:18px}.admin article{padding:18px;min-width:0}.admin h3{margin-top:0}.conversation{display:block;width:100%;text-align:left;margin:8px 0;background:#fff0f2;color:#6b1420;overflow-wrap:anywhere}.admin #history{height:420px;border:1px solid #eddbde;border-radius:10px}.admin #reply{display:flex;gap:8px;margin:12px 0}.admin #reply input{flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap}#detail{font-size:13px;color:#806c70;margin-bottom:10px;overflow-wrap:anywhere}@media(max-width:700px){.chat{margin:0;border-radius:0;min-height:100vh}.admin{margin:0}.admin #workspace{grid-template-columns:1fr}.admin aside{border-right:0;border-bottom:1px solid #ddd}}

button:focus-visible,input:focus-visible{outline:3px solid #e76572;outline-offset:2px}.conversation:hover{background:#ffe1e5}.chat header,.admin header{background:linear-gradient(115deg,#850d1e,#c7192b)}