.modal-particle-container{pointer-events:none;z-index:1040;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:#4f46e599;border-radius:50%;width:4px;height:4px;animation:15s linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(100px)}}.floating-label{pointer-events:none;color:#64748b;padding:1rem 1.5rem;font-weight:500;transition:all .3s;position:absolute;top:0;left:0}.react-select-container .react-select__control--is-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.react-select-container .react-select__option--is-focused{background-color:#4f46e51a!important}.react-select-container .react-select__option--is-selected{color:#fff!important;background-color:#4f46e5!important}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";opacity:0;transform-origin:50%;background:#ffffff80;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%)}.btn-ripple:focus:not(:active):after{animation:1s ease-out ripple}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(40)}}.modal-dialog-scrollable::-webkit-scrollbar{width:8px}.modal-dialog-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-dialog-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(#4f46e5,#7c3aed);border-radius:4px}.modal-dialog-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4338ca,#6d28d9)}.loading-pulse{background:#4f46e5;border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 #4f46e5b3}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4f46e500}to{transform:scale(.9);box-shadow:0 0 #4f46e500}}.input-focus-effect{position:relative}.input-focus-effect:after{content:"";background:linear-gradient(90deg,#4f46e5,#7c3aed);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.input-focus-effect:focus:after{width:100%}.btn-close-large{filter:brightness(0)invert();width:1.5rem;height:1.5rem}.gradient-animated{position:relative;overflow:hidden}.gradient-animated:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:3s linear infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.progress-container{background:#fff3;height:4px;position:relative}.progress-bar-animated{background:linear-gradient(90deg,#4f46e5,#7c3aed,#ec4899);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-animated:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-steps{justify-content:space-between;padding:0 20%;display:flex;position:absolute;top:-10px;left:0;right:0}.step{color:#fff;background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.step.active{color:#4f46e5;background:#fff;transform:scale(1.2);box-shadow:0 0 0 4px #4f46e54d}.nav-pills-premium .nav-link{color:#64748b;background:#fff;border:2px solid #0000;border-radius:16px;margin-right:1rem;padding:1.5rem;transition:all .3s}.nav-pills-premium .nav-link.active{color:#4f46e5;background:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 25px #4f46e533}.nav-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.nav-link.active .nav-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.section-header{padding-left:60px;position:relative}.section-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex;position:absolute;top:0;left:0}.role-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s}.role-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 25px #4f46e51a}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#4f46e5;font-weight:600}.form-control-lg{border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;font-size:1rem}.form-control-lg:focus{border-color:#4f46e5;box-shadow:0 0 0 .25rem #4f46e540}.form-helper{color:#64748b;margin-top:.25rem;padding-left:.5rem;font-size:.875rem}.verification-card{border-radius:24px;overflow:hidden}.verification-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:2rem;display:flex}.modal-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3}.modal-enter{animation:.5s cubic-bezier(.4,0,.2,1) modalEnter}.modal-exit{animation:.3s ease-out modalExit}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}.fade-out{animation:.3s ease-out fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
*{box-sizing:border-box;margin:0;padding:0;font-family:Albert Sans,sans-serif}.login-container{background-color:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-content{gap:40px;width:100%;max-width:1200px;display:flex}.login-brand-section{flex-direction:column;flex:1;gap:40px;display:flex}.brand-images{background:#fff;border-radius:7px;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex;box-shadow:0 4px 15px #0dcaf04d,0 2px 10px #a43f934d}.brand-images img{object-fit:contain;image-rendering:auto;width:100%;max-height:100px}.suprot-logo{max-width:250px}.acompanhatec-logo{max-width:250px;margin-left:8px}.feature-cards{box-sizing:border-box;background:#fff;border-radius:7px;flex-direction:column;gap:20px;width:100%;padding:26px;display:flex;box-shadow:0 4px 15px #0dcaf04d,0 2px 10px #a43f934d}.modal-body{flex-direction:column;display:flex;overflow:hidden}.modal-content{flex-direction:column;display:flex}.feature-card{color:#010101;border-radius:8px;align-items:center;padding:30px;display:flex}.feature-card.green{background-color:#94c11fd6;height:100%}.feature-card.pink{background-color:#ee59abd6;height:100%}.feature-card.orange{background-color:#ffa500d6;height:100%}.feature-card.blue{background-color:#6ec1e4d6;height:100%}.feature-card.red{background-color:#dc3545d6;height:100%}.feature-card img{width:150px;margin-right:20px}.feature-card h4{color:#010101;margin-bottom:5px;font-size:22px;font-weight:700}.modal-fullscreen{z-index:1050;background-color:#0009;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto;width:100vw!important}.login-form-section{width:370px}.login-card{background:#fff;border-radius:12px;padding:30px;transition:all .3s;box-shadow:0 4px 15px #0dcaf04d,0 2px 10px #a43f934d}.login-card:hover{box-shadow:0 6px 20px #0dcaf066,0 3px 12px #a43f9366}.login-title{color:#0c326f;margin-bottom:20px;font-size:15px}.browser-recommendation{color:#333;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.chrome-logo{width:65px;margin-left:5px}.login-form{flex-direction:column;display:flex}.form-group{margin-bottom:10px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;display:block}.form-group input{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-size:16px;transition:all .3s}.form-group input:focus{background-color:#f2e3171a;border-color:#0dcaf0;outline:none}.password-group,.password-input-wrapper{position:relative}.toggle-password{color:#666;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.error-message{color:#dc3545;text-align:center;margin:5px;font-size:13px}.success-message{color:#28a745;text-align:center;margin:5px;font-size:13px}.captcha-container{margin:0 0 0 5px}.form-actions{gap:15px;margin:20px 0;display:flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.primary-button{color:#fff;background:linear-gradient(39deg,#0c326f,#1c3f77)}.primary-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.secondary-button{color:#333;background:#f0f0f0}.secondary-button:hover{background:#e0e0e0}.forgot-password{color:#0c326f;text-align:center;cursor:pointer;background:0 0;border:none;margin:10px 0;font-size:14px}.forgot-password:hover{text-decoration:underline}.login-footer{flex-direction:column;gap:10px;margin-top:20px;display:flex}.footer-link{color:#333;cursor:pointer;text-align:center;background:0 0;border:none;font-size:13px}.footer-link:hover{background:linear-gradient(214deg,#a43f93,#0dcaf0);color:#0000;-webkit-background-clip:text;text-decoration:underline}.toast-message{z-index:9999;border-radius:10px;min-width:300px;max-width:90vw;animation:.3s fadeInUp;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 20px #00000026}.toast-body{border-radius:inherit;padding:.75rem 1rem;font-size:.95rem}.toast-success{color:#065f46;background-color:#d1fae5}.toast-error{color:#991b1b;background-color:#fee2e2}.toast-progress-bar{background-color:#0000001a;width:100%;height:4px;position:relative;overflow:hidden}.toast-progress-bar:before{content:"";background-color:currentColor;width:100%;height:100%;animation:6s linear forwards toast-progress;position:absolute}.premium-check{background:linear-gradient(145deg,#fff,#ececec);border-radius:14px;padding:16px;transition:all .2s;box-shadow:2px 2px 6px #b9b9b9,-2px -2px 6px #fff}.premium-check:hover{box-shadow:3px 3px 8px #b4b4b4,-3px -3px 8px #fff}.premium-label{cursor:pointer;align-items:center;gap:16px;display:flex}.premium-input{display:none}.premium-slider{background:#d4d4d4;border-radius:50px;width:50px;height:28px;transition:all .25s;position:relative}.premium-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.premium-input:checked+.premium-slider{background:#0d6efd}.premium-input:checked+.premium-slider:before{transform:translate(22px)}.premium-text .fw-bold{font-size:1.05rem}.premium-text small{font-size:.8rem}.select-premium{position:relative}.select-premium-input{background-color:#f7f7f7;border:1px solid #d8d8d8;border-radius:14px;padding-left:18px;transition:all .25s}.select-premium-input:hover{background-color:#f2f2f2}.select-premium-input:focus{background-color:#fff;border-color:#0d6efd;box-shadow:0 0 0 4px #0d6efd26}.select-premium-label{color:#6c757d;font-weight:500}.select-premium-input:disabled{cursor:not-allowed;opacity:.75;background-color:#e9ecef}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.3s ease-out backdropFadeIn}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.particle{background:#4f46e599;border-radius:50%;width:4px;height:4px;animation:20s linear infinite floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh)translate(-50px)scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(50px)scale(0)}}.status-pulse{animation:2s infinite statusPulse}@keyframes statusPulse{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 10px #22c55e00}}.channel-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.channel-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.channel-card:hover:before{left:100%}.glow-effect{position:relative}.glow-effect:after{content:"";border-radius:inherit;z-index:-1;filter:blur(10px);opacity:0;background:linear-gradient(45deg,#4f46e5,#7c3aed,#ec4899,#4f46e5,#7c3aed,#ec4899) 0 0/400%;transition:opacity .3s;position:absolute;inset:-2px}.glow-effect:hover:after{opacity:.5;animation:3s linear infinite glow}@keyframes glow{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.accordion-button{position:relative;overflow:hidden}.accordion-button:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f46e5'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");width:20px;height:20px;transition:transform .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.accordion-button:not(.collapsed):after{transform:translateY(-50%)rotate(180deg)}.btn-close-large{filter:brightness(0)invert();width:1.5rem;height:1.5rem}.status-badge{display:inline-block}.badge-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;align-items:center;padding:8px 16px;font-size:.9rem;display:inline-flex}.badge-status.aberto{border:2px solid #22c55e80}.badge-status.fechado{border:2px solid #ef444480}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.nav-pills-premium .nav-link{color:#64748b;background:#fff;border:2px solid #0000;border-radius:50px;margin:0 8px;padding:12px 24px;font-weight:600;transition:all .3s}.nav-pills-premium .nav-link.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.canal-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.modal-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3}.shadow-xxl{box-shadow:0 25px 50px -12px #00000040}.modal-particle-container{pointer-events:none;z-index:1040;width:100%;height:100%;position:fixed;top:0;left:0}.particle{opacity:0;border-radius:50%;width:4px;height:4px;animation:15s linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)translate(0)scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(100px)scale(0)}}.transition-all{transition:all .3s}.transition-all:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000001a!important}.modal-exit{animation:.3s ease-out modalExit}@keyframes modalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.login-content{flex-direction:column;align-items:center}.login-brand-section{text-align:center;align-items:center;width:100%}.brand-images{flex-direction:row;justify-content:center;gap:30px}.feature-cards{display:none}.login-form-section{width:100%;max-width:400px}}@media (max-width:576px){.login-card{padding:20px}.form-actions{flex-direction:column}.brand-images{flex-direction:column;gap:15px}}@media (max-height:500px) and (orientation:landscape){.login-brand-section{display:none}.login-content{flex-direction:row;align-items:flex-start}.login-form-section{width:100%}}
