{"version":3,"file":"css/admin-styles.css","mappings":"AAIA,mBACE,mBAEA,8BACE,gBAKJ,cACE,WACA,kBACA,eACA,gBACA,aCQe,CDPf,sBACA,yBACA,iBCyBU,CDxBV,wBAEA,oBACE,aACA,oBCzBY,CD0BZ,uCAGF,uBACE,yBACA,cACA,mBAGF,qBACE,iBACA,eAGF,qBACE,kBACA,eAKJ,cACE,cACA,mBACA,eACA,gBACA,aC3Be,CD4Bf,uBAEA,+BACE,aACA,cAKJ,oBACE,cACA,eACA,eACA,cACA,gBAIF,eACE,WACA,4BACA,eACA,gBACA,aCnDe,CDoDf,sBACA,yDACA,sCACA,4BACA,qBACA,yBACA,iBCtCU,CDuCV,gBACA,eACA,wBAEA,qBACE,aACA,oBC1FY,CD2FZ,uCAGF,wBACE,yBACA,cACA,mBAKJ,eACE,aACA,uBACA,SACA,eACA,iBACA,aACA,mBACA,yBACA,iBClEU,CDmEV,wBAEA,qBACE,mBACA,qBAGF,sBACE,kBACA,UACA,oBAEA,qDACE,wBC7HU,CD+HV,6DACE,2BAKF,2DACE,aCtIQ,CD0IZ,mDACE,wCAGF,sDACE,yBACA,mBAIJ,uBACE,kBACA,qBACA,WACA,YACA,yBACA,mBACA,gDACA,cACA,eAEA,+BACE,WACA,kBACA,QACA,SACA,WACA,YACA,sBACA,kBACA,sDACA,oCAIJ,sBACE,OAEA,6BACE,cACA,eACA,gBACA,aC3JW,CD4JX,kBACA,gBAGF,2BACE,cACA,eACA,cACA,gBAMN,iBACE,aACA,uBACA,SACA,eACA,iBAEA,wBACE,kBACA,UACA,oBAEA,sDACE,wBChNU,CDiNV,oBCjNU,CDmNV,6DACE,UACA,mBAIJ,oDACE,uCAGF,uDACE,yBACA,qBACA,mBAIJ,sBACE,kBACA,qBACA,WACA,YACA,sBACA,yBACA,kBACA,wBACA,cACA,eAEA,6BACE,WACA,kBACA,QACA,SACA,UACA,YACA,kBACA,yBACA,iCACA,UACA,wBAIJ,wBACE,OAEA,+BACE,cACA,eACA,gBACA,aC7OW,CD8OX,kBAGF,6BACE,cACA,eACA,cACA,gBAMN,oBACE,aACA,MACA,oBAEA,kCACE,OACA,0BACA,6BACA,eAGF,2BACE,aACA,mBACA,eACA,yBACA,yBACA,2BCzPQ,CD0PR,8BC1PQ,CD2PR,eACA,gBACA,cACA,mBAKJ,kBACE,aACA,SACA,uBAEA,qCACE,gBAGF,yBACE,qCAGF,yBACE,qCAGF,yBAjBF,kBAkBI,sCAKJ,yBACE,gBACA,yBACA,iBC5RU,CD6RV,aACA,mBACA,kEAEA,iCACE,mBACA,oBACA,gCAEA,oCACE,eACA,gBACA,aC9TW,CD+TX,eACA,uBAGF,mCACE,eACA,cACA,SACA,gBAQJ,iCACE,gBACA,iBACA,6BACA,aACA,yBACA,mBACA,SAKJ,gBACE,kBACA,iBCzUU,CD0UV,eACA,mBAEA,yBACE,yBACA,cACA,yBAGF,uBACE,yBACA,cACA,yBAGF,yBACE,yBACA,cACA,yBAGF,sBACE,yBACA,cACA,yBElYJ,sBACE,aACA,iBACA,kBACA,iBACA,mBACA,gGDSiB,CCRjB,kBACA,YDkBW,CCjBX,QDiBW,CCbb,gBACE,YACA,kBAxBc,CAyBd,WACA,cACA,aACA,sBACA,gBACA,QDKW,CCJX,mBACA,8BACA,iBDSU,CCRV,yEDeU,CCdV,gBAEA,wBACE,kBACA,2CAGF,sBACE,eACA,eDhBe,CCiBf,WACA,qBACA,aACA,mBACA,ODjBS,CCmBT,4BACE,WAIJ,qBACE,OACA,eAGF,2BACE,cACA,kBACA,yBACA,qBACA,yBACA,oCACA,eD1CiB,CC2CjB,eAEA,iCACE,+BACA,WACA,yBAzEY,CA4Ed,kCACE,8BACA,WACA,yBA/EY,CAkFd,+BACE,qBACA,sBACA,WACA,YACA,kBAGF,gCACE,qBACA,sBAGF,6BACE,gBDjEO,CCkEP,WACA,qBAIJ,wBACE,YDtES,CCuET,wCACA,eACA,yBAKJ,aACE,OACA,YAGF,eACE,gBACA,kBACA,iBD9EU,CC+EV,kBDtFW,CCuFX,sCD3EU,CC4EV,aACA,8BACA,mBAEA,sBACE,SACA,eACA,eDtGe,CCuGf,aD9Ga,CCiHf,yBACE,eACA,aDtHa,CCuHb,eAGF,wBACE,aACA,QD7GS,CCkHb,cACE,aACA,2DACA,QDpHW,CCqHX,kBDpHW,CCuHb,kBACE,gBACA,YD1HW,CC2HX,iBDnHU,CCoHV,sCD/GU,CCgHV,aACA,mBACA,QDhIW,CCiIX,wBAEA,wBACE,2BACA,uEDtHQ,CCyHV,wBACE,WACA,YACA,iBDlIQ,CCmIR,4DA1Kc,CA2Kd,aACA,mBACA,uBACA,eACA,cAGF,2BACE,OAGF,yBACE,cACA,eACA,aD1Ka,CC2Kb,eDnKiB,CCoKjB,yBACA,oBACA,kBAGF,yBACE,cACA,eACA,eD1Ke,CC2Kf,aDlLa,CCsLb,mDACE,2DACA,aDrMU,CC0MZ,mDACE,6DACA,aApNU,CA2Nd,wBACE,kBD1LS,CC4LT,2BACE,eACA,eDrMiB,CCsMjB,aD5MW,CC6MX,SAIJ,sBACE,aACA,4DACA,QDvMS,CC2Mb,oBACE,gBACA,iBDrMU,CCsMV,YD7MW,CC8MX,sCDlMU,CCmMV,yBACA,wBAEA,0BACE,oBArPc,CAsPd,uEDvMQ,CC0MV,6BACE,oBA1Pc,CA2Pd,uGAGF,4BACE,aACA,8BACA,uBACA,kBDlOS,CCqOX,uBACE,eACA,eD7OmB,CC8OnB,aDpPa,CCqPb,iBAGF,4BACE,iBACA,oBDnOU,CCoOV,eACA,eDtPmB,CCuPnB,kBDpQa,CCqQb,aDhQa,CCkQb,yDACE,kBArRY,CAsRZ,WAIJ,iCACE,aD1Qa,CC2Qb,eACA,gBACA,kBD7PS,CCgQX,6BACE,aACA,ODpQS,CCsQT,kCACE,OAGF,oCACE,WAMN,sDACE,kBACA,iBD1QU,CC2QV,eDzRqB,CC0RrB,eACA,YACA,eACA,yBACA,oBACA,mBACA,uBACA,OD7RW,CC+RX,+DACE,kBA/TY,CAgUZ,WAEA,2EACE,yDAjUU,CAkUV,2BACA,uEDrRM,CCyRV,uBACE,kBAzUc,CA0Ud,WAEA,6BACE,4DACA,2BACA,uEDhSM,CCoSV,qBACE,yBACA,yBACA,aDpUa,CCsUb,2BACE,oBA1VU,CA2VV,aA3VU,CA4VV,8BAIJ,oBACE,kBDxVU,CCyVV,WAEA,0BACE,+CAIJ,wEACE,WACA,mBAKJ,WACE,0BAGF,UACE,aAKF,aACE,gBACA,iBDlVU,CCmVV,YD1VW,CC2VX,sCD/UU,CCmVN,iCACE,YACA,yBACA,mBAEA,uCACE,eACA,gBACA,aDrXO,CCyXX,iCACE,eACA,mBAIJ,0BACE,UACA,eDpXO,CC+Xb,0BACE,gBACE,4BAEA,wBACE,wBAIJ,aACE,cAGF,sBACE,qP","sources":["webpack://revoty/./resources/sass/components/_form-components.scss","webpack://revoty/./resources/sass/abstracts/_variables.scss","webpack://revoty/./resources/sass/admin.scss"],"sourcesContent":["// Modern Form Components\n// Reusable form elements with consistent styling\n\n// Form Group - Container for form fields\n.revoty-form-group {\n  margin-bottom: 28px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n// Input Field\n.revoty-input {\n  width: 100%;\n  padding: 12px 16px;\n  font-size: 14px;\n  line-height: 1.5;\n  color: $color-gray-900;\n  background-color: #fff;\n  border: 2px solid #e5e7eb;\n  border-radius: $radius-md;\n  transition: all $transition-base;\n\n  &:focus {\n    outline: none;\n    border-color: $color-primary;\n    box-shadow: 0 0 0 3px rgba($color-primary, 0.1);\n  }\n\n  &:disabled {\n    background-color: #f9fafb;\n    color: #9ca3af;\n    cursor: not-allowed;\n  }\n\n  &--small {\n    padding: 8px 12px;\n    font-size: 13px;\n  }\n\n  &--large {\n    padding: 14px 18px;\n    font-size: 16px;\n  }\n}\n\n// Label\n.revoty-label {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: $color-gray-900;\n  letter-spacing: -0.01em;\n\n  &--required::after {\n    content: ' *';\n    color: #ef4444;\n  }\n}\n\n// Description/Help Text\n.revoty-description {\n  display: block;\n  margin-top: 6px;\n  font-size: 13px;\n  color: #6b7280;\n  line-height: 1.5;\n}\n\n// Select Dropdown\n.revoty-select {\n  width: 100%;\n  padding: 12px 40px 12px 16px;\n  font-size: 14px;\n  line-height: 1.5;\n  color: $color-gray-900;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E\");\n  background-position: right 12px center;\n  background-repeat: no-repeat;\n  background-size: 20px;\n  border: 2px solid #e5e7eb;\n  border-radius: $radius-md;\n  appearance: none;\n  cursor: pointer;\n  transition: all $transition-base;\n\n  &:focus {\n    outline: none;\n    border-color: $color-primary;\n    box-shadow: 0 0 0 3px rgba($color-primary, 0.1);\n  }\n\n  &:disabled {\n    background-color: #f9fafb;\n    color: #9ca3af;\n    cursor: not-allowed;\n  }\n}\n\n// Toggle Switch\n.revoty-toggle {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  cursor: pointer;\n  user-select: none;\n  padding: 20px;\n  background: #f9fafb;\n  border: 2px solid #f3f4f6;\n  border-radius: $radius-md;\n  transition: all $transition-base;\n\n  &:hover {\n    background: #f3f4f6;\n    border-color: #e5e7eb;\n  }\n\n  &__input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n\n    &:checked + .revoty-toggle__slider {\n      background-color: $color-primary;\n\n      &::before {\n        transform: translateX(24px);\n      }\n    }\n\n    &:checked ~ .revoty-toggle__label {\n      strong {\n        color: $color-primary;\n      }\n    }\n\n    &:focus + .revoty-toggle__slider {\n      box-shadow: 0 0 0 4px rgba($color-primary, 0.15);\n    }\n\n    &:disabled + .revoty-toggle__slider {\n      background-color: #e5e7eb;\n      cursor: not-allowed;\n    }\n  }\n\n  &__slider {\n    position: relative;\n    display: inline-block;\n    width: 52px;\n    height: 28px;\n    background-color: #d1d5db;\n    border-radius: 28px;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    flex-shrink: 0;\n    margin-top: 2px;\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      width: 24px;\n      height: 24px;\n      background-color: #fff;\n      border-radius: 50%;\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  &__label {\n    flex: 1;\n\n    strong {\n      display: block;\n      font-size: 15px;\n      font-weight: 600;\n      color: $color-gray-900;\n      margin-bottom: 6px;\n      line-height: 1.4;\n    }\n\n    span {\n      display: block;\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.5;\n    }\n  }\n}\n\n// Checkbox\n.revoty-checkbox {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  cursor: pointer;\n  user-select: none;\n\n  &__input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n\n    &:checked + .revoty-checkbox__box {\n      background-color: $color-primary;\n      border-color: $color-primary;\n\n      &::after {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    &:focus + .revoty-checkbox__box {\n      box-shadow: 0 0 0 3px rgba($color-primary, 0.1);\n    }\n\n    &:disabled + .revoty-checkbox__box {\n      background-color: #f3f4f6;\n      border-color: #d1d5db;\n      cursor: not-allowed;\n    }\n  }\n\n  &__box {\n    position: relative;\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    background-color: #fff;\n    border: 2px solid #d1d5db;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n    margin-top: 2px;\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 2px;\n      left: 5px;\n      width: 6px;\n      height: 10px;\n      border: solid #fff;\n      border-width: 0 2px 2px 0;\n      transform: rotate(45deg) scale(0);\n      opacity: 0;\n      transition: all 0.2s ease;\n    }\n  }\n\n  &__label {\n    flex: 1;\n\n    strong {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: $color-gray-900;\n      margin-bottom: 4px;\n    }\n\n    span {\n      display: block;\n      font-size: 13px;\n      color: #6b7280;\n      line-height: 1.4;\n    }\n  }\n}\n\n// Input Group (for combining input with button/icon)\n.revoty-input-group {\n  display: flex;\n  gap: 0;\n  align-items: stretch;\n\n  .revoty-input {\n    flex: 1;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0;\n  }\n\n  &__addon {\n    display: flex;\n    align-items: center;\n    padding: 0 20px;\n    background-color: #f9fafb;\n    border: 2px solid #e5e7eb;\n    border-top-right-radius: $radius-md;\n    border-bottom-right-radius: $radius-md;\n    font-size: 13px;\n    font-weight: 500;\n    color: #6b7280;\n    white-space: nowrap;\n  }\n}\n\n// Field Row (for horizontal layouts)\n.revoty-field-row {\n  display: grid;\n  gap: 24px;\n  align-items: flex-start;\n\n  .revoty-form-group {\n    margin-bottom: 0;\n  }\n\n  &--2-col {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  &--3-col {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n// Settings Section\n.revoty-settings-section {\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: $radius-lg;\n  padding: 32px;\n  margin-bottom: 24px;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  &__header {\n    margin-bottom: 32px;\n    padding-bottom: 20px;\n    border-bottom: 2px solid #f3f4f6;\n\n    h3 {\n      font-size: 20px;\n      font-weight: 700;\n      color: $color-gray-900;\n      margin: 0 0 8px;\n      letter-spacing: -0.01em;\n    }\n\n    p {\n      font-size: 14px;\n      color: #6b7280;\n      margin: 0;\n      line-height: 1.6;\n    }\n  }\n\n  &__body {\n    // No additional styles needed\n  }\n\n  &__footer {\n    margin-top: 32px;\n    padding-top: 24px;\n    border-top: 2px solid #f3f4f6;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 12px;\n  }\n}\n\n// Error/Success Messages\n.revoty-message {\n  padding: 12px 16px;\n  border-radius: $radius-md;\n  font-size: 14px;\n  margin-bottom: 24px;\n\n  &--success {\n    background-color: #d1fae5;\n    color: #065f46;\n    border: 1px solid #6ee7b7;\n  }\n\n  &--error {\n    background-color: #fee2e2;\n    color: #991b1b;\n    border: 1px solid #fca5a5;\n  }\n\n  &--warning {\n    background-color: #fef3c7;\n    color: #92400e;\n    border: 1px solid #fde047;\n  }\n\n  &--info {\n    background-color: #dbeafe;\n    color: #1e40af;\n    border: 1px solid #93c5fd;\n  }\n}\n","// Colors - Design System\n$color-primary: #0F594B;\n$color-primary-hover: #0D4A3F;\n$color-primary-active: #0A3B32;\n$color-primary-light: #E6F2F0;\n\n$color-secondary: #28AA85;\n$color-secondary-hover: #20916F;\n$color-secondary-light: #D4F0E8;\n\n$color-accent: #F59E0B;\n$color-accent-hover: #D97706;\n\n$color-success: #10B981;\n$color-error: #EF4444;\n$color-warning: #F59E0B;\n\n$color-gray-50: #F9FAFB;\n$color-gray-100: #F3F4F6;\n$color-gray-200: #E5E7EB;\n$color-gray-300: #D1D5DB;\n$color-gray-400: #9CA3AF;\n$color-gray-500: #6B7280;\n$color-gray-600: #4B5563;\n$color-gray-700: #374151;\n$color-gray-800: #1F2937;\n$color-gray-900: #111827;\n\n// Typography\n$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// Spacing (8px grid)\n$spacing-xs: 4px;\n$spacing-sm: 8px;\n$spacing-md: 16px;\n$spacing-lg: 24px;\n$spacing-xl: 32px;\n$spacing-2xl: 48px;\n$spacing-3xl: 64px;\n\n// Border Radius\n$radius-sm: 4px;\n$radius-md: 6px;\n$radius-lg: 8px;\n$radius-xl: 12px;\n$radius-full: 9999px;\n\n// Shadows\n$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n\n// Transitions\n$transition-fast: 0.15s ease;\n$transition-base: 0.2s ease;\n$transition-slow: 0.3s ease;\n\n// Breakpoints\n$breakpoint-sm: 640px;\n$breakpoint-md: 768px;\n$breakpoint-lg: 1024px;\n$breakpoint-xl: 1280px;\n\n// Z-index\n$z-modal: 9999;\n$z-dropdown: 1000;\n$z-sticky: 100;\n","@import 'abstracts/variables';\n@import 'abstracts/mixins';\n@import 'components/form-components';\n\n// Brand Colors\n$primary-color: #10594B;\n$secondary-color: #25A984;\n$primary-hover: darken($primary-color, 5%);\n$secondary-light: lighten($secondary-color, 40%);\n\n// Import Mantine styles scoped to our container\n@import 'mantine-scoped';\n\n// Layout\n.revoty-admin-wrapper {\n  display: flex;\n  min-height: 100vh;\n  margin-left: -20px;\n  margin-top: -10px;\n  background: #f5f7fa;\n  font-family: $font-family-base;\n  position: relative;\n  padding: $spacing-xl;\n  gap: $spacing-xl;\n}\n\n// Sidebar\n.revoty-sidebar {\n  width: 260px;\n  background: $primary-color;\n  color: white;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: $spacing-xl;\n  height: fit-content;\n  max-height: calc(100vh - #{$spacing-xl * 2});\n  border-radius: $radius-lg;\n  box-shadow: $shadow-lg;\n  overflow: hidden;\n\n  &__header {\n    padding: $spacing-xl $spacing-lg;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  &__logo {\n    font-size: 24px;\n    font-weight: $font-weight-bold;\n    color: white;\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: $spacing-sm;\n\n    &:hover {\n      color: white;\n    }\n  }\n\n  &__nav {\n    flex: 1;\n    padding: $spacing-lg 0;\n  }\n\n  &__menu-item {\n    display: block;\n    padding: $spacing-md $spacing-lg;\n    color: rgba(255, 255, 255, 0.8);\n    text-decoration: none;\n    transition: all $transition-fast;\n    border-left: 3px solid transparent;\n    font-weight: $font-weight-medium;\n    font-size: 15px;\n\n    &:hover {\n      background: rgba(255, 255, 255, 0.05);\n      color: white;\n      border-left-color: $secondary-color;\n    }\n\n    &.active {\n      background: rgba(255, 255, 255, 0.1);\n      color: white;\n      border-left-color: $secondary-color;\n    }\n\n    svg {\n      display: inline-block;\n      vertical-align: middle;\n      width: 20px;\n      height: 20px;\n      margin-right: 12px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    i {\n      margin-right: $spacing-sm;\n      width: 20px;\n      display: inline-block;\n    }\n  }\n\n  &__footer {\n    padding: $spacing-lg;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.5);\n  }\n}\n\n// Main Content\n.revoty-main {\n  flex: 1;\n  min-width: 0;\n}\n\n.revoty-header {\n  background: white;\n  padding: $spacing-lg $spacing-xl;\n  border-radius: $radius-lg;\n  margin-bottom: $spacing-xl;\n  box-shadow: $shadow-sm;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  &__title {\n    margin: 0;\n    font-size: 28px;\n    font-weight: $font-weight-bold;\n    color: $color-gray-900;\n  }\n\n  &__subtitle {\n    margin: $spacing-xs 0 0;\n    color: $color-gray-600;\n    font-size: 14px;\n  }\n\n  &__actions {\n    display: flex;\n    gap: $spacing-md;\n  }\n}\n\n// Stats Cards\n.revoty-stats {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: $spacing-lg;\n  margin-bottom: $spacing-xl;\n}\n\n.revoty-stat-card {\n  background: white;\n  padding: $spacing-lg;\n  border-radius: $radius-lg;\n  box-shadow: $shadow-sm;\n  display: flex;\n  align-items: center;\n  gap: $spacing-md;\n  transition: all $transition-base;\n\n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: $shadow-md;\n  }\n\n  &__icon {\n    width: 56px;\n    height: 56px;\n    border-radius: $radius-lg;\n    background: $secondary-light;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  &__content {\n    flex: 1;\n  }\n\n  &__label {\n    display: block;\n    font-size: 13px;\n    color: $color-gray-600;\n    font-weight: $font-weight-medium;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n  }\n\n  &__value {\n    display: block;\n    font-size: 28px;\n    font-weight: $font-weight-bold;\n    color: $color-gray-900;\n  }\n\n  &--success {\n    .revoty-stat-card__icon {\n      background: lighten($color-success, 40%);\n      color: $color-success;\n    }\n  }\n\n  &--primary {\n    .revoty-stat-card__icon {\n      background: lighten($primary-color, 60%);\n      color: $primary-color;\n    }\n  }\n}\n\n// Modules Grid\n.revoty-modules {\n  &__header {\n    margin-bottom: $spacing-lg;\n\n    h2 {\n      font-size: 20px;\n      font-weight: $font-weight-semibold;\n      color: $color-gray-900;\n      margin: 0;\n    }\n  }\n\n  &__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: $spacing-lg;\n  }\n}\n\n.revoty-module-card {\n  background: white;\n  border-radius: $radius-lg;\n  padding: $spacing-xl;\n  box-shadow: $shadow-sm;\n  border: 2px solid $color-gray-200;\n  transition: all $transition-base;\n\n  &:hover {\n    border-color: $secondary-color;\n    box-shadow: $shadow-md;\n  }\n\n  &--enabled {\n    border-color: $secondary-color;\n    background: linear-gradient(135deg, white 0%, $secondary-light 100%);\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: $spacing-md;\n  }\n\n  h3 {\n    font-size: 18px;\n    font-weight: $font-weight-semibold;\n    color: $color-gray-900;\n    margin: 0 0 $spacing-xs 0;\n  }\n\n  &__status {\n    padding: 4px 12px;\n    border-radius: $radius-full;\n    font-size: 12px;\n    font-weight: $font-weight-semibold;\n    background: $color-gray-200;\n    color: $color-gray-700;\n\n    .revoty-module-card--enabled & {\n      background: $secondary-color;\n      color: white;\n    }\n  }\n\n  &__description {\n    color: $color-gray-600;\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: $spacing-lg;\n  }\n\n  &__actions {\n    display: flex;\n    gap: $spacing-sm;\n\n    form {\n      flex: 1;\n    }\n\n    button {\n      width: 100%;\n    }\n  }\n}\n\n// Buttons\n.revoty-btn {\n  padding: 10px 20px;\n  border-radius: $radius-md;\n  font-weight: $font-weight-semibold;\n  font-size: 14px;\n  border: none;\n  cursor: pointer;\n  transition: all $transition-fast;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: $spacing-xs;\n\n  &--primary {\n    background: $primary-color;\n    color: white;\n\n    &:hover {\n      background: $primary-hover;\n      transform: translateY(-1px);\n      box-shadow: $shadow-md;\n    }\n  }\n\n  &--secondary {\n    background: $secondary-color;\n    color: white;\n\n    &:hover {\n      background: darken($secondary-color, 5%);\n      transform: translateY(-1px);\n      box-shadow: $shadow-md;\n    }\n  }\n\n  &--outline {\n    background: transparent;\n    border: 2px solid $color-gray-300;\n    color: $color-gray-700;\n\n    &:hover {\n      border-color: $primary-color;\n      color: $primary-color;\n      background: rgba($primary-color, 0.05);\n    }\n  }\n\n  &--danger {\n    background: $color-error;\n    color: white;\n\n    &:hover {\n      background: darken($color-error, 5%);\n    }\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n// WordPress overrides\n#wpcontent {\n  padding-left: 0 !important;\n}\n\n#wpfooter {\n  display: none;\n}\n\n\n// Settings Form Overrides\n.revoty-card {\n  background: white;\n  border-radius: $radius-lg;\n  padding: $spacing-xl;\n  box-shadow: $shadow-sm;\n\n  form {\n    .form-table {\n      th {\n        width: 250px;\n        padding: $spacing-lg $spacing-md $spacing-lg 0;\n        vertical-align: top;\n\n        label {\n          font-size: 14px;\n          font-weight: 600;\n          color: $color-gray-900;\n        }\n      }\n\n      td {\n        padding: $spacing-lg 0;\n        vertical-align: top;\n      }\n    }\n\n    .submit {\n      padding: 0;\n      margin-top: $spacing-lg;\n\n      .button-primary {\n        @extend .revoty-btn;\n        @extend .revoty-btn--primary;\n      }\n    }\n  }\n}\n\n// Responsive\n@media (max-width: $breakpoint-lg) {\n  .revoty-sidebar {\n    transform: translateX(-100%);\n\n    &.is-open {\n      transform: translateX(0);\n    }\n  }\n\n  .revoty-main {\n    margin-left: 0;\n  }\n\n  .revoty-modules__grid {\n    grid-template-columns: 1fr;\n  }\n}\n"],"names":[],"sourceRoot":""}