@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);#root,body,html{height:100%;width:100%}body{-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f3f4f6;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}:root{--purple-50:#eeedfe;--purple-100:#cecbf6;--purple-400:#7f77dd;--purple-600:#534ab7;--purple-800:#3c3489;--purple-900:#26215c;--teal-50:#e1f5ee;--teal-100:#9fe1cb;--teal-400:#1d9e75;--teal-600:#0f6e56;--amber-50:#faeeda;--amber-100:#fac775;--amber-600:#854f0b;--red-50:#fcebeb;--red-100:#f7c1c1;--red-600:#a32d2d;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-600:#185fa5;--green-100:#c0dd97;--green-700:#3b6d11;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--sidebar-bg:#1e1b4b;--sidebar-active:#7f77dd33;--sidebar-hover:#ffffff0f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.login-page{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4338ca);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);padding:40px;width:380px}.login-logo{align-items:center;background:#7f77dd;background:var(--purple-400);border-radius:8px;border-radius:var(--radius-md);color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;margin:0 auto 14px;width:48px}.login-title{color:#111827;color:var(--gray-900);font-size:20px;font-weight:600;margin-bottom:4px;text-align:center}.login-sub{color:#6b7280;color:var(--gray-500);font-size:13px;margin-bottom:28px;text-align:center}.field{margin-bottom:14px}.field label{color:#374151;color:var(--gray-700);display:block;font-size:12px;font-weight:500;margin-bottom:5px}.field input,.field select,.field textarea{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7f77dd;border-color:var(--purple-400);box-shadow:0 0 0 3px #7f77dd1f}.field textarea{height:80px;resize:none}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#7f77dd;background:var(--purple-400);color:#fff}.btn-primary:hover:not(:disabled){background:#534ab7;background:var(--purple-600)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-success{background:#1d9e75;background:var(--teal-400);color:#fff}.btn-success:hover{background:#0f6e56;background:var(--teal-600)}.btn-danger-soft{background:#fcebeb;background:var(--red-50);color:#a32d2d;color:var(--red-600)}.btn-danger-soft:hover{background:#f7c1c1;background:var(--red-100)}.btn-purple-soft{background:#eeedfe;background:var(--purple-50);color:#534ab7;color:var(--purple-600)}.btn-purple-soft:hover{background:#cecbf6;background:var(--purple-100)}.btn-full{width:100%}.btn-icon{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--gray-500);font-size:15px;height:30px;padding:0;width:30px}.btn-icon:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.alert{border-radius:8px;border-radius:var(--radius-md);font-size:12px;padding:10px 14px}.alert-error{background:#fcebeb;background:var(--red-50);color:#a32d2d;color:var(--red-600)}.alert-success{background:#e1f5ee;background:var(--teal-50);border:1px solid #9fe1cb;border:1px solid var(--teal-100);color:#0f6e56;color:var(--teal-600)}.alert-warning{background:#faeeda;background:var(--amber-50);border:1px solid #fac775;border:1px solid var(--amber-100);color:#854f0b;color:var(--amber-600)}.badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 9px}.badge-purple{background:#eeedfe;background:var(--purple-50);color:#534ab7;color:var(--purple-600)}.badge-teal{background:#e1f5ee;background:var(--teal-50);color:#0f6e56;color:var(--teal-600)}.badge-amber{background:#faeeda;background:var(--amber-50);color:#854f0b;color:var(--amber-600)}.badge-red{background:#fcebeb;background:var(--red-50);color:#a32d2d;color:var(--red-600)}.badge-green{background:#eaf3de}.badge-green,.badge-wa{color:#3b6d11;color:var(--green-700)}.badge-wa{background:#c0dd97;background:var(--green-100)}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1e1b4b;background:var(--sidebar-bg);flex-direction:column;gap:2px;padding:14px 0 12px;width:56px;z-index:10}.sidebar,.sidebar-logo{align-items:center;display:flex;flex-shrink:0}.sidebar-logo{background:#7f77dd;background:var(--purple-400);color:#fff;font-size:18px;height:34px;margin-bottom:12px;width:34px}.sidebar-logo,.sidebar-nav-btn{border-radius:8px;border-radius:var(--radius-md);justify-content:center}.sidebar-nav-btn{align-items:center;background:#0000;border:none;color:#fff6;cursor:pointer;display:flex;font-size:19px;height:38px;position:relative;transition:background .15s,color .15s;width:38px}.sidebar-nav-btn:hover{background:#ffffff0f;background:var(--sidebar-hover);color:#ffffffbf}.sidebar-nav-btn.active{background:#7f77dd33;background:var(--sidebar-active);color:#a5a0f0}.sidebar-nav-btn .tooltip{background:#1e1b4b;border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:12px;left:52px;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transition:opacity .15s;white-space:nowrap;z-index:100}.sidebar-nav-btn:hover .tooltip{opacity:1}.sidebar-bottom{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:auto}.status-selector{background:#0000;border:none;cursor:pointer;font-size:17px;height:28px;outline:none;text-align:center;width:38px}.sidebar-avatar{align-items:center;background:#3c3489;background:var(--purple-800);border-radius:50%;color:#cecbf6;color:var(--purple-100);cursor:pointer;display:flex;font-size:11px;font-weight:600;height:30px;justify-content:center;transition:opacity .15s;width:30px}.sidebar-avatar:hover{opacity:.8}.conv-panel{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;width:268px}.conv-panel-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:16px 14px 10px}.conv-panel-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.conv-panel-title{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600}.count-badge{background:#eeedfe;background:var(--purple-50);border-radius:999px;border-radius:var(--radius-full);color:#534ab7;color:var(--purple-600);font-size:11px;font-weight:600;padding:1px 8px}.search-box{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;padding:7px 10px;transition:background .15s,box-shadow .15s}.search-box:focus-within{background:#fff;box-shadow:0 0 0 2px #7f77dd33}.search-box span{font-size:13px}.search-box input::placeholder,.search-box span{color:#9ca3af;color:var(--gray-400)}.filter-pills{display:flex;gap:4px;padding:8px 14px}.filter-pill{background:#0000;border:none;border-radius:999px;border-radius:var(--radius-full);color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:11px;padding:3px 10px;transition:background .15s,color .15s}.filter-pill.active{background:#eeedfe;background:var(--purple-50);color:#534ab7;color:var(--purple-600);font-weight:500}.filter-pill:hover:not(.active){background:#f3f4f6;background:var(--gray-100)}.conv-list{flex:1 1;overflow-y:auto}.conv-empty{color:#9ca3af;color:var(--gray-400);font-size:13px;padding:48px 20px;text-align:center}.conv-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex;gap:10px;padding:11px 14px;transition:background .1s}.conv-item:hover{background:#f9fafb;background:var(--gray-50)}.conv-item.active{background:#eeedfe;background:var(--purple-50)}.conv-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:38px;justify-content:center;position:relative;width:38px}.queue-dot{background:#fac775;background:var(--amber-100);border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-1px;top:-1px;width:10px}.conv-info{flex:1 1;min-width:0}.conv-info-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2px}.conv-name{color:#111827;color:var(--gray-900);font-size:13px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#9ca3af;color:var(--gray-400);flex-shrink:0;font-size:10px}.conv-last{color:#6b7280;color:var(--gray-500);font-size:12px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-bottom{align-items:center;display:flex;justify-content:space-between}.tags-row{display:flex;gap:4px}.unread-badge{background:#7f77dd;background:var(--purple-400);border-radius:999px;border-radius:var(--radius-full);color:#fff;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px}.conv-agent,.unread-badge{align-items:center;display:flex;font-size:10px}.conv-agent{color:#9ca3af;color:var(--gray-400);gap:3px;margin-top:3px}.chat-area{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);gap:10px;height:58px;padding:0 16px}.chat-header,.chat-header-avatar{align-items:center;display:flex;flex-shrink:0}.chat-header-avatar{border-radius:50%;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600}.chat-header-sub{align-items:center;color:#1d9e75;color:var(--teal-400);display:flex;font-size:11px;gap:4px;margin-top:1px}.online-dot{background:#1d9e75;background:var(--teal-400);border-radius:50%;flex-shrink:0;height:6px;width:6px}.chat-header-actions{align-items:center;display:flex;gap:6px}.messages-area{background:#f8f9fb;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.date-divider{align-items:center;display:flex;gap:10px;margin:8px 0}.date-divider:after,.date-divider:before{background:#e5e7eb;background:var(--gray-200);content:"";flex:1 1;height:1px}.date-divider span{color:#9ca3af;color:var(--gray-400);font-size:11px;padding:0 4px;white-space:nowrap}.msg-row{display:flex}.msg-row.out{justify-content:flex-end}.bubble{line-height:1.5;max-width:68%;padding:9px 13px}.bubble.in{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:3px 14px 14px 14px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.bubble.out{background:#7f77dd;background:var(--purple-400);border-radius:14px 3px 14px 14px}.bubble-text{font-size:13px}.bubble.in .bubble-text{color:#111827;color:var(--gray-900)}.bubble.out .bubble-text{color:#fff}.bubble-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:3px}.bubble-time{font-size:10px;opacity:.65}.bubble.in .bubble-time{color:#6b7280;color:var(--gray-500)}.bubble.out .bubble-time{color:#fff}.check-icon{color:#ffffffbf;font-size:11px}.input-area{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);flex-shrink:0;padding:10px 16px 14px}.input-toolbar{display:flex;gap:6px;margin-bottom:8px}.tool-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-family:inherit;font-size:11px;gap:4px;padding:4px 9px;transition:background .1s,color .1s}.tool-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.input-row{align-items:center;display:flex;gap:8px}.msg-input-field{background:#f3f4f6;background:var(--gray-100);border:1.5px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:9px 13px;transition:border-color .15s,background .15s}.msg-input-field:focus{background:#fff;border-color:#7f77dd;border-color:var(--purple-400);box-shadow:0 0 0 3px #7f77dd1a}.send-btn{align-items:center;background:#7f77dd;background:var(--purple-400);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:36px;justify-content:center;transition:background .15s,transform .1s;width:36px}.send-btn:hover{background:#534ab7;background:var(--purple-600)}.send-btn:active{transform:scale(.95)}.chat-empty{align-items:center;background:#f8f9fb;color:#9ca3af;color:var(--gray-400);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.chat-empty-icon{font-size:52px;opacity:.6}.chat-empty-text{font-size:14px}.chat-empty-sub{color:#9ca3af;color:var(--gray-400);font-size:12px}.info-panel{background:#fff;border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:232px}.info-contact{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:22px 16px 16px;text-align:center}.info-avatar{align-items:center;border-radius:50%;display:flex;font-size:20px;font-weight:600;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.info-name{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600;margin-bottom:2px}.info-num{color:#6b7280;color:var(--gray-500);font-size:12px;margin-bottom:10px}.info-section{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:14px 16px}.info-section-label{color:#9ca3af;color:var(--gray-400);font-size:10px;font-weight:600;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase}.agent-chip{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);gap:8px;padding:8px 10px}.agent-chip,.agent-chip-av{align-items:center;display:flex}.agent-chip-av{background:#cecbf6;background:var(--purple-100);border-radius:50%;color:#534ab7;color:var(--purple-600);flex-shrink:0;font-size:10px;font-weight:600;height:28px;justify-content:center;width:28px}.agent-chip-name{color:#111827;color:var(--gray-900);font-size:12px;font-weight:500}.agent-chip-role{color:#9ca3af;color:var(--gray-400);font-size:10px}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat-card{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);padding:10px;text-align:center}.stat-val{font-size:20px;font-weight:600}.stat-lbl{font-size:10px;margin-top:2px}.action-menu{padding:10px 10px 14px}.action-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600,#4b5563);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:9px;padding:8px;text-align:left;transition:background .1s;width:100%}.action-item:hover{background:#f3f4f6;background:var(--gray-100)}.action-item.danger:hover{background:#fcebeb;background:var(--red-50);color:#a32d2d;color:var(--red-600)}.conn-status{align-items:center;border-radius:999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 11px;position:fixed;right:16px;top:10px;z-index:50}.conn-status.on{background:#e1f5ee;background:var(--teal-50);border:1px solid #9fe1cb;border:1px solid var(--teal-100);color:#0f6e56;color:var(--teal-600)}.conn-status.off{background:#fcebeb;background:var(--red-50);border:1px solid #f7c1c1;border:1px solid var(--red-100);color:#a32d2d;color:var(--red-600)}.conn-status-dot{border-radius:50%;height:6px;width:6px}.conn-status.on .conn-status-dot{background:#1d9e75;background:var(--teal-400)}.conn-status.off .conn-status-dot{background:#a32d2d;background:var(--red-600)}.agents-panel{flex:1 1;overflow-y:auto;padding:8px}.agent-row-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:4px;padding:10px;transition:background .1s}.agent-row-item:hover{background:#f3f4f6;background:var(--gray-100)}.agent-row-item.me{background:#eeedfe;background:var(--purple-50)}.agent-row-av{align-items:center;background:#cecbf6;background:var(--purple-100);border-radius:50%;color:#534ab7;color:var(--purple-600);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:center;position:relative;width:36px}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.agent-row-name{color:#111827;color:var(--gray-900);font-size:12px;font-weight:500}.agent-row-role{color:#9ca3af;color:var(--gray-400);font-size:10px}.you-chip{color:#7f77dd;color:var(--purple-400);font-size:9px;font-weight:600}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0f2380;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;padding:28px;width:100%}.modal-sm{max-width:380px}.modal-md{max-width:420px}.modal-lg{max-width:480px}.modal-title{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;margin-bottom:4px}.modal-sub{color:#6b7280;color:var(--gray-500);font-size:12px;margin-bottom:22px}.modal-actions{display:flex;gap:8px;margin-top:20px}.modal-actions .btn{flex:1 1}.price-box{align-items:center;background:#eeedfe;background:var(--purple-50);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:4px;padding:14px 16px}.price-label{color:#534ab7;color:var(--purple-600);font-size:12px}.price-sub{color:#7f77dd;color:var(--purple-400);font-size:10px;margin-top:2px}.price-amount{color:#534ab7;color:var(--purple-600);font-size:22px;font-weight:600}.admin-page{background:#f3f4f6;background:var(--gray-100);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh}.admin-header{background:#1e1b4b;background:var(--sidebar-bg);gap:12px;height:52px;padding:0 24px}.admin-header,.admin-header-logo{align-items:center;display:flex;flex-shrink:0}.admin-header-logo{background:#7f77dd;background:var(--purple-400);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:16px;height:30px;justify-content:center;width:30px}.admin-header-title{color:#fff;font-size:15px;font-weight:600}.admin-header-badge{background:#7f77dd;background:var(--purple-400);border-radius:999px;border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:600;padding:2px 9px}.admin-header-actions{display:flex;gap:8px;margin-left:auto}.admin-header-btn{border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;transition:opacity .15s}.admin-header-btn:hover{opacity:.85}.admin-header-btn.back{background:#ffffff1a;color:#fff}.admin-header-btn.purple{background:#7f77dd;background:var(--purple-400);color:#fff}.admin-header-btn.teal{background:#1d9e75;background:var(--teal-400);color:#fff}.admin-body{flex:1 1;overflow-y:auto;padding:24px}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-tile{border-radius:12px;border-radius:var(--radius-lg);padding:18px 20px}.stat-tile-val{font-size:26px;font-weight:600}.stat-tile-lbl{font-size:12px;margin-top:4px}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 20px}.card-title{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600}.card-sub{font-size:12px}.card-empty,.card-sub{color:#9ca3af;color:var(--gray-400)}.card-empty{font-size:13px;padding:48px 20px;text-align:center}.card-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:14px;padding:15px 20px}.card-row:last-child{border-bottom:none}.ws-icon{align-items:center;background:#eeedfe;background:var(--purple-50);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.connections-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.conn-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.conn-card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);gap:10px;padding:14px 16px}.conn-card-header,.conn-icon{align-items:center;display:flex}.conn-icon{background:#e1f5ee;background:var(--teal-50);border-radius:8px;border-radius:var(--radius-md);flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.conn-card-name{color:#111827;color:var(--gray-900);font-size:14px;font-weight:500}.conn-card-num{color:#1d9e75;color:var(--teal-400);font-size:11px;margin-top:1px}.conn-card-body{padding:18px 16px;text-align:center}.conn-status-icon{font-size:38px;margin-bottom:8px}.conn-status-text{font-size:13px;font-weight:500;margin-bottom:4px}.conn-status-sub{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-bottom:16px}.conn-card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.qr-img{border:3px solid #1d9e75;border:3px solid var(--teal-400);border-radius:8px;border-radius:var(--radius-md);display:block;height:200px;margin:0 auto 12px;width:200px}.pending-banner{align-items:center;background:#faeeda;background:var(--amber-50);border:1px solid #fac775;border:1px solid var(--amber-100);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.pending-banner-icon{flex-shrink:0;font-size:24px}.pending-banner-title{color:#854f0b;color:var(--amber-600);font-size:13px;font-weight:600}.pending-banner-sub{color:#854f0b;color:var(--amber-600);font-size:12px;margin-top:2px}.success-banner{align-items:center;background:#e1f5ee;background:var(--teal-50);border:1px solid #9fe1cb;border:1px solid var(--teal-100);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.success-banner-icon{flex-shrink:0;font-size:22px}.success-banner-title{color:#0f6e56;color:var(--teal-600);font-size:13px;font-weight:600}.success-banner-sub{color:#0f6e56;color:var(--teal-600);font-size:12px;margin-top:2px}.pix-amount{color:#534ab7;color:var(--purple-600);font-size:28px;font-weight:600;margin:4px 0}.pix-due{color:#9ca3af;color:var(--gray-400);font-size:11px}.pix-copy-code{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600,#4b5563);font-family:monospace;font-size:10px;margin-bottom:8px;max-height:56px;overflow:hidden;padding:10px 12px;word-break:break-all}.att-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:12px;padding:13px 20px}.att-row:last-child{border-bottom:none}.att-av{align-items:center;background:#cecbf6;background:var(--purple-100);border-radius:50%;color:#534ab7;color:var(--purple-600);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.att-name{color:#111827;color:var(--gray-900);font-size:13px;font-weight:500}.att-email,.att-expires-ok{color:#9ca3af;color:var(--gray-400);font-size:11px}.att-expires-warn{color:#a32d2d;color:var(--red-600);font-size:11px;font-weight:500}.inline-edit{align-items:center;display:flex;gap:4px}.inline-edit input{border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);font-family:inherit;font-size:12px;outline:none;padding:5px 8px;width:64px}.inline-edit input:focus{border-color:#7f77dd;border-color:var(--purple-400)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1 1}.min-w-0{min-width:0}.ml-auto{margin-left:auto}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-tema=escuro]{--gray-50:#1a1a2e;--gray-100:#22223a;--gray-200:#2e2e48;--gray-300:#3e3e5c;--gray-400:#7070a0;--gray-500:#9090b8;--gray-600:#aac;--gray-700:#ccd;--gray-900:#eef;--purple-50:#1c1832;--purple-100:#251e45;--teal-50:#0a1f1f;--teal-100:#0f2e2e;--red-50:#1f0a0a;--red-100:#2e0f0f;--sidebar-bg:#09090f;background-color:#0e0e1a;color:#e4e4f0}[data-tema=escuro] #root,[data-tema=escuro] body{background:#0e0e1a;color:#e4e4f0}[data-tema=escuro] .app-shell{background:#0e0e1a}[data-tema=escuro] .conv-panel{background:#13132a;border-right-color:#2e2e48}[data-tema=escuro] .chat-area{background:#0e0e1a}[data-tema=escuro] .info-panel{background:#13132a;border-left-color:#2e2e48}[data-tema=escuro] .chat-header,[data-tema=escuro] .conv-header{background:#13132a;border-bottom-color:#2e2e48}[data-tema=escuro] .input-area{background:#13132a;border-top-color:#2e2e48}[data-tema=escuro] .conv-item{border-bottom-color:#2e2e48;color:#e4e4f0}[data-tema=escuro] .conv-item:hover{background:#1a1a35}[data-tema=escuro] .conv-item.active{background:#1e1e40}[data-tema=escuro] .msg-input-field{background:#1a1a30;border-color:#2e2e48;color:#e4e4f0}[data-tema=escuro] .msg-input-field::placeholder{color:#505080}[data-tema=escuro] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-tema=escuro] select,[data-tema=escuro] textarea{background:#1a1a30!important;border-color:#2e2e48!important;color:#e4e4f0!important}[data-tema=escuro] .bubble-in{background:#1e1e38;color:#e4e4f0}[data-tema=escuro] .input-toolbar{background:#13132a;border-bottom-color:#2e2e48}[data-tema=escuro] .tool-btn{background:#1a1a30;border-color:#2e2e48;color:#9090b8}[data-tema=escuro] .tool-btn:hover{background:#22223a;color:#e4e4f0}[data-tema=escuro] .filter-pills{background:#13132a}[data-tema=escuro] .filter-pill{background:#1a1a30;border-color:#2e2e48;color:#9090b8}[data-tema=escuro] .filter-pill.active{background:#534ab7;background:var(--purple-600);color:#fff}[data-tema=escuro] .search-bar{background:#1a1a30;border-color:#2e2e48;color:#e4e4f0}[data-tema=escuro] .info-section-label{color:#5050a0}[data-tema=escuro] .btn-secondary{background:#22223a;border-color:#3e3e5c;color:#e4e4f0}[data-tema=escuro] .btn-secondary:hover{background:#2e2e48}[data-tema=escuro] .agents-panel{background:#0e0e1a}[data-tema=escuro] .agent-row-item{border-bottom-color:#2e2e48}[data-tema=escuro] .agent-row-item.me,[data-tema=escuro] .agent-row-item:hover{background:#1a1a30}[data-tema=escuro] .modal-overlay{background:#000000bf}[data-tema=escuro] .modal-box{background:#16162e;border:1px solid #2e2e48;color:#e4e4f0}[data-tema=escuro] .modal-title{color:#e4e4f0}[data-tema=escuro] .modal-sub{color:#7070a0}[data-tema=escuro] .admin-body,[data-tema=escuro] div[style*="background: #F3F4F6"],[data-tema=escuro] div[style*="background:#F3F4F6"]{background:#0e0e1a!important}[data-tema=escuro] div[style*="background: #fff"],[data-tema=escuro] div[style*="background:#fff"],[data-tema=escuro] div[style*="background:'#fff'"],[data-tema=escuro] div[style*='background:"#fff"']{background:#16162e!important;color:#e4e4f0!important}[data-tema=escuro] div[style*="color: var(--gray-900)"],[data-tema=escuro] div[style*="color:'var(--gray-900)'"]{color:#e4e4f0!important}[data-tema=escuro] ::-webkit-scrollbar-track{background:#13132a}[data-tema=escuro] ::-webkit-scrollbar-thumb{background:#2e2e48}[data-tema=escuro] ::-webkit-scrollbar-thumb:hover{background:#3e3e5c}[data-tema=escuro] .sidebar-nav-btn{color:#b4b4dc80}[data-tema=escuro] .sidebar-nav-btn.active,[data-tema=escuro] .sidebar-nav-btn:hover{background:#ffffff12;color:#e4e4f0}[data-tema=escuro] .admin-page{background:#0e0e1a}[data-tema=escuro] .conn-card{background:#16162e;border-color:#2e2e48}[data-tema=escuro] .badge-wa{background:#0f2e1a;color:#22c55e}[data-tema=escuro] .resp-menu{background:#16162e;border-color:#2e2e48}[data-tema=escuro] .resp-item:hover{background:#22223a}.tema-escuro{background:#0e0e1a!important;color:#e4e4f0}.tema-escuro .chat-area,.tema-escuro .conv-panel,.tema-escuro .info-panel{background:#13132a}.tema-escuro>div[style*="position: fixed"],.tema-escuro>div[style*="position:fixed"]{background:#0e0e1a!important;color:#e4e4f0}.tema-escuro div[style*="background:'#fff'"],.tema-escuro div[style*='background: "#fff"']{background:#16162e!important}.tema-escuro div[style*="background:'var(--gray-50)'"]{background:#1a1a30!important}:root{--bg-page:#f3f4f6;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb}[data-tema=escuro]{--bg-page:#0e0e1a;--text-primary:#eef;--text-secondary:#7070a0;--bg-card:#16162e;--border-color:#2e2e48}[data-tema=escuro] .field input,[data-tema=escuro] .field select,[data-tema=escuro] .field textarea,[data-tema=escuro] input[style],[data-tema=escuro] select[style],[data-tema=escuro] textarea[style]{background:#1a1a30!important;border-color:#2e2e48!important;color:#e4e4f0!important}[data-tema=escuro] .chat-header{background:#13132a!important;border-bottom-color:#2e2e48!important}[data-tema=escuro] .chat-header-name{color:#e4e4f0!important}[data-tema=escuro] .messages-area{background:#0e0e1a!important}[data-tema=escuro] .bubble.in{background:#1e1e38!important;border-color:#2e2e48!important;box-shadow:none!important}[data-tema=escuro] .bubble.in .bubble-text{color:#e4e4f0!important}[data-tema=escuro] .bubble.in .bubble-time{color:#7070a0!important}[data-tema=escuro] .input-area{background:#13132a!important;border-top-color:#2e2e48!important}[data-tema=escuro] .input-toolbar{background:#13132a!important;border-bottom-color:#2e2e48!important}[data-tema=escuro] .msg-input-field{background:#1a1a30!important;border-color:#2e2e48!important;color:#e4e4f0!important}[data-tema=escuro] .msg-input-field::placeholder{color:#505080!important}[data-tema=escuro] .tool-btn{background:#1a1a30!important;border-color:#2e2e48!important;color:#9090b8!important}[data-tema=escuro] .tool-btn:hover{background:#22223a!important;color:#e4e4f0!important}[data-tema=escuro] .conv-panel{background:#13132a!important;border-right-color:#2e2e48!important}[data-tema=escuro] .conv-header{background:#13132a!important}[data-tema=escuro] .conv-header,[data-tema=escuro] .conv-item{border-bottom-color:#2e2e48!important}[data-tema=escuro] .conv-item:hover{background:#1a1a35!important}[data-tema=escuro] .conv-item.active{background:#1e1e40!important}[data-tema=escuro] .conv-name{color:#e4e4f0!important}[data-tema=escuro] .conv-preview{color:#7070a0!important}[data-tema=escuro] .info-panel{background:#13132a!important;border-left-color:#2e2e48!important}[data-tema=escuro] .stat-card,[data-tema=escuro] [class*=stat-]{background:#1e1e38!important}[data-tema=escuro] .date-divider{color:#5050a0!important}[data-tema=escuro] .date-divider:after,[data-tema=escuro] .date-divider:before{background:#2e2e48!important}[data-tema=escuro] .filter-pills{border-bottom-color:#2e2e48!important}[data-tema=escuro] .filter-pill{background:#1a1a30!important;border-color:#2e2e48!important;color:#9090b8!important}[data-tema=escuro] .filter-pill.active{background:#534ab7!important;background:var(--purple-600)!important;color:#fff!important}[data-tema=escuro] .search-bar input{background:#1a1a30!important;color:#e4e4f0!important}[data-tema=escuro] .agents-panel{background:#0e0e1a!important}[data-tema=escuro] .agent-row-item{border-bottom-color:#2e2e48!important}[data-tema=escuro] .agent-row-item.me,[data-tema=escuro] .agent-row-item:hover{background:#1a1a30!important}[data-tema=escuro] .agent-row-name{color:#e4e4f0!important}[data-tema=escuro] .agent-row-role{color:#7070a0!important}[data-tema=escuro] .modal-box{background:#16162e!important;border-color:#2e2e48!important;color:#e4e4f0!important}[data-tema=escuro] .modal-title{color:#e4e4f0!important}[data-tema=escuro] .modal-sub{color:#7070a0!important}[data-tema=escuro] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),[data-tema=escuro] select,[data-tema=escuro] textarea{background:#1a1a30!important;border-color:#2e2e48!important;color:#e4e4f0!important}[data-tema=escuro] input::placeholder,[data-tema=escuro] textarea::placeholder{color:#505080!important}[data-tema=escuro] .send-btn{background:#534ab7!important;background:var(--purple-600)!important}[data-tema=escuro] .nav{background:#1e1b4b!important;background:var(--sidebar-bg)!important}.main-content{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}@media (max-width:768px){.app-shell{flex-direction:column!important;height:100dvh!important}.app-shell,.main-content{overflow:hidden!important}.main-content{flex:1 1!important;min-height:0!important;position:relative!important;width:100%!important}.sidebar{align-items:center!important;border-right:none!important;border-top:1px solid #ffffff1a!important;flex-direction:row!important;flex-shrink:0!important;gap:0!important;height:52px!important;justify-content:space-around!important;max-height:52px!important;min-height:52px!important;order:100!important;padding:0!important;width:100%!important;z-index:50}.sidebar-logo{display:none!important}.sidebar-bottom{border:none!important;flex-direction:row!important;gap:0!important;padding:0!important}.sidebar-nav-btn{height:38px!important;width:38px!important}.sidebar-nav-btn .tooltip{display:none!important}.main-content>.conv-panel{border-right:none!important;flex-shrink:0!important;transform:translateX(0);z-index:10}.main-content>.chat-area,.main-content>.conv-panel{height:100%!important;inset:0!important;position:absolute!important;transition:transform .28s ease;width:100%!important}.main-content>.chat-area{flex:none!important;transform:translateX(100%);z-index:9}.app-shell.conversa-aberta .main-content>.conv-panel{pointer-events:none;transform:translateX(-100%)!important}.app-shell.conversa-aberta .main-content>.chat-area{transform:translateX(0)!important}.btn-voltar-mobile{display:flex!important}.info-panel{border:none!important;border-radius:18px 18px 0 0!important;bottom:52px!important;box-shadow:0 -8px 32px #00000040!important;height:80dvh!important;left:0!important;overflow-y:auto!important;position:fixed!important;right:0!important;transform:translateY(100%)!important;transition:transform .3s ease!important;width:100%!important;z-index:300!important}.info-panel.aberto{transform:translateY(0)!important}.info-panel-overlay{background:#00000080!important;display:none!important;inset:0!important;position:fixed!important;z-index:290!important}.info-panel-overlay.ativo{display:block!important}.overlay-pagina{bottom:52px!important;left:0!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:0!important;z-index:200!important}.modal-overlay{align-items:flex-end!important}.modal-box{border-radius:18px 18px 0 0!important;max-height:92dvh!important;max-width:100%!important;width:100%!important}.chat-header{padding:8px 10px!important}.chat-header-name{font-size:14px!important}.badge-green,.chat-header-sub{display:none!important}.msg-input-field{font-size:16px!important}.input-area{padding:6px 8px 10px!important}.bubble{max-width:88%!important}.messages-area{padding:8px!important}}@media (min-width:769px) and (max-width:1024px){.conv-panel{width:230px!important}.info-panel{width:270px!important}}.btn-voltar-mobile{display:none}
/*# sourceMappingURL=main.975c24bc.css.map*/