:root{--app-height: 100vh;--visual-viewport-offset-top: 0px;color:#f7f3ff;background:#100d1a;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#100d1a}button,input,textarea{font:inherit}button{color:inherit}.login-shell,.loading-screen{min-height:var(--app-height, 100vh);display:grid;place-items:center;padding:24px;color:#f7f3ff;background:#100d1a}.login-card{width:min(420px,100%);display:grid;gap:12px;padding:32px;background:#171222;border:2px solid #7062ff;border-radius:28px}.login-card h1,.login-card p{margin:0 0 8px}.login-logo{display:block;width:min(220px,70%);height:auto;margin:0 auto 8px}.login-card label{color:#c9c0d9}.login-card input{width:100%;padding:13px 15px;color:#f7f3ff;background:#221d31;border:1px solid #514665;border-radius:12px}.login-card button,.logout-button{min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#ff278c;color:#100d19;font-weight:800;cursor:pointer}.login-card button:disabled{opacity:.65;cursor:wait}.form-error{color:#ff9fbd}.logout-button{flex:0 0 auto}.empty-chat{margin:32px auto;color:#988ba9;text-align:center}.delivery{margin-left:4px;font-size:14px}.delivery.pending{color:#d8cde8}.delivery-error{max-width:260px;overflow:hidden;color:#ffb0c8;text-overflow:ellipsis;white-space:nowrap}.retry-button{padding:3px 8px;color:#fff;background:#a82169;border:0;border-radius:8px;cursor:pointer}.composer button:disabled{opacity:.45;cursor:not-allowed}.page-shell{height:var(--app-height, 100vh);min-height:0;padding:20px 16px;display:grid;place-items:start center;overflow:hidden;background:#efefef}.chat-shell{position:relative;width:min(660px,100%);min-width:0;height:calc(var(--app-height, 100vh) - 40px);max-height:1420px;min-height:0;display:grid;grid-template-rows:118px minmax(0,1fr) auto;overflow:hidden;background:#100d1a;border:2px solid #7062ff;border-radius:48px;box-shadow:0 14px 30px #1612262e}.push-opt-in{position:absolute;z-index:4;right:21px;bottom:136px;left:21px;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#f7f3ff;background:#221d31;border:1px solid #7062ff;border-radius:14px;box-shadow:0 10px 24px #00000059}.push-opt-in-copy{display:grid;flex:1 1 auto;gap:2px;min-width:0;font-size:14px}.push-opt-in-copy span{color:#c9c0d9;font-size:13px}.push-opt-in-enable{flex:0 0 auto;padding:8px 14px;border:0;border-radius:10px;background:#ff278c;color:#100d19;font-weight:800;cursor:pointer}.push-opt-in-enable:disabled{opacity:.65;cursor:wait}.push-opt-in-close{flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#c9c0d9;font-size:20px;line-height:1;cursor:pointer}.push-opt-in-enable:focus-visible,.push-opt-in-close:focus-visible{outline:3px solid #2ce9fb;outline-offset:3px}.chat-error{position:absolute;z-index:4;top:103px;left:50%;width:max-content;max-width:90%;margin:0;padding:7px 12px;transform:translate(-50%);color:#fff;background:#8f174f;border-radius:9px;font-size:13px;text-align:center}.chat-header{position:relative;z-index:2;width:100%;min-width:0;display:flex;align-items:center;gap:19px;padding:22px 46px 21px 27px;background:#15111f;border-bottom:2px solid #8a174e}.profile-wrap{position:relative;flex:0 0 auto}.profile-avatar,.agent-avatar{display:grid;place-items:center;border-radius:50%;color:#16111f;background:#ffc33a;font-weight:800}.profile-avatar{width:70px;height:70px;font-size:31px}.mini-bot{position:absolute;right:-6px;bottom:-6px;width:38px;height:38px;display:grid;place-items:center;border:3px solid #29dff7;border-radius:50%;color:#28e8fb;background:#183141;box-shadow:0 0 18px #19e0f68c}.mini-bot svg{width:23px}.mini-bot svg,.bot-avatar svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mini-bot .bot-fill,.bot-avatar .bot-fill{fill:currentColor;stroke:none}.profile-copy{min-width:0;flex:1}.profile-copy h1{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:28px;line-height:1.05;letter-spacing:-.5px;white-space:nowrap}.profile-copy p{margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;color:#c9c0d9;font-size:20px;line-height:1;white-space:nowrap}.online-dot{display:inline-block;width:12px;height:12px;margin-right:9px;border-radius:50%;background:#30f18c;box-shadow:0 0 10px #30f18c}.header-button{flex:0 0 auto;border:0;background:transparent;cursor:pointer}.info-button{width:46px;height:46px;padding:3px;color:#e6dff2}.info-button svg{width:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.info-button .icon-fill{fill:currentColor;stroke:none}.menu-button{width:28px;height:44px;padding:5px 11px;display:grid;place-content:center;gap:6px}.menu-button span{width:6px;height:6px;border-radius:50%;background:#d8cde8}.message-area{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 16px 23px;background-color:#0f0c19;background-image:radial-gradient(circle,rgba(126,105,180,.12) 2px,transparent 2.4px);background-size:34px 34px;background-position:0 0}.message-area::-webkit-scrollbar{display:none}.message-row{position:relative;display:flex;align-items:flex-end}.message-row-user{justify-content:flex-end}.bubble{font-size:24px;line-height:1.38}.bubble p{margin:0}.bubble footer{height:22px;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#c8bdd6;font-size:18px;line-height:1}.user-bubble{max-width:528px;padding:14px 17px 10px 21px;background:#601641;border:2px solid #a82169;border-radius:26px 26px 6px}.transfer-message{margin-top:-1px}.transfer-bubble{width:416px;padding:0 13px 10px 14px;border-radius:0 0 6px 26px}.transfer-bubble>p{padding:7px 8px 9px}.transfer-visual{height:254px;margin:0 -1px;display:grid;place-items:center;overflow:hidden;background:#2b2946;border-radius:0 0 21px 21px}.receipt{width:252px;height:165px;padding:23px 20px;color:#211e2a;background:#f6f5fb;border-radius:10px;transform:rotate(-3deg);box-shadow:0 7px 20px #00000026}.receipt-title{display:flex;align-items:center;gap:10px;font-size:15px;white-space:nowrap}.check-circle{width:27px;height:27px;display:grid;place-items:center;color:#fff;background:#20a96b;border-radius:50%;font-weight:900}.amount{margin:10px 0;font:700 30px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.amount span{font-family:inherit;font-size:26px}.receipt-line{height:8px;margin-top:10px;border-radius:5px;background:#dcdae5}.receipt-line-long{width:100%}.receipt-line-medium{width:78%}.receipt-line-short{width:60%}.bot-avatar{flex:0 0 auto;width:54px;height:54px;margin-right:14px;display:grid;place-items:center;color:#27e2f5;background:#123140;border:3px solid #26e5fa;border-radius:50%;box-shadow:0 0 20px #24e3f973}.bot-avatar svg{width:33px}.message-row-bot{margin-top:11px}.bot-bubble{width:480px;padding:10px 16px 9px;color:#edfbff;background:#0d2d37;border:2px solid #137c8b;border-radius:25px 25px 25px 6px}.bubble h2{margin:0 0 6px;font-size:20px;line-height:1}.bot-bubble h2{color:#21e6f5}.bubble h2 span{display:inline-block;margin-left:4px;padding:3px 9px 2px;color:#0d2630;background:#26d8ee;border-radius:6px;font-size:15px;letter-spacing:.5px;vertical-align:2px}.bot-bubble footer{color:#8fc7d1}.event-pill{width:max-content;margin:19px auto;padding:7px 20px;display:flex;align-items:center;gap:10px;color:#d7cce6;background:#1d192c;border:2px solid #332c49;border-radius:24px;font-size:19px;line-height:1}.event-pill span{width:15px;height:15px;border-radius:50%;background:#ffc640;box-shadow:0 0 11px #ffc640}.message-row-agent{margin-top:0}.agent-avatar{flex:0 0 auto;width:54px;height:54px;margin-right:14px;font-size:23px}.agent-bubble{width:480px;padding:13px 16px 10px;color:#fbf6ff;background:#211b2e;border:2px solid #39304d;border-radius:25px 25px 25px 6px}.agent-bubble h2{color:#ffc436}.agent-bubble h2 span{color:#ffc63d;background:transparent;border:2px solid #d59e21;padding:1px 9px 0}.file-message{margin-top:10px}.file-bubble{width:528px;padding:10px 10px 10px 19px}.attachment{width:396px;min-height:106px;margin:0 0 9px -7px;padding:15px;display:flex;align-items:center;gap:16px;color:inherit;text-align:left;text-decoration:none;border:0;border-radius:18px;background:#47102f;cursor:pointer}.attachment-disabled{pointer-events:none;opacity:.72}.attachment-image{display:block;width:min(396px,100%);max-height:365px;margin-bottom:9px;object-fit:contain;border-radius:16px;background:#211b2e}.attachment-placeholder{width:min(396px,100%);min-height:84px;margin-bottom:9px;display:grid;place-items:center;color:#d8c8db;background:#47102f;border-radius:16px;font-size:16px}.pdf-icon{flex:0 0 auto;width:64px;height:75px;display:grid;place-items:end center;padding-bottom:10px;color:#062d3a;background:#29d8ed;border-radius:10px;font-weight:900;font-size:17px}.attachment-copy{min-width:0;display:grid;gap:4px}.attachment-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:22px;white-space:nowrap}.attachment-copy span{color:#d8c8db;font-size:18px}.file-bubble>p{padding:0 1px 8px}.last-bot-message{margin-top:12px}.last-bot-message .bot-bubble{padding-bottom:10px}.checks{position:relative;width:29px;height:19px;display:inline-block}.checks i{position:absolute;top:1px;width:9px;height:16px;border-right:3px solid #25dff4;border-bottom:3px solid #25dff4;transform:rotate(42deg)}.checks i:first-child{left:6px}.checks i:last-child{left:14px}.added-message{margin-top:12px}.composer{width:100%;min-width:0;min-height:122px;display:flex;align-items:flex-end;gap:13px;padding:19px 14px;background:#171222;border-top:2px solid #251c34}.composer-field{min-width:0;flex:1;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:12px 15px 12px 30px;background:#221d31;border:2px solid #39304e;border-radius:42px;transition:border-color .15s,box-shadow .15s}.composer-field:focus-within{border-color:#2ce9fb;box-shadow:0 0 0 1px #2ce9fb}.composer-row{min-width:0;display:flex;align-items:flex-end;gap:8px}.pending-image{position:relative;flex:0 0 auto;width:96px;height:96px;margin-top:6px}.pending-image img{width:100%;height:100%;object-fit:cover;border-radius:14px;border:2px solid #39304e}.pending-image-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;padding:5px;display:grid;place-items:center;color:#f5efff;background:#4a405f;border:0;border-radius:50%;cursor:pointer}.pending-image-remove svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.pending-image-remove:focus-visible{outline:3px solid #2ce9fb;outline-offset:2px}.composer textarea{min-width:0;flex:1;align-self:center;display:block;max-height:6.5em;margin:0;padding:0;overflow-y:auto;color:#f5efff;background:transparent;border:0;outline:0;resize:none;font-size:25px;line-height:1.3}.composer textarea::placeholder{color:#988ba9;opacity:1}.attach-button{flex:0 0 auto;width:47px;height:38px;padding:7px;color:#9f94b1;background:transparent;border:0;cursor:pointer}.attach-button svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.send-button{flex:0 0 auto;width:84px;height:84px;display:grid;place-items:center;color:#100d19;background:#ff278c;border:0;border-radius:50%;box-shadow:0 0 26px #ff278c6b;cursor:pointer}.send-button svg{width:46px;fill:currentColor}.send-button:focus-visible,.header-button:focus-visible,.attach-button:focus-visible,.attachment:focus-visible{outline:3px solid #2ce9fb;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.page-shell{position:absolute;top:var(--visual-viewport-offset-top, 0px);right:0;bottom:auto;left:0;padding:0;background:#100d1a}.push-opt-in{right:9px;bottom:88px;left:9px}.chat-shell{width:100%;height:var(--app-height, 100vh);min-height:0;max-height:none;grid-template-rows:80px minmax(0,1fr) auto;border:0;border-radius:0}.chat-header{gap:7px;padding:12px 9px;overflow:hidden}.profile-avatar{width:50px;height:50px;font-size:23px}.mini-bot{width:28px;height:28px;right:-4px;bottom:-4px;border-width:2px}.mini-bot svg{width:18px}.profile-copy h1{font-size:clamp(18px,5vw,24px)}.profile-copy p{margin-top:5px;font-size:clamp(13px,3.5vw,17px)}.online-dot{width:9px;height:9px;margin-right:6px}.info-button{width:44px;height:44px;padding:7px}.menu-button{width:44px;height:44px;margin-left:-3px;padding-inline:19px}.message-area{padding:0 9px 15px}.bubble{font-size:clamp(16px,4.1vw,21px)}.bubble footer{font-size:14px}.transfer-bubble{width:min(82vw,478px)}.transfer-visual{height:200px}.receipt{transform:rotate(-3deg) scale(.82)}.bot-avatar,.agent-avatar{width:44px;height:44px;margin-right:8px}.bot-avatar svg{width:26px}.bot-bubble,.agent-bubble{width:calc(100vw - 76px)}.bubble h2{font-size:16px}.bubble h2 span{font-size:13px}.event-pill{max-width:90%;font-size:14px}.file-bubble{width:min(86vw,606px)}.attachment{width:min(100%,396px);min-height:84px}.pdf-icon{width:52px;height:60px;font-size:14px}.attachment-copy strong{font-size:17px}.attachment-copy span{font-size:14px}.composer{min-height:80px;gap:7px;padding:11px 7px;overflow:hidden}.composer-field{min-height:58px;gap:7px;padding:8px 8px 8px 17px;border-radius:29px}.pending-image{width:64px;height:64px;margin-top:4px}.pending-image img{border-radius:10px}.pending-image-remove{width:44px;height:44px;top:-11px;right:-11px;padding:11px;background:transparent}.pending-image-remove svg{padding:4px;background:#4a405f;border-radius:50%}.composer textarea{max-height:5.2em;font-size:clamp(16px,4.3vw,21px)}.attach-button{width:44px;height:44px;padding:7px}.send-button{width:58px;height:58px}.send-button svg{width:33px}}@media(max-width:350px){.chat-header{gap:6px;padding-inline:8px}.profile-avatar{width:46px;height:46px;font-size:21px}.profile-copy h1{font-size:17px}.profile-copy p{font-size:13px}.info-button{width:44px;height:44px}.menu-button{margin-left:-4px}.composer{gap:6px;padding-inline:7px}.composer-field{padding-left:16px}.send-button{width:54px;height:54px}}