:root{--primary-color: #0056b3;--secondary-color: #004494;--accent-color: #ff9800;--text-color: #333333;--text-color-sd: #4b5563;--light-text: #ffffff;--light-bg: #f5f7fa;--light-bg-sd: #f9fafb;--dark-bg: #1a1a1a;--border-color: #e0e0e0;--success-color: #4caf50;--error-color: #EF4444;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff}img{max-width:100%;height:auto}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:focus{outline:2px solid #ffffff}a:hover{color:var(--secondary-color)}ul{list-style:none}:focus{outline:2px solid var(--primary-color);outline-offset:2px}.button{display:flex;padding:12px 24px;border-radius:4px;font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);border:none;gap:16px;justify-content:center;align-items:center;font-size:clamp(11px,1.11vw,25.6px)}.button svg{height:18px;width:18px}.button:focus{outline:2px solid #ffffff}.button.disabled{background-color:#d1d5db!important;color:#fff!important;cursor:not-allowed}.button.primary{background-color:var(--primary-color);color:var(--light-text)}.button.primary:hover{background-color:var(--secondary-color);color:var(--light-text)}.button.primary.reverse{background-color:transparent;border:1px solid #e2e8f0;border-radius:6px;color:var(--text);font-weight:500;gap:8px}.button.primary.reverse svg{height:16px;width:16px}.button.primary.reverse:hover{background-color:var(--secondary-color);color:var(--light-text)}.button.secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button.secondary:hover{background-color:var(--primary-color);color:var(--light-text)}.button.secondary.reverse{border-color:var(--light-text);color:var(--light-text)}.button.secondary.reverse:hover{background-color:var(--light-text);color:var(--primary-color)}.button.alert{background-color:var(--error-color);color:var(--light-text)}.button.alert:hover{background-color:transparent;color:var(--error-color);border:1.2px solid var(--error-color)}.button.alert.reverse{border:1.2px solid var(--error-color);color:var(--error-color);background-color:transparent}.button.alert.reverse:hover{background-color:var(--error-color);color:var(--light-text)}.button.icon{padding:12px;background-color:transparent;color:var(--text)}.button.icon:hover{background-color:var(--secondary-color);color:var(--light-text)}.button.icon-alert{padding:12px;background-color:transparent;color:var(--error-color);font-weight:700}.button.icon-alert:hover{transform:scale(1.2)}.button.success{background-color:var(--success-color);color:var(--light-text)}.button.success:hover{background-color:transparent;color:var(--success-color);border:1.2px solid var(--success-color)}.button.success.reverse{border:1.2px solid var(--success-color);color:var(--success-color);background-color:transparent}.button.success.reverse:hover{background-color:var(--success-color);color:var(--light-text)}.button.progress{background-color:#a855f7;color:var(--light-text)}.button.progress:hover{background-color:transparent;color:#a855f7;border:1.2px solid #A855F7}.button.progress.reverse{border:1.2px solid #A855F7;color:#a855f7;background-color:transparent}.button.progress.reverse:hover{background-color:#a855f7;color:var(--light-text)}.button.large{padding:16px 32px;font-size:1.1rem}@media (max-width: 576px){.button.large{padding:14px 28px;font-size:1rem}}.button.full{width:100%}.button.left{flex-direction:row}.button.right{flex-direction:row-reverse}.button-link{display:flex;padding:12px 24px;border-radius:4px;font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);border:none;gap:16px;justify-content:center;align-items:center;font-size:clamp(11px,1.11vw,25.6px)}.button-link svg{height:18px;width:18px}.button-link:focus{outline:2px solid #ffffff}.button-link.disabled{background-color:#d1d5db!important;color:#fff!important;cursor:not-allowed}.button-link.primary{background-color:var(--primary-color);color:var(--light-text)}.button-link.primary:hover{background-color:var(--secondary-color);color:var(--light-text)}.button-link.primary.reverse{background-color:transparent;border:1px solid #e2e8f0;border-radius:6px;color:var(--text);font-weight:500;gap:8px}.button-link.primary.reverse svg{height:16px;width:16px}.button-link.primary.reverse:hover{background-color:var(--secondary-color);color:var(--light-text)}.button-link.secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button-link.secondary:hover{background-color:var(--primary-color);color:var(--light-text)}.button-link.secondary.reverse{border-color:var(--light-text);color:var(--light-text)}.button-link.secondary.reverse:hover{background-color:var(--light-text);color:var(--primary-color)}.button-link.icon{padding:12px;background-color:transparent;color:var(--text)}.button-link.icon:hover{background-color:var(--secondary-color);color:var(--light-text)}.button-link.large{padding:16px 32px;font-size:1.1rem}@media (max-width: 576px){.button-link.large{padding:14px 28px;font-size:1rem}}.redirect-link{display:inline-flex;align-items:center;gap:8px;font-weight:400;font-size:15.25px;line-height:24px;letter-spacing:0}.redirect-link.left{flex-direction:row}.redirect-link.right{flex-direction:row-reverse}.redirect-link.primary{color:var(--primary-color)}.redirect-link.default{color:var(--text-color-sd)}.redirect-link.orange{font-weight:500;font-size:13.78px;line-height:20px;color:var(--accent-color)}.text-input{width:100%}.text-input .prev-text{display:flex;justify-content:space-between;margin-bottom:11px;margin-top:4.5px;color:#020817}.text-input .prev-text .label{font-weight:500;font-size:13.89px;line-height:14px}.text-input .prev-text .link{font-weight:400;font-size:13.56px;line-height:20px;color:var(--primary-color)}.text-input .input-disabled{height:fit-content;min-height:40px;padding:11.75px 13px;border-radius:6px;border:1px solid #E2E8F0;font-weight:400;font-size:15.25px;line-height:130%;color:var(--text-color);background-color:#f9fafb}.text-input .input-disabled:hover{cursor:not-allowed}.text-input .input{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid var(--border-color);font-weight:400;font-size:13.67px;line-height:100%;color:var(--text-color);transition:var(--transition)}.text-input .input.large{height:80px;resize:none}.text-input .input.multiline-big{min-height:300px}.text-input .input.disabled:hover{cursor:not-allowed}.text-input .error-text{margin-top:2px;font-weight:400;font-size:13.56px;line-height:20px;color:var(--error-color)}.text-input.filled .input{background-color:#f9fafb;border-color:#e2e8f0}.description-text{font-weight:400;text-align:center;letter-spacing:0}.description-text.small{font-size:clamp(12px,.94vw,13.56px);line-height:20px;color:#64748b}.description-text.middle{font-size:15.25px;line-height:24px;color:#4b5563}.description-text.big{font-size:17.3px;line-height:28px;color:#020817}.description-text.start{text-align:start}.description-text.center{text-align:center}.description-text.end{text-align:end}.text-title{text-align:center}.text-title.extra-small{font-weight:600;font-size:clamp(14px,1.21vw,17.44px);line-height:20px;letter-spacing:0px;text-align:center;color:#111827}.text-title.small{font-weight:600;font-size:clamp(17.3px,1.21vw,22.31px);line-height:32px;letter-spacing:-.6px;text-align:center;color:#111827}.text-title.middle{font-weight:600;font-size:clamp(22.31px,1.21vw,24.31px);line-height:32px;letter-spacing:-.6px;text-align:center;color:#020817}.text-title.big{font-weight:700;font-size:clamp(24.31px,1.21vw,28.48px);line-height:36px;letter-spacing:0;color:#111827}.text-title.start{text-align:start}.text-title.center{text-align:center}.text-title.end{text-align:end}.stepper{width:100%}.check-button{display:inline-flex;gap:16px;align-items:center;font-weight:500;font-size:13.78px;line-height:14px;letter-spacing:0;cursor:pointer;color:#020817;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.check-button.normal{font-weight:400;font-size:13.56px;line-height:14px;letter-spacing:0;color:#020817}.check-button .checkbox{display:none}.check-button .check-mark{height:16px;width:16px;position:relative;border:2px solid #0F172A;border-radius:8px;transition:var(--transition)}.check-button .check-mark.square{border-radius:2px}.check-button.checked .check-mark{background-color:var(--primary-color);border-color:var(--primary-color)}.check-button.checked .check-mark:after{content:"";position:absolute;top:0;left:4px;width:4px;height:8px;border:solid var(--light-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.select-input{width:100%;position:relative}.select-input .label{font-weight:500;font-size:13.89px;line-height:14px;margin-top:4.5px;margin-bottom:11px}.select-input .select-input-disabled{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid #E2E8F0;display:flex;align-items:center;color:var(--text-color);background-color:#f9fafb}.select-input .select-input-disabled:hover{cursor:not-allowed}.select-input .select-button{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid var(--border-color);transition:var(--transition);background-color:transparent;display:flex;color:#6c757d;cursor:pointer}.select-input .select-button .selected-text{text-align:start;font-weight:400;font-size:13.67px;line-height:100%;flex:1}.select-input .select-button .selected-text.selected{color:var(--text-color)}.select-input .item-list{width:100%;height:fit-content;display:flex;flex-direction:column;gap:4px;margin-top:2px;box-shadow:var(--shadow);border-radius:4px;transition:var(--transition);max-height:100px;position:absolute;top:100%;left:0;z-index:10;background-color:var(--light-bg);padding:4px;overflow-y:auto}.select-input .item-list .item{cursor:pointer;background-color:transparent;border:none;text-align:start;padding:5.87px 6.5px;background-color:var(--light-bg);border-radius:4px;transition:var(--transition)}.select-input .item-list .item.selected,.select-input .item-list .item.selected:hover{background-color:var(--primary-color);color:var(--light-text)}.select-input .item-list .item:hover{background-color:var(--text-color-sd);color:var(--light-text)}.select-input .error-text{margin-top:2px;font-weight:400;font-size:13.56px;line-height:20px;color:var(--error-color)}.date-input{width:100%}.date-input .label{font-weight:500;font-size:13.89px;line-height:14px;margin-top:4.5px}.date-input .date-input-disabled{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid #E2E8F0;display:flex;align-items:center;color:var(--text-color);background-color:#f9fafb}.date-input .date-input-disabled:hover{cursor:not-allowed}.date-input .input{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid var(--border-color);transition:var(--transition);background-color:transparent;display:flex;color:#6c757d;cursor:pointer}.date-input .input.selected{color:var(--text-color)}.date-input .error-text{margin-top:2px;font-weight:400;font-size:13.56px;line-height:20px;color:var(--error-color)}.content-container-div{background-color:var(--light-text);border-radius:8px;box-shadow:var(--shadow);border:1px solid #e2e8f0;padding:25px}@media (max-width: 576px){.content-container-div{padding:25px 9.375px}}.progress-stepper{margin-bottom:32px}.progress-stepper .progress-title{font-weight:500;font-size:17.16px;line-height:28px;letter-spacing:0;color:#020817;margin-bottom:8px}.progress-stepper .steps-container{display:flex;width:100%;justify-content:space-between;border-radius:8px;margin-bottom:8px}.progress-stepper .steps-container .step-box{display:flex;flex-direction:column;align-items:center}.progress-stepper .steps-container .step-box .step-index{border-radius:9999px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;border:2px solid #9ca3af;margin-bottom:1px;color:#9ca3af}.progress-stepper .steps-container .step-box .step-title{color:#9ca3af;text-align:center}.progress-stepper .steps-container .step-box.active .step-index{border-color:var(--primary-color);color:var(--primary-color)}.progress-stepper .steps-container .step-box.active .step-title{color:var(--primary-color)}.progress-stepper .steps-container .step-box.active.fill .step-index,.progress-stepper .steps-container .step-box.done .step-index{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--light-text)}.progress-stepper .steps-container .step-box.done .step-title{color:var(--primary-color)}.progress-stepper .steps-container .step-box.next .step-index{border-color:var(--primary-color);color:var(--primary-color)}.progress-stepper .progress{width:100%;height:4px;border-radius:4px;background-color:#e5e7eb;overflow:hidden}.progress-stepper .progress .progress-bar{height:100%;transition:width .4s ease}.progress-stepper .progress .progress-bar.accent{background-color:var(--accent-color)}.progress-stepper .progress .progress-bar.primary{background-color:var(--primary-color)}.search-input{width:100%}.search-input .label{font-weight:500;font-size:13.89px;line-height:14px}.search-input .search{height:40px;width:100%;padding:0 13px 0 1px;border-radius:6px;border:1px solid var(--border-color);transition:var(--transition);background-color:var(--light-text);display:flex;align-items:center}.search-input .search .button i{color:#9ca3af}.search-input .search .button:hover i{color:#fff}.search-input .search input{color:var(--text-color);font-weight:400;font-size:13.67px;line-height:100%;background-color:transparent;border:none;flex:1;text-overflow:ellipsis}.search-input .search input:focus{outline:none}.search-input .search:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.search-input.filled .input{background-color:#f9fafb;border-color:#e2e8f0}.dropdown{border-bottom:1px solid #E2E8F0}.dropdown .dropdown-question{height:56px;display:flex;align-items:center;justify-content:space-between}.dropdown .dropdown-question .question{font-weight:500;font-size:15.5px;line-height:24px;letter-spacing:0;vertical-align:middle;color:#020817}.dropdown .dropdown-question .dropdown-toogle i{transition:var(--transition)}.dropdown .dropdown-question:hover{background-color:#f9f9f9}.dropdown .dropdown-answare{padding:0 20px;max-height:0;overflow:hidden;transition:var(--transition)}.dropdown.active .dropdown-question .dropdown-toogle i{transform:rotate(180deg)}.dropdown.active .dropdown-answare{padding:0 20px 20px;max-height:1000px}.switcher{width:100%;display:flex;flex-direction:column;gap:16px}.switch-button{background-color:#f1f5f9;min-height:40px;border-radius:6px;position:relative;padding:4px;display:flex;height:fit-content}.switch-button .active-button-indicator{position:absolute;top:4px;left:4px;height:32px;background-color:#fff;box-shadow:var(--shadow);border-radius:4px;transition:var(--transition)}.switch-button .switch-btn{flex:1;background-color:transparent;border:none;color:#64748b;font-weight:600;font-size:13.78px;line-height:20px;letter-spacing:0;text-align:center;vertical-align:middle;position:relative;z-index:9;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap}.switch-button .switch-btn .text-emphasis{background-color:#f1f5f9;border-radius:50%;padding:4px 11px}.switch-button .switch-btn.visible{color:#020817}.spinner-container{position:fixed;height:100%;width:100%;top:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999}.spinner-container .spinner{height:64px;width:64px;border:8px solid var(--light-text);border-top:8px solid var(--primary-color);border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-input{width:100%}.phone-input .label{font-weight:500;font-size:13.89px;line-height:14px;color:#020817;display:inline-block;margin-top:4.5px;margin-bottom:11px}.phone-input .tel-input{display:flex;gap:1.11vw}.phone-input .tel-input .tel-input-select{min-width:90px}.phone-input .tel-input .input{height:40px;width:100%;padding:11.75px 13px;border-radius:6px;border:1px solid var(--border-color);font-weight:400;font-size:13.67px;line-height:100%;color:var(--text-color);transition:var(--transition)}.phone-input .tel-input .input.large{height:80px;resize:none}.phone-input .tel-input .input.disabled:hover{cursor:not-allowed}.phone-input .error-text{margin-top:2px;font-weight:400;font-size:13.56px;line-height:20px;color:var(--error-color)}.phone-input.filled .input{background-color:#f9fafb;border-color:#e2e8f0}.table-container{width:100%;height:fit-content}.table-container .table{width:100%}.table-container .table .table-head.filled{background-color:#f1f5f980}.table-container .table .table-head.filled .table-head-item span{color:#020817!important}.table-container .table .table-row{display:grid;align-items:center;transition:var(--transition)}.table-container .table .table-row:hover{background-color:var(--light-bg)}.table-container .table .table-row .table-item{padding:14.75px 16px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center}.table-container .table .table-row .table-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:#020817}.table-container .table .table-row .table-item.table-head-item span{color:#64748b;font-weight:400;font-size:13.89px;line-height:20px;letter-spacing:0}.table-container .table .table-row .table-item.last:last-child{justify-content:flex-end}.table-container .table .table-row .table-item.last:last-child span{text-align:end}.table-container .table.full-line{border:1px solid #e2e8f0;border-radius:6px}.table-container .table.full-line .table-head .table-row{border-bottom:1px solid #e2e8f0}.table-container .table.full-line .table-row:not(:last-child){border-bottom:1px solid #e2e8f0}.table-container .table.padding-line .table-head .table-row{border-bottom:1px solid #e2e8f0}.table-container .table.padding-line .table-row:not(:last-child){border-bottom:1px solid #e2e8f0}.table-container .table-footer{display:flex;justify-content:center;align-items:center;margin-top:24.5px;gap:4px}.table-container .table-footer .table-page-index{width:40px;height:40px;background-color:var(--primary-color);color:var(--light-text);display:flex;justify-content:center;align-items:center;border-radius:6px}.table-container .table-footer .button{color:#020817}.table-container .table-footer .button:hover{color:var(--light-text)}.empty-list{display:flex;width:100%;flex-direction:column;align-items:center;padding:7vw 0;gap:8px}.empty-list .empty-icon{color:#d1d5db;height:80px;width:80px}.empty-list .empty-text{color:#d1d5db;font-weight:700;font-weight:400;font-size:22.69px;line-height:20px;letter-spacing:0;text-align:center}.modal{position:fixed;z-index:99999;top:0;left:0;height:100%;width:100%;overflow-y:auto;display:flex;justify-content:center;align-items:center;padding:2.22vw}.modal .modal-container{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:25px;position:relative}.modal .modal-container #modal-close-btn{position:absolute;top:8px;right:8px}.modal .modal-container #modal-close-btn i,.modal .modal-container #modal-close-btn svg{transform:rotate(45deg)}.modal .modal-container .modal-content{min-height:fit-content}.modal .modal-container .modal-content .modal-content-container{margin-top:34px;display:flex;flex-direction:column;gap:20px}.modal.open{animation:forwards .5s ease open-modal}.modal.close{animation:forwards .5s ease close-modal}@keyframes open-modal{0%{background-color:transparent}to{background-color:#000000b3}}.styled-text.success{color:#22c55e!important}.styled-text.info{color:#0088fe!important}.styled-text.alert{color:#fef9c3!important}.styled-text.error{color:#ef4444!important}.notification{width:100%;display:flex;gap:12px;padding:21px 17px;border-radius:8px;border:1px solid #E5E7EB;background-color:#fff}.notification .notification-icon-container{padding:8px;border-radius:6px}.notification .notification-icon-container.financeiro{background-color:#dcfce7}.notification .notification-icon-container.lembrete{background-color:#f3e8ff}.notification .notification-icon-container.treinamento{background-color:#fef9c3}.notification .notification-icon-container.sistema{background-color:#dbeafe}.notification .notification-icon-container.recomendacao{background-color:#fee5c3}.notification .notification-icon-container .icon{height:20px;width:20px}.notification .notification-icon-container .icon.financeiro{color:#22c55e}.notification .notification-icon-container .icon.lembrete{color:#a855f7}.notification .notification-icon-container .icon.treinamento{color:#f97316}.notification .notification-icon-container .icon.sistema{color:#3b82f6}.notification .notification-icon-container .icon.recomendacao{color:#ff9800}.notification .ntf-text-container{display:grid;grid-template-columns:1fr 110px;flex:1}.notification .ntf-text-container .text-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification .ntf-text-container .text-content .ntf-title{font-weight:500;font-size:15.38px;line-height:24px;letter-spacing:0;color:#111827}.notification .ntf-text-container .text-content .ntf-text{color:var(--text-color-sd);font-weight:400;font-size:13.56px;line-height:20px;letter-spacing:0}.notification .ntf-text-container .date-content{justify-self:self-end}.notification .ntf-text-container .date-content .ntf-date{font-weight:400;font-size:11.81px;line-height:16px;letter-spacing:0;color:#6b7280}.notification .ntf-text-container #ntf-button{grid-column:1/-1}.notification.unreaded{border-color:#bfdbfe;background-color:#eff6ff}.notification.beauty{padding:17px;min-height:150px}.notification.beauty.unreaded{border-left:4px solid var(--primary-color);background-color:#fff}.notification.beauty .ntf-text-container .date-content{border:1px solid #E2E8F0;border-radius:9999px;height:fit-content;padding:3px 11px}.notification.beauty .ntf-text-container .date-content .ntf-date{font-weight:700;color:#020817;white-space:normal;word-break:break-word}.notification.beauty .ntf-text-container #ntf-button{justify-self:self-end}@media (max-width: 480px){.notification{flex-direction:column;gap:6px}}.system-information-container{width:100%;padding:17px;background-color:#f9fafb;border-radius:8px;border-left:4px solid var(--primary-color)}.system-information-container>:first-child{text-transform:uppercase;font-weight:600}.system-information-container .sys-info-row{display:grid;margin-top:12px;grid-template-columns:1fr 1fr;row-gap:8px}@media (max-width: 480px){.system-information-container .sys-info-row{gap:6px;grid-template-columns:1fr}}.contact-information-container{padding:12px;background-color:#0044941a;border:1px solid rgba(0,68,148,.3);border-radius:8px}.contact-information-container>:first-child{text-transform:uppercase}.contact-information-container .contacts{display:flex;flex-wrap:wrap}.contact-information-container .contacts>*{flex:1}.contact-information-container .contacts>*>*{display:flex;gap:8px;align-items:center}.bar-chart-container,.pie-chart-container,.line-chart-container{flex:1;display:flex;flex-direction:column;gap:24px}.group-view-container{display:flex;gap:2.22vw}.group-view-container .group-view-container-dot-line{width:3px;position:relative;background-color:#d1d5db;margin-top:8px}.group-view-container .group-view-container-dot-line:before{content:"";position:absolute;top:0;left:-7px;background-color:var(--primary-color);height:12px;width:12px;display:block;border-radius:50%;border:3px solid #FFFFFF;box-shadow:0 0 0 2px var(--primary-color)}.group-view-container .group-view-content{flex:1}.group-view-container .group-view-content .group-view-container-header{display:flex;gap:1.11vw;align-items:center}.group-view-container .group-view-content .group-view-container-header .emphasis{padding:4px 12px;border-radius:16px;font-weight:500}.group-view-container .group-view-content .group-view-container-header .emphasis.success{background-color:#dcfce7}.group-view-container .group-view-content .group-view-container-header .emphasis.info{background-color:#dbeafe}.group-view-container .group-view-content .group-view-container-header .emphasis.alert{background-color:#fef9c3}.group-view-container .group-view-content .group-view-container-header .emphasis.error{background-color:#fee2e2}.group-view-container .group-view-content .group-view-content-children{display:flex;flex-direction:column;gap:12px;padding:16px 0}
