@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%}}.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}.panel-configurations-container .buttons-container .cancel-button{background:#fff;color:#555;border:2px solid #e0e0e0;padding:9px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.panel-configurations-container .buttons-container .cancel-button:hover{background:#f8f8f8;border-color:#999;transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.1)}.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{height:100vh;width:100vw;grid-gap:2rem;gap:2rem;background-color:#fff;align-items:center}.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}.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-container{display:flex;grid-gap:8px;gap:8px;align-items:center}.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-x:auto;overflow-y:auto;border-collapse:collapse;border:1px solid #d3d3d3;max-height:65vh}.templates-table-container table{width:100%;table-layout:fixed}.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:3%}.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:10%}.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:18%}.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: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;color:#fff}.whatsapp-header .contact-info .contact-details p{margin:0;font-size:12px;opacity:.8;color:#fff}.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 .message-video{max-width:100%;max-height:300px;width:100%;height:auto;border-radius:12px;display:block;background:#000}.whatsapp-chat .message-container .message-content .message-media .image-placeholder,.whatsapp-chat .message-container .message-content .message-media .video-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;height:100vh;overflow:hidden;position:absolute;width:calc(100vw - 20rem);left:20rem;box-sizing:border-box}.show-templates-page-container.hide-sidebar{left:5rem!important;width:calc(100vw - 5rem)}.show-templates-page-container .templates-actions-bar{display:flex;grid-gap:10px;gap:10px;padding:12px 24px;background:#fff;border-bottom:1px solid #ebebeb;align-items:center}.show-templates-page-container .templates-actions-bar .filter-templates{padding:10px 14px;background-color:#fff;border:2px solid #ebebeb;border-radius:6px;font-size:13px;min-width:220px;transition:all .2s}.show-templates-page-container .templates-actions-bar .filter-templates:focus{outline:none;border-color:#5f4bdb}.show-templates-page-container .templates-actions-bar .btn-sync{background:#fff;color:#333;border:2px solid #ebebeb;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:6px;gap:6px;white-space:nowrap;flex-shrink:0}.show-templates-page-container .templates-actions-bar .btn-sync:hover:not(:disabled){background:#f9f9f9;border-color:#d9d9d9}.show-templates-page-container .templates-actions-bar .btn-sync:disabled{opacity:.6;cursor:not-allowed}.show-templates-page-container .templates-actions-bar .btn-create-agent{background:linear-gradient(135deg,#5f4bdb,#4a3f8f);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(95,75,219,.3);white-space:nowrap;flex-shrink:0}.show-templates-page-container .templates-actions-bar .btn-create-agent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(95,75,219,.4)}.show-templates-page-container .templates-actions-bar .btn-create-agent:active{transform:translateY(0)}.templates-content{flex:1 1;overflow-y:auto;padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem;box-sizing:border-box;width:100%}.templates-content .pagination-container{display:flex;grid-gap:6px;gap:6px;align-items:center;justify-content:center}.templates-content>p{text-align:center;color:#666;font-size:13px}.multiple-selection-box{min-height:45px;width:100%;box-sizing:border-box}.multiple-selection-box,.multiple-selection-box .actions-buttons-container{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center}.multiple-selection-box .actions-buttons-container .action-button{padding:.35rem 1rem;display:flex;justify-content:center;align-items:center;grid-gap:.2rem;gap:.2rem;border-radius:16px;border:none;cursor:pointer;font-weight:500;font-size:13px}.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}.page-container{background-color:#f5f5f5;overflow:auto}.form-template-container,.page-container{height:100%;width:100%;display:flex;flex-direction:column}.form-template-container{background:#fff;overflow:hidden}.form-template-container .tab-header .header-title-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.form-template-container .tab-header .header-title-container .sibila-logo{height:38px;width:auto;object-fit:contain}.form-template-container .template-form-content{padding:1.5rem 2rem;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;flex:1 1;overflow:auto;min-height:0}.form-template-container .create-template-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:2rem;gap:2rem;height:100%;overflow:hidden;min-height:0}.form-template-container .template-form-column{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;overflow-y:auto;padding-right:1rem;min-height:0}.form-template-container .template-form-column .form-section{background:#fafafa;border-radius:12px;padding:1rem;border:1px solid #e8e8e8}.form-template-container .template-form-column .form-section h3{font-size:14px;font-weight:600;color:#2c2c2c;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #5f4bdb;display:inline-block}.form-template-container .template-form-column .form-row{margin-bottom:1rem}.form-template-container .template-form-column .form-row:last-child{margin-bottom:0}.form-template-container .template-form-column .form-row label{display:block;font-size:12px;font-weight:600;color:#4a4a4a;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.form-template-container .template-form-column .form-row input,.form-template-container .template-form-column .form-row select,.form-template-container .template-form-column .form-row textarea{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;font-family:inherit;background:#fff;color:#2c2c2c;transition:all .2s;font-weight:400}.form-template-container .template-form-column .form-row input:hover,.form-template-container .template-form-column .form-row select:hover,.form-template-container .template-form-column .form-row textarea:hover{border-color:silver}.form-template-container .template-form-column .form-row input:focus,.form-template-container .template-form-column .form-row select:focus,.form-template-container .template-form-column .form-row textarea:focus{outline:none;border-color:#5f4bdb;box-shadow:0 0 0 3px rgba(95,75,219,.12);background:#fff}.form-template-container .template-form-column .form-row input::placeholder,.form-template-container .template-form-column .form-row select::placeholder,.form-template-container .template-form-column .form-row textarea::placeholder{color:#aaa;font-weight:400}.form-template-container .template-form-column .form-row textarea{min-height:120px;resize:vertical;line-height:1.6}.form-template-container .template-form-column .form-row-triple{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.form-template-container .template-form-column .textarea-toolbar{display:flex;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.form-template-container .template-form-column .textarea-toolbar .toolbar-button{padding:7px 14px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.form-template-container .template-form-column .textarea-toolbar .toolbar-button:hover{background:#5f4bdb;border-color:#5f4bdb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(95,75,219,.2)}.form-template-container .template-form-column .textarea-toolbar .toolbar-button:active{transform:translateY(0)}.form-template-container .template-form-column .popup-panel{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 16px rgba(0,0,0,.08)}.form-template-container .template-form-column .popup-panel .popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.form-template-container .template-form-column .popup-panel .popup-header span{font-weight:600;color:#2c2c2c;font-size:15px}.form-template-container .template-form-column .popup-panel .popup-header button{background:#f5f5f5;border:none;font-size:18px;cursor:pointer;color:#666;padding:4px;width:28px;height:28px;border-radius:6px;transition:all .2s}.form-template-container .template-form-column .popup-panel .popup-header button:hover{background:#e74c3c;color:#fff}.form-template-container .template-form-column .emojis-panel .emojis-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.5rem;gap:.5rem;max-height:200px;overflow-y:auto}.form-template-container .template-form-column .emojis-panel .emojis-grid .emoji-item{font-size:24px;cursor:pointer;padding:.5rem;text-align:center;border-radius:4px;transition:all .2s}.form-template-container .template-form-column .emojis-panel .emojis-grid .emoji-item:hover{background:#f0f0f0;transform:scale(1.2)}.form-template-container .template-form-column .variables-panel .variables-selectors{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem}.form-template-container .template-form-column .variables-panel .variables-selectors label{display:block;font-size:12px;font-weight:600;color:#4a4a4a;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.form-template-container .template-form-column .variables-panel .variables-selectors input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-repeat:no-repeat;background-position:12px;padding-left:40px!important}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f9f9f9;border-radius:8px}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list::-webkit-scrollbar{width:8px}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list .variable-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.05)}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list .variable-item:hover{background:#f8f4ff;border-color:#5f4bdb;transform:translateX(6px) scale(1.02);box-shadow:0 4px 12px rgba(95,75,219,.15)}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list .variable-item:hover .variable-label{color:#5f4bdb}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list .variable-item:active{transform:translateX(6px) scale(1)}.form-template-container .template-form-column .variables-panel .variables-selectors .variables-list .variable-item .variable-label{font-weight:600;font-size:14px;color:#2c2c2c;transition:color .2s}.form-template-container .template-form-column .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .2s ease-out}.form-template-container .template-form-column .variables-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:1001;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.form-template-container .template-form-column .variables-modal .modal-header{padding:1.5rem;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#5f4bdb;border-radius:16px 16px 0 0}.form-template-container .template-form-column .variables-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.form-template-container .template-form-column .variables-modal .modal-header .modal-close-btn{background:hsla(0,0%,100%,.2);border:none;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.form-template-container .template-form-column .variables-modal .modal-header .modal-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.form-template-container .template-form-column .variables-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.form-template-container .template-form-column .variables-modal .modal-body .form-row{margin-bottom:1.25rem}.form-template-container .template-form-column .variables-modal .modal-body .form-row:last-child{margin-bottom:0}.form-template-container .template-form-column .variables-modal .modal-body .form-row label{display:block;font-size:12px;font-weight:600;color:#4a4a4a;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.form-template-container .template-form-column .variables-modal .modal-body .form-row input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-repeat:no-repeat;background-position:12px;padding-left:40px!important}.form-template-container .template-form-column .variables-modal .modal-body .variables-list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;max-height:350px;overflow-y:auto;padding:.5rem;background:#f9f9f9;border-radius:8px}.form-template-container .template-form-column .variables-modal .modal-body .variables-list::-webkit-scrollbar{width:8px}.form-template-container .template-form-column .variables-modal .modal-body .variables-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.form-template-container .template-form-column .variables-modal .modal-body .variables-list::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.form-template-container .template-form-column .variables-modal .modal-body .variables-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.form-template-container .template-form-column .variables-modal .modal-body .variables-list .variable-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.05)}.form-template-container .template-form-column .variables-modal .modal-body .variables-list .variable-item:hover{background:#f8f4ff;border-color:#5f4bdb;transform:translateX(6px) scale(1.02);box-shadow:0 4px 12px rgba(95,75,219,.15)}.form-template-container .template-form-column .variables-modal .modal-body .variables-list .variable-item:hover .variable-label{color:#5f4bdb}.form-template-container .template-form-column .variables-modal .modal-body .variables-list .variable-item:active{transform:translateX(6px) scale(1)}.form-template-container .template-form-column .variables-modal .modal-body .variables-list .variable-item .variable-label{font-weight:600;font-size:14px;color:#2c2c2c;transition:color .2s}.form-template-container .template-form-column .textarea-content{min-height:120px;max-height:200px;resize:vertical}.form-template-container .template-form-column .add-buttons-row{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.form-template-container .template-form-column .add-buttons-row .add-template-button{padding:7px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.form-template-container .template-form-column .add-buttons-row .add-template-button:hover:not(:disabled){background:#5f4bdb;color:#fff;border-color:#5f4bdb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(95,75,219,.25)}.form-template-container .template-form-column .add-buttons-row .add-template-button:active:not(:disabled){transform:translateY(0)}.form-template-container .template-form-column .add-buttons-row .add-template-button:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#999}.form-template-container .template-form-column .button-editor-row{display:flex;grid-gap:.75rem;gap:.75rem;align-items:flex-start;margin-top:.75rem;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.form-template-container .template-form-column .button-editor-row input,.form-template-container .template-form-column .button-editor-row select{flex:1 1;padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;color:#1a1a1a}.form-template-container .template-form-column .button-editor-row input:focus,.form-template-container .template-form-column .button-editor-row select:focus{outline:none;border-color:#5f4bdb}.form-template-container .template-form-column .button-editor-row button{padding:10px 12px;background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;transition:all .2s}.form-template-container .template-form-column .button-editor-row button:hover{background:#ffebee;border-color:#f44336}.form-template-container .template-form-column .button-editor-row button img{width:16px;height:16px}.form-template-container .template-form-column .error-message{color:#fc2c2c;font-size:14px;margin:.5rem 0}.form-template-container .template-form-column .input-file-styled{padding:.75rem;border:2px dashed #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.form-template-container .template-form-column .input-file-styled:hover{border-color:#5f4bdb}.form-template-container .template-form-column .form-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.form-template-container .template-preview-column{position:-webkit-sticky;position:sticky;top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.form-template-container .template-preview-column h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 1rem;flex-shrink:0}.form-template-container .template-preview-column .whatsapp-preview-container{background:#e5ddd5;border-radius:12px;padding:1rem;box-shadow:0 2px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;min-height:0;flex:1 1}.form-template-container .template-preview-column .whatsapp-preview-container .preview-header{background:#075e54;padding:.75rem;border-radius:8px 8px 0 0;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin:-1rem -1rem 1rem;flex-shrink:0}.form-template-container .template-preview-column .whatsapp-preview-container .preview-header .preview-avatar{width:40px;height:40px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:20px}.form-template-container .template-preview-column .whatsapp-preview-container .preview-header .preview-contact-info{flex:1 1}.form-template-container .template-preview-column .whatsapp-preview-container .preview-header .preview-contact-info .preview-contact-name{font-weight:600;color:#fff;font-size:16px}.form-template-container .template-preview-column .whatsapp-preview-container .preview-header .preview-contact-info .preview-contact-status{font-size:12px;color:hsla(0,0%,100%,.8)}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat{min-height:200px;flex:1 1;overflow-y:auto}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-date{text-align:center;font-size:12px;color:#667781;padding:.25rem .75rem;background:hsla(0,0%,100%,.9);border-radius:8px;display:inline-block;width:auto;margin:1rem auto;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container{display:flex;justify-content:flex-start;margin:.5rem 0}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message{background:#fff;border-radius:8px;padding:.5rem .75rem;max-width:80%;box-shadow:0 1px 2px rgba(0,0,0,.1)}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-image{width:100%;border-radius:6px;margin-bottom:.5rem}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-document{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem;background:#f0f0f0;border-radius:6px;margin-bottom:.5rem}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-document .document-icon{font-size:24px}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-document .document-name{font-size:14px;color:#666}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-text{font-size:14px;color:#1a1a1a;white-space:pre-wrap;word-break:break-word}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-message-container .preview-message .preview-message-time{font-size:11px;color:#667781;text-align:right;margin-top:.25rem}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-buttons{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;margin-top:.5rem}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-buttons .preview-button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;text-align:center;font-size:14px;color:#00a5f4;font-weight:500;cursor:default;box-shadow:0 1px 2px rgba(0,0,0,.05)}.form-template-container .template-preview-column .whatsapp-preview-container .preview-chat .preview-buttons .preview-button.quick-reply{background:#dcf8c6}.form-template-container .template-preview-column .whatsapp-preview-container .preview-input{background:#fff;border-radius:20px;padding:.75rem 1rem;margin-top:1rem;display:flex;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.form-template-container .template-preview-column .whatsapp-preview-container .preview-input input{border:none;outline:none;flex:1 1;font-size:14px;color:#667781}.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:#2c2c2c;outline:none;border:2px solid #e0e0e0;padding:8px 12px;font-size:13px;text-align:left;width:100%;border-radius:8px;transition:all .2s;font-family:inherit;font-weight:400}.form-template-container .input-template:hover{border-color:silver}.form-template-container .input-template:focus{border-color:#5f4bdb;box-shadow:0 0 0 3px rgba(95,75,219,.12);background:#fff}.form-template-container .input-template::placeholder{color:#aaa;font-weight:400}.form-template-container .input-error{border-color:#fc2c2c!important;animation:shake .3s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-template-container .input-template-multiple{border-radius:.6rem}.form-template-container .send-template{background:linear-gradient(135deg,#5f4bdb,#4a3f8f);color:#fff;border:none;padding:9px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(95,75,219,.3);text-transform:uppercase;letter-spacing:.5px}.form-template-container .send-template:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px rgba(95,75,219,.4);background:linear-gradient(135deg,#6d5de6,#5648a0)}.form-template-container .send-template:active:not(:disabled){transform:translateY(0)}.form-template-container .send-template:disabled{background:#ccc;cursor:not-allowed;opacity:.5;box-shadow:none}.form-template-container .cancel-button{background:#fff;color:#555;border:2px solid #e0e0e0;padding:9px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.form-template-container .cancel-button:hover{background:#f8f8f8;border-color:#999;transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.1)}.form-template-container .cancel-button:active{transform:translateY(0)}.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:120px}.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;justify-content:flex-start;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.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}.preview-chat::-webkit-scrollbar,.template-form-column::-webkit-scrollbar,.template-preview-column::-webkit-scrollbar{width:8px}.preview-chat::-webkit-scrollbar-track,.template-form-column::-webkit-scrollbar-track,.template-preview-column::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.preview-chat::-webkit-scrollbar-thumb,.template-form-column::-webkit-scrollbar-thumb,.template-preview-column::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.preview-chat::-webkit-scrollbar-thumb:hover,.template-form-column::-webkit-scrollbar-thumb:hover,.template-preview-column::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media (max-width:1400px){.form-template-container .create-template-layout{grid-template-columns:1fr 350px;grid-gap:1.5rem;gap:1.5rem}}@media (max-width:1200px){.form-template-container .create-template-layout{grid-template-columns:1fr}.form-template-container .create-template-layout .template-preview-column{display:none}}.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}.ai-prompt-wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.ai-prompt-wizard{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:40px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.ai-prompt-wizard .wizard-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.ai-prompt-wizard .wizard-close:hover{background:#f5f5f5;color:#333}.ai-prompt-wizard .wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.ai-prompt-wizard .wizard-progress .progress-step{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.ai-prompt-wizard .wizard-progress .progress-step.active{background:#333;color:#fff}.ai-prompt-wizard .wizard-progress .progress-line{width:60px;height:2px;background:#e0e0e0;margin:0 10px}.ai-prompt-wizard .wizard-step h2{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:12px;text-align:center}.ai-prompt-wizard .wizard-step .step-description{font-size:16px;color:#666;text-align:center;margin-bottom:32px}.ai-prompt-wizard .wizard-step .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.ai-prompt-wizard .wizard-step .loading-container .spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.ai-prompt-wizard .wizard-step .loading-container p{font-size:16px;color:#666}.ai-prompt-wizard .wizard-step .agent-type-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:32px}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card{padding:32px 24px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;text-align:center}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card .card-icon{font-size:48px;margin-bottom:16px}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card p{font-size:14px;color:#666;margin:0}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card:hover{border-color:#333;background:#f9f9f9}.ai-prompt-wizard .wizard-step .agent-type-options .agent-type-card.selected{border-color:#333;background:#ebebeb;box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-prompt-wizard .wizard-step .sector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:32px;max-height:400px;overflow-y:auto;padding:4px}.ai-prompt-wizard .wizard-step .sector-grid .sector-card{padding:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333;text-align:left}.ai-prompt-wizard .wizard-step .sector-grid .sector-card:hover{border-color:#333;background:#f9f9f9}.ai-prompt-wizard .wizard-step .sector-grid .sector-card.selected{border-color:#333;background:#ebebeb;color:#333;font-weight:600}.ai-prompt-wizard .wizard-step .use-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:32px;max-height:400px;overflow-y:auto;padding:4px}.ai-prompt-wizard .wizard-step .use-case-grid .use-case-card{padding:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333;text-align:center}.ai-prompt-wizard .wizard-step .use-case-grid .use-case-card:hover{border-color:#333;background:#f9f9f9}.ai-prompt-wizard .wizard-step .use-case-grid .use-case-card.selected{border-color:#333;background:#ebebeb;color:#333;font-weight:600}.ai-prompt-wizard .wizard-step .config-section{margin-bottom:32px}.ai-prompt-wizard .wizard-step .config-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-prompt-wizard .wizard-step .config-section .section-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.ai-prompt-wizard .wizard-step .config-section .section-header .btn-add{background:#ebebeb;color:#333;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ai-prompt-wizard .wizard-step .config-section .section-header .btn-add:hover{background:#d9d9d9}.ai-prompt-wizard .wizard-step .config-section .model-select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s;margin-bottom:12px}.ai-prompt-wizard .wizard-step .config-section .model-select:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.ai-prompt-wizard .wizard-step .config-section .model-description{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;padding:12px 16px;background:#f9f9f9;border-left:3px solid #333;border-radius:6px}.ai-prompt-wizard .wizard-step .config-section .model-description .description-icon{font-size:18px;flex-shrink:0;margin-top:2px}.ai-prompt-wizard .wizard-step .config-section .model-description p{margin:0;font-size:13px;line-height:1.6;color:#555}.ai-prompt-wizard .wizard-step .config-section .bot-description-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:all .2s}.ai-prompt-wizard .wizard-step .config-section .bot-description-textarea:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.ai-prompt-wizard .wizard-step .config-section .bot-description-textarea::placeholder{color:#999}.ai-prompt-wizard .wizard-step .config-section .empty-state{text-align:center;color:#999;padding:40px 20px;background:#f9f9f9;border-radius:8px;font-size:14px}.ai-prompt-wizard .wizard-step .config-section .questions-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item{background:#f9f9f9;padding:20px;border-radius:8px;display:flex;grid-gap:16px;gap:16px;align-items:flex-start}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs{flex:1 1;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group label{font-size:13px;font-weight:600;color:#555}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group input,.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group input:focus,.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group select:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group input:disabled,.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .question-inputs .input-group select:disabled{background:#f5f5f5;cursor:not-allowed}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .btn-remove{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-top:24px}.ai-prompt-wizard .wizard-step .config-section .questions-list .question-item .btn-remove:hover{background:#dc2626}.ai-prompt-wizard .wizard-step .config-section .file-upload input[type=file]{display:none}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .2s;background:#fafafa}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label span{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label small{font-size:13px;color:#999}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label:hover{border-color:#333;background:#f9f9f9}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label .btn-remove-file{background:#ef4444;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;margin-left:12px;transition:all .2s}.ai-prompt-wizard .wizard-step .config-section .file-upload .file-label .btn-remove-file:hover{background:#dc2626}.ai-prompt-wizard .wizard-step .wizard-actions{display:flex;justify-content:space-between;grid-gap:16px;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.ai-prompt-wizard .wizard-step .wizard-actions button{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ai-prompt-wizard .wizard-step .wizard-actions button.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.ai-prompt-wizard .wizard-step .wizard-actions button.btn-secondary:hover{background:#f5f5f5}.ai-prompt-wizard .wizard-step .wizard-actions button.btn-primary{background:#ebebeb;color:#333}.ai-prompt-wizard .wizard-step .wizard-actions button.btn-primary:hover{background:#d9d9d9}.ai-prompt-wizard .wizard-step .wizard-actions button.btn-primary:disabled{background:#ccc;cursor:not-allowed}.ai-prompt-wizard .snackbar{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideUp .3s ease-out;z-index:10000}.ai-prompt-wizard .snackbar.success{background:#10b981;color:#fff}.ai-prompt-wizard .snackbar.error{background:#ef4444;color:#fff}.confirm-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;background:rgba(0,0,0,.7)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;animation:fadeIn .2s ease-in-out}.confirm-modal{position:relative!important;background:#fff!important;border-radius:12px!important;width:90%!important;max-width:460px!important;height:auto!important;margin:0 auto!important;overflow:hidden!important;box-shadow:0 10px 40px rgba(0,0,0,.3)!important;animation:slideUp .3s ease-out;display:block!important}.confirm-modal .confirm-modal-header{background:linear-gradient(135deg,#5f4bdb,#7b68ee);padding:20px 28px 18px;text-align:center;border-radius:12px 12px 0 0}.confirm-modal .confirm-modal-header h3{margin:0;padding:0;color:#fff;font-size:18px;font-weight:600;line-height:1.3}.confirm-modal .confirm-modal-body{padding:24px 28px 16px}.confirm-modal .confirm-modal-body p{font-size:14px;line-height:1.5;color:#2c2c2c;margin:0 0 12px;text-align:left}.confirm-modal .confirm-modal-body p strong{color:#5f4bdb;font-weight:600}.confirm-modal .confirm-modal-body p:last-of-type{margin-bottom:0}.confirm-modal .confirm-modal-body .confirm-note{font-size:13px;color:#666;background:#f8f4ff;padding:10px 14px;border-radius:6px;border-left:3px solid #5f4bdb;margin-top:12px;margin-bottom:0;text-align:left;line-height:1.4}.confirm-modal .confirm-modal-actions{padding:16px 28px 24px;display:flex;grid-gap:16px;gap:16px;justify-content:center;align-items:center}.confirm-modal .confirm-modal-actions button{flex:1 1;max-width:180px;padding:11px 22px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.confirm-modal .confirm-modal-actions button.btn-cancel{background:#f5f5f5;color:#666;border:2px solid #e0e0e0}.confirm-modal .confirm-modal-actions button.btn-cancel:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-2px)}.confirm-modal .confirm-modal-actions button.btn-confirm{background:linear-gradient(135deg,#5f4bdb,#7b68ee);color:#fff;box-shadow:0 4px 12px rgba(95,75,219,.3)}.confirm-modal .confirm-modal-actions button.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(95,75,219,.5)}.confirm-modal .confirm-modal-actions button.btn-confirm:active{transform:translateY(0)}@media (max-width:768px){.ai-prompt-wizard{width:95%;padding:24px}.ai-prompt-wizard .wizard-step .agent-type-options,.ai-prompt-wizard .wizard-step .sector-grid,.ai-prompt-wizard .wizard-step .use-case-grid{grid-template-columns:1fr}.confirm-modal{margin:20px}.confirm-modal .confirm-modal-header{padding:24px 20px}.confirm-modal .confirm-modal-header h3{font-size:18px}.confirm-modal .confirm-modal-body{padding:24px 20px}.confirm-modal .confirm-modal-body p{font-size:15px}.confirm-modal .confirm-modal-actions{padding:0 20px 24px;grid-gap:12px;gap:12px}.confirm-modal .confirm-modal-actions button{max-width:100%}.confirm-modal{width:95%}.confirm-modal .confirm-modal-body{padding:24px}.confirm-modal .confirm-modal-actions{padding:0 24px 24px;flex-direction:column}.confirm-modal .confirm-modal-actions button{width:100%}}.prompt-modal-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:10000;animation:fadeIn .2s ease-in-out}.prompt-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out;display:flex;flex-direction:column}.prompt-modal .modal-header{padding:24px 32px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.prompt-modal .modal-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.prompt-modal .modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.prompt-modal .modal-header .close-btn:hover{background:#e0e0e0;color:#333}.prompt-modal .modal-content{padding:32px;overflow-y:auto;flex:1 1}.prompt-modal .modal-content .info-section{margin-bottom:32px}.prompt-modal .modal-content .info-section:last-child{margin-bottom:0}.prompt-modal .modal-content .info-section h3{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #ebebeb}.prompt-modal .modal-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.prompt-modal .modal-content .info-section .info-grid .info-item{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.prompt-modal .modal-content .info-section .info-grid .info-item label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.prompt-modal .modal-content .info-section .info-grid .info-item span{font-size:14px;color:#1a1a1a;word-break:break-word}.prompt-modal .modal-content .info-section .info-grid .info-item span.status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.prompt-modal .modal-content .info-section .info-grid .info-item span.status.enabled{background:#d1fae5;color:#065f46}.prompt-modal .modal-content .info-section .info-grid .info-item span.status.disabled{background:#fee2e2;color:#991b1b}.prompt-modal .modal-content .info-section .files-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.prompt-modal .modal-content .info-section .files-list .file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.prompt-modal .modal-content .info-section .files-list .file-item span{font-size:14px;color:#333}.prompt-modal .modal-content .info-section .files-list .file-item a{font-size:13px;color:#333;text-decoration:none;padding:6px 12px;background:#ebebeb;border-radius:6px;transition:all .2s}.prompt-modal .modal-content .info-section .files-list .file-item a:hover{background:#d9d9d9}.prompt-modal .modal-content .info-section .prompt-content{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;max-height:300px;overflow-y:auto}.prompt-modal .modal-content .info-section .prompt-content pre{margin:0;font-family:"Monaco","Courier New",monospace;font-size:13px;line-height:1.6;color:#1a1a1a;white-space:pre-wrap;word-wrap:break-word}@media (max-width:768px){.prompt-modal{width:95%;max-height:90vh}.prompt-modal .modal-header{padding:20px}.prompt-modal .modal-header h2{font-size:20px}.prompt-modal .modal-content{padding:20px}.prompt-modal .modal-content .info-section .info-grid{grid-template-columns:1fr}}.disabled-addon-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.disabled-addon-card{background:#fff;border-radius:20px;padding:3rem;max-width:600px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.1);text-align:center;animation:fadeInUp .5s ease-out}.disabled-addon-card .icon-container{margin-bottom:1.5rem;display:flex;justify-content:center}.disabled-addon-card .icon-container svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.disabled-addon-card h2{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:1rem}.disabled-addon-card .addon-name{font-size:16px;color:#555;margin-bottom:1rem;line-height:1.6}.disabled-addon-card .addon-name strong{color:#e74c3c;font-weight:600}.disabled-addon-card .description{font-size:15px;color:#666;line-height:1.7;margin-bottom:2rem}.disabled-addon-card .contact-info{display:flex;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;padding:1rem 1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem;border:2px solid #e9ecef}.disabled-addon-card .contact-info svg{color:#5f4bdb;flex-shrink:0}.disabled-addon-card .contact-email{font-size:16px;font-weight:600;color:#5f4bdb;text-decoration:none;transition:all .2s}.disabled-addon-card .contact-email:hover{color:#4a3aa8;text-decoration:underline}.disabled-addon-card .benefits{text-align:left;margin-top:2rem;padding:1.5rem;background:#f8f4ff;border-radius:12px;border:2px solid #e8e0ff}.disabled-addon-card .benefits h3{font-size:16px;font-weight:600;color:#5f4bdb;margin-bottom:1rem}.disabled-addon-card .benefits ul{list-style:none;padding:0;margin:0}.disabled-addon-card .benefits li{font-size:14px;color:#555;padding:.5rem 0;line-height:1.5;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.disabled-addon-card .benefits li:before{content:"";width:4px;height:4px;background:#5f4bdb;border-radius:50%;flex-shrink:0}@media (prefers-color-scheme:dark){.disabled-addon-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.disabled-addon-card{background:#0f3460;color:#e9e9e9}.disabled-addon-card h2{color:#e9e9e9}.disabled-addon-card .addon-name,.disabled-addon-card .description{color:#c9c9c9}.disabled-addon-card .contact-info{background:#1a1a2e;border-color:#16213e}.disabled-addon-card .benefits{background:#16213e;border-color:#1a1a2e}.disabled-addon-card .benefits li{color:#c9c9c9}}@media (max-width:768px){.disabled-addon-card{padding:2rem 1.5rem}.disabled-addon-card h2{font-size:24px}.disabled-addon-card .addon-name{font-size:15px}.disabled-addon-card .contact-email,.disabled-addon-card .description{font-size:14px}}.ai-tab-container .tab-header,.ai-voice-tab-container .tab-header,.create-templates-page-container .tab-header,.flows-editor-container .tab-header,.sentiment-tab-container .tab-header,.show-templates-page-container .tab-header,.tab-header,.transcription-tab-container .tab-header,.users-container .tab-header{padding:20px 32px!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important}.ai-tab-container .tab-header .header-title-section,.ai-voice-tab-container .tab-header .header-title-section,.create-templates-page-container .tab-header .header-title-section,.flows-editor-container .tab-header .header-title-section,.sentiment-tab-container .tab-header .header-title-section,.show-templates-page-container .tab-header .header-title-section,.tab-header .header-title-section,.transcription-tab-container .tab-header .header-title-section,.users-container .tab-header .header-title-section{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.ai-tab-container .tab-header h1,.ai-voice-tab-container .tab-header h1,.create-templates-page-container .tab-header h1,.flows-editor-container .tab-header h1,.sentiment-tab-container .tab-header h1,.show-templates-page-container .tab-header h1,.tab-header h1,.transcription-tab-container .tab-header h1,.users-container .tab-header h1{font-size:24px!important;font-weight:700!important;color:#1a1a1a!important;margin:0!important}.ai-tab-container .tab-header .header-actions,.ai-voice-tab-container .tab-header .header-actions,.create-templates-page-container .tab-header .header-actions,.flows-editor-container .tab-header .header-actions,.sentiment-tab-container .tab-header .header-actions,.show-templates-page-container .tab-header .header-actions,.tab-header .header-actions,.transcription-tab-container .tab-header .header-actions,.users-container .tab-header .header-actions{display:flex;grid-gap:12px;gap:12px;align-items:center}.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;padding:.5rem;border-radius:8px;transition:all .2s ease}.toolbar .toolbar-buttons .toolbar-option:hover{background-color:rgba(0,0,0,.05)}.toolbar .toolbar-buttons .toolbar-option.active{background-color:rgba(0,0,0,.1)}.tab-content{width:100%;height:100%;background-color:#fff}.ai-tab-container{height:100%;display:flex;flex-direction:column}.ai-tab-container .tab-header .addon-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 2px 8px rgba(16,185,129,.3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ai-tab-container .tab-header .addon-status-badge .status-icon{font-size:12px;font-weight:700;color:#fff}.ai-tab-container .tab-header .addon-status-badge .status-text{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.ai-tab-container .ai-actions-bar{display:flex;grid-gap:10px;gap:10px;padding:12px 24px;background:#fff;border-bottom:1px solid #ebebeb;align-items:center}.ai-tab-container .ai-actions-bar .btn-sync{background:#fff;color:#333;border:2px solid #ebebeb;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:6px;gap:6px;white-space:nowrap;flex-shrink:0}.ai-tab-container .ai-actions-bar .btn-sync:hover:not(:disabled){background:#f9f9f9;border-color:#d9d9d9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-tab-container .ai-actions-bar .btn-sync:disabled{opacity:.6;cursor:not-allowed}.ai-tab-container .ai-actions-bar .btn-create-agent{background:#ebebeb;color:#333;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ai-tab-container .ai-actions-bar .btn-create-agent:hover{background:#d9d9d9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-tab-container .tab-content-wrapper{flex:1 1;padding:24px;overflow-y:auto}.ai-tab-container .tab-content-wrapper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:60px 20px}.ai-tab-container .tab-content-wrapper .empty-state .empty-state-icon{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}.ai-tab-container .tab-content-wrapper .empty-state h2{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.ai-tab-container .tab-content-wrapper .empty-state p{font-size:16px;color:#666;max-width:500px;margin-bottom:32px;line-height:1.6}.ai-tab-container .tab-content-wrapper .empty-state .btn-primary-large{background:#ebebeb;color:#333;border:none;padding:16px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.ai-tab-container .tab-content-wrapper .empty-state .btn-primary-large:hover{background:#d9d9d9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.ai-tab-container .tab-content-wrapper .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:60px 20px}.ai-tab-container .tab-content-wrapper .loading-state .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.ai-tab-container .tab-content-wrapper .loading-state p{font-size:16px;color:#666}.ai-tab-container .tab-content-wrapper .assistants-table-container{width:100%;overflow-x:auto}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table thead{background:#fafafa}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table thead tr th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e0e0e0}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr:hover{background:#f9f9f9}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr:last-child{border-bottom:none}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td{padding:10px 12px;font-size:13px;color:#1a1a1a}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .assistant-name{display:flex;flex-direction:column;grid-gap:3px;gap:3px}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .assistant-name strong{font-size:13px;color:#1a1a1a}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .assistant-name small{font-size:11px;color:#999;font-family:"Monaco","Courier New",monospace}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .status-badge.enabled{background:#d1fae5;color:#065f46}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .status-badge.disabled{background:#fee2e2;color:#991b1b}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .gupshup-info{display:flex;flex-direction:column;grid-gap:3px;gap:3px}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .gupshup-info span{font-size:13px;color:#1a1a1a}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .gupshup-info small{font-size:11px;color:#666}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .no-data{color:#999;font-size:12px}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .files-count{font-size:12px;color:#666}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .btn-view-prompt{background:#ebebeb;color:#333;border:none;padding:6px 14px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ai-tab-container .tab-content-wrapper .assistants-table-container .assistants-table tbody tr td .btn-view-prompt:hover{background:#d9d9d9}.ai-tab-container .snackbar{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideUpSnackbar .3s ease-out;z-index:10001}.ai-tab-container .snackbar.success{background:#10b981;color:#fff}.ai-tab-container .snackbar.error{background:#ef4444;color:#fff}.admin-welcome-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.admin-welcome-container .welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);animation:fadeInUp .6s ease-out}.admin-welcome-container .welcome-content .welcome-logo{width:120px;height:120px;margin-bottom:30px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.admin-welcome-container .welcome-content .welcome-title{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.5px}.admin-welcome-container .welcome-content .welcome-subtitle{font-size:18px;color:#666;margin:0;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ai-voice-tab-container{height:100%;display:flex;flex-direction:column;background:#f5f7fa}.ai-voice-tab-container .tab-content-wrapper{flex:1 1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px 24px}.ai-voice-tab-container .voice-info-container{width:100%;max-width:850px}.ai-voice-tab-container .voice-info-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;position:relative}.ai-voice-tab-container .voice-info-card .info-icon{margin-bottom:16px;position:relative;z-index:1}.ai-voice-tab-container .voice-info-card .info-icon svg{width:48px;height:48px;filter:drop-shadow(0 4px 8px rgba(95,75,219,.2))}.ai-voice-tab-container .voice-info-card .addon-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.ai-voice-tab-container .voice-info-card .addon-status-badge .status-icon{font-size:14px;font-weight:700;color:#fff}.ai-voice-tab-container .voice-info-card .addon-status-badge .status-text{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.ai-voice-tab-container .voice-info-card h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.ai-voice-tab-container .voice-info-card .description{font-size:14px;color:#666;margin:0 0 28px;line-height:1.6}.ai-voice-tab-container .voice-info-card .platforms-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:32px}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item{background:#f8f9fa;border-radius:10px;padding:24px 20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#5f4bdb}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-icon{font-size:40px;margin-bottom:12px}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-info h3{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-info p{font-size:13px;color:#666;margin:0 0 14px;line-height:1.5}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-info .platform-link{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 18px;background:#5f4bdb;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-info .platform-link:hover{background:#4a3bb5;transform:translateX(2px)}.ai-voice-tab-container .voice-info-card .platforms-list .platform-item .platform-info .info-badge{display:inline-block;padding:6px 14px;background:#e8f5e9;color:#2e7d32;border-radius:5px;font-size:12px;font-weight:600}.ai-voice-tab-container .voice-info-card .help-section{background:#f0f7ff;border-radius:12px;padding:24px;border-left:4px solid #2196f3}.ai-voice-tab-container .voice-info-card .help-section .help-text{font-size:14px;color:#1565c0;margin:0;line-height:1.6;text-align:left}@media (max-width:768px){.ai-voice-tab-container .tab-content-wrapper{padding:20px}.ai-voice-tab-container .voice-info-card{padding:32px 24px}.ai-voice-tab-container .voice-info-card h2{font-size:24px}.ai-voice-tab-container .voice-info-card .platforms-list{grid-template-columns:1fr;grid-gap:16px;gap:16px}}.sentiment-tab-container{height:100%;display:flex;flex-direction:column;background:#fff}.sentiment-tab-container .tab-content-wrapper{flex:1 1;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:32px 24px 24px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container{max-width:850px;width:100%}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;position:relative}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-icon{margin-bottom:16px;position:relative;z-index:1}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-icon svg{width:48px;height:48px;animation:float 3s ease-in-out infinite}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .addon-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .addon-status-badge .status-icon{font-size:14px;font-weight:700;color:#fff}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .addon-status-badge .status-text{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .description{font-size:14px;color:#666;margin:0 0 28px;line-height:1.6}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:32px;text-align:left}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:24px;display:flex;grid-gap:20px;gap:20px;align-items:flex-start;transition:all .3s ease;border:2px solid transparent}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item:hover{border-color:#5f4bdb;transform:translateY(-4px);box-shadow:0 8px 24px rgba(95,75,219,.2)}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-icon{font-size:40px;flex-shrink:0}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info{flex:1 1}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info p{font-size:13px;color:#666;margin:0 0 16px;line-height:1.6}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info .platform-link{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 20px;background:#5f4bdb;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:13px;transition:all .2s ease}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info .platform-link:hover{background:#4a3ab0;transform:translateX(4px)}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-note{background:linear-gradient(135deg,#e8f4fd,#d6eaff);border-radius:12px;padding:20px 24px;display:flex;grid-gap:16px;gap:16px;text-align:left;border:1px solid #b3d9ff}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-note .note-icon{font-size:24px;flex-shrink:0}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-note .note-content{flex:1 1}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-note .note-content p{font-size:14px;color:#1a1a1a;margin:0;line-height:1.6}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .info-note .note-content p strong{color:#06c}@media (max-width:768px){.sentiment-tab-container .tab-header{padding:24px}.sentiment-tab-container .tab-header h1{font-size:24px}.sentiment-tab-container .tab-content-wrapper{padding:20px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card{padding:32px 24px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card h2{font-size:22px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .description{font-size:14px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item{flex-direction:column;padding:24px;text-align:center}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-icon{font-size:40px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info h3{font-size:20px}.sentiment-tab-container .tab-content-wrapper .sentiment-info-container .sentiment-info-card .platforms-list .platform-item .platform-info p{font-size:14px}}.transcription-tab-container{height:100%;display:flex;flex-direction:column;background:#fff}.transcription-tab-container .tab-content-wrapper{flex:1 1;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:32px 24px 24px}.transcription-tab-container .tab-content-wrapper .transcription-info-container{max-width:850px;width:100%}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;position:relative}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-icon{margin-bottom:16px;position:relative;z-index:1}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-icon svg{width:48px;height:48px;animation:float 3s ease-in-out infinite}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .addon-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .addon-status-badge .status-icon{font-size:14px;font-weight:700;color:#fff}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .addon-status-badge .status-text{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .description{font-size:14px;color:#666;margin:0 0 28px;line-height:1.6}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:32px;text-align:left}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:24px;display:flex;grid-gap:20px;gap:20px;align-items:flex-start;transition:all .3s ease;border:2px solid transparent}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item:hover{border-color:#5f4bdb;transform:translateY(-4px);box-shadow:0 8px 24px rgba(95,75,219,.2)}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-icon{font-size:40px;flex-shrink:0}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info{flex:1 1}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 10px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info p{font-size:13px;color:#666;margin:0 0 16px;line-height:1.6}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info .platform-link{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 20px;background:#5f4bdb;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:13px;transition:all .2s ease}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info .platform-link:hover{background:#4a3ab0;transform:translateX(4px)}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-note{background:linear-gradient(135deg,#e8f4fd,#d6eaff);border-radius:12px;padding:20px 24px;display:flex;grid-gap:16px;gap:16px;text-align:left;border:1px solid #b3d9ff}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-note .note-icon{font-size:24px;flex-shrink:0}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-note .note-content{flex:1 1}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-note .note-content p{font-size:14px;color:#1a1a1a;margin:0;line-height:1.6}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .info-note .note-content p strong{color:#06c}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.transcription-tab-container .tab-header{padding:24px}.transcription-tab-container .tab-header h1{font-size:24px}.transcription-tab-container .tab-content-wrapper{padding:20px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card{padding:32px 24px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card h2{font-size:22px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .description{font-size:14px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item{flex-direction:column;padding:24px;text-align:center}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-icon{font-size:40px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info h3{font-size:20px}.transcription-tab-container .tab-content-wrapper .transcription-info-container .transcription-info-card .platforms-list .platform-item .platform-info p{font-size:14px}}.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{height:100%;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column}.flows-admin-container .tab-header h1{margin:0}.flows-admin-container .tab-header .addon-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.flows-admin-container .tab-header .addon-status-badge .status-icon{font-size:12px;font-weight:700;color:#fff}.flows-admin-container .tab-header .addon-status-badge .status-text{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.bot-flow-editor-admin{background:#fff;border-radius:10px;padding:1.25rem;margin:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);height:calc(100vh - 250px);display:flex;grid-gap:1.5rem;gap:1.5rem;border:1px solid #e0e0e0}.bot-flow-editor-admin .flow-sidebar{width:200px;flex-shrink:0;background:#f8f9fa;border-radius:8px;padding:1.25rem;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}.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}}.sync-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.sync-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:90%;max-width:500px;animation:slideUp .3s ease}.sync-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.sync-modal-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.sync-modal-header .close-button{background:none;border:none;font-size:32px;color:#666;cursor:pointer;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.sync-modal-header .close-button:hover{color:#333}.sync-modal-body{padding:24px}.sync-modal-body>p{font-size:15px;color:#666;margin-bottom:24px;line-height:1.5}.sync-buttons{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.sync-btn{grid-gap:16px;gap:16px;padding:16px 20px;border:2px solid;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:#fff}.sync-btn,.sync-btn .btn-icon{display:flex;align-items:center}.sync-btn .btn-icon{width:40px;height:40px;border-radius:6px;justify-content:center;font-size:20px;font-weight:700;color:#fff}.sync-btn:disabled{opacity:.4;cursor:not-allowed}.sync-btn:disabled:hover{transform:none;box-shadow:none;background:#fff}.sync-btn.zoho-btn{border-color:#e74c3c;color:#e74c3c}.sync-btn.zoho-btn .btn-icon{background:#e74c3c}.sync-btn.zoho-btn:hover:not(:disabled){background:#e74c3c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.3)}.sync-btn.hubspot-btn{border-color:#ff7a59;color:#ff7a59}.sync-btn.hubspot-btn .btn-icon{background:#ff7a59}.sync-btn.hubspot-btn:hover:not(:disabled){background:#ff7a59;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,122,89,.3)}.sync-btn.salesforce-btn{border-color:#00a1e0;color:#00a1e0}.sync-btn.salesforce-btn .btn-icon{background:#00a1e0}.sync-btn.salesforce-btn:hover:not(:disabled){background:#00a1e0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,161,224,.3)}.syncing-message{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;padding:40px 20px}.syncing-message .spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.syncing-message p{font-size:16px;color:#666;margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phone-numbers-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-numbers-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.phone-numbers-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.phone-numbers-modal-header h2{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.phone-numbers-modal-header .close-button{background:none;border:none;font-size:32px;color:#666;cursor:pointer;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.phone-numbers-modal-header .close-button:hover{color:#333}.phone-numbers-modal-body{padding:24px;overflow-y:auto;flex:1 1}.phone-numbers-modal-body .loading-state{text-align:center;padding:40px;color:#666;font-size:16px}.phone-numbers-modal-body .phone-section{margin-bottom:32px}.phone-numbers-modal-body .phone-section:last-child{margin-bottom:0}.phone-numbers-modal-body .phone-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px;display:flex;align-items:center;grid-gap:8px;gap:8px}.phone-numbers-modal-body .phone-section .section-description{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.phone-numbers-modal-body .phone-section .phone-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-weight:500;color:#333;background:#fff;cursor:pointer;transition:all .2s}.phone-numbers-modal-body .phone-section .phone-select:hover{border-color:#3b82f6}.phone-numbers-modal-body .phone-section .phone-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.phone-numbers-modal-body .phone-section .selected-info{margin-top:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3b82f6}.phone-numbers-modal-body .phone-section .selected-info .phone-details{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.phone-numbers-modal-body .phone-section .selected-info .phone-details .phone-badge{display:inline-flex;align-items:center;grid-gap:4px;gap:4px;padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:600;color:#333}.phone-numbers-modal-body .phone-section .selected-info .phone-details .sector-info{font-size:14px;color:#666;font-weight:500}.phone-numbers-modal-footer{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;padding:24px;border-top:1px solid #e0e0e0}.phone-numbers-modal-footer button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.phone-numbers-modal-footer button.btn-cancel{background:#fff;color:#666;border:2px solid #e0e0e0}.phone-numbers-modal-footer button.btn-cancel:hover{background:#f9f9f9;border-color:#d0d0d0}.phone-numbers-modal-footer button.btn-save{background:#3b82f6;color:#fff}.phone-numbers-modal-footer button.btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.phone-numbers-modal-footer button.btn-save:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:768px){.phone-numbers-modal-content{width:95%;max-height:95vh}.phone-numbers-modal-header{padding:20px}.phone-numbers-modal-header h2{font-size:18px}.phone-numbers-modal-body{padding:20px}.phone-numbers-modal-body .phone-section{margin-bottom:24px}.phone-numbers-modal-body .phone-section h3{font-size:16px}.phone-numbers-modal-footer{padding:16px;flex-direction:column}.phone-numbers-modal-footer button{width:100%}}.supervisor-dropdown{position:relative;display:inline-block;width:100%;min-width:145px;max-width:160px;z-index:1}.supervisor-dropdown:has(.dropdown-menu){z-index:10000}.supervisor-dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border:2px solid #e0e0e0;border-radius:5px;background:#fff;cursor:pointer;transition:all .2s;font-size:12px;font-weight:500;color:#333}.supervisor-dropdown .dropdown-trigger:hover{border-color:#8b5cf6}.supervisor-dropdown .dropdown-trigger.open{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1);position:relative;z-index:10001}.supervisor-dropdown .dropdown-trigger .selected-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supervisor-dropdown .dropdown-trigger .dropdown-arrow{margin-left:8px;font-size:10px;color:#666;transition:transform .2s}.dropdown-menu{background:#fff;border:2px solid #8b5cf6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:99999;max-height:320px;display:flex;flex-direction:column}.dropdown-menu .dropdown-search{padding:8px;border-bottom:1px solid #e0e0e0}.dropdown-menu .dropdown-search input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;outline:none;transition:all .2s}.dropdown-menu .dropdown-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.1)}.dropdown-menu .dropdown-search input::placeholder{color:#999}.dropdown-menu .dropdown-options{overflow-y:auto;max-height:240px}.dropdown-menu .dropdown-options::-webkit-scrollbar{width:6px}.dropdown-menu .dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-menu .dropdown-options::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.dropdown-menu .dropdown-options::-webkit-scrollbar-thumb:hover{background:#7c3aed}.dropdown-menu .dropdown-options .dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;transition:background .2s;font-size:12px}.dropdown-menu .dropdown-options .dropdown-option:hover{background:#f5f3ff}.dropdown-menu .dropdown-options .dropdown-option.selected{background:#ede9fe;font-weight:600}.dropdown-menu .dropdown-options .dropdown-option.selected .option-name{color:#7c3aed}.dropdown-menu .dropdown-options .dropdown-option.no-results{color:#999;font-style:italic;cursor:default;text-align:center}.dropdown-menu .dropdown-options .dropdown-option.no-results:hover{background:transparent}.dropdown-menu .dropdown-options .dropdown-option .option-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px;flex:1 1}.dropdown-menu .dropdown-options .dropdown-option .option-info .option-name{font-size:14px;font-weight:500;color:#333}.dropdown-menu .dropdown-options .dropdown-option .option-info .option-email{font-size:12px;color:#666}.dropdown-menu .dropdown-options .dropdown-option .check-mark{color:#8b5cf6;font-size:16px;font-weight:700;margin-left:8px}.users-container{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.users-container .users-actions-bar{display:flex;grid-gap:10px;gap:10px;padding:12px 24px;background:#fff;border-bottom:1px solid #ebebeb;align-items:center}.users-container .users-actions-bar .licenses-info{display:flex;grid-gap:8px;gap:8px;flex:1 1}.users-container .users-actions-bar .licenses-info .license-badge{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.users-container .users-actions-bar .licenses-info .license-badge .count{color:#fff;padding:3px 10px;border-radius:5px;font-size:14px;font-weight:700}.users-container .users-actions-bar .licenses-info .license-badge .label{font-weight:500;font-size:11px}.users-container .users-actions-bar .licenses-info .license-badge.total{background:#e0f2fe;color:#0284c7}.users-container .users-actions-bar .licenses-info .license-badge.total .count{background:#0284c7}.users-container .users-actions-bar .licenses-info .license-badge.used{background:#fef3e2;color:#f59e0b}.users-container .users-actions-bar .licenses-info .license-badge.used .count{background:#f59e0b}.users-container .users-actions-bar .licenses-info .license-badge.available{background:#d1fae5;color:#059669}.users-container .users-actions-bar .licenses-info .license-badge.available .count{background:#059669}.users-container .users-actions-bar .licenses-info .license-badge.available.empty{background:#fee2e2;color:#dc2626}.users-container .users-actions-bar .licenses-info .license-badge.available.empty .count{background:#dc2626}.users-container .users-actions-bar .btn-sync{background:#fff;color:#333;border:2px solid #ebebeb;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:6px;gap:6px;white-space:nowrap;flex-shrink:0}.users-container .users-actions-bar .btn-sync:hover:not(:disabled){background:#f9f9f9;border-color:#d9d9d9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.users-container .users-actions-bar .btn-sync:disabled{opacity:.6;cursor:not-allowed}.users-container .users-table-container{flex:1 1;overflow:auto;padding:24px}.users-container .users-table-container .search-bar{position:relative;margin-bottom:16px;display:flex;align-items:center;grid-gap:10px;gap:10px}.users-container .users-table-container .search-bar .search-input{flex:1 1;padding:10px 40px 10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s;background:#fff}.users-container .users-table-container .search-bar .search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.users-container .users-table-container .search-bar .search-input::placeholder{color:#999;font-size:13px}.users-container .users-table-container .search-bar .clear-search{position:absolute;right:130px;background:transparent;border:none;color:#999;font-size:18px;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.users-container .users-table-container .search-bar .clear-search:hover{background:#f3f4f6;color:#333}.users-container .users-table-container .search-bar .search-results{font-size:12px;color:#666;font-weight:500;white-space:nowrap;min-width:110px;text-align:right}.users-container .users-table-container .users-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:auto}.users-container .users-table{width:100%;border-collapse:collapse;position:relative;min-width:1250px}.users-container .users-table thead{background:#f8f9fa}.users-container .users-table thead tr th{padding:10px 8px;text-align:left;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e0e0e0;white-space:nowrap}.users-container .users-table thead tr th:first-child{width:100px;min-width:100px}.users-container .users-table thead tr th:nth-child(2){width:140px;min-width:140px}.users-container .users-table thead tr th:nth-child(3){width:170px;min-width:170px}.users-container .users-table thead tr th:nth-child(4){width:90px;min-width:90px}.users-container .users-table thead tr th:nth-child(5),.users-container .users-table thead tr th:nth-child(6),.users-container .users-table thead tr th:nth-child(7){width:130px;min-width:130px}.users-container .users-table thead tr th:nth-child(8){width:160px;min-width:160px}.users-container .users-table thead tr th:nth-child(9){width:120px;min-width:120px}.users-container .users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.users-container .users-table tbody tr:hover{background:#f9f9f9}.users-container .users-table tbody tr:last-child{border-bottom:none}.users-container .users-table tbody tr td{padding:10px 8px;font-size:13px;color:#1a1a1a;position:relative;max-width:200px;overflow:hidden;text-overflow:ellipsis}.users-container .users-table tbody tr td:has(.supervisor-dropdown){overflow:visible}.users-container .users-table tbody tr td:nth-child(4),.users-container .users-table tbody tr td:nth-child(5),.users-container .users-table tbody tr td:nth-child(8),.users-container .users-table tbody tr td:nth-child(9){overflow:visible;text-overflow:clip}.users-container .users-table tbody tr td .agent-id{font-family:"Monaco","Courier New",monospace;font-size:11px;color:#666;background:#f3f4f6;padding:3px 6px;border-radius:3px;display:inline-block}.users-container .users-table tbody tr td strong{font-weight:600;color:#1a1a1a}.users-container .users-table tbody tr td .phone-edit-btn{background:transparent;border:none;color:#3b82f6;cursor:pointer;padding:3px 5px;border-radius:4px;font-size:12px;transition:all .2s;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:inline-block}.users-container .users-table tbody tr td .phone-edit-btn:hover{background:#eff6ff;color:#2563eb;-webkit-text-decoration-style:solid;text-decoration-style:solid}.users-container .users-table tbody tr td .status-badge{display:inline-block;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .2s}.users-container .users-table tbody tr td .status-badge.active{background:#d1fae5;color:#059669}.users-container .users-table tbody tr td .status-badge.inactive{background:#fee2e2;color:#dc2626}.users-container .users-table tbody tr td .status-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.users-container .users-table tbody tr td .status-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.users-container .users-table tbody tr td .status-badge.clickable:hover.active{background:#a7f3d0}.users-container .users-table tbody tr td .status-badge.clickable:hover.inactive{background:#fecaca}.users-container .users-table tbody tr td .status-badge.clickable:active{transform:translateY(0)}.users-container .users-table tbody tr td .license-select{padding:5px 8px;border:2px solid #e0e0e0;border-radius:5px;font-size:12px;font-weight:500;color:#333;background:#fff;cursor:pointer;transition:all .2s;min-width:120px;max-width:130px}.users-container .users-table tbody tr td .license-select:hover:not(:disabled){border-color:#3b82f6}.users-container .users-table tbody tr td .license-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.users-container .users-table tbody tr td .license-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;opacity:.7}.users-container .users-table tbody tr td .license-select option:disabled{color:#999}.users-container .snackbar{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:16px 24px;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:slideUpSnackbar .3s ease-out;z-index:10001}.users-container .snackbar.success{background:#10b981;color:#fff}.users-container .snackbar.error{background:#ef4444;color:#fff}@keyframes slideUpSnackbar{0%{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@media screen and (max-width:1400px){.users-container .users-table-wrapper{overflow-x:auto}.users-container .users-table{min-width:1200px}}@media screen and (max-width:768px){.users-container .tab-header{flex-direction:column;grid-gap:20px;gap:20px;align-items:flex-start;padding:20px}.users-container .tab-header h1{font-size:24px}.users-container .tab-header .header-actions{width:100%;flex-direction:column;grid-gap:12px;gap:12px}.users-container .tab-header .header-actions .licenses-info{width:100%;flex-wrap:wrap}.users-container .tab-header .header-actions .licenses-info .license-badge{flex:1 1;min-width:140px;justify-content:space-between}.users-container .tab-header .header-actions .btn-sync{width:100%;justify-content:center}.users-container .users-table-container{padding:16px}}.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.c7e37871.chunk.css.map */