{"mappings":"ACAA,+BAIA,qDAIA,mCAIA,iFAOA,0MAcA,wEAKA,yDAGE,qDAKA,uCAIA,8CAII,wFCrDJ,0DAEE,4EAMF,8DAEE,4EAGA,0DAIA,kEAKF,uEAGE,6DAEE,qIAME,mFAON,6CAQF,sGAKA,kCAGE,gEAKE,gJAUA,yHAOE,8CAIA,oDAKF,4CAEE,+HASF,kDAKJ,2EAIE,0PAeE,8FCzHF,mPAcE,yDAKF,wEAUF,uEAKA,oCAIA,6DAKA,6DAMA,2CAGE,2FAOA,8LAUA,4FAKE,+DAIA,6DAMJ,mGAME,yFAMA,4EAKA,uDAIA,+DAKA,2CAIA,8CAMA,+CAIA,uDAKF,2EAMA,oDC7HA,uQAiBE,oDAKF,8GAOE,8JAWE,0DAKF,4IAQA,8DAKF,8EAME,mCAKF,yCAKA,wQAkBE,qEAMF,+BAIA,oGAQA,oEAMA,qJAUE,2DAMF,2OAcE,iDAIA,8DAMA,oJAUE,kDAIF,gKAUE,4DAOJ,mKAWE,gDAKF,sEAKA,kDAIE,+DAKF,kFAOA,0MAUA,4FAOA,8EAMA,gFAMA,oCAIA,+EAKE,8EAKA,2EAMA,kEAMF,4EAOE,iEAMA,iEAKF,qJAUA,uNAYE,sFAOE,0CAKF,uKAWE,sEAOF,mIASA,kHAQA,mFAME,2FAOF,2CAKF,+BAGE,mLAaF,mFAME,sDAKE,iFAGE,yFAON,6HAWE,+JAaF,iFAIE,wEAOF,yFAQA,8EAMA,mHASA,iPAcA,8CAIA,8GAQA,0GAQA,4FAOA,mLAUE,sDAKF,4CAKA,0BAIA,iFAOA,wEAOA,4LAaA,iIASE,gHAWF,8RAgBE,iIAOA,uDAIA,0DAKF,uBACE,gCAIA,0JASA,qEAMA,4CAIA,qDAMF,sBACE,yCAIA,kCAGE,0CAIA,yCAKF,oCAKF,sBACE,qCAIA,mEAMA,8DAKA,sDAKA,yDAKA,2EAMA,mFAOA,oEAKE,6CAKA,wCAIA,mEAKA,4DAKA,2CAIA,mDAMF,2EAMA,4CAME,uEAQF,yFAIA,gDAIE,mCAKF,yCAIA,yHAQA,uCAIA,8DAKA,qCAKF,sBACE,qCAIA,wDAKA,yCAIA,mDAKA,yDAKA,qDAIE,mCAIA,6DAKE,qDAMF,mEAKA,4EAMA,iFAOF,sEAMA,mDAKA,yFAIA,wDAKA,uDAKA,4BAGE,mCAKF,yCAIA,8FAMA,2CAIA,oCAIA,uCAIA,mCAIA,8CAKF,sBACE,6EAMA,yCAIA,4GAOA,kDAIE,+HAUF,4CAME,mDAMF,yFAIA,yEAQA,yDAMF,kDACE,6EAKE,gDAKA,iDAKA,0CAIA,yCAKF,uCAIA,iDAKA,yCAIA,sDAKA,yDAKA,2CAIA,qCAKF,kMAYE,+EAKA,mEAKA,sBAtBF,wCAkCA,4GAQA,qGEpkCA,2EAOA,6FAQA,4EAMA,6HAQE,gFAOF,oGAQA,iDAIA,wDAIA,oDAIA,2EAMA,iDAKA,mDAMA,sKAUE,iEAKA,kFAOA,kIAUA,kEAIE,sDAGA,sEAOJ,iDAIA,yEAMA,+DAKA,iHAME,qEAMF,0DA0BA,mFAcA,0JAWA,+EAMA,+GAQA,2FAOA,2CAIA,6CAKA,oCAIA,gJAWA,gCAGA,2EAOA,4LAUA,8DAKA,yIAQA,mJAUE,6DAIA,+EAMF,kDAKA,sCAIA,6EAOA,6GAOE,+FAQA,qEAKE,uEAKE,+EAKE,8CAKF,+CAQJ,6DAKA,+DAOF,0HAQE,uCAeF,6DAKA,qJDnYE,uBC8YA,6CAKA,yDAIA,kEAKA,sCAIA,kCAGA,qCAIA,6BAIA,2BAGA,mCAGA,oEAKA,gEDtbA,sBC6bA,8BAGA,+CAKA,4FAjdA,4CAsdA,0DAMA,gCAGA,0CAGA,iFAMA,oCAGA,sCAIA,oDAKA,oDAKA,wDAIA,yCAGA,+BAIA,uDAIA,4DAKA,gCAGA,mCAGA,kCAGA,gFAKA,kEAKA,wCAKA,2BAGA,4BAGA,0CAIA,mCAGA,kCAGA,gDAIA,iDAKA,qCAIA,gEAMA,4ED5jBA,sBCkkBA,8BAGA,4BAGA,+DAKA,gCAGA,oCAGA,mCAGA,yBAGA,oDAIA,gDAIA,kCAGA,qCAGA,wDAIA,yCAGA,2CAIA,oCAGA,0CAKA,uDAIA,gCAGA,8CAIA,mDAIA,mCAGA,oDAMA,qCAIA,iDAIA,qDAIA,wCAIA,8CAIA,2BAGA,sDAKA,mCAGA,kCAGA,iDDprBA,sBC2rBA,iDAIA,2CAMA,6ZAQA,mEAKA,iDAMA,+BAKF,kDACE,yDAIA,kCAGA,gCAGA,oDAIA,kCD5uBA,sBCkvBA,6BAGA,4BAGA,4CAIA,0BAGA,sDAKA,mCAGA,kCAGA,+CAIA,gDAIA,gDAIA,4BAGA,iEC7yBF,8CAKA,wJAWA,0EAOA,uEAMA,gEAKI,yFAKI,8CAMR,4EAOA,6DAMA,uJAUA,uDAKA,gFFhDA,4EAME,+CAMA,oIAWE,iMAcF,mEAGA,2EAKF,4MAWA,kCAGA,wEAKA,sEAMA,uMAWE,4DAKA,kJAUE,4CAKF,uFAMA,sEGvGF,8FAOA,oDAIE,0BAIF,wCAKA,yGAME,iEAMF,kFAOA,uEAKA,4GASA,4EAMA,8KAUE,yCAMA,sCAGF,+FAOA,2PAWE,8FAKA,sFAMF,6BAGA,0LAWE,4CAKF,uJASA,mFAKE,qFAOF,kHAOA,oFAMA,oEAKA,qLA7KE,oFAqLF,uEAKA,uLA1LE,sFAmMF,0EAMA,sKASE,8CAGA,2DAIF,kDH1NE,uBGgOA,yBAGA,qCAIA,uCAIA,6CAIA,0BH/OA,sBGoPA,8BAGA,oEAKA,iEAKA,uDAIA,qDAIA,mDAIA,kEAIA,6BAGA,mEAKA,4DHzRA,sBG+RA,8BAGA,gDAIA,iEAKA,kCAGA,4DH9SA,sBGoTA,iEAKA,iDAIA","sources":["styles/admin/index.css","assets/styles/admin/index.scss","assets/styles/admin/orders/index.scss","assets/styles/admin/subscriptions/index.scss","assets/styles/admin/wizard/index.scss","assets/styles/admin/common/_shared.scss","assets/styles/admin/onboarding/index.scss","assets/styles/admin/onboarding/_footer.scss","assets/styles/admin/payment-config/index.scss"],"sourcesContent":[".wpl-wrap .notice {\n  display: none;\n}\n\n.block-editor-block-list__layout {\n  padding: 0 !important;\n}\n\n#wvp-payment-link-btn {\n  margin: 0 5px;\n}\n\n.vindi-wizard-close-header {\n  z-index: 2147483647;\n  position: fixed;\n  top: 20px;\n  right: 40px;\n}\n\n.vindi-wizard-close-btn {\n  color: #fff;\n  cursor: pointer;\n  background: #878787cc;\n  border: none;\n  border-radius: 6px;\n  justify-content: center;\n  align-items: center;\n  padding: 6px;\n  font-size: 12px;\n  transition: all .2s;\n  display: flex;\n}\n\n.vindi-wizard-close-btn:hover {\n  background: #4f4f4fe6;\n  transform: scale(1.1);\n}\n\n.vindi-update-notice {\n  border-left-color: #f0ad4e !important;\n}\n\n.vindi-update-notice h3 {\n  color: #f0ad4e;\n  font-size: 16px;\n}\n\n.vindi-update-notice p {\n  line-height: 1.6;\n}\n\n.vindi-update-notice .button {\n  margin-right: 8px;\n}\n\n.vindi-update-notice .button.vindi-snooze-update:disabled {\n  opacity: .6;\n  cursor: not-allowed;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-field {\n  margin: 10px 0;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-field input {\n  width: 100%;\n  margin-top: 5px;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-message {\n  display: inherit;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-message span {\n  font-size: 12px !important;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-message i {\n  color: red;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-message-hidden {\n  display: none;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-button {\n  height: 20px;\n  margin: 10px 0;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-button > div {\n  float: right;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-button > div .wvp-tracking {\n  animation: 4s linear infinite spin;\n  position: relative;\n  top: 5px;\n  right: 5px;\n}\n\n.wvp-tracking-edit .wvp-tracking-edit-button > div .wvp-tracking-hidden {\n  display: none;\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\ndiv.order_data_column:has(#vindi-payment-link) {\n  flex-direction: column !important;\n  display: flex !important;\n}\n\n#vindi-payment-link {\n  margin: 20px 0;\n}\n\n#vindi-payment-link div {\n  flex-direction: row;\n  gap: 5px;\n  display: flex;\n}\n\n#vindi-payment-link div > a {\n  color: #fff;\n  background: #001a9e;\n  border-radius: 3px;\n  align-items: center;\n  padding: 5px 10px;\n  text-decoration: none;\n  display: flex;\n}\n\n#vindi-payment-link div > button {\n  background: none;\n  border: 1px solid #001a9e;\n  border-radius: 3px;\n  align-items: center;\n  display: flex;\n}\n\n#vindi-payment-link div > button > img {\n  width: 14px;\n}\n\n#vindi-payment-link div > button:hover {\n  cursor: pointer;\n}\n\n#vindi-payment-link div.disabled {\n  opacity: .3;\n}\n\n#vindi-payment-link div.disabled button, #vindi-payment-link div.disabled a, #vindi-payment-link div.disabled img {\n  cursor: default;\n}\n\n#vindi-payment-link .messages span {\n  font-size: 10px;\n}\n\n.vindi_payment_link {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.vindi_payment_link .vindi-payment-link-button {\n  opacity: 1;\n  color: #fff;\n  background: #001a9e;\n  border-radius: 3px;\n  align-items: center;\n  gap: 3px;\n  width: fit-content;\n  min-width: 135px;\n  margin-top: 10px;\n  margin-left: 16px;\n  padding: 3px 10px;\n  text-decoration: none;\n  display: flex;\n}\n\n.vindi_payment_link .vindi-payment-link-button:hover {\n  opacity: .8;\n  color: #fff;\n  transition: all .2s;\n}\n\n#manual-renewal-form .loader {\n  box-sizing: border-box;\n  border: 3px solid #0000;\n  border-color: #bfbfbf #0000 #0000 #bfbfbf;\n  border-radius: 50%;\n  width: 15px;\n  height: 15px;\n  animation: 1s linear infinite rotation;\n  display: none;\n  position: relative;\n  top: 5px;\n  left: 10px;\n}\n\n#manual-renewal-form .loader.active {\n  display: inline-block;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.vindi-payment-profile-container {\n  box-sizing: border-box;\n  background: #fff;\n}\n\n.vindi-section-title {\n  font-size: 14px;\n}\n\n.vindi-th {\n  font-size: 12px !important;\n  font-weight: 400 !important;\n}\n\n.vindi-no-cards {\n  color: #777;\n  margin-bottom: 0;\n  font-style: italic;\n}\n\n.payment-cards-container {\n  margin: 15px 0 5px;\n}\n\n.payment-cards-container .actions {\n  align-items: center;\n  gap: 10px;\n  margin-top: 15px;\n  display: flex;\n}\n\n.payment-cards-container .loader {\n  border: 2px solid #0000001a;\n  border-left-color: #0073aa;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  animation: .8s linear infinite loader-spin;\n  display: inline-block;\n}\n\n.payment-cards-container .update-message {\n  padding: 5px 0;\n  font-weight: 500;\n  display: inline-block;\n}\n\n.payment-cards-container .update-message.success {\n  color: #46b450;\n}\n\n.payment-cards-container .update-message.error {\n  color: #dc3232;\n}\n\n.vindi-cards-table {\n  border-collapse: collapse;\n  border: 1px solid #e5e5e5;\n  width: 100%;\n  margin-bottom: 15px;\n}\n\n.vindi-cards-table th {\n  text-align: left;\n  background: #f9f9f9;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n.vindi-cards-table td {\n  vertical-align: middle;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.vindi-cards-table tr:last-child td {\n  border-bottom: none;\n}\n\n.vindi-cards-table .column-select {\n  text-align: center;\n  width: 25px;\n}\n\n.vindi-cards-table .column-brand {\n  width: 25%;\n}\n\n.vindi-cards-table input[type=\"radio\"] {\n  margin: 0;\n}\n\n.vindi-card-row:hover {\n  background-color: #f9f9f9;\n}\n\n.vindi-card-row.selected-card {\n  background-color: #f0f7ff;\n}\n\n#update-payment-profile-button {\n  height: 32px;\n  padding: 0 12px;\n  line-height: 30px;\n}\n\n@keyframes loader-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n#vindi-wizard-modal {\n  z-index: 99999;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  background-color: #fff;\n  width: 100%;\n  max-width: none;\n  height: 100vh;\n  min-height: 100vh;\n  margin: 0;\n  overflow: hidden auto;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n}\n\n#vindi-wizard-modal::-webkit-scrollbar {\n  display: none;\n}\n\n#vindi-wizard-container {\n  box-sizing: border-box;\n  background: #fff;\n  min-height: 100vh;\n  display: flex;\n  position: relative;\n}\n\n#vindi-wizard-container .vindi-wizard-box {\n  border-radius: 12px;\n  gap: 24px;\n  width: 40%;\n  max-width: 650px;\n  padding: 40px 52px;\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n#vindi-wizard-container .vindi-wizard-box-left {\n  width: 100%;\n}\n\n#vindi-wizard-container #vindi-wizard-login, #vindi-wizard-container #vindi-wizard-register {\n  padding: 40px 52px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n#vindi-wizard-container #vindi-wizard-token {\n  padding: 40px 52px;\n}\n\n.vindi-wizard-icons {\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 8px;\n  display: flex;\n}\n\n.vindi-wizard-icons img {\n  width: 32px;\n}\n\n.vindi-wizard-anexo {\n  width: 16px !important;\n}\n\n.vindi-wizard-close-button {\n  cursor: pointer;\n  color: #666;\n  z-index: 1000001;\n  background: none;\n  border: none;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n  font-size: 24px;\n  transition: all .3s;\n  display: flex;\n  position: absolute;\n  top: 20px;\n  right: 20px;\n}\n\n.vindi-wizard-close-button:hover {\n  color: #333;\n  background-color: #f0f0f0;\n}\n\n.vindi-wizard-icon {\n  height: 32px;\n}\n\n.vindi-wizard-title {\n  color: #00155b;\n  margin-bottom: 24px;\n  font-size: 28px;\n  font-weight: bold;\n  line-height: 1.3;\n}\n\n.vindi-wizard-subtitle {\n  color: #666;\n  margin-bottom: 32px;\n  font-size: 14px;\n}\n\n.vindi-wizard-back-btn {\n  color: #666;\n  cursor: pointer;\n  background: #ebebeb;\n  border: none;\n  border-radius: 6px;\n  margin-bottom: 20px;\n  padding: 8px 12px;\n  font-size: 14px;\n}\n\n.vindi-wizard-back-btn:hover {\n  color: #fff;\n  background: #00103d;\n}\n\n.vindi-wizard-btn {\n  color: #fff;\n  cursor: pointer;\n  background-color: #00155b;\n  border: none;\n  border-radius: 6px;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 28px;\n  font-size: 16px;\n  font-weight: 500;\n  transition: background-color .3s;\n  display: flex;\n}\n\n.vindi-wizard-btn:hover {\n  background-color: #00103d;\n}\n\n.vindi-wizard-btn-icon {\n  width: 24px;\n  height: 24px;\n  margin-left: 8px;\n}\n\n.vindi-wizard-btn-config {\n  color: #fff;\n  cursor: pointer;\n  background: #00155b;\n  border: none;\n  border-radius: 6px;\n  padding: 8px 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.vindi-wizard-btn-config:hover {\n  background: #00103d;\n}\n\n.vindi-wizard-btn-login {\n  color: #434343;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #969696;\n  border-radius: 6px;\n  padding: 8px 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.vindi-wizard-btn-login:hover {\n  color: #fff;\n  background: #00155b;\n}\n\n.vindi-wizard-continue {\n  color: #fff;\n  cursor: pointer;\n  background: #00155b;\n  border: none;\n  border-radius: 8px;\n  margin-top: 24px;\n  padding: 12px 20px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.vindi-wizard-continue:hover {\n  background: #00103d;\n}\n\n.vindi-wizard-step-btn {\n  text-decoration: none;\n  transition: background .2s;\n}\n\n.vindi-wizard-field {\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.vindi-wizard-field#vindi-wizard-refund-fields {\n  margin-top: 16px;\n}\n\n.vindi-wizard-label {\n  color: #2a2a3c;\n  margin-bottom: 8px;\n  font-weight: 500;\n  display: block;\n}\n\n.vindi-wizard-input, .vindi-wizard-select {\n  border: 1px solid #e1e1e1 !important;\n  border-radius: 8px !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 6px 10px !important;\n  font-size: 14px !important;\n}\n\n.vindi-wizard-link {\n  color: #00155b;\n  margin-bottom: 24px;\n  text-decoration: underline;\n  display: block;\n}\n\n.vindi-wizard-link-site {\n  color: #00155b;\n  text-decoration: underline;\n  display: block;\n}\n\n.vindi-wizard-options-field {\n  justify-content: space-between;\n  gap: 23px;\n  display: flex;\n}\n\n.vindi-wizard-terms {\n  margin-top: 20px;\n}\n\n.vindi-checkbox-wrapper {\n  align-items: flex-start;\n  margin-bottom: 12px;\n  display: flex;\n}\n\n.vindi-checkbox-wrapper input[type=\"checkbox\"] {\n  margin-top: 3px;\n  margin-right: 10px;\n}\n\n.vindi-checkbox-wrapper label {\n  color: #212529;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.vindi-checkbox-wrapper a {\n  color: #00155b;\n  text-decoration: underline;\n}\n\n.vindi-wizard-side {\n  border-radius: 0;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.vindi-wizard-side img {\n  object-fit: contain;\n  width: 100%;\n  height: auto;\n}\n\n.vindi-wizard-side.vindi-wizard-box .vindi-wizard-side {\n  width: 50%;\n}\n\n.vindi-wizard-functionalities {\n  color: #0b0b33;\n  box-sizing: border-box;\n  background: none;\n  width: 100%;\n  max-width: 100%;\n  padding: 0;\n  font-family: Segoe UI, sans-serif;\n}\n\n.vindi-wizard-method {\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n  padding: 16px;\n  display: flex;\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.vindi-wizard-method-left {\n  flex: 1;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  display: flex;\n}\n\n.vindi-wizard-method-left > div {\n  min-width: 0;\n}\n\n.vindi-wizard-method-icon {\n  background: #e2e9ff;\n  border-radius: 8px;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 5px;\n  display: flex;\n}\n\n.vindi-wizard-method-icon img {\n  object-fit: contain;\n  width: 70%;\n  height: 70%;\n}\n\n.vindi-wizard-method-title {\n  color: #111827;\n  word-wrap: break-word;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin: .5em !important;\n}\n\n.vindi-wizard-method-desc {\n  color: #6b7280;\n  word-wrap: break-word;\n  font-size: 13px;\n  line-height: 1.4;\n  margin: .5em !important;\n}\n\n.vindi-wizard-method-header {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.vindi-wizard-method-header-text {\n  flex-direction: column;\n  align-items: flex-start;\n  display: flex;\n}\n\n.vindi-wizard-method-actions {\n  flex-shrink: 0;\n}\n\n.vindi-wizard-tag {\n  display: none;\n}\n\n.vindi-wizard-tag.active {\n  color: #00155b;\n  white-space: nowrap;\n  background: #e0edff;\n  border-radius: 6px;\n  padding: 2px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.4;\n  display: inline-block;\n}\n\n.vindi-wizard-switch {\n  width: 42px;\n  height: 24px;\n  display: inline-block;\n  position: relative;\n}\n\n.vindi-wizard-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.vindi-wizard-switch input:checked + .vindi-wizard-slider {\n  background-color: #2563eb;\n}\n\n.vindi-wizard-switch input:checked + .vindi-wizard-slider:before {\n  transform: translateX(18px);\n}\n\n.vindi-wizard-slider {\n  cursor: pointer;\n  background-color: #d1d5db;\n  border-radius: 24px;\n  transition: all .4s;\n  position: absolute;\n  inset: 0;\n}\n\n.vindi-wizard-slider:before {\n  content: \"\";\n  background-color: #fff;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  transition: all .4s;\n  position: absolute;\n  bottom: 3px;\n  left: 3px;\n}\n\n.vindi-wizard-tutorial-card {\n  background: #1f2937;\n  position: relative;\n  overflow: hidden;\n}\n\n.vindi-wizard-tutorial-card img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.vindi-wizard-tutorial-content {\n  color: #fff;\n  padding: 24px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.vindi-wizard-tutorial-title {\n  margin-bottom: 8px;\n  font-size: 16px;\n  font-weight: bold;\n}\n\n.vindi-wizard-tutorial-container {\n  color: #fff;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 500;\n  display: flex;\n}\n\n.vindi-wizard-success-page {\n  text-align: center;\n  color: #001f3f;\n  box-sizing: border-box;\n  background: #fff;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n  padding: 80px 24px;\n  font-family: Segoe UI, sans-serif;\n  display: flex;\n}\n\n.vindi-wizard-container-login {\n  max-width: 520px;\n}\n\n.vindi-wizard-success-icons {\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 32px;\n  display: flex;\n}\n\n.vindi-wizard-success-title {\n  color: #031252;\n  margin-bottom: 16px;\n  font-size: 28px;\n  font-weight: bold;\n  line-height: 1;\n}\n\n.vindi-wizard-success-subtitle {\n  color: #666;\n  margin-bottom: 32px;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.vindi-wizard-success-button {\n  color: #fff;\n  background: #00155b;\n  border-radius: 8px;\n  padding: 10px 20px;\n  font-weight: 500;\n  text-decoration: none;\n  transition: background .2s;\n  display: inline-block;\n}\n\n.vindi-wizard-success-button:hover {\n  background: #00103d;\n}\n\n.vindi-wizard-content {\n  gap: 40px;\n  display: flex;\n}\n\n.vindi-wizard-left {\n  flex: 1;\n}\n\n.vindi-wizard-steps {\n  color: #333;\n  margin-bottom: 28px;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.vindi-wizard-text {\n  color: #5b5b5b;\n  gap: 5px;\n  margin-bottom: 8px;\n  display: flex;\n}\n\n.vindi-wizard-circle-number {\n  color: #5c81f3;\n  background: #dbe3fc;\n  border-radius: 50%;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  width: 20px;\n  height: 20px;\n  margin-right: 8px;\n  display: flex;\n}\n\n.vindi-wizard-video {\n  background: #02072e;\n  border-radius: 16px;\n  flex: 1;\n  min-height: 300px;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.vindi-wizard-video iframe {\n  border: none;\n  border-radius: 16px;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.vindi-wizard-btn-create-account {\n  color: #00155b;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  background: none;\n  border: 1px solid #00155b;\n  border-radius: 6px;\n  margin-top: 12px;\n  padding: 10px 28px;\n  font-size: 16px;\n  font-weight: 500;\n  text-decoration: none;\n  transition: all .3s;\n  display: inline-block;\n}\n\n.vindi-wizard-btn-create-account:hover, .vindi-wizard-btn-create-account:focus {\n  color: #fff;\n  background: #00155b;\n  text-decoration: none;\n}\n\n.vindi-wizard-btn-create-account:visited {\n  color: #00155b;\n}\n\n.vindi-wizard-btn-create-account:visited:hover {\n  color: #fff;\n}\n\n@media (width <= 1024px) {\n  .vindi-wizard-side {\n    display: none;\n  }\n\n  .vindi-wizard-left, #vindi-wizard-login, #vindi-wizard-register, .vindi-wizard-box {\n    width: 100% !important;\n    max-width: 100% !important;\n    position: relative !important;\n  }\n\n  .vindi-wizard-box {\n    flex-direction: column;\n    gap: 0;\n    padding: 32px !important;\n  }\n\n  .vindi-wizard-content {\n    flex-direction: column;\n  }\n\n  #vindi-wizard-container {\n    max-width: 100%;\n    padding: 24px;\n  }\n}\n\n@media (width <= 900px) {\n  .vindi-wizard-box {\n    padding: 28px !important;\n  }\n\n  .vindi-wizard-method {\n    padding: 15px;\n  }\n\n  .vindi-wizard-method-title {\n    font-size: 14px;\n  }\n\n  .vindi-wizard-method-desc {\n    font-size: 12px;\n  }\n\n  .vindi-wizard-title {\n    font-size: 26px;\n  }\n}\n\n@media (width <= 767px) {\n  #vindi-wizard-container {\n    padding: 16px;\n  }\n\n  #vindi-wizard-login, #vindi-wizard-register {\n    width: 100%;\n    padding: 20px;\n  }\n\n  .vindi-wizard-box {\n    width: 100% !important;\n    padding: 20px !important;\n  }\n\n  .vindi-wizard-title {\n    margin-bottom: 16px;\n    font-size: 24px;\n  }\n\n  .vindi-wizard-subtitle {\n    margin-bottom: 24px;\n    font-size: 13px;\n  }\n\n  .vindi-wizard-back-btn {\n    margin-bottom: 16px;\n    padding: 10px 14px;\n    font-size: 13px;\n  }\n\n  .vindi-wizard-continue {\n    width: 100%;\n    margin-top: 20px;\n    padding: 12px 20px;\n    font-size: 16px;\n  }\n\n  .vindi-wizard-method {\n    flex-wrap: wrap;\n    margin-bottom: 12px;\n    padding: 14px;\n  }\n\n  .vindi-wizard-method-left {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .vindi-wizard-method-icon {\n    flex-shrink: 0;\n  }\n\n  .vindi-wizard-method-title {\n    font-size: 14px;\n    margin: 0 0 4px !important;\n  }\n\n  .vindi-wizard-method-desc {\n    font-size: 12px;\n    margin: 0 !important;\n  }\n\n  .vindi-wizard-method-actions {\n    flex-shrink: 0;\n  }\n\n  .vindi-wizard-method-header {\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n\n  .vindi-wizard-tag.active {\n    white-space: nowrap;\n    padding: 2px 6px;\n    font-size: 10px;\n  }\n\n  .vindi-wizard-switch {\n    width: 38px;\n    height: 22px;\n  }\n\n  .vindi-wizard-slider:before {\n    width: 16px;\n    height: 16px;\n    bottom: 3px;\n    left: 3px;\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider:before {\n    transform: translateX(18px);\n  }\n\n  .vindi-wizard-icons {\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  .vindi-wizard-icons img {\n    width: 28px;\n  }\n\n  .vindi-wizard-anexo {\n    width: 14px !important;\n  }\n\n  .vindi-wizard-btn-create-account, .vindi-wizard-btn-secondary {\n    width: 100%;\n    margin-top: 16px;\n    padding: 12px 20px;\n    font-size: 16px;\n  }\n\n  .vindi-wizard-field {\n    margin-bottom: 16px;\n  }\n\n  .vindi-wizard-section-title {\n    margin-bottom: 12px;\n    font-size: 16px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 24px 0;\n  }\n}\n\n@media (width <= 480px) {\n  #vindi-wizard-container {\n    padding: 12px;\n  }\n\n  #vindi-wizard-login, #vindi-wizard-register {\n    padding: 16px;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-title {\n    font-size: 20px;\n    line-height: 1.3;\n  }\n\n  .vindi-wizard-subtitle {\n    margin-bottom: 20px;\n    font-size: 12px;\n  }\n\n  .vindi-wizard-method {\n    margin-bottom: 10px;\n    padding: 12px;\n  }\n\n  .vindi-wizard-method-left {\n    gap: 10px;\n  }\n\n  .vindi-wizard-method-icon {\n    width: 28px;\n    height: 28px;\n    padding: 4px;\n  }\n\n  .vindi-wizard-method-icon img {\n    width: 100%;\n    height: 100%;\n  }\n\n  .vindi-wizard-method-title {\n    font-size: 13px;\n    margin: 0 0 3px !important;\n  }\n\n  .vindi-wizard-method-desc {\n    font-size: 11px;\n    line-height: 1.3;\n    margin: 0 !important;\n  }\n\n  .vindi-wizard-method-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .vindi-wizard-tag.active {\n    margin-top: 2px;\n    padding: 2px 5px;\n    font-size: 9px;\n  }\n\n  .vindi-wizard-slider:before {\n    width: 14px;\n    height: 14px;\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider:before {\n    transform: translateX(16px);\n  }\n\n  .vindi-wizard-continue {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n\n  .vindi-wizard-back-btn {\n    padding: 8px 12px;\n    font-size: 12px;\n  }\n\n  .vindi-wizard-icons {\n    gap: 8px;\n  }\n\n  .vindi-wizard-icons img {\n    width: 24px;\n  }\n\n  .vindi-wizard-anexo {\n    width: 12px !important;\n  }\n\n  .vindi-wizard-btn-create-account, .vindi-wizard-btn-secondary {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n\n  .vindi-wizard-section-title {\n    font-size: 15px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 20px 0;\n  }\n\n  .vindi-wizard-field {\n    margin-bottom: 14px;\n  }\n\n  .vindi-wizard-label {\n    font-size: 13px;\n  }\n\n  .vindi-wizard-input {\n    font-size: 13px !important;\n  }\n}\n\n@media (width <= 600px) {\n  #vindi-wizard-login, #vindi-wizard-container, #vindi-wizard-register {\n    padding: 0;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-continue, .vindi-wizard-back-btn, .vindi-wizard-btn, .vindi-wizard-btn-secondary {\n    min-height: 44px;\n  }\n\n  .vindi-wizard-method {\n    min-height: 60px;\n    padding: 12px;\n  }\n\n  .vindi-wizard-method-actions {\n    justify-content: center;\n    align-items: center;\n    min-width: 44px;\n    min-height: 44px;\n    padding: 8px;\n    display: flex;\n  }\n\n  .vindi-wizard-switch {\n    width: 38px;\n    height: 22px;\n  }\n\n  .vindi-wizard-slider:before {\n    width: 14px;\n    height: 14px;\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider:before {\n    transform: translateX(16px);\n  }\n\n  .vindi-wizard-input, .vindi-wizard-select {\n    appearance: none;\n    min-height: 44px;\n  }\n\n  .vindi-wizard-options-field {\n    flex-direction: column;\n    gap: 0;\n  }\n}\n\n@media (width <= 767px) and (orientation: landscape) {\n  .vindi-wizard-method {\n    flex-direction: row;\n    align-items: center;\n    padding: 10px 12px;\n  }\n\n  .vindi-wizard-method-left {\n    gap: 8px;\n    max-width: 75%;\n  }\n\n  .vindi-wizard-method-icon {\n    width: 26px;\n    height: 26px;\n  }\n\n  .vindi-wizard-method-title {\n    font-size: 13px;\n  }\n\n  .vindi-wizard-method-desc {\n    font-size: 11px;\n  }\n\n  .vindi-wizard-switch {\n    align-self: center;\n  }\n\n  #vindi-wizard-container {\n    height: auto;\n    padding: 16px;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-title {\n    margin-bottom: 12px;\n    font-size: 18px;\n  }\n\n  .vindi-wizard-subtitle {\n    margin-bottom: 16px;\n    font-size: 12px;\n  }\n\n  .vindi-wizard-section-title {\n    font-size: 15px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 20px 0;\n  }\n}\n\n.vindi-wizard-btn-secondary {\n  color: #00155b;\n  cursor: pointer;\n  background: none;\n  border: 1px solid #00155b;\n  border-radius: 6px;\n  width: auto;\n  padding: 10px 20px;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all .3s;\n}\n\n.vindi-wizard-btn-secondary:hover:not(:disabled) {\n  color: #fff;\n  background: #00155b;\n}\n\n.vindi-wizard-btn-secondary:disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n\n@media (width <= 600px) {\n  .vindi-wizard-btn-secondary {\n    width: 100%;\n  }\n}\n\n.vindi-wizard-section-title {\n  color: #2a2a3c;\n  margin-bottom: 16px;\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n.vindi-wizard-field-desc {\n  color: #6b7280;\n  margin-top: 4px;\n  margin-bottom: 0;\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n#vindi-container {\n  background: #fff;\n  max-width: 1200px;\n  margin: auto;\n  padding: 40px;\n}\n\n.vindi-title {\n  color: #111827;\n  margin-bottom: 24px;\n  font-size: 28px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\n.vindi-tabs {\n  border-bottom: 1px solid #d9d9d9;\n  margin-bottom: 24px;\n  display: flex;\n}\n\n.vindi-tab {\n  color: #58524e;\n  cursor: pointer;\n  margin-right: 32px;\n  padding-bottom: 12px;\n  font-weight: 400;\n  text-decoration: none !important;\n}\n\n.vindi-tab.active {\n  color: #403833;\n  border-bottom: 2px solid #403833;\n  font-weight: 500;\n}\n\n.vindi-warning-box {\n  background: #ebebeb;\n  border-radius: 12px;\n  max-height: 450px;\n  padding: 24px;\n  display: flex;\n}\n\n.vindi-warning-left {\n  width: 70%;\n  padding-right: 12px;\n}\n\n.vindi-warning-text {\n  align-items: flex-start;\n  display: flex;\n}\n\n.vindi-warning-icon {\n  margin-right: 8px;\n  font-size: 24px;\n}\n\n.vindi-warning-title {\n  color: #2a2a3c;\n  margin: 0;\n  font-size: 20px;\n  font-weight: bold;\n}\n\n.vindi-warning-desc {\n  color: #6b7280;\n  font-size: 13px;\n}\n\n.vindi-steps {\n  gap: 16px;\n  margin-top: 32px;\n  display: flex;\n}\n\n.vindi-step {\n  background: #fff;\n  border-radius: 12px;\n  flex-direction: column;\n  justify-content: space-around;\n  width: 100%;\n  padding: 20px;\n  display: flex;\n  box-shadow: 0 1px 2px #0000000f;\n}\n\n.vindi-step-label {\n  color: #6b7280;\n  margin-bottom: 8px;\n  font-size: 13px;\n}\n\n.vindi-step-title {\n  color: #00155b;\n  margin-bottom: 40px;\n  font-size: 15px;\n  font-weight: bold;\n}\n\n.vindi-step-btn {\n  cursor: pointer;\n  border: none;\n  border-radius: 6px;\n  padding: 8px 16px;\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: none;\n}\n\n.vindi-step.completed {\n  background: #f0f9ff;\n  border: 1px solid #bae6fd;\n}\n\n.vindi-step.completed .vindi-step-title {\n  color: #075985;\n}\n\n.vindi-step.completed .vindi-step-label {\n  color: #0369a1;\n  font-weight: 500;\n}\n\n.vindi-btn-done {\n  color: #2e7d32;\n  background: #e6f4ea;\n}\n\n.vindi-btn-config {\n  color: #04195d;\n  background: #fff;\n  border: 1px solid #e7e7e7;\n}\n\n.vindi-test-actions {\n  flex-direction: column;\n  gap: 8px;\n  display: flex;\n}\n\n.vindi-btn-mark-tested {\n  color: #374151;\n  background: #f3f4f6;\n  border: 1px solid #d1d5db;\n  padding: 6px 12px;\n  font-size: 12px;\n}\n\n.vindi-btn-mark-tested:hover {\n  background: #e5e7eb;\n  border-color: #9ca3af;\n}\n\n.vindi-side {\n  width: 30%;\n  padding-left: 12px;\n  position: relative;\n}\n\n.vindi-tutorial-title {\n  color: #fff;\n  margin-bottom: 18px;\n  font-size: 22px;\n  font-weight: bold;\n}\n\n.vindi-tutorial-btn {\n  background: #83838380;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n}\n\n.vindi-progress-text {\n  color: #1e1e2f;\n  text-align: end;\n  padding: 4px 0;\n  font-size: 11px;\n}\n\n.vindi-progress-bar {\n  background: #fff;\n  border-radius: 2px;\n  width: 100px;\n  height: 4px;\n  position: relative;\n  overflow: hidden;\n}\n\n.vindi-progress-fill {\n  background: #00155b;\n  border-radius: 2px;\n  height: 100%;\n  transition: width .3s;\n}\n\n.vindi-box {\n  border-radius: 12px;\n  display: flex;\n}\n\n.vindi-box-left {\n  width: 50%;\n  padding-right: 12px;\n}\n\n.vindi-settings-box {\n  max-width: 500px;\n}\n\n.vindi-btn-save {\n  color: #fff;\n  cursor: pointer;\n  background: #001f3f;\n  border: none;\n  border-radius: 6px;\n  margin-bottom: 24px;\n  padding: 10px 20px;\n  font-weight: 600;\n}\n\n.vindi-field {\n  margin-bottom: 24px;\n}\n\n.vindi-label {\n  color: #1f2937;\n  margin-bottom: 8px;\n  font-weight: 500;\n  display: block;\n}\n\n.vindi-input, .vindi-select {\n  border: 1px solid #e1e1e1 !important;\n  border-radius: 8px !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 6px 10px !important;\n  font-size: 14px !important;\n}\n\n.vindi-field-desc {\n  color: #6b7280;\n  margin-top: 4px;\n  font-size: 12px;\n}\n\n.vindi-section-title {\n  color: #031252;\n  border-bottom: 1px solid #e5e7eb;\n  margin: 30px 0 20px;\n  padding-bottom: 10px;\n  font-size: 18px;\n  font-weight: 600;\n}\n\n.vindi-btn-authorize {\n  color: #fff;\n  cursor: pointer;\n  background: #4f46e5;\n  border: none;\n  border-radius: 4px;\n  margin-top: 8px;\n  padding: 8px 16px;\n  transition: all .3s;\n}\n\n.vindi-btn-authorize:hover:not(:disabled) {\n  background: #4338ca;\n}\n\n.vindi-btn-authorize:disabled {\n  cursor: not-allowed;\n  opacity: .6;\n  background: #9ca3af;\n}\n\n.vindi-color {\n  min-width: 60px;\n  height: 36px;\n  padding: 0;\n}\n\n.vindi-conditional-field {\n  display: none;\n}\n\n.vindi-wizard-divider {\n  background: #e5e7eb;\n  width: 100%;\n  height: 1px;\n  margin: 24px 0;\n}\n\n.vindi-info-block {\n  background: #f0f4ff;\n  border-left: 4px solid #06c;\n  border-radius: 4px;\n  margin: 20px 0;\n  padding: 15px;\n}\n\n.vindi-info-block h4 {\n  color: #06c;\n  margin-top: 0;\n  margin-bottom: 12px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.vindi-info-block ol {\n  margin: 10px 0;\n  padding-left: 20px;\n  line-height: 1.8;\n}\n\n.vindi-info-block ol li {\n  color: #1f2937;\n  margin-bottom: 8px;\n  font-size: 13px;\n}\n\n.vindi-info-block ol li a {\n  color: #06c;\n  font-weight: 600;\n  text-decoration: underline;\n}\n\n.vindi-info-block ol li a:hover {\n  color: #004999;\n}\n\n.vindi-info-block ol li strong {\n  font-weight: 600;\n}\n\n.vindi-method-header {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.vindi-method-actions {\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.vindi-tag {\n  color: #2563eb;\n  background: #e0edff;\n  border-radius: 6px;\n  padding: 2px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  display: none;\n}\n\n.vindi-tag.active {\n  display: inline-block;\n}\n\n#notification-installments-vindi {\n  margin-top: 8px;\n  display: none;\n}\n\n.vindi-error-message {\n  color: #721c24;\n  background: #f8d7da;\n  border: 1px solid #f5c6cb;\n  border-radius: 8px;\n  margin-bottom: 20px;\n  padding: 12px 16px;\n  font-size: 14px;\n}\n\n@media (width <= 1024px) {\n  #vindi-container {\n    max-width: 100%;\n    padding: 24px;\n  }\n\n  .vindi-warning-box {\n    flex-direction: column;\n    max-height: none;\n  }\n\n  .vindi-warning-left {\n    width: 100%;\n    margin-bottom: 24px;\n    padding-right: 0;\n  }\n\n  .vindi-side {\n    width: 100%;\n    padding-left: 0;\n  }\n\n  .vindi-tutorial-card {\n    height: 200px;\n  }\n\n  .vindi-steps {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .vindi-step {\n    min-height: 160px;\n  }\n\n  .vindi-box-left {\n    width: 100%;\n  }\n\n  .vindi-settings-box {\n    max-width: 100%;\n  }\n\n  .vindi-method {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .vindi-method-actions {\n    justify-content: space-between;\n    width: 100%;\n  }\n}\n\n@media (width <= 767px) {\n  #vindi-container {\n    padding: 16px;\n  }\n\n  .vindi-title {\n    margin-bottom: 16px;\n    font-size: 24px;\n  }\n\n  .vindi-tabs {\n    white-space: nowrap;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n  }\n\n  .vindi-tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .vindi-tab {\n    flex-shrink: 0;\n    margin-right: 24px;\n    font-size: 14px;\n  }\n\n  .vindi-warning-box {\n    padding: 16px;\n  }\n\n  .vindi-warning-text {\n    flex-direction: column;\n  }\n\n  .vindi-warning-icon {\n    margin-bottom: 8px;\n    margin-right: 0;\n    font-size: 20px;\n    display: none;\n  }\n\n  .vindi-warning-title {\n    font-size: 18px;\n  }\n\n  .vindi-steps {\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .vindi-step {\n    width: 100%;\n    min-height: auto;\n    padding: 16px;\n  }\n\n  .vindi-step-title {\n    margin-bottom: 16px;\n    font-size: 14px;\n  }\n\n  .vindi-tutorial-title {\n    margin-bottom: 12px;\n    font-size: 18px;\n  }\n\n  .vindi-tutorial-container {\n    font-size: 14px;\n  }\n\n  .vindi-progress-bar {\n    width: 80px;\n  }\n\n  .vindi-section-title {\n    margin: 24px 0 16px;\n    font-size: 16px;\n  }\n\n  .vindi-btn-save {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 16px;\n  }\n\n  .vindi-toggle-item {\n    padding: 12px;\n  }\n\n  .vindi-toggle-title {\n    font-size: 14px;\n  }\n\n  .vindi-toggle-desc {\n    font-size: 11px;\n  }\n\n  .vindi-input, .vindi-select {\n    padding: 10px 12px !important;\n    font-size: 16px !important;\n  }\n\n  .vindi-btn-authorize {\n    width: 100%;\n    margin-top: 12px;\n    padding: 10px 16px;\n  }\n\n  .vindi-color {\n    min-width: 80px;\n    height: 44px;\n  }\n\n  .vindi-method {\n    padding: 12px;\n  }\n\n  .vindi-method-left {\n    gap: 10px;\n  }\n\n  .vindi-method-icon {\n    width: 28px;\n    height: 28px;\n  }\n\n  .vindi-method-title {\n    font-size: 14px;\n  }\n\n  .vindi-method-desc {\n    font-size: 12px;\n  }\n\n  .vindi-step-btn {\n    padding: 6px 12px;\n    font-size: 13px;\n  }\n\n  .vindi-tag.active {\n    padding: 2px 6px;\n    font-size: 10px;\n  }\n\n  .vindi-slider {\n    width: 38px;\n    height: 20px;\n  }\n\n  .vindi-slider:before {\n    width: 14px;\n    height: 14px;\n    bottom: 3px;\n    left: 3px;\n  }\n\n  .vindi-switch input:checked + .vindi-slider:before {\n    transform: translateX(14px);\n  }\n}\n\n@media (width <= 480px) {\n  #vindi-container {\n    padding: 12px;\n  }\n\n  .vindi-title {\n    font-size: 20px;\n  }\n\n  .vindi-tab {\n    margin-right: 16px;\n    padding-bottom: 8px;\n    font-size: 13px;\n  }\n\n  .vindi-warning-box {\n    padding: 12px;\n  }\n\n  .vindi-warning-title {\n    font-size: 16px;\n  }\n\n  .vindi-warning-desc {\n    font-size: 12px;\n  }\n\n  .vindi-step {\n    padding: 12px;\n  }\n\n  .vindi-step-title {\n    margin-bottom: 12px;\n    font-size: 13px;\n  }\n\n  .vindi-step-btn {\n    padding: 6px 12px;\n    font-size: 13px;\n  }\n\n  .vindi-tutorial-card {\n    height: 160px;\n  }\n\n  .vindi-tutorial-content {\n    padding: 16px;\n  }\n\n  .vindi-tutorial-title {\n    margin-bottom: 10px;\n    font-size: 16px;\n  }\n\n  .vindi-tutorial-container {\n    font-size: 13px;\n  }\n\n  .vindi-tutorial-btn {\n    width: 28px;\n    height: 28px;\n  }\n\n  .vindi-progress-text {\n    font-size: 10px;\n  }\n\n  .vindi-progress-bar {\n    width: 60px;\n    height: 3px;\n  }\n\n  .vindi-section-title {\n    margin: 20px 0 12px;\n    font-size: 14px;\n  }\n\n  .vindi-field {\n    margin-bottom: 16px;\n  }\n\n  .vindi-label {\n    margin-bottom: 6px;\n    font-size: 13px;\n  }\n\n  .vindi-toggle-item {\n    margin-bottom: 12px;\n    padding: 10px;\n  }\n\n  .vindi-toggle-title {\n    font-size: 13px;\n  }\n\n  .vindi-toggle-desc, .vindi-field-desc {\n    font-size: 10px;\n  }\n\n  .vindi-switch {\n    width: 36px;\n    height: 20px;\n  }\n\n  .vindi-btn-save {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n\n  .vindi-btn-authorize {\n    padding: 8px 12px;\n    font-size: 14px;\n  }\n\n  .vindi-color {\n    min-width: 70px;\n    height: 40px;\n  }\n\n  .vindi-method {\n    margin-bottom: 12px;\n    padding: 10px;\n  }\n\n  .vindi-method-left {\n    gap: 8px;\n  }\n\n  .vindi-method-icon {\n    width: 24px;\n    height: 24px;\n    padding: 4px;\n  }\n\n  .vindi-method-title {\n    font-size: 13px;\n  }\n\n  .vindi-method-desc {\n    font-size: 11px;\n  }\n\n  .vindi-tag.active {\n    padding: 1px 5px;\n    font-size: 9px;\n  }\n}\n\n@media (width <= 600px) {\n  .vindi-warning-text > div {\n    max-width: 100% !important;\n  }\n\n  .vindi-input, .vindi-select {\n    appearance: none;\n  }\n\n  .vindi-select {\n    background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e\");\n    background-position: right 12px center;\n    background-repeat: no-repeat;\n    background-size: 16px;\n    padding-right: 40px !important;\n  }\n\n  .vindi-btn-save, .vindi-btn-authorize, .vindi-switch {\n    min-height: 44px;\n  }\n\n  .vindi-toggle-item, .vindi-method {\n    min-height: 60px;\n  }\n\n  .vindi-method-actions {\n    gap: 8px;\n  }\n}\n\n@media (width <= 767px) and (orientation: landscape) {\n  .vindi-toggle-item {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .vindi-toggle-texts {\n    max-width: 75%;\n  }\n\n  .vindi-switch {\n    align-self: center;\n  }\n\n  .vindi-method {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .vindi-method-actions {\n    width: auto;\n  }\n}\n\n@media (width <= 360px) {\n  #vindi-container {\n    padding: 8px;\n  }\n\n  .vindi-title {\n    font-size: 18px;\n  }\n\n  .vindi-tab {\n    margin-right: 12px;\n    font-size: 12px;\n  }\n\n  .vindi-method {\n    padding: 8px;\n  }\n\n  .vindi-method-icon {\n    width: 20px;\n    height: 20px;\n    padding: 3px;\n  }\n\n  .vindi-method-title {\n    font-size: 12px;\n  }\n\n  .vindi-method-desc {\n    font-size: 10px;\n  }\n\n  .vindi-step-btn {\n    padding: 4px 8px;\n    font-size: 11px;\n  }\n\n  .vindi-tag.active {\n    padding: 1px 4px;\n    font-size: 8px;\n  }\n\n  .vindi-btn-save {\n    padding: 8px 12px;\n    font-size: 13px;\n  }\n\n  .vindi-label {\n    font-size: 12px;\n  }\n\n  .vindi-input {\n    padding: 6px 8px !important;\n    font-size: 13px !important;\n  }\n}\n\n.vindi-footer {\n  margin-top: 20px;\n  overflow: hidden;\n}\n\n.vindi-footer-dark {\n  background-color: #000;\n  flex-flow: column wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 32px;\n  padding: 32px 40px;\n  display: flex;\n}\n\n.vindi-footer-help {\n  color: #fff;\n  flex-direction: column;\n  gap: 32px;\n  display: flex;\n}\n\n.vindi-footer-help-title {\n  margin: 0 0 4px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.vindi-footer-help-text {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.vindi-footer-help-text a {\n  color: #fff;\n  text-underline-offset: 2px;\n  text-decoration: underline;\n}\n\n.vindi-footer-help-text a:hover {\n  color: #e2e8f0;\n}\n\n.vindi-footer-logos {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 20px;\n  display: flex;\n}\n\n.vindi-footer-logo {\n  object-fit: contain;\n  width: auto;\n  height: 36px;\n}\n\n.vindi-footer-light {\n  background-color: #fff;\n  border-top: 1px solid #e2e8f0;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 20px 40px;\n  display: flex;\n}\n\n.vindi-footer-lwsa-logo {\n  object-fit: contain;\n  height: 32px;\n}\n\n.vindi-footer-copyright {\n  color: #64748b;\n  text-align: center;\n  margin: 0;\n  font-size: 13px;\n}\n\n.vindi-switch {\n  width: 42px;\n  height: 24px;\n  display: inline-block;\n  position: relative;\n}\n\n.vindi-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.vindi-switch .vindi-slider {\n  cursor: pointer;\n  background-color: #d1d5db;\n  border-radius: 24px;\n  transition: all .3s;\n  position: absolute;\n  inset: 0;\n}\n\n.vindi-switch .vindi-slider:before {\n  content: \"\";\n  background-color: #fff;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  transition: all .3s;\n  position: absolute;\n  bottom: 3px;\n  left: 3px;\n  box-shadow: 0 1px 2px #0003;\n}\n\n.vindi-switch input:checked + .vindi-slider {\n  background-color: #2563eb;\n}\n\n.vindi-switch input:checked + .vindi-slider:before {\n  transform: translateX(18px);\n}\n\n.vindi-toggle-item {\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 16px;\n  display: flex;\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.vindi-toggle-texts {\n  max-width: 75%;\n}\n\n.vindi-toggle-title {\n  color: #111827;\n  font-weight: 600;\n  margin: .5em !important;\n}\n\n.vindi-toggle-desc {\n  color: #6b7280;\n  font-size: 12px;\n  margin: .5em !important;\n}\n\n.vindi-method {\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 16px;\n  display: flex;\n  box-shadow: 0 1px 2px #0000000a;\n}\n\n.vindi-method-left {\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.vindi-method-icon {\n  background: #e2e9ff;\n  border-radius: 8px;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  padding: 5px;\n  display: flex;\n}\n\n.vindi-method-icon img {\n  width: 70%;\n  height: 70%;\n}\n\n.vindi-method-title {\n  color: #111827;\n  font-size: 15px;\n  font-weight: 600;\n  margin: .5em !important;\n}\n\n.vindi-method-desc {\n  color: #6b7280;\n  font-size: 13px;\n  margin: .5em !important;\n}\n\n#vindi-container {\n  background: #fff;\n  max-width: 1200px;\n  margin: auto;\n  font-family: Segoe UI, sans-serif;\n}\n\n.vindi-box {\n  border-radius: 12px;\n  gap: 24px;\n  display: flex;\n}\n\n.vindi-box-left {\n  width: 50%;\n}\n\n.vindi-side {\n  width: 50%;\n  position: relative;\n}\n\n.vindi-tutorial-card {\n  background: #1f2937;\n  border-radius: 12px;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.vindi-tutorial-card img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.vindi-tutorial-content {\n  color: #fff;\n  padding: 24px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.vindi-tutorial-title {\n  margin-bottom: 8px;\n  font-size: 18px;\n  font-weight: bold;\n}\n\n.vindi-tutorial-container {\n  color: #fff;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 500;\n  display: flex;\n}\n\n.credit-config {\n  color: #0b0b33;\n  padding: 0 20px;\n  font-family: Segoe UI, sans-serif;\n}\n\n.vindi-back-btn {\n  color: #666;\n  cursor: pointer;\n  background: #ebebeb;\n  border: none;\n  border-radius: 6px;\n  margin-bottom: 20px;\n  padding: 8px 12px;\n  font-size: 14px;\n  transition: background-color .2s;\n}\n\n.vindi-back-btn:hover {\n  background: #d4d4d4;\n}\n\n.vindi-method-icon {\n  background: #e2e9ff;\n}\n\n.vindi-form-label {\n  color: #374151;\n  margin-bottom: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n}\n\n.vindi-input {\n  resize: vertical;\n  max-width: 600px;\n  max-height: 150px;\n  transition: border-color .2s;\n  color: #374151 !important;\n  border: 1px solid #d1d5db !important;\n  border-radius: 8px !important;\n  width: 100% !important;\n  padding: 10px 12px !important;\n  font-size: 14px !important;\n}\n\n.vindi-input:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px #2563eb1a;\n  border-color: #2563eb !important;\n}\n\n.vindi-input[type=\"textarea\"], textarea .vindi-input {\n  min-height: 80px;\n  font-family: inherit;\n}\n\n.vindi-mb {\n  margin-bottom: 22px;\n}\n\n.vindi-btn-primary {\n  color: #fff;\n  cursor: pointer;\n  background: #00155b;\n  border: none;\n  border-radius: 8px;\n  width: 100%;\n  padding: 12px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  transition: background-color .2s;\n}\n\n.vindi-btn-primary:hover {\n  background: #1d4ed8;\n}\n\n.vindi-success-message {\n  color: #155724;\n  background: #d4edda;\n  border: 1px solid #c3e6cb;\n  border-radius: 8px;\n  margin-bottom: 20px;\n  padding: 12px 16px;\n  font-size: 14px;\n}\n\n.vindi-alert {\n  border-radius: 8px;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  font-size: 14px;\n}\n\n.vindi-alert-warning {\n  color: #856404;\n  background-color: #fff3cd;\n  border: 1px solid #ffeaa7;\n}\n\n.vindi-methods-section {\n  background: #f9fafb;\n  border: 1px solid #d9d9d9;\n  border-radius: 12px;\n  margin-top: 8px;\n  padding: 20px;\n}\n\n.vindi-section-title {\n  color: #111827;\n  margin-bottom: 8px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.vindi-section-desc {\n  color: #6b7280;\n  margin-bottom: 16px;\n  font-size: 14px;\n}\n\n.vindi-discount-fields {\n  opacity: 1;\n  background: #f8f9fa;\n  border: 1px solid #e9ecef;\n  border-radius: 12px;\n  max-height: 1000px;\n  margin-bottom: 20px;\n  padding: 20px;\n  transition: all .3s;\n  overflow: hidden;\n}\n\n.vindi-discount-fields.hidden {\n  opacity: 0;\n  max-height: 0;\n  margin-bottom: 0;\n  padding: 0 20px;\n}\n\n.vindi-discount-title {\n  color: #111827;\n  margin-bottom: 12px;\n  font-weight: 600;\n}\n\n.vindi-min-amount-fields {\n  opacity: 1;\n  background: #f8f9fa;\n  border: 1px solid #e9ecef;\n  border-radius: 12px;\n  max-height: 1000px;\n  margin-bottom: 20px;\n  padding: 20px;\n  transition: all .3s;\n  overflow: hidden;\n}\n\n.vindi-min-amount-fields.hidden {\n  opacity: 0;\n  max-height: 0;\n  margin-bottom: 0;\n  padding: 0 20px;\n}\n\n.vindi-checkbox-group {\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 8px;\n  display: flex;\n}\n\n.vindi-checkbox-item {\n  cursor: pointer;\n  background: #f8f9fa;\n  border: 1px solid #e9ecef;\n  border-radius: 8px;\n  align-items: center;\n  padding: 8px 12px;\n  transition: all .2s;\n  display: flex;\n}\n\n.vindi-checkbox-item:hover {\n  background: #e9ecef;\n}\n\n.vindi-checkbox-item input[type=\"checkbox\"] {\n  margin-right: 8px;\n}\n\n.vindi-checkbox-text {\n  color: #495057;\n  font-size: 14px;\n}\n\n@media (width <= 1024px) {\n  .vindi-side {\n    display: none;\n  }\n\n  .vindi-box-left {\n    width: 100%;\n    padding: 0;\n  }\n\n  .vindi-box {\n    flex-direction: column;\n    gap: 0;\n  }\n\n  #vindi-container {\n    max-width: 100%;\n    padding: 24px;\n  }\n\n  .credit-config {\n    padding: 0;\n  }\n}\n\n@media (width <= 767px) {\n  #vindi-container {\n    padding: 16px;\n  }\n\n  .vindi-back-btn {\n    margin-bottom: 16px;\n    padding: 10px 14px;\n    font-size: 13px;\n  }\n\n  .vindi-method, .vindi-toggle-item {\n    margin-bottom: 12px;\n    padding: 12px;\n  }\n\n  .vindi-method-title, .vindi-toggle-title {\n    font-size: 14px;\n  }\n\n  .vindi-method-desc, .vindi-toggle-desc {\n    font-size: 12px;\n  }\n\n  .vindi-form-label {\n    margin-bottom: 5px;\n    font-size: 13px;\n  }\n\n  .vindi-input {\n    padding: 10px 12px !important;\n    font-size: 16px !important;\n  }\n\n  .vindi-mb {\n    margin-bottom: 18px;\n  }\n\n  .vindi-btn-primary {\n    margin-top: 8px;\n    padding: 14px 20px;\n    font-size: 16px;\n  }\n\n  .vindi-discount-fields, .vindi-methods-section {\n    padding: 16px;\n  }\n}\n\n@media (width <= 480px) {\n  #vindi-container {\n    padding: 12px;\n  }\n\n  .vindi-back-btn {\n    padding: 8px 12px;\n    font-size: 12px;\n  }\n\n  .vindi-method, .vindi-toggle-item {\n    margin-bottom: 10px;\n    padding: 10px;\n  }\n\n  .vindi-toggle-texts {\n    max-width: 70%;\n  }\n\n  .vindi-discount-fields, .vindi-methods-section {\n    padding: 12px;\n  }\n}\n\n@media (width <= 600px) {\n  .vindi-btn-primary, .vindi-back-btn, .vindi-switch {\n    min-height: 44px;\n  }\n\n  .vindi-method, .vindi-toggle-item {\n    min-height: 60px;\n  }\n\n  .vindi-input {\n    min-height: 44px;\n  }\n}\n\n/*# sourceMappingURL=index.css.map */\n",".wpl-wrap .notice {\n  display: none;\n}\n\n.block-editor-block-list__layout {\n  padding: 0 !important;\n}\n\n#wvp-payment-link-btn {\n  margin: 0 5px;\n}\n\n.vindi-wizard-close-header {\n  position: fixed;\n  top: 20px;\n  right: 40px;\n  z-index: 999999999999999999;\n}\n\n.vindi-wizard-close-btn {\n  color: white;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  transition: all 0.2s ease;\n  padding: 6px;\n  border-radius: 6px;\n  background: rgba(135, 135, 135, 0.8);\n}\n\n.vindi-wizard-close-btn:hover {\n  background: rgba(79, 79, 79, 0.9);\n  transform: scale(1.1);\n}\n\n.vindi-update-notice {\n  border-left-color: #f0ad4e !important;\n  \n  h3 {\n    color: #f0ad4e;\n    font-size: 16px;\n  }\n  \n  p {\n    line-height: 1.6;\n  }\n  \n  .button {\n    margin-right: 8px;\n    \n    &.vindi-snooze-update {\n      &:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n\n// Import admin files\n@import \"./orders/index.scss\";\n@import \"./subscriptions/index.scss\";\n@import \"./wizard/index.scss\";\n@import \"./onboarding/index.scss\";\n@import \"./payment-config/index.scss\";\n",".wvp-tracking-edit {\n  .wvp-tracking-edit-field {\n    margin: 10px 0 10px 0;\n    input {\n      margin-top: 5px;\n      width: 100%;\n    }\n  }\n\n  .wvp-tracking-edit-message {\n    display: inherit;\n    span {\n      font-size: 12px !important;\n    }\n    i {\n      color: red;\n    }\n\n    &-hidden {\n      display: none;\n    }\n  }\n\n  .wvp-tracking-edit-button {\n    height: 20px;\n    margin: 10px 0;\n    > div {\n      float: right;\n      .wvp-tracking {\n        animation: spin 4s linear infinite;\n        position: relative;\n        top: 5px;\n        right: 5px;\n\n        &-hidden {\n          display: none;\n        }\n      }\n    }\n  }\n\n  @keyframes spin {\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n}\n\ndiv.order_data_column:has(#vindi-payment-link) {\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n#vindi-payment-link {\n  margin: 20px 0;\n\n  div {\n    display: flex;\n    flex-direction: row;\n    gap: 5px;\n\n    > a {\n      padding: 5px 10px;\n      background: #001a9e;\n      border-radius: 3px;\n      color: #ffff;\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n    }\n\n    > button {\n      border-radius: 3px;\n      border: 1px solid #001a9e;\n      background: transparent;\n      display: flex;\n      align-items: center;\n\n      > img {\n        width: 14px;\n      }\n\n      &:hover {\n        cursor: pointer;\n      }\n    }\n\n    &.disabled {\n      opacity: 30%;\n      button,\n      a,\n      img {\n        cursor: default;\n      }\n    }\n  }\n\n  .messages {\n    span {\n      font-size: 10px;\n    }\n  }\n}\n.vindi_payment_link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .vindi-payment-link-button {\n    opacity: 1;\n    color: #fff;\n    background: #001a9e;\n    border-radius: 3px;\n    align-items: center;\n    gap: 3px;\n    min-width: 135px;\n    width: fit-content;\n    padding: 3px 10px;\n    text-decoration: none;\n    display: flex;\n    margin-top: 10px;\n    margin-left: 16px;\n\n    &:hover {\n      opacity: 80%;\n      transition: 0.2s;\n      color: #fff;\n    }\n  }\n}\n","\n#manual-renewal-form {\n  .loader {\n    box-sizing: border-box;\n    border: 3px solid transparent;\n    border-top-color: #bfbfbf;\n    border-left-color: #bfbfbf;\n    border-radius: 50%;\n    width: 15px;\n    height: 15px;\n    animation: 1s linear infinite rotation;\n    display: none;\n    position: relative;\n    top: 5px;\n    left: 10px;\n\n    &.active {\n      display: inline-block;\n    }\n  }\n\n  @keyframes rotation {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n  }\n}\n\n.vindi-payment-profile-container {\n  background: #fff;\n  box-sizing: border-box;\n}\n\n.vindi-section-title {\n  font-size: 14px;\n}\n\n.vindi-th {\n  font-size: 12px !important;\n  font-weight: 400 !important;\n}\n\n.vindi-no-cards {\n  color: #777;\n  font-style: italic;\n  margin-bottom: 0;\n}\n\n.payment-cards-container {\n  margin: 15px 0 5px;\n\n  .actions {\n    margin-top: 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .loader {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border: 2px solid rgba(0, 0, 0, 0.1);\n    border-left-color: #0073aa;\n    border-radius: 50%;\n    animation: loader-spin 0.8s infinite linear;\n  }\n\n  .update-message {\n    display: inline-block;\n    padding: 5px 0;\n    font-weight: 500;\n\n    &.success {\n      color: #46b450;\n    }\n\n    &.error {\n      color: #dc3232;\n    }\n  }\n}\n\n.vindi-cards-table {\n  border-collapse: collapse;\n  margin-bottom: 15px;\n  width: 100%;\n  border: 1px solid #e5e5e5;\n\n  th {\n    background: #f9f9f9;\n    text-align: left;\n    border-bottom: 1px solid #e5e5e5;\n  }\n\n  td {\n    vertical-align: middle;\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  tr:last-child td {\n    border-bottom: none;\n  }\n\n  .column-select {\n    width: 25px;\n    text-align: center;\n  }\n\n  .column-brand {\n    width: 25%;\n  }\n\n  input[type=radio] {\n    margin: 0;\n  }\n}\n\n.vindi-card-row {\n  &:hover {\n    background-color: #f9f9f9;\n  }\n\n  &.selected-card {\n    background-color: #f0f7ff;\n  }\n}\n\n#update-payment-profile-button {\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n}\n\n@keyframes loader-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}","$vindi-primary: #00155b;\n$vindi-primary-hover: #00103d;\n$vindi-text-primary: #2a2a3c;\n$vindi-text-secondary: #666;\n$vindi-text-light: #6b7280;\n$vindi-border: #e1e1e1;\n$vindi-border-light: #e5e7eb;\n$vindi-background-light: #e2e9ff;\n$vindi-background-dark: #1f2937;\n$vindi-background-grey: #ebebeb;\n$vindi-switch-bg: #d1d5db;\n\n#vindi-wizard-modal {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  min-height: 100vh;\n  height: 100vh;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  z-index: 99999;\n  background-color: #fff;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n#vindi-wizard-container {\n  background: #ffffff;\n  display: flex;\n  min-height: 100vh;\n  box-sizing: border-box;\n  position: relative;\n\n  .vindi-wizard-box {\n    border-radius: 12px;\n    display: flex;\n    gap: 24px;\n    padding: 40px 52px;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40%;\n    max-width: 650px;\n\n    &-left {\n      width: 100%;\n    }\n  }\n\n  #vindi-wizard-login,\n  #vindi-wizard-register {\n    padding: 40px 52px;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  #vindi-wizard-token {\n    padding: 40px 52px;\n  }\n}\n\n.vindi-wizard-icons {\n  display: flex;\n  align-items: center;\n  margin-bottom: 8px;\n  gap: 6px;\n\n  img {\n    width: 32px;\n  }\n}\n\n.vindi-wizard-anexo {\n  width: 16px !important;\n}\n\n// Botão de fechar para fullscreen\n.vindi-wizard-close-button {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background: none;\n  border: none;\n  font-size: 24px;\n  cursor: pointer;\n  color: #666;\n  z-index: 1000001;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n\n  &:hover {\n    background-color: #f0f0f0;\n    color: #333;\n  }\n}\n\n.vindi-wizard-icon {\n  height: 32px;\n}\n\n.vindi-wizard-title {\n  font-size: 28px;\n  font-weight: bold;\n  margin-bottom: 24px;\n  color: $vindi-primary;\n  line-height: 1.3;\n}\n\n.vindi-wizard-subtitle {\n  font-size: 14px;\n  color: $vindi-text-secondary;\n  margin-bottom: 32px;\n}\n\n.vindi-wizard-back-btn {\n  border: none;\n  color: $vindi-text-secondary;\n  font-size: 14px;\n  margin-bottom: 20px;\n  cursor: pointer;\n  background: $vindi-background-grey;\n  border-radius: 6px;\n  padding: 8px 12px;\n\n  &:hover {\n    background: $vindi-primary-hover;\n    color: white;\n  }\n}\n\n.vindi-wizard-btn {\n  background-color: $vindi-primary;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  padding: 10px 28px;\n  font-size: 16px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: $vindi-primary-hover;\n  }\n\n  &-icon {\n    width: 24px;\n    height: 24px;\n    margin-left: 8px;\n  }\n\n  &-config {\n    background: $vindi-primary;\n    color: #fff;\n    border: none;\n    padding: 8px 16px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n\n    &:hover {\n      background: $vindi-primary-hover;\n    }\n  }\n  &-login {\n    background: #fff;\n    color: #434343;\n    padding: 8px 16px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    border: 1px solid #969696;\n\n    &:hover {\n      background: $vindi-primary;\n      color: #fff;\n    }\n  }\n}\n\n.vindi-wizard-continue {\n  margin-top: 24px;\n  background: $vindi-primary;\n  color: #fff;\n  border: none;\n  padding: 12px 20px;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 8px;\n  cursor: pointer;\n\n  &:hover {\n    background: $vindi-primary-hover;\n  }\n}\n\n.vindi-wizard-step-btn {\n  transition: background 0.2s ease;\n  text-decoration: none;\n}\n\n.vindi-wizard-field {\n  width: 100%;\n  margin-bottom: 24px;\n\n  &#vindi-wizard-refund-fields {\n    margin-top: 16px;\n  }\n}\n\n.vindi-wizard-label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  color: $vindi-text-primary;\n}\n\n.vindi-wizard-input,\n.vindi-wizard-select {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 6px 10px !important;\n  border: 1px solid $vindi-border !important;\n  border-radius: 8px !important;\n  font-size: 14px !important;\n}\n\n.vindi-wizard-link {\n  color: $vindi-primary;\n  text-decoration: underline;\n  display: block;\n  margin-bottom: 24px;\n}\n\n.vindi-wizard-link-site {\n  color: $vindi-primary;\n  text-decoration: underline;\n  display: block;\n}\n\n.vindi-wizard-options-field {\n  display: flex;\n  justify-content: space-between;\n  gap: 23px;\n}\n\n.vindi-wizard-terms {\n  margin-top: 20px;\n}\n\n.vindi-checkbox-wrapper {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 12px;\n\n  input[type=\"checkbox\"] {\n    margin-right: 10px;\n    margin-top: 3px;\n  }\n\n  label {\n    color: #212529;\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  a {\n    color: $vindi-primary;\n    text-decoration: underline;\n  }\n}\n\n.vindi-wizard-side {\n  border-radius: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  &.vindi-wizard-box & {\n    width: 50%;\n  }\n}\n\n.vindi-wizard-functionalities {\n  padding: 0;\n  background: transparent;\n  color: #0b0b33;\n  font-family: \"Segoe UI\", sans-serif;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.vindi-wizard-method {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fff;\n  border: 1px solid $vindi-border-light;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n  gap: 12px;\n\n  &-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n\n    > div {\n      min-width: 0;\n    }\n  }\n\n  &-icon {\n    height: 32px;\n    width: 32px;\n    background: $vindi-background-light;\n    padding: 5px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    img {\n      width: 70%;\n      height: 70%;\n      object-fit: contain;\n    }\n  }\n\n  &-title {\n    font-weight: 600;\n    margin: 0.5em !important;\n    color: #111827;\n    font-size: 15px;\n    line-height: 1.2;\n    word-wrap: break-word;\n  }\n\n  &-desc {\n    font-size: 13px;\n    color: $vindi-text-light;\n    margin: 0.5em !important;\n    line-height: 1.4;\n    word-wrap: break-word;\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n\n    &-text {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n\n  &-actions {\n    flex-shrink: 0;\n  }\n}\n\n.vindi-wizard-tag {\n  display: none;\n\n  &.active {\n    display: inline-block;\n    background: #e0edff;\n    color: $vindi-primary;\n    font-size: 11px;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-weight: 500;\n    white-space: nowrap;\n    line-height: 1.4;\n  }\n}\n\n.vindi-wizard-switch {\n  position: relative;\n  display: inline-block;\n  width: 42px;\n  height: 24px;\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n\n    &:checked + .vindi-wizard-slider {\n      background-color: #2563eb;\n\n      &::before {\n        transform: translateX(18px);\n      }\n    }\n  }\n}\n\n.vindi-wizard-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: $vindi-switch-bg;\n  transition: 0.4s;\n  border-radius: 24px;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    height: 18px;\n    width: 18px;\n    left: 3px;\n    bottom: 3px;\n    background-color: white;\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n}\n\n.vindi-wizard-tutorial-card {\n  background: $vindi-background-dark;\n  overflow: hidden;\n  position: relative;\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.vindi-wizard-tutorial-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 24px;\n  color: #ffffff;\n}\n\n.vindi-wizard-tutorial-title {\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 8px;\n}\n\n.vindi-wizard-tutorial-container {\n  display: flex;\n  color: white;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.vindi-wizard-success-page {\n  font-family: \"Segoe UI\", sans-serif;\n  text-align: center;\n  padding: 80px 24px;\n  background: #fff;\n  color: #001f3f;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  box-sizing: border-box;\n}\n\n.vindi-wizard-container-login {\n  max-width: 520px;\n}\n\n.vindi-wizard-success-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 32px;\n}\n\n.vindi-wizard-success-title {\n  font-size: 28px;\n  font-weight: bold;\n  margin-bottom: 16px;\n  color: #031252ff;\n  line-height: 1;\n}\n\n.vindi-wizard-success-subtitle {\n  font-size: 14px;\n  color: $vindi-text-secondary;\n  margin-bottom: 32px;\n  line-height: 1.5;\n}\n\n.vindi-wizard-success-button {\n  background: $vindi-primary;\n  color: #fff;\n  padding: 10px 20px;\n  border-radius: 8px;\n  font-weight: 500;\n  text-decoration: none;\n  display: inline-block;\n  transition: background 0.2s ease;\n\n  &:hover {\n    background: $vindi-primary-hover;\n  }\n}\n\n.vindi-wizard-content {\n  display: flex;\n  gap: 40px;\n}\n\n.vindi-wizard-left {\n  flex: 1;\n}\n\n.vindi-wizard-steps {\n  font-size: 14px;\n  line-height: 1.8;\n  color: #333;\n  margin-bottom: 28px;\n}\n\n.vindi-wizard-text {\n  display: flex;\n  gap: 5px;\n  color: #5b5b5b;\n  margin-bottom: 8px;\n}\n\n.vindi-wizard-circle-number {\n  display: flex;\n  width: 20px;\n  height: 20px;\n  background: #dbe3fc;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  color: #5c81f3;\n  margin-right: 8px;\n  flex-shrink: 0;\n}\n\n.vindi-wizard-video {\n  flex: 1;\n  background: #02072e;\n  border-radius: 16px;\n  position: relative;\n  overflow: hidden;\n  min-height: 300px;\n  display: flex;\n\n  iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n    border-radius: 16px;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n}\n\n.vindi-wizard-btn-create-account {\n  display: inline-block;\n  background: transparent;\n  color: $vindi-primary;\n  border: 1px solid $vindi-primary;\n  border-radius: 6px;\n  padding: 10px 28px;\n  font-size: 16px;\n  font-weight: 500;\n  text-decoration: none;\n  text-align: center;\n  cursor: pointer;\n  margin-top: 12px;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n\n  &:hover,\n  &:focus {\n    background: $vindi-primary;\n    color: white;\n    text-decoration: none;\n  }\n\n  &:visited {\n    color: $vindi-primary;\n  }\n\n  &:visited:hover {\n    color: white;\n  }\n}\n\n@media (max-width: 1024px) {\n  .vindi-wizard-side {\n    display: none;\n  }\n\n  .vindi-wizard-left,\n  #vindi-wizard-login,\n  #vindi-wizard-register,\n  .vindi-wizard-box {\n    width: 100% !important;\n    max-width: 100% !important;\n    position: relative !important;\n  }\n\n  .vindi-wizard-box {\n    flex-direction: column;\n    gap: 0;\n    padding: 32px !important;\n  }\n\n  .vindi-wizard-content {\n    flex-direction: column;\n  }\n\n  #vindi-wizard-container {\n    padding: 24px;\n    max-width: 100%;\n  }\n}\n\n@media (max-width: 900px) {\n  .vindi-wizard-box {\n    padding: 28px !important;\n  }\n\n  .vindi-wizard-method {\n    padding: 15px;\n\n    &-title {\n      font-size: 14px;\n    }\n\n    &-desc {\n      font-size: 12px;\n    }\n  }\n\n  .vindi-wizard-title {\n    font-size: 26px;\n  }\n}\n\n@media (max-width: 767px) {\n  #vindi-wizard-container {\n    padding: 16px;\n  }\n\n  #vindi-wizard-login,\n  #vindi-wizard-register {\n    padding: 20px;\n    width: 100%;\n  }\n\n  .vindi-wizard-box {\n    width: 100% !important;\n    padding: 20px !important;\n  }\n\n  .vindi-wizard-title {\n    font-size: 24px;\n    margin-bottom: 16px;\n  }\n\n  .vindi-wizard-subtitle {\n    font-size: 13px;\n    margin-bottom: 24px;\n  }\n\n  .vindi-wizard-back-btn {\n    padding: 10px 14px;\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  .vindi-wizard-continue {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 16px;\n    margin-top: 20px;\n  }\n\n  .vindi-wizard-method {\n    padding: 14px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n\n    &-left {\n      flex: 1;\n      min-width: 0;\n    }\n\n    &-icon {\n      flex-shrink: 0;\n    }\n\n    &-title {\n      font-size: 14px;\n      margin: 0 0 4px 0 !important;\n    }\n\n    &-desc {\n      font-size: 12px;\n      margin: 0 !important;\n    }\n\n    &-actions {\n      flex-shrink: 0;\n    }\n\n    &-header {\n      flex-wrap: wrap;\n      gap: 6px;\n    }\n  }\n\n  .vindi-wizard-tag.active {\n    font-size: 10px;\n    padding: 2px 6px;\n    white-space: nowrap;\n  }\n\n  .vindi-wizard-switch {\n    width: 38px;\n    height: 22px;\n  }\n\n  .vindi-wizard-slider {\n    &::before {\n      height: 16px;\n      width: 16px;\n      left: 3px;\n      bottom: 3px;\n    }\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider::before {\n    transform: translateX(18px);\n  }\n\n  .vindi-wizard-icons {\n    margin-bottom: 20px;\n    gap: 12px;\n\n    img {\n      width: 28px;\n    }\n  }\n\n  .vindi-wizard-anexo {\n    width: 14px !important;\n  }\n\n  .vindi-wizard-btn-create-account,\n  .vindi-wizard-btn-secondary {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 16px;\n    margin-top: 16px;\n  }\n\n  .vindi-wizard-field {\n    margin-bottom: 16px;\n  }\n\n  .vindi-wizard-section-title {\n    font-size: 16px;\n    margin-bottom: 12px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 24px 0;\n  }\n}\n\n@media (max-width: 480px) {\n  #vindi-wizard-container {\n    padding: 12px;\n  }\n\n  #vindi-wizard-login,\n  #vindi-wizard-register {\n    padding: 16px;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-title {\n    font-size: 20px;\n    line-height: 1.3;\n  }\n\n  .vindi-wizard-subtitle {\n    font-size: 12px;\n    margin-bottom: 20px;\n  }\n\n  .vindi-wizard-method {\n    padding: 12px;\n    margin-bottom: 10px;\n\n    &-left {\n      gap: 10px;\n    }\n\n    &-icon {\n      height: 28px;\n      width: 28px;\n      padding: 4px;\n\n      img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    &-title {\n      font-size: 13px;\n      margin: 0 0 3px 0 !important;\n    }\n\n    &-desc {\n      font-size: 11px;\n      line-height: 1.3;\n      margin: 0 !important;\n    }\n\n    &-header {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 4px;\n    }\n  }\n\n  .vindi-wizard-tag.active {\n    font-size: 9px;\n    padding: 2px 5px;\n    margin-top: 2px;\n  }\n\n  .vindi-wizard-slider::before {\n    height: 14px;\n    width: 14px;\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider::before {\n    transform: translateX(16px);\n  }\n\n  .vindi-wizard-continue {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n\n  .vindi-wizard-back-btn {\n    padding: 8px 12px;\n    font-size: 12px;\n  }\n\n  .vindi-wizard-icons {\n    gap: 8px;\n\n    img {\n      width: 24px;\n    }\n  }\n\n  .vindi-wizard-anexo {\n    width: 12px !important;\n  }\n\n  .vindi-wizard-btn-create-account,\n  .vindi-wizard-btn-secondary {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n\n  .vindi-wizard-section-title {\n    font-size: 15px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 20px 0;\n  }\n\n  .vindi-wizard-field {\n    margin-bottom: 14px;\n  }\n\n  .vindi-wizard-label {\n    font-size: 13px;\n  }\n\n  .vindi-wizard-input {\n    font-size: 13px !important;\n  }\n}\n\n@media (max-width: 600px) {\n  #vindi-wizard-login,\n  #vindi-wizard-container,\n  #vindi-wizard-register {\n    padding: 0;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-continue,\n  .vindi-wizard-back-btn,\n  .vindi-wizard-btn,\n  .vindi-wizard-btn-secondary {\n    min-height: 44px;\n  }\n\n  .vindi-wizard-method {\n    min-height: 60px;\n    padding: 12px;\n\n    &-actions {\n      min-width: 44px;\n      min-height: 44px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px;\n    }\n  }\n\n  .vindi-wizard-switch {\n    width: 38px;\n    height: 22px;\n  }\n\n  .vindi-wizard-slider {\n    &::before {\n      height: 14px;\n      width: 14px;\n    }\n  }\n\n  .vindi-wizard-switch input:checked + .vindi-wizard-slider::before {\n    transform: translateX(16px);\n  }\n\n  .vindi-wizard-input,\n  .vindi-wizard-select {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    min-height: 44px;\n  }\n\n  .vindi-wizard-options-field {\n    flex-direction: column;\n    gap: 0px;\n  }\n}\n\n@media (max-width: 767px) and (orientation: landscape) {\n  .vindi-wizard-method {\n    flex-direction: row;\n    align-items: center;\n    padding: 10px 12px;\n\n    &-left {\n      max-width: 75%;\n      gap: 8px;\n    }\n\n    &-icon {\n      height: 26px;\n      width: 26px;\n    }\n\n    &-title {\n      font-size: 13px;\n    }\n\n    &-desc {\n      font-size: 11px;\n    }\n  }\n\n  .vindi-wizard-switch {\n    align-self: center;\n  }\n\n  #vindi-wizard-container {\n    height: auto;\n    padding: 16px;\n  }\n\n  .vindi-wizard-box {\n    padding: 16px !important;\n  }\n\n  .vindi-wizard-title {\n    font-size: 18px;\n    margin-bottom: 12px;\n  }\n\n  .vindi-wizard-subtitle {\n    font-size: 12px;\n    margin-bottom: 16px;\n  }\n\n  .vindi-wizard-section-title {\n    font-size: 15px;\n  }\n\n  .vindi-wizard-divider {\n    margin: 20px 0;\n  }\n}\n\n.vindi-wizard-btn-secondary {\n  background: transparent;\n  color: $vindi-primary;\n  border: 1px solid $vindi-primary;\n  border-radius: 6px;\n  padding: 10px 20px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  width: auto;\n\n  &:hover:not(:disabled) {\n    background: $vindi-primary;\n    color: white;\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  @media (max-width: 600px) {\n    width: 100%;\n  }\n}\n\n.vindi-wizard-divider {\n  height: 1px;\n  background: $vindi-border-light;\n  margin: 32px 0;\n  width: 100%;\n}\n\n.vindi-wizard-section-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: $vindi-text-primary;\n  margin-bottom: 16px;\n  line-height: 1.3;\n}\n\n.vindi-wizard-field-desc {\n  font-size: 12px;\n  color: $vindi-text-light;\n  margin-top: 4px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n","$color-white: #ffffff;\n$color-text: #111827;\n$color-muted: #6b7280;\n$color-primary: #00155b;\n$color-border: #e5e7eb;\n$color-switch-bg: #d1d5db;\n$color-switch-checked: #2563eb;\n\n$color-accent: #403833;\n$color-primary-alt: #001f3f;\n$color-box-bg: #fff;\n$color-soft-border: #e1e1e1ff;\n\n$bp-1024: 1024px;\n$bp-767: 767px;\n$bp-600: 600px;\n$bp-480: 480px;\n$bp-360: 360px;\n\n@mixin mq-max($w) {\n  @media (max-width: $w) {\n    @content;\n  }\n}\n\n.vindi-switch {\n  position: relative;\n  display: inline-block;\n  width: 42px;\n  height: 24px;\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .vindi-slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: $color-switch-bg;\n    transition: 0.3s;\n    border-radius: 24px;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      height: 18px;\n      width: 18px;\n      left: 3px;\n      bottom: 3px;\n      background-color: $color-white;\n      transition: 0.3s;\n      border-radius: 50%;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  input:checked + .vindi-slider {\n    background-color: $color-switch-checked;\n  }\n  input:checked + .vindi-slider::before {\n    transform: translateX(18px);\n  }\n}\n\n.vindi-toggle-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: $color-box-bg;\n  border: 1px solid $color-border;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n.vindi-toggle-texts {\n  max-width: 75%;\n}\n.vindi-toggle-title {\n  font-weight: 600;\n  color: $color-text;\n  margin: 0.5em !important;\n}\n.vindi-toggle-desc {\n  font-size: 12px;\n  color: $color-muted;\n  margin: 0.5em !important;\n}\n\n.vindi-method {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: $color-box-bg;\n  border: 1px solid $color-border;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n\n  &-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  &-icon {\n    height: 32px;\n    width: 32px;\n    background: #e2e9ff;\n    padding: 5px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      width: 70%;\n      height: 70%;\n    }\n  }\n  &-title {\n    font-weight: 600;\n    margin: 0.5em !important;\n    color: $color-text;\n    font-size: 15px;\n  }\n  &-desc {\n    font-size: 13px;\n    color: $color-muted;\n    margin: 0.5em !important;\n  }\n}\n","@use \"../common/shared\" as *;\n\n// Local-only tokens (overrides and extras for onboarding)\n$color-border: #d9d9d9; // overrides default border for this screen\n\n@mixin scrollbar-hide {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n#vindi-container {\n  background: $color-white;\n  padding: 40px;\n  max-width: 1200px;\n  margin: auto;\n}\n\n.vindi-title {\n  font-size: 28px;\n  font-weight: bold;\n  margin-bottom: 24px;\n  color: $color-text;\n  line-height: 1.2;\n}\n\n.vindi-tabs {\n  display: flex;\n  border-bottom: 1px solid $color-border;\n  margin-bottom: 24px;\n}\n\n.vindi-tab {\n  margin-right: 32px;\n  padding-bottom: 12px;\n  font-weight: 400;\n  color: #58524e;\n  cursor: pointer;\n  text-decoration: none !important;\n\n  &.active {\n    border-bottom: 2px solid $color-accent;\n    color: $color-accent;\n    font-weight: 500;\n  }\n}\n\n.vindi-warning-box {\n  background: #ebebebff;\n  border-radius: 12px;\n  display: flex;\n  padding: 24px;\n  max-height: 450px;\n}\n\n.vindi-warning-left {\n  width: 70%;\n  padding-right: 12px;\n}\n.vindi-warning-text {\n  display: flex;\n  align-items: flex-start;\n}\n.vindi-warning-icon {\n  font-size: 24px;\n  margin-right: 8px;\n}\n.vindi-warning-title {\n  font-size: 20px;\n  font-weight: bold;\n  color: #2a2a3c;\n  margin: 0;\n}\n.vindi-warning-desc {\n  font-size: 13px;\n  color: $color-muted;\n}\n\n.vindi-steps {\n  display: flex;\n  gap: 16px;\n  margin-top: 32px;\n}\n\n.vindi-step {\n  background: $color-white;\n  border-radius: 12px;\n  padding: 20px;\n  width: 100%;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n\n  &-label {\n    color: $color-muted;\n    font-size: 13px;\n    margin-bottom: 8px;\n  }\n  &-title {\n    font-weight: bold;\n    color: $color-primary;\n    margin-bottom: 40px;\n    font-size: 15px;\n  }\n\n  &-btn {\n    border: none;\n    border-radius: 6px;\n    padding: 8px 16px;\n    font-weight: 500;\n    cursor: pointer;\n    font-size: 14px;\n    text-decoration: none;\n  }\n\n  &.completed {\n    background: #f0f9ff;\n    border: 1px solid #bae6fd;\n\n    .vindi-step-title {\n      color: #075985;\n    }\n    .vindi-step-label {\n      color: #0369a1;\n      font-weight: 500;\n    }\n  }\n}\n\n.vindi-btn-done {\n  background: #e6f4ea;\n  color: #2e7d32;\n}\n.vindi-btn-config {\n  background: $color-white;\n  color: #04195d;\n  border: 1px solid #e7e7e7ff;\n}\n\n.vindi-test-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.vindi-btn-mark-tested {\n  background: #f3f4f6;\n  color: #374151;\n  border: 1px solid #d1d5db;\n  font-size: 12px;\n  padding: 6px 12px;\n  &:hover {\n    background: #e5e7eb;\n    border-color: #9ca3af;\n  }\n}\n\n.vindi-side {\n  width: 30%;\n  padding-left: 12px;\n  position: relative;\n}\n\n.vindi-tutorial-card {\n  background: #1f2937;\n  border-radius: 12px;\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.vindi-tutorial-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 24px;\n  color: $color-white;\n}\n.vindi-tutorial-title {\n  font-size: 22px;\n  font-weight: bold;\n  margin-bottom: 18px;\n  color: $color-white;\n}\n.vindi-tutorial-container {\n  display: flex;\n  color: $color-white;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n.vindi-tutorial-btn {\n  background: rgb(131 131 131 / 50%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  padding: 0;\n}\n\n.vindi-progress-text {\n  font-size: 11px;\n  padding: 4px 0;\n  color: #1e1e2f;\n  text-align: end;\n}\n.vindi-progress-bar {\n  position: relative;\n  width: 100px;\n  height: 4px;\n  background: $color-white;\n  border-radius: 2px;\n  overflow: hidden;\n}\n.vindi-progress-fill {\n  height: 100%;\n  background: $color-primary;\n  border-radius: 2px;\n  transition: width 0.3s ease;\n}\n\n.vindi-box {\n  border-radius: 12px;\n  display: flex;\n}\n.vindi-box-left {\n  width: 50%;\n  padding-right: 12px;\n}\n\n.vindi-settings-box {\n  max-width: 500px;\n}\n\n.vindi-btn-save {\n  background: $color-primary-alt;\n  color: $color-white;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 6px;\n  font-weight: 600;\n  cursor: pointer;\n  margin-bottom: 24px;\n}\n\n.vindi-field {\n  margin-bottom: 24px;\n}\n.vindi-label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  color: #1f2937;\n}\n\n.vindi-input,\n.vindi-select {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 6px 10px !important;\n  border: 1px solid $color-soft-border !important;\n  border-radius: 8px !important;\n  font-size: 14px !important;\n}\n\n.vindi-field-desc {\n  font-size: 12px;\n  color: $color-muted;\n  margin-top: 4px;\n}\n.vindi-section-title {\n  font-size: 18px;\n  font-weight: 600;\n  margin: 30px 0 20px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #e5e7eb;\n  color: #031252ff;\n}\n.vindi-btn-authorize {\n  background: #4f46e5;\n  color: $color-white;\n  padding: 8px 16px;\n  border: none;\n  border-radius: 4px;\n  margin-top: 8px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n\n  &:hover:not(:disabled) {\n    background: #4338ca;\n  }\n\n  &:disabled {\n    background: #9ca3af;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n}\n.vindi-color {\n  height: 36px;\n  padding: 0;\n  min-width: 60px;\n}\n.vindi-conditional-field {\n  display: none;\n}\n\n.vindi-wizard-divider {\n  width: 100%;\n  height: 1px;\n  background: #e5e7eb;\n  margin: 24px 0;\n}\n\n.vindi-info-block {\n  background: #f0f4ff;\n  border-left: 4px solid #0066cc;\n  padding: 15px;\n  margin: 20px 0;\n  border-radius: 4px;\n\n  h4 {\n    margin-top: 0;\n    margin-bottom: 12px;\n    color: #0066cc;\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  ol {\n    margin: 10px 0;\n    padding-left: 20px;\n    line-height: 1.8;\n\n    li {\n      margin-bottom: 8px;\n      color: #1f2937;\n      font-size: 13px;\n\n      a {\n        color: #0066cc;\n        text-decoration: underline;\n        font-weight: 600;\n\n        &:hover {\n          color: #004999;\n        }\n      }\n\n      strong {\n        font-weight: 600;\n      }\n    }\n  }\n}\n\n.vindi-method {\n  &-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  &-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n}\n\n.vindi-tag {\n  display: none;\n  background: #e0edff;\n  color: #2563eb;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 6px;\n  font-weight: 500;\n  &.active {\n    display: inline-block;\n  }\n}\n\n.vindi-success-message {\n  background: #d4edda;\n  color: #155724;\n  border: 1px solid #c3e6cb;\n  border-radius: 8px;\n  padding: 12px 16px;\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n#notification-installments-vindi {\n  display: none;\n  margin-top: 8px;\n}\n\n.vindi-error-message {\n  background: #f8d7da;\n  color: #721c24;\n  border: 1px solid #f5c6cb;\n  border-radius: 8px;\n  padding: 12px 16px;\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n@include mq-max($bp-1024) {\n  #vindi-container {\n    padding: 24px;\n    max-width: 100%;\n  }\n\n  .vindi-warning-box {\n    flex-direction: column;\n    max-height: none;\n  }\n  .vindi-warning-left {\n    width: 100%;\n    padding-right: 0;\n    margin-bottom: 24px;\n  }\n  .vindi-side {\n    width: 100%;\n    padding-left: 0;\n  }\n  .vindi-tutorial-card {\n    height: 200px;\n  }\n  .vindi-steps {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n  .vindi-step {\n    min-height: 160px;\n  }\n\n  .vindi-box-left {\n    width: 100%;\n  }\n  .vindi-settings-box {\n    max-width: 100%;\n  }\n  .vindi-method {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  .vindi-method-actions {\n    width: 100%;\n    justify-content: space-between;\n  }\n}\n\n@include mq-max($bp-767) {\n  #vindi-container {\n    padding: 16px;\n  }\n  .vindi-title {\n    font-size: 24px;\n    margin-bottom: 16px;\n  }\n\n  .vindi-tabs {\n    overflow-x: auto;\n    white-space: nowrap;\n    @include scrollbar-hide;\n  }\n  .vindi-tab {\n    margin-right: 24px;\n    font-size: 14px;\n    flex-shrink: 0;\n  }\n\n  .vindi-warning-box {\n    padding: 16px;\n  }\n  .vindi-warning-text {\n    flex-direction: column;\n  }\n  .vindi-warning-icon {\n    display: none;\n    font-size: 20px;\n    margin-bottom: 8px;\n    margin-right: 0;\n  }\n  .vindi-warning-title {\n    font-size: 18px;\n  }\n  .vindi-steps {\n    gap: 12px;\n    margin-top: 24px;\n  }\n  .vindi-step {\n    width: 100%;\n    padding: 16px;\n    min-height: auto;\n  }\n  .vindi-step-title {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .vindi-tutorial-title {\n    font-size: 18px;\n    margin-bottom: 12px;\n  }\n  .vindi-tutorial-container {\n    font-size: 14px;\n  }\n  .vindi-progress-bar {\n    width: 80px;\n  }\n\n  .vindi-section-title {\n    font-size: 16px;\n    margin: 24px 0 16px;\n  }\n  .vindi-btn-save {\n    width: 100%;\n    padding: 12px 20px;\n    font-size: 16px;\n  }\n  .vindi-toggle-item {\n    padding: 12px;\n  }\n  .vindi-toggle-title {\n    font-size: 14px;\n  }\n  .vindi-toggle-desc {\n    font-size: 11px;\n  }\n  .vindi-input,\n  .vindi-select {\n    padding: 10px 12px !important;\n    font-size: 16px !important;\n  }\n  .vindi-btn-authorize {\n    width: 100%;\n    padding: 10px 16px;\n    margin-top: 12px;\n  }\n  .vindi-color {\n    height: 44px;\n    min-width: 80px;\n  }\n\n  .vindi-method {\n    padding: 12px;\n  }\n  .vindi-method-left {\n    gap: 10px;\n  }\n  .vindi-method-icon {\n    height: 28px;\n    width: 28px;\n  }\n  .vindi-method-title {\n    font-size: 14px;\n  }\n  .vindi-method-desc {\n    font-size: 12px;\n  }\n  .vindi-step-btn {\n    padding: 6px 12px;\n    font-size: 13px;\n  }\n  .vindi-tag.active {\n    font-size: 10px;\n    padding: 2px 6px;\n  }\n\n  .vindi-slider {\n    width: 38px;\n    height: 20px;\n  }\n  .vindi-slider::before {\n    height: 14px;\n    width: 14px;\n    left: 3px;\n    bottom: 3px;\n  }\n  .vindi-switch input:checked + .vindi-slider::before {\n    transform: translateX(14px);\n  }\n}\n\n@include mq-max($bp-480) {\n  #vindi-container {\n    padding: 12px;\n  }\n  .vindi-title {\n    font-size: 20px;\n  }\n  .vindi-tab {\n    margin-right: 16px;\n    font-size: 13px;\n    padding-bottom: 8px;\n  }\n  .vindi-warning-box {\n    padding: 12px;\n  }\n  .vindi-warning-title {\n    font-size: 16px;\n  }\n  .vindi-warning-desc {\n    font-size: 12px;\n  }\n  .vindi-step {\n    padding: 12px;\n  }\n  .vindi-step-title {\n    font-size: 13px;\n    margin-bottom: 12px;\n  }\n  .vindi-step-btn {\n    padding: 6px 12px;\n    font-size: 13px;\n  }\n  .vindi-tutorial-card {\n    height: 160px;\n  }\n  .vindi-tutorial-content {\n    padding: 16px;\n  }\n  .vindi-tutorial-title {\n    font-size: 16px;\n    margin-bottom: 10px;\n  }\n  .vindi-tutorial-container {\n    font-size: 13px;\n  }\n  .vindi-tutorial-btn {\n    width: 28px;\n    height: 28px;\n  }\n  .vindi-progress-text {\n    font-size: 10px;\n  }\n  .vindi-progress-bar {\n    width: 60px;\n    height: 3px;\n  }\n\n  .vindi-section-title {\n    font-size: 14px;\n    margin: 20px 0 12px;\n  }\n  .vindi-field {\n    margin-bottom: 16px;\n  }\n  .vindi-label {\n    font-size: 13px;\n    margin-bottom: 6px;\n  }\n  .vindi-toggle-item {\n    padding: 10px;\n    margin-bottom: 12px;\n  }\n  .vindi-toggle-title {\n    font-size: 13px;\n  }\n  .vindi-toggle-desc {\n    font-size: 10px;\n  }\n  .vindi-field-desc {\n    font-size: 10px;\n  }\n  .vindi-switch {\n    width: 36px;\n    height: 20px;\n  }\n  .vindi-btn-save {\n    padding: 10px 16px;\n    font-size: 14px;\n  }\n  .vindi-btn-authorize {\n    padding: 8px 12px;\n    font-size: 14px;\n  }\n  .vindi-color {\n    height: 40px;\n    min-width: 70px;\n  }\n  .vindi-method {\n    padding: 10px;\n    margin-bottom: 12px;\n  }\n  .vindi-method-left {\n    gap: 8px;\n  }\n  .vindi-method-icon {\n    height: 24px;\n    width: 24px;\n    padding: 4px;\n  }\n  .vindi-method-title {\n    font-size: 13px;\n  }\n  .vindi-method-desc {\n    font-size: 11px;\n  }\n  .vindi-tag.active {\n    font-size: 9px;\n    padding: 1px 5px;\n  }\n}\n\n@include mq-max($bp-600) {\n  .vindi-warning-text > div {\n    max-width: 100% !important;\n  }\n\n  .vindi-input,\n  .vindi-select {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n  .vindi-select {\n    background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    background-size: 16px;\n    padding-right: 40px !important;\n  }\n\n  .vindi-btn-save,\n  .vindi-btn-authorize,\n  .vindi-switch {\n    min-height: 44px;\n  }\n  .vindi-toggle-item {\n    min-height: 60px;\n  }\n  .vindi-method {\n    min-height: 60px;\n  }\n  .vindi-method-actions {\n    gap: 8px;\n  }\n}\n\n@media (max-width: #{$bp-767}) and (orientation: landscape) {\n  .vindi-toggle-item {\n    flex-direction: row;\n    align-items: center;\n  }\n  .vindi-toggle-texts {\n    max-width: 75%;\n  }\n  .vindi-switch {\n    align-self: center;\n  }\n  .vindi-method {\n    flex-direction: row;\n    align-items: center;\n  }\n  .vindi-method-actions {\n    width: auto;\n  }\n}\n\n@include mq-max($bp-360) {\n  #vindi-container {\n    padding: 8px;\n  }\n  .vindi-title {\n    font-size: 18px;\n  }\n  .vindi-tab {\n    margin-right: 12px;\n    font-size: 12px;\n  }\n  .vindi-method {\n    padding: 8px;\n  }\n  .vindi-method-icon {\n    height: 20px;\n    width: 20px;\n    padding: 3px;\n  }\n  .vindi-method-title {\n    font-size: 12px;\n  }\n  .vindi-method-desc {\n    font-size: 10px;\n  }\n  .vindi-step-btn {\n    padding: 4px 8px;\n    font-size: 11px;\n  }\n  .vindi-tag.active {\n    font-size: 8px;\n    padding: 1px 4px;\n  }\n  .vindi-btn-save {\n    font-size: 13px;\n    padding: 8px 12px;\n  }\n  .vindi-label {\n    font-size: 12px;\n  }\n  .vindi-input {\n    font-size: 13px !important;\n    padding: 6px 8px !important;\n  }\n}\n\n// Footer styles shared across all onboarding pages\n@import 'footer';\n",".vindi-footer {\n    margin-top: 20px;\n    overflow: hidden;\n}\n\n.vindi-footer-dark {\n    background-color: #000000;\n    padding: 32px 40px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 32px;\n}\n\n.vindi-footer-help {\n    color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vindi-footer-help-title {\n    font-size: 16px;\n    font-weight: 600;\n    margin: 0 0 4px 0;\n}\n\n.vindi-footer-help-text {\n    font-size: 14px;\n    margin: 0;\n    line-height: 1.5;\n\n    a {\n        color: #ffffff;\n        text-decoration: underline;\n        text-underline-offset: 2px;\n\n        &:hover {\n            color: #e2e8f0;\n        }\n    }\n}\n\n.vindi-footer-logos {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    flex-wrap: wrap;\n}\n\n.vindi-footer-logo {\n    height: 36px;\n    width: auto;\n    object-fit: contain;\n}\n\n.vindi-footer-light {\n    background-color: #ffffff;\n    border-top: 1px solid #e2e8f0;\n    padding: 20px 40px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n}\n\n.vindi-footer-lwsa-logo {\n    height: 32px;\n    object-fit: contain;\n}\n\n.vindi-footer-copyright {\n    color: #64748b;\n    font-size: 13px;\n    margin: 0;\n    text-align: center;\n}\n","@use \"../common/shared\" as *;\n\n$color-headline: #1f2937;\n$color-primary-hover: #1d4ed8;\n$color-soft-border: #e9ecef;\n$color-soft-bg: #f8f9fa;\n$color-panel-bg: #f9fafb;\n$color-method-icon-bg: #e2e9ff;\n$color-tutorial-bg: #1f2937;\n\n$color-success-bg: #d4edda;\n$color-success-text: #155724;\n$color-success-border: #c3e6cb;\n$color-warn-bg: #fff3cd;\n$color-warn-border: #ffeaa7;\n$color-warn-text: #856404;\n@mixin collapsible {\n  transition: all 0.3s ease;\n  opacity: 1;\n  max-height: 1000px;\n  overflow: hidden;\n  &.hidden {\n    opacity: 0;\n    max-height: 0;\n    padding: 0 20px;\n    margin-bottom: 0;\n  }\n}\n\n#vindi-container {\n  font-family: \"Segoe UI\", sans-serif;\n  background: $color-white;\n  max-width: 1200px;\n  margin: auto;\n}\n\n.vindi-box {\n  border-radius: 12px;\n  display: flex;\n  gap: 24px;\n  &-left {\n    width: 50%;\n  }\n}\n.vindi-side {\n  width: 50%;\n  position: relative;\n}\n\n.vindi-tutorial-card {\n  background: $color-tutorial-bg;\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n  border-radius: 12px;\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n.vindi-tutorial-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 24px;\n  color: $color-white;\n}\n.vindi-tutorial-title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 8px;\n}\n.vindi-tutorial-container {\n  display: flex;\n  color: $color-white;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.credit-config {\n  font-family: \"Segoe UI\", sans-serif;\n  color: #0b0b33;\n  padding: 0 20px;\n}\n\n.vindi-back-btn {\n  border: none;\n  color: #666;\n  font-size: 14px;\n  margin-bottom: 20px;\n  cursor: pointer;\n  background: #ebebeb;\n  border-radius: 6px;\n  padding: 8px 12px;\n  transition: background-color 0.2s ease;\n  &:hover {\n    background: #d4d4d4;\n  }\n}\n\n.vindi-method {\n  &-icon { background: $color-method-icon-bg; }\n}\n\n.vindi-form-label {\n  font-size: 14px;\n  font-weight: 500;\n  margin-bottom: 6px;\n  display: block;\n  color: #374151;\n}\n.vindi-input {\n  width: 100% !important;\n  padding: 10px 12px !important;\n  border: 1px solid #d1d5db !important;\n  border-radius: 8px !important;\n  font-size: 14px !important;\n  color: #374151 !important;\n  resize: vertical;\n  transition: border-color 0.2s ease;\n  max-height: 150px;\n  max-width: 600px;\n  &:focus {\n    outline: none;\n    border-color: $color-switch-checked !important;\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n  }\n  &[type=\"textarea\"],\n  textarea & {\n    min-height: 80px;\n    font-family: inherit;\n  }\n}\n.vindi-mb {\n  margin-bottom: 22px;\n}\n.vindi-btn-primary {\n  background: $color-primary;\n  color: $color-white;\n  border: none;\n  font-size: 14px;\n  font-weight: 500;\n  padding: 12px 24px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  width: 100%;\n  &:hover {\n    background: $color-primary-hover;\n  }\n}\n\n.vindi-success-message {\n  background: $color-success-bg;\n  color: $color-success-text;\n  border: 1px solid $color-success-border;\n  border-radius: 8px;\n  padding: 12px 16px;\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n.vindi-alert {\n  padding: 12px 16px;\n  border-radius: 8px;\n  margin-bottom: 16px;\n  font-size: 14px;\n  &-warning {\n    background-color: $color-warn-bg;\n    border: 1px solid $color-warn-border;\n    color: $color-warn-text;\n  }\n}\n\n.vindi-methods-section {\n  background: $color-panel-bg;\n  border: 1px solid $color-border;\n  border-radius: 12px;\n  padding: 20px;\n  margin-top: 8px;\n}\n.vindi-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  color: $color-text;\n}\n.vindi-section-desc {\n  font-size: 14px;\n  color: $color-muted;\n  margin-bottom: 16px;\n}\n.vindi-discount-fields {\n  background: $color-soft-bg;\n  border: 1px solid $color-soft-border;\n  border-radius: 12px;\n  padding: 20px;\n  margin-bottom: 20px;\n  @include collapsible;\n}\n.vindi-discount-title {\n  font-weight: 600;\n  margin-bottom: 12px;\n  color: $color-text;\n}\n.vindi-min-amount-fields {\n  background: $color-soft-bg;\n  border: 1px solid $color-soft-border;\n  border-radius: 12px;\n  padding: 20px;\n  margin-bottom: 20px;\n  @include collapsible;\n}\n\n.vindi-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 8px;\n}\n.vindi-checkbox-item {\n  display: flex;\n  align-items: center;\n  background: $color-soft-bg;\n  border: 1px solid $color-soft-border;\n  border-radius: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  &:hover {\n    background: $color-soft-border;\n  }\n  input[type=\"checkbox\"] {\n    margin-right: 8px;\n  }\n}\n.vindi-checkbox-text {\n  font-size: 14px;\n  color: #495057;\n}\n\n@include mq-max($bp-1024) {\n  .vindi-side {\n    display: none;\n  }\n  .vindi-box-left {\n    width: 100%;\n    padding: 0;\n  }\n  .vindi-box {\n    flex-direction: column;\n    gap: 0;\n  }\n  #vindi-container {\n    padding: 24px;\n    max-width: 100%;\n  }\n  .credit-config {\n    padding: 0;\n  }\n}\n@include mq-max($bp-767) {\n  #vindi-container {\n    padding: 16px;\n  }\n  .vindi-back-btn {\n    padding: 10px 14px;\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n  .vindi-method,\n  .vindi-toggle-item {\n    padding: 12px;\n    margin-bottom: 12px;\n  }\n  .vindi-method-title,\n  .vindi-toggle-title {\n    font-size: 14px;\n  }\n  .vindi-method-desc,\n  .vindi-toggle-desc {\n    font-size: 12px;\n  }\n  .vindi-form-label {\n    font-size: 13px;\n    margin-bottom: 5px;\n  }\n  .vindi-input {\n    padding: 10px 12px !important;\n    font-size: 16px !important;\n  }\n  .vindi-mb {\n    margin-bottom: 18px;\n  }\n  .vindi-btn-primary {\n    padding: 14px 20px;\n    font-size: 16px;\n    margin-top: 8px;\n  }\n  .vindi-discount-fields,\n  .vindi-methods-section {\n    padding: 16px;\n  }\n}\n@include mq-max($bp-480) {\n  #vindi-container {\n    padding: 12px;\n  }\n  .vindi-back-btn {\n    padding: 8px 12px;\n    font-size: 12px;\n  }\n  .vindi-method,\n  .vindi-toggle-item {\n    padding: 10px;\n    margin-bottom: 10px;\n  }\n  .vindi-toggle-texts {\n    max-width: 70%;\n  }\n  .vindi-discount-fields,\n  .vindi-methods-section {\n    padding: 12px;\n  }\n}\n@include mq-max($bp-600) {\n  .vindi-btn-primary,\n  .vindi-back-btn,\n  .vindi-switch {\n    min-height: 44px;\n  }\n  .vindi-method,\n  .vindi-toggle-item {\n    min-height: 60px;\n  }\n  .vindi-input {\n    min-height: 44px;\n  }\n}\n"],"names":[],"version":3,"file":"index.css.map"}