:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#1769ff;border:0;border-radius:10px;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.6}input{border:1px solid #d9dfeb;border-radius:10px;outline:none;padding:11px 12px}input:focus{border-color:#1769ff;box-shadow:0 0 0 3px #1769ff1f}.center,.emptyState{place-items:center;min-height:100vh;display:grid}.loginPage{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #e6eaf2;border-radius:18px;box-shadow:0 20px 60px #14203814}.loginCard{gap:16px;width:100%;max-width:380px;padding:28px;display:grid}.loginCard h1{margin:0 0 8px}.loginCard label{gap:8px;font-size:14px;display:grid}.error{color:#a8071a;background:#fff1f0;border:1px solid #ffccc7;border-radius:10px;padding:10px 12px}.dashboard{grid-template-columns:320px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#101828;flex-direction:column;padding:18px;display:flex}.brand{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand h1{margin:0;font-size:20px}.linkButton,.secondary{color:#1769ff;background:#eef3ff}.hint{color:#aab6cf;font-size:13px;line-height:1.5}.sessionList{gap:8px;margin-top:12px;display:grid;overflow:auto}.session{color:#fff;text-align:left;background:0 0;border:1px solid #ffffff1a;gap:6px;padding:12px;display:grid}.session span{color:#aab6cf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session.active{background:#1769ff;border-color:#1769ff}.conversation{grid-template-rows:auto 1fr auto auto;min-width:0;display:grid}.conversationHeader{background:#fff;border-bottom:1px solid #e6eaf2;align-items:center;min-height:70px;padding:16px 22px;display:flex}.conversationHeader div{gap:4px;display:grid}.conversationHeader span{color:#667085;font-size:13px}.conversationMessages,.messageList{flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.adminComposer,.composer{background:#fff;border-top:1px solid #e6eaf2;gap:10px;padding:14px;display:flex}.adminComposer input,.composer input{flex:1;min-width:0}.bubble{background:#fff;border:1px solid #e6eaf2;border-radius:16px;max-width:min(680px,80%);padding:10px 12px}.bubble small{color:#667085;margin-bottom:6px;font-size:12px;display:block}.bubble p{white-space:pre-wrap;margin:0;line-height:1.55}.visitorBubble{align-self:flex-start}.agentBubble{background:#edf4ff;border-color:#cfe1ff;align-self:flex-end}.chatImage{object-fit:contain;border-radius:12px;max-width:360px;max-height:320px;display:block}.chatImage.compact{max-width:260px;max-height:220px}.widget{background:#f5f7fb;grid-template-rows:auto 1fr auto auto;height:100vh;min-height:420px;max-height:720px;display:grid}.widgetHeader{color:#fff;background:#1769ff;gap:4px;padding:16px;display:grid}.widgetHeader span{color:#ffffffc7;font-size:13px}.empty{color:#667085;margin:auto}@media (width<=760px){.dashboard{grid-template-columns:1fr}.sidebar{max-height:240px}}