button{border-radius:8px;border:1px solid transparent;padding:.7em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}:root{--primary-dark: #0c1e58;--primary-light: #19b6dd;--bg-app: #dde6ec;--bg-chat: #ffffff;--msg-user: #19b6dd;--msg-bot: #d2d6d9;--msg-error: #fee;--text-main: #333333;--shadow-soft: 0 10px 30px rgba(0,0,0,.1)}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-app);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.widget-container{width:400px;height:650px;background:var(--bg-chat);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;position:relative}.header{background:linear-gradient(135deg,var(--primary-dark) 0%,#162a6e 100%);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000001a;z-index:10}.header-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700}.header svg{display:block;color:#fff;stroke:#fff}.btn-reset{background:#ffffff26;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-reset svg{width:26px;height:26px;stroke:#fff!important;fill:none!important}.btn-reset:hover{background:#ffffff4d;transform:scale(1.1)}.messages-area{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#fff;scroll-behavior:smooth}@keyframes messagePop{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message{padding:12px 16px;border-radius:18px;max-width:80%;line-height:1.5;font-size:.95rem;white-space:pre-wrap;position:relative;animation:messagePop .3s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:0 2px 5px #0000000d}.user{align-self:flex-end;background:var(--msg-user);color:#fff;border-bottom-right-radius:4px}.bot{align-self:flex-start;background:var(--msg-bot);color:var(--text-main);border-bottom-left-radius:4px}.bot.error{background:var(--msg-error);border-left:3px solid #f44336}.error-details{margin-top:8px;padding:8px;background:#0000000d;border-radius:8px;font-size:.85rem;font-family:Courier New,monospace;max-height:150px;overflow-y:auto}.error-toggle{margin-top:8px;padding:4px 12px;background:#0000001a;border:none;border-radius:12px;cursor:pointer;font-size:.8rem;transition:background .2s}.error-toggle:hover{background:#00000026}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--msg-bot);align-self:flex-start;border-radius:18px 18px 18px 4px;width:fit-content}.dot{width:8px;height:8px;background:#ccc;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.confirmation-buttons{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.btn-confirm,.btn-cancel{padding:8px 18px;border:none;border-radius:20px;cursor:pointer;font-weight:600;font-size:.85rem;transition:transform .1s,opacity .2s;box-shadow:0 2px 4px #0000001a}.btn-confirm{background-color:#4caf50;color:#fff}.btn-cancel{background-color:#f44336;color:#fff}.btn-confirm:hover,.btn-cancel:hover{opacity:.9;transform:translateY(-2px)}.input-area{padding:20px;border-top:1px solid #f0f0f0;display:flex;gap:12px;background:#fff;align-items:center}input{flex:1;padding:14px 18px;border:1px solid #eee;border-radius:30px;outline:none;font-size:.95rem;color:#000;background:#f9f9f9;transition:all .2s}input:focus{background:#fff;border-color:var(--primary-light);box-shadow:0 0 0 3px #19b6dd1a}input:disabled{background-color:#e9ecef;color:#999;cursor:not-allowed;border-color:#ddd;box-shadow:none}.btn-send{width:38px;height:38px;background:var(--primary-light);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.btn-send:hover:not(:disabled){background:#15a0c4;transform:scale(1.05)}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{background:#e0e0e0;cursor:not-allowed;box-shadow:none}.icon-svg{width:20px;height:20px;fill:currentColor}