*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-main: #111B21;--bg-rail: #111B21;--bg-sidebar: #111B21;--bg-panel: #202C33;--bg-hover: #2A3942;--bg-selected: #2A3942;--bg-sent: #005C4B;--bg-received: #202C33;--bg-input: #2A3942;--bg-chat: #0B141A;--bg-banner: #202C33;--bg-chip: #2A3942;--green: #00A884;--green-dark: #005C4B;--text-primary: #E9EDEF;--text-secondary: #8696A0;--text-inverse: #111B21;--border: #2A3942;--icon: #AEBAC1;--shadow-soft: rgba(0, 0, 0, .16)}html,body,#root{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-main);color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg-main);color:var(--text-primary)}.app.theme-light{--bg-main: #F0F2F5;--bg-rail: #F0F2F5;--bg-sidebar: #FFFFFF;--bg-panel: #FFFFFF;--bg-hover: #F5F6F6;--bg-selected: #F0F2F5;--bg-sent: #D9FDD3;--bg-received: #FFFFFF;--bg-input: #FFFFFF;--bg-chat: #EFEAE2;--bg-banner: #FEF7DF;--bg-chip: #FFFFFF;--green: #00A884;--green-dark: #D9FDD3;--text-primary: #111B21;--text-secondary: #667781;--text-inverse: #FFFFFF;--border: #E9EDEF;--icon: #54656F;--shadow-soft: rgba(11, 20, 26, .1)}.app.theme-dark{--bg-main: #111B21;--bg-rail: #111B21;--bg-sidebar: #111B21;--bg-panel: #202C33;--bg-hover: #2A3942;--bg-selected: #2A3942;--bg-sent: #005C4B;--bg-received: #202C33;--bg-input: #2A3942;--bg-chat: #0B141A;--bg-banner: #182229;--bg-chip: #202C33;--green: #00A884;--green-dark: #005C4B;--text-primary: #E9EDEF;--text-secondary: #8696A0;--text-inverse: #111B21;--border: #2A3942;--icon: #AEBAC1;--shadow-soft: rgba(0, 0, 0, .25)}.landing{min-height:100vh;background:#f7f8f4;color:#13201c;overflow-x:hidden;user-select:none;-webkit-user-select:none}.landing img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.landing-header{width:100%}.landing-nav{width:min(1160px,calc(100% - 40px));margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:18px}.landing-brand img{width:34px;height:34px;border-radius:10px;object-fit:contain;padding:3px;background:#eaf5ed}.landing-nav nav{display:flex;align-items:center;gap:22px;font-size:14px}.landing-nav a{color:#365049;text-decoration:none;font-weight:650}.landing-nav .nav-login{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:8px;background:#16231f;color:#f8fbf6}.landing-hero{width:min(1160px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:0 auto;padding:44px 0 64px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:56px}.hero-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.copy-mascot{position:absolute;right:-166px;top:76px;width:146px;height:146px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:badgeFloat 4.5s ease-in-out infinite;z-index:4}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-lede{position:relative;z-index:2}.eyebrow{color:#108c55;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-copy h1{max-width:620px;font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:0}.hero-copy h1>span{display:block}.headline-line{display:flex;align-items:baseline;gap:.22em;min-width:0}.typewriter{position:relative;display:inline-block;width:8.8em;min-height:1.08em;vertical-align:baseline}.typewriter-measure{display:block;visibility:hidden;white-space:nowrap}.typewriter-live{position:absolute;top:0;right:0;bottom:0;left:0;display:block;white-space:nowrap}.typewriter-caret{display:inline-block;width:.08em;height:.82em;margin-left:.08em;vertical-align:-.05em;background:#18a860;animation:caretBlink .9s steps(1) infinite}@keyframes caretBlink{0%,45%{opacity:1}46%,to{opacity:0}}.hero-lede{max-width:580px;color:#4b5f59;font-size:19px;line-height:1.55}.hero-lede strong{display:inline-block;color:#08683c;font-weight:800;line-height:1.15;padding:.08em .22em .14em;border-radius:5px;background:linear-gradient(180deg,transparent 0%,#baf4ce 0%,#baf4ce 100%,transparent 100%)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.primary-cta,.secondary-cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:8px;text-decoration:none;font-weight:800}.primary-cta{background:#18a860;color:#fff;box-shadow:0 14px 30px #18a86038}.secondary-cta{color:#1b2b26;border:1px solid #cbd8ce;background:#fff}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;top:46px;right:8px;bottom:46px;left:8px;border-radius:38px;background:radial-gradient(circle at 50% 42%,#18a8602e,#0d182100 58%);filter:blur(12px);z-index:-1}.phone-demo{position:relative;width:min(322px,78vw);aspect-ratio:.47;padding:7px;border:1px solid #101114;border-radius:46px;background:#050506;box-shadow:0 28px 80px #07101d3d,inset 0 0 0 1px #ffffff29,inset 0 0 0 4px #000000bd}.phone-notch{position:absolute;top:16px;left:50%;width:70px;height:21px;transform:translate(-50%);border:0;border-radius:999px;background:#08090b;box-shadow:inset -14px 0 #2c417a80;z-index:8;pointer-events:none}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:39px;background:#fff;display:flex;flex-direction:column}.phone-statusbar{min-height:44px;padding:12px 22px 0;display:flex;align-items:center;justify-content:space-between;color:#000;font-size:16px;font-weight:700;background:#fff;letter-spacing:-.03em}.phone-statusbar>div{display:flex;align-items:center;gap:4px}.phone-statusbar img{width:15px;height:15px;object-fit:contain}.phone-statusbar .status-wifi{width:14px;height:14px}.phone-statusbar .status-battery{width:18px;height:18px}.phone-topbar{min-height:56px;padding:3px 10px 8px;display:flex;align-items:center;gap:7px;background:#fff;color:#000}.phone-contact-info{flex:1;min-width:0}.phone-back{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 8px;height:32px;background:#e9e9e9;border-radius:16px;color:#000;flex-shrink:0}.phone-back small{font-size:15px;font-weight:700;color:#000}.phone-back img{width:15px;height:15px}.company-avatar{width:34px;height:34px;border-radius:50%;background:#dfd3c3;display:flex;align-items:center;justify-content:center;color:#7b6650;font-size:13px;font-weight:700;letter-spacing:-.04em;flex-shrink:0}.phone-topbar strong{display:block;color:#000;font-size:15px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-contact-info span{display:flex;align-items:center;gap:3px;margin-top:1px;color:#667781;font-size:12px;font-weight:400}.phone-actions{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0}.phone-actions>span{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 9px;background:#e9e9e9;border-radius:16px;color:#000}.phone-actions img{width:16px;height:16px}.phone-call img:last-child{width:12px;height:12px}.phone-messages{flex:1;overflow:hidden;padding:18px 14px 10px;display:flex;flex-direction:column;gap:10px;background-color:#ece5dd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23c8bba8' stroke-width='1.1' opacity='0.45'%3E%3Ccircle cx='25' cy='25' r='8'/%3E%3Cpath d='M21 25h8M25 21v8'/%3E%3Cpath d='M70 15 Q75 10 80 15 Q85 20 80 25 Q75 30 70 25 Q65 20 70 15Z'/%3E%3Cpath d='M120 40 l4-8 4 8z'/%3E%3Ccircle cx='160' cy='30' r='6'/%3E%3Cpath d='M156 30h8'/%3E%3Cpath d='M30 80 Q35 70 45 70 Q55 70 60 80 Q55 90 45 90 Q35 90 30 80Z'/%3E%3Cpath d='M45 90v10'/%3E%3Ccircle cx='110' cy='90' r='5'/%3E%3Ccircle cx='110' cy='90' r='10' stroke-dasharray='3,3'/%3E%3Cpath d='M160 75 l3-6 3 6z M163 75v8'/%3E%3Cpath d='M20 140 Q25 132 35 132 Q45 132 50 140 L50 155 Q45 160 35 160 Q25 160 20 155Z'/%3E%3Cpath d='M20 148h30'/%3E%3Ccircle cx='100' cy='150' r='9'/%3E%3Cpath d='M96 150l3 3 6-6'/%3E%3Cpath d='M155 130 l5-10 5 10z'/%3E%3Ccircle cx='155' cy='130' r='15' stroke-dasharray='4,4'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px}.phone-bubble{position:relative;width:fit-content;max-width:80%;min-height:0;padding:9px 11px 18px;border-radius:11px;color:#111b21;font-size:14px;font-weight:400;line-height:1.35;transform-origin:left bottom;animation:bubbleIn .22s ease-out both;box-shadow:0 1px 1px #00000014}.phone-bubble:before{content:"";position:absolute;top:0;width:12px;height:12px;background:inherit}.phone-bubble.wide{width:210px}.phone-bubble.short{width:74px}.phone-bubble.inbound{align-self:flex-start;background:#fff;border-top-left-radius:2px}.phone-bubble.inbound:before{left:-6px;clip-path:polygon(100% 0,100% 100%,0 0)}.phone-bubble.outbound{align-self:flex-end;width:216px;padding:10px 12px 17px;background:#d9fdd3;color:#111b21;border-top-right-radius:2px;transform-origin:right bottom}.phone-bubble.outbound:before{right:-6px;clip-path:polygon(0 0,100% 0,0 100%)}.phone-bubble small{position:absolute;right:8px;bottom:4px;color:#8696a0;font-size:10.5px;font-weight:400}.phone-bubble.outbound small{color:#8696a0}.phone-input{min-height:58px;padding:6px 10px 12px;display:flex;align-items:center;gap:8px;background:#f0f0f0}.phone-input span{flex:1;height:32px;display:flex;align-items:center;padding-left:14px;border-radius:21px;background:#fff;color:#8696a0;font-size:13px;font-weight:400}.phone-input button{width:28px;height:32px;border:0;border-radius:0;background:transparent;color:#080808;display:flex;align-items:center;justify-content:center}.phone-input button img{width:24px;height:24px}.phone-camera img,.phone-mic img{width:22px;height:22px}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-footer{width:100%;min-height:96px;border-top:1px solid #dbe4dc;color:#50645e}.landing-footer-inner{width:min(1160px,calc(100% - 40px));min-height:96px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand,.footer-links{display:flex;align-items:center}.footer-brand{gap:10px;color:#304740;text-decoration:none;font-weight:800}.footer-brand img{width:30px;height:30px;object-fit:contain}.footer-company{color:#50645e;font-size:14px;font-weight:650}.footer-links{gap:18px}.footer-links a{color:#50645e;text-decoration:none;font-size:14px;font-weight:700}.app-rail{width:56px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0 12px;border-right:1px solid var(--border);background:var(--bg-rail);color:var(--icon)}.rail-top,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:14px}.rail-btn,.icon-btn,.composer-icon-btn,.composer-inline-icon{border:0;background:transparent;color:var(--icon);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.rail-btn{width:40px;height:40px;border-radius:50%}.rail-btn:hover,.rail-btn.active{background:var(--bg-hover);color:var(--text-primary)}.rail-avatar,.avatar{position:relative;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#8bceb4,#556b85);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rail-avatar{width:32px;height:32px;font-size:13px;border:0;cursor:pointer}.sidebar{width:min(570px,36vw);min-width:380px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-sidebar)}.sidebar-header{min-height:59px;display:flex;align-items:center;justify-content:space-between;padding:10px 17px 10px 19px;background:var(--bg-panel)}.sidebar-header h1{color:var(--green);font-size:20px;font-weight:700}.sidebar-actions,.chat-header-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-box{padding:8px 16px 6px;background:var(--bg-sidebar)}.search-inner{height:36px;display:flex;align-items:center;gap:14px;padding:0 16px;border-radius:999px;background:var(--bg-hover);color:var(--text-secondary)}.search-inner svg{flex-shrink:0;color:var(--icon)}.search-inner input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px}.search-inner input::placeholder{overflow:hidden;color:var(--text-secondary);font-size:14px;opacity:1}.filter-row{display:flex;align-items:center;gap:8px;padding:4px 16px 12px;background:var(--bg-sidebar)}.filter-chip{height:30px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-chip);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.filter-chip.active{border-color:#00a88459;background:var(--green-dark);color:var(--green)}.notification-card{position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;margin:0 12px 12px;padding:14px 12px;border-radius:9px;background:#d9fdd3;color:#111b21}.theme-dark .notification-card{background:#1f3d35;color:#e9edef}.notification-card.enabled{background:#e7fce3}.theme-dark .notification-card.enabled{background:#16362f}.notification-card.blocked{background:#ffe6e8}.theme-dark .notification-card.blocked{background:#3a2228}.notification-card>svg{color:#008069}.notification-card strong,.notification-card span{display:block;font-size:14px;line-height:1.35}.notification-card strong{font-weight:700}.notification-card span{margin-top:2px}.notification-card b{color:#008069}.notification-enable{margin-left:6px;border:0;background:transparent;color:#008069;cursor:pointer;font:inherit;font-weight:800}.notification-close{border:0;background:transparent;color:currentColor;cursor:pointer}.conv-list{flex:1;overflow-y:auto;background:var(--bg-sidebar)}.conv-item{min-height:72px;display:flex;align-items:center;gap:14px;padding:0 16px;cursor:pointer;transition:background .1s}.conv-item:hover,.conv-item.active{background:var(--bg-selected)}.avatar{width:49px;height:49px;font-size:15px}.conv-info{min-width:0;flex:1;height:72px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border)}.conv-top,.conv-bottom{display:flex;align-items:center;gap:8px}.conv-top{justify-content:space-between;margin-bottom:4px}.conv-name{overflow:hidden;color:var(--text-primary);font-size:16px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.conv-time{flex-shrink:0;color:var(--text-secondary);font-size:12px}.conv-last{flex:1;overflow:hidden;color:var(--text-secondary);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.bot-badge{flex-shrink:0;padding:1px 7px;border-radius:999px;background:var(--green);color:var(--text-inverse);font-size:10px;font-weight:800}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:var(--text-secondary);font-size:14px}.chat-shell{flex:1;min-width:0;display:flex;overflow:hidden;background:var(--bg-chat)}.chat-area{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-header{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-left:1px solid var(--border);background:var(--bg-panel)}.chat-header-left{min-width:0;display:flex;align-items:center;gap:14px}.chat-avatar{width:40px;height:40px;font-size:13px}.chat-title-block{min-width:0}.chat-contact-name{overflow:hidden;color:var(--text-primary);font-size:16px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.chat-contact-phone{margin-top:1px;color:var(--text-secondary);font-size:13px}.chat-icon-btn{color:var(--icon)}.chat-action-divider{width:1px;height:30px;background:var(--border)}.btn{min-height:32px;padding:0 14px;border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:650;transition:opacity .15s,background .15s}.btn:hover{opacity:.86}.btn-takeover{background:var(--green);color:#fff}.btn-resolve{background:var(--bg-hover);color:var(--text-secondary)}.badge-human{padding:7px 11px;border-radius:999px;background:var(--green-dark);color:var(--green);font-size:12px;font-weight:700;white-space:nowrap}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:10px 64px 18px;background-color:var(--bg-chat);background-image:linear-gradient(#ffffffb8,#ffffffb8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='%23c8bba8' stroke-width='1.2' opacity='0.55'%3E%3Ccircle cx='32' cy='28' r='9'/%3E%3Cpath d='M27 28h10M32 23v10'/%3E%3Cpath d='M86 26q8-12 16 0q-8 12-16 0zM94 38v13'/%3E%3Cpath d='M150 18l7 14h-14z'/%3E%3Ccircle cx='210' cy='34' r='7'/%3E%3Cpath d='M202 34h16'/%3E%3Cpath d='M38 98q12-18 30 0q-12 18-30 0zM53 116v18'/%3E%3Ccircle cx='126' cy='106' r='8'/%3E%3Ccircle cx='126' cy='106' r='17' stroke-dasharray='4 5'/%3E%3Cpath d='M206 88l5-12 5 12M211 88v18'/%3E%3Cpath d='M28 184q7-15 24-15t24 15v22q-10 9-24 9t-24-9zM28 194h48'/%3E%3Ccircle cx='128' cy='196' r='11'/%3E%3Cpath d='M122 196l5 5 10-12'/%3E%3Cpath d='M198 170l9-18 9 18z'/%3E%3Ccircle cx='207' cy='170' r='22' stroke-dasharray='5 6'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,260px 260px}.theme-dark .messages{background-image:linear-gradient(#0b141adb,#0b141adb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='%23708088' stroke-width='1.2' opacity='0.30'%3E%3Ccircle cx='32' cy='28' r='9'/%3E%3Cpath d='M27 28h10M32 23v10'/%3E%3Cpath d='M86 26q8-12 16 0q-8 12-16 0zM94 38v13'/%3E%3Cpath d='M150 18l7 14h-14z'/%3E%3Ccircle cx='210' cy='34' r='7'/%3E%3Cpath d='M202 34h16'/%3E%3Cpath d='M38 98q12-18 30 0q-12 18-30 0zM53 116v18'/%3E%3Ccircle cx='126' cy='106' r='8'/%3E%3Ccircle cx='126' cy='106' r='17' stroke-dasharray='4 5'/%3E%3Cpath d='M206 88l5-12 5 12M211 88v18'/%3E%3Cpath d='M28 184q7-15 24-15t24 15v22q-10 9-24 9t-24-9zM28 194h48'/%3E%3Ccircle cx='128' cy='196' r='11'/%3E%3Cpath d='M122 196l5 5 10-12'/%3E%3Cpath d='M198 170l9-18 9 18z'/%3E%3Ccircle cx='207' cy='170' r='22' stroke-dasharray='5 6'/%3E%3C/g%3E%3C/svg%3E")}.chat-date-pill{align-self:center;box-shadow:0 1px 1px var(--shadow-soft);color:var(--text-secondary);font-size:12px;margin:0 0 6px;padding:5px 12px;border-radius:8px;background:var(--bg-panel)}.msg-wrapper{display:flex}.msg-wrapper.out{justify-content:flex-end}.msg-wrapper.in{justify-content:flex-start}.bubble{position:relative;max-width:min(560px,64%);padding:6px 8px 5px 9px;color:var(--text-primary);font-size:14.2px;line-height:1.38;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 1px var(--shadow-soft)}.bubble.out{background:var(--bg-sent);border-radius:8px 0 8px 8px}.bubble.in{background:var(--bg-received);border-radius:0 8px 8px}.bubble-content{display:inline}.bubble-meta{min-width:58px;float:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;margin:5px 0 0 10px;color:var(--text-secondary)}.bubble-time,.bubble-bot{font-size:11px;line-height:1}.chat-input-area{min-height:62px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-panel)}.chat-input-area.locked{justify-content:center;padding:14px 16px}.chat-input-area.locked p{color:var(--text-secondary);font-size:13px}.composer-icon-btn{width:36px;height:40px;border-radius:50%}.composer-icon-btn:hover,.composer-inline-icon:hover{color:var(--text-primary)}.composer-box{min-width:0;flex:1;min-height:42px;display:flex;align-items:center;gap:8px;border-radius:999px;background:var(--bg-input)}.chat-input{min-width:0;flex:1;max-height:120px;padding:10px 2px 10px 16px;border:none;outline:none;resize:none;background:transparent;color:var(--text-primary);font:inherit;font-size:15px;line-height:1.4;overflow-y:auto}.chat-input::placeholder{color:var(--text-secondary)}.composer-inline-icon{width:38px;height:38px;border-radius:50%;flex-shrink:0}.send-btn{width:42px;height:42px;border:none;border-radius:50%;background:var(--green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .15s}.send-btn:not(:disabled):hover{transform:scale(1.04)}.send-btn:disabled{opacity:.45;cursor:default}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg-main);color:var(--text-primary);text-align:center}.empty-state-illustration{color:var(--text-secondary);opacity:.65}.empty-state h2{font-size:32px;font-weight:300}.empty-state p{max-width:440px;color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-error-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.auth-error-box{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-panel);border-radius:12px;padding:40px 48px;max-width:400px;text-align:center}.auth-error-box p{font-size:14px;color:var(--text-secondary);line-height:1.6}.access-setup-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-main);color:var(--text-primary)}.access-setup-card{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:42px 34px;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);box-shadow:0 18px 50px var(--shadow-soft);text-align:center}.access-setup-icon{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-dark);color:var(--green)}.access-setup-card h1{font-size:28px;line-height:1.18;font-weight:650}.access-setup-card p{color:var(--text-secondary);font-size:15px;line-height:1.55}.access-setup-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:0 18px;border-radius:999px;background:var(--green);color:#fff;font-size:14px;font-weight:800;text-decoration:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-panel);border-radius:12px;width:520px;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1rem;font-weight:600}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:6px;display:flex;transition:background .15s}.modal-close-btn:hover{background:var(--bg-hover)}.modal-section{padding:20px;display:flex;flex-direction:column;gap:12px}.modal-section.admin-section{overflow-y:auto}.modal-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-loading{font-size:13px;color:var(--text-secondary)}.integration-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-input);border-radius:10px;padding:12px 14px}.integration-info{display:flex;align-items:center;gap:12px}.integration-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-name{font-size:14px;font-weight:500}.integration-status{font-size:12px;color:var(--text-secondary);margin-top:2px}.integration-status.connected{color:var(--green)}.modal-footer{padding:16px 20px;border-top:1px solid var(--border)}.btn-signout{display:flex;align-items:center;gap:7px;background:var(--bg-hover);color:var(--text-secondary);width:100%;justify-content:center;padding:8px 14px}.btn-signout:hover{opacity:.85}.profile-modal{width:360px}.profile-summary{display:flex;align-items:center;gap:12px}.profile-summary>div:last-child{min-width:0}.profile-summary strong,.profile-summary span{display:block}.profile-summary strong{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-summary span{margin-top:3px;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-form,.admin-field,.admin-card{display:flex;flex-direction:column;gap:14px}.admin-form.inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.admin-form strong,.admin-card strong,.admin-field span{color:var(--text-primary);font-size:13px;font-weight:700}.admin-card span{display:block;margin-top:3px;color:var(--text-secondary);font-size:12px}.admin-card{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:10px;background:var(--bg-input)}.admin-switch{position:relative;width:36px;height:22px;flex-shrink:0;cursor:pointer}.admin-switch input{position:absolute;opacity:0;pointer-events:none}.admin-switch span{display:block;width:100%;height:100%;margin:0;border-radius:999px;background:var(--border);transition:background .16s ease}.admin-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .16s ease}.admin-switch input:checked+span{background:var(--green)}.admin-switch input:checked+span:after{transform:translate(14px)}.admin-form input,.admin-form textarea,.admin-field select{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--bg-input);color:var(--text-primary);font:inherit;font-size:13px;outline:none;padding:9px 11px}.admin-form textarea{resize:vertical}.admin-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.admin-check input{width:auto}.admin-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.admin-list span{border-radius:999px;background:var(--bg-hover);color:var(--text-secondary);font-size:12px;padding:5px 9px}.admin-page,.settings-page{flex:1;min-width:0;display:grid;grid-template-columns:minmax(340px,520px) 1fr;background:var(--bg-main);color:var(--text-primary)}.admin-nav-panel,.settings-nav-panel{overflow-y:auto;padding:26px 16px;background:var(--bg-sidebar);border-right:1px solid var(--border)}.admin-content-panel,.settings-content-panel{min-width:0;overflow-y:auto;padding:44px;background:var(--bg-chat)}.settings-integration-row{justify-content:space-between}.settings-integration-row .btn{flex-shrink:0}.settings-blank-detail{min-height:100%}.admin-subpage-header,.settings-subpage-header,.admin-page-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.admin-subpage-header,.settings-subpage-header{min-height:44px}.admin-subpage-header>div{min-width:0}.admin-back-btn{width:42px;height:42px;border:1px solid var(--green);border-radius:999px;background:transparent;color:var(--text-primary);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.admin-header-action{width:40px;height:40px;margin-left:auto;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.admin-header-action:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-kicker{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-page-header h1{margin-top:6px;font-size:32px;line-height:1.15;font-weight:650}.admin-subpage-header h1,.settings-subpage-header h1{font-size:22px;line-height:1.2;font-weight:500}.admin-page-header p,.admin-subpage-header p,.admin-muted{color:var(--text-secondary);font-size:14px;line-height:1.5}.admin-subpage-header p,.admin-page-header p{margin-top:8px}.admin-menu-list{display:flex;flex-direction:column;gap:2px}.admin-menu-item{width:100%;min-height:72px;display:flex;align-items:center;gap:18px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);padding:12px 16px;cursor:pointer;text-align:left}.admin-menu-item:hover{background:var(--bg-hover)}.admin-menu-item.active{background:var(--bg-selected)}.admin-menu-control{justify-content:space-between;cursor:default}.admin-menu-main{display:flex;align-items:center;gap:18px;min-width:0}.admin-menu-switch{margin-left:12px}.admin-menu-item strong,.admin-menu-item small{display:block}.admin-menu-item strong{font-size:15px;font-weight:500}.admin-menu-item small{margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.35}.admin-menu-icon{width:28px;color:var(--text-secondary);display:grid;place-items:center;flex-shrink:0}.admin-client-initial{width:38px;height:38px;border-radius:999px;background:var(--green);color:#fff;font-size:15px;font-weight:700}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.admin-panel{display:flex;flex-direction:column;gap:14px;width:100%;max-width:880px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel)}.admin-panel-narrow{max-width:720px}.admin-panel-wide{max-width:980px}.admin-panel.wide{grid-column:1 / -1}.admin-panel-title h2{font-size:17px;font-weight:700}.admin-panel-title p{margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-faq-sidebar-list{display:flex;flex-direction:column;gap:8px}.admin-faq-sidebar-item{display:grid;gap:4px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);padding:14px 16px;text-align:left;cursor:pointer}.admin-faq-sidebar-item:hover,.admin-faq-sidebar-item.active{background:var(--bg-hover)}.admin-faq-sidebar-item strong{font-size:13px;font-weight:700}.admin-faq-sidebar-item span,.admin-faq-sidebar-item small{color:var(--text-secondary);font-size:12px;line-height:1.35}.admin-empty-state{min-height:calc(100vh - 88px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.admin-empty-state h2{margin-top:18px;color:var(--text-primary);font-size:28px;font-weight:400}.admin-empty-state p{max-width:360px;margin-top:10px;font-size:14px;line-height:1.5}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--green-dark);color:var(--green);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:200;border:1px solid var(--green)}.notification-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#111b21e6;color:#f0f2f5}.notification-guide-card{display:flex;align-items:flex-start;gap:18px;max-width:460px;padding:24px}.notification-guide-icon{width:44px;height:44px;border-radius:999px;background:#ffffff1f;display:grid;place-items:center;flex-shrink:0}.notification-guide-card h2{font-size:21px;font-weight:500;margin-bottom:10px}.notification-guide-card p{font-size:14px;line-height:1.5;margin-bottom:22px}.qr-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-chat);padding:24px}.qr-card{display:flex;background:var(--bg-panel);border-radius:16px;overflow:hidden;max-width:780px;width:100%;box-shadow:0 8px 40px #0006}.qr-card-left{flex:1;padding:48px 40px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border)}.qr-brand{display:flex;align-items:center;gap:10px}.qr-brand-icon{width:32px;height:32px;flex-shrink:0}.qr-brand span{font-size:14px;font-weight:600;color:var(--text-secondary)}.qr-card-left h1{font-size:1.5rem;font-weight:600;line-height:1.3}.qr-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.qr-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:4px}.qr-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.qr-step-num{width:22px;height:22px;border-radius:50%;background:var(--bg-hover);color:var(--text-primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.qr-card-right{width:280px;flex-shrink:0;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:16px}.qr-frame{width:232px;height:232px;border-radius:12px;background:#e8f4f1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.qr-frame.loading,.qr-frame.error,.qr-frame.timeout{background:var(--bg-hover)}.qr-code-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px}.qr-skeleton{width:200px;height:200px;border-radius:8px;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-skeleton-label{position:absolute;bottom:10px;font-size:12px;color:var(--text-secondary)}.qr-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center}.qr-status span{font-size:15px;font-weight:600}.qr-status-success span{color:var(--green)}.qr-status-error span{color:var(--text-secondary)}.qr-err-detail{font-size:11px;color:#e57373;background:#e573731a;border-radius:6px;padding:5px 10px;word-break:break-word;margin-top:2px}.qr-retry-btn{background:var(--green-dark);color:var(--green);margin-top:4px}.qr-hint{font-size:12px;color:var(--text-secondary);text-align:center;max-width:200px;line-height:1.5;min-height:36px}@media(max-width:980px){.sidebar{width:380px;min-width:380px}.messages{padding-inline:28px}.chat-header-actions .badge-human{display:none}.chat-shell{position:relative}.landing-hero{grid-template-columns:1fr}.landing-hero{gap:20px;padding-top:34px}.hero-visual{min-height:430px;justify-content:flex-start}.copy-mascot{position:static;width:72px;height:72px;border-radius:18px}.phone-demo{width:min(300px,78vw)}}@media(max-width:760px){.app-rail{width:48px}.sidebar{width:300px;min-width:300px}.chat-header{padding-inline:10px}.chat-header-actions{gap:4px}.chat-action-divider,.chat-header-actions .btn-resolve{display:none}.btn{padding:0 10px}.messages{padding-inline:12px}.bubble{max-width:84%}.landing-nav{width:min(100% - 28px,1160px)}.landing-nav nav a:not(.nav-login){display:none}.landing-hero,.landing-footer-inner{width:min(100% - 28px,1160px)}.landing-hero{min-height:auto}.hero-copy h1{font-size:36px}.hero-lede{font-size:16px}.hero-visual{min-height:430px;justify-content:center}.phone-demo{width:min(280px,82vw)}.landing-footer-inner{padding:24px 0;flex-direction:column;align-items:flex-start;gap:12px}}