:root{color:#183044;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#0b2436;--navy-900:#102f46;--navy-800:#173f5c;--teal-600:#11877c;--teal-500:#17a697;--teal-100:#dff6f2;--green:#25d366;--surface:#fff;--surface-soft:#f5f7f8;--line:#dfe6ea;--muted:#6f828f;--danger:#b74444;--warning:#a76a19;--shadow:0 18px 45px #0e293a1f;background:#edf1f3;font-family:Inter,Aptos,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #17a69740}.spin{animation:.9s linear infinite spin}.rotate-180{transform:rotate(180deg)}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100dvh;color:var(--navy-800);background:radial-gradient(circle at 20% 15%,#17a6971f,#0000 30%),#f3f6f7;place-content:center;justify-items:center;gap:12px;display:grid}.app-loading span{color:var(--muted);font-size:14px}.login-page{background:#f8fafb;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);min-height:100dvh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#082436f5,#114957f0),#102f46;align-items:flex-end;padding:clamp(50px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-visual:after{aspect-ratio:1;content:"";background:radial-gradient(circle,#23d6a53d,#23d6a500);border-radius:50%;width:70%;position:absolute;bottom:-23%;right:-15%}.login-orbit{border:1px solid #aaefdd29;border-radius:50%;position:absolute}.login-orbit:after{content:"";background:#47d9bc;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 0 25px #47d9bcbf}.login-orbit-one{width:44vw;height:44vw;top:-15vw;right:-12vw}.login-orbit-one:after{bottom:13%;left:13%}.login-orbit-two{width:22vw;height:22vw;top:6vw;right:3vw}.login-orbit-two:after{width:7px;height:7px;top:8%;left:24%}.login-visual-content{z-index:1;max-width:610px;position:relative}.login-visual h1{letter-spacing:-.045em;margin:18px 0 24px;font-family:Aptos Display,Inter,system-ui,sans-serif;font-size:clamp(40px,4vw,64px);line-height:1.06}.login-visual-content>p:last-child{color:#e6f5f4b8;max-width:540px;margin:0;font-size:17px;line-height:1.65}.eyebrow{color:var(--teal-500);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.login-visual .eyebrow{color:#70e1cd}.brand-logo{object-fit:contain;flex:none;display:block}.login-brand-logo{background:#fffffff5;border:1px solid #ffffff3d;border-radius:21px;width:82px;height:82px;margin-bottom:28px;padding:9px;box-shadow:0 14px 32px #0214253d}.login-mobile-logo{width:43px;height:43px}.sidebar-logo{width:42px;height:42px}.login-panel{place-items:center;padding:56px;display:grid}.login-card{flex-direction:column;gap:24px;width:min(100%,420px);display:flex}.login-card h2{color:var(--navy-950);letter-spacing:-.04em;margin:8px 0;font-family:Aptos Display,Inter,system-ui,sans-serif;font-size:38px}.login-subtitle{color:var(--muted);margin:0}.login-mobile-brand{align-items:center;gap:11px;margin-bottom:26px;font-family:Aptos Display,Inter,system-ui,sans-serif;font-weight:800;display:none}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:#445c6d;font-size:13px;font-weight:600}.field input{width:100%;height:50px;color:var(--navy-950);background:#fff;border:1px solid #d6e0e5;border-radius:11px;padding:0 15px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 4px #17a6971a}.field input::placeholder{color:#a2b0b9}.input-with-icon{position:relative}.input-with-icon svg{color:#8ca0ad;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-with-icon input{padding-left:44px}.form-error{color:#a33b3b;background:#fff4f4;border:1px solid #f0cece;border-radius:9px;padding:11px 13px;font-size:13px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--navy-900);box-shadow:0 9px 24px #102f4633}.primary-button:hover:not(:disabled){background:#17415f}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.login-button{height:51px;margin-top:2px}.inbox-app{background:radial-gradient(circle at 90% 5%,#1a9b8f14,#0000 24%),#e9eef0;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:12px;height:100dvh;padding:12px;display:grid}.conversation-sidebar,.chat-panel,.chat-empty{background:var(--surface);border:1px solid #cdd8dee6;border-radius:16px;min-height:0;box-shadow:0 8px 25px #1530400f}.conversation-sidebar{flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;padding:0 20px;display:flex}.sidebar-brand{align-items:center;gap:11px;display:flex}.sidebar-brand>div:last-child{flex-direction:column;display:flex}.sidebar-brand strong{color:var(--navy-950);letter-spacing:-.02em;font-family:Aptos Display,Inter,system-ui,sans-serif;font-size:15px}.sidebar-brand span{color:var(--muted);margin-top:2px;font-size:10px}.live-indicator{color:#31796f;letter-spacing:.05em;text-transform:uppercase;background:#f1faf8;border:1px solid #d7eee9;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:flex}.live-indicator span{background:#27bb83;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #27bb8324}.conversation-tools{border-bottom:1px solid #edf1f3;padding:15px 16px 12px}.search-box{color:#8396a2;background:#f2f5f6;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;height:41px;padding:0 11px;transition:border-color .16s,background .16s;display:flex}.search-box:focus-within{background:#fff;border-color:#b8ddd7}.search-box input{min-width:0;color:var(--navy-950);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box input::placeholder{color:#93a3ad}.icon-button{color:#667d8c;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover{color:var(--navy-900);background:#eff3f5}.icon-button.tiny{width:24px;height:24px}.filter-tabs{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px;display:grid}.filter-tabs button{color:#718591;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:11px;font-weight:600;display:flex}.filter-tabs button:hover{background:#f2f5f6}.filter-tabs button.active{color:var(--navy-900);background:#e7eef1}.conversation-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.conversation-list::-webkit-scrollbar{width:5px}.message-area::-webkit-scrollbar{width:5px}.conversation-list::-webkit-scrollbar-thumb{background:#cbd6db;border-radius:4px}.message-area::-webkit-scrollbar-thumb{background:#cbd6db;border-radius:4px}.conversation-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f3f5;align-items:center;gap:12px;width:100%;padding:13px 16px;transition:background .14s;display:flex;position:relative}.conversation-row:hover{background:#f7f9fa}.conversation-row.active{background:#edf6f5}.conversation-row.active:before{background:var(--teal-500);content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.contact-avatar,.user-avatar{color:#126e68;background:linear-gradient(145deg,#d8f1ed,#c4e6e3);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-family:Aptos Display,Inter,system-ui,sans-serif;font-size:12px;font-weight:800;display:grid}.conversation-row:nth-child(4n+2) .contact-avatar{color:#6b5b21;background:linear-gradient(145deg,#f3ebca,#e9dcad)}.conversation-row:nth-child(4n+3) .contact-avatar{color:#586a91;background:linear-gradient(145deg,#e1e7f4,#ccd6ea)}.conversation-row:nth-child(4n+4) .contact-avatar{color:#7e5166;background:linear-gradient(145deg,#f0dee7,#e8ccd9)}.conversation-row-main{flex:1;min-width:0}.conversation-row-top,.conversation-row-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.conversation-row-top strong{color:#21394b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.conversation-row-top time{color:#93a2ac;flex:none;font-size:10px}.conversation-row-meta{flex:none;align-items:center;gap:7px;display:flex}.unread-dot{background:var(--teal-500);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #24998b21}.conversation-row.unread .conversation-row-top strong,.conversation-row.unread .conversation-row-bottom>span{color:#173f3d;font-weight:750}.conversation-row.unread .conversation-row-top time{color:#22877b;font-weight:700}.conversation-row-bottom{margin-top:5px}.conversation-row-bottom>span{color:#758893;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.mode-dot{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.mode-dot.human{color:#1c786e;background:#dff4f0}.mode-dot.ai{color:#6c7893;background:#e8ebf2}.pwa-controls{border-top:1px solid var(--line);background:#fbfcfc;padding:10px 16px}.pwa-control-buttons{flex-wrap:wrap;gap:7px;display:flex}.pwa-control-button{color:#405866;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e2e6;border-radius:9px;flex:130px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.pwa-control-button:hover:not(:disabled){color:#176f66;background:#f1faf8;border-color:#9fcfc7}.pwa-control-button.active{color:#176f66;background:#e9f8f5;border-color:#9fcfc7}.pwa-control-button:disabled{cursor:not-allowed;opacity:.6}.pwa-control-message{color:#647986;margin:8px 2px 0;font-size:10.5px;line-height:1.4}.sidebar-footer{border-top:1px solid var(--line);background:#fbfcfc;align-items:center;gap:10px;min-height:68px;padding:0 16px;display:flex}.user-avatar{color:#fff;background:var(--navy-800);width:34px;height:34px;font-size:10px}.sidebar-user{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user strong{color:#294153;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-user span{color:#8b9aa4;font-size:10px}.conversation-skeletons{padding-top:5px}.conversation-skeleton{align-items:center;gap:12px;padding:13px 16px;display:flex}.conversation-skeleton>span{background:#e7ecef;border-radius:50%;width:42px;height:42px;animation:1.5s ease-in-out infinite pulse}.conversation-skeleton>div{flex-direction:column;flex:1;gap:8px;display:flex}.conversation-skeleton i{background:#e7ecef;border-radius:5px;width:55%;height:9px;animation:1.5s ease-in-out infinite pulse;display:block}.conversation-skeleton i:last-child{width:83%}@keyframes pulse{50%{opacity:.5}}.empty-list{color:#99a9b2;text-align:center;place-content:center;justify-items:center;min-height:280px;padding:30px;display:grid}.empty-list strong{color:#536a79;margin-top:13px;font-size:13px}.empty-list p{margin:5px 0 0;font-size:11px}.chat-panel{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"header""handoff""messages""error""composer";display:grid;overflow:hidden}.chat-empty{color:#8596a0;background:linear-gradient(#ffffffe8,#ffffffe8),radial-gradient(circle,#d9e7e5,#0000 55%);place-content:center;justify-items:center;display:grid}.empty-chat-illustration{width:76px;height:76px;color:var(--teal-600);background:#edf7f5;border:1px solid #d7e5e5;border-radius:24px;place-items:center;margin-bottom:18px;display:grid;transform:rotate(-4deg)}.chat-empty h2{color:#385164;margin:0;font-family:Aptos Display,Inter,system-ui,sans-serif;font-size:18px}.chat-empty p{margin:7px 0 0;font-size:12px}.chat-header{z-index:2;border-bottom:1px solid var(--line);background:#fffffff5;grid-area:header;align-items:center;min-height:82px;padding:0 24px;display:flex;position:relative}.header-avatar{width:43px;height:43px}.chat-contact{flex-direction:column;flex:1;min-width:0;margin-left:11px;display:flex}.chat-contact strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-contact span{color:var(--muted);margin-top:3px;font-size:11px}.mode-control{align-items:center;gap:12px;display:flex}.mode-status{border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:flex}.mode-status.human{color:#176e65;background:#e1f4f1}.mode-status.ai{color:#5e6f92;background:#ebedf4}.secondary-button{color:#385365;background:#fff;border:1px solid #d6e0e4;min-height:37px;padding:0 12px;font-size:11px}.secondary-button:hover:not(:disabled){color:#176e65;background:#f3faf8;border-color:#b9d4d1}.mobile-back{margin-right:5px;display:none}.handoff-note{color:#48646f;background:#f1f8f7;border:1px solid #d4e9e5;border-radius:10px;grid-area:handoff;align-items:flex-start;gap:10px;margin:12px 18px 0;padding:10px 12px;display:flex}.handoff-note>span{color:#177e72;background:#dcefeb;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.handoff-note strong{color:#33535b;text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.handoff-note p{margin:3px 0 0;font-size:11px;line-height:1.4}.message-area{overscroll-behavior:contain;background:linear-gradient(#f4f7f7ed,#f4f7f7ed),repeating-linear-gradient(45deg,#126b650a 0 1px,#0000 1px 14px);grid-area:messages;min-height:0;padding:22px clamp(18px,4vw,58px) 18px;overflow-y:auto}.load-older{color:#647b87;cursor:pointer;background:#ffffffe6;border:1px solid #d6e1e4;border-radius:16px;align-items:center;gap:6px;min-height:30px;margin:0 auto 18px;padding:0 11px;font-size:10px;font-weight:600;display:flex}.date-divider{justify-content:center;align-items:center;margin:18px 0;display:flex}.date-divider span{color:#7c8e98;text-transform:capitalize;background:#ffffffe0;border:1px solid #d1dcdfe6;border-radius:12px;padding:5px 10px;font-size:9px;font-weight:600}.message-line{margin:4px 0;display:flex}.message-line.incoming{justify-content:flex-start}.message-line.outgoing{justify-content:flex-end}.message-bubble{border-radius:13px;max-width:min(620px,76%);padding:9px 11px 6px;position:relative;box-shadow:0 1px 2px #1434451a}.message-line.incoming .message-bubble{color:#273f50;background:#fff;border-bottom-left-radius:4px}.message-line.outgoing .message-bubble{color:#173f3d;background:#d9f1e9;border-bottom-right-radius:4px}.message-line.outgoing .message-bubble.ai{color:#273b54;background:#e2e8f1}.message-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.46}.message-bubble p.flow-message{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11.5px;line-height:1.55}.message-author{color:#28877c;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.message-bubble.ai .message-author{color:#66789c}.message-bubble footer{color:#71898a;justify-content:flex-end;align-items:center;gap:3px;min-height:14px;margin-top:3px;display:flex}.message-bubble footer time{font-size:8.5px}.status-read{color:#158e9e}.status-failed{color:var(--danger)}.unsupported-message{color:#80919a;font-style:italic}.attachment-card{text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #678b8d24;border-radius:9px;align-items:center;gap:10px;width:min(360px,100%);min-width:260px;margin:2px 0 4px;padding:9px;display:flex}.attachment-card:hover:not(:disabled){background:#fffc;border-color:#1b8b804d}.attachment-card:disabled{cursor:not-allowed;opacity:.65}.attachment-icon{color:#1b847a;background:#daf0ec;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.attachment-copy{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-copy strong{color:#294b4f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attachment-copy small{color:#71898a;margin-top:2px;font-size:9px}.attachment-action{color:#54777a;background:#ffffffb3;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.message-loading{color:#8b9ba4;justify-content:center;align-items:center;gap:9px;min-height:100%;font-size:11px;display:flex}.chat-error{color:#9a3f3f;background:#fff1f1;border-top:1px solid #efd4d4;grid-area:error;align-items:center;gap:8px;padding:9px 16px;font-size:11px;display:flex}.chat-error span{flex:1}.chat-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.composer-shell{padding:10px 16px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-area:composer}.composer-blocked{color:#60718c;background:#f0f1f6;border-radius:8px;align-items:center;gap:7px;margin-bottom:8px;padding:7px 10px;font-size:10px;display:flex}.composer-blocked span{flex:1}.composer-blocked button{color:#3e5d85;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.composer-blocked.warning{color:#885a20;background:#fff4df}.composer{align-items:flex-end;gap:9px;display:flex}.composer textarea{resize:none;color:#284253;background:#f7f9fa;border:1px solid #d8e1e5;border-radius:12px;outline:none;flex:1;min-height:43px;max-height:120px;padding:11px 13px;font-size:12px;line-height:1.45}.composer textarea:focus{background:#fff;border-color:#a8d2cc;box-shadow:0 0 0 3px #17a69714}.composer textarea:disabled{cursor:not-allowed;background:#f0f2f3}.send-button{color:#fff;background:var(--teal-600);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;padding:0;display:grid;box-shadow:0 6px 15px #11877c33}.send-button:hover:not(:disabled){background:#0d776e}.send-button:disabled{color:#9cabb2;box-shadow:none;cursor:not-allowed;background:#e3e8ea}.composer-hint{color:#9aa8b0;margin:5px 2px 0;font-size:8.5px}.global-error{z-index:20;color:#8f3b3b;max-width:420px;box-shadow:var(--shadow);background:#fff4f4;border:1px solid #ebcece;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.global-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-mobile-brand{display:flex}.login-panel{padding:30px}.inbox-app{grid-template-columns:330px minmax(0,1fr);gap:0;padding:0}.conversation-sidebar,.chat-panel,.chat-empty{box-shadow:none;border-radius:0}.mode-status{display:none}}@media (width<=680px){.inbox-app{padding:0;display:block}.conversation-sidebar,.chat-panel,.chat-empty{border:0;width:100%;height:100%;min-height:100dvh}.sidebar-header,.chat-header{padding-top:env(safe-area-inset-top)}.sidebar-footer{padding-bottom:env(safe-area-inset-bottom)}.mobile-chat-open .conversation-sidebar,.inbox-app:not(.mobile-chat-open) .chat-panel,.inbox-app:not(.mobile-chat-open) .chat-empty{display:none}.mobile-back{display:grid}.chat-header{min-height:70px;padding:0 10px}.header-avatar{width:37px;height:37px}.mode-control{gap:5px}.secondary-button{place-items:center;gap:0;width:36px;height:36px;min-height:36px;padding:0;line-height:0;display:grid}.secondary-button-label{display:none}.secondary-button svg{width:17px;height:17px}.message-area{padding:14px 10px}.message-bubble{max-width:88%}.attachment-card{min-width:230px}.composer-shell{padding:8px 9px}.composer-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}