:root{--bg-main: #0b0f19;--bg-header: rgba(11, 15, 25, .85);--bg-input-area: #111827;--text-main: #f3f4f6;--text-muted: #9ca3af;--bubble-user: #059669;--bubble-bot: #1f2937;--accent: #10b981;--border-color: #1f2937;--shadow-glass: 0 4px 30px rgba(0, 0, 0, .1);--border-glass: 1px solid rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column}#root{height:100%;display:flex;justify-content:center;align-items:center;max-width:100vw}.chat-app{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;background-color:var(--bg-main);position:relative}.chat-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:16px 20px;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border-glass);box-shadow:var(--shadow-glass)}.chat-header .profile-pic{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin-right:14px;color:#fff;font-weight:600;font-size:1.2rem;box-shadow:0 4px 10px #10b9814d}.chat-header .header-info{display:flex;flex-direction:column}.chat-header .name{font-size:1.1rem;font-weight:600;letter-spacing:.3px}.chat-header .status{font-size:.8rem;color:var(--accent);display:flex;align-items:center;gap:4px;margin-top:2px}.status-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);animation:pulse 2s infinite}.chat-feed{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-feed::-webkit-scrollbar{width:6px}.chat-feed::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message-wrapper{display:flex;width:100%;animation:slideIn .3s cubic-bezier(.25,.8,.25,1)}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.message{max-width:75%;padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.4;position:relative;word-wrap:break-word}.message.user{background:var(--bubble-user);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 15px #05966933}.message.bot{background:var(--bubble-bot);color:var(--text-main);border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 15px #0003}.message-wrapper.alert{justify-content:center;margin:6px 0}.message.alert{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.2);border-radius:8px;max-width:90%;text-align:center;font-size:.85rem;box-shadow:0 4px 15px #f59e0b0d;padding:8px 16px}.phone-action-group{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;padding:4px 12px;border-radius:20px;margin:4px 2px;border:1px solid rgba(255,255,255,.08)}.phone-action-group .phone-number{font-weight:600;color:#10b981;letter-spacing:.5px}.phone-action-group .phone-btn{text-decoration:none;font-size:1.15rem;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));display:flex;align-items:center}.phone-action-group .phone-btn:hover{transform:scale(1.15)}.message-time{display:block;font-size:.7rem;margin-top:6px;opacity:.7;text-align:right}.chat-input-area{padding:16px 20px;background-color:var(--bg-input-area);border-top:var(--border-glass);display:flex;align-items:center;gap:12px;padding-bottom:env(safe-area-inset-bottom,16px)}.input-container{flex:1;background:#ffffff0d;border-radius:24px;padding:12px 16px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.input-container:focus-within{background:#ffffff14;border-color:#10b9814d;box-shadow:0 0 0 3px #10b9811a}.input-container input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-family:inherit;padding:0 8px}.input-container input::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent);color:#fff;border:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #10b9814d}.send-btn:hover{transform:scale(1.05);background:#059669}.send-btn:active{transform:scale(.95)}.send-btn:disabled{background:var(--bg-bot);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.5}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.typing-indicator{display:flex;gap:4px;padding:4px 8px}.typing-dot{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}