:root{--bg: #050b18;--bg-alt: #070e1e;--surface: #101a33;--surface-alt: #16223f;--border: #1e2c4d;--primary: #0a5ca8;--primary-strong: #2a7fd4;--accent: #00825b;--text: #eaf0fa;--text-muted: #8fa0bf;--bot-bubble: #16223f;--bot-bubble-text: #eaf0fa;--user-bubble-text: #ffffff;--bubble-radius: 20px;--button-radius: 14px;--font-display: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--bg-image: none;--shell-width: 480px;--header-height: 68px;--ring: 0 0 0 3px color-mix(in srgb, var(--primary-strong) 35%, transparent);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.01em}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px;color:inherit}a{color:var(--primary-strong)}:focus-visible{outline:none;box-shadow:var(--ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 80%,transparent);border-radius:99px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chat-page{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(90rem 45rem at 50% -20%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 65%),var(--bg)}.chat-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:.18;pointer-events:none}.chat-shell{position:relative;width:100%;max-width:var(--shell-width);display:flex;flex-direction:column;height:100dvh;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 45%)}@media(min-width:640px){.chat-page{align-items:center;padding:24px}.chat-shell{height:min(880px,calc(100dvh - 48px));border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -30px #000c,0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg-alt) 85%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:3}.chat-header__avatar{position:relative;width:44px;height:44px;flex-shrink:0}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface-alt);display:block}.chat-header__avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;padding:2px;background:conic-gradient(from 210deg,var(--primary-strong),var(--accent),var(--primary),var(--primary-strong));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chat-header__info{min-width:0;flex:1}.chat-header__name{font-size:15px;font-weight:600;font-family:var(--font-display);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);margin-top:1px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2fd07e;box-shadow:0 0 #2fd07e99;animation:pulse-dot 2.2s ease-out infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #2fd07e80}70%{box-shadow:0 0 0 7px #2fd07e00}to{box-shadow:0 0 #2fd07e00}}.chat-header__logo{height:26px;width:auto;opacity:.9;flex-shrink:0}.chat-progress{flex-shrink:0;height:3px;background:color-mix(in srgb,var(--border) 60%,transparent);overflow:hidden}.chat-progress__fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-radius:0 99px 99px 0;transition:width .45s cubic-bezier(.22,1,.36,1)}.chat-stream{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px 8px;display:flex;flex-direction:column;gap:3px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.msg-row{display:flex;align-items:flex-end;gap:8px;max-width:100%;animation:bubble-in .32s cubic-bezier(.22,1,.36,1) both}.msg-row+.msg-row{margin-top:3px}.msg-row--group-start{margin-top:14px}.msg-row--user{justify-content:flex-end}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-alt);margin-bottom:2px}.msg-avatar--ghost{visibility:hidden}.bubble{max-width:min(78%,340px);padding:10px 14px;font-size:15px;line-height:1.48;word-break:break-word;white-space:pre-wrap;position:relative}.bubble--bot{background:var(--bot-bubble);color:var(--bot-bubble-text);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 6px}.msg-row--bot:not(.msg-row--group-end) .bubble--bot{border-bottom-left-radius:var(--bubble-radius)}.bubble--user{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:var(--user-bubble-text);border-radius:var(--bubble-radius) var(--bubble-radius) 6px var(--bubble-radius);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--primary-strong) 90%,transparent)}.msg-row--user:not(.msg-row--group-end) .bubble--user{border-bottom-right-radius:var(--bubble-radius)}.bubble p:first-child{margin-top:0}.bubble p:last-child{margin-bottom:0}.bubble a{color:currentColor;text-decoration:underline;text-underline-offset:2px}.bubble ul{margin:4px 0 4px 18px;padding:0}.bubble__image{display:block;width:100%;border-radius:calc(var(--bubble-radius) - 8px);margin-bottom:8px}.bubble__time{display:block;font-size:10.5px;opacity:.55;margin-top:4px;text-align:right}.seen-receipt{align-self:flex-end;font-size:11px;color:var(--text-muted);padding:2px 4px 0;animation:bubble-in .3s ease both}.typing-bubble{display:inline-flex;align-items:center;gap:5px;padding:13px 15px;background:var(--bot-bubble);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 6px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:typing-bounce 1.3s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-6px);opacity:1}}.chat-composer{flex-shrink:0;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-alt) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);transition:opacity .22s ease,transform .22s ease}.chat-composer--hidden{opacity:0;transform:translateY(8px);pointer-events:none}.composer-row{display:flex;align-items:flex-end;gap:8px}.field{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:12px 16px;color:var(--text);resize:none;max-height:120px;transition:border-color .18s ease,background .18s ease}.field::placeholder{color:color-mix(in srgb,var(--text-muted) 85%,transparent)}.field:focus{border-color:var(--primary-strong);background:var(--surface-alt);outline:none;box-shadow:none}.send-fab{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--primary-strong) 100%,transparent);transition:transform .16s ease,opacity .16s ease}.send-fab:active{transform:scale(.92)}.send-fab:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.options-grid{display:flex;flex-direction:column;gap:8px;max-height:46dvh;overflow-y:auto;padding:2px}.option-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:13px 16px;text-align:left;font-size:15px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--button-radius);transition:background .16s ease,border-color .16s ease,transform .12s ease}.option-btn:hover{background:var(--surface-alt);border-color:var(--primary-strong)}.option-btn:active{transform:scale(.985)}.option-btn svg{flex-shrink:0;opacity:.45;transition:opacity .16s ease,transform .16s ease}.option-btn:hover svg{opacity:1;transform:translate(2px)}.options-grid--pair{flex-direction:row}.options-grid--pair .option-btn{justify-content:center}.btn-wide{width:100%;min-height:48px;border-radius:var(--button-radius);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform .14s ease,filter .14s ease}.btn-wide:active{transform:scale(.985)}.btn-wide:hover{filter:brightness(1.08)}.btn-wide:disabled{opacity:.4;cursor:not-allowed}.btn-wide--whatsapp{background:linear-gradient(135deg,#1da851,#25d366)}.error-msg{display:block;font-size:13px;color:#ff8a8a;padding:8px 6px 0;animation:bubble-in .24s ease both}.composer-hint{display:block;font-size:11.5px;color:var(--text-muted);text-align:center;padding-top:8px}.final-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:32px 24px max(32px,env(safe-area-inset-bottom));animation:bubble-in .5s cubic-bezier(.22,1,.36,1) both}.final-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);animation:pop-in .5s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.final-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--primary-strong) 60%,transparent)}.final-title{font-size:24px;font-weight:600;line-height:1.25}.final-desc{font-size:15px;color:var(--text-muted);max-width:34ch;margin:0;white-space:pre-wrap}.final-actions{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px}.final-note{font-size:12.5px;color:var(--text-muted);max-width:32ch}.final-redirect{font-size:12px;color:var(--text-muted)}.chat-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:var(--bg-alt)}.chat-footer img{height:20px;width:auto;opacity:.7}.chat-footer span{font-size:11px;color:var(--text-muted)}.boot-screen{min-height:100dvh;display:grid;place-items:center;gap:16px;background:var(--bg);color:var(--text-muted);text-align:center;padding:24px}.boot-screen .typing-bubble{background:transparent;border-color:transparent}.admin{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.admin-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:color-mix(in srgb,var(--bg-alt) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.admin-topbar__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;margin-right:4px}.admin-topbar__brand img{height:22px}.admin-topbar__spacer{flex:1}.admin-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0}@media(min-width:1100px){.admin-body{grid-template-columns:minmax(0,1fr) 420px}}.admin-main{min-width:0;padding:20px;display:flex;flex-direction:column;gap:18px}.admin-preview{border-left:1px solid var(--border);background:var(--bg-alt);padding:20px;display:none}@media(min-width:1100px){.admin-preview{display:block;position:sticky;top:61px;height:calc(100dvh - 61px);overflow:hidden}}.admin-preview__frame{height:calc(100% - 52px);border-radius:24px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.admin-preview__frame .chat-page{min-height:100%;height:100%;padding:0}.admin-preview__frame .chat-shell{height:100%;max-width:none;border:none;border-radius:0;box-shadow:none}.admin-preview__bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--text-muted)}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;border-bottom:1px solid var(--border);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 14px;font-size:13.5px;font-weight:500;color:var(--text-muted);border-radius:10px 10px 0 0;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 60%,transparent)}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--primary-strong)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.card+.card{margin-top:14px}.card__title{font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:4px}.card__hint{font-size:12.5px;color:var(--text-muted);margin:0 0 14px;line-height:1.5}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.field-group{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:12px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.field-input,.field-select,.field-textarea{width:100%;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:14px;color:var(--text);transition:border-color .15s ease}.field-textarea{resize:vertical;min-height:84px;line-height:1.55;font-family:var(--font-body)}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--primary-strong);outline:none;box-shadow:none}.field-input--mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.field-help{font-size:11.5px;color:var(--text-muted);line-height:1.45}.field-color{display:flex;align-items:center;gap:8px}.field-color input[type=color]{width:38px;height:34px;padding:2px;border:1px solid var(--border);border-radius:9px;background:var(--bg-alt);cursor:pointer;flex-shrink:0}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0;-webkit-user-select:none;user-select:none}.toggle__track{width:40px;height:23px;border-radius:99px;background:var(--border);position:relative;flex-shrink:0;transition:background .18s ease}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .18s cubic-bezier(.22,1,.36,1)}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle input:checked+.toggle__track{background:var(--primary-strong)}.toggle input:checked+.toggle__track:after{transform:translate(17px)}.toggle__label{font-size:13.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:10px;font-size:13.5px;font-weight:500;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);transition:background .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 26%,var(--surface-alt));border-color:var(--primary-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:transparent;color:#fff;font-weight:600}.btn--primary:hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--surface);border-color:transparent}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,#ff5c5c 22%,var(--surface-alt));border-color:#ff5c5c;color:#ffb4b4}.btn--sm{padding:5px 10px;font-size:12px;border-radius:8px}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--text-muted);border:1px solid transparent;transition:background .14s ease,color .14s ease}.icon-btn:hover:not(:disabled){background:var(--surface-alt);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.step-list{display:flex;flex-direction:column;gap:8px}.step-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;transition:border-color .15s ease}.step-item--open{border-color:var(--primary-strong)}.step-item--disabled .step-item__head{opacity:.5}.step-item__head{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;width:100%;text-align:left}.step-item__badge{font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--primary) 30%,transparent);color:#cfe2fb;flex-shrink:0}.step-item__badge--msg{background:color-mix(in srgb,var(--accent) 30%,transparent);color:#b7f0da}.step-item__badge--system{background:color-mix(in srgb,#f4c150 25%,transparent);color:#f7dfa8}.step-item__text{flex:1;min-width:0}.step-item__title{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item__id{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--text-muted)}.step-item__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.step-item__body{padding:4px 14px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.step-item__body>.grid-2:first-child{margin-top:12px}.option-row{display:flex;align-items:center;gap:8px}.option-row .field-input:first-child{flex:1.4}.persona-card{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-alt)}.persona-card__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-alt)}.persona-card__fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;color:var(--text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);vertical-align:top}.table tr:hover td{background:color-mix(in srgb,var(--surface-alt) 50%,transparent)}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--surface-alt);color:var(--text-muted)}.tag--ok{background:color-mix(in srgb,var(--accent) 25%,transparent);color:#b7f0da}.tag--fail{background:color-mix(in srgb,#ff5c5c 20%,transparent);color:#ffb4b4}.alert{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;border:1px solid}.alert--error{background:color-mix(in srgb,#ff5c5c 12%,transparent);border-color:color-mix(in srgb,#ff5c5c 45%,transparent);color:#ffc9c9}.alert--ok{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:#b7f0da}.alert--info{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary-strong) 40%,transparent);color:#cfe2fb}.alert ul{margin:8px 0 0;padding-left:18px}.alert code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;opacity:.85}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(70rem 40rem at 50% -10%,color-mix(in srgb,var(--primary) 25%,transparent),transparent 60%),var(--bg)}.gate__card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;text-align:center}.gate__card img{height:34px;margin:0 auto 4px}.dirty-dot{width:7px;height:7px;border-radius:50%;background:#f4c150;display:inline-block}.muted{color:var(--text-muted);font-size:12.5px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}