@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg-app:#f8f9fa;--bg-panel:#fff;--text-primary:#1a1f36;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent-primary:#007aff;--accent-hover:#005bb5;--accent-light:#e6f2ff;--border-color:#f3f4f6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--chat-sent:#e6f2ff;--chat-received:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Inter,sans-serif}.panel{background:var(--bg-panel);border:1px solid #00000005;border-radius:16px;box-shadow:0 4px 24px #0000000a}.chat-bg{background-blend-mode:multiply;opacity:.95;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.btn-primary:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #4f46e54d}.bubble-sent{background:var(--chat-sent);border-radius:1.25rem 1.25rem .5rem;align-self:flex-end;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.bubble-received{background:var(--chat-received);border-radius:1.25rem 1.25rem 1.25rem .5rem;align-self:flex-start;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.list-item{border-radius:12px;margin:0 8px;transition:background-color .2s}.list-item:hover{background-color:var(--bg-app)}.list-item.active{background-color:var(--accent-light)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex;position:relative}.status-badge{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.status-online{background-color:var(--success)}.status-offline{background-color:var(--danger)}.status-online-ig{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.status-online-fb{background-color:#1877f2}.livechat-main-container{width:200%;height:100%;transition:transform .3s ease-in-out;display:flex}.livechat-main-container.chat-view-active{transform:translate(-50%)}.livechat-contacts-col,.livechat-chat-col{flex-shrink:0;width:50%;height:100%}@media (width>=768px){.livechat-main-container{width:100%;transform:none!important}.livechat-contacts-col{width:320px}.livechat-chat-col{width:calc(100% - 320px)}.mobile-back-btn{display:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-delay{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.05)}66%{transform:translate(25px,-35px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-phone-enter{0%{opacity:0;transform:translateY(60px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glow-ring{0%,to{box-shadow:0 0 30px #007aff26}50%{box-shadow:0 0 60px #007aff4d}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delay{animation:8s ease-in-out infinite float-delay}.animate-typing{animation:1.5s ease-in-out infinite typing}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-subtle}.animate-fade-up{animation:.8s ease-out both fade-up}.animate-phone-enter{animation:1s ease-out .3s both hero-phone-enter}.orb-1{animation:15s ease-in-out infinite orb-drift-1}.orb-2{animation:18s ease-in-out infinite orb-drift-2}.shimmer-text{background:linear-gradient(90deg,#007aff 30%,#60a5fa 50%,#007aff 70%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:4s ease-in-out infinite shimmer}.bento-card{background:#fff;border:1px solid #0000000f;border-radius:24px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000008}.bento-card:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#007aff00,#007aff1a) border-box;border:1px solid #0000;border-radius:24px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #007aff14,0 8px 24px #0000000d}.bento-card:hover:before{opacity:1}.text-gradient{background:linear-gradient(135deg,#007aff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-card{text-align:center;background:#fff;border:1px solid #0000000a;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #007aff1a}.landing-section{opacity:1}.grid-bg-light{background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px}.wt-container{background-color:var(--bg-app);height:calc(100vh - 80px);color:var(--text-primary);font-family:Inter,sans-serif;display:flex;overflow:hidden}.wt-form-section{border-right:1px solid var(--border-color);background-color:var(--bg-panel);flex:1;padding:2rem;overflow-y:auto}.wt-header{margin-bottom:2rem}.wt-header h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.wt-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.wt-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 4px #00000005}.wt-card h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex}.wt-input-group{margin-bottom:1rem}.wt-input-group label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.wt-input,.wt-textarea,.wt-select{border:1px solid var(--border-color);background-color:#f9fafb;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.wt-input:focus,.wt-textarea:focus,.wt-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);background-color:#fff;outline:none}.wt-textarea{resize:vertical;min-height:120px}.wt-hint{color:var(--text-muted);margin-top:.4rem;font-size:.8rem}.wt-preview-section{background-color:#f0f2f5;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:contain;justify-content:center;align-items:center;width:450px;padding:2rem;display:flex;position:relative}.wt-phone{background:#efeae2;border-radius:36px;flex-direction:column;width:320px;height:650px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 0 0 10px #222}.wt-phone-header{color:#fff;z-index:10;background:#008069;align-items:center;gap:1rem;padding:1.5rem 1rem 1rem;font-weight:500;display:flex}.wt-phone-body{flex-direction:column;flex:1;padding:1rem;display:flex;overflow-y:auto}.wt-message-bubble{color:#111b21;background:#fff;border-radius:0 12px 12px;max-width:90%;padding:.5rem;font-size:.95rem;line-height:1.4;position:relative;box-shadow:0 1px 1px #0000000d}.wt-message-header{margin-bottom:.5rem;padding:.25rem .25rem 0;font-weight:600}.wt-message-text{white-space:pre-wrap;padding:0 .25rem}.wt-message-footer{color:#667781;margin-top:.5rem;padding:0 .25rem;font-size:.75rem}.wt-message-buttons{border-top:1px solid #f0f2f5;flex-direction:column;margin-top:.5rem;display:flex}.wt-message-btn{text-align:center;color:#00a884;border-bottom:1px solid #f0f2f5;padding:.75rem;font-weight:500}.wt-message-btn:last-child{border-bottom:none}.wt-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.wt-btn-primary:hover{background:var(--accent-hover)}.wt-variable-highlight{color:#2e7d32;background-color:#e2f0d9;border-radius:4px;padding:2px 6px;font-size:.85rem;font-weight:600}