*{box-sizing:border-box}body{margin:0;font-family:Arial,system-ui,sans-serif;background:#07111f;color:#fff}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:#2563eb;color:#fff;padding:14px 18px;border-radius:14px;font-weight:700}input,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #2b3b55;background:#0f1b2d;color:#fff;outline:none}textarea{resize:none;min-height:48px}.wrap{max-width:900px;margin:auto;padding:16px;display:grid;gap:16px}.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.top{display:flex;gap:14px;align-items:center}.logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#22c55e);font-size:30px}small{color:#93c5fd;text-transform:uppercase;font-weight:800}p{color:#b8c4d6}form{display:grid;gap:12px}.hidden{display:none!important}.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}header{display:flex;justify-content:space-between;gap:10px;align-items:center}.messages{height:55vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px 0}.msg{max-width:82%;padding:12px 14px;border-radius:16px;background:#17243a;border:1px solid rgba(255,255,255,.12)}.client{align-self:flex-end;background:#1d4ed8}.agent{align-self:flex-start;background:#166534}.system{align-self:center;color:#cbd5e1;background:#111827}.msg small{display:block;margin-bottom:5px;color:#dbeafe;text-transform:none}.sendbar{grid-template-columns:1fr auto;align-items:end}.admin{display:grid;grid-template-columns:330px 1fr;gap:16px;padding:16px;min-height:100vh}.session{width:100%;text-align:left;margin-top:10px;background:#111827}.session b{display:block}.session small{display:block;color:#b8c4d6;text-transform:none}.chatbox{min-height:calc(100vh - 32px)}@media(max-width:780px){.admin{grid-template-columns:1fr}.sendbar{grid-template-columns:1fr}.msg{max-width:94%}}