:root{font-family:Inter,Arial,system-ui,sans-serif;color-scheme:dark;background:#08121b;color:#e7f0f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% -20%,#202b38,transparent 55%),#08121b}a{color:#dbeaf4;text-decoration:none}.header{background:#0b1824;border-bottom:1px solid #263c4b;display:flex;justify-content:space-between;align-items:center;padding:12px clamp(14px,4vw,50px);gap:15px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px}.logo img{width:43px;height:43px;object-fit:cover}.logo b{font-size:23px;letter-spacing:1.6px}.logo small{display:block;color:#7f9aaf;font-size:9px;letter-spacing:1.8px}.header nav{display:flex;gap:14px;flex-wrap:wrap}.header nav a{font-size:11px;font-weight:800;color:#aec2d1;padding:9px}main{max-width:1280px;margin:auto;padding:clamp(18px,3vw,42px) 16px 50px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.heading h1{font-size:clamp(30px,4vw,55px);margin:5px 0}.heading p{font-size:13px;color:#9db7c6;max-width:650px;line-height:1.65}.eyebrow{font-size:10px;color:#f44257;letter-spacing:2px;font-weight:900}.state{border:1px solid #345267;background:#0b1d2a;padding:15px 25px;min-width:198px;display:grid;gap:7px;grid-template-columns:auto 1fr;align-items:center}.state small{grid-column:1/-1;font-size:11px;color:#8eacbc}.dot{width:9px;height:9px;background:#63788a;border-radius:50%}.dot.ok{background:#23c979}.state strong{font-size:12px}.chat-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:15px}.chat-card,.sidebar-card{background:#0b1b27;border:1px solid #2b4559;border-radius:6px;min-width:0}.chat-card-head{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #294659;flex-wrap:wrap}.chat-card-head h2,.sidebar h2{font-size:14px;margin:0}.chat-card-head div{display:flex;gap:12px;align-items:center;color:#8ca6b9;font-size:11px}button,.primary{background:#a92037;color:#fff;border:1px solid #df4358;border-radius:5px;padding:12px 17px;font-weight:800;font-size:11px;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}#refresh{background:#143146;border-color:#375e76}.messages{height:min(60vh,600px);min-height:340px;overflow:auto;padding:12px 17px;display:flex;flex-direction:column;gap:8px}.message{border:1px solid #21384b;background:#102332;padding:12px;border-radius:5px}.message.admin{border-color:#73394d}.message .meta{display:flex;justify-content:space-between;gap:8px;color:#86a5b9;font-size:10px;margin-bottom:5px}.message .text{font-size:13px;overflow-wrap:anywhere;line-height:1.5}.empty{color:#9bb5c5;padding:18px}.send-form{display:flex;gap:10px;padding:14px;border-top:1px solid #294659}.send-form input,.sidebar input{flex:1;min-width:0;background:#07131e;border:1px solid #345267;color:#e8f2fa;border-radius:5px;padding:12px;font:inherit;font-size:13px}.feedback{color:#97b4c8;padding:0 15px 15px;margin:0;font-size:12px;min-height:28px}.feedback.error{color:#ff9cad}.feedback.ok{color:#77dfa8}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-card{padding:19px}.sidebar-card p{font-size:12px;line-height:1.7;color:#9bb4c8}.sidebar-card label{font-size:11px;font-weight:bold;display:block;margin-top:14px}.sidebar-card input{width:100%;display:block;margin:9px 0}.sidebar-card .primary{display:inline-block;margin-top:8px}footer{padding:23px;text-align:center;color:#66859b;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(max-width:800px){.chat-layout{grid-template-columns:1fr}.heading{align-items:flex-start;flex-wrap:wrap}.state{width:100%}.messages{height:52vh;min-height:280px}.header nav{gap:4px}.header nav a{padding:7px;font-size:10px}.send-form button{padding:10px}.heading h1{font-size:33px}}