{"version":3,"file":"dashboard.css","mappings":";;;AAAA;EACI;EACA;EACA;EACA;EACA;ACCJ;;ADKI;;;EACI;EACA;EACA;ACAR;;ADIA;EACI;EACA;EACA;ACDJ;ADGI;EACI;EACA;EACA;ACDR;;ADKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACFJ;ADII;EACI;EACA;ACFR;;ADMA;EACI;EACA;ACHJ;ADKI;EACI;EACA;ACHR;;ADOA;EACI;EACA;ACJJ;ADMI;EACI;EACA;ACJR;;ADQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACLJ;ADOI;EACI;ACLR;ADQI;EACI;ACNR;;AC/EA;EACI;EACA;EACA;EACA;ADkFJ;;AC/EA;EACI;EACA;ADkFJ;;AC/EA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ADkFJ;AChFI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ADkFR;AChFQ;EACI;ADkFZ;AC9EI;EACI;EACA;EACA;ADgFR;AC7EI;EACI;EACA;AD+ER;AC7EQ;EACI;EACA;EACA;AD+EZ;;AC1EA;EACI;EACA;EACA;EACA;EACA;AD6EJ;AC3EI;EACI;EACA;EACA;EACA;EACA;AD6ER;AC1EI;EACI;EACA;EACA;AD4ER;ACzEI;EACI;EACA;EACA;AD2ER;ACxEI;EACI;EACA;EACA;EACA;AD0ER;ACxEQ;EACI;EACA;EACA;EACA;EACA;AD0EZ;ACvEQ;EACI;EACA;EACA;ADyEZ;ACrEI;EACI;EACA;EACA;EACA;ADuER;;ACnEA;EACI;EACA;EACA;EACA;EACA;ADsEJ;ACpEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEI;EACA;EAEJ;EACA;ADoER;ACjEI;EAEQ;EACA;EAEJ;EACA;ADiER;AC9DI;EACI;EACA;EACA;EACA;ADgER;AC7DI;EACI;EACA;EACA;AD+DR;AC7DQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+DZ;AC7DY;EACI;AD+DhB;AC1DI;EACI;EACA;AD4DR;;AEvOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AF0OJ;AExOI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AF0OR;AEvOI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFyOR;AEvOQ;EACI;EACA;AFyOZ;AErOI;EACI;EACA;EACA;EACA;EACA;AFuOR;AEpOI;EACI;EACA;EACA;AFsOR;AEnOI;EACI;EACA;EACA;EACA;AFqOR;;AEjOA;EACI;EACA;EACA;EACA;AFoOJ;AElOI;EACI;EACA;EACA;EACA;AFoOR;AElOQ;EACI;EACA;EACA;AFoOZ;AEjOQ;EACI;EACA;EACA;AFmOZ;AE/NI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiOR;AE/NQ;EACI;EACA;AFiOZ;;AGrUA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHwUJ;AGtUI;EACI;EACA;EACA;EAGI;EACA;EAEJ;AHqUR;AGlUI;EACI;EACA;AHoUR;;AGhUA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AHmUJ;;AGhUA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEI;EACA;EAEJ;EACA;EACA;AHiUJ;AG/TI;EAEI;EACA;AHgUR;AG7TI;EAEI;EACA;AH8TR;;AG1TA;EACI;AH6TJ;AG3TI;EACI;EACA;AH6TR;;AGzTA;EACI;IACI;IACA;EH4TN;EG1TE;IACI;IACA;EH4TN;AACF;AGzTA;EACI;EACA;EACA;EACA;AH2TJ;AGzTI;EACI;EACA;AH2TR;AGxTI;EACI;EACA;EACA;EACA;EACA;EACA;AH0TR;AGxTQ;EACI;EACA;EACA;EACA;EACA;EACA;AH0TZ;AGxTY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0ThB;AGtTQ;EACI;EACA;AHwTZ;AGpTI;EACI;AHsTR;AGnTI;EACI;EACA;EACA;EACA;EACA;AHqTR;AGnTQ;EACI;EACA;EACA;AHqTZ;AGnTY;EACI;AHqThB;AGnTgB;EACI;AHqTpB;AG/SI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHiTR;AG/SQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHiTZ;AG7SI;EACI;AH+SR;AG3SQ;EACI;AH6SZ;AG1SQ;EACI;EACA;EAEI;EACA;EAEJ;EACA;AH0SZ;AGtSI;EACI;EACA;EACA;AHwSR;AGtSQ;EACI;AHwSZ;AGrSQ;EACI;EACA;EACA;EACA;EACA;EACA;AHuSZ;AGpSQ;EACI;EACA;EACA;EACA;AHsSZ;AGnSQ;EACI;AHqSZ;AGlSQ;;;EAGI;EACA;EACA;EACA;AHoSZ;AGlSY;;;EACI;EACA;EACA;AHsShB;AGlSQ;EACI;AHoSZ;AGjSQ;EACI;EACA;EACA;AHmSZ;AGhSQ;EACI;AHkSZ,C","sources":["webpack://fancy-post-grid/./src/scss/admin/_base.scss","webpack://fancy-post-grid/./src/scss/dashboard.scss","webpack://fancy-post-grid/./src/scss/admin/_welcome.scss","webpack://fancy-post-grid/./src/scss/admin/_site-builder.scss","webpack://fancy-post-grid/./src/scss/admin/_settings.scss"],"sourcesContent":[":root {\r\n    --fpg-primary: #034EA2;\r\n    --fpg-secondary: #00A99D;\r\n    --fpg-light: #f8fafc;\r\n    --fpg-white: #ffffff;\r\n    --fpg-title: #121212;\r\n}\r\n\r\n.toplevel_page_fancy-post-grid,\r\n.fancy-post-grid_page_fancy-post-grid-site-builder,\r\n.fancy-post-grid_page_fancy-post-grid-settings {\r\n    #wpcontent {\r\n        background-color: var(--fpg-light);\r\n        padding-right: 20px;\r\n        min-height: calc(100vh - 32px);\r\n    }\r\n}\r\n\r\n.fpg-admin-wrapper {\r\n    max-width: 1375px;\r\n    margin: 0 auto;\r\n    padding-top: 50px;\r\n\r\n    svg {\r\n        width: 1em;\r\n        height: 1em;\r\n        fill: currentColor;\r\n    }\r\n}\r\n\r\n.fpg-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 28px;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n\r\n    &:focus {\r\n        outline: none;\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.fpg-button-primary {\r\n    color: var(--fpg-white);\r\n    background: var(--fpg-primary);\r\n\r\n    &:hover {\r\n        color: var(--fpg-white);\r\n        background: var(--fpg-primary);\r\n    }\r\n}\r\n\r\n.fpg-button-secondary {\r\n    color: var(--fpg-white);\r\n    background: var(--fpg-secondary);\r\n\r\n    &:hover {\r\n        color: var(--fpg-white);\r\n        background: var(--fpg-secondary);\r\n    }\r\n}\r\n\r\n.fpg-message {\r\n    position: fixed;\r\n    right: 35px;\r\n    bottom: 55px;\r\n    color: #fff;\r\n    padding: 12px 25px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n    border-radius: 5px;\r\n\r\n    &.fpg-message-success {\r\n        background: #28a745;\r\n    }\r\n\r\n    &.fpg-message-error {\r\n        background-color: #dc3545;\r\n    }\r\n}\r\n\r\n",":root {\n  --fpg-primary: #034EA2;\n  --fpg-secondary: #00A99D;\n  --fpg-light: #f8fafc;\n  --fpg-white: #ffffff;\n  --fpg-title: #121212;\n}\n\n.toplevel_page_fancy-post-grid #wpcontent,\n.fancy-post-grid_page_fancy-post-grid-site-builder #wpcontent,\n.fancy-post-grid_page_fancy-post-grid-settings #wpcontent {\n  background-color: var(--fpg-light);\n  padding-right: 20px;\n  min-height: calc(100vh - 32px);\n}\n\n.fpg-admin-wrapper {\n  max-width: 1375px;\n  margin: 0 auto;\n  padding-top: 50px;\n}\n.fpg-admin-wrapper svg {\n  width: 1em;\n  height: 1em;\n  fill: currentColor;\n}\n\n.fpg-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 28px;\n  border-radius: 8px;\n  font-size: 15px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  border: none;\n  cursor: pointer;\n}\n.fpg-button:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.fpg-button-primary {\n  color: var(--fpg-white);\n  background: var(--fpg-primary);\n}\n.fpg-button-primary:hover {\n  color: var(--fpg-white);\n  background: var(--fpg-primary);\n}\n\n.fpg-button-secondary {\n  color: var(--fpg-white);\n  background: var(--fpg-secondary);\n}\n.fpg-button-secondary:hover {\n  color: var(--fpg-white);\n  background: var(--fpg-secondary);\n}\n\n.fpg-message {\n  position: fixed;\n  right: 35px;\n  bottom: 55px;\n  color: #fff;\n  padding: 12px 25px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.5;\n  border-radius: 5px;\n}\n.fpg-message.fpg-message-success {\n  background: #28a745;\n}\n.fpg-message.fpg-message-error {\n  background-color: #dc3545;\n}\n\n.fpg-welcome-page {\n  display: grid;\n  gap: 30px;\n  grid-template-columns: 1fr;\n  align-items: flex-start;\n}\n\n.fpg-welcome-right {\n  position: sticky;\n  top: 82px;\n}\n\n.fpg-welcome-card {\n  display: flex;\n  align-items: center;\n  gap: 80px;\n  padding: 30px;\n  background: var(--fpg-white);\n  border-radius: 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n}\n.fpg-welcome-card h1 {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin: 0;\n  font-size: 28px;\n  font-weight: 600;\n  line-height: 1.2;\n}\n.fpg-welcome-card h1 img {\n  width: 40px;\n}\n.fpg-welcome-card p {\n  font-size: 16px;\n  line-height: 1.75;\n  margin: 15px 0 0;\n}\n.fpg-welcome-card .fpg-welcome-video {\n  width: 450px;\n  flex-shrink: 0;\n}\n.fpg-welcome-card .fpg-welcome-video iframe {\n  width: 100%;\n  height: 280px;\n  border-radius: 10px;\n}\n\n.fpg-getting-started {\n  padding: 30px;\n  background: var(--fpg-white);\n  border-radius: 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  margin-top: 30px;\n}\n.fpg-getting-started h2 {\n  font-size: 26px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--fpg-title);\n  margin: 0 0 12px 0;\n}\n.fpg-getting-started > p {\n  font-size: 16px;\n  line-height: 1.6;\n  margin: 0;\n}\n.fpg-getting-started .fpg-features-list {\n  display: grid;\n  gap: 15px;\n  margin-top: 20px;\n}\n.fpg-getting-started .fpg-feature-item {\n  padding: 20px;\n  background: var(--fpg-light);\n  border-radius: 0 10px 10px 0;\n  border-left: 3px solid var(--fpg-primary);\n}\n.fpg-getting-started .fpg-feature-item strong {\n  display: block;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--fpg-title);\n  margin-bottom: 8px;\n}\n.fpg-getting-started .fpg-feature-item span {\n  display: block;\n  font-size: 15px;\n  line-height: 1.5;\n}\n.fpg-getting-started .fpg-getting-started-cta {\n  margin-top: 30px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 15px;\n}\n\n.fpg-get-pro-card {\n  padding: 30px;\n  background: linear-gradient(180deg, var(--fpg-secondary), var(--fpg-primary));\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n}\n.fpg-get-pro-card .fpg-pro-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--fpg-white);\n  color: var(--fpg-title);\n  padding: 5px 15px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.fpg-get-pro-card h3 {\n  font-size: 24px;\n  font-weight: 600;\n  margin: 20px 0 20px 0;\n  color: var(--fpg-white);\n}\n.fpg-get-pro-card p {\n  font-size: 15px;\n  line-height: 1.6;\n  margin: 0;\n  color: var(--fpg-white);\n}\n.fpg-get-pro-card ul {\n  margin: 15px 0 0;\n  padding: 0;\n  list-style: none;\n}\n.fpg-get-pro-card ul li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 15px;\n  line-height: 1.5;\n  color: var(--fpg-white);\n  margin: 0 0 10px;\n  font-weight: 500;\n}\n.fpg-get-pro-card ul li:last-child {\n  margin: 0;\n}\n.fpg-get-pro-card .fpg-button {\n  background-color: var(--fpg-white);\n  margin-top: 20px;\n}\n\n.fpg-site-builder-upsell {\n  background: var(--fpg-white);\n  border-radius: 0 0 10px 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  padding: 64px 48px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.fpg-site-builder-upsell::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--fpg-primary);\n}\n.fpg-site-builder-upsell .fpg-upsell-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 24px;\n  background: linear-gradient(90deg, var(--fpg-primary), var(--fpg-secondary));\n  color: var(--fpg-white);\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 30px;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n.fpg-site-builder-upsell .fpg-upsell-badge svg {\n  width: 20px;\n  height: 20px;\n}\n.fpg-site-builder-upsell h1 {\n  font-size: 48px;\n  font-weight: 800;\n  color: var(--fpg-title);\n  margin: 0 0 20px 0;\n  line-height: 1.2;\n}\n.fpg-site-builder-upsell > p {\n  font-size: 20px;\n  max-width: 650px;\n  margin: 0 auto;\n}\n.fpg-site-builder-upsell .fpg-upsell-cta {\n  display: flex;\n  gap: 20px;\n  margin-top: 35px;\n  justify-content: center;\n}\n\n.fpg-site-builder-features {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 24px;\n  margin-top: 50px;\n}\n.fpg-site-builder-features .fpg-feature-card {\n  background: var(--fpg-white);\n  border-radius: 10px 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  padding: 36px;\n}\n.fpg-site-builder-features .fpg-feature-card h3 {\n  font-size: 22px;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n}\n.fpg-site-builder-features .fpg-feature-card p {\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.7;\n}\n.fpg-site-builder-features .fpg-feature-icon {\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  color: var(--fpg-white);\n  background: linear-gradient(90deg, var(--fpg-primary), var(--fpg-secondary));\n}\n.fpg-site-builder-features .fpg-feature-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.fpg-settings-header {\n  padding: 30px;\n  background-color: var(--fpg-white);\n  border-radius: 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n.fpg-settings-header h1 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 28px;\n  font-weight: 600;\n  margin: 0;\n}\n.fpg-settings-header p {\n  margin: 10px 0 0;\n  font-size: 16px;\n}\n\n.fpg-tabs-nav {\n  background-color: var(--fpg-white);\n  border-radius: 10px;\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  padding: 8px;\n  display: flex;\n  gap: 8px;\n  margin: 30px 0;\n}\n\n.fpg-tab-btn {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 14px 20px;\n  background: transparent;\n  border: none;\n  border-radius: 8px;\n  font-size: 15px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.3s;\n  white-space: nowrap;\n}\n.fpg-tab-btn.active, .fpg-tab-btn:hover {\n  background: var(--fpg-primary);\n  color: var(--fpg-white);\n}\n.fpg-tab-btn:focus, .fpg-tab-btn:hover {\n  outline: none;\n  box-shadow: none;\n}\n\n.fpg-tab-content {\n  display: none;\n}\n.fpg-tab-content.active {\n  display: block;\n  animation: fpg-fade-in 0.3s ease;\n}\n\n@keyframes fpg-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.fpg-settings-card {\n  border-radius: 10px;\n  background-color: var(--fpg-white);\n  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.035);\n  overflow: hidden;\n}\n.fpg-settings-card.is-locked {\n  pointer-events: none;\n  user-select: none;\n}\n.fpg-settings-card .fpg-card-header {\n  padding: 30px;\n  border-bottom: 2px solid #f1f5f9;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n}\n.fpg-settings-card .fpg-card-header h2 {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--fpg-title);\n  margin: 0 0 15px 0;\n  position: relative;\n  display: inline-flex;\n}\n.fpg-settings-card .fpg-card-header h2 .fpg-pro-badge {\n  position: absolute;\n  right: 0;\n  top: -5px;\n  transform: translateX(115%);\n  font-size: 14px;\n  line-height: 1;\n  background: var(--fpg-primary);\n  color: var(--fpg-white);\n  padding: 6px 10px;\n  border-radius: 12px;\n}\n.fpg-settings-card .fpg-card-header p {\n  font-size: 15px;\n  margin: 0;\n}\n.fpg-settings-card .fpg-toggle-wrapper {\n  flex-shrink: 0;\n}\n.fpg-settings-card .fpg-toggle {\n  position: relative;\n  display: inline-block;\n  width: 56px;\n  height: 32px;\n  cursor: pointer;\n}\n.fpg-settings-card .fpg-toggle input {\n  opacity: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n.fpg-settings-card .fpg-toggle input:checked + .fpg-toggle-slider {\n  background: var(--fpg-primary);\n}\n.fpg-settings-card .fpg-toggle input:checked + .fpg-toggle-slider:before {\n  transform: translateX(24px);\n}\n.fpg-settings-card .fpg-toggle-slider {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #cbd5e1;\n  border-radius: 50px;\n  transition: all 0.3s ease;\n  margin: 0 !important;\n}\n.fpg-settings-card .fpg-toggle-slider:before {\n  content: \"\";\n  position: absolute;\n  height: 24px;\n  width: 24px;\n  left: 4px;\n  bottom: 4px;\n  background: var(--fpg-white);\n  border-radius: 50%;\n  transition: all 0.3s ease;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n.fpg-settings-card .fpg-card-body {\n  padding: 30px;\n}\n.fpg-settings-card .fpg-form-section:not(:last-child) {\n  margin-bottom: 30px;\n}\n.fpg-settings-card .fpg-form-section h4 {\n  padding: 0 0 20px;\n  margin: 0 0 25px;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--fpg-title);\n  border-bottom: 1px solid #e9e9e9;\n}\n.fpg-settings-card .fpg-form-group {\n  display: flex;\n  align-items: center;\n  gap: 50px;\n}\n.fpg-settings-card .fpg-form-group:not(:last-child) {\n  margin-bottom: 30px;\n}\n.fpg-settings-card .fpg-form-group .fpg-field-label {\n  display: block;\n  margin: 0;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--fpg-title);\n  cursor: pointer;\n}\n.fpg-settings-card .fpg-form-group .fpg-field-desc {\n  display: block;\n  font-size: 15px;\n  margin: 10px 0 0;\n  line-height: 1.65;\n}\n.fpg-settings-card .fpg-form-group > div {\n  flex: 0 0 50%;\n}\n.fpg-settings-card .fpg-form-group .fpg-text-field,\n.fpg-settings-card .fpg-form-group .fpg-number-field,\n.fpg-settings-card .fpg-form-group .fpg-select-field {\n  width: 100%;\n  height: 45px;\n  padding: 0 20px;\n  border: 1px solid #e9e9e9;\n}\n.fpg-settings-card .fpg-form-group .fpg-text-field:focus,\n.fpg-settings-card .fpg-form-group .fpg-number-field:focus,\n.fpg-settings-card .fpg-form-group .fpg-select-field:focus {\n  outline: none;\n  box-shadow: none;\n  border-color: var(--fpg-primary);\n}\n.fpg-settings-card .fpg-form-group .fpg-number-field {\n  width: auto;\n}\n.fpg-settings-card .fpg-form-group .fpg-select-field {\n  width: auto;\n  max-width: 100%;\n  min-width: 250px;\n}\n.fpg-settings-card .fpg-form-group.color-field {\n  align-items: flex-start;\n}",".fpg-welcome-page {\r\n    display: grid;\r\n    gap: 30px;\r\n    grid-template-columns: 1fr;\r\n    align-items: flex-start;\r\n}\r\n\r\n.fpg-welcome-right {\r\n    position: sticky;\r\n    top: 82px;\r\n}\r\n\r\n.fpg-welcome-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 80px;\r\n    padding: 30px;\r\n    background: var(--fpg-white);\r\n    border-radius: 10px;\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n\r\n    h1 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        margin: 0;\r\n        font-size: 28px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n\r\n        img {\r\n            width: 40px;\r\n        }\r\n    }\r\n\r\n    p {\r\n        font-size: 16px;\r\n        line-height: 1.75;\r\n        margin: 15px 0 0;\r\n    }\r\n\r\n    .fpg-welcome-video {\r\n        width: 450px;\r\n        flex-shrink: 0;\r\n\r\n        iframe {\r\n            width: 100%;\r\n            height: 280px;\r\n            border-radius: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n.fpg-getting-started {\r\n    padding: 30px;\r\n    background: var(--fpg-white);\r\n    border-radius: 10px;\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n    margin-top: 30px;\r\n\r\n    h2 {\r\n        font-size: 26px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        color: var(--fpg-title);\r\n        margin: 0 0 12px 0;\r\n    }\r\n\r\n    > p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    .fpg-features-list {\r\n        display: grid;\r\n        gap: 15px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .fpg-feature-item {\r\n        padding: 20px;\r\n        background: var(--fpg-light);\r\n        border-radius: 0 10px 10px 0;\r\n        border-left: 3px solid var(--fpg-primary);\r\n\r\n        strong {\r\n            display: block;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: var(--fpg-title);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        span {\r\n            display: block;\r\n            font-size: 15px;\r\n            line-height: 1.5;\r\n        }\r\n    }\r\n\r\n    .fpg-getting-started-cta {\r\n        margin-top: 30px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n.fpg-get-pro-card {\r\n    padding: 30px;\r\n    background: linear-gradient(180deg, var(--fpg-secondary), var(--fpg-primary));\r\n    border-radius: 10px;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    .fpg-pro-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--fpg-white);\r\n        color: var(--fpg-title);\r\n        padding: 5px 15px;\r\n        border-radius: 5px;\r\n        font: {\r\n            size: 12px;\r\n            weight: 500;\r\n        }\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    h3 {\r\n        font: {\r\n            size: 24px;\r\n            weight: 600;\r\n        }\r\n        margin: 20px 0 20px 0;\r\n        color: var(--fpg-white);\r\n    }\r\n\r\n    p {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n        color: var(--fpg-white);\r\n    }\r\n\r\n    ul {\r\n        margin: 15px 0 0;\r\n        padding: 0;\r\n        list-style: none;\r\n\r\n        li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            font-size: 15px;\r\n            line-height: 1.5;\r\n            color: var(--fpg-white);\r\n            margin: 0 0 10px;\r\n            font-weight: 500;\r\n\r\n            &:last-child {\r\n                margin: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fpg-button {\r\n        background-color: var(--fpg-white);\r\n        margin-top: 20px;\r\n    }\r\n}",".fpg-site-builder-upsell {\r\n    background: var(--fpg-white);\r\n    border-radius: 0 0 10px 10px;\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n    padding: 64px 48px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    &::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: var(--fpg-primary);\r\n    }\r\n\r\n    .fpg-upsell-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 10px 24px;\r\n        background: linear-gradient(90deg, var(--fpg-primary), var(--fpg-secondary));\r\n        color: var(--fpg-white);\r\n        border-radius: 50px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n\r\n        svg {\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    h1 {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: var(--fpg-title);\r\n        margin: 0 0 20px 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    > p {\r\n        font-size: 20px;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .fpg-upsell-cta {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-top: 35px;\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n.fpg-site-builder-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 24px;\r\n    margin-top: 50px;\r\n\r\n    .fpg-feature-card {\r\n        background: var(--fpg-white);\r\n        border-radius: 10px 10px;\r\n        box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n        padding: 36px;\r\n\r\n        h3 {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            margin: 0 0 12px 0;\r\n        }\r\n\r\n        p {\r\n            font-size: 15px;\r\n            margin: 0;\r\n            line-height: 1.7;\r\n        }\r\n    }\r\n\r\n    .fpg-feature-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n        color: var(--fpg-white);\r\n        background: linear-gradient(90deg, var(--fpg-primary), var(--fpg-secondary));\r\n\r\n        svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n    }\r\n}",".fpg-settings-header {\r\n    padding: 30px;\r\n    background-color: var(--fpg-white);\r\n    border-radius: 10px;\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n\r\n    h1 {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n\r\n        font: {\r\n            size: 28px;\r\n            weight: 600;\r\n        }\r\n        margin: 0;\r\n    }\r\n\r\n    p {\r\n        margin: 10px 0 0;\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n.fpg-tabs-nav {\r\n    background-color: var(--fpg-white);\r\n    border-radius: 10px;\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n    padding: 8px;\r\n    display: flex;\r\n    gap: 8px;\r\n    margin: 30px 0;\r\n}\r\n\r\n.fpg-tab-btn {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 14px 20px;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font: {\r\n        size: 15px;\r\n        weight: 600;\r\n    }\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    white-space: nowrap;\r\n\r\n    &.active,\r\n    &:hover {\r\n        background: var(--fpg-primary);\r\n        color: var(--fpg-white);\r\n    }\r\n\r\n    &:focus,\r\n    &:hover {\r\n        outline: none;\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.fpg-tab-content {\r\n    display: none;\r\n\r\n    &.active {\r\n        display: block;\r\n        animation: fpg-fade-in 0.3s ease;\r\n    }\r\n}\r\n\r\n@keyframes fpg-fade-in {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.fpg-settings-card {\r\n    border-radius: 10px;\r\n    background-color: var(--fpg-white);\r\n    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, .035);\r\n    overflow: hidden;\r\n\r\n    &.is-locked {\r\n        pointer-events: none;\r\n        user-select: none;\r\n    }\r\n\r\n    .fpg-card-header {\r\n        padding: 30px;\r\n        border-bottom: 2px solid #f1f5f9;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 24px;\r\n\r\n        h2 {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--fpg-title);\r\n            margin: 0 0 15px 0;\r\n            position: relative;\r\n            display: inline-flex;\r\n\r\n            .fpg-pro-badge {\r\n                position: absolute;\r\n                right: 0;\r\n                top: -5px;\r\n                transform: translateX(115%);\r\n                font-size: 14px;\r\n                line-height: 1;\r\n                background: var(--fpg-primary);\r\n                color: var(--fpg-white);\r\n                padding: 6px 10px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n\r\n        p {\r\n            font-size: 15px;\r\n            margin: 0;\r\n        }\r\n    }\r\n\r\n    .fpg-toggle-wrapper {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .fpg-toggle {\r\n        position: relative;\r\n        display: inline-block;\r\n        width: 56px;\r\n        height: 32px;\r\n        cursor: pointer;\r\n\r\n        input {\r\n            opacity: 0 !important;\r\n            width: 0 !important;\r\n            height: 0 !important;\r\n\r\n            &:checked + .fpg-toggle-slider {\r\n                background: var(--fpg-primary);\r\n\r\n                &:before {\r\n                    transform: translateX(24px);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .fpg-toggle-slider {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: #cbd5e1;\r\n        border-radius: 50px;\r\n        transition: all 0.3s ease;\r\n        margin: 0 !important;\r\n\r\n        &:before {\r\n            content: '';\r\n            position: absolute;\r\n            height: 24px;\r\n            width: 24px;\r\n            left: 4px;\r\n            bottom: 4px;\r\n            background: var(--fpg-white);\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n        }\r\n    }\r\n\r\n    .fpg-card-body {\r\n        padding: 30px;\r\n    }\r\n\r\n    .fpg-form-section {\r\n        &:not(:last-child) {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        h4 {\r\n            padding: 0 0 20px;\r\n            margin: 0 0 25px;\r\n            font: {\r\n                size: 18px;\r\n                weight: 600;\r\n            }\r\n            color: var(--fpg-title);\r\n            border-bottom: 1px solid #e9e9e9\r\n        }\r\n    }\r\n\r\n    .fpg-form-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 50px;\r\n\r\n        &:not(:last-child) {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .fpg-field-label {\r\n            display: block;\r\n            margin: 0;\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: var(--fpg-title);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fpg-field-desc {\r\n            display: block;\r\n            font-size: 15px;\r\n            margin: 10px 0 0;\r\n            line-height: 1.65;\r\n        }\r\n\r\n        & > div {\r\n            flex: 0 0 50%;\r\n        }\r\n\r\n        .fpg-text-field,\r\n        .fpg-number-field,\r\n        .fpg-select-field {\r\n            width: 100%;\r\n            height: 45px;\r\n            padding: 0 20px;\r\n            border: 1px solid #e9e9e9;\r\n\r\n            &:focus {\r\n                outline: none;\r\n                box-shadow: none;\r\n                border-color: var(--fpg-primary);\r\n            }\r\n        }\r\n\r\n        .fpg-number-field {\r\n            width: auto;\r\n        }\r\n\r\n        .fpg-select-field {\r\n            width: auto;\r\n            max-width: 100%;\r\n            min-width: 250px;\r\n        }\r\n\r\n        &.color-field {\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .fpg-color-field {\r\n\r\n        }\r\n    }\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}