@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap%27);*{margin:0;padding:0;box-sizing:border-box;font-family:"Nunito Sans",sans-serif;-webkit-user-drag:none;scroll-behavior:smooth;transition:all .1s}::selection{color:#fff;background:#8396fc}.App{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;left:0;top:0;transform:none;background:var(--background_color__primary)!important}.App,html{overflow-x:hidden}html{font-size:.8rem!important;height:-webkit-fill-available}body{overflow-x:hidden;overflow-y:auto;background:#fff;min-height:100vh;min-height:-webkit-fill-available;width:100%;position:relative;max-width:100vw}body .serif{font-family:"Chivo",serif}body ul{list-style-type:none}body a,body h1,body h2,body h3,body h4,body h5,body h6,body p{color:#3c3c3c}body img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body a{text-decoration:none}body p{-webkit-user-select:initial;user-select:initial}body .flex{display:flex}body .max-width{left:50%;transform:translateX(-50%);max-width:80rem}body .relative{position:relative}body .absolute{position:absolute}body .main-button{background:#8396fc;border:2px solid #8396fc;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}body .main-button:hover{transform:translateY(-.3rem)!important;box-shadow:0 5px 20px rgba(131,150,252,.2)}body .main-button-loader{justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-40%);transition:all .7s;background:#8396fc;padding:1rem;opacity:0;width:100%}body .main-button-loader div{background:#ebebeb;width:.8rem;height:.8rem;border-radius:200px;margin:0 .5rem;padding:.2rem}body .main-button-loader .dot1{animation:loaderJump 1s linear .2s infinite}body .main-button-loader .dot2{animation:loaderJump 1s linear .4s infinite}body .main-button-loader .dot3{animation:loaderJump 1s linear .6s infinite}body .danger-button{background:#d93b30;border:2px solid #d93b30}body .small-loader{border:6px solid #8396fc;border-bottom-color:transparent;width:3rem;height:3rem;background:none;position:absolute;border-radius:200px;animation:spin 1s infinite}body .label{font-size:1.3rem}body .input,body .label{color:var(--font_color__primary)}body .input{background:var(--input_background);outline:none;border:1px solid var(--font_color__primary);padding:.5rem 4rem .5rem 1rem;font-size:1.2rem;text-align:left;width:100%;border-radius:.6rem;margin:1rem 0 3rem}body .input:focus{border:1px solid #8396fc}body .internet-warning{position:absolute;z-index:10000000;color:var(--background_color__secondary);left:50%;transform:translate(-50%,-1rem);top:2rem;opacity:0;pointer-events:none;padding:.5rem 2rem;border-radius:.4rem;box-shadow:0 5px 20px rgba(0,0,0,.25);align-items:center;background-color:#59b90e;animation:slideDown .6s 2s backwards}body .internet-warning svg{margin:0 1rem 0 0}body .warning-visible{background-color:#dc0808;animation:slideDown .6s 2s forwards}.openModal{display:block!important}.openSearchBox{transform:translateY(103%)!important;z-index:10!important;opacity:1!important;visibility:visible!important}@keyframes loaderJump{0%,60%,to{transform:none}30%{transform:translateY(-15px)}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideDown{to{transform:translate(-50%);opacity:1}}@media (min-width:1700px){html{font-size:1rem}}.confirm-modal{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:1000}.confirm-modal,.confirm-modal .confirm-modal-box{display:flex;justify-content:center;align-items:center}.confirm-modal .confirm-modal-box{background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:40rem;padding:2rem;border-radius:1rem;box-shadow:0 5px 16px rgba(0,0,0,.15);flex-direction:column;animation:pulsate .3s forwards;align-self:center;justify-self:center}.confirm-modal .confirm-modal-box .buttons-container{margin-top:2rem}.confirm-modal .confirm-modal-box .buttons-container a{margin:0 1rem;cursor:pointer;font-weight:600;color:#fff;border-radius:.4rem;padding:.4rem 2rem}.confirm-modal .confirm-modal-box .buttons-container a:hover{opacity:.9}.confirm-modal .confirm-modal-box .buttons-container .confirm{background:#fc2c2c}.confirm-modal .confirm-modal-box .buttons-container .cancel{background:#7c7c7c}@media screen and (max-width:768px){.App{padding:env(safe-area-inset-left) env(safe-area-inset-right)}.button,.container,.input{max-width:100%;box-sizing:border-box}}.activeRoute span{color:#e0ffff!important;opacity:1!important}.activeRoute svg{color:var(--font_color__primary)!important;opacity:1!important}.App{justify-content:flex-start;align-items:flex-start;background:#fff}.settings-container{background:var(--background_color__secondary)}.sidebar-wrapper{z-index:998;transform:none!important;transition:all .3s ease}.sidebar-container{background:var(--background_color__primary);position:fixed!important;height:100vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3rem;box-shadow:0 5px 16px rgba(0,0,0,.15)}.sidebar-container,.sidebar-container .top{display:flex;flex-direction:column;align-items:center}.sidebar-container .top img{width:5rem}.sidebar-container .top svg{margin-top:.3rem;width:3.1rem}.sidebar-container .top svg path{fill:#fff}.sidebar-container .tabs-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:2rem}.sidebar-container .tabs-container .flex{margin:2rem 0;font-size:1.2rem;font-weight:500}.sidebar-container .tabs-container .flex span{color:#fff;position:relative}.sidebar-container .tabs-container .flex svg{margin-right:1rem;width:1.3rem;opacity:.6;transform:translateY(-.2rem)}.sidebar-container .tabs-container .flex svg path{fill:#fff}.sidebar-container .tabs-container .flex .sibila-icon{width:1.1rem}.sidebar-container .tabs-container .flex:hover span{color:#8396fc!important}.sidebar-container .tabs-container .flex:hover svg path{fill:#8396fc!important}.sidebar-container .back-arrow{align-items:center;font-size:1.2rem;bottom:2rem;left:0;padding-left:3rem;color:#fff}.sidebar-container .back-arrow svg{width:.8rem;margin-right:1rem}.sidebar-container .back-arrow svg path{fill:#fff}.content-container{background:var(--background_color__secondary);overflow-y:scroll;height:100vh}.content-container .content{padding:3rem 3rem 3rem 5rem;position:relative;left:20rem;overflow:auto}.content-container .content .title-and-save-container{width:40rem;justify-content:space-between}.content-container .content .title-and-save-container h1{font-size:2rem;font-weight:600;font-family:"Chivo",serif;color:var(--font_color__primary)}.content-container .content .instagram-account{display:flex;background-color:var(--input_background);width:100%;border-radius:15px;justify-content:space-between}.content-container .content .instagram-account div{display:flex}.content-container .content .instagram-account img{width:50px;border-radius:15px}.content-container .content .instagram-account .account-identifier{font-size:1.5rem;font-family:"Chivo",serif;margin-left:5px;align-self:center}.content-container .content .instagram-account .delete-instagram-button{background-color:red;height:25px;width:25px;border-radius:25px;border:none;color:#fff;justify-self:end;align-self:center;margin-right:20px}.content-container .content .instagram-account .delete-instagram-button:hover{background-color:#fff;border:1px solid red;color:red;cursor:pointer}.company .main{align-items:center;margin-top:3rem}.company .main .company-logo-container .edit{width:2rem;right:.5rem;top:0;cursor:pointer}.company .main .company-logo-container img:not(.edit){width:7.5rem;height:7.5rem;border-radius:200px;box-shadow:0 5px 16px rgba(0,0,0,.15);border:4px solid var(--input_background);object-fit:cover;cursor:pointer}.company .main .name-container{align-items:center;margin-left:4rem;cursor:pointer}.company .main .name-container h2{outline:none;border:none;position:relative;color:var(--font_color__primary);font-weight:400;font-size:1.8rem}.company .main .name-container h2:after{background-image:url(/static/media/icon-edit.89bb994c.svg);background-size:cover;position:absolute;width:1.5rem;height:1.5rem;content:"";right:-2rem;top:50%;transform:translateY(-50%)}.company .form-container{margin-top:3rem}.preferences .main{align-items:center;margin-top:3rem}.preferences .main .preference{align-items:center;justify-content:space-between;margin:2rem 0}.preferences .main .preference h2{margin-right:2rem;font-weight:300;color:var(--font_color__primary);font-size:1.3rem}.preferences .main .preference label{width:2.1rem;height:.7rem;border-radius:200px;background:#8396fc;position:relative;transform:scale(1.2);cursor:pointer}.preferences .main .preference label:before{content:"";position:absolute;background:#fff;border-radius:200px;right:0;top:50%;transform:translateY(-55%);transition:all .2s;width:1.1rem;height:1.1rem;box-shadow:0 1px 4px rgba(0,0,0,.25)}.preferences .main .preference .hidden{display:none}.preferences .main .preference .inputHours{width:100px;background:var(--message_bubble_background);border:none;padding:5px;text-align:end;border-radius:5px}.preferences .main .preference .inputHours:focus{border:none}.preferences .main .preference input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preferences .main .preference input[type=number]{-moz-appearance:textfield}.preferences .main .preference input:checked+label{background:#a5a5a5}.preferences .main .preference input:checked+label:before{transform:translate(-1rem,-55%)}.preferences .main .preference select{border:none;outline:none;padding:.3rem 1rem;border-radius:.5rem;cursor:pointer;font-size:1rem;background:var(--message_bubble_background);color:var(--font_color__primary)!important}.templates .main{align-items:flex-start;margin-top:3rem;flex-direction:column}.templates .main hr{width:40rem;opacity:.2}.templates .main .template{flex-direction:column;margin:1rem 0}.templates .main .template .template-title{font-size:1.2rem;position:relative;color:var(--font_color__primary);margin-bottom:.5rem}.templates .main .template .template-content{width:40rem;color:var(--font_color__primary);opacity:.8}.templates .main .template .template-content textarea{border:none;outline:none;padding:1rem;border-radius:1rem;margin-top:1rem;background:var(--input_background)}.associate-account .main{align-items:flex-start;margin-top:3rem;flex-direction:column;padding-bottom:4rem}.associate-account .main ul .association-option{display:flex;flex-direction:column;margin-bottom:2rem;width:100%;max-width:40rem;padding:1rem;border:1px solid hsla(0,0%,50.2%,.377);border-radius:1rem}.associate-account .main ul .association-option .option-name{justify-content:space-between;align-items:center;color:var(--font_color__primary)}.associate-account .main ul .association-option .instructions{margin-top:2rem;align-items:flex-start;animation:translate .5s forwards;max-width:40rem}.associate-account .main ul .association-option .whatsapp{display:none;max-width:40rem;flex-direction:column}.associate-account .main ul .association-option .whatsapp .top{justify-content:space-between;align-items:center}.associate-account .main ul .association-option .whatsapp .top .info-container h3{color:var(--font_color__secondary);margin-bottom:2rem;width:60%;font-weight:600}.associate-account .main ul .association-option .whatsapp .top .info-container .button-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:2rem}.associate-account .main ul .association-option .whatsapp .top .qr-code{width:40%;aspect-ratio:1/1;border:2px dashed #8396fc;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;background:var(--input_background);border-radius:.6rem}.associate-account .main ul .association-option .whatsapp .top .qr-code video{width:100%;height:100%;opacity:.3}.associate-account .main ul .association-option .whatsapp .top .qr-code img{width:100%;height:100%;position:absolute}.associate-account .main ul .association-option .whatsapp .numbers-container{margin-top:2rem}.associate-account .main ul .association-option .whatsapp .numbers-container h3{font-weight:500}.associate-account .main ul .association-option .whatsapp .numbers-container ul{margin-top:.6rem}.associate-account .main ul .association-option .whatsapp .numbers-container ul li{margin-bottom:.5rem}.associate-account .main ul .association-option .instagram{flex-direction:column;display:none}.associate-account .main ul .association-option .instagram h3{color:var(--font_color__secondary)}.associate-account .main ul .association-option .instagram input{margin:1rem 0 0}.associate-account .main ul .association-option .instagram a{width:100%;text-align:center;margin-top:1rem}.associate-account .main ul .association-option .logo{width:1.3rem;margin-right:1rem}.associate-account .main ul .association-option .app-name{flex:3 1;font-weight:600!important}.associate-account .main ul .association-option .arrow{width:1rem}.associate-account .main ul .association-option .arrow path{fill:var(--font_color__secondary)}.associate-account .main ul .association-option .option-opened{display:flex!important}.associate-account .main ul .soonOption .option-name :not(.soon){opacity:.7!important}.associate-account .main ul .soonOption .soon{background:#8396fc;padding:.3rem 1rem;border-radius:200px;color:#fff}.calls .main{align-items:center;margin-top:3rem}.calls .main .search-container input{padding:.8rem .5rem .8rem 3rem;border-radius:.5rem;border:none;font-size:1rem;outline:none;color:var(--font_color__secondary)}.calls .main .search-container svg{left:.9rem;top:37%;transform:translateY(-50%);width:1.2rem}.calls .main .search-container svg path{fill:var(--font_color__secondary)}.calls .main .user-container .agent-name-container{display:flex;grid-gap:10px;gap:10px}.calls .main .user-container .connected{border-radius:200px;height:15px;width:15px;background-color:#59b90e;position:relative;top:29px;left:5px}.calls .main .user-container .disconnected{border-radius:200px;height:15px;width:15px;background-color:#8c8c8c;position:relative;top:29px;left:5px}.calls .main .user-container h2{padding-top:2.2rem;color:var(--font_color__primary);margin-bottom:1rem}.calls .main .user-container .numbers-container label{color:var(--font_color__secondary);font-size:1.1rem;width:100%}.calls .main .user-container .numbers-container select{font-size:1rem}.calls .main .user-container .numbers-container .incoming-calls-box{margin-right:1rem}.calls .main hr{opacity:.2}.sibila-bot .main{align-items:flex-start;margin-top:3rem;flex-direction:column}.sibila-bot .main .input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sibila-bot .main .input-container textarea{width:40rem!important}.content-container::-webkit-scrollbar{width:.8rem}.content-container::-webkit-scrollbar-thumb{border-radius:200px;background:#3c3c3c}.content-container::-webkit-scrollbar-track{background:none}.content-container::-webkit-scrollbar-thumb:hover{background:#555}@keyframes translate{0%{transform:translateY(0)}50%{transform:translateY(1rem)}to{transform:translateY(0)}}.menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:990;opacity:0;transition:opacity .3s ease}.menu-overlay.active{display:block;opacity:1}.mobile-menu-toggle{display:none!important;position:fixed;top:15px;left:15px;z-index:1500;cursor:pointer;background:var(--toolbar_background);border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.2);width:48px;height:48px;align-items:center;justify-content:center;transition:all .2s ease;border:none;outline:none}.mobile-menu-toggle:hover{background-color:rgba(0,0,0,.05)}.mobile-menu-toggle:active{background-color:rgba(0,0,0,.1);transform:scale(.95)}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:var(--font_color__primary);border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:first-child{top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}.sidebar-wrapper{position:relative;z-index:1000;transition:transform .3s ease,box-shadow .3s ease;transform:translateX(0)!important}@media screen and (max-width:768px){body{overflow-x:hidden}.mobile-menu-toggle{display:flex!important}.sidebar-wrapper{position:fixed!important;top:0;left:0;transform:translateX(-100%)!important;height:100vh;width:250px;transition:transform .3s ease}.sidebar-wrapper.mobile-open{transform:translateX(0)!important;box-shadow:0 0 20px rgba(0,0,0,.3)}.sidebar-container{width:250px!important;padding:2rem!important;height:100vh;overflow-y:auto;background:#fff}.dark-theme .sidebar-container{background:var(--toolbar_background)}.content-container{padding-top:65px!important}.content-container .content{padding:1rem!important;left:0!important;width:100%;max-width:100%}.content-container .content .title-and-save-container{width:100%!important;max-width:100%;flex-direction:column}.content-container .content .title-and-save-container h1{margin-bottom:1rem}.content-container .content .title-and-save-container .main-button{width:100%;text-align:center;padding:.8rem 0;margin-top:1rem}.company .main{flex-direction:column}.company .main .company-logo-container{margin-bottom:1.5rem}.company .main .name-container{margin-left:0!important;margin-bottom:1.5rem;width:100%;justify-content:center}.company .main .name-container h2{text-align:center;width:-webkit-max-content;width:max-content}.company .main .name-container h2:after{right:-2.5rem}.company .form-container,.company .form-container form,.company .form-container form .input-container{width:100%}.company .form-container form .input-container input{width:100%;box-sizing:border-box}.associate-account .content,.calls .content,.preferences .content,.sibila-bot .content,.templates .content{width:100%;max-width:100%}.associate-account .content .main,.calls .content .main,.preferences .content .main,.sibila-bot .content .main,.templates .content .main{width:100%}.associate-account .content .main .template-content,.associate-account .content .main textarea,.calls .content .main .template-content,.calls .content .main textarea,.preferences .content .main .template-content,.preferences .content .main textarea,.sibila-bot .content .main .template-content,.sibila-bot .content .main textarea,.templates .content .main .template-content,.templates .content .main textarea{width:100%!important;max-width:100%}.associate-account .content .main hr,.calls .content .main hr,.preferences .content .main hr,.sibila-bot .content .main hr,.templates .content .main hr{width:100%!important}.preferences .main .preference{width:100%}.templates .template-content{width:100%!important}.templates .template-content textarea{width:100%!important;box-sizing:border-box}}@media screen and (max-width:480px){.content .main .preference{flex-direction:column;align-items:flex-start}.content .main .preference h2{margin-bottom:.5rem;margin-right:0}.content .main .association-option .top{flex-direction:column!important}.content .main .association-option .top .qr-code{width:100%!important;margin-top:1rem}.content .main .association-option .top .info-container h3{width:100%!important}}.main-button.disabled{opacity:.7;cursor:not-allowed}.preference label{cursor:pointer;transition:background .3s ease}.preference label:before{transition:transform .3s ease,background .3s ease}@media screen and (max-width:768px){.preferences .main{width:100%!important}.preferences .main .preference{width:100%;margin:1.5rem 0}}@media screen and (max-width:768px) and (max-width:480px){.preferences .main .preference{flex-direction:column;align-items:flex-start}.preferences .main .preference h2{margin-bottom:1rem;margin-right:0}.preferences .main .preference .inputHours,.preferences .main .preference select{width:100%;max-width:100%;box-sizing:border-box;margin-top:.5rem}.preferences .main .preference label{margin-top:.5rem}}@media screen and (max-width:768px){.preferences select{padding:.5rem;border-radius:.5rem;font-size:1rem}.preferences .inputHours{padding:.5rem;font-size:1rem;width:100%;max-width:80px;text-align:center}}@media screen and (max-width:768px) and (max-width:320px){.preferences .main .preference{flex-direction:column;align-items:flex-start}.preferences .main .preference h2{margin-bottom:1rem;margin-right:0;font-size:1.1rem}}.templates .main,.templates .main .template,.templates .main .template-item{width:100%}.templates .main .template .template-title{font-weight:600;margin-bottom:1rem}.templates .main .template .template-content{width:100%;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem;line-height:1.5}.templates .main hr{margin:1.5rem 0;border:none;height:1px;background-color:rgba(0,0,0,.1)}.templates .main .no-templates{width:100%;padding:2rem 0;text-align:center;color:var(--font_color__secondary);font-style:italic}@media screen and (max-width:768px){.templates .content{padding:1rem!important;left:0!important;width:100%}.templates .content .title-and-save-container{width:100%!important}.templates .content .main{width:100%}.templates .content .main .template .template-title{font-size:1.2rem}.templates .content .main .template .template-content{width:100%!important;max-width:100%!important;font-size:.95rem}.templates .content .main hr{width:100%!important;margin:1.2rem 0}}@media screen and (max-width:768px) and (max-width:480px){.templates .content .main .template .template-title{font-size:1.1rem}}.arrow{transition:transform .3s ease}.arrow.rotate{transform:rotate(180deg)}.associate-account .main ul{width:100%}.associate-account .main ul .association-option{transition:all .3s ease}.associate-account .main ul .association-option .option-name{cursor:pointer;padding:1rem;transition:background-color .2s ease}.associate-account .main ul .association-option .option-name:hover{background-color:rgba(0,0,0,.03)}.associate-account .main ul .association-option .option-name .app-name{font-weight:600}.associate-account .main ul .association-option .instructions{display:none;padding:1rem;transition:all .3s ease}.associate-account .main ul .association-option .instructions.option-opened{display:flex;animation:fadeIn .3s ease}.associate-account .main ul .association-option .fb-actions{display:flex;flex-direction:column;width:100%;grid-gap:1rem;gap:1rem;margin-top:1rem}.associate-account .main ul .association-option .fb-actions .main-button{text-align:center;padding:.8rem}.associate-account .main ul .association-option .fb-actions .danger-button{background-color:#f44336}.associate-account .main ul .association-option .fb-actions .danger-button:hover{background-color:#d32f2f}.associate-account .main ul .association-option .fb-actions .loading-text{padding:.8rem;text-align:center;font-style:italic;color:var(--font_color__secondary)}@media screen and (max-width:768px){.associate-account .content{width:100%;padding:1rem!important;left:0!important}.associate-account .content .title-and-save-container{width:100%!important}.associate-account .content .main{width:100%}.associate-account .content .main ul{padding-left:0}.associate-account .content .main ul .association-option{margin-bottom:1rem}.associate-account .content .main ul .association-option .option-name{padding:.8rem}.associate-account .content .main ul .association-option .option-name .logo{width:1.2rem}.associate-account .content .main ul .association-option .option-name .app-name{font-size:1rem}.associate-account .content .main ul .association-option .option-name .soon{font-size:.8rem;padding:.2rem .8rem}.associate-account .content .main ul .association-option .instructions{padding:.8rem}.associate-account .content .main ul .association-option .instructions.option-opened{flex-direction:column}.associate-account .content .main ul .association-option .instructions .fb-actions,.associate-account .content .main ul .association-option .instructions .fb-actions .main-button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.instagram-account{margin-bottom:1rem;width:100%}@media screen and (max-width:480px){.instagram-account .account-identifier{font-size:1.2rem!important}.instagram-account .delete-instagram-button{width:22px!important;height:22px!important}}.calls .main{width:100%}.calls .main .search-container{position:relative;margin-bottom:2rem;width:100%}.calls .main .search-container input{width:100%;padding-left:3rem;box-sizing:border-box}.calls .main .search-container svg{pointer-events:none}.calls .main .users-list{width:100%}.calls .main .users-list .agents-table{width:80%;background-color:#fff;border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.15);overflow:hidden;border-collapse:collapse;border:1px solid #d3d3d3;max-height:65vh;table-layout:fixed}.calls .main .users-list .agents-table td,.calls .main .users-list .agents-table th{text-align:left;padding:.8rem;height:40px;border-bottom:1px solid #d3d3d3}.calls .main .users-list .agents-table th{font-weight:600;color:#3c3c3c}.calls .main .users-list .agents-table td{color:grey}.calls .main .users-list .agents-table td h2{font-size:.95rem;font-weight:500;color:#333;margin:0}.calls .main .users-list .agents-table td select.input{width:100%;padding:.4rem .6rem;border-radius:8px;border:1px solid #d3d3d3;background-color:#fafafa;color:#333;font-size:.9rem;cursor:pointer}.calls .main .users-list .agents-table td select.input:hover{border-color:#8396fc}.calls .main .users-list .agents-table td select.input:focus{outline:none;border:2px solid #8396fc;background-color:#fff}.calls .main .users-list .agents-table tr:last-child td{border-bottom:none}.calls .main .users-list .agents-table td:first-child,.calls .main .users-list .agents-table td:nth-child(2),.calls .main .users-list .agents-table td:nth-child(3),.calls .main .users-list .agents-table td:nth-child(4),.calls .main .users-list .agents-table th:first-child,.calls .main .users-list .agents-table th:nth-child(2),.calls .main .users-list .agents-table th:nth-child(3),.calls .main .users-list .agents-table th:nth-child(4){width:25%}.calls .main .users-list .agents-table tr:hover{background-color:#fafafa}.calls .main .no-agents{width:100%;padding:2rem;text-align:center;color:var(--font_color__secondary);font-style:italic;border:1px dashed rgba(0,0,0,.1);border-radius:5px;margin:2rem 0}@media screen and (max-width:768px){.calls .content{padding:1rem!important;left:0!important;width:100%;max-width:100%}.calls .content .title-and-save-container{width:100%!important;flex-direction:column}.calls .content .title-and-save-container h1{margin-bottom:1rem}.calls .content .title-and-save-container .main-button{width:100%;text-align:center;margin-bottom:1rem}.calls .content .main{width:100%}.calls .content .main .user-container .numbers-container{flex-direction:column}.calls .content .main .user-container .numbers-container .incoming-calls-box,.calls .content .main .user-container .numbers-container .outgoing-calls-box,.calls .content .main .user-container .numbers-container .supervisor-box{width:100%;margin-right:0;margin-bottom:1rem}.calls .content .main .user-container .numbers-container .incoming-calls-box select,.calls .content .main .user-container .numbers-container .outgoing-calls-box select,.calls .content .main .user-container .numbers-container .supervisor-box select{width:100%}}@media screen and (max-width:480px){.calls .content .main .user-container .agent-name-container h2{font-size:1.2rem}}.panel-configurations-container{padding:3rem 3rem 3rem 5rem;position:relative;left:20rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;width:calc(100% - 20rem)}.panel-configurations-container .select-module-container{display:flex;flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem}.panel-configurations-container .select-module-container .module-label{font-size:16px}.panel-configurations-container .table-container{width:100%;overflow:auto;height:100%}.panel-configurations-container .table-container .api-names-table{max-height:100%}.panel-configurations-container .table-container .api-names-table td:first-child,.panel-configurations-container .table-container .api-names-table th:first-child{width:50%}.panel-configurations-container .table-container .api-names-table td:nth-child(2),.panel-configurations-container .table-container .api-names-table th:nth-child(2){width:45%}.panel-configurations-container .table-container .api-names-table td:nth-child(3),.panel-configurations-container .table-container .api-names-table th:nth-child(3){width:5%}.panel-configurations-container .buttons-container{display:flex;flex-direction:row;grid-gap:1rem;gap:1rem;justify-content:center}.form-actions{margin-top:2rem;display:flex;justify-content:flex-start}.form-actions .btn-primary{padding:.75rem 1.5rem;background-color:var(--color__primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.form-actions .btn-primary:hover{background-color:var(--color__primary_hover,#0056b3)}.page-header{margin-bottom:2rem}.page-header .page-title{font-size:2rem;font-weight:700;color:var(--font_color__primary);margin:0 0 .5rem}.page-header .page-description{color:var(--font_color__secondary);margin:0;line-height:1.5}.form-section{background:var(--background_color__primary);padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-section h2{font-size:1.5rem;font-weight:600;color:var(--font_color__primary);margin:0 0 1rem;border-bottom:1px solid var(--border_color);padding-bottom:.75rem}.size-warning-container{position:absolute!important;z-index:1000;background:#000;width:100%;height:100%;display:none}.size-warning-container .size-warning-box{padding:2rem}.size-warning-container .size-warning-box h1{align-items:center;font-size:2rem;color:#fff}.size-warning-container .size-warning-box h1 img{width:5rem;margin-right:2rem}.size-warning-container .size-warning-box p{font-size:1.2rem;color:grey;margin:3rem 0 1.5rem}.size-warning-container .size-warning-box h3{color:#fff;font-size:1.5rem}.size-warning-container .size-warning-box ul li{color:grey;margin:1rem 0;display:flex;align-items:center;font-size:1.2rem}.size-warning-container .size-warning-box ul li img{width:3rem;margin:0 1rem}.size-warning-container .size-warning-box ul li .mouse{animation:hover 1.5s infinite}@media (min-width:900px){.size-warning-container{display:none}}@keyframes hover{0%{transform:translateY(-.3rem)}50%{transform:translateY(.3rem)}to{transform:translateY(-.3rem)}}.whole-loader-container{position:fixed;height:100%;width:100%;background:var(--background_color__secondary);z-index:1000;opacity:.7;transition:all .5s}.whole-loader-container .loader-container{height:100%}.whole-loader-container .loader-container img{left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;animation:spin 1.2s infinite}.expires-notification{color:grey;font-size:small;align-self:center}.container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-container .image-container{width:60%}.page-container .image-container img{width:auto;height:100%}.page-container .button-container{margin:auto;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.page-container{grid-gap:2rem;gap:2rem}.page-container .image-container{width:35vw;height:100%}.page-container .image-container img{width:35vw}.page-container .text-container{width:100%;padding:4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.page-container{background-color:#d5d7eb}.semi-circle{width:50vw;height:100vh;z-index:10;left:-25vw;border-radius:100%;background-color:#f9f9f9;box-shadow:0 5px 16px rgba(0,0,0,.15)}.semi-circle,.semi-circle .logo{position:absolute;display:flex;align-items:center}.semi-circle .logo{right:10vw;flex-direction:column;grid-gap:10px;gap:10px}.semi-circle .logo h1{font-size:16px}.clients-list{position:absolute;left:20vw;top:calc(50% - 30px);display:flex;flex-direction:column;z-index:10}.client-item{box-shadow:0 5px 16px rgba(0,0,0,.15);background-color:#eee;color:#4d54f9;padding:1rem;display:flex;justify-content:flex-start;grid-gap:.6rem;gap:.6rem;align-items:center;border-radius:10px;z-index:10;width:300px}.client-item .call-line{display:none;height:2px;background-color:#535050;opacity:.7;width:80px;position:absolute;left:100%;z-index:5}.client-item .call-line .line-circle{position:relative;left:-4px;top:-4px;height:10px;width:10px;border-radius:100%;background-color:#535050;z-index:10}.client-item .client-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.client-item .client-info .client-number{font-size:12px;font-weight:400}.client-item .client-info .client-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:220px}.client-item:first-child{background-color:#f9f9f9}.client-item:first-child .call-line{display:flex}.call{position:absolute;left:calc(45vw + 280px)}.call-container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.call-container .call-card{display:flex;flex-direction:column;background-color:#f9f9f9;border-radius:30px;box-shadow:10px 10px 0 -3px #8396fc;z-index:15}.call-container .call-card .info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-gap:1rem;gap:1rem;width:100%;padding:2rem;z-index:15}.call-container .call-card .info-container .client-additional-info{display:flex;flex-direction:column;grid-area:.2rem;background-color:#bebebe;padding:.6rem;border-radius:5px}.call-container .call-card .info-container .client-additional-info p{font-size:10px;color:#fff;font-weight:700}.call-container .call-card .info-container .call-info{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;text-align:left}.call-container .call-card .info-container .call-info h4{font-weight:400}.call-container .call-card .buttons-container{border-radius:30px;height:90px;width:100%;display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;padding:2rem;background-color:#212749}.call-container .call-card .buttons-container .hangout-button{background-color:initial;border:none;cursor:pointer}.call-container .call-card *{color:#3c3c3c}.call-container .notes-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.call-container .notes-container textarea{height:120px;margin:0!important}.call-container .notes-container button{margin:0!important}.action-buttons{position:absolute;top:calc(50% - 17px);left:calc(25vw + 410px);z-index:10}.action-buttons .action-button{display:flex;align-items:center;color:#fff;border:none;cursor:pointer;font-size:16px;transition:background-color .3s ease}.action-buttons .action-button img{background-color:#d5d7eb}.action-buttons .action-button:hover{background-color:#e4aab2}.action-buttons .call-line{display:flex;height:2px;background-color:#535050;opacity:.7;width:180px;position:absolute;left:45px;top:20px;z-index:5}.campaign-details-container{position:absolute;top:50px;width:100vw;display:flex;justify-content:center;grid-gap:1rem;gap:1rem}.campaign-details-container .campaign-details{display:flex;flex-direction:column;align-items:center;grid-gap:.6rem;gap:.6rem;padding:1rem;background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.15)}.lead-icon{position:absolute;top:20px;right:20px}.end-message{position:absolute;left:35%}.fade-enter{opacity:0;transform:translateY(-20px)}.fade-enter-active{transition:opacity .5s,transform .5s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.snackbar{position:fixed;bottom:20px;left:20px;right:20px;max-width:400px;width:auto;padding:1rem;background-color:#8396fc;color:#fff;font-size:14px;font-weight:700;border-radius:10px;z-index:1000;word-wrap:break-word;box-sizing:border-box}.snackbar.error{background-color:#fc2c2c}.snackbar.success{background-color:green}@media (max-width:768px){.snackbar{left:10px;right:10px;bottom:15px;padding:.875rem;font-size:13px;max-width:none;border-radius:8px}}@media (max-width:480px){.snackbar{left:8px;right:8px;bottom:10px;padding:.75rem;font-size:12px;border-radius:6px}}@media (max-width:320px){.snackbar{left:5px;right:5px;bottom:8px;padding:.625rem;font-size:11px}}.disabled-addon-container{width:100vw;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:2rem}.disabled-addon-content{position:relative;display:flex;flex-direction:column;justify-content:center;background-color:#8396fc;border-radius:12px;padding:3rem 4rem;max-width:600px;box-shadow:0 8px 20px rgba(0,0,0,.25);grid-gap:1.5rem;gap:1.5rem}.disabled-addon-content .disabled-addon-text{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.disabled-addon-content .disabled-addon-text h1{color:#fff;font-size:2rem;margin:0}.disabled-addon-content .disabled-addon-text .addon-info{color:#fff;font-size:1.125rem;line-height:1.6}.disabled-addon-content .disabled-addon-text .cta-text{color:#ffe082;font-weight:700;font-size:1rem}.disabled-addon-logo{position:absolute;bottom:2rem;right:2rem}.disabled-addon-logo img{width:100px;opacity:.6}.paginator-button{width:32px;height:32px;border-radius:8px;border:2px solid #d3d3d3;background-color:#fff;display:flex;color:#8396fc;font-weight:700;justify-content:center;align-items:center;cursor:pointer}.paginator-button.disabled{background-color:#d3d3d3;border:2px solid #d3d3d3;cursor:default}.paginator-button.active{border-color:#8396fc}.templates-table-container{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.15);overflow:hidden;border-collapse:collapse;border:1px solid #d3d3d3;max-height:65vh}.templates-table-container table{width:100%}.templates-table-container td,.templates-table-container th{text-align:left;padding:.8rem;height:30px}.templates-table-container td{color:grey}.templates-table-container tr{border-bottom:1px solid #d3d3d3}.templates-table-container tr:last-child{border-bottom:none}.templates-table-container td:first-child,.templates-table-container th:first-child{width:4%}.templates-table-container td:nth-child(2),.templates-table-container td:nth-child(3),.templates-table-container th:nth-child(2),.templates-table-container th:nth-child(3){width:12%}.templates-table-container td:nth-child(4),.templates-table-container th:nth-child(4){width:5%}.templates-table-container td:nth-child(5),.templates-table-container th:nth-child(5){width:15%}.templates-table-container td:nth-child(6),.templates-table-container th:nth-child(6){width:8%}.templates-table-container td:nth-child(7),.templates-table-container td:nth-child(8),.templates-table-container td:nth-child(9),.templates-table-container th:nth-child(7),.templates-table-container th:nth-child(8),.templates-table-container th:nth-child(9){width:12%}.templates-table-container td:nth-child(10),.templates-table-container th:nth-child(10){width:8%}.templates-table-container td:nth-child(11),.templates-table-container th:nth-child(11){width:4%}.template-token{font-family:"Courier New",monospace;font-size:11px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px;border:1px solid #ddd;word-break:break-all;display:inline-block;max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-token-container{display:flex;align-items:center;grid-gap:8px;gap:8px;max-width:100%}.copy-button{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:all .2s ease;min-width:24px;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:rgba(0,123,255,.1);transform:scale(1.1)}.copy-button:active{transform:scale(.95)}.viewer-button{background:linear-gradient(145deg,#25d366,#128c7e);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;box-shadow:0 2px 4px rgba(37,211,102,.3)}.viewer-button:hover{background:linear-gradient(145deg,#128c7e,#075e54);transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,211,102,.4)}.viewer-button:active{transform:translateY(0)}.whatsapp-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.whatsapp-viewer-container{background:#f0f0f0;width:100%;max-width:400px;height:90vh;max-height:700px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.whatsapp-header{background:#075e54;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px rgba(0,0,0,.2)}.whatsapp-header .contact-info{display:flex;align-items:center;grid-gap:12px;gap:12px}.whatsapp-header .contact-info .avatar{width:40px;height:40px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:18px}.whatsapp-header .contact-info .contact-details h3{margin:0;font-size:16px;font-weight:500}.whatsapp-header .contact-info .contact-details p{margin:0;font-size:12px;opacity:.8}.whatsapp-header .close-btn{background:hsla(0,0%,100%,.1);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.whatsapp-header .close-btn:hover{background:hsla(0,0%,100%,.2)}.whatsapp-chat{flex:1 1;background:linear-gradient(135deg,#ddd6c1,#e2d8c0);background-image:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:20px 20px;padding:20px;overflow-y:auto;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.whatsapp-chat .date-indicator{text-align:center;margin:10px 0}.whatsapp-chat .date-indicator span{background:rgba(0,0,0,.1);color:#666;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500}.whatsapp-chat .message-container{display:flex;justify-content:flex-end}.whatsapp-chat .message-container .message{max-width:80%}.whatsapp-chat .message-container .message.sent .message-content{background:#dcf8c6;border-radius:18px 18px 4px 18px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.whatsapp-chat .message-container .message-content{padding:12px 16px 8px;position:relative}.whatsapp-chat .message-container .message-content .message-text{color:#333;font-size:14px;line-height:1.4;margin-bottom:8px;word-wrap:break-word}.whatsapp-chat .message-container .message-content .message-media{margin-bottom:8px}.whatsapp-chat .message-container .message-content .message-media .message-image{max-width:100%;max-height:300px;width:auto;height:auto;border-radius:12px;object-fit:cover;display:block}.whatsapp-chat .message-container .message-content .message-media .image-placeholder{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;background:rgba(0,0,0,.1);border-radius:12px;padding:40px 20px;color:#666;font-size:14px}.whatsapp-chat .message-container .message-content .message-document{display:flex;align-items:center;grid-gap:12px;gap:12px;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:12px;margin-bottom:8px;transition:background .2s}.whatsapp-chat .message-container .message-content .message-document:hover{background:hsla(0,0%,100%,.9)}.whatsapp-chat .message-container .message-content .message-document .document-icon{font-size:32px;display:flex;align-items:center;justify-content:center;min-width:40px}.whatsapp-chat .message-container .message-content .message-document .document-info{flex:1 1;min-width:0}.whatsapp-chat .message-container .message-content .message-document .document-info .document-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.whatsapp-chat .message-container .message-content .message-document .document-info .document-size{font-size:12px;color:#666}.whatsapp-chat .message-container .message-content .message-document .download-icon{font-size:18px;color:#666;opacity:.7}.whatsapp-chat .message-container .message-content .message-time{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px;gap:4px;font-size:11px;color:#666;opacity:.7}.whatsapp-chat .message-container .message-content .message-time .check-marks{color:#4fc3f7;font-size:12px}.whatsapp-input{background:#f0f0f0;padding:10px 15px;border-top:1px solid #ddd}.whatsapp-input .input-container{background:#fff;border-radius:25px;padding:8px 15px;display:flex;align-items:center;grid-gap:10px;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.whatsapp-input .input-container .attachment-btn,.whatsapp-input .input-container .emoji-btn,.whatsapp-input .input-container .voice-btn{font-size:18px;cursor:not-allowed;opacity:.6}.whatsapp-input .input-container .message-input{flex:1 1;border:none;outline:none;font-size:14px;background:transparent;color:#999;cursor:not-allowed}.whatsapp-input .input-container .message-input::placeholder{color:#999}.template-info{background:#fff;border-top:1px solid #e0e0e0;max-height:200px;overflow-y:auto}.template-info .info-header{background:#f5f5f5;padding:12px 20px;border-bottom:1px solid #e0e0e0}.template-info .info-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.template-info .info-content{padding:15px 20px}.template-info .info-content p{margin:8px 0;font-size:13px;color:#555}.template-info .info-content p strong{color:#333;font-weight:600}@media (max-width:768px){.whatsapp-viewer-overlay{padding:10px}.whatsapp-viewer-container{max-width:100%;height:95vh;max-height:none;border-radius:15px}.whatsapp-header{padding:12px 15px}.whatsapp-header .contact-info .avatar{width:35px;height:35px;font-size:16px}.whatsapp-header .contact-info .contact-details h3{font-size:14px}.whatsapp-header .contact-info .contact-details p{font-size:11px}.whatsapp-chat{padding:15px}}.show-templates-page-container{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:2rem;gap:2rem;padding:4rem;height:100vh;overflow-y:auto;position:absolute;width:calc(100vw - 20rem);left:20rem}.show-templates-page-container.hide-sidebar{left:5rem!important;width:calc(100vw - 5rem)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.buttons-container{display:flex;grid-gap:20px;gap:20px;align-items:center}.filter-templates{padding:.6rem;background-color:#fff;border-radius:10px;border:none}.paginator-container{display:flex;grid-gap:8px;gap:8px;align-items:center;justify-content:center}.multiple-selection-box{height:50px}.multiple-selection-box,.multiple-selection-box .actions-buttons-container{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.multiple-selection-box .actions-buttons-container .action-button{padding:.4rem 1.2rem;display:flex;justify-content:center;align-items:center;grid-gap:.2rem;gap:.2rem;border-radius:20px;border:none;cursor:pointer;font-weight:500}.multiple-selection-box .actions-buttons-container .action-button.sync{background-color:#fff;border:2px solid #8396fc;color:#000}.multiple-selection-box .actions-buttons-container .action-button.delete{background-color:#fff;border:2px solid #fc2c2c;color:#000}.delete-template-modal-container{position:fixed;height:100%;width:100%;top:0;left:0;background:var(--modal_trasluscent_background);display:flex;justify-content:center;align-items:center;z-index:1000}.delete-template-modal-container .delete-template-modal-content{background:var(--background_color__secondary);width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;padding:3rem;border-radius:1rem;box-shadow:0 5px 16px rgba(0,0,0,.15);animation:pulsate .3s forwards;display:flex;grid-gap:2rem;gap:2rem;flex-direction:column;align-items:center}.delete-template-modal-container .delete-template-modal-content .delete-template-buttons{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;align-items:center}.delete-template-modal-container .delete-template-modal-content .delete-template-buttons .keep-template-button{background:grey;border:2px solid grey;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.delete-template-modal-container .delete-template-modal-content .delete-template-buttons .delete-template-button{background:#fc2c2c;border:2px solid #fc2c2c;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.delete-template-modal-container .delete-template-modal-content .delete-template-buttons .sync-template-button{background:#8396fc;border:2px solid #8396fc;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.assistants-container{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:2rem;gap:2rem;padding:4rem;height:100vh;overflow-y:auto;width:100%}.assistants-container .buttons-container{display:flex;justify-content:flex-end}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--modal_trasluscent_background);z-index:1000}.modal-container,.modal-container .modal-content{display:flex;justify-content:center;align-items:center}.modal-container .modal-content{background:var(--background_color__secondary);position:relative;border-radius:20px;width:60vw;flex-direction:column;grid-gap:1rem;gap:1rem;padding:20px 40px;box-sizing:border-box;box-shadow:0 5px 16px rgba(0,0,0,.15)}.modal-container .modal-content .buttons-container{display:flex;grid-gap:1rem;gap:1rem}.modal-container .modal-content .buttons-container .main-button:disabled{background-color:grey}.table-container{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.15);overflow:hidden;border-collapse:collapse;border:1px solid #d3d3d3;max-height:65vh}.table-container td,.table-container th{text-align:left;padding:.8rem;height:30px}.table-container td{color:grey}.table-container tr{border-bottom:1px solid #d3d3d3}.table-container tr:last-child{border-bottom:none}.buttons-column{display:flex;grid-gap:5px;gap:5px;align-items:center}.input-title{padding:.2rem .2rem .2rem .6rem;border-radius:10px;border:1px solid #8396fc}.input-title:focus{border:2px solid #8396fc;outline:none}.table-container td:first-child,.table-container th:first-child{width:20%}.table-container td:nth-child(2),.table-container th:nth-child(2){width:40%}.table-container td:nth-child(3),.table-container th:nth-child(3){width:20%}.table-container td:nth-child(4),.table-container td:nth-child(5),.table-container th:nth-child(4),.table-container th:nth-child(5){width:10%}.action-button{background-color:initial;border:none;cursor:pointer;border-radius:20px}.settings-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4rem;height:100vh;width:100vw;grid-gap:6rem;gap:6rem;background-color:#fff}.settings-container h1{align-self:flex-start}.settings-content{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.input-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem;width:-webkit-max-content;width:max-content}.flows-editor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background_color__secondary);z-index:1000;display:flex;flex-direction:column}.flows-editor-fullscreen .flows-header{background:var(--background_color__primary);padding:1rem 2rem;border-bottom:1px solid #8396fc;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 16px rgba(0,0,0,.15)}.flows-editor-fullscreen .flows-header h1{margin:0;color:var(--font_color__primary);font-size:1.5rem}.flows-editor-fullscreen .flows-header .header-actions{display:flex;grid-gap:1rem;gap:1rem}.flows-editor-fullscreen .flows-header .header-actions .btn-close{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.flows-editor-fullscreen .flows-header .header-actions .btn-close:hover{background:#d32f2f}.flows-editor-fullscreen .flows-content{flex:1 1;padding:2rem;overflow-y:auto}.flows-editor-fullscreen .flows-content .page-header{margin-bottom:2rem}.flows-editor-fullscreen .flows-content .page-header .page-title{color:var(--font_color__primary);font-size:2rem;margin-bottom:1rem;font-weight:600}.flows-editor-fullscreen .flows-content .page-header .page-description{color:var(--font_color__secondary);font-size:1.1rem;line-height:1.6}.bot-flow-editor{background:var(--background_color__primary);border-radius:12px;padding:2rem;box-shadow:0 5px 16px rgba(0,0,0,.15);margin-bottom:2rem}.bot-flow-editor .flow-toolbar{background:var(--background_color__secondary);padding:1.5rem;border:1px solid #8396fc;border-radius:8px;display:flex;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.bot-flow-editor .flow-toolbar .btn-primary,.bot-flow-editor .flow-toolbar .btn-secondary,.bot-flow-editor .flow-toolbar .btn-success{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.bot-flow-editor .flow-toolbar .btn-primary:hover,.bot-flow-editor .flow-toolbar .btn-secondary:hover,.bot-flow-editor .flow-toolbar .btn-success:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.bot-flow-editor .flow-toolbar .btn-primary{background:linear-gradient(135deg,#8396fc,#1f42fa);color:#fff}.bot-flow-editor .flow-toolbar .btn-secondary{background:var(--input_background);color:var(--font_color__primary);border:1px solid #8396fc}.bot-flow-editor .flow-toolbar .btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.flow-canvas{position:relative;min-height:500px;background:var(--background_color__secondary);border-radius:8px;overflow:auto;border:2px dashed #8396fc;padding:2rem}.flow-canvas:empty:before{content:"Arrastra nodos aquí para crear tu flujo...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--font_color__secondary);font-size:1.1rem;text-align:center}.flows-admin-container{padding:2rem;height:100%;overflow-y:auto;background-color:#fff}.flows-admin-container .admin-header{margin-bottom:2rem}.flows-admin-container .admin-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem;font-weight:600}.flows-admin-container .admin-header p{color:#666;font-size:1rem;line-height:1.5}.bot-flow-editor-admin{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:calc(100vh - 200px);display:flex;grid-gap:1.5rem;gap:1.5rem;border:1px solid #e0e0e0}.bot-flow-editor-admin .flow-sidebar{width:220px;flex-shrink:0;background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e0e0e0}.bot-flow-editor-admin .flow-sidebar h4{margin:0 0 1.5rem;color:#333;font-size:1rem;font-weight:600;text-align:center;border-bottom:2px solid #e0e0e0;padding-bottom:.75rem}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-primary,.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-secondary,.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-success{width:100%;padding:.75rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;text-align:center}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-primary:hover,.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-secondary:hover,.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-success:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-primary{background:#007bff;color:#fff}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-primary:hover{background:#0056b3}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-secondary{background:#fff;color:#333;border:1px solid #e0e0e0}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-secondary:hover{background:#f8f9fa;border-color:#007bff}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-success{background:#28a745;color:#fff}.bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-success:hover{background:#1e7e34}.bot-flow-editor-admin .flow-sidebar .zoom-controls{border-top:1px solid #8396fc;padding-top:1.5rem;margin-top:1.5rem}.bot-flow-editor-admin .flow-sidebar .zoom-controls h5{color:var(--font_color__primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-buttons{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-buttons .btn-zoom{padding:.5rem;border:1px solid #8396fc;background:var(--background_color__secondary);color:var(--font_color__primary);border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-buttons .btn-zoom:hover{background:var(--background_color__primary);transform:translateY(-1px)}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-level{text-align:center;color:var(--font_color__secondary);font-size:.85rem;font-weight:500}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-info{margin-top:.5rem;font-size:.75rem;color:var(--font_color__secondary);text-align:center;line-height:1.3}.bot-flow-editor-admin .flow-sidebar .zoom-controls .zoom-info .shortcut{font-weight:600;color:var(--font_color__primary)}.bot-flow-editor-admin .flow-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.flow-canvas-admin{position:relative;flex:1 1;background:#fff;border-radius:8px;overflow:hidden;min-height:400px;border:2px dashed #e0e0e0;padding:1rem;transition:all .2s ease;cursor:grab}.flow-canvas-admin.dragging-active{border-color:#007bff;background:#f8f9ff;cursor:grabbing}.flow-canvas-admin .connection-lines{z-index:1;pointer-events:none}.flow-canvas-admin .nodes-container{position:relative;width:100%;height:100%;transition:transform .1s ease-out}.flow-canvas-admin:empty:before{content:"Arrastra nodos aquí para crear tu flujo...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:1.1rem;text-align:center;font-weight:500}.flow-canvas-admin .flow-node{position:absolute;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:280px;border:2px solid #e0e0e0;transition:all .2s ease;z-index:10;cursor:move}.flow-canvas-admin .flow-node:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.flow-canvas-admin .flow-node.dragging{transform:rotate(2deg);z-index:1000;box-shadow:0 8px 25px rgba(0,0,0,.25);border-color:#007bff}.flow-canvas-admin .flow-node:after,.flow-canvas-admin .flow-node:before{content:"";position:absolute;width:10px;height:10px;background:#007bff;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .2s ease;z-index:5}.flow-canvas-admin .flow-node:before{left:-5px;top:25px}.flow-canvas-admin .flow-node:after{right:-5px;top:50%;transform:translateY(-50%);display:none}.flow-canvas-admin .flow-node:not(.has-branches):after{display:block}.flow-canvas-admin .flow-node:hover:before{background:#0056b3;transform:scale(1.2)}.flow-canvas-admin .flow-node:hover:after{background:#0056b3;transform:translateY(-50%) scale(1.2)}.flow-canvas-admin .flow-node .node-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#007bff;color:#fff;border-radius:10px 10px 0 0;font-weight:600;cursor:move;-webkit-user-select:none;user-select:none}.flow-canvas-admin .flow-node .node-header .node-icon{font-size:1.3rem;margin-right:.75rem;pointer-events:none}.flow-canvas-admin .flow-node .node-header .node-title{flex:1 1;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.flow-canvas-admin .flow-node .node-header .node-actions{display:flex;grid-gap:.5rem;gap:.5rem}.flow-canvas-admin .flow-node .node-header .node-actions .btn-delete,.flow-canvas-admin .flow-node .node-header .node-actions .btn-edit{background:hsla(0,0%,100%,.2);border:none;border-radius:4px;padding:.4rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.flow-canvas-admin .flow-node .node-header .node-actions .btn-delete:hover,.flow-canvas-admin .flow-node .node-header .node-actions .btn-edit:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.flow-canvas-admin .flow-node .node-header .node-actions .btn-delete:hover{background:rgba(255,69,58,.8)}.flow-canvas-admin .flow-node .node-body{padding:1.25rem}.flow-canvas-admin .flow-node .node-body .node-message{color:#333;font-size:.95rem;line-height:1.5;margin-bottom:1rem;max-height:80px;overflow:hidden;background:#f8f9fa;padding:.75rem;border-radius:6px;border-left:3px solid #007bff}.flow-canvas-admin .flow-node .node-body .node-config-indicators{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.flow-canvas-admin .flow-node .node-body .node-config-indicators .config-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:.35rem .7rem;border-radius:12px;background:#e3f2fd;color:#1565c0;font-weight:600;border:1px solid #90caf9;white-space:nowrap}.flow-canvas-admin .flow-node .node-body .node-config-indicators .config-badge.stay{background:#fff3e0;color:#e65100;border-color:#ffb74d}.flow-canvas-admin .flow-node .node-body .node-harvest{background:#e8f5e8;padding:.75rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #28a745}.flow-canvas-admin .flow-node .node-body .node-harvest .harvest-label{font-size:.85rem;color:#2e7d32;font-weight:600;display:block;margin-bottom:.5rem}.flow-canvas-admin .flow-node .node-body .node-harvest .integration-module{font-size:.8rem;background:#28a745;color:#fff;padding:.3rem .6rem;border-radius:4px;display:inline-block}.flow-canvas-admin .flow-node .node-body .node-branches{margin-bottom:1rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:.5rem;font-size:.9rem;padding:.6rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #007bff;position:relative;transition:all .2s ease}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option:hover{transform:translateX(2px);box-shadow:0 2px 8px rgba(0,123,255,.2)}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#007bff;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option .branch-label{background:transparent;color:#333;padding:0;border-radius:0;font-size:.85rem;font-weight:500;flex:1 1}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option .branch-number{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px rgba(0,123,255,.3)}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option .branch-arrow{color:#007bff;font-weight:700;font-size:1.1rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-option .branch-target{color:#333;font-weight:500;flex:1 1;font-size:.85rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-default{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-top:.75rem;padding:.6rem;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:8px;border:1px solid #ff9800;font-size:.9rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-default .default-label{color:#e65100;font-weight:600;font-size:.85rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-default .branch-arrow{color:#ff9800;font-weight:700;font-size:1.1rem}.flow-canvas-admin .flow-node .node-body .node-branches .branch-default .branch-target{color:#333;font-weight:500;font-size:.85rem}.flow-canvas-admin .flow-node .node-body .node-next{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;font-size:.9rem;padding:.5rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.flow-canvas-admin .flow-node .node-body .node-next .next-arrow{color:#666;font-weight:700}.flow-canvas-admin .flow-node .node-body .node-next .next-target{color:#333;font-weight:500}.flow-canvas-admin .flow-node .node-body .node-finished{background:#fff3e0;padding:.75rem;border-radius:8px;border-left:4px solid #ff9800}.flow-canvas-admin .flow-node .node-body .node-finished .finished-label{font-size:.85rem;color:#e65100;font-weight:600}.node-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.node-editor-overlay .node-editor{background:#fff;border-radius:12px;width:90%;max-width:650px;max-height:85vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid #e0e0e0}.node-editor-overlay .node-editor .editor-header{background:#007bff;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.node-editor-overlay .node-editor .editor-header h3{margin:0;font-size:1.3rem;font-weight:600}.node-editor-overlay .node-editor .editor-header .btn-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:35px;height:35px;border-radius:6px;cursor:pointer;font-size:1.3rem;transition:all .2s ease}.node-editor-overlay .node-editor .editor-header .btn-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.node-editor-overlay .node-editor .editor-body{padding:2rem;max-height:60vh;overflow-y:auto}.node-editor-overlay .node-editor .editor-body .editor-section{margin-bottom:2.5rem}.node-editor-overlay .node-editor .editor-body .editor-section h4{color:#007bff;margin-bottom:1.25rem;font-size:1.2rem;font-weight:600;border-bottom:2px solid #e0e0e0;padding-bottom:.75rem}.node-editor-overlay .node-editor .editor-body .editor-section .form-group{margin-bottom:1.25rem}.node-editor-overlay .node-editor .editor-body .editor-section .form-group label{display:block;margin-bottom:.75rem;color:#333;font-weight:500;font-size:.95rem;line-height:1.4}.node-editor-overlay .node-editor .editor-body .editor-section .form-group label input[type=checkbox]{margin-right:.75rem;transform:scale(1.1);vertical-align:top;margin-top:.1rem}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group{margin:.75rem 0}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;cursor:pointer;margin:0;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .2s ease;grid-gap:.75rem;gap:.75rem}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label:hover{border-color:#007bff;background:#f8f9ff}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#007bff;flex-shrink:0}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label input[type=checkbox]:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px}.node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label .checkbox-text{font-weight:500;color:#333;font-size:.95rem;line-height:1.4;margin:0;flex:1 1}.node-editor-overlay .node-editor .editor-body .editor-section .form-group input,.node-editor-overlay .node-editor .editor-body .editor-section .form-group select,.node-editor-overlay .node-editor .editor-body .editor-section .form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:.95rem;transition:all .2s ease}.node-editor-overlay .node-editor .editor-body .editor-section .form-group input:focus,.node-editor-overlay .node-editor .editor-body .editor-section .form-group select:focus,.node-editor-overlay .node-editor .editor-body .editor-section .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.node-editor-overlay .node-editor .editor-body .editor-section .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor .branch-label{color:#333;font-size:.95rem;min-width:100px;font-weight:500;margin-bottom:0}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor span{color:#333;font-size:.95rem;min-width:80px;font-weight:500}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor input{flex:1 1;margin:0}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor .btn-small{padding:.4rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor .btn-small.btn-danger{background:#dc3545;color:#fff}.node-editor-overlay .node-editor .editor-body .editor-section .branch-editor .btn-small.btn-danger:hover{background:#c82333;transform:scale(1.05)}.node-editor-overlay .node-editor .editor-body .editor-section .btn-small{background:#007bff;color:#fff;padding:.6rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.node-editor-overlay .node-editor .editor-body .editor-section .btn-small:hover{background:#0056b3;transform:translateY(-1px)}.node-editor-overlay .node-editor .editor-footer{padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;grid-gap:1rem;gap:1rem}.node-editor-overlay .node-editor .editor-footer .btn-secondary{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:transparent;color:#333;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.node-editor-overlay .node-editor .editor-footer .btn-secondary:hover{background:#f8f9fa;transform:translateY(-1px)}.node-editor-overlay .node-editor .editor-footer .btn-primary{padding:.75rem 1.5rem;border:none;background:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.node-editor-overlay .node-editor .editor-footer .btn-primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,123,255,.4)}body.dark .flows-admin-container .admin-header h2,body.dark .flows-admin-container .admin-header p{color:var(--font_color__primary)}body.dark .flows-admin-container .flow-canvas-admin{background:var(--background_color__secondary);border-color:var(--border_color)}body.dark .flows-admin-container .flow-canvas-admin.dragging-active{background:rgba(0,123,255,.1);border-color:#007bff}body.dark .flow-node{background:var(--background_color__primary);border-color:var(--border_color)}body.dark .flow-node .node-body .node-message{background:var(--input_background);color:var(--font_color__primary);border-left-color:#007bff}body.dark .flow-node .node-body .node-config-indicators .config-badge{background:rgba(66,165,245,.2);color:#42a5f5;border-color:#42a5f5}body.dark .flow-node .node-body .node-config-indicators .config-badge.stay{background:rgba(255,179,0,.2);color:#ffb300;border-color:#ffb300}body.dark .flow-node .node-body .node-branches .branch-number,body.dark .flow-node .node-body .node-branches .finished-label,body.dark .flow-node .node-body .node-branches .harvest-label,body.dark .flow-node .node-body .node-branches .next-arrow,body.dark .flow-node .node-body .node-finished .branch-number,body.dark .flow-node .node-body .node-finished .finished-label,body.dark .flow-node .node-body .node-finished .harvest-label,body.dark .flow-node .node-body .node-finished .next-arrow,body.dark .flow-node .node-body .node-harvest .branch-number,body.dark .flow-node .node-body .node-harvest .finished-label,body.dark .flow-node .node-body .node-harvest .harvest-label,body.dark .flow-node .node-body .node-harvest .next-arrow,body.dark .flow-node .node-body .node-next .branch-number,body.dark .flow-node .node-body .node-next .finished-label,body.dark .flow-node .node-body .node-next .harvest-label,body.dark .flow-node .node-body .node-next .next-arrow{color:var(--font_color__primary)}body.dark .flow-node .node-body .node-branches .branch-option,body.dark .flow-node .node-body .node-finished .branch-option,body.dark .flow-node .node-body .node-harvest .branch-option,body.dark .flow-node .node-body .node-next .branch-option{background:linear-gradient(135deg,var(--background_color__secondary),var(--input_background));border-color:#007bff}body.dark .flow-node .node-body .node-branches .branch-option .branch-label,body.dark .flow-node .node-body .node-branches .branch-option .branch-target,body.dark .flow-node .node-body .node-finished .branch-option .branch-label,body.dark .flow-node .node-body .node-finished .branch-option .branch-target,body.dark .flow-node .node-body .node-harvest .branch-option .branch-label,body.dark .flow-node .node-body .node-harvest .branch-option .branch-target,body.dark .flow-node .node-body .node-next .branch-option .branch-label,body.dark .flow-node .node-body .node-next .branch-option .branch-target{color:var(--font_color__primary)}body.dark .flow-node .node-body .node-branches .branch-option .branch-arrow,body.dark .flow-node .node-body .node-finished .branch-option .branch-arrow,body.dark .flow-node .node-body .node-harvest .branch-option .branch-arrow,body.dark .flow-node .node-body .node-next .branch-option .branch-arrow{color:#007bff}body.dark .flow-node .node-body .node-branches .branch-default,body.dark .flow-node .node-body .node-finished .branch-default,body.dark .flow-node .node-body .node-harvest .branch-default,body.dark .flow-node .node-body .node-next .branch-default{background:linear-gradient(135deg,rgba(255,179,0,.15),rgba(255,179,0,.25));border-color:#ffb300}body.dark .flow-node .node-body .node-branches .branch-default .branch-arrow,body.dark .flow-node .node-body .node-branches .branch-default .default-label,body.dark .flow-node .node-body .node-finished .branch-default .branch-arrow,body.dark .flow-node .node-body .node-finished .branch-default .default-label,body.dark .flow-node .node-body .node-harvest .branch-default .branch-arrow,body.dark .flow-node .node-body .node-harvest .branch-default .default-label,body.dark .flow-node .node-body .node-next .branch-default .branch-arrow,body.dark .flow-node .node-body .node-next .branch-default .default-label{color:#ffb300}body.dark .flow-node .node-body .node-branches .branch-default .branch-target,body.dark .flow-node .node-body .node-finished .branch-default .branch-target,body.dark .flow-node .node-body .node-harvest .branch-default .branch-target,body.dark .flow-node .node-body .node-next .branch-default .branch-target{color:var(--font_color__primary)}body.dark .flow-node:after,body.dark .flow-node:before{border-color:var(--background_color__primary)}body.dark .node-editor-overlay .node-editor{background:var(--background_color__primary);border-color:var(--border_color)}body.dark .node-editor-overlay .node-editor .editor-header{background:#0056b3}body.dark .node-editor-overlay .node-editor .editor-body .editor-section h4{color:var(--font_color__primary);border-bottom-color:var(--border_color)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label{border-color:var(--border_color);background:var(--body_color)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label:hover{border-color:#42a5f5;background:rgba(66,165,245,.1)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label .checkbox-text{color:var(--font_color__primary)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#42a5f5}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group label{color:var(--font_color__primary)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group label input[type=checkbox]{accent-color:#007bff}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group input,body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group select,body.dark .node-editor-overlay .node-editor .editor-body .editor-section .form-group textarea{background:var(--input_background);border-color:var(--border_color);color:var(--font_color__primary)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .branch-editor{background:var(--background_color__secondary);border-color:var(--border_color)}body.dark .node-editor-overlay .node-editor .editor-body .editor-section .branch-editor .branch-label,body.dark .node-editor-overlay .node-editor .editor-body .editor-section .branch-editor span{color:var(--font_color__primary)}body.dark .node-editor-overlay .node-editor .editor-footer{background:var(--background_color__secondary);border-top-color:var(--border_color)}@media (max-width:768px){.flows-admin-container,.flows-editor-fullscreen .bot-flow-editor,.flows-editor-fullscreen .flows-content{padding:1rem}.flows-admin-container .bot-flow-editor-admin{height:calc(100vh - 150px);padding:1rem;flex-direction:column;grid-gap:1rem;gap:1rem}.flows-admin-container .bot-flow-editor-admin .flow-sidebar{width:100%;order:2}.flows-admin-container .bot-flow-editor-admin .flow-sidebar .sidebar-buttons{flex-direction:row;flex-wrap:wrap}.flows-admin-container .bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-primary,.flows-admin-container .bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-secondary,.flows-admin-container .bot-flow-editor-admin .flow-sidebar .sidebar-buttons .btn-success{flex:1 1;min-width:120px;padding:.6rem 1rem;font-size:.85rem}.flows-admin-container .bot-flow-editor-admin .flow-main{order:1;flex:1 1}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin{padding:1rem;min-height:300px}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node{min-width:240px}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-header{padding:.75rem}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-header .node-title{font-size:.85rem}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-header .node-actions{grid-gap:.25rem;gap:.25rem}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-header .node-actions .btn-delete,.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-header .node-actions .btn-edit{width:24px;height:24px;font-size:.8rem}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-body{padding:1rem}.flows-admin-container .bot-flow-editor-admin .flow-canvas-admin .flow-node .node-body .node-message{font-size:.85rem;padding:.6rem}.node-editor-overlay .node-editor{width:95%;margin:1rem}.node-editor-overlay .node-editor .editor-header{padding:1rem 1.5rem}.node-editor-overlay .node-editor .editor-header h3{font-size:1.1rem}.node-editor-overlay .node-editor .editor-body{padding:1.5rem;max-height:55vh}.node-editor-overlay .node-editor .editor-body .editor-section{margin-bottom:2rem}.node-editor-overlay .node-editor .editor-body .editor-section h4{font-size:1.1rem}.node-editor-overlay .node-editor .editor-footer{padding:1rem 1.5rem}.node-editor-overlay .node-editor .editor-footer .btn-primary,.node-editor-overlay .node-editor .editor-footer .btn-secondary{padding:.6rem 1.2rem}}.react-flow-container{display:flex;flex-direction:row;height:100%;width:100%}.flow-toolbar-sidebar{background:var(--background_color__primary);border-right:1px solid #e0e0e0;padding:1.5rem;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;flex-shrink:0;width:280px;min-width:280px}.flow-toolbar-sidebar .toolbar-section{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.flow-toolbar-sidebar .toolbar-section h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .button-separator{height:1px;background:#e0e0e0;margin:.5rem 0}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-primary,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-secondary,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-success,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-warning{padding:.8rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-align:left;width:100%}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-primary:hover,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-secondary:hover,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-success:hover,.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-primary{background:#007bff;color:#fff}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-primary:hover{background:#0056b3}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-secondary{background:#6c757d;color:#fff}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-secondary:hover{background:#545b62}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-success{background:#28a745;color:#fff}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-success:hover{background:#1e7e34}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-warning{background:#ffc107;color:#212529}.flow-toolbar-sidebar .toolbar-section .toolbar-buttons .btn-warning:hover{background:#e0a800}.react-flow-wrapper{flex:1 1;height:100%;position:relative}.react-flow__node-custom{background:transparent!important;border:none!important;padding:0!important}.custom-node{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:280px;max-width:350px;border:2px solid #e0e0e0;transition:all .2s ease;overflow:hidden}.custom-node:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.custom-node.selected{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.custom-node .node-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-weight:600;-webkit-user-select:none;user-select:none}.custom-node .node-header .node-icon{font-size:1.3rem;margin-right:.75rem}.custom-node .node-header .node-title{flex:1 1;font-size:.95rem;font-weight:600}.custom-node .node-header .node-actions{display:flex;grid-gap:.5rem;gap:.5rem}.custom-node .node-header .node-actions .btn-delete,.custom-node .node-header .node-actions .btn-edit{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.custom-node .node-header .node-actions .btn-delete:hover,.custom-node .node-header .node-actions .btn-edit:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.custom-node .node-body{padding:1.25rem}.custom-node .node-body .node-message{color:#333;font-size:.9rem;line-height:1.5;margin-bottom:1rem;background:#f8f9fa;padding:.75rem;border-radius:6px;border-left:3px solid #007bff;word-wrap:break-word}.custom-node .node-body .node-harvest{background:#e8f5e8;padding:.75rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #28a745}.custom-node .node-body .node-harvest .harvest-label{font-size:.85rem;color:#2e7d32;font-weight:600;display:block;margin-bottom:.25rem}.custom-node .node-body .node-harvest .integration-module{font-size:.8rem;color:#1b5e20;font-weight:500}.custom-node .node-body .node-branches{margin-bottom:1rem}.custom-node .node-body .node-branches .branches-title{font-size:.85rem;font-weight:600;color:#007bff;margin-bottom:.5rem}.custom-node .node-body .node-branches .branch-option{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;padding:.5rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;border:1px solid #2196f3;position:relative}.custom-node .node-body .node-branches .branch-option:hover{transform:translateX(2px);box-shadow:0 2px 8px rgba(33,150,243,.2)}.custom-node .node-body .node-branches .branch-option .branch-number{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px rgba(33,150,243,.3)}.custom-node .node-body .node-branches .branch-option .branch-target{color:#1565c0;font-weight:500;flex:1 1;font-size:.8rem}.custom-node .node-body .node-next{background:#e8f5e8;padding:.6rem;border-radius:6px;border-left:3px solid #4caf50;margin-bottom:1rem}.custom-node .node-body .node-next .next-label{font-size:.85rem;color:#2e7d32;font-weight:500}.custom-node .node-body .node-finished{background:#fff3e0;padding:.6rem;border-radius:6px;border-left:3px solid #ff9800;text-align:center}.custom-node .node-body .node-finished .finished-label{font-size:.85rem;color:#ef6c00;font-weight:600}body.dark .flow-toolbar-sidebar{background:var(--background_color__primary);border-right-color:var(--border_color)}body.dark .flow-toolbar-sidebar .toolbar-section h4{color:var(--font_color__primary);border-bottom-color:var(--border_color)}body.dark .flow-toolbar-sidebar .toolbar-section .toolbar-buttons .button-separator{background:var(--border_color)}body.dark .custom-node{background:var(--background_color__primary);border-color:var(--border_color)}body.dark .custom-node .node-body .node-message{background:var(--input_background);color:var(--font_color__primary)}body.dark .custom-node .node-body .node-harvest{background:rgba(76,175,80,.1);border-left-color:#4caf50}body.dark .custom-node .node-body .node-branches .branches-title,body.dark .custom-node .node-body .node-harvest .harvest-label,body.dark .custom-node .node-body .node-harvest .integration-module{color:var(--font_color__primary)}body.dark .custom-node .node-body .node-branches .branch-option{background:rgba(33,150,243,.1);border-color:#2196f3}body.dark .custom-node .node-body .node-branches .branch-option .branch-target{color:var(--font_color__primary)}body.dark .custom-node .node-body .node-next{background:rgba(76,175,80,.1)}body.dark .custom-node .node-body .node-next .next-label{color:var(--font_color__primary)}body.dark .custom-node .node-body .node-finished{background:rgba(255,152,0,.1)}body.dark .custom-node .node-body .node-finished .finished-label{color:var(--font_color__primary)}.react-flow{background:#f8f9fa}.react-flow__controls{background:hsla(0,0%,100%,.9);border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.react-flow__controls .react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid #e0e0e0}.react-flow__controls .react-flow__controls-button:hover{background:#f0f0f0}.react-flow__controls .react-flow__controls-button:last-child{border-bottom:none}.react-flow__minimap{background:hsla(0,0%,100%,.9);border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.react-flow__edge-path{stroke-width:2}.react-flow__edge.branch-edge .react-flow__edge-path{stroke:#2196f3}.react-flow__edge.default-edge .react-flow__edge-path{stroke:#ffa726;stroke-dasharray:5}.react-flow__edge.simple-edge .react-flow__edge-path{stroke:#4caf50}.load-flow-modal{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border-radius:20px;width:95vw;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);color:#fff;display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.22,1,.36,1)}.no-apps{text-align:center;padding:40px 20px;color:hsla(0,0%,100%,.7);font-size:16px}.apps-table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.apps-table{width:100%;border-collapse:collapse;background:hsla(0,0%,100%,.03)}.apps-table thead{background:linear-gradient(145deg,#404040,#333)}.apps-table thead th{padding:16px 12px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid hsla(0,0%,100%,.1);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.apps-table thead th:first-child{border-top-left-radius:12px}.apps-table thead th:last-child{border-top-right-radius:12px}.apps-table tbody tr{transition:all .2s ease;border-bottom:1px solid hsla(0,0%,100%,.05)}.apps-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.apps-table tbody tr.selected{background:rgba(74,144,226,.15);border-left:3px solid #4a90e2}.apps-table tbody tr td{padding:16px 12px;vertical-align:middle;color:#fff;font-size:14px}.apps-table tbody tr td.app-whatsapp{font-weight:600;color:#25d366}.apps-table tbody tr td.app-sector{color:hsla(0,0%,100%,.8)}.apps-table tbody tr td.app-bot-name{font-weight:500}.flow-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flow-badge.has-flow{background:linear-gradient(145deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 2px 4px rgba(39,174,96,.3)}.flow-badge.no-flow{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.2)}.status-toggle{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer}.status-toggle input[type=checkbox]{position:relative;width:44px;height:24px;-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.2);border-radius:12px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3)}.status-toggle input[type=checkbox]:checked{background:linear-gradient(145deg,#27ae60,#2ecc71);border-color:#27ae60}.status-toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.status-toggle input[type=checkbox]:checked:before{transform:translateX(20px)}.status-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.status-toggle .status-text{font-size:12px;color:hsla(0,0%,100%,.8);font-weight:500}.no-bot{color:hsla(0,0%,100%,.5);font-style:italic;font-size:12px}.btn-load{background:linear-gradient(145deg,#4a90e2,#357abd);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(74,144,226,.3)}.btn-load:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,144,226,.4)}.btn-load:disabled{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);cursor:not-allowed;box-shadow:none}.modal-footer{justify-content:center}.modal-footer .btn-secondary{padding:12px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.modal-footer .btn-secondary:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.modal-footer .btn-warning{background:linear-gradient(145deg,#f39c12,#e67e22);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(243,156,18,.3)}.modal-footer .btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(243,156,18,.4)}@media (max-width:768px){.load-flow-modal{width:95vw;max-height:95vh;margin:20px}.modal-header{padding:20px}.modal-header h3{font-size:20px}.modal-body{padding:20px}.apps-table-container{font-size:12px}.apps-table td,.apps-table th{padding:12px 8px}.modal-footer{padding:15px 20px;flex-wrap:wrap;grid-gap:10px;gap:10px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.save-flow-modal{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border-radius:20px;width:95vw;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);color:#fff;display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.22,1,.36,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:30px 30px 20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#333,#2a2a2a)}.modal-header h3{margin:0;font-size:24px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-header .btn-close{background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease}.modal-header .btn-close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.modal-body{flex:1 1;padding:30px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-state .loader{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p{color:hsla(0,0%,100%,.7);font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{text-align:center;padding:40px 20px}.error-state .error-message{color:#ff6b6b;font-size:16px;margin-bottom:20px}.form-section{margin-bottom:30px}.form-section h4{margin:0 0 15px;color:#fff;font-size:18px;font-weight:600}.form-section .flow-name-input{width:100%;padding:12px 16px;border:2px solid hsla(0,0%,100%,.2);border-radius:10px;font-size:16px;background:hsla(0,0%,100%,.05);color:#fff;transition:all .2s ease}.form-section .flow-name-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.2);background:hsla(0,0%,100%,.08)}.form-section .flow-name-input::placeholder{color:hsla(0,0%,100%,.5)}.form-section .input-hint{margin:8px 0 0;color:hsla(0,0%,100%,.6);font-size:14px;font-style:italic}.form-section .no-apps{text-align:center;color:hsla(0,0%,100%,.7);font-style:italic;padding:40px 20px;background:hsla(0,0%,100%,.03);border-radius:12px}.form-section .apps-selection .app-option{border:2px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:16px;cursor:pointer;transition:all .2s ease;background:hsla(0,0%,100%,.03)}.form-section .apps-selection .app-option:hover{border-color:rgba(74,144,226,.5);background:hsla(0,0%,100%,.05)}.form-section .apps-selection .app-option.selected{border-color:#4a90e2;background:rgba(74,144,226,.1)}.form-section .apps-selection .app-option.has-flow.selected{border-color:#f39c12;background:rgba(243,156,18,.1)}.form-section .apps-selection .app-option .app-option-content{padding:20px 24px;display:flex;align-items:center;grid-gap:16px;gap:16px}.form-section .apps-selection .app-option .app-option-content .app-radio input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#4a90e2}.form-section .apps-selection .app-option .app-option-content .app-info{flex:1 1}.form-section .apps-selection .app-option .app-option-content .app-info h5{margin:0 0 4px;color:#fff;font-size:16px;font-weight:600}.form-section .apps-selection .app-option .app-option-content .app-info .app-identifier{margin:0 0 4px;color:hsla(0,0%,100%,.8);font-size:14px;font-weight:500}.form-section .apps-selection .app-option .app-option-content .app-info .app-name{margin:0;color:hsla(0,0%,100%,.6);font-size:13px}.form-section .apps-selection .app-option .app-option-content .app-status .status-indicator{text-align:right}.form-section .apps-selection .app-option .app-option-content .app-status .status-indicator .status-badge{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:hsla(0,0%,100%,.8)}.form-section .apps-selection .app-option .app-option-content .app-status .status-indicator .status-details{display:block;font-size:11px;color:hsla(0,0%,100%,.6)}.form-section .apps-selection .app-option .app-option-content .app-status .status-indicator.has-flow .status-badge{color:#f39c12}.form-section .apps-selection .app-option .app-option-content .app-status .status-indicator.no-flow .status-badge{color:#2ecc71}.form-section .apps-selection .app-option .replacement-warning{padding:16px 24px;background:rgba(243,156,18,.1);border-top:1px solid rgba(243,156,18,.2)}.form-section .apps-selection .app-option .replacement-warning p{margin:0;color:#f39c12;font-size:14px;font-weight:500}.save-summary{background:hsla(0,0%,100%,.05);padding:24px;border-radius:12px;border-left:4px solid #4a90e2}.save-summary h4{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.save-summary .summary-content p{margin:8px 0;color:hsla(0,0%,100%,.8);font-size:14px}.save-summary .summary-content p strong{color:#fff}.save-summary .summary-content p.warning-text{color:#f39c12;font-weight:500}.modal-footer{padding:20px 30px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);grid-gap:16px;gap:16px}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.modal-footer .btn-primary:disabled,.modal-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-footer .btn-primary .btn-loader,.modal-footer .btn-secondary .btn-loader{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.modal-footer .btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.modal-footer .btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.modal-footer .btn-primary{background:linear-gradient(145deg,#4a90e2,#357abd);color:#fff;box-shadow:0 2px 4px rgba(74,144,226,.3)}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,144,226,.4)}@media (max-width:768px){.save-flow-modal{width:95vw;max-height:95vh;margin:20px}.modal-header{padding:20px}.modal-header h3{font-size:20px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;flex-wrap:wrap;grid-gap:10px;gap:10px}}.admin-panel-container{display:flex;flex-direction:row;height:100vh;width:100vw}.toolbar{grid-gap:5rem;gap:5rem;padding:2rem;width:60px}.toolbar,.toolbar .toolbar-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.toolbar .toolbar-buttons{grid-gap:1rem;gap:1rem}.toolbar .toolbar-buttons .toolbar-option{background-color:initial;border:none;cursor:pointer}.tab-content{width:100%;height:100%;background-color:#fff}.page-container{height:100vh;width:100vw;display:flex;background-color:#fff;align-items:center;justify-content:center;padding:6rem;overflow:auto}.form-template-container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;align-items:center;border-radius:10px;width:100%;height:100%}.form-template-container .options-container{display:flex;align-items:center;justify-content:space-between;width:100%;grid-gap:2rem;gap:2rem}.form-template-container .input-template{background:#fff;color:var(--font_color__primary);outline:none;border:1px solid #d3d3d3;padding:1rem 4rem 1rem 1rem;font-size:1.2rem;text-align:left;width:100%;border-radius:.6rem}.form-template-container .input-template-multiple{border-radius:.6rem}.form-template-container .input-template-multiple:invalid,.form-template-container .input-template:invalid{border:1px solid red;outline:none}.form-template-container .send-template{background:#8396fc;border:2px solid #8396fc;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.form-template-container .send-template:disabled{background:grey;border:none;cursor:default}.template-content-container{display:flex;align-items:flex-start;grid-gap:2rem;gap:2rem;width:100%}.template-buttons-container{width:50%;flex-direction:column;height:50vh;overflow:auto}.edit-button,.template-buttons-container,.template-buttons-container .add-buttons-container{display:flex;grid-gap:1rem;gap:1rem}.edit-button{align-items:center;width:100%}.edit-button .button-text{width:300px;display:flex}.edit-button .button-text p{text-wrap:nowrap;width:100%}.add-template-button{background:#8396fc;border:2px solid #8396fc;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.add-template-button:disabled{background:grey;border:none;cursor:default}.response-modal{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background-color:#8396fc;color:#fff;font-size:16px;font-weight:700}.response-modal.error{background-color:#fc2c2c}.error-message{color:#fc2c2c;font-weight:700}textarea{resize:none;height:300px}.textarea-container{width:50%}.emoji-button{cursor:pointer;padding:.2rem}.emoji-popup{width:100%;height:110px;display:flex;margin-top:1rem;margin-bottom:1rem}.emoji-popup .close-emoji-popup{position:relative;right:-97%;top:-30px;border:none;background-color:initial;cursor:pointer}.emoji-popup .emojis-container{display:flex;grid-gap:5px;gap:5px;padding:1rem 2rem;flex-wrap:wrap;height:110px!important;overflow:auto;border:1px solid #d3d3d3}.emoji-popup span{cursor:pointer;font-size:18px}.emoji-popup.visible{background-color:#fff}.bottom-buttons-container{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.cancel-button{background:#fc2c2c;border:2px solid #fc2c2c;padding:.5rem 2rem;color:#fff;border-radius:.4rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;font-weight:500}.custom-buttons-container{display:flex;width:100%;justify-content:space-between;grid-gap:1rem;gap:1rem}.input-file-no-label{font-size:0}.input-file-no-label::file-selector-button{font-size:14px;padding:6px 12px;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer}.input-file-no-label::file-selector-button:hover{background:#444}.input-file-no-label::-webkit-file-upload-text{visibility:hidden}.stats-modal-container{position:fixed;height:100%;width:100%;top:0;left:0;background:var(--modal_trasluscent_background);display:none;justify-content:center;align-items:center;z-index:1000}.stats-modal-container .stats-modal-box{background:var(--background_color__secondary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:40rem;padding:4rem 2rem 2rem;border-radius:1rem;box-shadow:0 5px 16px rgba(0,0,0,.15);animation:pulsate .3s forwards}.stats-modal-container .stats-modal-box .close-modal{right:1rem;top:1rem;cursor:pointer;transition:all .5s}.stats-modal-container .stats-modal-box .close-modal path{fill:var(--font_color__primary)}.stats-modal-container .stats-modal-box .close-modal:hover{transform:rotate(180deg)}.stats-modal-container .stats-modal-box .title{text-align:center;margin-bottom:2rem;color:var(--font_color__primary)}.stats-modal-container .stats-modal-box .graphic-container{align-items:center;min-width:17rem}.qr-modal-container{position:fixed;height:100%;width:100%;top:0;left:0;background:var(--modal_trasluscent_background);display:flex;justify-content:center;align-items:center;z-index:1000}.qr-modal-container .stats-modal-box{background:var(--background_color__secondary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:40rem;padding:4rem 2rem 2rem;border-radius:1rem;box-shadow:0 5px 16px rgba(0,0,0,.15);animation:pulsate .3s forwards;display:flex;flex-direction:column;align-items:center}.qr-modal-container .stats-modal-box img{margin-top:10px;width:50%}.qr-modal-container .stats-modal-box .close-modal{right:1rem;top:1rem;cursor:pointer;transition:all .5s}.qr-modal-container .stats-modal-box .close-modal path{fill:var(--font_color__primary)}.qr-modal-container .stats-modal-box .close-modal:hover{transform:rotate(180deg)}.qr-modal-container .stats-modal-box .title{text-align:center;margin-bottom:2rem;color:var(--font_color__primary)}.qr-modal-container .stats-modal-box .graphic-container{align-items:center;min-width:17rem}.light-theme{--font_color__primary:#3c3c3c;--font_color__secondary:#7c7c7c;--font_color__light:#fff;--primary_color:#465d70;--background_color__primary:#212749;--background_color__secondary:#fff;--toolbar_background:#f2f2ed;--message_bubble_background:#d5d7eb;--input_background:#fff;--input_background_whatsapp:#fff;--input_background_intern:#fdfdbd;--logout_btn_background:#3c3c3c;--message_date_background:#465d70}.dark-theme,.light-theme{--modal_trasluscent_background:rgba(0,0,0,0.501961)}.dark-theme{--font_color__primary:#ebebeb;--font_color__secondary:#bdbdbd;--background_color__primary:linear-gradient(180deg,#4d54f9,#6b59f0 51.59%,#875dea);--background_color__secondary:#1b1b1b;--toolbar_background:#0f0f0f;--message_bubble_background:#2b2932;--input_background:#0c0c0c;--input_background_whatsapp:#0c0c0c;--logout_btn_background:#fc2c2c;--message_date_background:#4a4f80}.assistant-container{align-items:center;padding:4rem;height:100vh;width:100vw;background-color:#fff;overflow-y:auto}.assistant-container,.assistant-content{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:2rem;gap:2rem}.assistant-content{width:50vw}.buttons-form-container{align-self:center;display:flex;align-items:center;grid-gap:2rem;gap:2rem}.chat-container{border:1px solid grey;width:50vw;padding:1rem;justify-content:space-between}.chat-container,.chat-container .messages{height:300px;display:flex;flex-direction:column}.chat-container .messages{overflow-y:auto;grid-gap:1rem;gap:1rem}.chat-container .messages .sent{align-self:flex-end;max-width:60%}.chat-container .messages .received,.chat-container .messages .sent{background-color:var(--message_bubble_background);padding:.5rem;border-radius:10px}.chat-container .messages .received{align-self:flex-start;max-width:70%}.checkbox-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.input-bar{background-color:#fff;width:100%;display:flex;justify-content:space-between}.input-bar input{border-radius:0!important;height:50px}input,select{margin:0!important}.privacy-container{min-height:100vh;background-color:#f8f9fa;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.privacy-content{max-width:900px;margin:0 auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.6}.privacy-content h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:2.5rem;font-weight:700;border-bottom:3px solid #3498db;padding-bottom:15px}.privacy-content h2{color:#34495e;margin-top:40px;margin-bottom:20px;font-size:1.8rem;font-weight:600;border-left:4px solid #3498db;padding-left:15px}.privacy-content h3{color:#34495e;margin-top:30px;margin-bottom:15px;font-size:1.4rem;font-weight:500}.privacy-text p{margin-bottom:16px;color:#555;text-align:justify}.privacy-text ul{margin:16px 0;padding-left:30px}.privacy-text li{margin-bottom:12px;color:#555;line-height:1.7}.privacy-text li strong{color:#2c3e50;font-weight:600}.privacy-text a{color:#3498db;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.privacy-text a:hover{color:#2980b9;border-bottom-color:#2980b9}.table-container{margin:25px 0;overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.table-container table{width:100%;border-collapse:collapse;background:#fff}.table-container th{background:#3498db;color:#fff;padding:15px;text-align:left;font-weight:600;font-size:1rem}.table-container td{padding:15px;border-bottom:1px solid #ecf0f1;color:#555}.table-container tr:hover{background-color:#f8f9fa}.table-container tr:last-child td{border-bottom:none}@media (max-width:768px){.privacy-container{padding:10px}.privacy-content{padding:20px;margin:0}.privacy-content h1{font-size:2rem}.privacy-content h2{font-size:1.5rem;margin-top:30px}.privacy-content h3{font-size:1.2rem;margin-top:25px}.privacy-text ul{padding-left:20px}.table-container{font-size:.9rem}.table-container td,.table-container th{padding:10px}}@media (max-width:480px){.privacy-content{padding:15px}.privacy-content h1{font-size:1.8rem}.privacy-content h2{font-size:1.3rem}.privacy-content h3{font-size:1.1rem}.table-container{font-size:.8rem}.table-container td,.table-container th{padding:8px}}:root{--sat:env(safe-area-inset-top,0);--sar:env(safe-area-inset-right,0);--sab:env(safe-area-inset-bottom,0);--sal:env(safe-area-inset-left,0)}.pwa-standalone{transition:none!important}.pwa-standalone .app-container{padding:calc(var(--sat) + 10px) calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);min-height:100vh;min-height:-webkit-fill-available;height:100%;box-sizing:border-box}body,html{height:100%;overscroll-behavior-y:none}.pwa-standalone .app-header{padding-top:var(--sat);height:calc(56px + var(--sat))}.pwa-standalone .app-footer,.pwa-standalone .nav-bar-bottom{padding-bottom:var(--sab);height:calc(56px + var(--sab))}@supports (-webkit-touch-callout:none){.pwa-standalone .app-container{height:-webkit-fill-available}}.pwa-standalone *{-webkit-overflow-scrolling:touch}.pwa-standalone ::-webkit-scrollbar{width:0;height:0;background:transparent}input,select,textarea{font-size:16px}@media screen and (display-mode:fullscreen),screen and (display-mode:standalone){body,html{overscroll-behavior:none;touch-action:manipulation}.android-nav-spacer{height:0;padding-bottom:env(safe-area-inset-bottom,8px)}}.android-pwa{padding-bottom:env(safe-area-inset-bottom,0);overscroll-behavior:none}.android-pwa,.android-pwa *{touch-action:manipulation}.android-pwa .app-container{padding-bottom:env(safe-area-inset-bottom,8px)}.android-pwa .app-footer,.android-pwa .nav-bar-bottom{padding-bottom:env(safe-area-inset-bottom,8px);height:calc(56px + env(safe-area-inset-bottom, 8px))}.android-pwa .browser-chrome{display:none!important}.android-pwa body,.android-pwa html{height:100%;height:-webkit-fill-available;overscroll-behavior-y:none}@supports (padding-top:env(safe-area-inset-top)){.android-pwa .app-header{padding-top:env(safe-area-inset-top,0)}}.android-pwa .scrollable-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.android-pwa input,.android-pwa select,.android-pwa textarea{font-size:16px}.android-pwa [role=button],.android-pwa a,.android-pwa button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@supports (padding:max(0px)){.android-pwa .app-header{padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px)}}
/*# sourceMappingURL=main.4b4874b9.chunk.css.map */