/* [project]/src/components/Ui/Icon.module.css [client] (css) */
.Icon-module__V4njsa__iconOrb {
  width: var(--orb-size, 48px);
  height: var(--orb-size, 48px);
  border-radius: var(--orb-radius, 16px);
  background: color-mix(in srgb, var(--chip-bg, rgba(255, 255, 255, .12)) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .18)) 70%, transparent);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .35) inset, 0 0 0 1px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 22%, transparent) inset, 0 14px 28px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 35%, transparent);
  transition: box-shadow var(--transition-normal, .2s ease), transform var(--transition-fast, .15s ease);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.Icon-module__V4njsa__iconOrb:hover {
  box-shadow: 0 12px 26px rgba(0, 0, 0, .12), 0 1px 0 rgba(255, 255, 255, .4) inset, 0 0 0 1px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 28%, transparent) inset, 0 18px 36px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 45%, transparent);
}

.Icon-module__V4njsa__iconOrb:active {
  transform: scale(.96);
}

.Icon-module__V4njsa__iconOrb[role="button"], .Icon-module__V4njsa__iconOrb[onclick] {
  cursor: pointer;
}

/* [project]/src/components/MobileFloatingNav/MobileFloatingNav.module.css [client] (css) */
@keyframes MobileFloatingNav-module__e0P_fG__auroraShift {
  0%, 100% {
    filter: hue-rotate();
    background-position: 0%;
  }

  25% {
    background-position: 50% 25%;
  }

  50% {
    filter: hue-rotate(15deg);
    background-position: 100%;
  }

  75% {
    background-position: 50% 75%;
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__floatNav {
  0%, 100% {
    transform: translateX(-50%)translateY(0);
  }

  50% {
    transform: translateX(-50%)translateY(-3px);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__pulseGlow {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__iconBounce {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(.85);
  }

  50% {
    transform: scale(1.15);
  }

  70% {
    transform: scale(.95);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__labelSlideIn {
  0% {
    opacity: 0;
    max-width: 0;
    transform: translateX(-8px);
  }

  100% {
    opacity: 1;
    max-width: 100px;
    transform: translateX(0);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__rippleExpand {
  0% {
    opacity: .5;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__shimmerPass {
  0% {
    transform: translateX(-100%)skewX(-15deg);
  }

  100% {
    transform: translateX(200%)skewX(-15deg);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__glowPulse {
  0%, 100% {
    box-shadow: 0 0 30px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), 0 0 60px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  }

  50% {
    box-shadow: 0 0 40px color-mix(in srgb, var(--primary-color, #3b82f6) 45%, transparent), 0 0 80px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__badgePop {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__dotPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .7;
    transform: scale(.85);
  }
}

.MobileFloatingNav-module__e0P_fG__navbarSpacer {
  pointer-events: none;
  flex-shrink: 0;
  width: 100%;
  height: 80px;
  min-height: 80px;
  display: block;
}

.MobileFloatingNav-module__e0P_fG__navbar {
  padding-bottom: env(safe-area-inset-bottom, 0px);
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), opacity .3s;
  z-index: var(--z-mobile-nav) !important;
  width: 100% !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.MobileFloatingNav-module__e0P_fG__pills {
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  background: linear-gradient(rgba(18, 18, 28, .95) 0%, rgba(12, 12, 20, .98) 100%);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 10px 12px 8px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .4), 0 -2px 12px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .06);
}

.MobileFloatingNav-module__e0P_fG__pills:before {
  content: "";
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent) 20%, color-mix(in srgb, var(--primary-color, #3b82f6) 70%, transparent) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent) 80%, transparent 100%);
  pointer-events: none;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.MobileFloatingNav-module__e0P_fG__pills:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .03) 40%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .03) 60%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  animation: 8s ease-in-out infinite MobileFloatingNav-module__e0P_fG__shimmerPass;
  position: absolute;
  top: 0;
  left: -100%;
}

.MobileFloatingNav-module__e0P_fG__pills.MobileFloatingNav-module__e0P_fG__expanded, .MobileFloatingNav-module__e0P_fG__pills.MobileFloatingNav-module__e0P_fG__collapsed {
  opacity: 1;
  transform: translateY(0);
}

.MobileFloatingNav-module__e0P_fG__itemsContainer {
  z-index: 2;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__collapsed .MobileFloatingNav-module__e0P_fG__itemsContainer {
  opacity: 1;
  pointer-events: auto;
}

.MobileFloatingNav-module__e0P_fG__indicator {
  display: none;
}

.MobileFloatingNav-module__e0P_fG__item {
  color: #9ca3af;
  letter-spacing: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  background: none;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 60px;
  padding: 8px 4px;
  font-size: 10px;
  font-weight: 600;
  transition: color .25s, transform .2s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: visible;
}

.MobileFloatingNav-module__e0P_fG__item:before {
  content: "";
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, transparent), var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, transparent));
  width: 0;
  height: 3px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent);
  border-radius: 0 0 3px 3px;
  transition: width .35s cubic-bezier(.34, 1.56, .64, 1);
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.MobileFloatingNav-module__e0P_fG__item.MobileFloatingNav-module__e0P_fG__active:before {
  width: 32px;
}

.MobileFloatingNav-module__e0P_fG__item:active {
  transform: scale(.92);
}

.MobileFloatingNav-module__e0P_fG__item:hover:not(.MobileFloatingNav-module__e0P_fG__active) {
  color: #6b7280;
}

.MobileFloatingNav-module__e0P_fG__item.MobileFloatingNav-module__e0P_fG__active {
  color: var(--primary-color, #3b82f6);
}

.MobileFloatingNav-module__e0P_fG__iconWrapper {
  justify-content: center;
  align-items: center;
  font-size: 22px;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), color .25s;
  display: flex;
}

.MobileFloatingNav-module__e0P_fG__item:active .MobileFloatingNav-module__e0P_fG__iconWrapper {
  animation: .35s MobileFloatingNav-module__e0P_fG__iconBounce;
}

.MobileFloatingNav-module__e0P_fG__active .MobileFloatingNav-module__e0P_fG__iconWrapper {
  color: var(--primary-color, #3b82f6);
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color, #3b82f6) 60%, transparent));
  transform: scale(1.1);
}

.MobileFloatingNav-module__e0P_fG__label {
  white-space: nowrap;
  opacity: .7;
  max-width: none;
  font-size: 10px;
  font-weight: 500;
  transition: opacity .25s, color .25s;
  display: block;
  overflow: hidden;
}

.MobileFloatingNav-module__e0P_fG__labelVisible {
  opacity: 1;
}

.MobileFloatingNav-module__e0P_fG__active .MobileFloatingNav-module__e0P_fG__label, .MobileFloatingNav-module__e0P_fG__active .MobileFloatingNav-module__e0P_fG__labelVisible {
  opacity: 1;
  color: var(--primary-color, #3b82f6);
}

.MobileFloatingNav-module__e0P_fG__badge {
  color: #fff;
  z-index: 5;
  background: linear-gradient(145deg, #ff4757 0%, #ff2d3b 50%, #e91e63 100%);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 700;
  animation: 2s ease-in-out infinite MobileFloatingNav-module__e0P_fG__badgePop;
  display: flex;
  position: absolute;
  top: 2px;
  right: 50%;
  transform: translateX(calc(50% + 12px));
  box-shadow: 0 0 12px rgba(255, 45, 59, .6), 0 2px 8px rgba(255, 45, 59, .4), inset 0 1px 1px rgba(255, 255, 255, .3);
}

.MobileFloatingNav-module__e0P_fG__badge:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 10px 10px 50% 50%;
  height: 40%;
  position: absolute;
  top: 1px;
  left: 3px;
  right: 3px;
}

.MobileFloatingNav-module__e0P_fG__collapseHint {
  pointer-events: none;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MobileFloatingNav-module__e0P_fG__collapseBar {
  background: linear-gradient(90deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .2) 100%);
  border-radius: 3px;
  width: 40px;
  height: 5px;
  box-shadow: 0 0 10px rgba(255, 255, 255, .2);
}

.MobileFloatingNav-module__e0P_fG__dots {
  width: 100%;
  padding: 10px 16px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  background: linear-gradient(rgba(18, 18, 28, .95) 0%, rgba(12, 12, 20, .98) 100%);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .06);
}

.MobileFloatingNav-module__e0P_fG__dotsContainer {
  align-items: center;
  gap: 14px;
  display: flex;
}

.MobileFloatingNav-module__e0P_fG__dot {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .2);
  border: 2px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: all .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__dot:hover {
  background: rgba(255, 255, 255, .35);
  transform: scale(1.2);
}

.MobileFloatingNav-module__e0P_fG__dot:active {
  transform: scale(.9);
}

.MobileFloatingNav-module__e0P_fG__dotActive {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #a855f7) 100%);
  width: 32px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 60%, transparent), 0 0 40px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  border-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  animation: 2s ease-in-out infinite MobileFloatingNav-module__e0P_fG__pulseGlow;
}

.MobileFloatingNav-module__e0P_fG__dotBadge {
  background: #ff2d3b;
  border: 2px solid rgba(20, 20, 35, .9);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 1.5s ease-in-out infinite MobileFloatingNav-module__e0P_fG__dotPulse;
  position: absolute;
  top: -3px;
  right: -3px;
  box-shadow: 0 0 10px rgba(255, 45, 59, .7);
}

.MobileFloatingNav-module__e0P_fG__activeLabel {
  color: rgba(255, 255, 255, .9);
  letter-spacing: -.01em;
  text-align: center;
  text-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  font-size: 13px;
  font-weight: 600;
}

.MobileFloatingNav-module__e0P_fG__minimal {
  width: 100%;
  padding: 8px 12px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  -webkit-backdrop-filter: blur(36px) saturate(200%);
  background: linear-gradient(rgba(18, 18, 28, .95) 0%, rgba(12, 12, 20, .98) 100%);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-radius: 0;
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .05);
}

.MobileFloatingNav-module__e0P_fG__minimal:before {
  content: "";
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent) 50%, transparent 100%);
  pointer-events: none;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.MobileFloatingNav-module__e0P_fG__minimal.MobileFloatingNav-module__e0P_fG__collapsed {
  opacity: 1;
  transform: translateY(0);
}

.MobileFloatingNav-module__e0P_fG__minimalContainer {
  z-index: 1;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__minimalItem {
  color: #9ca3af;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 4px;
  padding: 8px 4px;
  font-size: 10px;
  font-weight: 600;
  transition: color .25s, transform .2s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__minimalItem:hover {
  color: #6b7280;
}

.MobileFloatingNav-module__e0P_fG__minimalItem:active {
  transform: scale(.92);
}

.MobileFloatingNav-module__e0P_fG__minimalActive {
  color: var(--primary-color, #3b82f6);
}

.MobileFloatingNav-module__e0P_fG__minimalIcon {
  justify-content: center;
  align-items: center;
  font-size: 20px;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
}

.MobileFloatingNav-module__e0P_fG__minimalActive .MobileFloatingNav-module__e0P_fG__minimalIcon {
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, .3));
  transform: scale(1.1);
}

.MobileFloatingNav-module__e0P_fG__minimalLabel {
  white-space: nowrap;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) forwards MobileFloatingNav-module__e0P_fG__labelSlideIn;
}

.MobileFloatingNav-module__e0P_fG__minimalBadge {
  color: #fff;
  background: linear-gradient(145deg, #ff4757 0%, #e91e63 100%);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 4px;
  right: 8px;
  box-shadow: 0 0 10px rgba(255, 45, 59, .5);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__pills, [data-theme="light"] .MobileFloatingNav-module__e0P_fG__dots, [data-theme="light"] .MobileFloatingNav-module__e0P_fG__minimal {
  background: linear-gradient(rgba(255, 255, 255, .98) 0%, #f5f7fa 100%) !important;
  border-top: 1px solid rgba(0, 0, 0, .08) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, .08), 0 -1px 4px rgba(0, 0, 0, .04) !important;
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__pills:before, [data-theme="light"] .MobileFloatingNav-module__e0P_fG__minimal:before {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent) 0%, rgba(0, 0, 0, .05) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent) 100%);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__pills:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .5) 40%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, .5) 60%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__item, [data-theme="light"] .MobileFloatingNav-module__e0P_fG__minimalItem {
  color: #9ca3af;
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__item:hover:not(.MobileFloatingNav-module__e0P_fG__active), [data-theme="light"] .MobileFloatingNav-module__e0P_fG__minimalItem:hover:not(.MobileFloatingNav-module__e0P_fG__minimalActive) {
  color: #6b7280;
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__item.MobileFloatingNav-module__e0P_fG__active, [data-theme="light"] .MobileFloatingNav-module__e0P_fG__minimalActive {
  color: var(--primary-color, #3b82f6);
  text-shadow: none;
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__indicator {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .9)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(248, 250, 252, .95)) 100%);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent), inset 0 1px 2px rgba(255, 255, 255, .7);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__activeLabel {
  color: rgba(0, 0, 0, .75);
  text-shadow: none;
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__dot {
  background: rgba(0, 0, 0, .12);
  border-color: rgba(0, 0, 0, .06);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__dot:hover {
  background: rgba(0, 0, 0, .2);
}

[data-theme="light"] .MobileFloatingNav-module__e0P_fG__collapseBar {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .15) 100%);
}

@media (orientation: landscape) and (max-height: 500px) {
  .MobileFloatingNav-module__e0P_fG__pills, .MobileFloatingNav-module__e0P_fG__dots, .MobileFloatingNav-module__e0P_fG__minimal {
    padding-top: 6px;
    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
  }

  .MobileFloatingNav-module__e0P_fG__item, .MobileFloatingNav-module__e0P_fG__minimalItem {
    padding: 6px 4px;
  }

  .MobileFloatingNav-module__e0P_fG__iconWrapper, .MobileFloatingNav-module__e0P_fG__minimalIcon {
    font-size: 18px;
  }

  .MobileFloatingNav-module__e0P_fG__label {
    font-size: 9px;
  }
}

@media (max-width: 380px) {
  .MobileFloatingNav-module__e0P_fG__item {
    min-width: 50px;
    padding: 6px 2px;
  }

  .MobileFloatingNav-module__e0P_fG__iconWrapper {
    font-size: 20px;
  }

  .MobileFloatingNav-module__e0P_fG__label {
    font-size: 9px;
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__centerPulse {
  0%, 100% {
    box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 40px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 0 60px color-mix(in srgb, var(--primary-color, #3b82f6) 45%, transparent);
    transform: scale(1.02);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__ringExpand {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__ringExpandSlow {
  0% {
    opacity: .5;
    transform: scale(.9);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__centerShineMove {
  0% {
    transform: translateX(-100%)rotate(-45deg);
  }

  100% {
    transform: translateX(200%)rotate(-45deg);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__centerBounce {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(.88);
  }

  50% {
    transform: scale(1.08);
  }

  75% {
    transform: scale(.96);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes MobileFloatingNav-module__e0P_fG__floatCenter {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

.MobileFloatingNav-module__e0P_fG__hasCenter .MobileFloatingNav-module__e0P_fG__itemsContainer {
  justify-content: space-between;
  gap: 0;
}

.MobileFloatingNav-module__e0P_fG__centerItemWrapper {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  min-width: 70px;
  margin-top: -32px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__centerItem {
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.MobileFloatingNav-module__e0P_fG__centerRings {
  pointer-events: none;
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.MobileFloatingNav-module__e0P_fG__ring1, .MobileFloatingNav-module__e0P_fG__ring2 {
  border: 2px solid color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.MobileFloatingNav-module__e0P_fG__centerItem:hover .MobileFloatingNav-module__e0P_fG__ring1, .MobileFloatingNav-module__e0P_fG__centerItem:focus .MobileFloatingNav-module__e0P_fG__ring1 {
  animation: 1.5s ease-out infinite MobileFloatingNav-module__e0P_fG__ringExpand;
}

.MobileFloatingNav-module__e0P_fG__centerItem:hover .MobileFloatingNav-module__e0P_fG__ring2, .MobileFloatingNav-module__e0P_fG__centerItem:focus .MobileFloatingNav-module__e0P_fG__ring2 {
  animation: 1.5s ease-out .3s infinite MobileFloatingNav-module__e0P_fG__ringExpandSlow;
}

.MobileFloatingNav-module__e0P_fG__centerGlow {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  opacity: .7;
  border-radius: 50%;
  transition: opacity .3s;
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

.MobileFloatingNav-module__e0P_fG__centerItem:hover .MobileFloatingNav-module__e0P_fG__centerGlow {
  opacity: 1;
}

.MobileFloatingNav-module__e0P_fG__centerIconContainer {
  z-index: 2;
  color: #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .3));
  justify-content: center;
  align-items: center;
  font-size: 26px;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
}

.MobileFloatingNav-module__e0P_fG__centerItem:active .MobileFloatingNav-module__e0P_fG__centerIconContainer {
  animation: .4s MobileFloatingNav-module__e0P_fG__centerBounce;
}

.MobileFloatingNav-module__e0P_fG__centerShine {
  pointer-events: none;
  z-index: 3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.MobileFloatingNav-module__e0P_fG__centerShine:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .25) 50%, rgba(0, 0, 0, 0) 100%);
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-20deg);
}

.MobileFloatingNav-module__e0P_fG__centerItem:hover .MobileFloatingNav-module__e0P_fG__centerShine:before {
  animation: 1.2s ease-in-out MobileFloatingNav-module__e0P_fG__centerShineMove;
}

.MobileFloatingNav-module__e0P_fG__centerPrimary {
  background: var(--primary-color, #3b82f6);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 4px rgba(255, 255, 255, .08), 0 0 30px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent), inset 0 2px 4px rgba(255, 255, 255, .2), inset 0 -2px 4px rgba(0, 0, 0, .1);
}

.MobileFloatingNav-module__e0P_fG__centerPrimary:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 0 0 4px rgba(255, 255, 255, .12), 0 0 50px color-mix(in srgb, var(--primary-color, #3b82f6) 55%, transparent), inset 0 2px 4px rgba(255, 255, 255, .25), inset 0 -2px 4px rgba(0, 0, 0, .1);
  transform: scale(1.08)translateY(-2px);
}

.MobileFloatingNav-module__e0P_fG__centerPrimary:active {
  transform: scale(.95);
}

.MobileFloatingNav-module__e0P_fG__centerGradient {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #a855f7) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 50%, #ec4899) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 4px rgba(255, 255, 255, .1), 0 0 40px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent), inset 0 2px 6px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .15);
  background-size: 200% 200%;
  animation: 6s ease-in-out infinite MobileFloatingNav-module__e0P_fG__auroraShift;
}

.MobileFloatingNav-module__e0P_fG__centerGradient:hover {
  box-shadow: 0 14px 44px rgba(0, 0, 0, .4), 0 0 0 5px rgba(255, 255, 255, .15), 0 0 60px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent), inset 0 2px 6px rgba(255, 255, 255, .35), inset 0 -2px 6px rgba(0, 0, 0, .15);
  transform: scale(1.08)translateY(-2px);
}

.MobileFloatingNav-module__e0P_fG__centerGradient:active {
  animation-play-state: paused;
  transform: scale(.95);
}

.MobileFloatingNav-module__e0P_fG__centerGlow {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color, #3b82f6) 90%, white) 0%, var(--primary-color, #3b82f6) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, black) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25), 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), 0 0 60px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent), 0 0 100px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent), inset 0 2px 8px rgba(255, 255, 255, .4);
  animation: 3s ease-in-out infinite MobileFloatingNav-module__e0P_fG__centerPulse;
}

.MobileFloatingNav-module__e0P_fG__centerGlow:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, .3), 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 45%, transparent), 0 0 80px color-mix(in srgb, var(--primary-color, #3b82f6) 65%, transparent), 0 0 120px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent), inset 0 2px 8px rgba(255, 255, 255, .5);
  transform: scale(1.1)translateY(-3px);
}

.MobileFloatingNav-module__e0P_fG__centerGlow:active {
  animation-play-state: paused;
  transform: scale(.94);
}

.MobileFloatingNav-module__e0P_fG__centerPressed {
  animation: .4s forwards MobileFloatingNav-module__e0P_fG__centerBounce !important;
}

.MobileFloatingNav-module__e0P_fG__centerActive {
  transform: scale(1.05);
}

.MobileFloatingNav-module__e0P_fG__centerActive .MobileFloatingNav-module__e0P_fG__ring1 {
  animation: 2s ease-out infinite MobileFloatingNav-module__e0P_fG__ringExpand !important;
}

.MobileFloatingNav-module__e0P_fG__centerActive .MobileFloatingNav-module__e0P_fG__ring2 {
  animation: 2s ease-out .5s infinite MobileFloatingNav-module__e0P_fG__ringExpandSlow !important;
}

.MobileFloatingNav-module__e0P_fG__centerLabel {
  color: rgba(255, 255, 255, .6);
  text-align: center;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 600;
  transition: color .25s;
  display: block;
}

.MobileFloatingNav-module__e0P_fG__centerLabelActive {
  color: var(--primary-color, #3b82f6);
}

@media (max-width: 380px) {
  .MobileFloatingNav-module__e0P_fG__centerItemWrapper {
    min-width: 60px;
    margin-top: -28px;
  }

  .MobileFloatingNav-module__e0P_fG__centerItem {
    width: 54px;
    height: 54px;
  }

  .MobileFloatingNav-module__e0P_fG__centerIconContainer {
    font-size: 22px;
  }

  .MobileFloatingNav-module__e0P_fG__centerLabel {
    margin-top: 2px;
    font-size: 9px;
  }
}

@media (min-width: 500px) {
  .MobileFloatingNav-module__e0P_fG__centerItemWrapper {
    min-width: 76px;
    margin-top: -36px;
  }

  .MobileFloatingNav-module__e0P_fG__centerItem {
    width: 66px;
    height: 66px;
  }

  .MobileFloatingNav-module__e0P_fG__centerIconContainer {
    font-size: 28px;
  }
}

@media (display-mode: standalone) {
  .MobileFloatingNav-module__e0P_fG__pills, .MobileFloatingNav-module__e0P_fG__dots, .MobileFloatingNav-module__e0P_fG__minimal {
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}

.MobileFloatingNav-module__e0P_fG__item:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
}

.MobileFloatingNav-module__e0P_fG__dot:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
}

.MobileFloatingNav-module__e0P_fG__minimalItem:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
}

.MobileFloatingNav-module__e0P_fG__centerItem:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
}

@media (prefers-contrast: high) {
  .MobileFloatingNav-module__e0P_fG__pills, .MobileFloatingNav-module__e0P_fG__dots, .MobileFloatingNav-module__e0P_fG__minimal {
    border-width: 2px;
    border-color: rgba(255, 255, 255, .5);
  }

  .MobileFloatingNav-module__e0P_fG__item, .MobileFloatingNav-module__e0P_fG__minimalItem {
    color: rgba(255, 255, 255, .7);
  }

  .MobileFloatingNav-module__e0P_fG__item.MobileFloatingNav-module__e0P_fG__active, .MobileFloatingNav-module__e0P_fG__minimalActive {
    color: #fff;
  }

  .MobileFloatingNav-module__e0P_fG__indicator {
    background: var(--primary-color, #3b82f6);
    opacity: .9;
  }

  .MobileFloatingNav-module__e0P_fG__centerItem {
    border: 2px solid #fff;
  }
}

/* [project]/src/components/Dashboard/DashboardNav/DashboardNav.module.css [client] (css) */
.DashboardNav-module__uGYfbW__nav {
  width: 100%;
}

.DashboardNav-module__uGYfbW__tabsContainer {
  background: var(--glass-bg, rgba(255, 255, 255, .6));
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .3));
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 16px;
  align-items: center;
  gap: 6px;
  padding: 6px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .5);
}

.DashboardNav-module__uGYfbW__tabsContainer::-webkit-scrollbar {
  display: none;
}

.DashboardNav-module__uGYfbW__tab {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 10px 18px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.DashboardNav-module__uGYfbW__tab:hover:not(.DashboardNav-module__uGYfbW__active) {
  background: rgba(var(--primary-rgb, 59, 130, 246), .08);
}

.DashboardNav-module__uGYfbW__tab:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.DashboardNav-module__uGYfbW__tabContent {
  z-index: 1;
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  align-items: center;
  gap: 8px;
  font-weight: 500;
  transition: color .2s;
  display: flex;
  position: relative;
}

.DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active .DashboardNav-module__uGYfbW__tabContent {
  color: var(--primary-color);
  font-weight: 600;
}

.DashboardNav-module__uGYfbW__activeBackground {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .15) 0%, rgba(var(--primary-rgb, 59, 130, 246), .08) 100%);
  border: 1px solid rgba(var(--primary-rgb, 59, 130, 246), .2);
  box-shadow: 0 2px 8px rgba(var(--primary-rgb, 59, 130, 246), .15), inset 0 1px 0 rgba(255, 255, 255, .5);
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.DashboardNav-module__uGYfbW__label {
  display: block;
}

.DashboardNav-module__uGYfbW__variant_pills .DashboardNav-module__uGYfbW__tabsContainer {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: none;
  gap: 8px;
  padding: 0;
}

.DashboardNav-module__uGYfbW__variant_pills .DashboardNav-module__uGYfbW__tab {
  background: var(--glass-bg, rgba(255, 255, 255, .6));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .3));
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.DashboardNav-module__uGYfbW__variant_pills .DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: 0 4px 12px rgba(var(--primary-rgb, 59, 130, 246), .3);
}

.DashboardNav-module__uGYfbW__variant_pills .DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active .DashboardNav-module__uGYfbW__tabContent {
  color: #fff;
}

.DashboardNav-module__uGYfbW__variant_pills .DashboardNav-module__uGYfbW__activeBackground {
  display: none;
}

.DashboardNav-module__uGYfbW__variant_underline .DashboardNav-module__uGYfbW__tabsContainer {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: none;
  border-bottom: 2px solid var(--border-color, #e2e8f0);
  background: none;
  gap: 0;
  padding: 0;
}

.DashboardNav-module__uGYfbW__variant_underline .DashboardNav-module__uGYfbW__tab {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-bottom: -2px;
  padding: 12px 20px;
}

.DashboardNav-module__uGYfbW__variant_underline .DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active {
  border-bottom-color: var(--primary-color);
}

.DashboardNav-module__uGYfbW__variant_underline .DashboardNav-module__uGYfbW__activeBackground {
  display: none;
}

@media (max-width: 768px) {
  .DashboardNav-module__uGYfbW__tabsContainer {
    border-radius: 12px;
    gap: 4px;
    padding: 4px;
  }

  .DashboardNav-module__uGYfbW__tab {
    border-radius: 10px;
    padding: 8px 12px;
  }

  .DashboardNav-module__uGYfbW__tabContent {
    font-size: var(--text-xs);
    gap: 6px;
  }

  .DashboardNav-module__uGYfbW__label {
    display: none;
  }

  .DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active .DashboardNav-module__uGYfbW__label {
    display: block;
  }
}

@media (max-width: 480px) {
  .DashboardNav-module__uGYfbW__tab {
    padding: 8px 10px;
  }
}

[data-theme="dark"] .DashboardNav-module__uGYfbW__tabsContainer {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .DashboardNav-module__uGYfbW__tabContent {
  color: rgba(255, 255, 255, .6);
}

[data-theme="dark"] .DashboardNav-module__uGYfbW__tab.DashboardNav-module__uGYfbW__active .DashboardNav-module__uGYfbW__tabContent {
  color: var(--primary-color);
}

[data-theme="dark"] .DashboardNav-module__uGYfbW__tab:hover:not(.DashboardNav-module__uGYfbW__active) {
  background: rgba(255, 255, 255, .05);
}

[data-theme="dark"] .DashboardNav-module__uGYfbW__activeBackground {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .2) 0%, rgba(var(--primary-rgb, 59, 130, 246), .1) 100%);
  border-color: rgba(var(--primary-rgb, 59, 130, 246), .3);
}

/* [project]/src/components/Guards/NoAccessGlass/NoAccessGlass.module.css [client] (css) */
.NoAccessGlass-module__1WuN5q__wrap {
  min-height: 60vh;
  padding: var(--page-padding-desktop);
  box-sizing: border-box;
  place-items: center;
  display: grid;
}

.NoAccessGlass-module__1WuN5q__card {
  border-radius: var(--border-radius-2xl, 20px);
  text-align: center;
  max-width: 90vw;
  padding: 32px 28px;
  position: relative;
}

.NoAccessGlass-module__1WuN5q__halo {
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(1200px 240px at 50% -10%, color-mix(in srgb, var(--primary-color) 28%, transparent), transparent 60%), radial-gradient(600px 200px at 10% 120%, color-mix(in srgb, var(--secondary-color) 18%, transparent), transparent 70%), radial-gradient(600px 200px at 90% 120%, color-mix(in srgb, var(--glow-color-brand, #60a5fa) 18%, transparent), transparent 70%);
  opacity: .7;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.NoAccessGlass-module__1WuN5q__iconWrap {
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background: linear-gradient(160deg, color-mix(in srgb, var(--primary-color) 84%, #fff 16%), color-mix(in srgb, var(--primary-color) 62%, #fff 38%));
  width: 84px;
  height: 84px;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--primary-color) 30%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 40%, transparent);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 12px;
  display: grid;
}

.NoAccessGlass-module__1WuN5q__title {
  color: var(--text-primary);
  margin: 6px 0 4px;
  font-size: max(20px, min(3.2vw, 28px));
  font-weight: 800;
}

.NoAccessGlass-module__1WuN5q__subtitle {
  font-size: var(--font-size-3, 15px);
  color: var(--text-secondary);
  margin-bottom: 18px;
}

.NoAccessGlass-module__1WuN5q__tips {
  gap: 8px;
  margin: 12px 0 4px;
  display: grid;
}

.NoAccessGlass-module__1WuN5q__tip {
  color: var(--text-primary);
  background: linear-gradient(180deg, color-mix(in srgb, var(--glass-bg, rgba(255, 255, 255, .06)) 92%, transparent), color-mix(in srgb, var(--glass-bg, rgba(255, 255, 255, .06)) 70%, transparent));
  border: 1px solid var(--glass-border);
  border-radius: 999px;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-weight: 600;
  display: inline-grid;
}

.NoAccessGlass-module__1WuN5q__actions {
  grid-auto-flow: column;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.NoAccessGlass-module__1WuN5q__btnLink {
  text-decoration: none;
}

/* [project]/src/components/LoadingSpinner/LoadingSpinner.module.css [client] (css) */
.LoadingSpinner-module__HkLnqW__container {
  will-change: opacity;
  border-radius: inherit;
  direction: rtl;
  background: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.LoadingSpinner-module__HkLnqW__container.LoadingSpinner-module__HkLnqW__overlay {
  z-index: 10;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 6%, rgba(255, 255, 255, .88)) 50%, rgba(245, 247, 250, .92) 100%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LoadingSpinner-module__HkLnqW__container.LoadingSpinner-module__HkLnqW__withLogo {
  background: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 8%, rgba(255, 255, 255, .75)) 30%, color-mix(in srgb, var(--primary-color, #e68c3a) 5%, rgba(255, 255, 255, .7)) 70%, rgba(245, 247, 250, .8) 100%);
}

.LoadingSpinner-module__HkLnqW__container.LoadingSpinner-module__HkLnqW__fullScreen {
  z-index: var(--z-loading);
  background: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 5%, rgba(255, 255, 255, .82)) 50%, rgba(245, 247, 250, .85) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  min-height: 100vh;
  box-shadow: inset 0 0 100px color-mix(in srgb, var(--primary-color, #e68c3a) 3%, transparent);
  border-radius: 0;
  padding: 40px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LoadingSpinner-module__HkLnqW__lightRay1, .LoadingSpinner-module__HkLnqW__lightRay2, .LoadingSpinner-module__HkLnqW__lightRay3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color, #e68c3a) 12%, transparent), transparent 65%);
  filter: blur(25px);
  pointer-events: none;
  z-index: 0;
  will-change: transform, opacity;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  position: absolute;
}

.LoadingSpinner-module__HkLnqW__lightRay1 {
  animation: 6s ease-in-out infinite LoadingSpinner-module__HkLnqW__rayFloat1;
  top: -40px;
  right: -40px;
}

.LoadingSpinner-module__HkLnqW__lightRay2 {
  animation: 8s ease-in-out infinite LoadingSpinner-module__HkLnqW__rayFloat2;
  bottom: -40px;
  left: -40px;
}

.LoadingSpinner-module__HkLnqW__lightRay3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color, #e68c3a) 18%, transparent), transparent 55%);
  width: 200px;
  height: 200px;
  animation: 3s ease-in-out infinite LoadingSpinner-module__HkLnqW__rayPulse;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.LoadingSpinner-module__HkLnqW__loaderRings {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: relative;
}

.LoadingSpinner-module__HkLnqW__loaderRingsLarge {
  width: 140px;
  height: 140px;
}

.LoadingSpinner-module__HkLnqW__ring1, .LoadingSpinner-module__HkLnqW__ring2, .LoadingSpinner-module__HkLnqW__ring3 {
  will-change: transform;
  border: 2.5px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  position: absolute;
}

.LoadingSpinner-module__HkLnqW__ring1 {
  border-top-color: var(--primary-color, #e68c3a);
  border-right-color: var(--primary-color, #e68c3a);
  width: 90px;
  height: 90px;
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--primary-color, #e68c3a) 40%, transparent));
}

.LoadingSpinner-module__HkLnqW__ring2 {
  border-bottom-color: color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white);
  border-left-color: color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white);
  width: 65px;
  height: 65px;
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color, #e68c3a) 35%, transparent));
}

.LoadingSpinner-module__HkLnqW__ring3 {
  border-width: 2px;
  border-top-color: color-mix(in srgb, var(--primary-color, #e68c3a) 50%, white);
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent));
}

.LoadingSpinner-module__HkLnqW__ring4 {
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-top-color: color-mix(in srgb, var(--primary-color, #e68c3a) 35%, transparent);
  border-left-color: color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent);
  width: 125px;
  height: 125px;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent));
  border-radius: 50%;
  animation: 3s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__ringRotate1;
  position: absolute;
}

.LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring1 {
  width: 120px;
  height: 120px;
}

.LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring2 {
  width: 95px;
  height: 95px;
}

.LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring3 {
  width: 70px;
  height: 70px;
}

[data-rotation="clockwise"] .LoadingSpinner-module__HkLnqW__ring1 {
  animation: 2s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__ringRotate1;
}

[data-rotation="clockwise"] .LoadingSpinner-module__HkLnqW__ring2 {
  animation: 1.5s cubic-bezier(.4, 0, .2, 1) infinite reverse LoadingSpinner-module__HkLnqW__ringRotate2;
}

[data-rotation="clockwise"] .LoadingSpinner-module__HkLnqW__ring3 {
  animation: 1s linear infinite LoadingSpinner-module__HkLnqW__ringRotate3;
}

[data-rotation="counter-clockwise"] .LoadingSpinner-module__HkLnqW__ring1 {
  animation: 2s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__ringRotate2;
}

[data-rotation="counter-clockwise"] .LoadingSpinner-module__HkLnqW__ring2 {
  animation: 1.5s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__ringRotate1;
}

[data-rotation="counter-clockwise"] .LoadingSpinner-module__HkLnqW__ring3 {
  animation: 1s linear infinite reverse LoadingSpinner-module__HkLnqW__ringRotate2;
}

.LoadingSpinner-module__HkLnqW__centerContent {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.LoadingSpinner-module__HkLnqW__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), color-mix(in srgb, var(--primary-color, #e68c3a) 8%, transparent));
  border: 1.5px solid color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent);
  width: 48px;
  height: 48px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  will-change: transform;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  animation: 2s ease-in-out infinite LoadingSpinner-module__HkLnqW__iconPulse;
  display: flex;
}

.LoadingSpinner-module__HkLnqW__icon {
  color: var(--primary-color, #e68c3a);
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent));
  animation: 3s ease-in-out infinite LoadingSpinner-module__HkLnqW__iconFloat;
}

.LoadingSpinner-module__HkLnqW__centerDot {
  background: linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 80%, white));
  width: 14px;
  height: 14px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--primary-color, #e68c3a) 60%, transparent), inset 0 1px 2px rgba(255, 255, 255, .4);
  will-change: transform;
  border-radius: 50%;
  animation: 2s ease-in-out infinite LoadingSpinner-module__HkLnqW__centerPulse;
}

.LoadingSpinner-module__HkLnqW__pulse {
  border: 2px solid var(--primary-color, #e68c3a);
  opacity: 0;
  will-change: transform, opacity;
  border-radius: 50%;
  animation: 2s ease-out infinite LoadingSpinner-module__HkLnqW__pulseRing;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

.LoadingSpinner-module__HkLnqW__logoContainer {
  background: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 50%, color-mix(in srgb, var(--primary-color, #e68c3a) 8%, rgba(255, 255, 255, .9)) 100%);
  border: 2px solid color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent);
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), 0 8px 32px color-mix(in srgb, var(--primary-color, #e68c3a) 35%, transparent), 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(255, 255, 255, .8), inset 0 -1px 3px rgba(0, 0, 0, .05);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  animation: 3s ease-in-out infinite LoadingSpinner-module__HkLnqW__logoContainerPulse;
  display: flex;
  position: relative;
  overflow: hidden;
}

.LoadingSpinner-module__HkLnqW__logoGlow {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color, #e68c3a) 40%, transparent) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 20%, transparent) 40%, transparent 70%);
  filter: blur(12px);
  pointer-events: none;
  z-index: -1;
  animation: 2.5s ease-in-out infinite LoadingSpinner-module__HkLnqW__logoGlowPulse;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
}

.LoadingSpinner-module__HkLnqW__logoRipple {
  border: 2px solid color-mix(in srgb, var(--primary-color, #e68c3a) 50%, transparent);
  pointer-events: none;
  border-radius: 50%;
  animation: 2s ease-out infinite LoadingSpinner-module__HkLnqW__logoRippleExpand;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

.LoadingSpinner-module__HkLnqW__companyLogo {
  object-fit: contain;
  z-index: 2;
  opacity: 0;
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .9)) drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color, #e68c3a) 40%, transparent)) drop-shadow(0 2px 6px rgba(0, 0, 0, .15));
  transition: opacity .4s, transform .4s cubic-bezier(.34, 1.56, .64, 1);
  animation: 4s ease-in-out infinite LoadingSpinner-module__HkLnqW__logoFloat;
  transform: scale(.8);
}

.LoadingSpinner-module__HkLnqW__companyLogo.LoadingSpinner-module__HkLnqW__logoVisible {
  opacity: 1;
  transform: scale(1);
}

.LoadingSpinner-module__HkLnqW__logoShine {
  pointer-events: none;
  z-index: 3;
  background: linear-gradient(120deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 70%);
  width: 200%;
  height: 200%;
  animation: 4s ease-in-out infinite LoadingSpinner-module__HkLnqW__logoShinePass;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: rotate(25deg)translateX(-100%);
}

@keyframes LoadingSpinner-module__HkLnqW__logoContainerPulse {
  0%, 100% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), 0 8px 32px color-mix(in srgb, var(--primary-color, #e68c3a) 35%, transparent), 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(255, 255, 255, .8), inset 0 -1px 3px rgba(0, 0, 0, .05);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--primary-color, #e68c3a) 20%, transparent), 0 12px 40px color-mix(in srgb, var(--primary-color, #e68c3a) 45%, transparent), 0 6px 20px rgba(0, 0, 0, .12), inset 0 2px 4px rgba(255, 255, 255, .9), inset 0 -1px 3px rgba(0, 0, 0, .05);
    transform: scale(1.05);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__logoGlowPulse {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__logoRippleExpand {
  0% {
    opacity: .8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__logoFloat {
  0%, 100% {
    transform: translateY(0)rotate(0);
  }

  25% {
    transform: translateY(-2px)rotate(1deg);
  }

  75% {
    transform: translateY(2px)rotate(-1deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__logoShinePass {
  0%, 85%, 100% {
    transform: rotate(25deg)translateX(-100%);
  }

  95% {
    transform: rotate(25deg)translateX(100%);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__rayPulse {
  0%, 100% {
    opacity: .3;
    transform: translate(-50%, -50%)scale(.9);
  }

  50% {
    opacity: .6;
    transform: translate(-50%, -50%)scale(1.2);
  }
}

.LoadingSpinner-module__HkLnqW__particle {
  background: linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white));
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px color-mix(in srgb, var(--primary-color, #e68c3a) 60%, transparent);
  will-change: transform, opacity;
  border-radius: 50%;
  position: absolute;
}

[data-rotation="clockwise"] .LoadingSpinner-module__HkLnqW__particle {
  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__orbit;
  animation-delay: var(--particle-delay, 0s);
}

[data-rotation="counter-clockwise"] .LoadingSpinner-module__HkLnqW__particle {
  animation: 4s cubic-bezier(.4, 0, .2, 1) infinite LoadingSpinner-module__HkLnqW__orbitReverse;
  animation-delay: var(--particle-delay, 0s);
}

.LoadingSpinner-module__HkLnqW__messageContainer {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-height: 45px;
  display: flex;
}

.LoadingSpinner-module__HkLnqW__message {
  text-align: center;
  letter-spacing: -.01em;
  background: linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white));
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color, #e68c3a) 35%, transparent));
  will-change: transform, opacity;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  animation: .4s cubic-bezier(.4, 0, .2, 1) LoadingSpinner-module__HkLnqW__messageSlideIn;
}

.LoadingSpinner-module__HkLnqW__messageDots {
  align-items: center;
  gap: 4px;
  display: flex;
}

.LoadingSpinner-module__HkLnqW__dot {
  background: var(--primary-color, #e68c3a);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 8px color-mix(in srgb, var(--primary-color, #e68c3a) 60%, transparent);
  will-change: transform;
  border-radius: 50%;
  animation: 1.4s ease-in-out infinite LoadingSpinner-module__HkLnqW__dotBounce;
}

.LoadingSpinner-module__HkLnqW__dot:first-child {
  animation-delay: 0s;
}

.LoadingSpinner-module__HkLnqW__dot:nth-child(2) {
  animation-delay: .2s;
}

.LoadingSpinner-module__HkLnqW__dot:nth-child(3) {
  animation-delay: .4s;
}

@keyframes LoadingSpinner-module__HkLnqW__ringRotate1 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__ringRotate2 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__ringRotate3 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__iconPulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__iconFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__centerPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .85;
    transform: scale(1.15);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__pulseRing {
  from {
    opacity: 1;
    transform: scale(.8);
  }

  to {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__orbit {
  0% {
    opacity: 0;
    transform: rotate(0)translateX(45px)rotate(0);
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(360deg)translateX(45px)rotate(-360deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__orbitReverse {
  0% {
    opacity: 0;
    transform: rotate(0)translateX(45px)rotate(0);
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(-360deg)translateX(45px)rotate(360deg);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__messageSlideIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__dotBounce {
  0%, 80%, 100% {
    transform: scale(1)translateY(0);
  }

  40% {
    transform: scale(1.3)translateY(-6px);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__rayFloat1 {
  0%, 100% {
    opacity: .25;
    transform: translate(0)scale(1);
  }

  50% {
    opacity: .4;
    transform: translate(-20px, 20px)scale(1.15);
  }
}

@keyframes LoadingSpinner-module__HkLnqW__rayFloat2 {
  0%, 100% {
    opacity: .25;
    transform: translate(0)scale(1);
  }

  50% {
    opacity: .35;
    transform: translate(25px, -25px)scale(1.2);
  }
}

@media (max-width: 600px) {
  .LoadingSpinner-module__HkLnqW__container {
    min-height: 100px;
    padding: 16px;
  }

  .LoadingSpinner-module__HkLnqW__container.LoadingSpinner-module__HkLnqW__fullScreen {
    background: linear-gradient(135deg, rgba(255, 255, 255, .88) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 5%, rgba(255, 255, 255, .85)) 50%, rgba(245, 247, 250, .88) 100%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    padding: 24px;
  }

  .LoadingSpinner-module__HkLnqW__loaderRings {
    width: 70px;
    height: 70px;
  }

  .LoadingSpinner-module__HkLnqW__loaderRingsLarge {
    width: 90px;
    height: 90px;
  }

  .LoadingSpinner-module__HkLnqW__ring1 {
    border-width: 2px;
    width: 60px;
    height: 60px;
  }

  .LoadingSpinner-module__HkLnqW__ring2 {
    border-width: 2px;
    width: 45px;
    height: 45px;
  }

  .LoadingSpinner-module__HkLnqW__ring3 {
    border-width: 1.5px;
    width: 28px;
    height: 28px;
  }

  .LoadingSpinner-module__HkLnqW__ring4, .LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring1 {
    width: 80px;
    height: 80px;
  }

  .LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring2 {
    width: 60px;
    height: 60px;
  }

  .LoadingSpinner-module__HkLnqW__loaderRingsLarge .LoadingSpinner-module__HkLnqW__ring3 {
    width: 42px;
    height: 42px;
  }

  .LoadingSpinner-module__HkLnqW__iconWrapper {
    width: 36px;
    height: 36px;
  }

  .LoadingSpinner-module__HkLnqW__icon {
    width: 20px !important;
    height: 20px !important;
  }

  .LoadingSpinner-module__HkLnqW__centerDot {
    width: 8px;
    height: 8px;
  }

  .LoadingSpinner-module__HkLnqW__particle {
    width: 4px;
    height: 4px;
  }

  .LoadingSpinner-module__HkLnqW__message {
    font-size: 11px;
  }

  .LoadingSpinner-module__HkLnqW__lightRay1, .LoadingSpinner-module__HkLnqW__lightRay2 {
    filter: blur(18px);
    width: 80px;
    height: 80px;
  }

  .LoadingSpinner-module__HkLnqW__lightRay3 {
    width: 120px;
    height: 120px;
  }

  .LoadingSpinner-module__HkLnqW__logoContainer {
    width: 44px;
    height: 44px;
  }

  .LoadingSpinner-module__HkLnqW__companyLogo {
    width: 28px;
    height: 28px;
  }

  .LoadingSpinner-module__HkLnqW__logoGlow {
    top: -12px;
    bottom: -12px;
    left: -12px;
    right: -12px;
  }
}

.LoadingSpinner-module__HkLnqW__loaderRings, .LoadingSpinner-module__HkLnqW__ring1, .LoadingSpinner-module__HkLnqW__ring2, .LoadingSpinner-module__HkLnqW__ring3, .LoadingSpinner-module__HkLnqW__ring4, .LoadingSpinner-module__HkLnqW__centerDot, .LoadingSpinner-module__HkLnqW__pulse, .LoadingSpinner-module__HkLnqW__particle, .LoadingSpinner-module__HkLnqW__logoContainer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* [project]/src/components/Guards/PermissionsLoadError/PermissionsLoadError.module.css [client] (css) */
.PermissionsLoadError-module__8Aj61W__wrap {
  min-height: 60vh;
  padding: var(--page-padding-desktop);
  box-sizing: border-box;
  place-items: center;
  display: grid;
}

.PermissionsLoadError-module__8Aj61W__card {
  border-radius: var(--border-radius-2xl, 20px);
  text-align: center;
  max-width: 90vw;
  padding: 32px 28px;
  position: relative;
}

.PermissionsLoadError-module__8Aj61W__halo {
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(1200px 240px at 50% -10%, color-mix(in srgb, var(--warning-color, #f59e0b) 28%, transparent), transparent 60%), radial-gradient(600px 200px at 10% 120%, color-mix(in srgb, var(--error-color, #ef4444) 18%, transparent), transparent 70%), radial-gradient(600px 200px at 90% 120%, color-mix(in srgb, var(--warning-color, #f59e0b) 18%, transparent), transparent 70%);
  opacity: .7;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.PermissionsLoadError-module__8Aj61W__iconWrap {
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background: linear-gradient(160deg, color-mix(in srgb, var(--warning-color, #f59e0b) 84%, #fff 16%), color-mix(in srgb, var(--warning-color, #f59e0b) 62%, #fff 38%));
  width: 84px;
  height: 84px;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--warning-color, #f59e0b) 30%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning-color, #f59e0b) 40%, transparent);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 12px;
  display: grid;
}

.PermissionsLoadError-module__8Aj61W__title {
  color: var(--text-primary);
  margin: 6px 0 4px;
  font-size: max(20px, min(3.2vw, 28px));
  font-weight: 800;
}

.PermissionsLoadError-module__8Aj61W__subtitle {
  font-size: var(--font-size-3, 15px);
  color: var(--text-secondary);
  margin-bottom: 18px;
}

.PermissionsLoadError-module__8Aj61W__tips {
  gap: 8px;
  margin: 12px 0 4px;
  display: grid;
}

.PermissionsLoadError-module__8Aj61W__tip {
  color: var(--text-primary);
  background: linear-gradient(180deg, color-mix(in srgb, var(--glass-bg, rgba(255, 255, 255, .06)) 92%, transparent), color-mix(in srgb, var(--glass-bg, rgba(255, 255, 255, .06)) 70%, transparent));
  border: 1px solid var(--glass-border);
  border-radius: 999px;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-weight: 600;
  display: inline-grid;
}

.PermissionsLoadError-module__8Aj61W__actions {
  grid-auto-flow: column;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.PermissionsLoadError-module__8Aj61W__btnLink {
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: inline-flex;
}

/* [project]/src/pages/DashboardPreviewPage.module.css [client] (css) */
.DashboardPreviewPage-module__FwVmvq__dashboardContainer {
  min-height: 100vh;
  padding: var(--page-padding-desktop);
  gap: var(--page-gap-desktop);
  direction: rtl;
  background-color: #f4f6fa;
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__dashboardContainer {
  background-color: #0f172a;
}

.DashboardPreviewPage-module__FwVmvq__pageTitle {
  text-align: right;
  color: #1e293b;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 800;
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__pageTitle {
  color: rgba(255, 255, 255, .95);
}

.DashboardPreviewPage-module__FwVmvq__gridWrapper {
  width: 100%;
  margin: 0 auto;
}

.DashboardPreviewPage-module__FwVmvq__cardsGrid {
  gap: var(--page-gap-desktop);
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  align-items: start;
  display: grid;
}

.DashboardPreviewPage-module__FwVmvq__card {
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-xl);
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__card {
  background: rgba(30, 41, 59, .6);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__card:hover {
  box-shadow: 0 12px 36px rgba(0, 0, 0, .3);
}

.DashboardPreviewPage-module__FwVmvq__fullWidthCard {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
}

.DashboardPreviewPage-module__FwVmvq__twoColumnRow {
  gap: var(--page-gap-desktop);
  width: 100%;
  max-width: var(--page-max-width);
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  margin: 0 auto;
  display: grid;
}

.DashboardPreviewPage-module__FwVmvq__columnCard {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.DashboardPreviewPage-module__FwVmvq__columnCard > * {
  flex: 1;
  width: 100%;
  min-height: 0;
}

.DashboardPreviewPage-module__FwVmvq__card:hover {
  transition: box-shadow var(--transition-normal);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .12);
}

.DashboardPreviewPage-module__FwVmvq__cardTitle {
  color: #334155;
  border-right: 4px solid #4e60ff;
  margin-bottom: 8px;
  padding-right: 10px;
  font-size: 20px;
  font-weight: 700;
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__cardTitle {
  color: rgba(255, 255, 255, .9);
}

.DashboardPreviewPage-module__FwVmvq__placeholder {
  text-align: center;
  color: #64748b;
  background-color: #f8fafc;
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  flex-grow: 1;
  padding: 24px;
  font-size: 15px;
}

[data-theme="dark"] .DashboardPreviewPage-module__FwVmvq__placeholder {
  color: rgba(255, 255, 255, .6);
  background-color: rgba(30, 41, 59, .5);
  border-color: rgba(255, 255, 255, .15);
}

@media (max-width: 900px) {
  .DashboardPreviewPage-module__FwVmvq__dashboardContainer {
    padding: var(--page-padding-tablet);
    gap: var(--page-gap-tablet);
  }

  .DashboardPreviewPage-module__FwVmvq__cardsGrid {
    gap: var(--page-gap-tablet);
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }

  .DashboardPreviewPage-module__FwVmvq__twoColumnRow {
    gap: var(--page-gap-tablet);
  }
}

@media (max-width: 600px) {
  .DashboardPreviewPage-module__FwVmvq__dashboardContainer {
    gap: var(--page-gap-mobile);
    padding: var(--page-padding-mobile);
    padding-bottom: 100px;
  }

  .DashboardPreviewPage-module__FwVmvq__pageTitle {
    text-align: center;
    font-size: 24px;
  }

  .DashboardPreviewPage-module__FwVmvq__cardsGrid, .DashboardPreviewPage-module__FwVmvq__twoColumnRow {
    gap: var(--page-gap-mobile);
    grid-template-columns: 1fr;
  }

  .DashboardPreviewPage-module__FwVmvq__card {
    padding: var(--spacing-md);
  }

  .DashboardPreviewPage-module__FwVmvq__cardTitle {
    text-align: center;
    border: none;
    padding: 0;
    font-size: 18px;
  }

  .DashboardPreviewPage-module__FwVmvq__placeholder {
    font-size: 14px;
  }

  .DashboardPreviewPage-module__FwVmvq__mobileTabContent {
    gap: var(--page-gap-mobile);
    flex-direction: column;
    width: 100%;
    display: flex;
  }
}

/* [project]/src/components/Dashboard/WidgetHeader/WidgetHeader.module.css [client] (css) */
.WidgetHeader-module__6DkJha__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  display: flex;
}

.WidgetHeader-module__6DkJha__headerRight {
  align-items: center;
  gap: var(--spacing-md);
  display: flex;
}

.WidgetHeader-module__6DkJha__headerIcon {
  border-radius: 14px;
  flex-shrink: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  transition: all .3s;
  display: grid;
}

.WidgetHeader-module__6DkJha__iconPrimary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--primary-color);
}

.WidgetHeader-module__6DkJha__iconSecondary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--secondary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--secondary-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--secondary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--secondary-color);
}

.WidgetHeader-module__6DkJha__iconSuccess {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--success-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--success-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--success-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--success-color);
}

.WidgetHeader-module__6DkJha__iconWarning {
  background: linear-gradient(135deg, color-mix(in srgb, var(--warning-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--warning-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--warning-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--warning-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--warning-color);
}

.WidgetHeader-module__6DkJha__iconError {
  background: linear-gradient(135deg, color-mix(in srgb, var(--error-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--error-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--error-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--error-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--error-color);
}

.WidgetHeader-module__6DkJha__iconInfo {
  background: linear-gradient(135deg, color-mix(in srgb, var(--info-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--info-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--info-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--info-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--info-color);
}

.WidgetHeader-module__6DkJha__headerText {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.WidgetHeader-module__6DkJha__titleRow {
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  display: flex;
}

.WidgetHeader-module__6DkJha__title {
  color: var(--title);
  letter-spacing: .2px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.WidgetHeader-module__6DkJha__subtitle {
  color: var(--text-secondary);
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}

.WidgetHeader-module__6DkJha__chipsContainer {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.WidgetHeader-module__6DkJha__chip {
  white-space: nowrap;
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.WidgetHeader-module__6DkJha__chip svg {
  flex-shrink: 0;
}

.WidgetHeader-module__6DkJha__chipPrimary {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .9));
  color: var(--primary-color);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__chipSecondary {
  background: color-mix(in srgb, var(--secondary-color) 15%, rgba(255, 255, 255, .9));
  color: var(--secondary-color);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__chipSuccess {
  background: color-mix(in srgb, var(--success-color) 15%, rgba(255, 255, 255, .9));
  color: var(--success-color);
  border: 1px solid color-mix(in srgb, var(--success-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__chipWarning {
  background: color-mix(in srgb, var(--warning-color) 15%, rgba(255, 255, 255, .9));
  color: var(--warning-color);
  border: 1px solid color-mix(in srgb, var(--warning-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__chipError {
  background: color-mix(in srgb, var(--error-color) 15%, rgba(255, 255, 255, .9));
  color: var(--error-color);
  border: 1px solid color-mix(in srgb, var(--error-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__chipInfo {
  background: color-mix(in srgb, var(--info-color) 15%, rgba(255, 255, 255, .9));
  color: var(--info-color);
  border: 1px solid color-mix(in srgb, var(--info-color) 25%, transparent);
}

.WidgetHeader-module__6DkJha__headerActions {
  gap: var(--spacing-sm);
  flex-flow: row;
  flex-shrink: 0;
  display: flex;
}

@media (max-width: 768px) {
  .WidgetHeader-module__6DkJha__header {
    gap: var(--spacing-sm);
    flex-wrap: nowrap;
  }

  .WidgetHeader-module__6DkJha__headerRight {
    flex: 1;
    gap: 8px;
    min-width: 0;
  }

  .WidgetHeader-module__6DkJha__headerIcon {
    border-radius: 10px;
    width: 36px;
    height: 36px;
  }

  .WidgetHeader-module__6DkJha__headerIcon svg {
    width: 16px;
    height: 16px;
  }

  .WidgetHeader-module__6DkJha__headerText {
    flex: 1;
    gap: 2px;
    min-width: 0;
  }

  .WidgetHeader-module__6DkJha__titleRow {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 20px;
  }

  .WidgetHeader-module__6DkJha__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
  }

  .WidgetHeader-module__6DkJha__subtitle {
    font-size: 13px;
    font-weight: 400;
    display: none;
  }

  .WidgetHeader-module__6DkJha__chipsContainer {
    flex-wrap: nowrap;
  }

  .WidgetHeader-module__6DkJha__chip {
    height: 14px;
    padding: 2px 6px;
    font-size: 10px;
    line-height: 10px;
  }

  .WidgetHeader-module__6DkJha__headerActions {
    gap: 6px;
  }

  .WidgetHeader-module__6DkJha__headerActions .Button1 {
    min-width: unset;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
  }

  .WidgetHeader-module__6DkJha__headerActions .BtnCancel {
    min-width: unset;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
  }

  .WidgetHeader-module__6DkJha__headerActions button {
    min-width: unset;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
  }

  .WidgetHeader-module__6DkJha__headerActions a {
    min-width: unset;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
  }

  .WidgetHeader-module__6DkJha__headerActions .Button1 span {
    display: none;
  }

  .WidgetHeader-module__6DkJha__headerActions .BtnCancel span {
    display: none;
  }

  .WidgetHeader-module__6DkJha__headerActions button span {
    display: none;
  }

  .WidgetHeader-module__6DkJha__headerActions a span {
    display: none;
  }
}

@media (max-width: 480px) {
  .WidgetHeader-module__6DkJha__headerIcon {
    border-radius: 8px;
    width: 32px;
    height: 32px;
  }

  .WidgetHeader-module__6DkJha__title {
    font-size: 13px;
  }

  .WidgetHeader-module__6DkJha__chip {
    padding: 2px 6px;
    font-size: 9px;
  }
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconPrimary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconSecondary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--secondary-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--secondary-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--secondary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconSuccess {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--success-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--success-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--success-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconWarning {
  background: linear-gradient(135deg, color-mix(in srgb, var(--warning-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--warning-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--warning-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--warning-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconError {
  background: linear-gradient(135deg, color-mix(in srgb, var(--error-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--error-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--error-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--error-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__iconInfo {
  background: linear-gradient(135deg, color-mix(in srgb, var(--info-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--info-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--info-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--info-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__title {
  color: rgba(255, 255, 255, .95);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__subtitle {
  color: rgba(255, 255, 255, .6);
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipPrimary {
  background: color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipSecondary {
  background: color-mix(in srgb, var(--secondary-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--secondary-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipSuccess {
  background: color-mix(in srgb, var(--success-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--success-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipWarning {
  background: color-mix(in srgb, var(--warning-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--warning-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipError {
  background: color-mix(in srgb, var(--error-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--error-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .WidgetHeader-module__6DkJha__chipInfo {
  background: color-mix(in srgb, var(--info-color) 20%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--info-color) 30%, rgba(255, 255, 255, .1));
}

/* [project]/src/components/Dashboard/QuickLinksWidget/QuickLinksWidget.module.css [client] (css) */
.QuickLinksWidget-module__goH_sa__container {
  gap: var(--spacing-lg);
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__heroSection {
  gap: var(--widget-gap-desktop);
  padding: var(--widget-padding-desktop);
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .15);
  flex-direction: column;
  display: flex;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__heroTop {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__heroTitleWrapper {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  width: 100%;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__heroTitleLeft {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.QuickLinksWidget-module__goH_sa__heroTitleRight {
  align-items: center;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__sparkleIcon {
  color: var(--primary-color);
  filter: drop-shadow(0 2px 8px var(--glow-color-brand));
  animation: 6s ease-in-out infinite QuickLinksWidget-module__goH_sa__sparkleAdvanced;
}

@keyframes QuickLinksWidget-module__goH_sa__sparkleAdvanced {
  0%, 100% {
    filter: drop-shadow(0 2px 8px var(--glow-color-brand));
    transform: rotate(0)scale(1);
  }

  25% {
    filter: drop-shadow(0 3px 12px var(--glow-color-brand));
    transform: rotate(15deg)scale(1.08);
  }

  50% {
    transform: rotate(-10deg)scale(1.05);
  }

  75% {
    filter: drop-shadow(0 4px 16px var(--glow-color-brand));
    transform: rotate(20deg)scale(1.1);
  }
}

.QuickLinksWidget-module__goH_sa__heroTitle {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-4);
  letter-spacing: -.02em;
  color: var(--title);
  margin: 0;
  line-height: 1.2;
}

.QuickLinksWidget-module__goH_sa__heroBadge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, transparent), color-mix(in srgb, var(--primary-color) 8%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  color: var(--primary-color);
  font-size: var(--font-size-2);
  white-space: nowrap;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-weight: 700;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__heroGuide {
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-2);
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__guideIcon {
  color: var(--primary-color);
  filter: drop-shadow(0 1px 3px var(--glow-color-brand));
  flex-shrink: 0;
}

.QuickLinksWidget-module__goH_sa__heroUnderline {
  width: 100%;
  height: 2px;
  margin-top: var(--spacing-xs);
  background: rgba(255, 255, 255, .06);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.QuickLinksWidget-module__goH_sa__heroUnderlineFill {
  background: linear-gradient(90deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 60%, white) 50%, transparent 100%);
  height: 100%;
  box-shadow: 0 0 12px var(--glow-color-brand);
  position: absolute;
  top: 0;
  left: 0;
}

.QuickLinksWidget-module__goH_sa__grid {
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) 0;
  grid-template-columns: repeat(auto-fill, minmax(90px, 90px));
  justify-content: start;
  display: grid;
}

.QuickLinksWidget-module__goH_sa__grid > a {
  min-width: 0;
  display: block;
}

@media (max-width: 768px) {
  .QuickLinksWidget-module__goH_sa__grid {
    grid-template-columns: repeat(3, 1fr);
    justify-content: stretch;
  }
}

.QuickLinksWidget-module__goH_sa__linkCard {
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  width: 100%;
  min-width: 0;
  height: 90px;
  min-height: 90px;
  max-height: 90px;
  transition: all var(--transition-normal) cubic-bezier(.34, 1.56, .64, 1);
  transform-origin: center;
  will-change: transform, box-shadow;
  background: linear-gradient(135deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .06) 100%);
  border: 1px solid rgba(255, 255, 255, .22);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 10px 6px 8px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .18);
}

.QuickLinksWidget-module__goH_sa__linkCard > :first-child {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover {
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(135deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .08) 100%);
  border-color: rgba(255, 255, 255, .32);
  transform: translateY(-4px)scale(1.02);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .14), 0 4px 16px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .25), inset 0 -1px rgba(0, 0, 0, .08);
}

.QuickLinksWidget-module__goH_sa__linkCard:active {
  transition-duration: var(--transition-fast);
  transform: translateY(-2px)scale(1.01);
}

.QuickLinksWidget-module__goH_sa__particles {
  pointer-events: none;
  z-index: 1;
  opacity: .4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.QuickLinksWidget-module__goH_sa__particle {
  background: radial-gradient(circle, var(--primary-color), transparent);
  filter: blur(.5px);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.QuickLinksWidget-module__goH_sa__particle:first-child {
  left: 20%;
}

.QuickLinksWidget-module__goH_sa__particle:nth-child(2) {
  left: 40%;
}

.QuickLinksWidget-module__goH_sa__particle:nth-child(3) {
  left: 60%;
}

.QuickLinksWidget-module__goH_sa__particle:nth-child(4) {
  left: 80%;
}

.QuickLinksWidget-module__goH_sa__particle:nth-child(5) {
  left: 90%;
}

.QuickLinksWidget-module__goH_sa__radialGlow {
  background: radial-gradient(ellipse, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.QuickLinksWidget-module__goH_sa__lightSweep {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary-color) 15%, transparent) 50%, transparent);
  pointer-events: none;
  z-index: 3;
  width: 100%;
  height: 100%;
  transition: left .5s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 0;
  left: -100%;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__lightSweep {
  left: 100%;
}

.QuickLinksWidget-module__goH_sa__gradientBorder {
  background: linear-gradient(90deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 70%, white) 50%, transparent 100%);
  width: 0;
  height: 2px;
  box-shadow: 0 0 10px var(--glow-color-brand);
  z-index: 4;
  transition: width .6s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__gradientBorder {
  width: 100%;
}

.QuickLinksWidget-module__goH_sa__statsBadge {
  display: none;
}

.QuickLinksWidget-module__goH_sa__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 16%, transparent), color-mix(in srgb, var(--primary-color) 8%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary-color) 28%, transparent);
  width: 28px;
  height: 28px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, .18);
  color: var(--primary-color);
  transition: all var(--transition-normal) cubic-bezier(.34, 1.56, .64, 1);
  z-index: 10;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.QuickLinksWidget-module__goH_sa__iconWrapper svg {
  width: 14px;
  height: 14px;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__iconWrapper {
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 35%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: scale(1.15)rotate(5deg);
}

.QuickLinksWidget-module__goH_sa__iconGlow {
  background: radial-gradient(circle, var(--glow-color-brand) 0%, transparent 70%);
  opacity: 0;
  width: 140%;
  height: 140%;
  transition: opacity var(--transition-normal) ease;
  pointer-events: none;
  animation: 3s ease-in-out infinite QuickLinksWidget-module__goH_sa__glowPulseIdle;
  position: absolute;
}

@keyframes QuickLinksWidget-module__goH_sa__glowPulseIdle {
  0%, 100% {
    opacity: .15;
    transform: scale(1);
  }

  50% {
    opacity: .3;
    transform: scale(1.1);
  }
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__iconGlow {
  opacity: .7;
  animation: 1.2s ease-in-out infinite QuickLinksWidget-module__goH_sa__glowPulse;
}

@keyframes QuickLinksWidget-module__goH_sa__glowPulse {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: .9;
    transform: scale(1.25);
  }
}

.QuickLinksWidget-module__goH_sa__iconRing {
  border: 2px solid color-mix(in srgb, var(--primary-color) 40%, transparent);
  border-radius: var(--border-radius-md);
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all var(--transition-normal) ease;
  pointer-events: none;
  position: absolute;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__iconRing {
  opacity: 1;
  animation: 1.5s ease-in-out infinite QuickLinksWidget-module__goH_sa__ringPulse;
  transform: scale(1.15);
}

@keyframes QuickLinksWidget-module__goH_sa__ringPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1.15);
  }

  50% {
    opacity: .4;
    transform: scale(1.3);
  }
}

.QuickLinksWidget-module__goH_sa__content {
  text-align: center;
  z-index: 10;
  box-sizing: border-box;
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0 4px;
  display: flex;
  overflow: hidden;
}

.QuickLinksWidget-module__goH_sa__titleRow {
  align-items: center;
  gap: 6px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__linkTitle {
  color: var(--title);
  letter-spacing: -.01em;
  transition: all var(--transition-fast) ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  max-width: 100%;
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__linkTitle {
  color: var(--primary-color);
  text-shadow: 0 2px 8px var(--glow-color-brand);
  transform: translateX(-2px);
}

.QuickLinksWidget-module__goH_sa__arrowIcon {
  color: var(--primary-color);
  width: 16px;
  height: 16px;
  filter: drop-shadow(0 1px 4px var(--glow-color-brand));
  flex-shrink: 0;
}

.QuickLinksWidget-module__goH_sa__linkDescription {
  color: var(--text-secondary);
  white-space: nowrap;
  transition: color var(--transition-fast) ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__linkDescription {
  color: var(--text-primary);
}

.QuickLinksWidget-module__goH_sa__guideText {
  display: none;
}

.QuickLinksWidget-module__goH_sa__cornerAccent {
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, transparent 70%);
  opacity: 0;
  width: 60px;
  height: 60px;
  transition: opacity var(--transition-normal) ease;
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.QuickLinksWidget-module__goH_sa__cornerAccentBottom {
  background: radial-gradient(circle at bottom left, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 70%);
  opacity: 0;
  width: 50px;
  height: 50px;
  transition: opacity var(--transition-normal) ease;
  pointer-events: none;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__cornerAccent, .QuickLinksWidget-module__goH_sa__linkCard:hover .QuickLinksWidget-module__goH_sa__cornerAccentBottom {
  opacity: 1;
}

.QuickLinksWidget-module__goH_sa__ripple {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.QuickLinksWidget-module__goH_sa__gradientprimary .QuickLinksWidget-module__goH_sa__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, transparent), color-mix(in srgb, var(--primary-color) 10%, transparent));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}

.QuickLinksWidget-module__goH_sa__gradientsecondary .QuickLinksWidget-module__goH_sa__iconWrapper, .QuickLinksWidget-module__goH_sa__gradientsecondary .QuickLinksWidget-module__goH_sa__statsBadge, .QuickLinksWidget-module__goH_sa__gradientsecondary .QuickLinksWidget-module__goH_sa__guideText {
  background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 18%, transparent), color-mix(in srgb, var(--secondary-color) 10%, transparent));
  border-color: color-mix(in srgb, var(--secondary-color) 30%, transparent);
  color: var(--secondary-color);
}

.QuickLinksWidget-module__goH_sa__gradientsecondary .QuickLinksWidget-module__goH_sa__arrowIcon, .QuickLinksWidget-module__goH_sa__gradientsecondary:hover .QuickLinksWidget-module__goH_sa__linkTitle {
  color: var(--secondary-color);
}

.QuickLinksWidget-module__goH_sa__gradientaccent .QuickLinksWidget-module__goH_sa__iconWrapper, .QuickLinksWidget-module__goH_sa__gradientaccent .QuickLinksWidget-module__goH_sa__statsBadge, .QuickLinksWidget-module__goH_sa__gradientaccent .QuickLinksWidget-module__goH_sa__guideText {
  background: linear-gradient(135deg, color-mix(in srgb, var(--bad) 18%, transparent), color-mix(in srgb, var(--bad) 10%, transparent));
  border-color: color-mix(in srgb, var(--bad) 30%, transparent);
  color: var(--bad);
}

.QuickLinksWidget-module__goH_sa__gradientaccent .QuickLinksWidget-module__goH_sa__arrowIcon, .QuickLinksWidget-module__goH_sa__gradientaccent:hover .QuickLinksWidget-module__goH_sa__linkTitle {
  color: var(--bad);
}

@media (max-width: 900px) {
  .QuickLinksWidget-module__goH_sa__container {
    gap: var(--spacing-md);
  }

  .QuickLinksWidget-module__goH_sa__heroSection {
    padding: var(--spacing-md) var(--spacing-lg);
  }

  .QuickLinksWidget-module__goH_sa__heroTitle {
    font-size: 18px;
  }

  .QuickLinksWidget-module__goH_sa__heroGuide {
    font-size: 12px;
  }

  .QuickLinksWidget-module__goH_sa__grid {
    justify-content: flex-start;
    gap: var(--spacing-sm);
  }

  .QuickLinksWidget-module__goH_sa__linkCard {
    padding: var(--spacing-sm) var(--spacing-md);
  }

  .QuickLinksWidget-module__goH_sa__iconWrapper {
    width: 40px;
    height: 40px;
  }

  .QuickLinksWidget-module__goH_sa__iconWrapper svg {
    width: 20px;
    height: 20px;
  }

  .QuickLinksWidget-module__goH_sa__linkTitle {
    font-size: 14px;
  }

  .QuickLinksWidget-module__goH_sa__linkDescription {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .QuickLinksWidget-module__goH_sa__heroSection {
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }

  .QuickLinksWidget-module__goH_sa__heroTop {
    align-items: flex-start;
    gap: var(--spacing-sm);
    flex-direction: column;
  }

  .QuickLinksWidget-module__goH_sa__heroTitle {
    font-size: 16px;
  }

  .QuickLinksWidget-module__goH_sa__sparkleIcon {
    width: 20px;
    height: 20px;
  }

  .QuickLinksWidget-module__goH_sa__heroBadge {
    padding: 5px 10px;
    font-size: 10px;
  }

  .QuickLinksWidget-module__goH_sa__heroGuide {
    font-size: 11px;
  }

  .QuickLinksWidget-module__goH_sa__grid {
    gap: var(--spacing-sm);
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .QuickLinksWidget-module__goH_sa__linkCard {
    width: 100%;
    padding: var(--spacing-sm);
    flex-grow: 0;
    flex-shrink: 0;
  }

  .QuickLinksWidget-module__goH_sa__linkCard:hover {
    transform: translateY(-2px)scale(1.01);
  }

  .QuickLinksWidget-module__goH_sa__iconWrapper {
    width: 24px;
    height: 24px;
  }

  .QuickLinksWidget-module__goH_sa__iconWrapper svg {
    width: 14px;
    height: 14px;
  }

  .QuickLinksWidget-module__goH_sa__linkTitle {
    font-size: 13px;
  }

  .QuickLinksWidget-module__goH_sa__linkDescription {
    font-size: 10px;
  }

  .QuickLinksWidget-module__goH_sa__guideText {
    padding: 3px 6px;
    font-size: 9px;
  }

  .QuickLinksWidget-module__goH_sa__arrowIcon {
    width: 14px;
    height: 14px;
  }
}

.QuickLinksWidget-module__goH_sa__linkCard:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 10px 40px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-color: var(--primary-color);
  outline: none;
  transform: translateY(-2px);
}

.QuickLinksWidget-module__goH_sa__editButton {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 14%, transparent), rgba(255, 255, 255, .02));
  border: 1px solid color-mix(in srgb, var(--primary-color) 22%, rgba(255, 255, 255, .06));
  color: var(--primary-color);
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
}

.QuickLinksWidget-module__goH_sa__editButton svg {
  opacity: .95;
}

.QuickLinksWidget-module__goH_sa__editButton:hover {
  transform: translateY(-2px);
}

.QuickLinksWidget-module__goH_sa__modalOverlay {
  z-index: var(--z-overlay);
  background: rgba(0, 0, 0, .45);
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.QuickLinksWidget-module__goH_sa__modal {
  background: linear-gradient(rgba(255, 255, 255, .03), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  width: 100%;
  max-width: 960px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
}

.QuickLinksWidget-module__goH_sa__modalHeader {
  border-bottom: 1px solid rgba(255, 255, 255, .03);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__modalBody {
  gap: 16px;
  padding: 18px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__editorWrapper {
  flex-direction: column;
  flex: auto;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.QuickLinksWidget-module__goH_sa__editorInner {
  flex: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
}

.QuickLinksWidget-module__goH_sa__availableColumn, .QuickLinksWidget-module__goH_sa__selectedColumn {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__columnCard {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .016));
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  padding: 12px;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 10px 40px rgba(0, 0, 0, .18);
}

.QuickLinksWidget-module__goH_sa__availableColumn {
  background: linear-gradient(150deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
}

.QuickLinksWidget-module__goH_sa__selectedColumn {
  background: linear-gradient(150deg, color-mix(in srgb, var(--primary-color) 10%, transparent), rgba(255, 255, 255, .02));
  border-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .12)), 0 12px 48px color-mix(in srgb, var(--primary-color) 22%, rgba(0, 0, 0, .18));
}

.QuickLinksWidget-module__goH_sa__columnHeader {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__columnTitle {
  align-items: center;
  gap: 10px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__columnTitle h4 {
  color: var(--title);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.QuickLinksWidget-module__goH_sa__columnIconBubble {
  background: linear-gradient(140deg, color-mix(in srgb, var(--primary-color) 14%, transparent), rgba(255, 255, 255, .08));
  border: 1px solid color-mix(in srgb, var(--primary-color) 24%, transparent);
  width: 34px;
  height: 34px;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-color) 26%, transparent), inset 0 1px 0 rgba(255, 255, 255, .35);
  color: var(--primary-color);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.QuickLinksWidget-module__goH_sa__columnSubtitle {
  color: var(--text-secondary);
  opacity: .8;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 500;
}

.QuickLinksWidget-module__goH_sa__counterBadge {
  min-width: 34px;
  height: 34px;
  color: var(--title);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06));
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  place-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__counterBadgePrimary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 50%, transparent), color-mix(in srgb, var(--primary-color) 24%, transparent));
  color: #fff;
  border-color: color-mix(in srgb, var(--primary-color) 36%, transparent);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 30%, transparent);
}

.QuickLinksWidget-module__goH_sa__surfaceCard {
  background: linear-gradient(160deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.QuickLinksWidget-module__goH_sa__columnHint {
  color: var(--text-secondary);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.QuickLinksWidget-module__goH_sa__pulseDot {
  background: var(--primary-color);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary-color) 42%, transparent);
  border-radius: 50%;
  animation: 2s infinite QuickLinksWidget-module__goH_sa__pulse;
}

@keyframes QuickLinksWidget-module__goH_sa__pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary-color) 42%, transparent);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }
}

.QuickLinksWidget-module__goH_sa__availableGrid {
  flex: auto;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding: 4px 2px;
  display: grid;
  overflow: auto;
}

.QuickLinksWidget-module__goH_sa__selectedGrid {
  flex: auto;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding: 4px 2px;
  display: grid;
  overflow: auto;
}

.QuickLinksWidget-module__goH_sa__cubeItem {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 70px;
  padding: 12px 8px;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__cubeItem:hover {
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .2));
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  box-shadow: 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .2);
}

.QuickLinksWidget-module__goH_sa__cubeIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 14%, rgba(255, 255, 255, .08)), rgba(255, 255, 255, .04));
  border: 1px solid color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .1));
  width: 26px;
  height: 26px;
  color: var(--primary-color);
  box-shadow: 0 3px 8px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .18s;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__cubeIcon svg {
  width: 14px;
  height: 14px;
}

.QuickLinksWidget-module__goH_sa__cubeItem:hover .QuickLinksWidget-module__goH_sa__cubeIcon {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: scale(1.08);
}

.QuickLinksWidget-module__goH_sa__cubeName {
  color: var(--text-primary);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding: 0 2px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.QuickLinksWidget-module__goH_sa__cubeDefaultDot {
  background: var(--primary-color);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 6px var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
}

.QuickLinksWidget-module__goH_sa__cubeAddOverlay {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 60%, transparent), color-mix(in srgb, var(--primary-color) 45%, transparent));
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  opacity: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  transition: opacity .18s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.QuickLinksWidget-module__goH_sa__cubeItem:hover .QuickLinksWidget-module__goH_sa__cubeAddOverlay {
  opacity: 1;
}

.QuickLinksWidget-module__goH_sa__selectedCube {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .06)), rgba(255, 255, 255, .03));
  border: 1px solid color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .12));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 12%, rgba(0, 0, 0, .04)), inset 0 1px 0 rgba(255, 255, 255, .15);
  cursor: grab;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-height: 80px;
  padding: 10px 8px 8px;
  transition: all .18s;
  display: flex;
  position: relative;
}

.QuickLinksWidget-module__goH_sa__selectedCube:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 14%, rgba(255, 255, 255, .08)), rgba(255, 255, 255, .04));
  border-color: color-mix(in srgb, var(--primary-color) 24%, rgba(255, 255, 255, .15));
  transform: translateY(-1px);
}

.QuickLinksWidget-module__goH_sa__selectedCubeDragging {
  cursor: grabbing;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 25%, rgba(0, 0, 0, .15)), inset 0 1px 0 rgba(255, 255, 255, .2);
  border-color: var(--primary-color);
}

.QuickLinksWidget-module__goH_sa__cubeDragHandle {
  width: 20px;
  height: 20px;
  color: var(--text-secondary);
  opacity: .5;
  cursor: grab;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.QuickLinksWidget-module__goH_sa__cubeDragHandle:hover {
  opacity: 1;
  color: var(--primary-color);
  background: rgba(255, 255, 255, .08);
}

.QuickLinksWidget-module__goH_sa__cubeDragHandle:active {
  cursor: grabbing;
}

.QuickLinksWidget-module__goH_sa__selectedCubeMain {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__cubeNameInput {
  width: 100%;
  color: var(--text-primary);
  text-align: center;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 600;
  transition: all .15s;
}

.QuickLinksWidget-module__goH_sa__cubeNameInput:hover {
  background: rgba(255, 255, 255, .04);
}

.QuickLinksWidget-module__goH_sa__cubeNameInput:focus {
  border-bottom-color: var(--primary-color);
  color: var(--primary-color);
  background: rgba(255, 255, 255, .06);
  outline: none;
}

.QuickLinksWidget-module__goH_sa__cubeNameInput::placeholder {
  color: var(--text-secondary);
  font-weight: 400;
}

.QuickLinksWidget-module__goH_sa__selectedCubeActions {
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__cubeActionBtn {
  width: 22px;
  height: 22px;
  color: var(--text-secondary);
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__cubeActionBtn:hover:not(:disabled) {
  color: var(--text-primary);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06));
  border-color: rgba(255, 255, 255, .18);
  transform: translateY(-1px);
}

.QuickLinksWidget-module__goH_sa__cubeActionBtn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.QuickLinksWidget-module__goH_sa__cubeRemoveBtn:hover {
  color: #dc2626;
  background: linear-gradient(135deg, rgba(239, 68, 68, .14), rgba(239, 68, 68, .08));
  border-color: rgba(239, 68, 68, .25);
}

.QuickLinksWidget-module__goH_sa__cubeOrderBadge {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 75%, white));
  color: #fff;
  width: 16px;
  height: 16px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 30%, transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 4px;
  left: 4px;
}

.QuickLinksWidget-module__goH_sa__emptyStateGrid {
  color: var(--text-secondary);
  background: rgba(255, 255, 255, .02);
  border: 1px dashed rgba(255, 255, 255, .08);
  border-radius: 10px;
  flex-direction: column;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__availableList, .QuickLinksWidget-module__goH_sa__selectedList {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.QuickLinksWidget-module__goH_sa__availableItem, .QuickLinksWidget-module__goH_sa__selectedItem {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__availableItem:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .18);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .2);
}

.QuickLinksWidget-module__goH_sa__selectedItem {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 8%, rgba(255, 255, 255, .06)), rgba(255, 255, 255, .03));
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 16%, rgba(255, 255, 255, .12));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #e68c3a) 10%, rgba(0, 0, 0, .04)), inset 0 1px 0 rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__selectedItem:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 12%, rgba(255, 255, 255, .08)), rgba(255, 255, 255, .04));
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 22%, rgba(255, 255, 255, .15));
  transform: translateY(-1px);
}

.QuickLinksWidget-module__goH_sa__itemContent {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__itemText {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__itemName {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.QuickLinksWidget-module__goH_sa__itemPath {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  opacity: .85;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
}

.QuickLinksWidget-module__goH_sa__itemActions {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__emptyState {
  color: var(--text-secondary);
  background: rgba(255, 255, 255, .02);
  border: 1px dashed rgba(255, 255, 255, .08);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-weight: 600;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__itemIconWrap {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 12%, rgba(255, 255, 255, .08)), rgba(255, 255, 255, .04));
  border: 1px solid color-mix(in srgb, var(--primary-color, #e68c3a) 18%, rgba(255, 255, 255, .12));
  width: 38px;
  height: 38px;
  color: var(--primary-color, #e68c3a);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #e68c3a) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .18s;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__availableItem:hover .QuickLinksWidget-module__goH_sa__itemIconWrap, .QuickLinksWidget-module__goH_sa__selectedItem:hover .QuickLinksWidget-module__goH_sa__itemIconWrap {
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color, #e68c3a) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: scale(1.08);
}

.QuickLinksWidget-module__goH_sa__defaultBadge {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  white-space: nowrap;
  letter-spacing: .01em;
  text-transform: uppercase;
  background: linear-gradient(135deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .05));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
}

.QuickLinksWidget-module__goH_sa__addButton, .QuickLinksWidget-module__goH_sa__moveButton, .QuickLinksWidget-module__goH_sa__removeButton {
  width: 32px;
  height: 32px;
  color: var(--text-primary, rgba(0, 0, 0, .92));
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__addButton:hover {
  background: var(--brand-gradient, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 75%, white)));
  color: #fff;
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .2));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: translateY(-2px)scale(1.05);
}

.QuickLinksWidget-module__goH_sa__moveButton:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .08));
  border-color: rgba(255, 255, 255, .2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .2);
}

.QuickLinksWidget-module__goH_sa__moveButton:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.QuickLinksWidget-module__goH_sa__removeButton:hover {
  color: #dc2626;
  background: linear-gradient(135deg, rgba(239, 68, 68, .12), rgba(239, 68, 68, .08));
  border-color: rgba(239, 68, 68, .25);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, .2), inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__titleInput {
  width: 100%;
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  background: none;
  border: none;
  padding: 2px 0;
  font-size: 13px;
  font-weight: 600;
}

.QuickLinksWidget-module__goH_sa__titleInput:focus {
  color: var(--primary-color, #e68c3a);
  outline: none;
}

.QuickLinksWidget-module__goH_sa__titleInput::placeholder {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  font-weight: 400;
}

.QuickLinksWidget-module__goH_sa__searchInput {
  width: 100%;
  color: var(--text-primary, rgba(0, 0, 0, .92));
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all .18s;
  box-shadow: inset 0 1px rgba(255, 255, 255, .15);
}

.QuickLinksWidget-module__goH_sa__searchInput::placeholder {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  font-weight: 400;
}

.QuickLinksWidget-module__goH_sa__searchInput:focus {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 35%, rgba(255, 255, 255, .2));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06));
  outline: none;
}

.QuickLinksWidget-module__goH_sa__searchWrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__filterFieldsRow {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
  display: grid;
}

.QuickLinksWidget-module__goH_sa__categorySelect {
  color: var(--title);
  background: rgba(255, 255, 255, .02);
  border: 1px solid rgba(255, 255, 255, .03);
  border-radius: 8px;
  padding: 6px 10px;
}

.QuickLinksWidget-module__goH_sa__categoryChips {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__categoryChip {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  cursor: pointer;
  white-space: nowrap;
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12);
}

.QuickLinksWidget-module__goH_sa__categoryChip:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .18);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .18);
}

.QuickLinksWidget-module__goH_sa__categoryChipIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.QuickLinksWidget-module__goH_sa__categoryChipLabel {
  white-space: nowrap;
  letter-spacing: -.01em;
}

.QuickLinksWidget-module__goH_sa__categoryChipActive {
  background: var(--brand-gradient, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 75%, white)));
  color: #fff;
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .3));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  font-weight: 700;
}

.QuickLinksWidget-module__goH_sa__availableControls {
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  display: flex;
}

@media (max-width: 800px) {
  .QuickLinksWidget-module__goH_sa__availableControls {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .QuickLinksWidget-module__goH_sa__searchWrapper {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 960px) {
  .QuickLinksWidget-module__goH_sa__editorInner {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .QuickLinksWidget-module__goH_sa__columnCard {
    padding: 12px;
  }

  .QuickLinksWidget-module__goH_sa__categoryChips {
    gap: 6px;
  }

  .QuickLinksWidget-module__goH_sa__categoryChip {
    padding: 5px 10px;
    font-size: 11px;
  }

  .QuickLinksWidget-module__goH_sa__itemContent {
    gap: 8px;
  }

  .QuickLinksWidget-module__goH_sa__itemIconWrap {
    width: 36px;
    height: 36px;
  }

  .QuickLinksWidget-module__goH_sa__itemActions {
    flex-wrap: wrap;
    gap: 4px;
  }

  .QuickLinksWidget-module__goH_sa__addButton, .QuickLinksWidget-module__goH_sa__moveButton, .QuickLinksWidget-module__goH_sa__removeButton {
    width: 30px;
    height: 30px;
  }

  .QuickLinksWidget-module__goH_sa__availableGrid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    max-height: 260px;
  }

  .QuickLinksWidget-module__goH_sa__selectedGrid {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    max-height: 260px;
  }

  .QuickLinksWidget-module__goH_sa__cubeItem {
    min-height: 65px;
    padding: 10px 6px;
  }

  .QuickLinksWidget-module__goH_sa__cubeIcon {
    width: 28px;
    height: 28px;
  }

  .QuickLinksWidget-module__goH_sa__cubeName {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .QuickLinksWidget-module__goH_sa__editorInner {
    gap: 10px;
  }

  .QuickLinksWidget-module__goH_sa__columnCard {
    padding: 10px;
  }

  .QuickLinksWidget-module__goH_sa__columnHeader {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .QuickLinksWidget-module__goH_sa__columnTitle h4 {
    font-size: 13px;
  }

  .QuickLinksWidget-module__goH_sa__columnSubtitle {
    display: none;
  }

  .QuickLinksWidget-module__goH_sa__columnIconBubble {
    width: 28px;
    height: 28px;
  }

  .QuickLinksWidget-module__goH_sa__counterBadge {
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    font-size: 11px;
  }

  .QuickLinksWidget-module__goH_sa__filterFieldsRow {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
  }

  .QuickLinksWidget-module__goH_sa__surfaceCard {
    gap: 8px;
    padding: 10px;
  }

  .QuickLinksWidget-module__goH_sa__searchInput {
    padding: 8px 12px;
    font-size: 12px;
  }

  .QuickLinksWidget-module__goH_sa__categoryChips {
    justify-content: flex-start;
    gap: 6px;
  }

  .QuickLinksWidget-module__goH_sa__categoryChip {
    padding: 4px 8px;
    font-size: 10px;
  }

  .QuickLinksWidget-module__goH_sa__categoryChipIcon {
    width: 14px;
    height: 14px;
  }

  .QuickLinksWidget-module__goH_sa__availableItem, .QuickLinksWidget-module__goH_sa__selectedItem {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
  }

  .QuickLinksWidget-module__goH_sa__itemContent {
    width: 100%;
  }

  .QuickLinksWidget-module__goH_sa__itemIconWrap {
    width: 34px;
    height: 34px;
  }

  .QuickLinksWidget-module__goH_sa__itemName {
    font-size: 12px;
  }

  .QuickLinksWidget-module__goH_sa__itemPath {
    font-size: 10px;
  }

  .QuickLinksWidget-module__goH_sa__itemActions {
    justify-content: flex-start;
    width: 100%;
  }

  .QuickLinksWidget-module__goH_sa__defaultBadge {
    padding: 3px 6px;
    font-size: 9px;
  }

  .QuickLinksWidget-module__goH_sa__availableGrid {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 6px;
    max-height: 220px;
  }

  .QuickLinksWidget-module__goH_sa__selectedGrid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 6px;
    max-height: 220px;
  }

  .QuickLinksWidget-module__goH_sa__cubeItem {
    min-height: 58px;
    padding: 8px 4px;
  }

  .QuickLinksWidget-module__goH_sa__cubeIcon {
    width: 24px;
    height: 24px;
  }

  .QuickLinksWidget-module__goH_sa__cubeIcon svg {
    width: 14px;
    height: 14px;
  }

  .QuickLinksWidget-module__goH_sa__cubeName {
    font-size: 9px;
  }

  .QuickLinksWidget-module__goH_sa__selectedCube {
    min-height: 70px;
    padding: 8px 6px 6px;
  }

  .QuickLinksWidget-module__goH_sa__cubeNameInput {
    font-size: 9px;
  }

  .QuickLinksWidget-module__goH_sa__cubeActionBtn {
    width: 20px;
    height: 20px;
  }

  .QuickLinksWidget-module__goH_sa__cubeOrderBadge {
    width: 14px;
    height: 14px;
    font-size: 8px;
  }
}

.QuickLinksWidget-module__goH_sa__headerRow {
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__smallBtn {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .18s;
  display: inline-flex;
}

.QuickLinksWidget-module__goH_sa__smallBtn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .08));
  transform: translateY(-1px);
}

.QuickLinksWidget-module__goH_sa__loaderSmall {
  border: 2px solid rgba(255, 255, 255, .3);
  border-top-color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  animation: .6s linear infinite QuickLinksWidget-module__goH_sa__spin;
  display: inline-block;
}

@keyframes QuickLinksWidget-module__goH_sa__spin {
  to {
    transform: rotate(360deg);
  }
}

.QuickLinksWidget-module__goH_sa__modalFooter {
  border-top: 1px solid rgba(255, 255, 255, .03);
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 18px;
  display: flex;
}

.QuickLinksWidget-module__goH_sa__ghostBtn {
  background: none;
  border: 1px solid rgba(255, 255, 255, .04);
  border-radius: 8px;
  padding: 8px 12px;
}

.QuickLinksWidget-module__goH_sa__primaryBtn {
  background: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: inline-flex;
}

.QuickLinksWidget-module__goH_sa__closeBtn {
  cursor: pointer;
  background: none;
  border: none;
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__heroSection {
  background: linear-gradient(135deg, rgba(30, 41, 59, .9), rgba(15, 23, 42, .85));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .06);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__linkCard {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .06);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__linkCard:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .04) 100%);
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .1);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, transparent), color-mix(in srgb, var(--primary-color) 12%, transparent));
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__heroUnderline {
  background: rgba(255, 255, 255, .04);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__heroBadge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, transparent), color-mix(in srgb, var(--primary-color) 15%, transparent));
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__editButton {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 20%, transparent), rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__modal {
  background: linear-gradient(rgba(30, 41, 59, .98), rgba(15, 23, 42, .95));
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__columnCard {
  background: linear-gradient(145deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__surfaceCard {
  background: linear-gradient(160deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__cubeItem {
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__cubeItem:hover {
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .15));
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__selectedCube {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .9)), rgba(30, 41, 59, .85));
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__counterBadge {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border-color: rgba(255, 255, 255, .12);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__searchInput {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .QuickLinksWidget-module__goH_sa__searchInput:focus {
  border-color: var(--primary-color);
  background: rgba(255, 255, 255, .06);
}

/* [project]/src/styles/modals.module.css [client] (css) */
.modals-module__1T8tiq__modalOverlay {
  z-index: var(--z-overlay);
  background: radial-gradient(circle at center, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .85)) 0%, rgba(0, 0, 0, .9) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards modals-module__1T8tiq__overlayFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

@keyframes modals-module__1T8tiq__overlayFadeIn {
  to {
    opacity: 1;
  }
}

.modals-module__1T8tiq__modalContainer {
  width: 100%;
  max-width: 1100px;
  height: 90vh;
  max-height: 90vh;
  z-index: var(--z-modal);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .98)) 0%, rgba(249, 250, 251, .98) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(252, 252, 253, .98)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5));
  box-shadow: 0 0 80px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08)), 0 20px 60px rgba(0, 0, 0, .1), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .3)) inset, 0 2px 0 0 color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5)) inset;
  opacity: 0;
  border-radius: 24px;
  flex-direction: column;
  animation: .35s cubic-bezier(.34, 1.3, .64, 1) forwards modals-module__1T8tiq__modalSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(.92)translateY(30px);
}

@keyframes modals-module__1T8tiq__modalSlideIn {
  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.modals-module__1T8tiq__modalMainContent {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .15)) transparent;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 15px;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.modals-module__1T8tiq__modalMainContent::-webkit-scrollbar {
  width: 8px;
}

.modals-module__1T8tiq__modalMainContent::-webkit-scrollbar-track {
  background: none;
}

.modals-module__1T8tiq__modalMainContent::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .15));
  border-radius: 4px;
  transition: background .2s;
}

.modals-module__1T8tiq__modalMainContent::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .25));
}

.modals-module__1T8tiq__modalContent {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .15)) transparent;
  flex: 1;
  padding: 2rem;
  overflow-y: auto;
}

.modals-module__1T8tiq__modalContent::-webkit-scrollbar {
  width: 8px;
}

.modals-module__1T8tiq__modalContent::-webkit-scrollbar-track {
  background: none;
}

.modals-module__1T8tiq__modalContent::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .15));
  border-radius: 4px;
  transition: background .2s;
}

.modals-module__1T8tiq__modalContent::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .25));
}

.modals-module__1T8tiq__modalFooter {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 100%);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  box-shadow: 0 -1px 0 0 color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .5)) inset, 0 -2px 20px color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(0, 0, 0, .03));
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.modals-module__1T8tiq__footerActions {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__footerActionsLeft {
  flex-shrink: 0;
  justify-content: start;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__footerActionsLeft:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsLeft:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsLeft:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsLeft:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsLeft:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsLeft:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsRight {
  flex-shrink: 0;
  justify-content: end;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__footerActionsRight:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsRight:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsRight:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.modals-module__1T8tiq__footerActionsRight:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsRight:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsRight:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.modals-module__1T8tiq__footerActionsCenter {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__footerActions + .modals-module__1T8tiq__footerActions {
  margin-right: 1rem;
}

.modals-module__1T8tiq__footerInstruction {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #555);
  text-align: right;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

@media (max-width: 768px) {
  .modals-module__1T8tiq__footerInstruction {
    padding: 0 .5rem;
    font-size: .85rem;
  }
}

@media (max-width: 480px) {
  .modals-module__1T8tiq__footerInstruction {
    padding: 0;
    font-size: .8rem;
  }
}

.modals-module__1T8tiq__toolbar {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .7)) 0%, rgba(255, 255, 255, .6) 100%);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(255, 255, 255, .3));
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
}

.modals-module__1T8tiq__toolbarGroup {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.modals-module__1T8tiq__toolbarDivider {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08));
  width: 1px;
  height: 20px;
  margin: 0 .5rem;
}

.modals-module__1T8tiq__floatingToolbar {
  z-index: 10;
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .25));
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5)) inset;
  direction: rtl;
  border-radius: 16px;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: .75rem;
  left: .75rem;
}

.modals-module__1T8tiq__floatingToolbar:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .35));
  box-shadow: 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .6)) inset;
}

.modals-module__1T8tiq__floatingToolbar .modals-module__1T8tiq__toolbarGroup {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.modals-module__1T8tiq__floatingToolbar button {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: auto !important;
  padding: 0 !important;
  display: flex !important;
}

.modals-module__1T8tiq__floatingToolbar button span {
  display: none;
}

.modals-module__1T8tiq__floatingToolbar button svg {
  margin: 0 !important;
}

.modals-module__1T8tiq__floatingToolbarDivider {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(0, 0, 0, .15));
  flex-shrink: 0;
  width: 1px;
  height: 32px;
  margin: 0 .35rem;
}

@media (max-width: 768px) {
  .modals-module__1T8tiq__floatingToolbar {
    gap: .4rem;
    padding: .4rem;
    top: .5rem;
    left: .5rem;
  }

  .modals-module__1T8tiq__floatingToolbar button {
    width: 36px;
    height: 36px;
  }

  .modals-module__1T8tiq__floatingToolbarDivider {
    height: 24px;
  }
}

@media (max-width: 480px) {
  .modals-module__1T8tiq__floatingToolbar {
    border-radius: 12px;
    padding: .35rem;
    top: .5rem;
    left: .5rem;
  }

  .modals-module__1T8tiq__floatingToolbar button {
    width: 34px;
    height: 34px;
  }

  .modals-module__1T8tiq__floatingToolbarDivider {
    height: 28px;
    margin: 0 .25rem;
  }
}

.modals-module__1T8tiq__toolButton {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .9)) 0%, rgba(255, 255, 255, .85) 100%);
  border: none;
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .5));
  width: 36px;
  height: 36px;
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 80%, rgba(0, 0, 0, .7));
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .3)) inset, 0 1px 0 0 rgba(255, 255, 255, .7) inset;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.modals-module__1T8tiq__toolButton:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .9)) 100%);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(255, 255, 255, .6));
  color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .4)) inset, 0 1px 0 0 rgba(255, 255, 255, .8) inset;
  transform: translateY(-1px);
}

.modals-module__1T8tiq__toolButton:active:not(:disabled) {
  transform: scale(.95);
}

.modals-module__1T8tiq__toolButton:disabled {
  opacity: .4;
  cursor: not-allowed;
  color: rgba(0, 0, 0, .3);
  background: rgba(255, 255, 255, .6);
}

.modals-module__1T8tiq__loadingState, .modals-module__1T8tiq__errorState, .modals-module__1T8tiq__emptyState {
  text-align: center;
  min-height: 300px;
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .6));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.modals-module__1T8tiq__spinner {
  border: 4px solid rgba(255, 255, 255, .1);
  border-top-color: var(--primary-color, #60a5fa);
  width: 48px;
  height: 48px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  border-radius: 50%;
  margin-bottom: 1rem;
  animation: .8s linear infinite modals-module__1T8tiq__spin;
}

@keyframes modals-module__1T8tiq__spin {
  to {
    transform: rotate(360deg);
  }
}

.modals-module__1T8tiq__errorState {
  color: #dc2626;
}

.modals-module__1T8tiq__emptyState {
  color: rgba(0, 0, 0, .4);
}

@media (max-width: 768px) {
  .modals-module__1T8tiq__modalOverlay {
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    background: rgba(0, 0, 0, .8);
    align-items: center;
    padding: .5rem;
  }

  .modals-module__1T8tiq__modalContainer {
    border-radius: var(--border-radius-lg);
    -webkit-backdrop-filter: none;
    contain: layout style;
    will-change: transform;
    touch-action: auto;
    max-width: 100%;
    height: 85vh;
    max-height: 85vh;
  }

  .modals-module__1T8tiq__modalMainContent {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 1rem 1.25rem;
  }

  .modals-module__1T8tiq__modalContent {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 1.5rem;
  }

  .modals-module__1T8tiq__modalFooter {
    -webkit-backdrop-filter: none;
    gap: .75rem;
    padding: 1rem 1.25rem;
  }

  .modals-module__1T8tiq__footerInstruction {
    font-size: .85rem;
  }

  .modals-module__1T8tiq__toolbar {
    flex-wrap: wrap;
    padding: .5rem 1rem;
  }
}

@media (max-width: 480px) {
  .modals-module__1T8tiq__modalMainContent {
    padding: 10px;
  }

  .modals-module__1T8tiq__modalFooter {
    gap: .5rem;
    padding: 1rem;
  }

  .modals-module__1T8tiq__footerInstruction {
    font-size: .8rem;
  }

  .modals-module__1T8tiq__footerInstruction:before {
    display: none;
  }
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__small {
  max-width: 500px;
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__medium {
  max-width: 700px;
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__large {
  max-width: 1200px;
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__fullscreen {
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__compact {
  max-width: 500px;
  height: auto;
  max-height: 90vh;
}

@media (max-width: 768px) {
  .modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__compact {
    border-radius: var(--border-radius-lg);
    width: calc(100% - 1rem);
    max-width: 100%;
    max-height: 85vh;
  }
}

.modals-module__1T8tiq__modalContent.modals-module__1T8tiq__noPadding {
  padding: 0;
}

.modals-module__1T8tiq__modalContainer.modals-module__1T8tiq__dark {
  background: linear-gradient(135deg, rgba(15, 15, 23, .98) 0%, rgba(10, 10, 15, .99) 100%);
}

.modals-module__1T8tiq__formGroup {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.modals-module__1T8tiq__formGroup:last-child {
  margin-bottom: 0;
}

.modals-module__1T8tiq__formRow {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  display: grid;
}

@media (max-width: 600px) {
  .modals-module__1T8tiq__formRow {
    grid-template-columns: 1fr;
  }
}

.modals-module__1T8tiq__label {
  color: var(--text-primary, #1f2937);
  align-items: center;
  gap: .5rem;
  margin-bottom: .25rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.modals-module__1T8tiq__label svg {
  color: var(--primary-color, #3b82f6);
  flex-shrink: 0;
}

.modals-module__1T8tiq__fieldHint {
  color: var(--text-secondary, #6b7280);
  margin: .25rem 0 0;
  font-size: .8rem;
  line-height: 1.4;
}

.modals-module__1T8tiq__input, .modals-module__1T8tiq__select, .modals-module__1T8tiq__textarea {
  width: 100%;
  color: var(--text-primary, #1f2937);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 100%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .1));
  border-radius: 10px;
  outline: none;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: .95rem;
  transition: all .2s;
}

.modals-module__1T8tiq__input:hover, .modals-module__1T8tiq__select:hover, .modals-module__1T8tiq__textarea:hover {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .15));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .98)) 0%, rgba(255, 255, 255, .95) 100%);
}

.modals-module__1T8tiq__input:focus, .modals-module__1T8tiq__select:focus, .modals-module__1T8tiq__textarea:focus {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .05));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, #fff) 0%, rgba(255, 255, 255, .98) 100%);
}

.modals-module__1T8tiq__input::placeholder, .modals-module__1T8tiq__textarea::placeholder {
  color: var(--text-secondary, #9ca3af);
}

.modals-module__1T8tiq__input:disabled, .modals-module__1T8tiq__select:disabled, .modals-module__1T8tiq__textarea:disabled {
  color: var(--text-secondary, #6b7280);
  cursor: not-allowed;
  background: rgba(243, 244, 246, .7);
  border-color: rgba(0, 0, 0, .05);
}

.modals-module__1T8tiq__textarea {
  resize: vertical;
  min-height: 100px;
}

.modals-module__1T8tiq__select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-position: 1rem 50%;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}

.modals-module__1T8tiq__inputError {
  background: linear-gradient(135deg, rgba(254, 245, 245, .98) 0%, rgba(255, 255, 255, .95) 100%) !important;
  border-color: #ef4444 !important;
}

.modals-module__1T8tiq__inputError:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .15), 0 2px 8px rgba(164, 47, 47, .145) !important;
}

.modals-module__1T8tiq__errorText {
  color: #ef4444;
  align-items: center;
  gap: .25rem;
  margin-top: .25rem;
  font-size: .8rem;
  display: flex;
}

.modals-module__1T8tiq__checkboxLabel {
  color: var(--text-primary, #1f2937);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  gap: .75rem;
  font-size: .95rem;
  font-weight: 500;
  display: flex;
}

.modals-module__1T8tiq__checkbox {
  cursor: pointer;
  width: 20px;
  height: 20px;
  accent-color: var(--primary-color, #3b82f6);
  border-radius: 4px;
}

.modals-module__1T8tiq__toggleWrapper {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__toggle {
  cursor: pointer;
  background: rgba(0, 0, 0, .15);
  border-radius: 12px;
  width: 44px;
  height: 24px;
  transition: background .2s;
  position: relative;
}

.modals-module__1T8tiq__toggle.modals-module__1T8tiq__active {
  background: var(--primary-color, #3b82f6);
}

.modals-module__1T8tiq__toggle:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: transform .2s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

.modals-module__1T8tiq__toggle.modals-module__1T8tiq__active:after {
  transform: translateX(20px);
}

.modals-module__1T8tiq__toggleLabel {
  color: var(--text-primary, #1f2937);
  font-size: .9rem;
}

.modals-module__1T8tiq__radioGroup {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.modals-module__1T8tiq__radioLabel {
  color: var(--text-primary, #1f2937);
  cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .1));
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  transition: all .2s;
  display: flex;
}

.modals-module__1T8tiq__radioLabel:hover {
  border-color: var(--primary-color, #3b82f6);
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, transparent);
}

.modals-module__1T8tiq__radioLabel.modals-module__1T8tiq__active {
  border-color: var(--primary-color, #3b82f6);
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent);
  color: var(--primary-color, #3b82f6);
  font-weight: 500;
}

.modals-module__1T8tiq__radio {
  width: 18px;
  height: 18px;
  accent-color: var(--primary-color, #3b82f6);
}

/* [project]/src/components/Shared/ModalHeader/ModalHeader.module.css [client] (css) */
.ModalHeader-module__2qt9ja__modalHeader {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 30%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .92)) 70%, rgba(255, 255, 255, .88) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .3));
  box-shadow: 0 1px 0 0 color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5)) inset, 0 -1px 0 0 color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .2)) inset, 0 4px 24px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .08)), 0 8px 40px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), 0 0 1px 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .4)) inset;
  direction: rtl;
  align-items: center;
  gap: 1rem;
  padding: 20px;
  display: flex;
  position: relative;
}

.ModalHeader-module__2qt9ja__headerContent {
  z-index: 1;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.ModalHeader-module__2qt9ja__iconContainer {
  z-index: 1;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(255, 255, 255, .9)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .85)) 100%);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(255, 255, 255, .5));
  width: 40px;
  height: 40px;
  color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), 0 2px 6px rgba(0, 0, 0, .1), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .4)) inset, 0 1px 0 0 rgba(255, 255, 255, .8) inset;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ModalHeader-module__2qt9ja__titleGroup {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
  position: relative;
}

.ModalHeader-module__2qt9ja__title {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #fff) 50%, var(--primary-color, #3b82f6) 100%);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .2))) drop-shadow(0 0 12px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent));
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
}

.ModalHeader-module__2qt9ja__subtitle {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .6));
  text-shadow: 0 1px 2px rgba(255, 255, 255, .5);
  white-space: normal;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.ModalHeader-module__2qt9ja__headerActions {
  z-index: 1;
  flex-shrink: 0;
  align-items: center;
  gap: .75rem;
  display: flex;
  position: relative;
}

.ModalHeader-module__2qt9ja__closeButton {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  color: #dc2626;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(252, 224, 224, .918) 0%, rgba(253, 233, 233, .867) 100%);
  border: 1px solid rgba(248, 170, 170, .55);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(249, 186, 186, .408), inset 0 1px rgba(255, 255, 255, .7);
}

.ModalHeader-module__2qt9ja__closeButton:hover {
  color: #b91c1c;
  background: linear-gradient(135deg, rgba(251, 206, 206, .96) 0%, rgba(252, 214, 214, .92) 100%);
  border-color: rgba(246, 148, 148, .7);
  transform: scale(1.05)rotate(90deg);
  box-shadow: 0 0 20px rgba(239, 68, 68, .3), 0 4px 12px rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(248, 170, 170, .55), inset 0 1px rgba(255, 255, 255, .8);
}

.ModalHeader-module__2qt9ja__closeButton:active {
  transform: scale(.95)rotate(90deg);
}

@media (max-width: 768px) {
  .ModalHeader-module__2qt9ja__modalHeader {
    gap: .75rem;
    padding: 16px;
  }

  .ModalHeader-module__2qt9ja__iconContainer {
    width: 36px;
    height: 36px;
  }

  .ModalHeader-module__2qt9ja__title {
    font-size: 1.25rem;
    line-height: 1;
  }

  .ModalHeader-module__2qt9ja__subtitle {
    font-size: .8125rem;
  }

  .ModalHeader-module__2qt9ja__closeButton {
    width: 36px;
    height: 36px;
  }
}

/* [project]/src/components/FormField/FormField.module.css [client] (css) */
.FormField-module__pukH1G__fieldItem {
  flex-direction: column;
  gap: 2px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__fieldItem.FormField-module__pukH1G__fullWidth {
  grid-column: 1 / -1;
}

.FormField-module__pukH1G__fieldItem.FormField-module__pukH1G__modalMode {
  gap: 3px;
}

.FormField-module__pukH1G__fieldItem.FormField-module__pukH1G__inlineMode {
  width: auto;
  min-width: unset;
  flex: none;
  gap: 3px;
}

.FormField-module__pukH1G__labelWrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.FormField-module__pukH1G__required {
  color: #ef4444;
  margin-right: 4px;
  font-weight: bold;
  display: inline-block;
}

.FormField-module__pukH1G__descriptionBelow {
  font-size: var(--text-xs);
  color: rgba(0, 0, 0, .5);
  margin-bottom: 0;
  line-height: 1.4;
}

.FormField-module__pukH1G__fieldWithAction {
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__fieldWithAction > :first-child {
  flex: 1;
  min-width: 0;
}

.FormField-module__pukH1G__inlineButtonContainer {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
}

.FormField-module__pukH1G__inlineButton {
  font-size: var(--font-size-1);
  background-color: var(--primary-color, #007bff);
  color: #fff;
  border-radius: var(--border-radius-md, 8px);
  cursor: pointer;
  height: var(--field-height);
  white-space: nowrap;
  border: none;
  padding: 0 12px;
  transition: background-color .2s ease-in-out;
}

.FormField-module__pukH1G__inlineButton:hover {
  background-color: var(--primary-hover, #0056b3);
}

.FormField-module__pukH1G__inlineButton:disabled {
  cursor: not-allowed;
  color: #666;
  opacity: .7;
  background-color: #ccc;
}

.FormField-module__pukH1G__aiGenerateButton {
  background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-weight: 500;
  display: flex;
}

.FormField-module__pukH1G__aiGenerateButton:hover {
  background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);
}

.FormField-module__pukH1G__aiGenerateButton:disabled {
  background: linear-gradient(135deg, #9ca3af 0%, #d1d5db 100%);
}

.FormField-module__pukH1G__inputWithValidation {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.FormField-module__pukH1G__validationIcon {
  pointer-events: none;
  width: 24px;
  height: 24px;
  z-index: var(--z-dropdown);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 50%;
  left: .75rem;
  transform: translateY(-50%);
}

.FormField-module__pukH1G__validationIcon.FormField-module__pukH1G__valid {
  color: #059669;
  background: linear-gradient(135deg, rgba(124, 217, 186, .33), rgba(129, 218, 188, .227));
  border: 1.5px solid rgba(104, 211, 176, .475);
  box-shadow: 0 2px 8px rgba(10, 117, 82, .235), inset 0 1px rgba(255, 255, 255, .3);
}

.FormField-module__pukH1G__validationIcon.FormField-module__pukH1G__invalid {
  color: #dc2626;
  background: linear-gradient(135deg, rgba(246, 152, 152, .33), rgba(247, 156, 156, .227));
  border: 1.5px solid rgba(245, 137, 137, .475);
  box-shadow: 0 2px 8px rgba(151, 43, 43, .235), inset 0 1px rgba(255, 255, 255, .3);
}

.FormField-module__pukH1G__validationError {
  color: #dc2626;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: linear-gradient(135deg, rgba(247, 163, 163, .243), rgba(248, 171, 171, .133));
  border: 1.5px solid rgba(245, 142, 142, .416);
  border-radius: 8px;
  margin-top: .5rem;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(152, 43, 43, .19), inset 0 1px rgba(255, 255, 255, .25);
}

.FormField-module__pukH1G__validationError.FormField-module__pukH1G__subtle {
  color: #f87171;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  opacity: .85;
  background: none;
  border: none;
  margin-top: .375rem;
  padding: 0;
  font-size: .75rem;
  font-weight: 400;
}

.FormField-module__pukH1G__error {
  color: #e53935;
  font-size: var(--font-size-2);
  margin-top: 4px;
}

.FormField-module__pukH1G__phoneFieldContainer {
  flex-direction: row-reverse;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__phoneFieldContainer > :first-child {
  flex: none;
}

.FormField-module__pukH1G__phoneFieldContainer > :last-child {
  flex: 1;
}

.FormField-module__pukH1G__phoneInputWrapper {
  align-items: stretch;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__priceWithVatContainer {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__priceWithVatWrapper {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: stretch;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.FormField-module__pukH1G__priceWithVatWrapper.FormField-module__pukH1G__compact {
  height: 34px;
}

.FormField-module__pukH1G__priceWithVatWrapper:focus-within {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent);
}

.FormField-module__pukH1G__priceWithVatCurrency {
  color: #64748b;
  background: #f8fafc;
  border-left: 1px solid #e2e8f0;
  align-items: center;
  padding: 0 .625rem;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
}

.FormField-module__pukH1G__priceWithVatInput {
  text-align: center;
  color: #1e293b;
  background: none;
  border: none;
  flex: 1;
  min-width: 60px;
  padding: .5rem;
  font-size: .9rem;
}

.FormField-module__pukH1G__priceWithVatInput:focus {
  outline: none;
}

.FormField-module__pukH1G__priceWithVatInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.FormField-module__pukH1G__priceWithVatInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.FormField-module__pukH1G__priceWithVatInput[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.FormField-module__pukH1G__priceVatToggle {
  background: #f1f5f9;
  border-right: 1px solid #e2e8f0;
  display: flex;
}

.FormField-module__pukH1G__priceVatToggleBtn {
  color: #94a3b8;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 100%;
  min-height: 32px;
  padding: 0 .5rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.FormField-module__pukH1G__priceVatToggleBtn:first-child {
  border-left: 1px solid #e2e8f0;
}

.FormField-module__pukH1G__priceVatToggleBtn:hover:not(:disabled) {
  color: #64748b;
  background: #e2e8f0;
}

.FormField-module__pukH1G__priceVatToggleBtn.FormField-module__pukH1G__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.FormField-module__pukH1G__priceVatToggleBtn.FormField-module__pukH1G__active:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, black);
}

.FormField-module__pukH1G__priceVatToggleBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.FormField-module__pukH1G__discountFieldContainer {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__discountFieldWrapper {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: stretch;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.FormField-module__pukH1G__discountFieldWrapper:focus-within {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent);
}

.FormField-module__pukH1G__discountFieldInput {
  text-align: center;
  color: #1e293b;
  background: none;
  border: none;
  flex: 1;
  min-width: 60px;
  padding: .625rem .75rem;
  font-size: .95rem;
}

.FormField-module__pukH1G__discountFieldInput:focus {
  outline: none;
}

.FormField-module__pukH1G__discountFieldInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.FormField-module__pukH1G__discountFieldInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.FormField-module__pukH1G__discountFieldInput[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.FormField-module__pukH1G__discountTypeToggle {
  background: #f1f5f9;
  border-right: 1px solid #e2e8f0;
  display: flex;
}

.FormField-module__pukH1G__discountTypeToggleBtn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 100%;
  min-height: 40px;
  padding: 0 .75rem;
  font-size: .9rem;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.FormField-module__pukH1G__discountTypeToggleBtn:first-child {
  border-left: 1px solid #e2e8f0;
}

.FormField-module__pukH1G__discountTypeToggleBtn:hover:not(:disabled) {
  color: #64748b;
  background: #e2e8f0;
}

.FormField-module__pukH1G__discountTypeToggleBtn.FormField-module__pukH1G__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.FormField-module__pukH1G__discountTypeToggleBtn.FormField-module__pukH1G__active:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, black);
}

.FormField-module__pukH1G__discountTypeToggleBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.FormField-module__pukH1G__dateFieldWrapper {
  width: 100%;
  position: relative;
}

.FormField-module__pukH1G__dateFieldWrapper input[type="date"] {
  width: 100%;
}

.FormField-module__pukH1G__dateWithPlaceholder {
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit-text {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit-month-field {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit-day-field {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit-year-field {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__dateWithPlaceholder::-webkit-datetime-edit-fields-wrapper {
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0) !important;
}

.FormField-module__pukH1G__datePlaceholderText {
  color: #9ca3af;
  font-size: var(--font-size-2, 14px);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.FormField-module__pukH1G__licensePlateContainer {
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__licensePlateInputWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.FormField-module__pukH1G__licensePlateInput {
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  padding-left: 36px !important;
}

.FormField-module__pukH1G__plateValidationIcon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.FormField-module__pukH1G__plateValidationIcon.FormField-module__pukH1G__valid {
  color: #22c55e;
  background: rgba(34, 197, 94, .1);
}

.FormField-module__pukH1G__plateValidationIcon.FormField-module__pukH1G__invalid {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.FormField-module__pukH1G__buttonLoader {
  border: 2px solid rgba(255, 255, 255, .3);
  border-top-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .8s linear infinite FormField-module__pukH1G__spin;
}

@keyframes FormField-module__pukH1G__spin {
  to {
    transform: rotate(360deg);
  }
}

.FormField-module__pukH1G__govModalOverlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: var(--z-overlay);
  background: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FormField-module__pukH1G__govModalContent {
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

.FormField-module__pukH1G__govModalHeader {
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.FormField-module__pukH1G__govModalHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.FormField-module__pukH1G__govModalClose {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  transition: color .2s;
}

.FormField-module__pukH1G__govModalClose:hover {
  color: #ef4444;
}

.FormField-module__pukH1G__govModalBody {
  flex: 1;
  min-height: 150px;
  padding: 20px;
  overflow-y: auto;
}

.FormField-module__pukH1G__govModalLoading {
  color: #64748b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.FormField-module__pukH1G__govModalLoading .FormField-module__pukH1G__buttonLoader {
  border-width: 3px;
  border-color: #3b82f6 rgba(59, 130, 246, .2) rgba(59, 130, 246, .2);
  width: 32px;
  height: 32px;
}

.FormField-module__pukH1G__govModalError {
  color: #dc2626;
  text-align: center;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 16px;
}

.FormField-module__pukH1G__govModalData {
  animation: .3s FormField-module__pukH1G__fadeIn;
}

@keyframes FormField-module__pukH1G__fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.FormField-module__pukH1G__govDataGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

.FormField-module__pukH1G__govDataItem {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  display: flex;
}

.FormField-module__pukH1G__govDataLabel {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.FormField-module__pukH1G__govDataValue {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
}

.FormField-module__pukH1G__govModalFooter {
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  display: flex;
}

.FormField-module__pukH1G__map {
  border-radius: var(--border-radius-lg, 12px);
  width: 100%;
  min-height: 300px;
  overflow: hidden;
}

.FormField-module__pukH1G__colorFieldContainer {
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__colorFieldContainer input[type="color"] {
  width: 50px;
  height: var(--field-height);
  border-radius: var(--border-radius-md, 8px);
  cursor: pointer;
  border: 1px solid #ddd;
}

.FormField-module__pukH1G__colorFieldContainer input[type="text"] {
  height: var(--field-height);
  flex: 1;
}

.FormField-module__pukH1G__colorPaletteContainer {
  background: var(--glass-bg, rgba(255, 255, 255, .6));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: 12px;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.FormField-module__pukH1G__colorPaletteItem {
  cursor: pointer;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.FormField-module__pukH1G__colorPaletteItem:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.FormField-module__pukH1G__colorPaletteItemSelected {
  box-shadow: 0 0 0 2px var(--palette-color, currentColor), 0 4px 12px rgba(0, 0, 0, .25);
  border-color: #fff;
  transform: scale(1.05);
}

.FormField-module__pukH1G__colorPaletteCustom {
  border: 2px dashed var(--glass-border, rgba(0, 0, 0, .2));
  background: linear-gradient(135deg, red 0%, #f80 12.5%, #ff0 25%, #0f0 37.5%, #0ff 50%, #08f 62.5%, #00f 75%, #f0f 87.5%, red 100%);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.FormField-module__pukH1G__colorPaletteCustom:hover {
  border-style: solid;
  transform: scale(1.1);
}

.FormField-module__pukH1G__colorPaletteCustomInput {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.FormField-module__pukH1G__iconFieldInline {
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__iconDisplayCompact {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color) 3%, rgba(252, 253, 254, .9)) 100%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .6));
  width: 48px;
  height: 48px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 6%, rgba(0, 0, 0, .04)), inset 0 1px 0 rgba(255, 255, 255, .7);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.FormField-module__pukH1G__iconDisplayCompact:hover {
  border-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .7));
  box-shadow: 0 3px 12px color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .06)), inset 0 1px 0 rgba(255, 255, 255, .85);
}

.FormField-module__pukH1G__iconFieldActionsInline {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__iconFieldActionsInline .FormField-module__pukH1G__Button1, .FormField-module__pukH1G__iconFieldActionsInline .FormField-module__pukH1G__Button2 {
  height: 38px;
  font-size: var(--text-sm);
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  display: flex;
}

.FormField-module__pukH1G__iconFieldActionsInline .FormField-module__pukH1G__Button1 {
  flex: 1;
}

.FormField-module__pukH1G__iconFieldActionsInline .FormField-module__pukH1G__Button2 {
  padding: 0 10px;
}

.FormField-module__pukH1G__iconFieldContainer {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 24px color-mix(in srgb, var(--primary-color) 4%, transparent);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 16px;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.FormField-module__pukH1G__iconFieldContainer:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px 0 #fff, inset 0 0 32px color-mix(in srgb, var(--primary-color) 6%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary-color) 15%, transparent);
  transform: translateY(-2px);
}

.FormField-module__pukH1G__iconPreviewBox {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color) 5%, rgba(252, 253, 254, .9)) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6));
  width: 100%;
  height: 100px;
  min-height: 100px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .04)), 0 1px 3px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 0 32px color-mix(in srgb, var(--primary-color) 6%, transparent);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.FormField-module__pukH1G__iconPreviewBox:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color) 6%, rgba(253, 254, 255, .95)) 100%);
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .7));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 12%, rgba(0, 0, 0, .06)), 0 2px 6px color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .04)), 0 0 0 3px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 0 40px color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.FormField-module__pukH1G__iconPreviewContent {
  color: var(--primary-color, #3b82f6);
  justify-content: center;
  align-items: center;
  display: flex;
}

.FormField-module__pukH1G__iconPreviewEmpty {
  color: rgba(0, 0, 0, .35);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__iconFieldActions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__iconFieldActions .FormField-module__pukH1G__Button1 {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.FormField-module__pukH1G__iconDeleteBtn {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  background: rgba(239, 68, 68, .95);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
  transform: scale(.8);
  box-shadow: 0 2px 8px rgba(239, 68, 68, .3), 0 1px 3px rgba(0, 0, 0, .2);
}

.FormField-module__pukH1G__iconPreviewBox:hover .FormField-module__pukH1G__iconDeleteBtn {
  opacity: 1;
  transform: scale(1);
}

.FormField-module__pukH1G__iconDeleteBtn:hover {
  background: rgba(220, 38, 38, .98);
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(239, 68, 68, .4), 0 2px 4px rgba(0, 0, 0, .25);
}

.FormField-module__pukH1G__iconDeleteBtn:active {
  transform: scale(.95);
}

.FormField-module__pukH1G__iconDeleteBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.FormField-module__pukH1G__switchContainer {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  display: grid;
}

.FormField-module__pukH1G__switchItem {
  align-items: flex-start;
  gap: 7px;
  min-height: 40px;
  display: flex;
}

.FormField-module__pukH1G__switchText {
  word-break: break-word;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.FormField-module__pukH1G__switchLabel {
  color: var(--primary-color);
  font-size: var(--font-size-2);
  font-weight: 600;
  line-height: 1.3;
}

.FormField-module__pukH1G__switchDescription {
  color: #666;
  font-size: var(--font-size-2);
  line-height: 1.4;
}

.FormField-module__pukH1G__checkboxModalWrapper {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__checkboxTopRow {
  direction: rtl;
  align-items: center;
  gap: 12px;
  display: flex;
}

.FormField-module__pukH1G__checkboxModalLabel {
  color: var(--primary-color);
  font-size: var(--font-size-2);
  cursor: pointer;
  flex: 1;
  font-weight: 600;
  line-height: 1.3;
}

.FormField-module__pukH1G__checkboxModalDescription {
  color: #666;
  font-size: var(--font-size-1);
  margin-top: -4px;
  padding-right: 0;
  line-height: 1.4;
}

.FormField-module__pukH1G__chipsWrap {
  direction: rtl;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__chipsGrid {
  flex-wrap: wrap;
}

.FormField-module__pukH1G__chipsRow {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .1) transparent;
  flex-wrap: nowrap;
}

.FormField-module__pukH1G__chipsSm .FormField-module__pukH1G__chipOption {
  font-size: var(--font-size-2);
  min-height: var(--field-height-sm);
  height: var(--field-height-sm);
  gap: 6px;
  padding: 8px 16px;
}

.FormField-module__pukH1G__chipsMd .FormField-module__pukH1G__chipOption {
  font-size: var(--font-size-2);
  min-height: var(--field-height);
  height: var(--field-height);
  gap: 8px;
  padding: 5px 10px;
}

.FormField-module__pukH1G__chipsLg .FormField-module__pukH1G__chipOption {
  font-size: var(--font-size-3);
  min-height: var(--field-height-lg);
  height: var(--field-height-lg);
  gap: 10px;
  padding: 14px 24px;
}

.FormField-module__pukH1G__chipOption {
  color: var(--chip-text, #4b5563);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(145deg, rgba(255, 255, 255, .92) 0%, rgba(250, 251, 252, .88) 100%);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .7), inset 0 -1px rgba(0, 0, 0, .02);
}

.FormField-module__pukH1G__chipOption:before {
  content: "";
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0) 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
}

.FormField-module__pukH1G__chipOption:hover {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, rgba(252, 253, 254, .95) 100%);
  border-color: rgba(0, 0, 0, .08);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .9);
}

.FormField-module__pukH1G__chipActive {
  background: linear-gradient(145deg, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 10%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 6%, rgba(250, 251, 252, .95)) 100%);
  border-color: color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 30%, rgba(0, 0, 0, .08));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 18%, transparent), 0 2px 6px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .95);
  color: color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 80%, #1f2937);
  transform: translateY(-1px);
}

.FormField-module__pukH1G__chipActive:after {
  content: "";
  background: linear-gradient(90deg, transparent 0%, var(--chip-accent-color, var(--primary-color, #3b82f6)) 50%, transparent 100%);
  opacity: .7;
  border-radius: 1px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 15%;
  right: 15%;
}

.FormField-module__pukH1G__chipLabelMain {
  letter-spacing: -.01em;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
}

.FormField-module__pukH1G__chipLabelSub {
  color: var(--muted, #6b7280);
  opacity: .85;
  margin-top: 2px;
  font-size: .88em;
  font-weight: 500;
}

.FormField-module__pukH1G__chipIcon {
  color: var(--chip-accent-color, #9ca3af);
  opacity: .7;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.FormField-module__pukH1G__chipActive .FormField-module__pukH1G__chipIcon {
  opacity: 1;
  color: var(--chip-accent-color, var(--primary-color, #3b82f6));
}

.FormField-module__pukH1G__chipWithColor {
  border-color: color-mix(in srgb, var(--chip-accent-color) 20%, rgba(0, 0, 0, .06));
  color: var(--chip-accent-color);
}

.FormField-module__pukH1G__chipWithColor .FormField-module__pukH1G__chipIcon {
  color: var(--chip-accent-color);
  opacity: .9;
}

.FormField-module__pukH1G__chipWithColor .FormField-module__pukH1G__chipLabelMain {
  color: var(--chip-accent-color);
}

.FormField-module__pukH1G__chipWithColor:hover {
  border-color: color-mix(in srgb, var(--chip-accent-color) 35%, rgba(0, 0, 0, .06));
  background: color-mix(in srgb, var(--chip-accent-color) 6%, rgba(255, 255, 255, .98));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--chip-accent-color) 12%, transparent), 0 4px 8px color-mix(in srgb, var(--chip-accent-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.FormField-module__pukH1G__chipWithColor.FormField-module__pukH1G__chipActive {
  background: color-mix(in srgb, var(--chip-accent-color) 10%, rgba(255, 255, 255, .98));
  border-color: color-mix(in srgb, var(--chip-accent-color) 40%, rgba(0, 0, 0, .06));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--chip-accent-color) 20%, transparent), 0 2px 6px color-mix(in srgb, var(--chip-accent-color) 14%, transparent), inset 0 1px 0 rgba(255, 255, 255, .95);
  color: var(--chip-accent-color);
}

.FormField-module__pukH1G__chipWithColor.FormField-module__pukH1G__chipActive .FormField-module__pukH1G__chipLabelMain {
  color: var(--chip-accent-color);
  font-weight: 700;
}

.FormField-module__pukH1G__chipWithColor.FormField-module__pukH1G__chipActive:after {
  background: linear-gradient(90deg, transparent 0%, var(--chip-accent-color) 50%, transparent 100%);
}

.FormField-module__pukH1G__chipWithColor.FormField-module__pukH1G__chipActive .FormField-module__pukH1G__chipIcon {
  color: var(--chip-accent-color);
}

.FormField-module__pukH1G__chipOption:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .8), 0 0 0 4px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 40%, transparent), 0 6px 20px rgba(0, 0, 0, .08);
  outline: none;
}

.FormField-module__pukH1G__chipDisabled, .FormField-module__pukH1G__chipOption:disabled {
  opacity: .5;
  cursor: not-allowed;
  filter: grayscale(.2);
  transform: none !important;
}

.FormField-module__pukH1G__chipOption:disabled:hover {
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);
}

.FormField-module__pukH1G__pillMode .FormField-module__pukH1G__chipOption {
  border-radius: var(--border-radius-lg);
}

.FormField-module__pukH1G__fileContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__filePreview {
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  margin-bottom: .4rem;
  padding: 10px 12px;
  display: flex;
}

.FormField-module__pukH1G__imagePreviewGrid {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  display: grid;
}

.FormField-module__pukH1G__imagePreviewItem {
  min-height: 140px;
  position: relative;
}

.FormField-module__pukH1G__imagePreviewContainer {
  width: 100%;
  position: relative;
}

.FormField-module__pukH1G__imagePreviewInner {
  background: linear-gradient(rgba(0, 0, 0, .03), rgba(0, 0, 0, .02)), #f7f8fa;
  border: 1px solid #ececec;
  border-radius: 16px;
  width: 100%;
  min-height: 140px;
  transition: transform .16s, box-shadow .16s, border-color .16s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 12px rgba(0, 0, 0, .04);
}

.FormField-module__pukH1G__imagePreviewInner:hover {
  border-color: #e2e2e2;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .06), 0 10px 20px rgba(0, 0, 0, .05);
}

.FormField-module__pukH1G__imagePreviewInner:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(120% 70% at 50% 30%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .04) 100%);
  transition: opacity .16s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FormField-module__pukH1G__imagePreviewInner:hover:after {
  opacity: 1;
}

.FormField-module__pukH1G__deleteFileBtn {
  z-index: 2;
  color: #c00;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-size: var(--font-size-2);
  opacity: 0;
  background: rgba(255, 255, 255, .9);
  border: 1px solid #e8e8e8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  line-height: 0;
  transition: opacity .12s, transform .12s, background .12s, box-shadow .12s;
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 8px;
  transform: translateY(-4px);
}

.FormField-module__pukH1G__imagePreviewInner:hover .FormField-module__pukH1G__deleteFileBtn, .FormField-module__pukH1G__imagePreviewContainer:hover .FormField-module__pukH1G__deleteFileBtn {
  opacity: 1;
  transform: translateY(0);
}

.FormField-module__pukH1G__deleteFileBtn:hover {
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}

.FormField-module__pukH1G__imageUploadButton {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: var(--border-radius-lg, 10px);
  font-size: var(--font-size-2);
  cursor: pointer;
  border: none;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 14px;
  font-weight: 600;
  transition: transform .12s, box-shadow .12s, background-color .12s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.FormField-module__pukH1G__imageUploadButton:hover {
  background-color: color-mix(in srgb, var(--primary-color) 88%, #000 12%);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
}

.FormField-module__pukH1G__imageUploadButton:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .06);
}

@media (max-width: 768px) {
  .FormField-module__pukH1G__fieldWithAction {
    flex-direction: column;
  }

  .FormField-module__pukH1G__inlineButtonContainer, .FormField-module__pukH1G__inlineButton {
    width: 100%;
  }

  .FormField-module__pukH1G__imagePreviewGrid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
  }

  .FormField-module__pukH1G__imagePreviewInner {
    border-radius: 14px;
    min-height: 120px;
  }

  .FormField-module__pukH1G__deleteFileBtn {
    opacity: 1;
    width: 30px;
    height: 30px;
    top: 6px;
    right: 6px;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .FormField-module__pukH1G__chipsWrap {
    gap: 6px;
  }

  .FormField-module__pukH1G__chipsSm .FormField-module__pukH1G__chipOption {
    min-height: 28px;
    padding: 5px 8px;
    font-size: 11px;
  }

  .FormField-module__pukH1G__chipsMd .FormField-module__pukH1G__chipOption {
    min-height: 32px;
    padding: 7px 10px;
    font-size: 12px;
  }

  .FormField-module__pukH1G__chipsLg .FormField-module__pukH1G__chipOption {
    min-height: 38px;
    padding: 10px 12px;
    font-size: 13px;
  }
}

.FormField-module__pukH1G__tagInputContainer {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__tagInputField {
  width: 100%;
  min-height: var(--field-height);
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border));
  border-radius: var(--border-radius-md);
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  box-sizing: border-box;
  transition: border var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background var(--transition-normal) ease;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  display: flex;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.FormField-module__pukH1G__tagInputField:hover {
  border-color: color-mix(in srgb, var(--secondary-color) 36%, var(--glass-border));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--secondary-color) 22%, transparent) inset;
}

.FormField-module__pukH1G__tagInputField:focus-within {
  border-color: color-mix(in srgb, var(--primary-color) 55%, var(--secondary-color) 15%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent), 0 0 0 1px rgba(255, 255, 255, .08) inset;
}

.FormField-module__pukH1G__tagInputDisabled {
  opacity: .65;
  cursor: not-allowed;
  background: color-mix(in srgb, var(--glass-bg) 70%, rgba(200, 200, 200, .3));
  pointer-events: none;
}

.FormField-module__pukH1G__tagInputPlaceholder {
  color: var(--text-muted, #9ca3af);
  font-size: var(--font-size-3);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.FormField-module__pukH1G__tagInputTag {
  background: color-mix(in srgb, var(--primary-color) 12%, var(--glass-bg));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-2);
  color: color-mix(in srgb, var(--primary-color) 70%, var(--text-primary));
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background var(--transition-fast) ease, border-color var(--transition-fast) ease, transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-weight: 500;
  display: inline-flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.FormField-module__pukH1G__tagInputTag:hover {
  background: color-mix(in srgb, var(--primary-color) 18%, var(--glass-bg));
  border-color: color-mix(in srgb, var(--primary-color) 35%, var(--glass-border));
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

.FormField-module__pukH1G__tagInputTag:active {
  cursor: grabbing;
}

.FormField-module__pukH1G__tagDragging {
  opacity: .5;
  transform: scale(.95);
}

.FormField-module__pukH1G__tagDragOver {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 25%, transparent), 0 2px 4px rgba(0, 0, 0, .1);
}

.FormField-module__pukH1G__tagInputTagText {
  font-size: var(--font-size-2);
  direction: rtl;
}

.FormField-module__pukH1G__tagInputRemove {
  border-radius: var(--border-radius-sm);
  width: 16px;
  height: 16px;
  color: var(--text-muted, #9ca3af);
  cursor: pointer;
  transition: background var(--transition-fast) ease, color var(--transition-fast) ease;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-right: -2px;
  padding: 0;
  display: flex;
}

.FormField-module__pukH1G__tagInputRemove:hover {
  background: color-mix(in srgb, var(--error-color, #ef4444) 15%, transparent);
  color: var(--error-color, #ef4444);
}

.FormField-module__pukH1G__tagInputOptions {
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__tagInputOption {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-weight: 500;
  display: inline-flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}

.FormField-module__pukH1G__tagInputOption:hover:not(:disabled) {
  background: color-mix(in srgb, var(--glass-bg) 90%, var(--secondary-color));
  border-color: color-mix(in srgb, var(--secondary-color) 30%, var(--glass-border));
  color: var(--text-primary);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}

.FormField-module__pukH1G__tagInputOption:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.FormField-module__pukH1G__tagInputOptionSelected {
  background: color-mix(in srgb, var(--primary-color) 12%, var(--glass-bg));
  border-color: color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  color: color-mix(in srgb, var(--primary-color) 75%, var(--text-primary));
}

.FormField-module__pukH1G__tagInputOptionSelected:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color) 8%, var(--glass-bg));
}

.FormField-module__pukH1G__tagInputOptionCheck {
  color: var(--primary-color);
}

.FormField-module__pukH1G__tagInputOptionDisabled {
  opacity: .4;
  cursor: not-allowed;
  filter: grayscale(.3);
}

.FormField-module__pukH1G__imageUploadButton:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-color) 30%, #fff 70%);
  outline-offset: 2px;
}

.FormField-module__pukH1G__deleteFileBtn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-color) 30%, #fff 70%);
  outline-offset: 2px;
}

.FormField-module__pukH1G__passwordFieldContainer {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__passwordRow {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__passwordInputWrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.FormField-module__pukH1G__passwordInputWrapper input {
  width: 100%;
  padding-left: 44px;
}

.FormField-module__pukH1G__passwordToggle {
  cursor: pointer;
  color: var(--text-secondary, #666);
  border-radius: var(--border-radius-sm, 4px);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 8px;
}

.FormField-module__pukH1G__passwordToggle:hover {
  color: var(--primary-color);
  background: rgba(0, 0, 0, .05);
}

.FormField-module__pukH1G__passwordStrength {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__strengthBars {
  gap: 4px;
  height: 4px;
  display: flex;
}

.FormField-module__pukH1G__strengthBar {
  background: rgba(0, 0, 0, .1);
  border-radius: 2px;
  flex: 1;
  height: 100%;
  transition: background-color .3s;
}

.FormField-module__pukH1G__strengthBar.FormField-module__pukH1G__active {
  background: var(--strength-color, #e0e0e0);
}

.FormField-module__pukH1G__strengthText {
  color: var(--strength-color, #666);
  text-align: right;
  font-size: 11px;
  font-weight: 500;
}

.FormField-module__pukH1G__dynamicSelectLoading {
  color: rgba(255, 255, 255, .6);
  min-height: var(--field-height);
  height: var(--field-height);
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  display: flex;
}

.FormField-module__pukH1G__dynamicSelectError {
  color: var(--error-color, #ef4444);
  min-height: var(--field-height);
  height: var(--field-height);
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .3);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  display: flex;
}

.FormField-module__pukH1G__autocompleteContainer {
  width: 100%;
  position: relative;
}

.FormField-module__pukH1G__autocompleteInputWrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.FormField-module__pukH1G__autocompleteInputWrapper input {
  width: 100%;
  padding-left: 36px;
}

.FormField-module__pukH1G__autocompleteLoader {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 10px;
}

.FormField-module__pukH1G__autocompleteSpinner {
  border: 2px solid rgba(0, 0, 0, .1);
  border-top-color: var(--primary-color, #3b82f6);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite FormField-module__pukH1G__spin;
}

.FormField-module__pukH1G__autocompleteCheck {
  color: var(--success-color, #22c55e);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 10px;
}

.FormField-module__pukH1G__autocompleteDropdown {
  max-height: 280px;
  z-index: var(--z-dropdown);
  -webkit-backdrop-filter: blur(12px);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 12px;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);
}

.FormField-module__pukH1G__autocompleteOption {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  padding: 12px 14px;
  transition: background-color .15s;
}

.FormField-module__pukH1G__autocompleteOptionWithImage {
  align-items: center;
  gap: 12px;
  display: flex;
}

.FormField-module__pukH1G__autocompleteOptionImage {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 36px;
  display: flex;
}

.FormField-module__pukH1G__autocompleteOptionImage img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.FormField-module__pukH1G__autocompleteOptionImagePlaceholder {
  color: #94a3b8;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.FormField-module__pukH1G__autocompleteOptionContent {
  flex: 1;
  min-width: 0;
}

.FormField-module__pukH1G__autocompleteOption:last-child {
  border-bottom: none;
}

.FormField-module__pukH1G__autocompleteOption:hover, .FormField-module__pukH1G__autocompleteOption.FormField-module__pukH1G__highlighted {
  background: rgba(var(--primary-rgb, 59, 130, 246), .08);
}

.FormField-module__pukH1G__autocompleteOptionMain {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__autocompleteOptionLabel {
  font-size: var(--text-md, 15px);
  color: var(--text-primary, #1e293b);
  font-weight: 500;
}

.FormField-module__pukH1G__autocompleteOptionBadge {
  font-size: var(--text-xs, 11px);
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
  color: var(--primary-color, #3b82f6);
  white-space: nowrap;
  border-radius: 12px;
  padding: 2px 8px;
}

.FormField-module__pukH1G__autocompleteOptionSubtitle {
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary, #64748b);
  direction: rtl;
  margin-top: 4px;
}

.FormField-module__pukH1G__autocompleteNoResults {
  text-align: center;
  color: var(--text-secondary, #64748b);
  font-size: var(--text-sm, 13px);
  padding: 16px 14px;
}

.FormField-module__pukH1G__htmlEditorFieldContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreview {
  background: var(--bg-secondary, #f8fafc);
  border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.FormField-module__pukH1G__htmlEditorPreviewContent {
  direction: rtl;
  background: #fff;
  max-height: 100%;
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  overflow-y: auto;
}

.FormField-module__pukH1G__htmlEditorPreviewEmpty {
  color: var(--text-tertiary, #94a3b8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 120px;
  padding: 32px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewEmpty span {
  font-size: var(--text-sm, 13px);
}

.FormField-module__pukH1G__htmlEditorActions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__editorLoading {
  color: var(--text-secondary, #64748b);
  font-size: var(--text-md, 15px);
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorModal {
  z-index: 9999;
  justify-content: stretch;
  align-items: stretch;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FormField-module__pukH1G__htmlEditorModalBackdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.FormField-module__pukH1G__htmlEditorModalContent {
  background: var(--bg-primary, #0f172a);
  width: 100%;
  height: 100%;
  color: var(--text-primary, #e2e8f0);
  flex-direction: column;
  animation: .3s FormField-module__pukH1G__htmlEditorSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
}

@keyframes FormField-module__pukH1G__htmlEditorSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.FormField-module__pukH1G__htmlEditorModalHeader {
  background: var(--bg-secondary, #1e293b);
  border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, .1));
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorModalTitle {
  font-size: var(--text-lg, 17px);
  color: var(--text-primary, #f1f5f9);
  align-items: center;
  gap: 10px;
  margin: 0;
  font-weight: 600;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorModalHeaderActions {
  gap: 8px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorModalBody {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.FormField-module__pukH1G__htmlEditorPreviewWrapper {
  border: 1px solid var(--border-color, rgba(0, 0, 0, .08));
  background: var(--bg-secondary, #f8fafc);
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  display: flex;
  overflow: hidden;
}

.FormField-module__pukH1G__htmlEditorPreviewHeader {
  background: var(--bg-tertiary, #f1f5f9);
  border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, .06));
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary, #64748b);
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewToggle {
  background: rgba(0, 0, 0, .06);
  border-radius: 6px;
  gap: 2px;
  padding: 2px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorToggleBtn {
  color: var(--text-tertiary, #94a3b8);
  font-size: var(--text-xs, 12px);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorToggleBtn:hover {
  color: var(--text-secondary, #64748b);
}

.FormField-module__pukH1G__htmlEditorToggleBtn.FormField-module__pukH1G__active {
  color: var(--primary-color, #3498db);
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.FormField-module__pukH1G__htmlEditorPreviewIframe {
  background: #f4f4f4;
  border: none;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.FormField-module__pukH1G__htmlEditorRawCode {
  color: #e2e8f0;
  text-align: left;
  direction: ltr;
  background: #1e293b;
  margin: 0;
  padding: 16px;
  font-family: Fira Code, Monaco, monospace;
  font-size: 12px;
  line-height: 1.6;
  overflow: auto;
}

.FormField-module__pukH1G__htmlEditorRawCode code {
  white-space: pre-wrap;
  word-break: break-all;
}

.FormField-module__pukH1G__htmlEditorPreviewHint {
  color: var(--text-secondary, #64748b);
  font-size: var(--text-xs, 11px);
  background: rgba(59, 130, 246, .06);
  border-top: 1px solid rgba(59, 130, 246, .1);
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewHint svg {
  color: var(--primary-color, #3b82f6);
  flex-shrink: 0;
}

.FormField-module__pukH1G__htmlEditorModalBody.FormField-module__pukH1G__splitView {
  flex-direction: row;
  gap: 0;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorEditorPanel {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.FormField-module__pukH1G__splitView .FormField-module__pukH1G__htmlEditorEditorPanel {
  border-left: 1px solid rgba(255, 255, 255, .1);
  flex: 0 0 60%;
}

.FormField-module__pukH1G__htmlEditorPreviewPanel {
  background: #1e1e1e;
  flex-direction: column;
  flex: 0 0 40%;
  display: flex;
  overflow: hidden;
}

.FormField-module__pukH1G__htmlEditorPreviewPanelHeader {
  color: #93c5fd;
  font-size: var(--text-sm, 13px);
  background: rgba(59, 130, 246, .15);
  border-bottom: 1px solid rgba(59, 130, 246, .2);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-weight: 600;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewPanelHeader svg {
  color: #60a5fa;
}

.FormField-module__pukH1G__htmlEditorPreviewPanelContent {
  background: #2a2a2a;
  flex: 1;
  padding: 12px;
  overflow: hidden;
}

.FormField-module__pukH1G__htmlEditorPreviewPanelIframe {
  background: #f4f4f4;
  border: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

.FormField-module__pukH1G__htmlEditorPreviewPanelHint {
  color: #94a3b8;
  font-size: var(--text-xs, 11px);
  background: rgba(59, 130, 246, .08);
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  display: flex;
}

.FormField-module__pukH1G__htmlEditorPreviewPanelHint svg {
  color: #60a5fa;
  flex-shrink: 0;
}

.FormField-module__pukH1G__previewToggleActive {
  color: #60a5fa !important;
  background: rgba(59, 130, 246, .15) !important;
}

@media (max-width: 1200px) {
  .FormField-module__pukH1G__htmlEditorModalBody.FormField-module__pukH1G__splitView {
    flex-direction: column;
  }

  .FormField-module__pukH1G__splitView .FormField-module__pukH1G__htmlEditorEditorPanel {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-left: none;
    flex: 0 0 60%;
  }

  .FormField-module__pukH1G__htmlEditorPreviewPanel {
    flex: 0 0 40%;
  }
}

/* [project]/src/components/ImageDisplay/ImageDisplay.module.css [client] (css) */
.ImageDisplay-module__aeDjGq__wrapper {
  cursor: pointer;
  transition: transform .16s, box-shadow .16s, border-color .16s;
  position: relative;
  overflow: hidden;
}

.ImageDisplay-module__aeDjGq__rounded {
  border-radius: 12px;
}

.ImageDisplay-module__aeDjGq__shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 12px rgba(0, 0, 0, .04);
}

.ImageDisplay-module__aeDjGq__zoomable:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .06), 0 10px 20px rgba(0, 0, 0, .05);
}

.ImageDisplay-module__aeDjGq__imageContainer, .ImageDisplay-module__aeDjGq__pdfPreview, .ImageDisplay-module__aeDjGq__filePreview {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ImageDisplay-module__aeDjGq__loadingContainer {
  z-index: 5;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageDisplay-module__aeDjGq__spinner {
  border: 4px solid #d1d5db;
  border-top-color: #374151;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: .8s linear infinite ImageDisplay-module__aeDjGq__spin;
}

@keyframes ImageDisplay-module__aeDjGq__spin {
  to {
    transform: rotate(360deg);
  }
}

.ImageDisplay-module__aeDjGq__modal {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: var(--z-image-preview);
  background: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageDisplay-module__aeDjGq__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageDisplay-module__aeDjGq__zoomedImageWrapper {
  z-index: 1;
  background: #fff;
  border-radius: 12px;
  max-width: 95%;
  max-height: 90%;
  padding: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}

.ImageDisplay-module__aeDjGq__zoomedImage {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 80vh;
}

.ImageDisplay-module__aeDjGq__loadingContainerModal {
  z-index: 2;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, .6);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageDisplay-module__aeDjGq__spinnerLarge {
  border: 6px solid #bbb;
  border-top-color: #222;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: .9s linear infinite ImageDisplay-module__aeDjGq__spin;
}

.ImageDisplay-module__aeDjGq__hoverPreview {
  bottom: 8px;
  z-index: 10;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 4px;
  position: absolute;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
}

.ImageDisplay-module__aeDjGq__hoverPreview:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 8px;
}

.ImageDisplay-module__aeDjGq__hoverPreview:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 8px;
}

.ImageDisplay-module__aeDjGq__hoverPreview:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 8px;
}

.ImageDisplay-module__aeDjGq__hoverPreview:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 8px;
}

.ImageDisplay-module__aeDjGq__hoverPreview:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 8px;
}

.ImageDisplay-module__aeDjGq__hoverPreview:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 8px;
}

.ImageDisplay-module__aeDjGq__downloadButton {
  top: 12px;
  color: #333;
  z-index: 3;
  background: rgba(255, 255, 255, .933);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, box-shadow .2s, transform .1s;
  position: absolute;
}

.ImageDisplay-module__aeDjGq__downloadButton:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 12px;
}

.ImageDisplay-module__aeDjGq__downloadButton:hover {
  background: #f3f4f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.ImageDisplay-module__aeDjGq__downloadButton:active {
  transform: translateY(1px);
}

.ImageDisplay-module__aeDjGq__pdfPreview {
  position: relative;
  overflow: hidden;
}

.ImageDisplay-module__aeDjGq__pdfPreview object {
  background: #fff;
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ImageDisplay-module__aeDjGq__pdfPreview .ImageDisplay-module__aeDjGq__filePreview {
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  text-decoration: none;
}

.ImageDisplay-module__aeDjGq__filePreview {
  text-align: center;
  color: #374151;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  position: relative;
}

.ImageDisplay-module__aeDjGq__filePreview a {
  color: inherit;
  text-decoration: none;
}

.ImageDisplay-module__aeDjGq__filePreview a:hover {
  text-decoration: underline;
}

.ImageDisplay-module__aeDjGq__fileIcon {
  opacity: .9;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .08));
  display: block;
}

.ImageDisplay-module__aeDjGq__fileLabel {
  color: #374151;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  margin-top: 4px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.3;
  display: inline-block;
}

.ImageDisplay-module__aeDjGq__wrapper:focus-visible {
  outline: 3px solid color-mix(in oklab, var(--primary-color, #3b82f6) 30%, #fff 70%);
  outline-offset: 2px;
}

.ImageDisplay-module__aeDjGq__downloadButton:focus-visible {
  outline: 3px solid color-mix(in oklab, var(--primary-color, #3b82f6) 30%, #fff 70%);
  outline-offset: 2px;
}

.ImageDisplay-module__aeDjGq__wrapper {
  animation: .14s ease-out ImageDisplay-module__aeDjGq__fadeIn;
}

@keyframes ImageDisplay-module__aeDjGq__fadeIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .ImageDisplay-module__aeDjGq__downloadButton {
    top: 10px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 10px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 10px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 10px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 10px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 10px;
  }

  .ImageDisplay-module__aeDjGq__downloadButton:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 10px;
  }
}

/* [project]/src/components/UniversalSelect/MobileSelectSheet.module.css [client] (css) */
.MobileSelectSheet-module__D-p5iW__overlay {
  z-index: var(--z-modal-select);
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  isolation: isolate;
  background: none;
  justify-content: center;
  align-items: flex-end;
  animation: .2s ease-out forwards MobileSelectSheet-module__D-p5iW__overlayIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@keyframes MobileSelectSheet-module__D-p5iW__overlayIn {
  to {
    background: rgba(0, 0, 0, .4);
  }
}

.MobileSelectSheet-module__D-p5iW__overlayClosing {
  animation: .25s ease-out forwards MobileSelectSheet-module__D-p5iW__overlayOut;
}

@keyframes MobileSelectSheet-module__D-p5iW__overlayOut {
  from {
    background: rgba(0, 0, 0, .4);
  }

  to {
    background: none;
  }
}

.MobileSelectSheet-module__D-p5iW__sheet {
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(255, 255, 255, .5));
  overscroll-behavior: contain;
  touch-action: pan-y;
  will-change: transform;
  touch-action: none;
  direction: rtl;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-height: 50vh;
  max-height: 85vh;
  animation: .3s cubic-bezier(.32, .72, 0, 1) forwards MobileSelectSheet-module__D-p5iW__sheetSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateY(100%);
  box-shadow: 0 -10px 40px rgba(0, 0, 0, .12), 0 -2px 8px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .8);
}

@keyframes MobileSelectSheet-module__D-p5iW__sheetSlideIn {
  to {
    transform: translateY(0);
  }
}

.MobileSelectSheet-module__D-p5iW__sheetClosing {
  animation: .25s ease-out forwards MobileSelectSheet-module__D-p5iW__sheetSlideOut;
}

@keyframes MobileSelectSheet-module__D-p5iW__sheetSlideOut {
  to {
    transform: translateY(100%);
  }
}

.MobileSelectSheet-module__D-p5iW__handleBar {
  cursor: grab;
  touch-action: none;
  justify-content: center;
  padding: 10px 0 6px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__handle {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(0, 0, 0, .15));
  border-radius: 100px;
  width: 36px;
  height: 4px;
  transition: all .2s;
}

.MobileSelectSheet-module__D-p5iW__handleBar:active .MobileSelectSheet-module__D-p5iW__handle {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .2));
  width: 48px;
}

.MobileSelectSheet-module__D-p5iW__header {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .06));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 3%, transparent));
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px 14px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__headerContent {
  align-items: center;
  gap: 10px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__title {
  color: #1e293b;
  letter-spacing: -.01em;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.MobileSelectSheet-module__D-p5iW__selectedBadge {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  border-radius: 10px;
  align-items: center;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.MobileSelectSheet-module__D-p5iW__closeButton {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent);
  color: #64748b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__closeButton:active {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  color: var(--primary-color, #3b82f6);
  transform: scale(.95);
}

.MobileSelectSheet-module__D-p5iW__searchContainer {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 6%, rgba(0, 0, 0, .04));
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .6));
  align-items: center;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.MobileSelectSheet-module__D-p5iW__searchIcon {
  color: #64748b;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 28px;
}

.MobileSelectSheet-module__D-p5iW__searchInput {
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08));
  color: #1e293b;
  -webkit-appearance: none;
  direction: rtl;
  background: rgba(255, 255, 255, .8);
  border-radius: 12px;
  outline: none;
  flex: 1;
  padding: 12px 44px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
}

.MobileSelectSheet-module__D-p5iW__searchInput::placeholder {
  color: #94a3b8;
}

.MobileSelectSheet-module__D-p5iW__searchInput:focus {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  background: rgba(255, 255, 255, .95);
}

.MobileSelectSheet-module__D-p5iW__clearSearch {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent);
  color: #64748b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 28px;
}

.MobileSelectSheet-module__D-p5iW__clearSearch:active {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  color: var(--primary-color, #3b82f6);
  transform: scale(.9);
}

.MobileSelectSheet-module__D-p5iW__selectedChips {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 6%, rgba(0, 0, 0, .04));
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .6));
  flex-wrap: wrap;
  gap: 8px;
  max-height: 80px;
  padding: 12px 16px;
  display: flex;
  overflow-y: auto;
}

.MobileSelectSheet-module__D-p5iW__chip {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  color: #1e293b;
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 500;
  animation: .2s ease-out MobileSelectSheet-module__D-p5iW__chipIn;
  display: inline-flex;
}

@keyframes MobileSelectSheet-module__D-p5iW__chipIn {
  from {
    opacity: 0;
    transform: scale(.8);
  }
}

.MobileSelectSheet-module__D-p5iW__chipRemove {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  color: #64748b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  transition: all .15s;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__chipRemove:active {
  color: #ef4444;
  background: rgba(239, 68, 68, .2);
}

.MobileSelectSheet-module__D-p5iW__moreChip {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent);
  color: #64748b;
  border-radius: 100px;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.MobileSelectSheet-module__D-p5iW__listContainer {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  touch-action: pan-y;
  background: linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .2) 100%);
  flex: 1;
  padding: 8px 12px;
  overflow-x: hidden;
  overflow-y: auto;
}

.MobileSelectSheet-module__D-p5iW__listContainer::-webkit-scrollbar {
  width: 4px;
}

.MobileSelectSheet-module__D-p5iW__listContainer::-webkit-scrollbar-track {
  background: none;
}

.MobileSelectSheet-module__D-p5iW__listContainer::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .1));
  border-radius: 10px;
}

.MobileSelectSheet-module__D-p5iW__optionItem {
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(0, 0, 0, .05));
  text-align: right;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  background: rgba(255, 255, 255, .7);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 4px 0;
  padding: 14px 16px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.MobileSelectSheet-module__D-p5iW__optionItem:active {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .9));
  transform: scale(.98);
}

.MobileSelectSheet-module__D-p5iW__optionSelected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 6%, transparent));
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent);
}

.MobileSelectSheet-module__D-p5iW__optionSelected:active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 18%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent));
}

.MobileSelectSheet-module__D-p5iW__checkbox {
  border: 2px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .12));
  color: #fff;
  background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__checkboxSelected {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  animation: .25s ease-out MobileSelectSheet-module__D-p5iW__checkIn;
}

@keyframes MobileSelectSheet-module__D-p5iW__checkIn {
  from {
    transform: scale(.7);
  }

  50% {
    transform: scale(1.1);
  }

  to {
    transform: scale(1);
  }
}

.MobileSelectSheet-module__D-p5iW__optionImage {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(0, 0, 0, .03));
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 32px;
  display: flex;
  overflow: hidden;
}

.MobileSelectSheet-module__D-p5iW__optionImageRounded {
  background: linear-gradient(135deg, #e2e8f0, #f1f5f9);
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.MobileSelectSheet-module__D-p5iW__optionImageRounded .MobileSelectSheet-module__D-p5iW__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.MobileSelectSheet-module__D-p5iW__image {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.MobileSelectSheet-module__D-p5iW__imagePlaceholder {
  background: linear-gradient(135deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02));
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__imageSpinner {
  border: 2px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border-top-color: var(--primary-color, #3b82f6);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .8s linear infinite MobileSelectSheet-module__D-p5iW__spin;
}

@keyframes MobileSelectSheet-module__D-p5iW__spin {
  to {
    transform: rotate(360deg);
  }
}

.MobileSelectSheet-module__D-p5iW__optionContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__optionLabel {
  color: #1e293b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  overflow: hidden;
}

.MobileSelectSheet-module__D-p5iW__optionSelected .MobileSelectSheet-module__D-p5iW__optionLabel {
  color: var(--primary-color, #3b82f6);
}

.MobileSelectSheet-module__D-p5iW__optionMeta {
  color: #64748b;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__optionPrice {
  color: var(--primary-color, #3b82f6);
  font-weight: 600;
}

.MobileSelectSheet-module__D-p5iW__separator {
  color: rgba(0, 0, 0, .15);
}

.MobileSelectSheet-module__D-p5iW__optionSubtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.MobileSelectSheet-module__D-p5iW__customContent {
  flex: 1;
  min-width: 0;
}

.MobileSelectSheet-module__D-p5iW__badge {
  white-space: nowrap;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
}

.MobileSelectSheet-module__D-p5iW__selectedCheck {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  width: 26px;
  height: 26px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  animation: .25s ease-out MobileSelectSheet-module__D-p5iW__checkIn;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__createOption {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 5%, transparent));
  border: 2px dashed color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  text-align: right;
  cursor: pointer;
  width: 100%;
  color: var(--primary-color, #3b82f6);
  -webkit-tap-highlight-color: transparent;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  margin: 4px 0 12px;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__createOption:active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent));
  transform: scale(.98);
}

.MobileSelectSheet-module__D-p5iW__createIcon {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__groupHeader {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--primary-color, #3b82f6);
  padding: 12px 16px 6px;
  font-size: 12px;
  font-weight: 700;
}

.MobileSelectSheet-module__D-p5iW__loading {
  color: #64748b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__spinner {
  border: 3px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border-top-color: var(--primary-color, #3b82f6);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: .8s linear infinite MobileSelectSheet-module__D-p5iW__spin;
}

.MobileSelectSheet-module__D-p5iW__noResults {
  color: #64748b;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__noResultsIcon {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .1));
}

.MobileSelectSheet-module__D-p5iW__noResultsHint {
  color: var(--primary-color, #3b82f6);
  font-size: 13px;
  font-weight: 500;
}

.MobileSelectSheet-module__D-p5iW__footer {
  padding: 12px 16px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .06));
  background: linear-gradient(rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  gap: 10px;
  display: flex;
}

.MobileSelectSheet-module__D-p5iW__footerButton {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent);
  color: #1e293b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 12px;
  flex: 1;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
}

.MobileSelectSheet-module__D-p5iW__footerButton:active {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  transform: scale(.97);
}

.MobileSelectSheet-module__D-p5iW__footerButton:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.MobileSelectSheet-module__D-p5iW__footerButtonPrimary {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000));
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent);
  flex: 2;
}

.MobileSelectSheet-module__D-p5iW__footerButtonPrimary:active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 90%, #000), var(--primary-color, #3b82f6));
}

.MobileSelectSheet-module__D-p5iW__footerButtonDanger {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.MobileSelectSheet-module__D-p5iW__footerButtonDanger:active {
  background: rgba(239, 68, 68, .2);
}

.MobileSelectSheet-module__D-p5iW__footerButtonDanger:disabled {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, transparent);
  color: #94a3b8;
}

/* [project]/src/components/UniversalSelect/UniversalSelect.module.css [client] (css) */
.UniversalSelect-module__xpBmhW__select__control {
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 18%, var(--glass-border));
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .9));
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  min-height: 38px;
  padding: 0 8px;
  transition: all .2s, transform .15s;
  display: flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.UniversalSelect-module__xpBmhW__select__control:hover:not(.UniversalSelect-module__xpBmhW__select__control--is-disabled) {
  border-color: color-mix(in srgb, var(--primary-color) 30%, var(--glass-border));
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.UniversalSelect-module__xpBmhW__select__control--is-focused {
  border-color: color-mix(in srgb, var(--primary-color) 50%, var(--glass-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.UniversalSelect-module__xpBmhW__select__control--is-disabled {
  opacity: .45;
  cursor: not-allowed;
  background: rgba(255, 255, 255, .02);
}

.UniversalSelect-module__xpBmhW__select__value-container {
  cursor: pointer;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  padding: 2px 8px;
  display: flex;
}

.UniversalSelect-module__xpBmhW__select__single-value {
  color: var(--text-primary);
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.UniversalSelect-module__xpBmhW__select__placeholder {
  color: var(--text-muted, rgba(0, 0, 0, .4));
  opacity: .7;
  font-size: 13px;
  font-weight: 400;
}

.UniversalSelect-module__xpBmhW__select__input-container {
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.UniversalSelect-module__xpBmhW__select__indicators {
  align-items: center;
  gap: 2px;
  padding-left: 2px;
  display: flex;
}

.UniversalSelect-module__xpBmhW__select__indicator-separator {
  display: none;
}

.UniversalSelect-module__xpBmhW__select__dropdown-indicator {
  color: var(--text-muted, rgba(0, 0, 0, .45));
  cursor: pointer;
  opacity: .6;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .2s;
  display: flex;
}

.UniversalSelect-module__xpBmhW__select__dropdown-indicator:hover {
  opacity: 1;
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.UniversalSelect-module__xpBmhW__select__control--menu-is-open .UniversalSelect-module__xpBmhW__select__dropdown-indicator {
  opacity: 1;
  color: var(--primary-color);
  transform: rotate(180deg);
}

.UniversalSelect-module__xpBmhW__select__clear-indicator {
  color: var(--text-muted, rgba(0, 0, 0, .4));
  cursor: pointer;
  opacity: .5;
  border-radius: 4px;
  padding: 4px;
  transition: all .15s;
}

.UniversalSelect-module__xpBmhW__select__clear-indicator:hover {
  opacity: 1;
  color: var(--bad);
  background: rgba(239, 68, 68, .08);
}

.UniversalSelect-module__xpBmhW__select__menu {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  background: rgba(255, 255, 255, .98);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 12px;
  width: max-content;
  min-width: 280px;
  max-width: 400px;
  margin-top: 4px;
  padding: 6px;
  animation: .18s ease-out UniversalSelect-module__xpBmhW__menuFadeIn;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);
}

@media (max-width: 768px) {
  .UniversalSelect-module__xpBmhW__select__menu {
    min-width: 200px;
    max-width: calc(100vw - 32px);
  }
}

@keyframes UniversalSelect-module__xpBmhW__menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.UniversalSelect-module__xpBmhW__select__menu-list {
  max-height: 260px;
  padding: 2px;
}

.UniversalSelect-module__xpBmhW__select__menu-list::-webkit-scrollbar {
  width: 6px;
}

.UniversalSelect-module__xpBmhW__select__menu-list::-webkit-scrollbar-track {
  background: none;
}

.UniversalSelect-module__xpBmhW__select__menu-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  border-radius: 10px;
}

.UniversalSelect-module__xpBmhW__select__menu-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .2);
}

.UniversalSelect-module__xpBmhW__select__option {
  color: var(--text-primary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  background: none;
  border-radius: 8px;
  margin: 1px 0;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 450;
  line-height: 1.35;
  transition: all .15s;
  position: relative;
}

.UniversalSelect-module__xpBmhW__select__option:hover {
  background: rgba(0, 0, 0, .04);
}

.UniversalSelect-module__xpBmhW__select__option--is-focused {
  background: rgba(0, 0, 0, .05);
}

.UniversalSelect-module__xpBmhW__select__option--is-selected {
  color: var(--primary-color);
  font-weight: 500;
  position: relative;
  background: color-mix(in srgb, var(--primary-color) 10%, transparent) !important;
}

.UniversalSelect-module__xpBmhW__select__option--is-selected:before {
  content: "";
  background: var(--primary-color);
  border-radius: 2px 0 0 2px;
  width: 3px;
  height: 60%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.UniversalSelect-module__xpBmhW__select__option--is-selected:hover {
  background: color-mix(in srgb, var(--primary-color) 14%, transparent) !important;
}

.UniversalSelect-module__xpBmhW__select__option:active {
  transition-duration: 50ms;
  transform: scale(.99);
}

.UniversalSelect-module__xpBmhW__select__option--is-disabled {
  opacity: .35;
  cursor: not-allowed;
}

.UniversalSelect-module__xpBmhW__select__loading-indicator {
  color: var(--primary-color);
}

.UniversalSelect-module__xpBmhW__select__loading-indicator span {
  background-color: var(--primary-color);
}

@media (max-width: 768px) {
  .UniversalSelect-module__xpBmhW__select__control {
    border-radius: 10px;
    min-height: 40px;
  }

  .UniversalSelect-module__xpBmhW__select__menu {
    padding: 4px;
  }

  .UniversalSelect-module__xpBmhW__select__option {
    padding: 12px 14px;
    font-size: 14px;
  }
}

.UniversalSelect-module__xpBmhW__select__multi-value {
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
  border-radius: 6px;
  align-items: center;
  gap: 2px;
  margin: 2px;
  padding: 1px 4px;
  font-size: 12px;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.UniversalSelect-module__xpBmhW__select__multi-value:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 22%, transparent);
}

.UniversalSelect-module__xpBmhW__select__multi-value__label {
  color: var(--text-primary);
  padding: 0 3px;
  font-size: 12px;
  font-weight: 500;
}

.UniversalSelect-module__xpBmhW__select__multi-value__remove {
  color: rgba(0, 0, 0, .35);
  cursor: pointer;
  border-radius: 3px;
  align-items: center;
  padding: 0 3px;
  transition: all .12s;
  display: flex;
}

.UniversalSelect-module__xpBmhW__select__multi-value__remove:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, .1);
}

@keyframes UniversalSelect-module__xpBmhW__selectPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .6;
  }
}

@keyframes UniversalSelect-module__xpBmhW__selectCheckmark {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.UniversalSelect-module__xpBmhW__select__menu-notice {
  color: var(--text-muted, rgba(0, 0, 0, .45));
  text-align: center;
  padding: 12px 16px;
  font-size: 13px;
}

.UniversalSelect-module__xpBmhW__select__group-heading {
  color: var(--text-muted, rgba(0, 0, 0, .5));
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 2px;
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 600;
}

.UniversalSelect-module__xpBmhW__mobileTrigger {
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(0, 0, 0, .08));
  cursor: pointer;
  text-align: right;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  direction: rtl;
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 100%);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 12px 14px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .6);
}

.UniversalSelect-module__xpBmhW__mobileTrigger:active:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 100%);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(0, 0, 0, .1));
  transform: scale(.99);
}

.UniversalSelect-module__xpBmhW__mobileTrigger:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.UniversalSelect-module__xpBmhW__mobileTriggerValue {
  color: #1e293b;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.UniversalSelect-module__xpBmhW__mobileTriggerPlaceholder {
  color: #94a3b8;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
}

.UniversalSelect-module__xpBmhW__mobileTriggerIcon {
  color: #64748b;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transition: transform .2s;
  display: flex;
}

.UniversalSelect-module__xpBmhW__spinnerIcon {
  animation: .8s linear infinite UniversalSelect-module__xpBmhW__spin;
}

@keyframes UniversalSelect-module__xpBmhW__spin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/src/components/CountryCodeSelect/CountryCodeSelect.module.css [client] (css) */
.CountryCodeSelect-module__s_48Zq__countryCodeSelect {
  width: auto;
  min-width: 90px;
  display: inline-block;
  position: relative;
}

.CountryCodeSelect-module__s_48Zq__trigger {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 4px 8px;
  transition: all .2s;
  display: flex;
}

.CountryCodeSelect-module__s_48Zq__trigger.CountryCodeSelect-module__s_48Zq__disabled {
  opacity: .6;
  cursor: not-allowed;
}

.CountryCodeSelect-module__s_48Zq__flag {
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
  width: 16px;
  height: 11px;
  display: block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.CountryCodeSelect-module__s_48Zq__displayText {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  line-height: 1.1;
  display: flex;
}

.CountryCodeSelect-module__s_48Zq__name {
  color: var(--text-primary, #333);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 70px;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}

.CountryCodeSelect-module__s_48Zq__code {
  color: var(--text-secondary, #666);
  white-space: nowrap;
  direction: ltr;
  font-size: 10px;
  font-weight: 400;
}

.CountryCodeSelect-module__s_48Zq__arrow {
  color: var(--text-secondary, #666);
  flex-shrink: 0;
  font-size: 10px;
}

.CountryCodeSelect-module__s_48Zq__dropdown {
  background: var(--background-light, #fff);
  border: 1px solid var(--primary-color, #06c);
  width: 280px;
  max-height: 320px;
  z-index: var(--z-modal-select);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.CountryCodeSelect-module__s_48Zq__searchBox {
  border-bottom: 1px solid var(--border-color, #eee);
  background: var(--background-secondary, #fafafa);
  padding: 12px;
}

.CountryCodeSelect-module__s_48Zq__searchInput {
  border: 1px solid var(--border-color, #ddd);
  text-align: right;
  direction: rtl;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: border-color .2s;
}

.CountryCodeSelect-module__s_48Zq__searchInput:focus {
  border-color: var(--primary-color, #06c);
  outline: none;
}

.CountryCodeSelect-module__s_48Zq__searchInput::placeholder {
  color: var(--text-secondary, #999);
}

.CountryCodeSelect-module__s_48Zq__list {
  max-height: 240px;
  margin: 0;
  padding: 4px;
  list-style: none;
  overflow-y: auto;
}

.CountryCodeSelect-module__s_48Zq__option {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  transition: background .15s;
  display: flex;
}

.CountryCodeSelect-module__s_48Zq__option:hover {
  background: var(--background-hover, #f0f7ff);
}

.CountryCodeSelect-module__s_48Zq__option.CountryCodeSelect-module__s_48Zq__selected {
  background: var(--primary-light, #e6f2ff);
  font-weight: 500;
}

.CountryCodeSelect-module__s_48Zq__optionFlag {
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
  width: 16px;
  height: 11px;
  display: block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.CountryCodeSelect-module__s_48Zq__optionName {
  color: var(--text-primary, #333);
  text-align: right;
  direction: rtl;
  flex: 1;
  font-size: 14px;
}

.CountryCodeSelect-module__s_48Zq__optionCode {
  color: var(--text-secondary, #666);
  direction: ltr;
  font-family: Courier New, monospace;
  font-size: 13px;
}

.CountryCodeSelect-module__s_48Zq__noResults {
  text-align: center;
  color: var(--text-secondary, #999);
  padding: 16px;
  font-size: 14px;
}

.CountryCodeSelect-module__s_48Zq__list::-webkit-scrollbar {
  width: 6px;
}

.CountryCodeSelect-module__s_48Zq__list::-webkit-scrollbar-track {
  background: none;
}

.CountryCodeSelect-module__s_48Zq__list::-webkit-scrollbar-thumb {
  background: var(--border-color, #ddd);
  border-radius: 3px;
}

.CountryCodeSelect-module__s_48Zq__list::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary, #999);
}

@media (max-width: 640px) {
  .CountryCodeSelect-module__s_48Zq__dropdown {
    width: 260px;
  }
}

/* [project]/src/components/Fuel/FuelGauge/fuel-gauge.module.css [client] (css) */
.fuel-gauge-module__vKzata__wrap {
  gap: var(--spacing-xs);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  direction: rtl;
  flex-direction: column;
  margin-top: -50px;
  padding-top: 50px;
  display: flex;
}

.fuel-gauge-module__vKzata__quickButtons {
  margin-bottom: var(--spacing-xs);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fuel-gauge-module__vKzata__quickBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-2);
  cursor: pointer;
  transition: all var(--transition-fast);
  color: var(--text-secondary);
  background: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(245, 247, 250, .7) 100%);
  border: 1px solid rgba(0, 0, 0, .08);
  padding: 6px 14px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.fuel-gauge-module__vKzata__quickBtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.fuel-gauge-module__vKzata__quickBtn:active {
  transform: translateY(0);
}

.fuel-gauge-module__vKzata__quickEmpty {
  color: rgba(180, 60, 60, .9);
  border-color: rgba(220, 60, 60, .2);
}

.fuel-gauge-module__vKzata__quickEmpty:hover {
  background: linear-gradient(135deg, rgba(255, 240, 240, .9) 0%, rgba(255, 230, 230, .8) 100%);
  border-color: rgba(220, 60, 60, .3);
}

.fuel-gauge-module__vKzata__quickEmpty.fuel-gauge-module__vKzata__quickActive {
  color: #b42828;
  background: linear-gradient(135deg, rgba(220, 60, 60, .15) 0%, rgba(220, 60, 60, .1) 100%);
  border-color: rgba(220, 60, 60, .4);
}

.fuel-gauge-module__vKzata__quickFull {
  color: rgba(34, 120, 70, .9);
  border-color: rgba(34, 160, 90, .2);
}

.fuel-gauge-module__vKzata__quickFull:hover {
  background: linear-gradient(135deg, rgba(240, 255, 245, .9) 0%, rgba(230, 255, 240, .8) 100%);
  border-color: rgba(34, 160, 90, .3);
}

.fuel-gauge-module__vKzata__quickFull.fuel-gauge-module__vKzata__quickActive {
  color: #187846;
  background: linear-gradient(135deg, rgba(34, 160, 90, .15) 0%, rgba(34, 160, 90, .1) 100%);
  border-color: rgba(34, 160, 90, .4);
}

.fuel-gauge-module__vKzata__gauge {
  border-radius: var(--border-radius-lg);
  background: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .75) 50%, color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .8)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6));
  -webkit-backdrop-filter: blur(20px) saturate(1.8);
  width: 100%;
  transition: box-shadow var(--transition-normal), transform var(--transition-normal), filter var(--transition-normal);
  outline: none;
  position: relative;
  overflow: visible;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .9), inset 0 -1px rgba(0, 0, 0, .03);
}

.fuel-gauge-module__vKzata__gauge:focus-visible {
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), var(--focus-ring);
}

.fuel-gauge-module__vKzata__gauge:not(.fuel-gauge-module__vKzata__disabled):not(.fuel-gauge-module__vKzata__readonly):hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .9);
}

.fuel-gauge-module__vKzata__dragging {
  filter: saturate(115%);
}

.fuel-gauge-module__vKzata__glass {
  pointer-events: none;
  background: radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 70%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fuel-gauge-module__vKzata__track {
  cursor: pointer;
  touch-action: none;
  align-items: stretch;
  width: 100%;
  height: 48px;
  padding: 6px;
  display: grid;
  position: relative;
}

.fuel-gauge-module__vKzata__grid {
  border-radius: calc(var(--border-radius-lg)  - 4px);
  background: linear-gradient(rgba(240, 242, 248, .6) 0%, rgba(235, 238, 245, .4) 100%);
  grid-template-columns: repeat(10, 1fr);
  align-items: stretch;
  gap: 2px;
  min-height: 36px;
  padding: 6px;
  display: grid;
  position: relative;
}

.fuel-gauge-module__vKzata__cell {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: calc(var(--border-radius-sm)  + 2px);
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
  background: linear-gradient(rgba(255, 255, 255, .7) 0%, rgba(245, 247, 250, .5) 100%);
  border: 1px solid rgba(0, 0, 0, .06);
  padding: 0;
  position: relative;
  box-shadow: inset 0 1px rgba(255, 255, 255, .8), inset 0 -1px rgba(0, 0, 0, .04);
}

.fuel-gauge-module__vKzata__cell:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), inset 0 -1px rgba(0, 0, 0, .06), 0 4px 10px rgba(0, 0, 0, .06);
}

.fuel-gauge-module__vKzata__active {
  background: linear-gradient(rgba(230, 160, 50, .4) 0%, rgba(210, 140, 30, .25) 100%);
  border-color: rgba(210, 140, 30, .3);
  box-shadow: inset 0 1px rgba(255, 255, 255, .5), inset 0 -1px rgba(0, 0, 0, .06);
}

.fuel-gauge-module__vKzata__current {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(0, 0, 0, .08), 0 0 0 2px color-mix(in srgb, var(--primary-color) 40%, transparent);
  outline: 0;
}

.fuel-gauge-module__vKzata__tooltip {
  border-radius: var(--border-radius-lg);
  font-weight: 800;
  font-size: var(--font-size-3);
  color: var(--text-primary);
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(200, 200, 200, .5));
  -webkit-backdrop-filter: blur(16px) saturate(1.8);
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .92) 100%);
  padding: 8px 14px;
  position: absolute;
  top: -44px;
  transform: translateX(50%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .08);
}

.fuel-gauge-module__vKzata__tooltip:after {
  content: "";
  border-right: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(200, 200, 200, .5));
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(200, 200, 200, .5));
  background: rgba(255, 255, 255, .95);
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

.fuel-gauge-module__vKzata__low .fuel-gauge-module__vKzata__tooltip {
  color: #b42828;
  border-color: rgba(220, 60, 60, .4);
}

.fuel-gauge-module__vKzata__medium .fuel-gauge-module__vKzata__tooltip {
  color: #a06414;
  border-color: rgba(210, 140, 30, .4);
}

.fuel-gauge-module__vKzata__high .fuel-gauge-module__vKzata__tooltip {
  color: #187846;
  border-color: rgba(34, 160, 90, .4);
}

.fuel-gauge-module__vKzata__dot {
  width: 8px;
  height: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 0 0 2px color-mix(in srgb, var(--primary-color) 35%, transparent);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .6) 100%);
  border-radius: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fuel-gauge-module__vKzata__low .fuel-gauge-module__vKzata__active {
  background: linear-gradient(rgba(220, 60, 60, .4) 0%, rgba(200, 50, 50, .25) 100%);
  border-color: rgba(220, 60, 60, .3);
}

.fuel-gauge-module__vKzata__high .fuel-gauge-module__vKzata__active {
  background: linear-gradient(rgba(34, 160, 90, .4) 0%, rgba(30, 140, 80, .25) 100%);
  border-color: rgba(34, 160, 90, .3);
}

.fuel-gauge-module__vKzata__medium .fuel-gauge-module__vKzata__active {
  background: linear-gradient(rgba(230, 160, 50, .4) 0%, rgba(210, 140, 30, .25) 100%);
  border-color: rgba(210, 140, 30, .3);
}

.fuel-gauge-module__vKzata__disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(20%);
}

.fuel-gauge-module__vKzata__readonly {
  cursor: default;
}

.fuel-gauge-module__vKzata__labelsRow {
  grid-template-columns: repeat(11, 1fr);
  gap: 2px;
  padding: 4px 6px 0;
  display: grid;
}

.fuel-gauge-module__vKzata__labelItem {
  text-align: center;
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  white-space: nowrap;
}

.fuel-gauge-module__vKzata__track {
  height: 40px;
}

.fuel-gauge-module__vKzata__grid {
  min-height: 32px;
  padding: 5px;
}

.fuel-gauge-module__vKzata__labelItem {
  font-size: var(--font-size-2);
}

.fuel-gauge-module__vKzata__unknown {
  color: var(--text-secondary);
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, .035), rgba(0, 0, 0, .035) 6px, rgba(255, 255, 255, .035) 6px, rgba(255, 255, 255, .035) 12px);
  place-items: center;
  font-weight: 600;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 480px) {
  .fuel-gauge-module__vKzata__track {
    height: 44px;
  }

  .fuel-gauge-module__vKzata__grid {
    min-height: 34px;
  }

  .fuel-gauge-module__vKzata__tooltip {
    font-size: var(--font-size-2);
  }
}

/* [project]/src/components/Modals/IconPicker.module.css [client] (css) */
.IconPicker-module__CBpYHG__overlay {
  z-index: var(--z-overlay);
  background: radial-gradient(circle at center, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .85)) 0%, rgba(0, 0, 0, .9) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  opacity: 0;
  justify-content: center;
  align-items: center;
  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards IconPicker-module__CBpYHG__overlayFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.IconPicker-module__CBpYHG__modal {
  width: 90%;
  max-width: 1000px;
  max-height: 85vh;
  z-index: var(--z-modal);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .98)) 0%, rgba(249, 250, 251, .98) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(252, 252, 253, .98)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5));
  box-shadow: 0 0 80px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08)), 0 20px 60px rgba(0, 0, 0, .1), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .3)) inset, 0 2px 0 0 color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5)) inset;
  opacity: 0;
  direction: rtl;
  border-radius: 24px;
  flex-direction: column;
  animation: .35s cubic-bezier(.34, 1.3, .64, 1) forwards IconPicker-module__CBpYHG__modalSlideIn;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%)scale(.92);
}

.IconPicker-module__CBpYHG__iconPickerModal {
  max-width: 1000px;
  height: auto;
  max-height: 85vh;
}

.IconPicker-module__CBpYHG__pickerWrapper {
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding: 0;
  display: flex;
}

@keyframes IconPicker-module__CBpYHG__overlayFadeIn {
  to {
    opacity: 1;
  }
}

@keyframes IconPicker-module__CBpYHG__modalSlideIn {
  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.IconPicker-module__CBpYHG__modalHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.IconPicker-module__CBpYHG__modalTitle {
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: bold;
}

.IconPicker-module__CBpYHG__modalClose {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  font-size: 1.25rem;
  transition: color .2s;
}

.IconPicker-module__CBpYHG__modalClose:hover {
  color: #ef4444;
}

.IconPicker-module__CBpYHG__openButton {
  color: #fff;
  cursor: pointer;
  background-color: #3b82f6;
  border: none;
  border-radius: 8px;
  padding: .6rem 1.2rem;
  font-size: 1rem;
  transition: background .2s;
}

.IconPicker-module__CBpYHG__openButton:hover {
  background-color: #2563eb;
}

.IconPicker-module__CBpYHG__filtersRow {
  flex-wrap: nowrap;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.IconPicker-module__CBpYHG__searchInputWrapper {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.IconPicker-module__CBpYHG__searchIcon {
  color: var(--text-secondary, #64748b);
  pointer-events: none;
  z-index: 1;
  position: absolute;
  right: 10px;
}

.IconPicker-module__CBpYHG__searchInput {
  width: 100% !important;
  padding-left: 32px !important;
  padding-right: 36px !important;
}

.IconPicker-module__CBpYHG__clearSearchButton {
  background: color-mix(in srgb, var(--secondary-color, #64748b) 15%, transparent);
  width: 22px;
  height: 22px;
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  z-index: 1;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 8px;
}

.IconPicker-module__CBpYHG__clearSearchButton:hover {
  background: color-mix(in srgb, var(--secondary-color, #64748b) 25%, transparent);
  color: var(--text-primary, #0f172a);
}

.IconPicker-module__CBpYHG__filtersRow .Select1 {
  flex-shrink: 0;
  width: auto;
  min-width: 140px;
  max-width: 180px;
}

.IconPicker-module__CBpYHG__iconCategories {
  flex-direction: column;
  gap: 1rem;
  max-height: calc(85vh - 220px);
  display: flex;
  overflow-y: auto;
}

.IconPicker-module__CBpYHG__categoryTitle {
  color: #1e293b;
  margin-bottom: .5rem;
  font-weight: bold;
}

.IconPicker-module__CBpYHG__iconList {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
  display: grid;
}

.IconPicker-module__CBpYHG__iconItem {
  cursor: pointer;
  background: #f9fafb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: .5rem;
  transition: all .2s;
  display: flex;
}

.IconPicker-module__CBpYHG__iconItem:hover {
  background-color: #e0f2fe;
  transform: translateY(-2px);
}

.IconPicker-module__CBpYHG__iconSvg {
  color: var(--primary-color);
  font-size: 2rem;
}

.IconPicker-module__CBpYHG__selected {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .3);
}

.IconPicker-module__CBpYHG__iconDescription {
  color: #334155;
  text-align: center;
  word-break: break-word;
  margin-top: .4rem;
  font-size: .85rem;
}

.IconPicker-module__CBpYHG__noResults {
  text-align: center;
  color: #64748b;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  margin-top: 2rem;
  padding: 2rem;
  font-size: 1rem;
  display: flex;
}

.IconPicker-module__CBpYHG__noResultsHint {
  color: #94a3b8;
  font-size: .85rem;
}

.IconPicker-module__CBpYHG__resultsInfo {
  text-align: center;
  color: #64748b;
  background: #f8fafc;
  border-radius: 6px;
  margin-bottom: .75rem;
  padding: .5rem;
  font-size: .85rem;
}

.IconPicker-module__CBpYHG__searchHint {
  color: #3b82f6;
  background: #eff6ff;
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
  padding: .5rem .75rem;
  font-size: .85rem;
  display: flex;
}

.IconPicker-module__CBpYHG__loadingState {
  color: #64748b;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 3rem;
  display: flex;
}

.IconPicker-module__CBpYHG__spinIcon {
  animation: 1.5s linear infinite IconPicker-module__CBpYHG__spin;
}

@keyframes IconPicker-module__CBpYHG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.IconPicker-module__CBpYHG__loadMoreHint {
  text-align: center;
  color: #94a3b8;
  margin-top: .5rem;
  padding: 1rem;
  font-size: .85rem;
}

@media (max-width: 600px) {
  .IconPicker-module__CBpYHG__modal {
    width: 95%;
    max-height: 90vh;
    padding: 1rem;
  }

  .IconPicker-module__CBpYHG__filtersRow {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
  }

  .IconPicker-module__CBpYHG__searchInput, .IconPicker-module__CBpYHG__categorySelect {
    width: 100%;
  }

  .IconPicker-module__CBpYHG__iconList {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }

  .IconPicker-module__CBpYHG__iconSvg {
    font-size: 1.75rem;
  }
}

.IconPicker-module__CBpYHG__footerSelectedInfo {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 12%, #f1f5f9);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  color: var(--primary-color, #3b82f6);
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .4rem .75rem;
  font-weight: 500;
  display: flex;
}

/* [project]/src/components/Ui/ToggleField/ToggleField.module.css [client] (css) */
.ToggleField-module__R3kJsG__toggleWrapper {
  background: linear-gradient(rgba(0, 0, 0, .03) 0%, rgba(0, 0, 0, .05) 100%);
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 16px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  display: inline-flex;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__sm {
  height: var(--field-height-sm);
  gap: 4px;
  padding: 3px;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__md {
  height: var(--field-height);
  gap: 6px;
  padding: 3px;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__lg {
  height: var(--field-height-lg);
  gap: 8px;
  padding: 4px;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__fullWidth {
  justify-content: stretch;
  width: 100%;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__fullWidth .ToggleField-module__R3kJsG__toggleOption {
  flex: auto;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__vertical {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: auto !important;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__vertical .ToggleField-module__R3kJsG__toggleOption {
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 14px;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__disabled {
  opacity: .6;
  pointer-events: none;
}

.ToggleField-module__R3kJsG__toggleOption {
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-2);
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
}

.ToggleField-module__R3kJsG__sm .ToggleField-module__R3kJsG__toggleOption {
  font-size: var(--font-size-2);
  height: calc(var(--field-height-sm)  - 6px);
  gap: 6px;
  padding: 0 8px;
}

.ToggleField-module__R3kJsG__md .ToggleField-module__R3kJsG__toggleOption {
  font-size: var(--font-size-3);
  height: calc(var(--field-height)  - 6px);
  gap: 8px;
  padding: 0 10px;
}

.ToggleField-module__R3kJsG__lg .ToggleField-module__R3kJsG__toggleOption {
  font-size: var(--font-size-4);
  height: calc(var(--field-height-lg)  - 8px);
  gap: 10px;
  padding: 0 24px;
}

.ToggleField-module__R3kJsG__toggleOption:hover:not(.ToggleField-module__R3kJsG__toggleActive) {
  color: var(--text-primary, #374151);
  background: rgba(255, 255, 255, .5);
}

.ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive {
  color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px color-mix(in srgb, var(--primary-color) 12%, rgba(0, 0, 0, .04));
  background: #fff;
}

.ToggleField-module__R3kJsG__toggleOption svg, .ToggleField-module__R3kJsG__toggleIcon {
  opacity: .7;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive svg, .ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive .ToggleField-module__R3kJsG__toggleIcon {
  opacity: 1;
}

.ToggleField-module__R3kJsG__toggleLabel {
  line-height: 1;
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__primary .ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive {
  color: var(--primary-color);
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__success .ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive {
  color: var(--success-color, #10b981);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px color-mix(in srgb, var(--success-color, #10b981) 12%, rgba(0, 0, 0, .04));
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__warning .ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive {
  color: var(--warning-color, #f59e0b);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px color-mix(in srgb, var(--warning-color, #f59e0b) 12%, rgba(0, 0, 0, .04));
}

.ToggleField-module__R3kJsG__toggleWrapper.ToggleField-module__R3kJsG__danger .ToggleField-module__R3kJsG__toggleOption.ToggleField-module__R3kJsG__toggleActive {
  color: var(--danger-color, #ef4444);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px color-mix(in srgb, var(--danger-color, #ef4444) 12%, rgba(0, 0, 0, .04));
}

.ToggleField-module__R3kJsG__toggleOption:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

.ToggleField-module__R3kJsG__toggleWrapper:focus-within {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 20%, transparent);
}

/* [project]/src/components/DetailsForm/DetailsForm.module.css [client] (css) */
.DetailsForm-module__UVhpiW__detailsForm {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.DetailsForm-module__UVhpiW__section {
  margin-bottom: 2rem;
}

.DetailsForm-module__UVhpiW__map {
  width: 100%;
}

.DetailsForm-module__UVhpiW__sectionTitle {
  font-size: var(--font-size-3);
  color: var(--primary-color);
  margin-bottom: 10px;
  font-weight: bold;
}

.DetailsForm-module__UVhpiW__sectionDescription {
  font-size: var(--font-size-2);
  color: #666;
  margin-bottom: 20px;
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__fieldsGrid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
  display: grid;
}

.DetailsForm-module__UVhpiW__fieldItem {
  flex-direction: column;
  display: flex;
}

.DetailsForm-module__UVhpiW__fieldItem.DetailsForm-module__UVhpiW__fullWidth, .DetailsForm-module__UVhpiW__switchItem.DetailsForm-module__UVhpiW__fullWidth {
  grid-column: 1 / -1;
}

.DetailsForm-module__UVhpiW__readOnlyGrid {
  gap: var(--spacing-sm) var(--spacing-md);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  display: grid;
}

.DetailsForm-module__UVhpiW__readOnlyItem {
  padding: var(--spacing-sm);
  border-radius: var(--border-radius-md);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  flex-direction: column;
  gap: 4px;
  transition: background .2s;
  display: flex;
}

.DetailsForm-module__UVhpiW__readOnlyItem:hover {
  background: color-mix(in srgb, var(--glass-bg) 90%, var(--primary-color) 10%);
}

.DetailsForm-module__UVhpiW__readOnlyItem.DetailsForm-module__UVhpiW__fullWidth {
  grid-column: 1 / -1;
}

.DetailsForm-module__UVhpiW__readOnlyLabel {
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .3px;
  font-weight: 600;
}

.DetailsForm-module__UVhpiW__readOnlyValue {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  word-break: break-word;
  font-weight: 500;
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__readOnlyValue.DetailsForm-module__UVhpiW__emptyValue {
  color: var(--text-secondary);
  opacity: .7;
  font-style: italic;
}

.DetailsForm-module__UVhpiW__labelWrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.DetailsForm-module__UVhpiW__required {
  font-size: var(--font-size-1);
  color: #f87171;
  font-weight: var(--font-weight-2);
  opacity: .85;
  margin-right: 6px;
}

.DetailsForm-module__UVhpiW__descriptionBelow {
  font-size: var(--font-size-1);
  color: rgba(0, 0, 0, .5);
  margin-top: 3px;
  margin-bottom: 0;
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__fieldWithAction {
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__fieldWithAction > :first-child {
  flex: 1;
  min-width: 0;
}

.DetailsForm-module__UVhpiW__inputWithValidation {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.DetailsForm-module__UVhpiW__validationIcon {
  pointer-events: none;
  width: 24px;
  height: 24px;
  z-index: var(--z-dropdown);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 50%;
  left: .75rem;
  transform: translateY(-50%);
}

.DetailsForm-module__UVhpiW__validationIcon.DetailsForm-module__UVhpiW__valid {
  color: #059669;
  background: linear-gradient(135deg, rgba(124, 217, 186, .33), rgba(129, 218, 188, .227));
  border: 1.5px solid rgba(104, 211, 176, .475);
  box-shadow: 0 2px 8px rgba(10, 117, 82, .235), inset 0 1px rgba(255, 255, 255, .3);
}

.DetailsForm-module__UVhpiW__validationIcon.DetailsForm-module__UVhpiW__invalid {
  color: #dc2626;
  background: linear-gradient(135deg, rgba(246, 152, 152, .33), rgba(247, 156, 156, .227));
  border: 1.5px solid rgba(245, 137, 137, .475);
  box-shadow: 0 2px 8px rgba(151, 43, 43, .235), inset 0 1px rgba(255, 255, 255, .3);
}

.DetailsForm-module__UVhpiW__validationError {
  color: #dc2626;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: linear-gradient(135deg, rgba(247, 163, 163, .243), rgba(248, 171, 171, .133));
  border: 1.5px solid rgba(245, 142, 142, .416);
  border-radius: 8px;
  margin-top: .5rem;
  padding: .5rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(152, 43, 43, .19), inset 0 1px rgba(255, 255, 255, .25);
}

.DetailsForm-module__UVhpiW__validationError.DetailsForm-module__UVhpiW__subtle {
  color: #f87171;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  opacity: .85;
  background: none;
  border: none;
  margin-top: .375rem;
  padding: 0;
  font-size: .75rem;
  font-weight: 400;
}

.DetailsForm-module__UVhpiW__inlineButtonContainer {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
}

.DetailsForm-module__UVhpiW__inlineActionDescription {
  font-size: var(--font-size-2);
  color: #555;
  max-width: 120px;
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__inlineButton {
  font-size: var(--font-size-1);
  background-color: var(--primary-color, #007bff);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  height: 38px;
  padding: 6px;
  transition: background-color .2s ease-in-out;
}

.DetailsForm-module__UVhpiW__inlineButton:hover {
  background-color: var(--primary-hover, #0056b3);
}

.DetailsForm-module__UVhpiW__inlineButton:disabled {
  cursor: not-allowed;
  color: #666;
  opacity: .7;
  background-color: #ccc;
}

.DetailsForm-module__UVhpiW__disabledHint {
  font-size: var(--font-size-2);
  color: #b22222;
  margin-top: 4px;
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__error {
  color: #e53935;
  font-size: var(--font-size-2);
  margin-top: 4px;
}

.DetailsForm-module__UVhpiW__switchContainer {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  display: grid;
}

.DetailsForm-module__UVhpiW__switchItem {
  align-items: flex-start;
  gap: 7px;
  min-height: 40px;
  display: flex;
}

.DetailsForm-module__UVhpiW__switchText {
  word-break: break-word;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.DetailsForm-module__UVhpiW__switchLabel {
  color: var(--primary-color);
  font-size: var(--font-size-2);
  font-weight: 600;
  line-height: 1.3;
}

.DetailsForm-module__UVhpiW__switchDescription {
  color: #666;
  font-size: var(--font-size-2);
  line-height: 1.4;
}

.DetailsForm-module__UVhpiW__phoneFieldContainer {
  flex-direction: row-reverse;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__phoneFieldContainer > :first-child {
  flex: none;
}

.DetailsForm-module__UVhpiW__phoneFieldContainer > :last-child {
  flex: 1;
}

.DetailsForm-module__UVhpiW__priceWithVatContainer {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__priceWithVatWrapper {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: stretch;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.DetailsForm-module__UVhpiW__priceWithVatWrapper:focus-within {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent);
}

.DetailsForm-module__UVhpiW__priceWithVatCurrency {
  color: #64748b;
  background: #f8fafc;
  border-left: 1px solid #e2e8f0;
  align-items: center;
  padding: 0 .625rem;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
}

.DetailsForm-module__UVhpiW__priceWithVatInput {
  text-align: center;
  color: #1e293b;
  background: none;
  border: none;
  flex: 1;
  min-width: 80px;
  padding: .625rem .75rem;
  font-size: .95rem;
}

.DetailsForm-module__UVhpiW__priceWithVatInput:focus {
  outline: none;
}

.DetailsForm-module__UVhpiW__priceWithVatInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.DetailsForm-module__UVhpiW__priceWithVatInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.DetailsForm-module__UVhpiW__priceWithVatInput[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.DetailsForm-module__UVhpiW__priceVatToggle {
  background: #f1f5f9;
  border-right: 1px solid #e2e8f0;
  display: flex;
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn {
  color: #94a3b8;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 100%;
  min-height: 40px;
  padding: 0 .75rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn:first-child {
  border-left: 1px solid #e2e8f0;
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn:hover {
  color: #64748b;
  background: #e2e8f0;
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn.DetailsForm-module__UVhpiW__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn.DetailsForm-module__UVhpiW__active:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, black);
}

.DetailsForm-module__UVhpiW__priceVatToggleBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.DetailsForm-module__UVhpiW__passwordFieldContainer {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__passwordRow {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__passwordInputWrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.DetailsForm-module__UVhpiW__passwordInputWrapper input {
  width: 100%;
  padding-left: 44px;
}

.DetailsForm-module__UVhpiW__passwordToggle {
  cursor: pointer;
  color: var(--text-secondary, #666);
  border-radius: var(--border-radius-sm, 4px);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 8px;
}

.DetailsForm-module__UVhpiW__passwordToggle:hover {
  color: var(--primary-color);
  background: rgba(0, 0, 0, .05);
}

.DetailsForm-module__UVhpiW__passwordStrength {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__strengthBars {
  gap: 4px;
  height: 4px;
  display: flex;
}

.DetailsForm-module__UVhpiW__strengthBar {
  background: rgba(0, 0, 0, .1);
  border-radius: 2px;
  flex: 1;
  height: 100%;
  transition: background-color .3s;
}

.DetailsForm-module__UVhpiW__strengthBar.DetailsForm-module__UVhpiW__active {
  background: var(--strength-color, #e0e0e0);
}

.DetailsForm-module__UVhpiW__strengthText {
  color: var(--strength-color, #666);
  text-align: right;
  font-size: 11px;
  font-weight: 500;
}

.DetailsForm-module__UVhpiW__instruction {
  font-size: var(--font-size-2);
  color: #444;
  background-color: var(--accent-color);
  border-radius: 8px;
  padding: .5rem 1rem;
}

.DetailsForm-module__UVhpiW__saveBar {
  background: var(--accent-color);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: var(--z-floating-btn);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
}

.DetailsForm-module__UVhpiW__saveButton {
  background: var(--secondary-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  font-size: 1.05rem;
  font-weight: 600;
  transition: all .2s ease-in-out;
  display: flex;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

.DetailsForm-module__UVhpiW__saveButton:hover {
  background-color: var(--primary-color);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}

.DetailsForm-module__UVhpiW__saveButton:disabled {
  cursor: not-allowed;
  opacity: .7;
  box-shadow: none;
  background: #ccc;
}

.DetailsForm-module__UVhpiW__spinner {
  border: 2px solid #fff;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .8s linear infinite DetailsForm-module__UVhpiW__spin;
}

@keyframes DetailsForm-module__UVhpiW__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.DetailsForm-module__UVhpiW__imageFieldGlassCard {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  width: 100%;
  min-width: 280px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 24px color-mix(in srgb, var(--primary-color) 4%, transparent);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 16px;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  padding: 24px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.DetailsForm-module__UVhpiW__imageFieldGlassCard:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px 0 #fff, inset 0 0 32px color-mix(in srgb, var(--primary-color) 6%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary-color) 15%, transparent);
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__imagePreviewArea {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color) 5%, rgba(252, 253, 254, .9)) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6));
  width: 100%;
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .04)), 0 1px 3px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 0 32px color-mix(in srgb, var(--primary-color) 6%, transparent);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.DetailsForm-module__UVhpiW__imagePreviewArea:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color) 6%, rgba(253, 254, 255, .95)) 100%);
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .7));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 12%, rgba(0, 0, 0, .06)), 0 2px 6px color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .04)), 0 0 0 3px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 0 40px color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.DetailsForm-module__UVhpiW__imagePreviewImg {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.DetailsForm-module__UVhpiW__pdfThumbnailContainer {
  background: linear-gradient(#f8f9fa, #f1f3f5);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.DetailsForm-module__UVhpiW__pdfThumbnailImg {
  object-fit: contain;
  object-position: center top;
  border-radius: 6px;
  max-width: 100%;
  max-height: 100%;
}

.DetailsForm-module__UVhpiW__pdfBadge {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  letter-spacing: .5px;
  background: rgba(239, 68, 68, .95);
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.DetailsForm-module__UVhpiW__imageEmptyState {
  color: rgba(0, 0, 0, .35);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
}

.DetailsForm-module__UVhpiW__emptyStateIcon {
  opacity: .3;
  color: color-mix(in srgb, var(--primary-color) 40%, #888);
}

.DetailsForm-module__UVhpiW__emptyStateText {
  color: rgba(0, 0, 0, .4);
  letter-spacing: .01em;
  font-size: 12px;
  font-weight: 500;
}

.DetailsForm-module__UVhpiW__imageDeleteBtn {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  background: rgba(239, 68, 68, .95);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
  transform: scale(.8);
  box-shadow: 0 2px 8px rgba(239, 68, 68, .3), 0 1px 3px rgba(0, 0, 0, .2);
}

.DetailsForm-module__UVhpiW__imagePreviewArea:hover .DetailsForm-module__UVhpiW__imageDeleteBtn {
  opacity: 1;
  transform: scale(1);
}

.DetailsForm-module__UVhpiW__imageDeleteBtn:hover {
  background: rgba(220, 38, 38, .98);
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(239, 68, 68, .4), 0 2px 4px rgba(0, 0, 0, .25);
}

.DetailsForm-module__UVhpiW__imageDeleteBtn:active {
  transform: scale(.95);
}

.DetailsForm-module__UVhpiW__imageEditBtnOverlay {
  background: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 85%, #000) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent), 0 1px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
  z-index: 2;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  transform: scale(.8);
}

.DetailsForm-module__UVhpiW__imagePreviewArea:hover .DetailsForm-module__UVhpiW__imageEditBtnOverlay {
  opacity: 1;
  transform: scale(1);
}

.DetailsForm-module__UVhpiW__imageEditBtnOverlay:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 90%, #000) 0%, color-mix(in srgb, var(--primary-color) 75%, #000) 100%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 2px 4px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: scale(1.05);
}

.DetailsForm-module__UVhpiW__imageEditBtnOverlay:active {
  transform: scale(.95);
}

.DetailsForm-module__UVhpiW__imageActionButtons {
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__imageSelectBtn {
  background: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 85%, #000) 100%);
  color: #fff;
  cursor: pointer;
  width: 100%;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent), 0 2px 4px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .25);
  letter-spacing: .02em;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.DetailsForm-module__UVhpiW__imageSelectBtn:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 90%, #000) 0%, color-mix(in srgb, var(--primary-color) 75%, #000) 100%);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 3px 6px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__imageSelectBtn:active {
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15);
  transform: translateY(0);
}

.DetailsForm-module__UVhpiW__imageEditBtn {
  min-width: 140px;
  color: var(--primary-color);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  cursor: pointer;
  letter-spacing: .02em;
  background: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .85) 100%);
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .8);
}

.DetailsForm-module__UVhpiW__imageEditBtn:hover {
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), 0 2px 4px rgba(0, 0, 0, .08), inset 0 1px 0 #fff;
  background: linear-gradient(135deg, #fff 0%, rgba(251, 252, 253, .95) 100%);
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__imageEditBtn:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .9);
}

@media (max-width: 640px) {
  .DetailsForm-module__UVhpiW__imageFieldGlassCard {
    width: 100%;
    padding: 20px;
  }

  .DetailsForm-module__UVhpiW__imagePreviewArea {
    max-width: 100%;
    height: 180px;
  }

  .DetailsForm-module__UVhpiW__imageActionButtons {
    max-width: 100%;
  }

  .DetailsForm-module__UVhpiW__imageSelectBtn, .DetailsForm-module__UVhpiW__imageEditBtn {
    min-width: unset;
    flex: 100%;
  }

  .DetailsForm-module__UVhpiW__imageDeleteBtn, .DetailsForm-module__UVhpiW__imageEditBtnOverlay {
    opacity: 1;
    transform: scale(1);
  }
}

.DetailsForm-module__UVhpiW__imageGalleryContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryHeader {
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryCount {
  color: color-mix(in srgb, var(--primary-color) 70%, #333);
  font-size: 13px;
  font-weight: 600;
}

.DetailsForm-module__UVhpiW__deleteAllBtn {
  color: #dc2626;
  cursor: pointer;
  background: rgba(239, 68, 68, .08);
  border: 1px solid rgba(239, 68, 68, .2);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.DetailsForm-module__UVhpiW__deleteAllBtn:hover {
  background: rgba(239, 68, 68, .15);
  border-color: rgba(239, 68, 68, .35);
}

.DetailsForm-module__UVhpiW__galleryGrid {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 10px;
  width: 100%;
  min-height: 90px;
  display: grid;
}

.DetailsForm-module__UVhpiW__galleryLoadingPlaceholder {
  color: rgba(0, 0, 0, .4);
  flex-direction: column;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  font-size: 12px;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryItem {
  aspect-ratio: 1;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color) 3%, rgba(248, 250, 252, .9)) 100%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .5));
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 6%, rgba(0, 0, 0, .04)), inset 0 1px 0 rgba(255, 255, 255, .6);
  cursor: pointer;
  border-radius: 10px;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.DetailsForm-module__UVhpiW__galleryItem:hover {
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .6));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 10%, rgba(0, 0, 0, .08)), 0 0 0 3px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .8);
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__galleryItemImg {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.DetailsForm-module__UVhpiW__galleryPdfThumb {
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, var(--primary-color) 60%, #666);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryPdfThumbWithImage {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
}

.DetailsForm-module__UVhpiW__galleryPdfThumbnailImg {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
}

.DetailsForm-module__UVhpiW__galleryPdfBadge {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  letter-spacing: .3px;
  background: rgba(239, 68, 68, .9);
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  position: absolute;
  bottom: 4px;
  left: 4px;
}

.DetailsForm-module__UVhpiW__galleryItemDelete {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  background: rgba(239, 68, 68, .95);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
  transform: scale(.8);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}

.DetailsForm-module__UVhpiW__galleryItem:hover .DetailsForm-module__UVhpiW__galleryItemDelete {
  opacity: 1;
  transform: scale(1);
}

.DetailsForm-module__UVhpiW__galleryItemDelete:hover {
  background: #dc2626;
  transform: scale(1.1);
}

.DetailsForm-module__UVhpiW__galleryAddBtn {
  aspect-ratio: 1;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color) 5%, rgba(248, 250, 252, .95)) 100%);
  border: 2px dashed color-mix(in srgb, var(--primary-color) 30%, rgba(200, 200, 200, .5));
  color: color-mix(in srgb, var(--primary-color) 70%, #666);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryAddBtn:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, #fff) 0%, color-mix(in srgb, var(--primary-color) 8%, rgba(250, 251, 252, .98)) 100%);
  border-color: color-mix(in srgb, var(--primary-color) 50%, rgba(180, 180, 180, .6));
  color: var(--primary-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .08)), inset 0 1px 0 rgba(255, 255, 255, .9);
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__galleryEmptyState {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color) 4%, rgba(248, 250, 252, .9)) 100%);
  border: 2px dashed color-mix(in srgb, var(--primary-color) 20%, rgba(200, 200, 200, .5));
  color: rgba(0, 0, 0, .4);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 24px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.DetailsForm-module__UVhpiW__galleryEmptyState:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color) 7%, rgba(250, 251, 253, .95)) 100%);
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(180, 180, 180, .6));
  color: color-mix(in srgb, var(--primary-color) 60%, #333);
}

@media (max-width: 640px) {
  .DetailsForm-module__UVhpiW__galleryGrid {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 8px;
  }

  .DetailsForm-module__UVhpiW__galleryItem .DetailsForm-module__UVhpiW__galleryItemDelete {
    opacity: 1;
    transform: scale(1);
  }

  .DetailsForm-module__UVhpiW__galleryEmptyState {
    padding: 24px 16px;
  }
}

.DetailsForm-module__UVhpiW__imageFieldContainer {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.DetailsForm-module__UVhpiW__imagePreviewWrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.DetailsForm-module__UVhpiW__imagePreview {
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  max-width: 200px;
  max-height: 140px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.DetailsForm-module__UVhpiW__imagePlaceholder {
  color: #888;
  background: #fafafa;
  border: 1px dashed #e6e6e6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 140px;
  display: flex;
}

.DetailsForm-module__UVhpiW__imagePlaceholderText {
  font-size: var(--font-size-2);
  color: #888;
}

.DetailsForm-module__UVhpiW__imageFieldCard {
  border-radius: var(--border-radius-lg);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.DetailsForm-module__UVhpiW__imageFieldCard:focus {
  box-shadow: var(--focus-ring);
  outline: none;
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__imageActions {
  flex-direction: column;
  gap: 8px;
  min-width: 140px;
  display: flex;
}

.DetailsForm-module__UVhpiW__imageActions .DetailsForm-module__UVhpiW__Button1, .DetailsForm-module__UVhpiW__imageActions .DetailsForm-module__UVhpiW__ButtonRed {
  font-size: var(--font-size-3);
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  display: inline-flex;
}

@media (max-width: 520px) {
  .DetailsForm-module__UVhpiW__imageFieldCard {
    flex-direction: column;
    align-items: stretch;
  }

  .DetailsForm-module__UVhpiW__imageActions {
    flex-direction: row;
    justify-content: space-between;
  }
}

.DetailsForm-module__UVhpiW__colorField {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.DetailsForm-module__UVhpiW__colorPickerRow {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.DetailsForm-module__UVhpiW__colorSwatches {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.DetailsForm-module__UVhpiW__colorSwatch {
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.DetailsForm-module__UVhpiW__colorControls {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.DetailsForm-module__UVhpiW__colorInput {
  cursor: pointer;
  background: none;
  border: none;
  width: 44px;
  height: 36px;
  padding: 0;
}

.DetailsForm-module__UVhpiW__colorSimpleRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.DetailsForm-module__UVhpiW__colorPreviewSmall {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.DetailsForm-module__UVhpiW__colorActionBtn {
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  padding: 6px 8px;
  font-size: .85rem;
  display: inline-flex;
}

.DetailsForm-module__UVhpiW__colorActionBtn:hover {
  opacity: .95;
}

.DetailsForm-module__UVhpiW__colorHexInput {
  width: 120px;
  max-width: 160px;
}

.DetailsForm-module__UVhpiW__chipsWrap {
  direction: rtl;
  flex-wrap: wrap;
  gap: 10px;
  padding: 4px;
  display: flex;
}

.DetailsForm-module__UVhpiW__chipsGrid {
  flex-wrap: wrap;
}

.DetailsForm-module__UVhpiW__chipsRow {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .1) transparent;
  flex-wrap: nowrap;
}

.DetailsForm-module__UVhpiW__chipsSm .DetailsForm-module__UVhpiW__chipOption {
  font-size: var(--font-size-2);
  gap: 6px;
  min-height: 36px;
  padding: 8px 16px;
}

.DetailsForm-module__UVhpiW__chipsMd .DetailsForm-module__UVhpiW__chipOption {
  font-size: var(--font-size-2);
  gap: 8px;
  min-height: 44px;
  padding: 10px 20px;
}

.DetailsForm-module__UVhpiW__chipsLg .DetailsForm-module__UVhpiW__chipOption {
  font-size: var(--font-size-3);
  gap: 10px;
  min-height: 54px;
  padding: 14px 24px;
}

.DetailsForm-module__UVhpiW__chipOption {
  color: var(--text-secondary, #4b5563);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(250, 251, 252, .9) 100%);
  border: 1.5px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .7), inset 0 -1px rgba(0, 0, 0, .02);
}

.DetailsForm-module__UVhpiW__chipOption:before {
  content: "";
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .8) 50%, rgba(0, 0, 0, 0) 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
}

.DetailsForm-module__UVhpiW__chipOption:hover {
  border-color: color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 40%, rgba(0, 0, 0, .1));
  background: linear-gradient(145deg, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 6%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 3%, rgba(252, 253, 254, .95)) 100%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 8%, transparent), 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .9);
  border-width: 1.5px;
  transform: translateY(-2px);
}

.DetailsForm-module__UVhpiW__chipActive {
  background: linear-gradient(145deg, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 18%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 12%, rgba(250, 251, 252, .95)) 100%);
  border-color: var(--chip-accent-color, var(--primary-color, #3b82f6));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 15%, transparent), 0 6px 20px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 25%, transparent), 0 2px 6px color-mix(in srgb, var(--chip-accent-color, var(--primary-color, #3b82f6)) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .95);
  color: var(--chip-accent-color, var(--primary-color, #3b82f6));
  border-width: 2px;
  font-weight: 600;
  transform: translateY(-1px);
}

.DetailsForm-module__UVhpiW__chipActive:after {
  content: "";
  background: var(--chip-accent-color, var(--primary-color, #3b82f6));
  opacity: 1;
  border-radius: 2px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 20%;
  right: 20%;
}

.DetailsForm-module__UVhpiW__chipLabel {
  font-weight: inherit;
  letter-spacing: -.01em;
  line-height: 1.3;
  position: relative;
}

.DetailsForm-module__UVhpiW__chipIcon {
  color: var(--chip-accent-color, #9ca3af);
  opacity: .7;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.DetailsForm-module__UVhpiW__chipActive .DetailsForm-module__UVhpiW__chipIcon {
  opacity: 1;
  color: var(--chip-accent-color, var(--primary-color, #3b82f6));
}

.DetailsForm-module__UVhpiW__chipWithColor {
  border-color: color-mix(in srgb, var(--chip-accent-color) 20%, rgba(0, 0, 0, .06));
}

.DetailsForm-module__UVhpiW__chipWithColor .DetailsForm-module__UVhpiW__chipIcon {
  color: var(--chip-accent-color);
  opacity: .75;
}

.DetailsForm-module__UVhpiW__chipWithColor:hover {
  border-color: color-mix(in srgb, var(--chip-accent-color) 35%, rgba(0, 0, 0, .06));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--chip-accent-color) 12%, transparent), 0 4px 8px color-mix(in srgb, var(--chip-accent-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.DetailsForm-module__UVhpiW__chipWithColor.DetailsForm-module__UVhpiW__chipActive {
  background: linear-gradient(145deg, color-mix(in srgb, var(--chip-accent-color) 20%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--chip-accent-color) 14%, rgba(250, 251, 252, .95)) 100%);
  border-color: var(--chip-accent-color);
  color: var(--chip-accent-color);
}

.DetailsForm-module__UVhpiW__chipDisabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

@media (max-width: 768px) {
  .DetailsForm-module__UVhpiW__detailsForm {
    gap: 10px;
  }

  .DetailsForm-module__UVhpiW__saveBar {
    border-radius: 0;
    width: 100%;
    padding: 20px;
    bottom: 0;
    left: 0;
    transform: none;
  }

  .DetailsForm-module__UVhpiW__saveButton {
    width: 100%;
    font-size: var(--font-size-3);
    border-radius: var(--border-radius-sm);
    justify-content: center;
    padding: 14px;
  }
}

/* [project]/src/components/ImageUploadModal/tabs.module.css [client] (css) */
.tabs-module__7AYFQq__tabsRoot {
  direction: rtl;
}

.tabs-module__7AYFQq__tabsList {
  background: color-mix(in srgb, var(--chip-bg) 70%, transparent);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px;
  display: flex;
}

.tabs-module__7AYFQq__tab {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--font-size-3);
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  padding: 8px 12px;
  font-weight: 600;
}

.tabs-module__7AYFQq__tab:hover {
  transform: translateY(-1px);
}

.tabs-module__7AYFQq__tab:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.tabs-module__7AYFQq__tabActive {
  background: color-mix(in srgb, var(--primary-color) 22%, transparent);
  color: var(--text-primary);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color) 25%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 28%, transparent);
}

.tabs-module__7AYFQq__tabDisabled {
  opacity: .55;
  cursor: not-allowed;
}

.tabs-module__7AYFQq__tabPanel {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

/* [project]/src/components/ImageUploadModal/UploadFromComputer.module.css [client] (css) */
.UploadFromComputer-module__pnm_8a__container {
  gap: var(--spacing-lg, 16px);
  height: 100%;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  flex-direction: column;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__dropzone {
  min-height: 220px;
  padding: var(--spacing-xl, 32px);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  border-radius: var(--border-radius-xl, 20px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent) 0%, rgba(255, 255, 255, .04) 25%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, transparent) 50%, rgba(255, 255, 255, .03) 75%, color-mix(in srgb, var(--primary-color, #3b82f6) 6%, transparent) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .1);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.UploadFromComputer-module__pnm_8a__dropzone:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .03) 25%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .03) 75%, rgba(0, 0, 0, 0) 100%);
  width: 60%;
  height: 200%;
  transition: left .8s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: -50%;
  left: -100%;
  transform: skewX(-20deg);
}

.UploadFromComputer-module__pnm_8a__dropzone:hover {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent) 0%, rgba(255, 255, 255, .06) 25%, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent) 50%, rgba(255, 255, 255, .05) 75%, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent) 100%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 16px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .1), 0 0 60px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  transform: translateY(-2px);
}

.UploadFromComputer-module__pnm_8a__dropzone:hover:after {
  left: 150%;
}

.UploadFromComputer-module__pnm_8a__idle {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
}

.UploadFromComputer-module__pnm_8a__active {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 60%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 18%, transparent) 0%, rgba(255, 255, 255, .08) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent) 100%);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .4), 0 8px 24px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: scale(1.02);
}

.UploadFromComputer-module__pnm_8a__active:before {
  opacity: 1;
  animation-play-state: running;
}

.UploadFromComputer-module__pnm_8a__accept {
  background: linear-gradient(135deg, rgba(34, 197, 94, .15) 0%, rgba(255, 255, 255, .06) 50%, rgba(34, 197, 94, .1) 100%);
  border-color: rgba(34, 197, 94, .5);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 20px rgba(34, 197, 94, .25), inset 0 1px rgba(255, 255, 255, .2);
}

.UploadFromComputer-module__pnm_8a__reject {
  background: linear-gradient(135deg, rgba(239, 68, 68, .15) 0%, rgba(255, 255, 255, .04) 50%, rgba(239, 68, 68, .1) 100%);
  border-color: rgba(239, 68, 68, .5);
  animation: .4s ease-in-out UploadFromComputer-module__pnm_8a__shake;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .35), 0 4px 16px rgba(239, 68, 68, .2);
}

.UploadFromComputer-module__pnm_8a__disabled {
  opacity: .5;
  cursor: not-allowed;
  border-color: rgba(255, 255, 255, .1);
}

.UploadFromComputer-module__pnm_8a__disabled:hover {
  background: var(--glass-background, rgba(255, 255, 255, .03));
  border-color: rgba(255, 255, 255, .1);
  transform: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3);
}

.UploadFromComputer-module__pnm_8a__loading {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  cursor: wait;
}

.UploadFromComputer-module__pnm_8a__loading:before {
  opacity: 1;
  animation-play-state: running;
}

.UploadFromComputer-module__pnm_8a__loading:hover {
  transform: none;
}

.UploadFromComputer-module__pnm_8a__spinning {
  animation: 1.2s cubic-bezier(.4, 0, .2, 1) infinite UploadFromComputer-module__pnm_8a__spin;
}

@keyframes UploadFromComputer-module__pnm_8a__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes UploadFromComputer-module__pnm_8a__shake {
  0%, 100% {
    transform: translateX(0);
  }

  20%, 60% {
    transform: translateX(-5px);
  }

  40%, 80% {
    transform: translateX(5px);
  }
}

@keyframes UploadFromComputer-module__pnm_8a__float {
  0%, 100% {
    opacity: .5;
    transform: translateY(0)rotate(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-15px)rotate(180deg);
  }
}

.UploadFromComputer-module__pnm_8a__dropzoneContent {
  align-items: center;
  gap: var(--spacing-md, 16px);
  text-align: center;
  z-index: 2;
  flex-direction: column;
  display: flex;
  position: relative;
}

.UploadFromComputer-module__pnm_8a__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-sm, 8px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.UploadFromComputer-module__pnm_8a__iconWrapper:before {
  content: "";
  background: conic-gradient(from 180deg, transparent 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent) 25%, transparent 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent) 75%, transparent 100%);
  opacity: 0;
  z-index: -1;
  border-radius: 28px;
  transition: opacity .4s;
  animation: 4s linear infinite paused UploadFromComputer-module__pnm_8a__rotateGlow;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

@keyframes UploadFromComputer-module__pnm_8a__rotateGlow {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__iconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), 0 0 40px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: scale(1.08)translateY(-4px);
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__iconWrapper:before {
  opacity: 1;
  animation-play-state: running;
}

.UploadFromComputer-module__pnm_8a__iconDefault {
  width: 36px;
  height: 36px;
  color: var(--primary-color, #3b82f6);
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent));
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__iconDefault {
  filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent));
  transform: scale(1.1);
}

.UploadFromComputer-module__pnm_8a__iconAccept {
  color: #22c55e;
  filter: drop-shadow(0 2px 8px rgba(34, 197, 94, .4));
  width: 36px;
  height: 36px;
  animation: .4s cubic-bezier(.4, 0, .2, 1) UploadFromComputer-module__pnm_8a__bounceIn;
}

.UploadFromComputer-module__pnm_8a__iconReject {
  color: #ef4444;
  filter: drop-shadow(0 2px 8px rgba(239, 68, 68, .4));
  width: 36px;
  height: 36px;
}

.UploadFromComputer-module__pnm_8a__iconDisabled {
  width: 36px;
  height: 36px;
  color: var(--text-secondary, #9ca3af);
}

@keyframes UploadFromComputer-module__pnm_8a__bounceIn {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.UploadFromComputer-module__pnm_8a__textContent {
  gap: var(--spacing-xs, 6px);
  flex-direction: column;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__title {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--text-primary, #fff) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 60%, #fff) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.25rem;
  font-weight: 700;
  transition: all .3s;
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__title {
  background: linear-gradient(135deg, var(--text-primary, #fff) 0%, var(--primary-color, #3b82f6) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.UploadFromComputer-module__pnm_8a__subtitle {
  color: var(--text-secondary, #9ca3af);
  font-size: .9rem;
  transition: color .3s;
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__subtitle {
  color: var(--text-primary, #fff);
}

.UploadFromComputer-module__pnm_8a__specs {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  margin-top: var(--spacing-md, 16px);
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  flex-wrap: wrap;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__specItem {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  color: var(--text-secondary, #9ca3af);
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: .8rem;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__specItem {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  color: var(--text-primary, #fff);
}

.UploadFromComputer-module__pnm_8a__specItem svg {
  color: var(--primary-color, #3b82f6);
}

.UploadFromComputer-module__pnm_8a__pasteButton {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  color: var(--primary-color, #3b82f6);
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent);
  cursor: pointer;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: .8rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.UploadFromComputer-module__pnm_8a__pasteButton:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent);
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  transform: translateY(-1px);
}

.UploadFromComputer-module__pnm_8a__pasteButton:active:not(:disabled) {
  transform: translateY(0);
}

.UploadFromComputer-module__pnm_8a__pasteButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.UploadFromComputer-module__pnm_8a__pasteButton svg {
  color: inherit;
}

.UploadFromComputer-module__pnm_8a__pasteButtonMobile {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color, #10b981) 20%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent));
  border-color: color-mix(in srgb, var(--success-color, #10b981) 40%, transparent);
  color: var(--success-color, #10b981);
}

.UploadFromComputer-module__pnm_8a__pasteButtonMobile:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color, #10b981) 30%, transparent), color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent));
  border-color: color-mix(in srgb, var(--success-color, #10b981) 60%, transparent);
}

.UploadFromComputer-module__pnm_8a__mobilePasteHint {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-md, 14px) var(--spacing-lg, 20px);
  border-radius: var(--border-radius-lg, 12px);
  color: var(--success-color, #10b981);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background: linear-gradient(135deg, rgba(16, 185, 129, .15) 0%, rgba(59, 130, 246, .1) 100%);
  border: 1px solid rgba(16, 185, 129, .4);
  font-size: .9rem;
  font-weight: 500;
  animation: .3s ease-out UploadFromComputer-module__pnm_8a__fadeInSlide;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__mobilePasteHint svg {
  flex-shrink: 0;
}

.UploadFromComputer-module__pnm_8a__pwaShareTip {
  width: 100%;
  margin-top: var(--spacing-xs, 6px);
  opacity: .85;
  font-size: .8rem;
  display: block;
}

@keyframes UploadFromComputer-module__pnm_8a__fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.UploadFromComputer-module__pnm_8a__hiddenPasteArea {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.UploadFromComputer-module__pnm_8a__hiddenPasteArea:focus {
  pointer-events: auto;
}

.UploadFromComputer-module__pnm_8a__specDivider {
  display: none;
}

.UploadFromComputer-module__pnm_8a__errorsList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__errorItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px) var(--spacing-md, 14px);
  border-radius: var(--border-radius-lg, 12px);
  color: #ef4444;
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(135deg, rgba(239, 68, 68, .12) 0%, rgba(239, 68, 68, .06) 100%);
  border: 1px solid rgba(239, 68, 68, .35);
  animation: .3s cubic-bezier(.4, 0, .2, 1) UploadFromComputer-module__pnm_8a__slideIn;
  display: flex;
  box-shadow: 0 4px 16px rgba(239, 68, 68, .15), inset 0 1px rgba(255, 255, 255, .1);
}

@keyframes UploadFromComputer-module__pnm_8a__slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.UploadFromComputer-module__pnm_8a__errorContent {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__errorFileName {
  color: #fca5a5;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .85rem;
  font-weight: 600;
  overflow: hidden;
}

.UploadFromComputer-module__pnm_8a__errorMessage {
  color: #f87171;
  font-size: .8rem;
}

.UploadFromComputer-module__pnm_8a__errorDismiss {
  color: #f87171;
  cursor: pointer;
  border-radius: var(--border-radius-md, 8px);
  background: rgba(239, 68, 68, .15);
  border: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .2s;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__errorDismiss:hover {
  color: #fff;
  background: rgba(239, 68, 68, .3);
  transform: scale(1.05);
}

.UploadFromComputer-module__pnm_8a__previewSection {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__previewHeader {
  margin-bottom: var(--spacing-md, 12px);
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.UploadFromComputer-module__pnm_8a__previewTitle {
  color: var(--text-secondary, #9ca3af);
  font-size: .9rem;
  font-weight: 600;
}

.UploadFromComputer-module__pnm_8a__previewGrid {
  gap: var(--spacing-md, 12px);
  padding: var(--spacing-xs, 4px);
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  display: grid;
  overflow-y: auto;
}

.UploadFromComputer-module__pnm_8a__previewItem {
  border-radius: var(--border-radius-lg, 12px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent) 0%, rgba(255, 255, 255, .03) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  aspect-ratio: 1;
  flex-direction: column;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
}

.UploadFromComputer-module__pnm_8a__previewItem:hover {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .3), 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  transform: translateY(-4px)scale(1.02);
}

.UploadFromComputer-module__pnm_8a__previewImage {
  object-fit: cover;
  background: rgba(0, 0, 0, .2);
}

.UploadFromComputer-module__pnm_8a__previewOverlay {
  opacity: 0;
  background: linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  justify-content: flex-end;
  align-items: flex-start;
  padding: 6px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UploadFromComputer-module__pnm_8a__previewItem:hover .UploadFromComputer-module__pnm_8a__previewOverlay {
  opacity: 1;
}

.UploadFromComputer-module__pnm_8a__removeButton {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(239, 68, 68, .9);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(239, 68, 68, .3);
}

.UploadFromComputer-module__pnm_8a__removeButton:hover {
  background: #ef4444;
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(239, 68, 68, .5);
}

@media (max-width: 768px) {
  .UploadFromComputer-module__pnm_8a__container {
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, .85);
  }

  .UploadFromComputer-module__pnm_8a__dropzone {
    min-height: 200px;
    padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
    border-radius: var(--border-radius-xl, 20px);
    -webkit-backdrop-filter: none;
    touch-action: manipulation;
  }

  .UploadFromComputer-module__pnm_8a__iconWrapper {
    border-radius: 20px;
    width: 72px;
    height: 72px;
  }

  .UploadFromComputer-module__pnm_8a__iconDefault, .UploadFromComputer-module__pnm_8a__iconAccept, .UploadFromComputer-module__pnm_8a__iconReject, .UploadFromComputer-module__pnm_8a__iconDisabled {
    width: 32px;
    height: 32px;
  }

  .UploadFromComputer-module__pnm_8a__title {
    font-size: 1.1rem;
  }

  .UploadFromComputer-module__pnm_8a__subtitle {
    font-size: .85rem;
  }

  .UploadFromComputer-module__pnm_8a__specs {
    gap: var(--spacing-xs, 6px);
  }

  .UploadFromComputer-module__pnm_8a__specItem {
    padding: 5px 10px;
    font-size: .75rem;
  }

  .UploadFromComputer-module__pnm_8a__previewGrid {
    gap: var(--spacing-sm, 8px);
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }

  .UploadFromComputer-module__pnm_8a__previewItem {
    border-radius: var(--border-radius-md, 10px);
  }

  .UploadFromComputer-module__pnm_8a__removeButton {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 480px) {
  .UploadFromComputer-module__pnm_8a__dropzone {
    min-height: 180px;
    padding: var(--spacing-md, 16px);
  }

  .UploadFromComputer-module__pnm_8a__iconWrapper {
    border-radius: 16px;
    width: 64px;
    height: 64px;
  }

  .UploadFromComputer-module__pnm_8a__iconDefault, .UploadFromComputer-module__pnm_8a__iconAccept, .UploadFromComputer-module__pnm_8a__iconReject, .UploadFromComputer-module__pnm_8a__iconDisabled {
    width: 28px;
    height: 28px;
  }

  .UploadFromComputer-module__pnm_8a__title {
    font-size: 1rem;
  }

  .UploadFromComputer-module__pnm_8a__specs {
    flex-flow: wrap;
    justify-content: center;
  }

  .UploadFromComputer-module__pnm_8a__specItem {
    padding: 4px 8px;
    font-size: .7rem;
  }
}

@media (hover: none) {
  .UploadFromComputer-module__pnm_8a__dropzone:active {
    transition-duration: .1s;
    transform: scale(.98);
  }

  .UploadFromComputer-module__pnm_8a__dropzone:after {
    display: none;
  }

  .UploadFromComputer-module__pnm_8a__previewItem:active {
    transform: scale(.95);
  }

  .UploadFromComputer-module__pnm_8a__removeButton:active {
    transform: scale(.9);
  }
}

@media (prefers-reduced-motion: reduce) {
  .UploadFromComputer-module__pnm_8a__dropzone, .UploadFromComputer-module__pnm_8a__dropzone:hover, .UploadFromComputer-module__pnm_8a__iconWrapper, .UploadFromComputer-module__pnm_8a__dropzone:hover .UploadFromComputer-module__pnm_8a__iconWrapper {
    transition: none;
    animation: none;
    transform: none;
  }

  .UploadFromComputer-module__pnm_8a__dropzone:after {
    display: none;
  }
}

/* [project]/src/components/ImageUploadModal/UploadFromCamera.module.css [client] (css) */
.UploadFromCamera-module__Zg57Pa__container {
  gap: var(--spacing-md, 12px);
  height: 100%;
  min-height: 0;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.UploadFromCamera-module__Zg57Pa__hiddenInput {
  display: none;
}

.UploadFromCamera-module__Zg57Pa__mobileSection {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-lg, 16px);
  padding: var(--spacing-2xl, 32px) var(--spacing-lg, 16px);
  text-align: center;
  flex-direction: column;
  flex: 1;
  animation: .3s ease-out UploadFromCamera-module__Zg57Pa__fadeSlideIn;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__mobileIconWrapper {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .15) 0%, rgba(var(--primary-rgb, 59, 130, 246), .05) 100%);
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-sm, 8px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__mobileIcon {
  width: 40px;
  height: 40px;
  color: var(--primary-color, #3b82f6);
}

.UploadFromCamera-module__Zg57Pa__mobileTitle {
  color: var(--text-primary, #fff);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.UploadFromCamera-module__Zg57Pa__mobileSubtitle {
  color: var(--text-secondary, #9ca3af);
  max-width: 280px;
  margin: 0;
  font-size: .875rem;
}

.UploadFromCamera-module__Zg57Pa__mobileCaptureButton {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 12px) var(--spacing-2xl, 32px);
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000) 100%);
  color: #fff;
  border-radius: var(--border-radius-xl, 16px);
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(var(--primary-rgb, 59, 130, 246), .3);
  border: none;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__mobileCaptureButton:hover:not(:disabled) {
  box-shadow: 0 6px 20px rgba(var(--primary-rgb, 59, 130, 246), .4);
  transform: translateY(-2px);
}

.UploadFromCamera-module__Zg57Pa__mobileCaptureButton:active {
  transform: translateY(0);
}

.UploadFromCamera-module__Zg57Pa__mobileCaptureButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.UploadFromCamera-module__Zg57Pa__mobileHint {
  color: var(--text-tertiary, #6b7280);
  margin: 0;
  font-size: .75rem;
}

.UploadFromCamera-module__Zg57Pa__desktopSection {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  animation: .3s ease-out UploadFromCamera-module__Zg57Pa__fadeSlideIn;
  display: flex;
  overflow: hidden;
}

.UploadFromCamera-module__Zg57Pa__videoWrap {
  border-radius: var(--border-radius-xl, 16px);
  border: 1px solid var(--border-color, rgba(255, 255, 255, .1));
  min-height: 200px;
  aspect-ratio: var(--aspect-ratio, auto);
  background: #000;
  flex: 1;
  align-self: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.UploadFromCamera-module__Zg57Pa__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.UploadFromCamera-module__Zg57Pa__videoOverlay {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UploadFromCamera-module__Zg57Pa__viewfinder {
  aspect-ratio: 4 / 3;
  border-radius: var(--border-radius-lg, 12px);
  border: 2px solid rgba(255, 255, 255, .3);
  width: 70%;
  max-width: 300px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 0 40px rgba(0, 0, 0, .5);
}

.UploadFromCamera-module__Zg57Pa__desktopActions {
  padding: var(--spacing-md, 12px) 0;
  justify-content: center;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__captureButton {
  border: 4px solid var(--primary-color, #3b82f6);
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__captureButton:hover:not(:disabled) {
  background: rgba(var(--primary-rgb, 59, 130, 246), .2);
  transform: scale(1.05);
}

.UploadFromCamera-module__Zg57Pa__captureButton:active {
  transform: scale(.95);
}

.UploadFromCamera-module__Zg57Pa__captureButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.UploadFromCamera-module__Zg57Pa__captureButtonInner {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: all .2s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__captureButton:hover .UploadFromCamera-module__Zg57Pa__captureButtonInner {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, #fff);
}

.UploadFromCamera-module__Zg57Pa__desktopHint {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  color: var(--text-tertiary, #6b7280);
  margin: 0;
  font-size: .75rem;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__deviceSelector {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  background: var(--glass-background, rgba(255, 255, 255, .03));
  border: 1px solid var(--border-color, rgba(255, 255, 255, .08));
  border-radius: var(--border-radius-lg, 12px);
  color: var(--text-secondary, #9ca3af);
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__deviceSelect {
  color: var(--text-primary, #fff);
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: .875rem;
}

.UploadFromCamera-module__Zg57Pa__deviceSelect option {
  background: var(--bg-secondary, #1f2937);
  color: var(--text-primary, #fff);
}

.UploadFromCamera-module__Zg57Pa__capturedSection {
  gap: var(--spacing-md, 12px);
  flex-direction: column;
  flex: 1;
  animation: .35s ease-out UploadFromCamera-module__Zg57Pa__fadeSlideIn;
  display: flex;
}

@keyframes UploadFromCamera-module__Zg57Pa__fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.UploadFromCamera-module__Zg57Pa__successBadge {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  border-radius: var(--border-radius-lg, 12px);
  color: #22c55e;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .3);
  font-size: .875rem;
  font-weight: 500;
  animation: .4s cubic-bezier(.34, 1.56, .64, 1) UploadFromCamera-module__Zg57Pa__badgePop;
  display: flex;
}

@keyframes UploadFromCamera-module__Zg57Pa__badgePop {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.UploadFromCamera-module__Zg57Pa__previewWrap {
  border-radius: var(--border-radius-xl, 16px);
  border: 1px solid var(--border-color, rgba(255, 255, 255, .1));
  background: var(--glass-background, rgba(255, 255, 255, .03));
  flex: 1;
  min-height: 150px;
  max-height: 280px;
  position: relative;
  overflow: hidden;
}

.UploadFromCamera-module__Zg57Pa__previewImg {
  object-fit: contain;
  animation: .4s ease-out UploadFromCamera-module__Zg57Pa__imageReveal;
}

@keyframes UploadFromCamera-module__Zg57Pa__imageReveal {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.UploadFromCamera-module__Zg57Pa__capturedActions {
  padding: var(--spacing-sm, 8px) 0;
  justify-content: center;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__retakeButton {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-lg, 16px);
  background: var(--glass-background, rgba(255, 255, 255, .05));
  border: 1px solid var(--border-color, rgba(255, 255, 255, .15));
  border-radius: var(--border-radius-lg, 12px);
  color: var(--text-primary, #fff);
  cursor: pointer;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__retakeButton:hover {
  background: var(--glass-background, rgba(255, 255, 255, .08));
  border-color: var(--primary-color, #3b82f6);
}

.UploadFromCamera-module__Zg57Pa__errorCard {
  align-items: center;
  gap: var(--spacing-md, 12px);
  padding: var(--spacing-2xl, 32px) var(--spacing-lg, 16px);
  text-align: center;
  flex-direction: column;
  animation: .3s ease-out UploadFromCamera-module__Zg57Pa__fadeSlideIn;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__errorIconWrapper {
  background: rgba(239, 68, 68, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__errorIcon {
  color: #ef4444;
  width: 32px;
  height: 32px;
}

.UploadFromCamera-module__Zg57Pa__errorTitle {
  color: var(--text-primary, #fff);
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.UploadFromCamera-module__Zg57Pa__errorMessage {
  color: var(--text-secondary, #9ca3af);
  max-width: 300px;
  margin: 0;
  font-size: .875rem;
}

.UploadFromCamera-module__Zg57Pa__retryButton {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-lg, 16px);
  border-radius: var(--border-radius-lg, 12px);
  color: #f87171;
  cursor: pointer;
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .3);
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__retryButton:hover {
  background: rgba(239, 68, 68, .15);
}

.UploadFromCamera-module__Zg57Pa__permissionCard {
  align-items: center;
  gap: var(--spacing-md, 12px);
  padding: var(--spacing-2xl, 32px) var(--spacing-lg, 16px);
  text-align: center;
  flex-direction: column;
  animation: .3s ease-out UploadFromCamera-module__Zg57Pa__fadeSlideIn;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__permissionIconWrapper {
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  animation: 2s ease-in-out infinite UploadFromCamera-module__Zg57Pa__pulse;
  display: flex;
}

@keyframes UploadFromCamera-module__Zg57Pa__pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.05);
  }
}

.UploadFromCamera-module__Zg57Pa__permissionIcon {
  width: 32px;
  height: 32px;
  color: var(--primary-color, #3b82f6);
}

.UploadFromCamera-module__Zg57Pa__permissionTitle {
  color: var(--text-primary, #fff);
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.UploadFromCamera-module__Zg57Pa__permissionSubtitle {
  color: var(--text-secondary, #9ca3af);
  margin: 0;
  font-size: .875rem;
}

.UploadFromCamera-module__Zg57Pa__permissionButton {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-lg, 16px);
  background: var(--primary-color, #3b82f6);
  border-radius: var(--border-radius-lg, 12px);
  color: #fff;
  cursor: pointer;
  border: none;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.UploadFromCamera-module__Zg57Pa__permissionButton:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, #000);
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .UploadFromCamera-module__Zg57Pa__container {
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, .85);
    min-height: 280px;
  }

  .UploadFromCamera-module__Zg57Pa__videoWrap {
    min-height: 220px;
  }

  .UploadFromCamera-module__Zg57Pa__previewWrap {
    min-height: 180px;
  }

  .UploadFromCamera-module__Zg57Pa__captureButton {
    width: 64px;
    height: 64px;
  }

  .UploadFromCamera-module__Zg57Pa__captureButtonInner {
    width: 48px;
    height: 48px;
  }

  .UploadFromCamera-module__Zg57Pa__mobileIconWrapper {
    width: 72px;
    height: 72px;
  }

  .UploadFromCamera-module__Zg57Pa__mobileIcon {
    width: 36px;
    height: 36px;
  }

  .UploadFromCamera-module__Zg57Pa__mobileCaptureButton {
    touch-action: manipulation;
  }
}

@media (prefers-reduced-motion: reduce) {
  .UploadFromCamera-module__Zg57Pa__container, .UploadFromCamera-module__Zg57Pa__mobileCaptureButton, .UploadFromCamera-module__Zg57Pa__captureButton, .UploadFromCamera-module__Zg57Pa__retakeButton {
    transition: none;
    animation: none;
  }
}

/* [project]/src/components/ui/Icon.module.css [client] (css) */
.Icon-module__68r8jG__iconOrb {
  width: var(--orb-size, 48px);
  height: var(--orb-size, 48px);
  border-radius: var(--orb-radius, 16px);
  background: color-mix(in srgb, var(--chip-bg, rgba(255, 255, 255, .12)) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .18)) 70%, transparent);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .35) inset, 0 0 0 1px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 22%, transparent) inset, 0 14px 28px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 35%, transparent);
  transition: box-shadow var(--transition-normal, .2s ease), transform var(--transition-fast, .15s ease);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.Icon-module__68r8jG__iconOrb:hover {
  box-shadow: 0 12px 26px rgba(0, 0, 0, .12), 0 1px 0 rgba(255, 255, 255, .4) inset, 0 0 0 1px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 28%, transparent) inset, 0 18px 36px color-mix(in srgb, var(--orb-glow-color, var(--primary-color)) 45%, transparent);
}

.Icon-module__68r8jG__iconOrb:active {
  transform: scale(.96);
}

.Icon-module__68r8jG__iconOrb[role="button"], .Icon-module__68r8jG__iconOrb[onclick] {
  cursor: pointer;
}

/* [project]/src/components/ImageUploadModal/camera/CameraControls.module.css [client] (css) */
.CameraControls-module__GAGYma__toolbar {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  border-radius: var(--border-radius-lg, 12px);
  direction: rtl;
  background: linear-gradient(rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .7) 100%);
  border: 1px solid rgba(255, 255, 255, .08);
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  height: 52px;
  padding: 4px 8px;
  display: flex;
}

.CameraControls-module__GAGYma__toolbarCell {
  align-items: center;
  display: flex;
  position: relative;
}

.CameraControls-module__GAGYma__toolbarBtn {
  color: rgba(255, 255, 255, .65);
  border-radius: var(--border-radius-md, 8px);
  cursor: pointer;
  background: none;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 52px;
  height: 44px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.CameraControls-module__GAGYma__toolbarBtn:hover:not(:disabled) {
  color: rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .08);
}

.CameraControls-module__GAGYma__toolbarBtn:active:not(:disabled) {
  transform: scale(.93);
}

.CameraControls-module__GAGYma__toolbarBtnActive {
  background: rgba(var(--primary-rgb, 59, 130, 246), .2);
  color: var(--primary-color, #3b82f6);
}

.CameraControls-module__GAGYma__toolbarBtnActive:hover:not(:disabled) {
  background: rgba(var(--primary-rgb, 59, 130, 246), .28);
  color: var(--primary-color, #3b82f6);
}

.CameraControls-module__GAGYma__toolbarBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.CameraControls-module__GAGYma__toolbarLabel {
  letter-spacing: .02em;
  white-space: nowrap;
  font-size: .6rem;
  font-weight: 500;
  line-height: 1;
}

.CameraControls-module__GAGYma__toolbarBadge {
  background: var(--primary-color, #3b82f6);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 4px var(--primary-color, #3b82f6);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 8px;
}

.CameraControls-module__GAGYma__toolbarDivider {
  background: rgba(255, 255, 255, .12);
  flex-shrink: 0;
  width: 1px;
  height: 28px;
  margin: 0 4px;
}

.CameraControls-module__GAGYma__popover {
  z-index: var(--z-datepicker);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-radius: var(--border-radius-lg, 12px);
  background: linear-gradient(165deg, rgba(20, 20, 28, .92) 0%, rgba(10, 10, 18, .96) 100%);
  border: 1px solid rgba(255, 255, 255, .1);
  width: 240px;
  animation: .18s cubic-bezier(.34, 1.56, .64, 1) CameraControls-module__GAGYma__popIn;
  position: fixed;
  overflow: hidden;
  transform: translate(-50%, -100%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .06);
}

.CameraControls-module__GAGYma__popover:after {
  content: "";
  background: rgba(10, 10, 18, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(255, 255, 255, .1);
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

@keyframes CameraControls-module__GAGYma__popIn {
  from {
    opacity: 0;
    transform: translate(-50%, -100%)translateY(6px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -100%)scale(1);
  }
}

.CameraControls-module__GAGYma__popHeader {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 6px;
  display: flex;
}

.CameraControls-module__GAGYma__popTitle {
  color: rgba(255, 255, 255, .85);
  letter-spacing: .01em;
  font-size: .78rem;
  font-weight: 600;
}

.CameraControls-module__GAGYma__popClose {
  color: rgba(255, 255, 255, .5);
  cursor: pointer;
  background: rgba(255, 255, 255, .06);
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: all .15s;
  display: flex;
}

.CameraControls-module__GAGYma__popClose:hover {
  color: rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .12);
}

.CameraControls-module__GAGYma__popBody {
  flex-direction: column;
  gap: 10px;
  padding: 10px 12px 12px;
  display: flex;
}

.CameraControls-module__GAGYma__popSectionLabel {
  color: rgba(255, 255, 255, .45);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .7rem;
  font-weight: 600;
}

.CameraControls-module__GAGYma__popSliderRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.CameraControls-module__GAGYma__popSliderLabel {
  color: rgba(255, 255, 255, .6);
  flex-shrink: 0;
  min-width: 44px;
  font-size: .75rem;
}

.CameraControls-module__GAGYma__popSlider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: linear-gradient(to left, var(--primary-color, #3b82f6) 0%, var(--primary-color, #3b82f6) var(--progress, 0%), rgba(255, 255, 255, .15) var(--progress, 0%), rgba(255, 255, 255, .15) 100%);
  cursor: pointer;
  border-radius: 2px;
  outline: none;
  flex: 1;
  height: 4px;
}

.CameraControls-module__GAGYma__popSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--primary-color, #3b82f6);
  cursor: pointer;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: transform .12s;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .35);
}

.CameraControls-module__GAGYma__popSlider::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.CameraControls-module__GAGYma__popSlider::-moz-range-thumb {
  background: var(--primary-color, #3b82f6);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .35);
}

.CameraControls-module__GAGYma__popSlider:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.CameraControls-module__GAGYma__popSliderValue {
  color: rgba(255, 255, 255, .5);
  text-align: left;
  font-variant-numeric: tabular-nums;
  min-width: 28px;
  font-size: .7rem;
}

.CameraControls-module__GAGYma__popModes {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.CameraControls-module__GAGYma__popModeBtn {
  color: rgba(255, 255, 255, .6);
  cursor: pointer;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 20px;
  padding: 4px 10px;
  font-size: .72rem;
  font-weight: 500;
  transition: all .15s;
}

.CameraControls-module__GAGYma__popModeBtn:hover:not(:disabled) {
  color: rgba(255, 255, 255, .85);
  background: rgba(255, 255, 255, .1);
}

.CameraControls-module__GAGYma__popModeBtnActive {
  background: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
  color: #fff;
  box-shadow: 0 2px 8px rgba(var(--primary-rgb, 59, 130, 246), .35);
}

.CameraControls-module__GAGYma__popModeBtnActive:hover:not(:disabled) {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.CameraControls-module__GAGYma__popModeBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  .CameraControls-module__GAGYma__toolbar {
    gap: 0;
    height: 48px;
    padding: 3px 4px;
  }

  .CameraControls-module__GAGYma__toolbarBtn {
    width: 44px;
    height: 40px;
  }

  .CameraControls-module__GAGYma__toolbarLabel {
    font-size: .55rem;
  }

  .CameraControls-module__GAGYma__popover {
    width: 210px;
  }

  .CameraControls-module__GAGYma__popSliderLabel {
    min-width: 36px;
    font-size: .7rem;
  }
}

/* [project]/src/components/ImageUploadModal/UploadFromKiosk.module.css [client] (css) */
.UploadFromKiosk-module__K8Ux2G__container {
  gap: var(--spacing-md, 16px);
  height: 100%;
  min-height: 420px;
  padding: var(--spacing-lg, 20px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
}

.UploadFromKiosk-module__K8Ux2G__loadingOverlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--border-radius-xl, 20px);
  background: rgba(255, 255, 255, .95);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UploadFromKiosk-module__K8Ux2G__deviceCard {
  border-radius: var(--border-radius-lg, 16px);
  padding: var(--spacing-md, 16px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, rgba(255, 255, 255, .03) 50%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .2));
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .1);
}

.UploadFromKiosk-module__K8Ux2G__selectorRow {
  align-items: center;
  gap: var(--spacing-xs, 8px);
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__statusRow {
  align-items: center;
  gap: var(--spacing-xs, 8px);
  margin-top: var(--spacing-sm, 12px);
  padding-top: var(--spacing-sm, 12px);
  border-top: 1px solid rgba(255, 255, 255, .15);
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__statusDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.UploadFromKiosk-module__K8Ux2G__statusDot.UploadFromKiosk-module__K8Ux2G__online {
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
}

.UploadFromKiosk-module__K8Ux2G__statusDot.UploadFromKiosk-module__K8Ux2G__offline {
  background: #ef4444;
  box-shadow: 0 0 8px #ef4444;
}

.UploadFromKiosk-module__K8Ux2G__statusText {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
}

.UploadFromKiosk-module__K8Ux2G__mainContent {
  gap: var(--spacing-md, 16px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__historyPanel {
  border-radius: var(--border-radius-lg, 16px);
  padding: var(--spacing-md, 16px);
  -webkit-backdrop-filter: blur(12px);
  background: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);
  border: 1px solid rgba(255, 255, 255, .12);
  flex: 1;
  overflow: hidden;
}

.UploadFromKiosk-module__K8Ux2G__historyHeader {
  margin-bottom: var(--spacing-md, 16px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__historyTitle {
  align-items: center;
  gap: var(--spacing-xs, 8px);
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__historyCount {
  font-size: var(--font-size-1, 12px);
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
  color: var(--primary-color);
  border-radius: 999px;
  padding: 2px 8px;
}

.UploadFromKiosk-module__K8Ux2G__historyGrid {
  gap: var(--spacing-sm, 12px);
  grid-template-columns: repeat(4, 1fr);
  max-height: 220px;
  padding-left: 4px;
  display: grid;
  overflow-y: auto;
}

.UploadFromKiosk-module__K8Ux2G__emptyState {
  height: 160px;
  color: var(--text-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__emptyIcon {
  margin-bottom: var(--spacing-xs, 8px);
  opacity: .3;
  font-size: 2.5rem;
}

.UploadFromKiosk-module__K8Ux2G__cameraPreview {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  display: flex;
  position: relative;
}

.UploadFromKiosk-module__K8Ux2G__previewText {
  color: var(--text-secondary);
  font-size: var(--font-size-3, 14px);
  font-weight: 500;
}

.UploadFromKiosk-module__K8Ux2G__previewSubtext {
  color: var(--text-muted);
  font-size: var(--font-size-1, 12px);
  margin-top: 4px;
}

.UploadFromKiosk-module__K8Ux2G__statusToast {
  margin-top: var(--spacing-md, 16px);
  border-radius: var(--border-radius-lg, 16px);
  font-size: var(--font-size-2, 13px);
  align-items: center;
  gap: var(--spacing-xs, 8px);
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  animation: .3s ease-out UploadFromKiosk-module__K8Ux2G__fadeIn;
  display: flex;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
}

.UploadFromKiosk-module__K8Ux2G__statusToast.UploadFromKiosk-module__K8Ux2G__success {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.UploadFromKiosk-module__K8Ux2G__statusToast.UploadFromKiosk-module__K8Ux2G__error {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.UploadFromKiosk-module__K8Ux2G__statusToast.UploadFromKiosk-module__K8Ux2G__info {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 80%, white));
}

.UploadFromKiosk-module__K8Ux2G__actionsArea {
  gap: var(--spacing-sm, 12px);
  flex-direction: column;
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__captureBtn {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
  font-size: var(--font-size-3, 14px);
  color: #fff;
  border-radius: var(--border-radius-lg, 16px);
  cursor: pointer;
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 85%, black));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  border: none;
  font-weight: 700;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__captureBtn:hover:not(:disabled) {
  box-shadow: 0 12px 32px color-mix(in srgb, var(--primary-color) 50%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateY(-2px);
}

.UploadFromKiosk-module__K8Ux2G__captureBtn:active:not(:disabled) {
  transform: translateY(0);
}

.UploadFromKiosk-module__K8Ux2G__captureBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.UploadFromKiosk-module__K8Ux2G__captureBtn svg {
  font-size: 1.25rem;
}

.UploadFromKiosk-module__K8Ux2G__secondaryActions {
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__secondaryBtn {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .5);
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.UploadFromKiosk-module__K8Ux2G__secondaryBtn:hover {
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  color: var(--primary-color);
  background: rgba(255, 255, 255, .8);
}

.UploadFromKiosk-module__K8Ux2G__secondaryBtn svg {
  opacity: .7;
}

@keyframes UploadFromKiosk-module__K8Ux2G__fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .UploadFromKiosk-module__K8Ux2G__container {
    padding: var(--spacing-md, 16px);
    min-height: 380px;
  }

  .UploadFromKiosk-module__K8Ux2G__historyGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .UploadFromKiosk-module__K8Ux2G__captureBtn {
    padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  }
}

@media (max-width: 480px) {
  .UploadFromKiosk-module__K8Ux2G__historyGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* [project]/src/components/ImageUploadModal/UploadFromPhone.module.css [client] (css) */
.UploadFromPhone-module__K0P74G__wrap {
  direction: rtl;
  flex-direction: column;
  gap: 0;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.UploadFromPhone-module__K0P74G__wrapGlass {
  padding: var(--spacing-md, 16px);
  background: var(--glass-gradient-primary, linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, rgba(255, 255, 255, .03) 50%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%));
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .03);
  -webkit-backdrop-filter: blur(var(--glass-blur, 18px)) saturate(var(--glass-saturate, 180%));
  backdrop-filter: blur(var(--glass-blur, 18px)) saturate(var(--glass-saturate, 180%));
}

.UploadFromPhone-module__K0P74G__wrapImmersive {
  border-radius: var(--border-radius-xl, 20px);
  background: none;
  border: none;
  padding: 0;
}

.UploadFromPhone-module__K0P74G__wrap > * {
  animation: .4s cubic-bezier(.22, 1, .36, 1) UploadFromPhone-module__K0P74G__phaseIn;
}

@keyframes UploadFromPhone-module__K0P74G__phaseIn {
  from {
    opacity: 0;
    transform: translateY(8px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.UploadFromPhone-module__K0P74G__head {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 8%, transparent);
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__headerIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 80%, white), var(--primary-color), color-mix(in srgb, var(--primary-color) 90%, black 10%));
  color: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--primary-color) 35%, transparent), 0 1px 3px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.UploadFromPhone-module__K0P74G__headerIcon:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, .15) 50%, rgba(0, 0, 0, 0) 70%);
  width: 200%;
  height: 200%;
  animation: 5s linear infinite UploadFromPhone-module__K0P74G__shimmer;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: rotate(45deg);
}

@keyframes UploadFromPhone-module__K0P74G__shimmer {
  0% {
    transform: translateX(-100%)translateY(-100%)rotate(45deg);
  }

  100% {
    transform: translateX(100%)translateY(100%)rotate(45deg);
  }
}

.UploadFromPhone-module__K0P74G__headerText h3 {
  font-size: var(--font-size-2, 14px);
  color: var(--title);
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 700;
}

.UploadFromPhone-module__K0P74G__headerText p {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
  opacity: .75;
  margin: 2px 0 0;
  line-height: 1.4;
}

.UploadFromPhone-module__K0P74G__loadingState {
  color: var(--text-secondary);
  font-size: var(--font-size-2, 14px);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 20px;
  font-weight: 500;
  display: flex;
}

.UploadFromPhone-module__K0P74G__loadingSpinner {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.UploadFromPhone-module__K0P74G__loadingSpinner:before {
  content: "";
  border: 2px solid rgba(var(--primary-rgb, 255, 123, 0), .1);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: .85s cubic-bezier(.4, 0, .2, 1) infinite UploadFromPhone-module__K0P74G__spin;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UploadFromPhone-module__K0P74G__loadingSpinner:after {
  content: "";
  border: 1px solid rgba(var(--primary-rgb, 255, 123, 0), .05);
  border-top-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  border-radius: 50%;
  animation: 1.8s cubic-bezier(.4, 0, .2, 1) infinite reverse UploadFromPhone-module__K0P74G__spin;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

.UploadFromPhone-module__K0P74G__loadingSpinner svg {
  color: var(--primary-color);
  animation: .85s cubic-bezier(.4, 0, .2, 1) infinite UploadFromPhone-module__K0P74G__spin;
}

@keyframes UploadFromPhone-module__K0P74G__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.UploadFromPhone-module__K0P74G__errorState {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 36px 24px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__errorIcon {
  width: 52px;
  height: 52px;
  color: var(--error-color, #ef4444);
  background: linear-gradient(135deg, rgba(239, 68, 68, .08), rgba(239, 68, 68, .03));
  border: 1px solid rgba(239, 68, 68, .12);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 16px rgba(239, 68, 68, .08);
}

.UploadFromPhone-module__K0P74G__errorMsg {
  font-size: var(--font-size-2, 14px);
  color: var(--title);
  letter-spacing: -.01em;
  margin: 0;
  font-weight: 650;
}

.UploadFromPhone-module__K0P74G__errorHint {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
  opacity: .8;
  max-width: 300px;
  margin: 0;
  line-height: 1.55;
}

.UploadFromPhone-module__K0P74G__emptyState {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 20px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__emptyIcon {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 255, 123, 0), .08), rgba(var(--primary-rgb, 255, 123, 0), .02));
  border: 1.5px dashed rgba(var(--primary-rgb, 255, 123, 0), .2);
  width: 60px;
  height: 60px;
  color: var(--primary-color);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  animation: 4s ease-in-out infinite UploadFromPhone-module__K0P74G__emptyFloat;
  display: flex;
}

@keyframes UploadFromPhone-module__K0P74G__emptyFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

.UploadFromPhone-module__K0P74G__emptyState h4 {
  font-size: var(--font-size-2, 14px);
  color: var(--title);
  letter-spacing: -.02em;
  margin: 4px 0 0;
  font-weight: 700;
}

.UploadFromPhone-module__K0P74G__emptyState > p {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
  max-width: 300px;
  margin: 0;
  line-height: 1.5;
}

.UploadFromPhone-module__K0P74G__emptySteps {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 4%, transparent), color-mix(in srgb, var(--primary-color) 2%, transparent));
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 290px;
  margin-top: 8px;
  padding: 16px 18px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__emptyStep {
  font-size: var(--font-size-1, 12px);
  color: var(--text-primary);
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  line-height: 1.35;
  animation: .5s cubic-bezier(.22, 1, .36, 1) backwards UploadFromPhone-module__K0P74G__stepReveal;
  display: flex;
  position: relative;
}

.UploadFromPhone-module__K0P74G__emptyStep:first-child {
  animation-delay: .1s;
}

.UploadFromPhone-module__K0P74G__emptyStep:nth-child(2) {
  animation-delay: .2s;
}

.UploadFromPhone-module__K0P74G__emptyStep:nth-child(3) {
  animation-delay: .3s;
}

@keyframes UploadFromPhone-module__K0P74G__stepReveal {
  from {
    opacity: 0;
    transform: translateX(8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.UploadFromPhone-module__K0P74G__emptyStep:not(:last-child):after {
  content: "";
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
  border-radius: 1px;
  width: 1.5px;
  height: 8px;
  position: absolute;
  top: 32px;
  right: 10px;
}

.UploadFromPhone-module__K0P74G__stepNum {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 85%, black));
  color: #fff;
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.UploadFromPhone-module__K0P74G__btnRefresh {
  background: color-mix(in srgb, var(--primary-color) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
  font-size: var(--font-size-1, 12px);
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 8px 18px;
  font-weight: 600;
  transition: all .22s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.UploadFromPhone-module__K0P74G__btnRefresh:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 25%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 12%, transparent);
  transform: translateY(-1px);
}

.UploadFromPhone-module__K0P74G__btnRefresh:active {
  transition-duration: 80ms;
  transform: scale(.97);
}

.UploadFromPhone-module__K0P74G__btnRefresh svg {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.UploadFromPhone-module__K0P74G__btnRefresh:hover svg {
  transform: rotate(180deg);
}

.UploadFromPhone-module__K0P74G__deviceSection {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.UploadFromPhone-module__K0P74G__sectionHeader {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .05em;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.UploadFromPhone-module__K0P74G__sectionHeader svg {
  color: var(--primary-color);
  opacity: .6;
}

.UploadFromPhone-module__K0P74G__deviceCount {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 85%, black));
  color: #fff;
  min-width: 18px;
  height: 18px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 25%, transparent);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}

.UploadFromPhone-module__K0P74G__deviceGrid {
  flex: 1;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: min-content;
  gap: 8px;
  min-height: 0;
  padding: 2px;
  display: grid;
  overflow-x: hidden;
  overflow-y: auto;
}

.UploadFromPhone-module__K0P74G__deviceGrid::-webkit-scrollbar {
  width: 3px;
}

.UploadFromPhone-module__K0P74G__deviceGrid::-webkit-scrollbar-track {
  background: none;
}

.UploadFromPhone-module__K0P74G__deviceGrid::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
  border-radius: 2px;
}

.UploadFromPhone-module__K0P74G__deviceCard {
  text-align: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 3%, rgba(255, 255, 255, .6)), rgba(255, 255, 255, .4));
  border: 1px solid color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .06));
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-height: 0;
  padding: 10px 8px;
  transition: all .22s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .6);
}

.UploadFromPhone-module__K0P74G__deviceCard:after {
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary-color) 6%, transparent), transparent);
  pointer-events: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: left .5s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 0;
  left: -100%;
}

.UploadFromPhone-module__K0P74G__deviceCard:hover:after {
  left: 100%;
}

.UploadFromPhone-module__K0P74G__deviceCard:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .75)), rgba(255, 255, 255, .55));
  border-color: color-mix(in srgb, var(--primary-color) 25%, transparent);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .7);
  transform: scale(1.02);
}

.UploadFromPhone-module__K0P74G__deviceCard:active {
  transition-duration: 80ms;
  transform: scale(.97);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__selected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .7)), color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .5)));
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 12%, transparent), 0 4px 16px color-mix(in srgb, var(--primary-color) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__online {
  border-color: rgba(34, 197, 94, .2);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__online:hover {
  border-color: rgba(34, 197, 94, .4);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__online.UploadFromPhone-module__K0P74G__selected {
  background: linear-gradient(135deg, rgba(34, 197, 94, .08), rgba(34, 197, 94, .03));
  border-color: rgba(34, 197, 94, .35);
  box-shadow: 0 0 0 1px rgba(34, 197, 94, .1), 0 4px 16px rgba(34, 197, 94, .08);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__recent {
  border-color: rgba(245, 158, 11, .15);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__recent:hover {
  border-color: rgba(245, 158, 11, .35);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__recent.UploadFromPhone-module__K0P74G__selected {
  background: linear-gradient(135deg, rgba(245, 158, 11, .06), rgba(245, 158, 11, .02));
  border-color: rgba(245, 158, 11, .3);
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__offline {
  opacity: .45;
}

.UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__offline:hover {
  opacity: .65;
}

.UploadFromPhone-module__K0P74G__deviceIconWrap {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .6)), rgba(255, 255, 255, .3));
  width: 34px;
  height: 34px;
  color: var(--text-secondary);
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .22s;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .5);
}

.UploadFromPhone-module__K0P74G__deviceIconWrap.UploadFromPhone-module__K0P74G__online {
  color: #16a34a;
  background: linear-gradient(135deg, rgba(34, 197, 94, .12), rgba(34, 197, 94, .04));
  border-color: rgba(34, 197, 94, .18);
}

.UploadFromPhone-module__K0P74G__deviceIconWrap.UploadFromPhone-module__K0P74G__recent {
  color: #d97706;
  background: linear-gradient(135deg, rgba(245, 158, 11, .12), rgba(245, 158, 11, .04));
  border-color: rgba(245, 158, 11, .18);
}

.UploadFromPhone-module__K0P74G__deviceIconWrap.UploadFromPhone-module__K0P74G__offline {
  color: var(--text-muted);
  opacity: .6;
}

.UploadFromPhone-module__K0P74G__deviceInfo {
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.UploadFromPhone-module__K0P74G__deviceName {
  font-size: var(--font-size-1, 12px);
  color: var(--title);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -.02em;
  max-width: 100%;
  font-weight: 650;
  overflow: hidden;
}

.UploadFromPhone-module__K0P74G__deviceMeta {
  color: var(--text-muted);
  opacity: .7;
  font-size: 10px;
}

.UploadFromPhone-module__K0P74G__statusBadge {
  border-radius: 20px;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 650;
  display: inline-flex;
}

.UploadFromPhone-module__K0P74G__statusBadge.UploadFromPhone-module__K0P74G__online {
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
  box-shadow: 0 0 8px rgba(34, 197, 94, .08);
}

.UploadFromPhone-module__K0P74G__statusBadge.UploadFromPhone-module__K0P74G__online svg {
  color: #22c55e;
}

.UploadFromPhone-module__K0P74G__statusBadge.UploadFromPhone-module__K0P74G__recent {
  color: #b45309;
  background: rgba(245, 158, 11, .1);
}

.UploadFromPhone-module__K0P74G__statusBadge.UploadFromPhone-module__K0P74G__offline {
  color: var(--text-muted);
  background: rgba(0, 0, 0, .04);
}

.UploadFromPhone-module__K0P74G__lastSeenText {
  color: var(--text-muted);
  font-size: 9px;
}

.UploadFromPhone-module__K0P74G__selectedCheck {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 85%, black));
  color: #fff;
  width: 22px;
  height: 22px;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 0 0 2px white;
  z-index: 5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) UploadFromPhone-module__K0P74G__popIn;
  display: flex;
  position: absolute;
  top: -4px;
  left: -4px;
}

@keyframes UploadFromPhone-module__K0P74G__popIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  60% {
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.UploadFromPhone-module__K0P74G__helpText {
  background: color-mix(in srgb, var(--primary-color) 3%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 6%, transparent);
  color: var(--text-secondary);
  border-radius: 10px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  font-size: 11px;
  line-height: 1.35;
  display: flex;
}

.UploadFromPhone-module__K0P74G__helpText svg {
  opacity: .45;
  color: var(--primary-color);
  flex-shrink: 0;
}

.UploadFromPhone-module__K0P74G__liveStreamToggle {
  background: color-mix(in srgb, var(--primary-color) 3%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__liveStreamInfo {
  align-items: center;
  gap: 10px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__liveStreamInfo > svg {
  color: var(--primary-color);
  opacity: .6;
  flex-shrink: 0;
}

.UploadFromPhone-module__K0P74G__liveStreamInfo > div {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__liveStreamLabel {
  font-size: var(--font-size-1, 12px);
  color: var(--title);
  letter-spacing: -.01em;
  font-weight: 700;
}

.UploadFromPhone-module__K0P74G__liveStreamDesc {
  color: var(--text-secondary);
  opacity: .75;
  font-size: 10.5px;
  line-height: 1.3;
}

.UploadFromPhone-module__K0P74G__toggleSwitch {
  cursor: pointer;
  background: rgba(0, 0, 0, .12);
  border: none;
  border-radius: 11px;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  padding: 0;
  transition: background .25s;
  position: relative;
}

.UploadFromPhone-module__K0P74G__toggleSwitch.UploadFromPhone-module__K0P74G__toggleActive {
  background: var(--primary-color);
  box-shadow: 0 0 8px color-mix(in srgb, var(--primary-color) 30%, transparent);
}

.UploadFromPhone-module__K0P74G__toggleKnob {
  pointer-events: none;
  background: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 2px;
  right: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

.UploadFromPhone-module__K0P74G__toggleSwitch.UploadFromPhone-module__K0P74G__toggleActive .UploadFromPhone-module__K0P74G__toggleKnob {
  transform: translateX(-18px);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__toggleSwitch {
  background: rgba(255, 255, 255, .12);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__toggleSwitch.UploadFromPhone-module__K0P74G__toggleActive {
  background: var(--primary-color);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__liveStreamToggle {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .06);
}

.UploadFromPhone-module__K0P74G__fixedFooter {
  border-top: 1px solid color-mix(in srgb, var(--primary-color) 8%, transparent);
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 14px;
}

.UploadFromPhone-module__K0P74G__btnConnect {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 90%, white), var(--primary-color), color-mix(in srgb, var(--primary-color) 90%, black 10%));
  color: #fff;
  width: 100%;
  font-size: var(--font-size-2, 14px);
  cursor: pointer;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 35%, transparent), 0 1px 3px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .25);
  letter-spacing: .01em;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 13px 20px;
  font-weight: 700;
  transition: all .22s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.UploadFromPhone-module__K0P74G__btnConnect:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .12), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  transition: left .6s;
  position: absolute;
  top: 0;
  left: -100%;
}

.UploadFromPhone-module__K0P74G__btnConnect:hover:not(:disabled):before {
  left: 100%;
}

.UploadFromPhone-module__K0P74G__btnConnect:hover:not(:disabled) {
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary-color) 45%, transparent), 0 2px 6px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateY(-1px);
}

.UploadFromPhone-module__K0P74G__btnConnect:active:not(:disabled) {
  transition-duration: 80ms;
  transform: translateY(0)scale(.985);
}

.UploadFromPhone-module__K0P74G__btnConnect:disabled {
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
}

.UploadFromPhone-module__K0P74G__btnFallback {
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, rgba(0, 0, 0, .08));
  color: var(--text-secondary);
  font-size: var(--font-size-1, 12px);
  cursor: pointer;
  background: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 8px 18px;
  font-weight: 600;
  transition: all .22s;
  display: inline-flex;
}

.UploadFromPhone-module__K0P74G__btnFallback:hover {
  background: color-mix(in srgb, var(--primary-color) 6%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 25%, transparent);
  color: var(--primary-color);
  transform: translateY(-1px);
}

.UploadFromPhone-module__K0P74G__connectingWrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 28px 20px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__connectingRings {
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: relative;
}

.UploadFromPhone-module__K0P74G__connectingRing {
  border: 2px solid var(--primary-color);
  opacity: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: 2.8s cubic-bezier(.22, .61, .36, 1) infinite UploadFromPhone-module__K0P74G__ringExpand;
  position: absolute;
}

.UploadFromPhone-module__K0P74G__connectingRing:first-child {
  animation-delay: 0s;
}

.UploadFromPhone-module__K0P74G__connectingRing:nth-child(2) {
  animation-delay: .7s;
}

.UploadFromPhone-module__K0P74G__connectingRing:nth-child(3) {
  animation-delay: 1.4s;
}

@keyframes UploadFromPhone-module__K0P74G__ringExpand {
  0% {
    opacity: .8;
    border-color: var(--primary-color);
    width: 50px;
    height: 50px;
  }

  30% {
    opacity: .5;
  }

  100% {
    opacity: 0;
    border-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
    width: 140px;
    height: 140px;
  }
}

.UploadFromPhone-module__K0P74G__connectingDeviceIcon {
  z-index: 2;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 80%, white), var(--primary-color), color-mix(in srgb, var(--primary-color) 90%, black 10%));
  color: #fff;
  width: 48px;
  height: 48px;
  box-shadow: 0 6px 24px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 2px 6px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.UploadFromPhone-module__K0P74G__connectingDeviceName {
  font-size: var(--font-size-1, 12px);
  color: var(--primary-color);
  opacity: .8;
  letter-spacing: .01em;
  font-weight: 600;
}

.UploadFromPhone-module__K0P74G__connectingText {
  font-size: var(--font-size-2, 14px);
  color: var(--title);
  text-align: center;
  letter-spacing: -.02em;
  font-weight: 700;
}

.UploadFromPhone-module__K0P74G__connectingSubtext {
  font-size: var(--font-size-1, 12px);
  color: var(--text-secondary);
  text-align: center;
  opacity: .75;
  max-width: 300px;
  line-height: 1.5;
}

.UploadFromPhone-module__K0P74G__connectingDots {
  align-items: center;
  gap: 8px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__dot {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .35s cubic-bezier(.4, 0, .2, 1);
}

.UploadFromPhone-module__K0P74G__dot.UploadFromPhone-module__K0P74G__dotActive {
  background: var(--primary-color);
  box-shadow: 0 0 10px color-mix(in srgb, var(--primary-color) 45%, transparent);
  transform: scale(1.25);
}

.UploadFromPhone-module__K0P74G__dot.UploadFromPhone-module__K0P74G__dotCompleted {
  background: #22c55e;
  box-shadow: 0 0 6px rgba(34, 197, 94, .3);
}

.UploadFromPhone-module__K0P74G__countdown {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 4%, rgba(0, 0, 0, .03)), rgba(0, 0, 0, .03));
  border: 1px solid color-mix(in srgb, var(--primary-color) 8%, transparent);
  font-family: SF Mono, Monaco, Menlo, monospace;
  font-size: var(--font-size-2, 14px);
  color: var(--text-secondary);
  letter-spacing: .5px;
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  padding: 5px 16px;
  font-weight: 650;
  display: inline-flex;
}

.UploadFromPhone-module__K0P74G__countdownWarn {
  color: #b45309;
  background: linear-gradient(135deg, rgba(245, 158, 11, .08), rgba(239, 68, 68, .06));
  border-color: rgba(245, 158, 11, .2);
  animation: 1s ease-in-out infinite UploadFromPhone-module__K0P74G__countdownPulse;
}

@keyframes UploadFromPhone-module__K0P74G__countdownPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .55;
  }
}

.UploadFromPhone-module__K0P74G__actions {
  justify-content: center;
  gap: 10px;
  display: flex;
}

.UploadFromPhone-module__K0P74G__btnCancel {
  color: var(--text-secondary);
  font-size: var(--font-size-1, 12px);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  font-weight: 600;
  transition: all .22s;
  display: flex;
}

.UploadFromPhone-module__K0P74G__btnCancel:hover {
  color: var(--error-color, #ef4444);
  background: rgba(239, 68, 68, .06);
  border-color: rgba(239, 68, 68, .18);
  transform: translateY(-1px);
}

.UploadFromPhone-module__K0P74G__btnCancel:active {
  transition-duration: 80ms;
  transform: scale(.97);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__wrapGlass {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .3)), rgba(0, 0, 0, .2));
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__deviceCard {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__deviceCard:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .06));
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__deviceCard.UploadFromPhone-module__K0P74G__selected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), color-mix(in srgb, var(--primary-color) 6%, transparent));
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__emptySteps {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__countdown {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .UploadFromPhone-module__K0P74G__selectedCheck {
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 0 0 2px rgba(0, 0, 0, .5);
}

@media (prefers-reduced-motion: reduce) {
  .UploadFromPhone-module__K0P74G__wrap > *, .UploadFromPhone-module__K0P74G__connectingRing, .UploadFromPhone-module__K0P74G__loadingSpinner:before, .UploadFromPhone-module__K0P74G__loadingSpinner:after, .UploadFromPhone-module__K0P74G__loadingSpinner svg, .UploadFromPhone-module__K0P74G__countdownWarn, .UploadFromPhone-module__K0P74G__emptyIcon, .UploadFromPhone-module__K0P74G__headerIcon:before {
    animation: none;
  }

  .UploadFromPhone-module__K0P74G__deviceCard, .UploadFromPhone-module__K0P74G__deviceCard:after, .UploadFromPhone-module__K0P74G__btnConnect, .UploadFromPhone-module__K0P74G__btnConnect:before, .UploadFromPhone-module__K0P74G__btnRefresh, .UploadFromPhone-module__K0P74G__btnRefresh svg, .UploadFromPhone-module__K0P74G__btnCancel, .UploadFromPhone-module__K0P74G__dot {
    transition-duration: 80ms;
  }
}

/* [project]/src/components/ImageUploadModal/UploadFromPhoneStream.module.css [client] (css) */
.UploadFromPhoneStream-module__gAGl7q__streamingWrap {
  background: #0a0a0a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .03);
}

.UploadFromPhoneStream-module__gAGl7q__streamingWrap:after {
  content: "";
  pointer-events: none;
  z-index: 20;
  background: radial-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .35) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.UploadFromPhoneStream-module__gAGl7q__liveBadge {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  color: #fff;
  letter-spacing: .6px;
  text-transform: uppercase;
  z-index: var(--z-dropdown);
  background: rgba(239, 68, 68, .85);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  box-shadow: 0 2px 12px rgba(239, 68, 68, .4), 0 0 0 3px rgba(239, 68, 68, .08);
}

.UploadFromPhoneStream-module__gAGl7q__liveIndicator {
  background: #fff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.4s ease-in-out infinite UploadFromPhoneStream-module__gAGl7q__liveDot;
  box-shadow: 0 0 4px rgba(255, 255, 255, .5);
}

@keyframes UploadFromPhoneStream-module__gAGl7q__liveDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .35;
    transform: scale(.75);
  }
}

.UploadFromPhoneStream-module__gAGl7q__videoStream {
  object-fit: contain;
  z-index: 10;
  background: #000;
  width: 100%;
  height: 100%;
  animation: .6s cubic-bezier(.22, 1, .36, 1) UploadFromPhoneStream-module__gAGl7q__videoReveal;
  position: relative;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__videoReveal {
  from {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.03);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: scale(1);
  }
}

.UploadFromPhoneStream-module__gAGl7q__streamInfo {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  color: rgba(255, 255, 255, .85);
  z-index: var(--z-dropdown);
  background: rgba(0, 0, 0, .55);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  animation: .4s cubic-bezier(.22, 1, .36, 1) .15s backwards UploadFromPhoneStream-module__gAGl7q__slideIn;
  display: flex;
  position: absolute;
  top: 52px;
  right: 16px;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__slideIn {
  from {
    opacity: 0;
    transform: translateX(12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.UploadFromPhoneStream-module__gAGl7q__streamInfo svg {
  opacity: .65;
  flex-shrink: 0;
}

.UploadFromPhoneStream-module__gAGl7q__streamInfoCheck {
  margin-right: 4px;
}

.UploadFromPhoneStream-module__gAGl7q__captureControls {
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  z-index: var(--z-popover);
  background: rgba(0, 0, 0, .45);
  border-top: 1px solid rgba(255, 255, 255, .06);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 20px 24px 28px;
  animation: .5s cubic-bezier(.22, 1, .36, 1) .3s backwards UploadFromPhoneStream-module__gAGl7q__controlsFadeUp;
  display: grid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__controlsFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.UploadFromPhoneStream-module__gAGl7q__btnCancelStream {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: rgba(255, 255, 255, .85);
  cursor: pointer;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  justify-content: center;
  justify-self: start;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.UploadFromPhoneStream-module__gAGl7q__btnCancelStream:hover {
  background: rgba(255, 255, 255, .18);
  border-color: rgba(255, 255, 255, .2);
}

.UploadFromPhoneStream-module__gAGl7q__btnCancelStream:active {
  transition-duration: 60ms;
  transform: scale(.95);
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture {
  color: #1a1a1a;
  cursor: pointer;
  background: #fff;
  border: 4px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding: 0;
  font-size: 0;
  transition: all .18s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 2px rgba(255, 255, 255, .12), inset 0 1px rgba(255, 255, 255, .6);
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture:before {
  content: "";
  pointer-events: none;
  background: none;
  border-radius: 50%;
  animation: 2.5s ease-in-out infinite UploadFromPhoneStream-module__gAGl7q__shutterPulse;
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  box-shadow: 0 0 20px rgba(255, 255, 255, .15);
}

@keyframes UploadFromPhoneStream-module__gAGl7q__shutterPulse {
  0%, 100% {
    opacity: .4;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.05);
  }
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture span {
  display: none;
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture svg {
  color: #1a1a1a;
  width: 28px;
  height: 28px;
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 32px rgba(0, 0, 0, .5), 0 0 0 3px rgba(255, 255, 255, .18), inset 0 1px rgba(255, 255, 255, .7);
}

.UploadFromPhoneStream-module__gAGl7q__btnCapture:active {
  background: rgba(255, 255, 255, .85);
  transition-duration: 60ms;
  transform: scale(.9);
}

.UploadFromPhoneStream-module__gAGl7q__controlsSpacer {
  justify-self: end;
}

.UploadFromPhoneStream-module__gAGl7q__streamCountdown {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  color: rgba(255, 255, 255, .7);
  letter-spacing: .5px;
  z-index: var(--z-dropdown);
  background: rgba(0, 0, 0, .55);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  padding: 5px 12px;
  font-family: SF Mono, Monaco, Menlo, monospace;
  font-size: 12px;
  font-weight: 600;
  animation: .4s cubic-bezier(.22, 1, .36, 1) .2s backwards UploadFromPhoneStream-module__gAGl7q__slideIn;
  position: absolute;
  top: 16px;
  left: 16px;
}

.UploadFromPhoneStream-module__gAGl7q__capturingWrap {
  background: #0a0a0a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.UploadFromPhoneStream-module__gAGl7q__flashEffect {
  pointer-events: none;
  z-index: var(--z-raised);
  background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, .7) 30%, rgba(0, 0, 0, 0) 80%);
  animation: .45s cubic-bezier(.4, 0, .2, 1) UploadFromPhoneStream-module__gAGl7q__flash;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__flash {
  0% {
    opacity: 0;
    transform: scale(.95);
  }

  12% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}

.UploadFromPhoneStream-module__gAGl7q__spin {
  color: var(--primary-color);
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--primary-color) 35%, transparent));
  animation: 1s cubic-bezier(.4, 0, .2, 1) infinite UploadFromPhoneStream-module__gAGl7q__spinSmooth;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__spinSmooth {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.UploadFromPhoneStream-module__gAGl7q__capturingText {
  color: rgba(255, 255, 255, .9);
  font-size: var(--font-size-2, 14px);
  letter-spacing: .02em;
  font-weight: 650;
  animation: 1.5s ease-in-out infinite UploadFromPhoneStream-module__gAGl7q__textFade;
}

@keyframes UploadFromPhoneStream-module__gAGl7q__textFade {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

.UploadFromPhoneStream-module__gAGl7q__receivingWrap {
  background: #0a0a0a;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 40px 28px;
  display: flex;
}

@media (max-width: 768px) {
  .UploadFromPhoneStream-module__gAGl7q__streamingWrap {
    border-radius: 16px;
    min-height: 360px;
  }

  .UploadFromPhoneStream-module__gAGl7q__btnCapture {
    border-width: 3px;
    width: 62px;
    height: 62px;
  }

  .UploadFromPhoneStream-module__gAGl7q__btnCapture svg {
    width: 24px;
    height: 24px;
  }

  .UploadFromPhoneStream-module__gAGl7q__captureControls {
    padding: 16px 20px 22px;
  }

  .UploadFromPhoneStream-module__gAGl7q__btnCancelStream {
    padding: 8px 14px;
    font-size: 12px;
  }

  .UploadFromPhoneStream-module__gAGl7q__liveBadge {
    padding: 4px 10px;
    font-size: 10px;
    top: 12px;
    right: 12px;
  }

  .UploadFromPhoneStream-module__gAGl7q__streamInfo {
    font-size: 10px;
    top: 44px;
    right: 12px;
  }

  .UploadFromPhoneStream-module__gAGl7q__streamCountdown {
    font-size: 11px;
    top: 12px;
    left: 12px;
  }

  .UploadFromPhoneStream-module__gAGl7q__capturingWrap, .UploadFromPhoneStream-module__gAGl7q__receivingWrap {
    border-radius: 16px;
  }
}

@media (max-width: 480px) {
  .UploadFromPhoneStream-module__gAGl7q__btnCapture {
    width: 56px;
    height: 56px;
  }

  .UploadFromPhoneStream-module__gAGl7q__captureControls {
    padding: 14px 16px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .UploadFromPhoneStream-module__gAGl7q__liveIndicator, .UploadFromPhoneStream-module__gAGl7q__spin, .UploadFromPhoneStream-module__gAGl7q__capturingText, .UploadFromPhoneStream-module__gAGl7q__videoStream, .UploadFromPhoneStream-module__gAGl7q__captureControls, .UploadFromPhoneStream-module__gAGl7q__streamInfo, .UploadFromPhoneStream-module__gAGl7q__streamCountdown, .UploadFromPhoneStream-module__gAGl7q__btnCapture:before {
    animation: none;
  }

  .UploadFromPhoneStream-module__gAGl7q__btnCapture, .UploadFromPhoneStream-module__gAGl7q__btnCancelStream {
    transition-duration: 60ms;
  }
}

[data-theme="dark"] .UploadFromPhoneStream-module__gAGl7q__streamingWrap, [data-theme="dark"] .UploadFromPhoneStream-module__gAGl7q__capturingWrap, [data-theme="dark"] .UploadFromPhoneStream-module__gAGl7q__receivingWrap {
  background: #000;
}

/* [project]/src/components/ImageUploadModal/SelectFromLibrary.module.css [client] (css) */
.SelectFromLibrary-module__cha1Ha__container {
  height: 100%;
  min-height: 0;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__container:before {
  content: "";
  background: radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--primary-color) 4%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--primary-color) 3%, transparent) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromLibrary-module__cha1Ha__header {
  z-index: 2;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, .9);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  display: flex;
  position: relative;
}

.SelectFromLibrary-module__cha1Ha__searchWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromLibrary-module__cha1Ha__searchIcon {
  color: var(--text-muted);
  pointer-events: none;
  transition: color var(--transition-fast);
  font-size: 20px;
  position: absolute;
  right: 14px;
}

.SelectFromLibrary-module__cha1Ha__searchInput {
  width: 100%;
  font-size: var(--font-size-3);
  color: var(--text-primary);
  border-radius: var(--border-radius-lg);
  transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
  background: rgba(0, 0, 0, .04);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 12px 44px 12px 40px;
  font-weight: 500;
}

.SelectFromLibrary-module__cha1Ha__searchInput::placeholder {
  color: var(--text-muted);
  font-weight: 500;
}

.SelectFromLibrary-module__cha1Ha__searchInput:focus {
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent), 0 2px 8px rgba(0, 0, 0, .06);
  background: #fff;
  outline: none;
}

.SelectFromLibrary-module__cha1Ha__searchInput:focus + .SelectFromLibrary-module__cha1Ha__searchIcon, .SelectFromLibrary-module__cha1Ha__searchInput:focus ~ .SelectFromLibrary-module__cha1Ha__searchIcon {
  color: var(--primary-color);
}

.SelectFromLibrary-module__cha1Ha__searchClear {
  width: 26px;
  height: 26px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
  background: rgba(0, 0, 0, .08);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  left: 10px;
}

.SelectFromLibrary-module__cha1Ha__searchClear:hover {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .12);
}

.SelectFromLibrary-module__cha1Ha__categoryBar, .SelectFromLibrary-module__cha1Ha__subCategoryBar {
  z-index: 2;
  padding: var(--spacing-sm) var(--spacing-md);
  background: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  position: relative;
}

.SelectFromLibrary-module__cha1Ha__subCategoryBar {
  background: rgba(248, 250, 252, .9);
}

.SelectFromLibrary-module__cha1Ha__categoryScroll {
  gap: var(--spacing-sm);
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.SelectFromLibrary-module__cha1Ha__categoryScroll::-webkit-scrollbar {
  display: none;
}

.SelectFromLibrary-module__cha1Ha__categoryChip {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.SelectFromLibrary-module__cha1Ha__categoryChip:hover {
  color: var(--text-primary);
  background: #fff;
  border-color: rgba(0, 0, 0, .12);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.SelectFromLibrary-module__cha1Ha__categoryChip:active {
  transform: scale(.97);
}

.SelectFromLibrary-module__cha1Ha__categoryChipActive {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 35%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.SelectFromLibrary-module__cha1Ha__categoryChipActive:hover {
  background: var(--hover-color, var(--primary-color));
  border-color: var(--hover-color, var(--primary-color));
  color: #fff;
}

.SelectFromLibrary-module__cha1Ha__chipLabel {
  font-weight: 600;
}

.SelectFromLibrary-module__cha1Ha__chipCount {
  text-align: center;
  background: rgba(0, 0, 0, .08);
  border-radius: 999px;
  min-width: 20px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

.SelectFromLibrary-module__cha1Ha__categoryChipActive .SelectFromLibrary-module__cha1Ha__chipCount {
  background: rgba(255, 255, 255, .25);
}

.SelectFromLibrary-module__cha1Ha__resultsBar {
  z-index: 2;
  padding: var(--spacing-sm) var(--spacing-md);
  background: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromLibrary-module__cha1Ha__resultsCount {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  font-weight: 600;
}

.SelectFromLibrary-module__cha1Ha__clearAllBtn {
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
  background: none;
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 6px 12px;
  font-weight: 600;
}

.SelectFromLibrary-module__cha1Ha__clearAllBtn:hover {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .04);
  border-color: rgba(0, 0, 0, .15);
}

.SelectFromLibrary-module__cha1Ha__mainContent {
  z-index: 1;
  min-height: 0;
  padding: var(--spacing-md);
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.SelectFromLibrary-module__cha1Ha__mainContent::-webkit-scrollbar {
  width: 6px;
}

.SelectFromLibrary-module__cha1Ha__mainContent::-webkit-scrollbar-track {
  background: none;
}

.SelectFromLibrary-module__cha1Ha__mainContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
}

.SelectFromLibrary-module__cha1Ha__mainContent::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .18);
}

.SelectFromLibrary-module__cha1Ha__imageGrid {
  gap: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  display: grid;
}

.SelectFromLibrary-module__cha1Ha__imageCard {
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  text-align: right;
  transition: transform var(--transition-normal) var(--ease-out), box-shadow var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out);
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(0, 0, 0, .06);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.SelectFromLibrary-module__cha1Ha__imageCard:hover {
  border-color: rgba(0, 0, 0, .1);
  transform: translateY(-3px)scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);
}

.SelectFromLibrary-module__cha1Ha__imageCard:active {
  transition-duration: .1s;
  transform: translateY(-1px)scale(1.01);
}

.SelectFromLibrary-module__cha1Ha__imageCardSelected {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 25%, transparent), 0 8px 24px color-mix(in srgb, var(--primary-color) 15%, transparent);
}

.SelectFromLibrary-module__cha1Ha__selectionRing {
  z-index: 3;
  width: 24px;
  height: 24px;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
  background: rgba(255, 255, 255, .9);
  border: 2px solid rgba(0, 0, 0, .15);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.SelectFromLibrary-module__cha1Ha__imageCard:hover .SelectFromLibrary-module__cha1Ha__selectionRing {
  border-color: rgba(0, 0, 0, .25);
  transform: scale(1.05);
}

.SelectFromLibrary-module__cha1Ha__selectionRingActive {
  background: var(--primary-color);
  border-color: var(--primary-color);
  animation: SelectFromLibrary-module__cha1Ha__popIn .25s var(--ease-spring);
}

.SelectFromLibrary-module__cha1Ha__checkIcon {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

@keyframes SelectFromLibrary-module__cha1Ha__popIn {
  0% {
    transform: scale(0);
  }

  60% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

.SelectFromLibrary-module__cha1Ha__imageContainer {
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .4s var(--ease-out);
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  display: block;
}

.SelectFromLibrary-module__cha1Ha__imageCard:hover .SelectFromLibrary-module__cha1Ha__image {
  transform: scale(1.06);
}

.SelectFromLibrary-module__cha1Ha__imagePlaceholder {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  justify-content: center;
  align-items: center;
  font-size: 28px;
  display: flex;
}

.SelectFromLibrary-module__cha1Ha__imageSkeleton {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__imageInfo {
  padding: var(--spacing-sm);
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.SelectFromLibrary-module__cha1Ha__imageName {
  font-size: var(--font-size-2);
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__imageTags {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.SelectFromLibrary-module__cha1Ha__imageTag {
  color: var(--text-muted);
  background: rgba(0, 0, 0, .05);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
}

.SelectFromLibrary-module__cha1Ha__skeletonCard {
  border-radius: var(--border-radius-lg);
  background: rgba(255, 255, 255, .9);
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__skeletonImage {
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  position: relative;
  overflow: hidden;
}

.SelectFromLibrary-module__cha1Ha__skeletonShimmer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .5) 50%, rgba(0, 0, 0, 0) 100%);
  animation: 1.5s infinite SelectFromLibrary-module__cha1Ha__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromLibrary-module__cha1Ha__shimmer {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.SelectFromLibrary-module__cha1Ha__skeletonInfo {
  padding: var(--spacing-sm);
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.SelectFromLibrary-module__cha1Ha__skeletonText {
  background: rgba(0, 0, 0, .06);
  border-radius: 4px;
  width: 80%;
  height: 14px;
}

.SelectFromLibrary-module__cha1Ha__skeletonTextSmall {
  background: rgba(0, 0, 0, .04);
  border-radius: 4px;
  width: 50%;
  height: 10px;
}

.SelectFromLibrary-module__cha1Ha__emptyState {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-lg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  display: flex;
}

.SelectFromLibrary-module__cha1Ha__emptyIcon {
  color: var(--text-muted);
  opacity: .4;
  margin-bottom: var(--spacing-md);
  font-size: 56px;
}

.SelectFromLibrary-module__cha1Ha__emptyTitle {
  font-size: var(--font-size-4);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs);
  font-weight: 800;
}

.SelectFromLibrary-module__cha1Ha__emptyText {
  font-size: var(--font-size-3);
  color: var(--text-muted);
  margin: 0 0 var(--spacing-lg);
  font-weight: 500;
}

.SelectFromLibrary-module__cha1Ha__clearFiltersBtn {
  background: var(--primary-color);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3);
  color: #fff;
  cursor: pointer;
  transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent);
  border: none;
  padding: 10px 20px;
  font-weight: 700;
}

.SelectFromLibrary-module__cha1Ha__clearFiltersBtn:hover {
  background: var(--hover-color, var(--primary-color));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 40%, transparent);
  transform: translateY(-1px);
}

.SelectFromLibrary-module__cha1Ha__clearFiltersBtn:active {
  transform: scale(.97);
}

@media (max-width: 900px) {
  .SelectFromLibrary-module__cha1Ha__imageGrid {
    gap: var(--spacing-sm);
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .SelectFromLibrary-module__cha1Ha__categoryChip {
    padding: 6px 12px;
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  .SelectFromLibrary-module__cha1Ha__container {
    border-radius: 0;
  }

  .SelectFromLibrary-module__cha1Ha__container:before {
    display: none;
  }

  .SelectFromLibrary-module__cha1Ha__header {
    padding: var(--spacing-sm);
    gap: var(--spacing-xs);
  }

  .SelectFromLibrary-module__cha1Ha__searchInput {
    font-size: var(--font-size-2);
    padding: 10px 38px 10px 36px;
  }

  .SelectFromLibrary-module__cha1Ha__searchIcon {
    font-size: 18px;
    right: 12px;
  }

  .SelectFromLibrary-module__cha1Ha__searchClear {
    width: 22px;
    height: 22px;
    font-size: 12px;
    left: 8px;
  }

  .SelectFromLibrary-module__cha1Ha__actionBtn {
    padding: 8px 10px;
    font-size: 16px;
  }

  .SelectFromLibrary-module__cha1Ha__categoryBar, .SelectFromLibrary-module__cha1Ha__subCategoryBar {
    padding: var(--spacing-xs) var(--spacing-sm);
  }

  .SelectFromLibrary-module__cha1Ha__categoryChip {
    padding: 6px 10px;
    font-size: 11px;
  }

  .SelectFromLibrary-module__cha1Ha__chipCount {
    padding: 1px 5px;
    font-size: 9px;
  }

  .SelectFromLibrary-module__cha1Ha__resultsBar {
    padding: var(--spacing-xs) var(--spacing-sm);
  }

  .SelectFromLibrary-module__cha1Ha__resultsCount {
    font-size: 11px;
  }

  .SelectFromLibrary-module__cha1Ha__mainContent {
    padding: var(--spacing-sm);
  }

  .SelectFromLibrary-module__cha1Ha__imageGrid {
    gap: var(--spacing-sm);
    grid-template-columns: repeat(2, 1fr);
  }

  .SelectFromLibrary-module__cha1Ha__imageCard {
    border-radius: var(--border-radius-md);
  }

  .SelectFromLibrary-module__cha1Ha__imageContainer {
    aspect-ratio: 1;
  }

  .SelectFromLibrary-module__cha1Ha__selectionRing {
    width: 22px;
    height: 22px;
    top: 6px;
    left: 6px;
  }

  .SelectFromLibrary-module__cha1Ha__checkIcon {
    font-size: 12px;
  }

  .SelectFromLibrary-module__cha1Ha__imageInfo {
    padding: var(--spacing-xs);
  }

  .SelectFromLibrary-module__cha1Ha__imageName {
    font-size: 11px;
  }

  .SelectFromLibrary-module__cha1Ha__imageTags {
    display: none;
  }

  .SelectFromLibrary-module__cha1Ha__emptyState {
    padding: var(--spacing-xl) var(--spacing-md);
    min-height: 200px;
  }

  .SelectFromLibrary-module__cha1Ha__emptyIcon {
    font-size: 42px;
  }

  .SelectFromLibrary-module__cha1Ha__emptyTitle {
    font-size: var(--font-size-3);
  }

  .SelectFromLibrary-module__cha1Ha__emptyText {
    font-size: var(--font-size-2);
  }
}

@media (hover: none) and (pointer: coarse) {
  .SelectFromLibrary-module__cha1Ha__imageCard:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
  }

  .SelectFromLibrary-module__cha1Ha__imageCard:active {
    transform: scale(.98);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
  }

  .SelectFromLibrary-module__cha1Ha__imageCard:hover .SelectFromLibrary-module__cha1Ha__image {
    transform: none;
  }

  .SelectFromLibrary-module__cha1Ha__categoryChip:hover {
    transform: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  }

  .SelectFromLibrary-module__cha1Ha__categoryChip:active {
    transform: scale(.97);
  }
}

/* [project]/src/components/ImageUploadModal/SelectFromHistory.module.css [client] (css) */
.SelectFromHistory-module__E6Hz2a__container {
  height: 100%;
  min-height: 0;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__glassBackground {
  background: radial-gradient(ellipse at 20% 20%, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 50%), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-color) 3%, transparent) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromHistory-module__E6Hz2a__glassBackground:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .8) 20%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .8) 80%, rgba(0, 0, 0, 0) 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.SelectFromHistory-module__E6Hz2a__header {
  z-index: 2;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  background: rgba(255, 255, 255, .7);
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  display: flex;
  position: relative;
  box-shadow: 0 1px rgba(0, 0, 0, .03);
}

.SelectFromHistory-module__E6Hz2a__searchWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromHistory-module__E6Hz2a__searchIcon {
  color: var(--text-muted);
  pointer-events: none;
  transition: color var(--transition-fast);
  font-size: 20px;
  position: absolute;
  right: 14px;
}

.SelectFromHistory-module__E6Hz2a__searchInput {
  width: 100%;
  font-size: var(--font-size-3);
  color: var(--text-primary);
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(8px);
  transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .06);
  padding: 12px 44px 12px 40px;
  font-weight: 500;
}

.SelectFromHistory-module__E6Hz2a__searchInput::placeholder {
  color: var(--text-muted);
  font-weight: 500;
}

.SelectFromHistory-module__E6Hz2a__searchInput:focus {
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent), 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .9);
  outline: none;
}

.SelectFromHistory-module__E6Hz2a__searchInput:focus + .SelectFromHistory-module__E6Hz2a__searchIcon, .SelectFromHistory-module__E6Hz2a__searchInput:focus ~ .SelectFromHistory-module__E6Hz2a__searchIcon {
  color: var(--primary-color);
}

.SelectFromHistory-module__E6Hz2a__searchClear {
  width: 26px;
  height: 26px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
  background: rgba(0, 0, 0, .06);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: absolute;
  left: 10px;
}

.SelectFromHistory-module__E6Hz2a__searchClear:hover {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .1);
}

.SelectFromHistory-module__E6Hz2a__refreshBtn {
  border-radius: var(--border-radius-md);
  width: 42px;
  height: 42px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(0, 0, 0, .06);
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__refreshBtn:hover {
  color: var(--primary-color);
  background: rgba(255, 255, 255, .9);
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.SelectFromHistory-module__E6Hz2a__refreshBtn:active {
  transform: scale(.95);
}

.SelectFromHistory-module__E6Hz2a__refreshBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.SelectFromHistory-module__E6Hz2a__spinning {
  animation: 1s linear infinite SelectFromHistory-module__E6Hz2a__spin;
}

@keyframes SelectFromHistory-module__E6Hz2a__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.SelectFromHistory-module__E6Hz2a__resultsBar {
  z-index: 2;
  padding: var(--spacing-xs) var(--spacing-md);
  background: rgba(248, 250, 252, .6);
  border-bottom: 1px solid rgba(0, 0, 0, .03);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromHistory-module__E6Hz2a__resultsCount {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__clearSelectionBtn {
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
  background: none;
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 4px 10px;
  font-weight: 600;
}

.SelectFromHistory-module__E6Hz2a__clearSelectionBtn:hover {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .04);
}

.SelectFromHistory-module__E6Hz2a__mainContent {
  z-index: 1;
  min-height: 0;
  padding: var(--spacing-md);
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.SelectFromHistory-module__E6Hz2a__mainContent::-webkit-scrollbar {
  width: 6px;
}

.SelectFromHistory-module__E6Hz2a__mainContent::-webkit-scrollbar-track {
  background: none;
}

.SelectFromHistory-module__E6Hz2a__mainContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
}

.SelectFromHistory-module__E6Hz2a__mainContent::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .18);
}

.SelectFromHistory-module__E6Hz2a__imageGrid {
  gap: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  display: grid;
}

.SelectFromHistory-module__E6Hz2a__imageCard {
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  text-align: right;
  -webkit-backdrop-filter: blur(8px);
  transition: transform var(--transition-normal) var(--ease-out), box-shadow var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out);
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(255, 255, 255, .5);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02), inset 0 1px rgba(255, 255, 255, .8);
}

.SelectFromHistory-module__E6Hz2a__imageCard:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity var(--transition-fast);
  background: linear-gradient(135deg, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromHistory-module__E6Hz2a__imageCard:hover {
  border-color: rgba(255, 255, 255, .8);
  transform: translateY(-4px)scale(1.02);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .9);
}

.SelectFromHistory-module__E6Hz2a__imageCard:hover:before {
  opacity: 1;
}

.SelectFromHistory-module__E6Hz2a__imageCard:active {
  transition-duration: .1s;
  transform: translateY(-2px)scale(1.01);
}

.SelectFromHistory-module__E6Hz2a__imageCardSelected {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color) 25%, transparent), 0 8px 24px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .8);
}

.SelectFromHistory-module__E6Hz2a__imageCardSelected:after {
  content: "";
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromHistory-module__E6Hz2a__selectionRing {
  z-index: 4;
  width: 24px;
  height: 24px;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
  background: rgba(255, 255, 255, .95);
  border: 2px solid rgba(0, 0, 0, .12);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.SelectFromHistory-module__E6Hz2a__imageCard:hover .SelectFromHistory-module__E6Hz2a__selectionRing {
  border-color: rgba(0, 0, 0, .2);
  transform: scale(1.05);
}

.SelectFromHistory-module__E6Hz2a__selectionRingActive {
  background: var(--primary-color);
  border-color: var(--primary-color);
  animation: SelectFromHistory-module__E6Hz2a__popIn .25s var(--ease-spring);
}

.SelectFromHistory-module__E6Hz2a__checkIcon {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

@keyframes SelectFromHistory-module__E6Hz2a__popIn {
  0% {
    transform: scale(0);
  }

  60% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

.SelectFromHistory-module__E6Hz2a__dateBadge {
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  z-index: 4;
  background: rgba(0, 0, 0, .6);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.SelectFromHistory-module__E6Hz2a__imageContainer {
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .4s var(--ease-out);
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  display: block;
}

.SelectFromHistory-module__E6Hz2a__imageCard:hover .SelectFromHistory-module__E6Hz2a__image {
  transform: scale(1.06);
}

.SelectFromHistory-module__E6Hz2a__imagePlaceholder {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  justify-content: center;
  align-items: center;
  font-size: 32px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__imageSkeleton {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__imageInfo {
  padding: var(--spacing-sm);
  background: rgba(255, 255, 255, .5);
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__imageName {
  font-size: var(--font-size-2);
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__metaRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__categoryTag {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  color: var(--primary-color);
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__sizeTag {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
}

.SelectFromHistory-module__E6Hz2a__skeletonCard {
  border-radius: var(--border-radius-lg);
  background: rgba(255, 255, 255, .8);
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__skeletonImage {
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  position: relative;
  overflow: hidden;
}

.SelectFromHistory-module__E6Hz2a__skeletonShimmer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 100%);
  animation: 1.5s infinite SelectFromHistory-module__E6Hz2a__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromHistory-module__E6Hz2a__shimmer {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.SelectFromHistory-module__E6Hz2a__skeletonInfo {
  padding: var(--spacing-sm);
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__skeletonText {
  background: rgba(0, 0, 0, .06);
  border-radius: 4px;
  width: 80%;
  height: 14px;
}

.SelectFromHistory-module__E6Hz2a__skeletonTextSmall {
  background: rgba(0, 0, 0, .04);
  border-radius: 4px;
  width: 50%;
  height: 10px;
}

.SelectFromHistory-module__E6Hz2a__emptyState {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-lg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__emptyIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
  border-radius: var(--border-radius-xl);
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-md);
  color: var(--primary-color);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, .5);
  justify-content: center;
  align-items: center;
  font-size: 36px;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__emptyIcon {
  margin-bottom: var(--spacing-md);
  font-size: 48px;
}

.SelectFromHistory-module__E6Hz2a__emptyTitle {
  font-size: var(--font-size-4);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs);
  font-weight: 800;
}

.SelectFromHistory-module__E6Hz2a__emptyText {
  font-size: var(--font-size-3);
  color: var(--text-muted);
  margin: 0 0 var(--spacing-lg);
  max-width: 280px;
  font-weight: 500;
}

.SelectFromHistory-module__E6Hz2a__clearFiltersBtn, .SelectFromHistory-module__E6Hz2a__retryBtn {
  background: var(--primary-color);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3);
  color: #fff;
  cursor: pointer;
  transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent);
  border: none;
  padding: 10px 20px;
  font-weight: 700;
}

.SelectFromHistory-module__E6Hz2a__clearFiltersBtn:hover, .SelectFromHistory-module__E6Hz2a__retryBtn:hover {
  background: var(--hover-color, var(--primary-color));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 40%, transparent);
  transform: translateY(-1px);
}

.SelectFromHistory-module__E6Hz2a__clearFiltersBtn:active, .SelectFromHistory-module__E6Hz2a__retryBtn:active {
  transform: scale(.97);
}

.SelectFromHistory-module__E6Hz2a__loadMoreWrapper {
  padding: var(--spacing-lg) 0;
  justify-content: center;
  display: flex;
}

.SelectFromHistory-module__E6Hz2a__loadMoreBtn {
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-3);
  color: var(--text-secondary);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .08);
  padding: 12px 32px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .8);
}

.SelectFromHistory-module__E6Hz2a__loadMoreBtn:hover {
  color: var(--primary-color);
  background: rgba(255, 255, 255, .95);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .9);
}

.SelectFromHistory-module__E6Hz2a__loadMoreBtn:active {
  transform: translateY(0)scale(.98);
}

.SelectFromHistory-module__E6Hz2a__loadMoreBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 900px) {
  .SelectFromHistory-module__E6Hz2a__imageGrid {
    gap: var(--spacing-sm);
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}

@media (max-width: 640px) {
  .SelectFromHistory-module__E6Hz2a__container {
    border-radius: 0;
  }

  .SelectFromHistory-module__E6Hz2a__glassBackground:before {
    display: none;
  }

  .SelectFromHistory-module__E6Hz2a__header {
    padding: var(--spacing-sm);
    gap: var(--spacing-xs);
  }

  .SelectFromHistory-module__E6Hz2a__searchInput {
    font-size: var(--font-size-2);
    padding: 10px 38px 10px 36px;
  }

  .SelectFromHistory-module__E6Hz2a__searchIcon {
    font-size: 18px;
    right: 12px;
  }

  .SelectFromHistory-module__E6Hz2a__searchClear {
    width: 22px;
    height: 22px;
    font-size: 12px;
    left: 8px;
  }

  .SelectFromHistory-module__E6Hz2a__refreshBtn {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .SelectFromHistory-module__E6Hz2a__resultsBar {
    padding: var(--spacing-xs) var(--spacing-sm);
  }

  .SelectFromHistory-module__E6Hz2a__resultsCount {
    font-size: 11px;
  }

  .SelectFromHistory-module__E6Hz2a__mainContent {
    padding: var(--spacing-sm);
  }

  .SelectFromHistory-module__E6Hz2a__imageGrid {
    gap: var(--spacing-sm);
    grid-template-columns: repeat(2, 1fr);
  }

  .SelectFromHistory-module__E6Hz2a__imageCard {
    border-radius: var(--border-radius-md);
  }

  .SelectFromHistory-module__E6Hz2a__selectionRing {
    width: 22px;
    height: 22px;
    top: 6px;
    left: 6px;
  }

  .SelectFromHistory-module__E6Hz2a__dateBadge {
    padding: 3px 6px;
    font-size: 9px;
    top: 6px;
    right: 6px;
  }

  .SelectFromHistory-module__E6Hz2a__checkIcon {
    font-size: 12px;
  }

  .SelectFromHistory-module__E6Hz2a__imageInfo {
    padding: var(--spacing-xs);
  }

  .SelectFromHistory-module__E6Hz2a__imageName {
    font-size: 11px;
  }

  .SelectFromHistory-module__E6Hz2a__metaRow {
    display: none;
  }

  .SelectFromHistory-module__E6Hz2a__emptyState {
    padding: var(--spacing-xl) var(--spacing-md);
    min-height: 220px;
  }

  .SelectFromHistory-module__E6Hz2a__emptyIconWrapper {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }

  .SelectFromHistory-module__E6Hz2a__emptyTitle {
    font-size: var(--font-size-3);
  }

  .SelectFromHistory-module__E6Hz2a__emptyText {
    font-size: var(--font-size-2);
  }
}

@media (hover: none) and (pointer: coarse) {
  .SelectFromHistory-module__E6Hz2a__imageCard:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02), inset 0 1px rgba(255, 255, 255, .8);
  }

  .SelectFromHistory-module__E6Hz2a__imageCard:hover:before {
    opacity: 0;
  }

  .SelectFromHistory-module__E6Hz2a__imageCard:active {
    transform: scale(.98);
  }

  .SelectFromHistory-module__E6Hz2a__imageCard:hover .SelectFromHistory-module__E6Hz2a__image {
    transform: none;
  }

  .SelectFromHistory-module__E6Hz2a__refreshBtn:hover {
    box-shadow: none;
    transform: none;
  }

  .SelectFromHistory-module__E6Hz2a__loadMoreBtn:hover {
    transform: none;
  }
}

/* [project]/src/components/Ui/Button/Button.module.css [client] (css) */
.Button-module__Q9M5Yq__button {
  letter-spacing: .2px;
  white-space: nowrap;
  border-radius: var(--border-radius-xl, 12px);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: transform .15s, box-shadow .2s, filter .15s, background .2s, border-color .2s, opacity .2s;
  display: inline-flex;
}

.Button-module__Q9M5Yq__button:focus-visible {
  outline: none;
}

.Button-module__Q9M5Yq__button:active:not(:disabled) {
  filter: brightness(.95);
  transform: translateY(0) !important;
}

.Button-module__Q9M5Yq__size-sm {
  border-radius: var(--border-radius-lg, 10px);
  gap: 6px;
  height: 36px;
  padding: 8px 14px;
  font-size: 13px;
}

.Button-module__Q9M5Yq__size-md {
  height: 44px;
  padding: 10px 18px;
  font-size: 14px;
}

.Button-module__Q9M5Yq__size-lg {
  gap: 10px;
  height: 52px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
}

.Button-module__Q9M5Yq__variant-primary {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 92%, white 8%) 0%, color-mix(in srgb, var(--primary-color) 78%, white 22%) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 50%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 28%, transparent), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.Button-module__Q9M5Yq__variant-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 95%, white 5%) 0%, color-mix(in srgb, var(--primary-color) 85%, white 15%) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--primary-color) 34%, transparent), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-color: color-mix(in srgb, var(--primary-color) 60%, transparent);
  transform: translateY(-1px);
}

.Button-module__Q9M5Yq__variant-primary:focus-visible {
  box-shadow: var(--focus-ring), 0 8px 24px color-mix(in srgb, var(--primary-color) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.Button-module__Q9M5Yq__variant-secondary {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 92%, white 8%) 0%, color-mix(in srgb, var(--secondary-color) 78%, white 22%) 100%);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 50%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--secondary-color) 28%, transparent), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.Button-module__Q9M5Yq__variant-secondary:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 95%, white 5%) 0%, color-mix(in srgb, var(--secondary-color) 85%, white 15%) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--secondary-color) 34%, transparent), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-color: color-mix(in srgb, var(--secondary-color) 60%, transparent);
  transform: translateY(-1px);
}

.Button-module__Q9M5Yq__variant-secondary:focus-visible {
  box-shadow: var(--focus-ring), 0 8px 24px color-mix(in srgb, var(--secondary-color) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.Button-module__Q9M5Yq__variant-ghost {
  color: var(--text-primary);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, var(--glass-bg, rgba(255, 255, 255, .7))) 0%, color-mix(in srgb, var(--primary-color) 8%, var(--glass-bg, rgba(255, 255, 255, .7))) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border, rgba(0, 0, 0, .08)));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 12%, transparent), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .05);
}

.Button-module__Q9M5Yq__variant-ghost:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, var(--glass-bg, rgba(255, 255, 255, .7))) 0%, color-mix(in srgb, var(--primary-color) 12%, var(--glass-bg, rgba(255, 255, 255, .7))) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--primary-color) 18%, transparent), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2);
  border-color: color-mix(in srgb, var(--primary-color) 35%, var(--glass-border, rgba(0, 0, 0, .08)));
  transform: translateY(-1px);
}

.Button-module__Q9M5Yq__variant-ghost:focus-visible {
  box-shadow: var(--focus-ring), 0 8px 24px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15);
}

.Button-module__Q9M5Yq__variant-danger {
  color: #fff;
  background: linear-gradient(135deg, #f15757 0%, #e14747 100%);
  border: 1px solid rgba(239, 68, 68, .5);
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(239, 68, 68, .28), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .2), inset 0 -1px rgba(0, 0, 0, .08);
}

.Button-module__Q9M5Yq__variant-danger:hover:not(:disabled) {
  background: linear-gradient(135deg, #f05151 0%, #e03c3c 100%);
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(239, 68, 68, .35), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .25);
}

.Button-module__Q9M5Yq__variant-danger:focus-visible {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .45), 0 8px 24px rgba(239, 68, 68, .28), inset 0 1px rgba(255, 255, 255, .2);
}

.Button-module__Q9M5Yq__variant-success {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-success, #10b981) 90%, white 10%) 0%, color-mix(in srgb, var(--color-success-dark, #059669) 85%, white 15%) 100%);
  border: 1px solid color-mix(in srgb, var(--color-success, #10b981) 50%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--color-success, #10b981) 28%, transparent), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .08);
}

.Button-module__Q9M5Yq__variant-success:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-success, #10b981) 93%, white 7%) 0%, color-mix(in srgb, var(--color-success-dark, #059669) 90%, white 10%) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-success, #10b981) 35%, transparent), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: translateY(-1px);
}

.Button-module__Q9M5Yq__variant-success:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-success, #10b981) 45%, transparent), 0 8px 24px color-mix(in srgb, var(--color-success, #10b981) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.Button-module__Q9M5Yq__variant-info {
  color: #fff;
  background: linear-gradient(135deg, #4f8ff7 0%, #467aee 100%);
  border: 1px solid rgba(59, 130, 246, .5);
  box-shadow: 0 8px 24px rgba(59, 130, 246, .28), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .2), inset 0 -1px rgba(0, 0, 0, .08);
}

.Button-module__Q9M5Yq__variant-info:hover:not(:disabled) {
  background: linear-gradient(135deg, #498bf7 0%, #3b73ed 100%);
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(59, 130, 246, .35), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .25);
}

.Button-module__Q9M5Yq__variant-info:focus-visible {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .45), 0 8px 24px rgba(59, 130, 246, .28), inset 0 1px rgba(255, 255, 255, .2);
}

.Button-module__Q9M5Yq__variant-outline {
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
}

.Button-module__Q9M5Yq__variant-outline:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 20%, transparent);
}

.Button-module__Q9M5Yq__variant-outline:focus-visible {
  box-shadow: var(--focus-ring);
}

.Button-module__Q9M5Yq__variant-plain {
  color: var(--text-tertiary);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  background: none;
  border: none;
}

.Button-module__Q9M5Yq__variant-plain:hover:not(:disabled) {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .06);
}

.Button-module__Q9M5Yq__variant-plain:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-color);
}

.Button-module__Q9M5Yq__variant-plain[data-intent="danger"]:hover:not(:disabled) {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.Button-module__Q9M5Yq__variant-plain[data-intent="success"]:hover:not(:disabled) {
  color: #10b981;
  background: rgba(16, 185, 129, .1);
}

.Button-module__Q9M5Yq__variant-plain[data-intent="info"]:hover:not(:disabled) {
  color: #3b82f6;
  background: rgba(59, 130, 246, .1);
}

.Button-module__Q9M5Yq__variant-plain[data-intent="warning"]:hover:not(:disabled) {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
}

.Button-module__Q9M5Yq__variant-plain[data-intent="purple"]:hover:not(:disabled) {
  color: #a855f7;
  background: rgba(168, 85, 247, .1);
}

.Button-module__Q9M5Yq__button:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.Button-module__Q9M5Yq__loading {
  pointer-events: none;
  position: relative;
}

.Button-module__Q9M5Yq__loading .Button-module__Q9M5Yq__text, .Button-module__Q9M5Yq__loading .Button-module__Q9M5Yq__icon, .Button-module__Q9M5Yq__loading .Button-module__Q9M5Yq__iconEnd {
  opacity: 0;
}

.Button-module__Q9M5Yq__spinner {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.Button-module__Q9M5Yq__spinnerSvg {
  width: 20px;
  height: 20px;
  animation: .8s linear infinite Button-module__Q9M5Yq__spin;
}

.Button-module__Q9M5Yq__size-sm .Button-module__Q9M5Yq__spinnerSvg {
  width: 16px;
  height: 16px;
}

.Button-module__Q9M5Yq__size-lg .Button-module__Q9M5Yq__spinnerSvg {
  width: 24px;
  height: 24px;
}

@keyframes Button-module__Q9M5Yq__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.Button-module__Q9M5Yq__fullWidth {
  width: 100%;
}

.Button-module__Q9M5Yq__iconOnly {
  aspect-ratio: 1;
  padding: 0;
}

.Button-module__Q9M5Yq__iconOnly.Button-module__Q9M5Yq__size-sm {
  width: 36px;
  height: 36px;
}

.Button-module__Q9M5Yq__iconOnly.Button-module__Q9M5Yq__size-md {
  width: 44px;
  height: 44px;
}

.Button-module__Q9M5Yq__iconOnly.Button-module__Q9M5Yq__size-lg {
  width: 52px;
  height: 52px;
}

.Button-module__Q9M5Yq__icon, .Button-module__Q9M5Yq__iconEnd {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.Button-module__Q9M5Yq__icon svg, .Button-module__Q9M5Yq__iconEnd svg {
  width: 18px;
  height: 18px;
}

.Button-module__Q9M5Yq__size-sm .Button-module__Q9M5Yq__icon svg, .Button-module__Q9M5Yq__size-sm .Button-module__Q9M5Yq__iconEnd svg {
  width: 16px;
  height: 16px;
}

.Button-module__Q9M5Yq__size-lg .Button-module__Q9M5Yq__icon svg, .Button-module__Q9M5Yq__size-lg .Button-module__Q9M5Yq__iconEnd svg {
  width: 20px;
  height: 20px;
}

.Button-module__Q9M5Yq__text {
  flex-shrink: 0;
}

.Button-module__Q9M5Yq__cardLayout {
  height: auto;
  padding: var(--spacing-lg, 20px) var(--spacing-md, 16px);
  gap: var(--spacing-sm, 8px);
  text-align: center;
  background: var(--bg-secondary, rgba(248, 249, 250, .9));
  border-radius: var(--radius-lg, 14px);
  border: 2px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .6);
}

.Button-module__Q9M5Yq__cardLayout:hover:not(:disabled) {
  border-color: var(--button-accent, var(--primary-color));
  background: var(--bg-tertiary, rgba(243, 244, 246, .95));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--button-accent, var(--primary-color)) 18%, transparent), 0 2px 8px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .7);
  transform: translateY(-3px);
}

.Button-module__Q9M5Yq__cardLayout:active:not(:disabled) {
  transform: scale(.98) !important;
}

.Button-module__Q9M5Yq__cardIcon {
  background: color-mix(in srgb, var(--button-accent, var(--primary-color)) 12%, transparent);
  width: 48px;
  height: 48px;
  color: var(--button-accent, var(--primary-color));
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: transform .2s, background .2s;
  display: flex;
}

.Button-module__Q9M5Yq__cardLayout:hover .Button-module__Q9M5Yq__cardIcon {
  background: color-mix(in srgb, var(--button-accent, var(--primary-color)) 18%, transparent);
  transform: scale(1.1);
}

.Button-module__Q9M5Yq__cardIcon svg {
  width: 24px;
  height: 24px;
}

.Button-module__Q9M5Yq__cardLabel {
  font-size: var(--text-sm, 14px);
  color: var(--text-color, #1f2937);
  font-weight: 600;
  line-height: 1.3;
}

.Button-module__Q9M5Yq__cardDescription {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary, #6b7280);
  font-weight: 400;
  line-height: 1.4;
}

.Button-module__Q9M5Yq__selected {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--button-accent, var(--primary-color)) 15%, transparent), 0 4px 16px color-mix(in srgb, var(--button-accent, var(--primary-color)) 18%, transparent), 0 1px 4px rgba(0, 0, 0, .04);
  border-color: var(--button-accent, var(--primary-color)) !important;
  background: color-mix(in srgb, var(--button-accent, var(--primary-color)) 8%, var(--bg-secondary, #f8f9fa)) !important;
}

.Button-module__Q9M5Yq__selected .Button-module__Q9M5Yq__cardIcon {
  background: color-mix(in srgb, var(--button-accent, var(--primary-color)) 20%, transparent);
  transform: scale(1.05);
}

.Button-module__Q9M5Yq__selected .Button-module__Q9M5Yq__cardLabel {
  color: var(--button-accent, var(--primary-color));
}

@media (max-width: 480px) {
  .Button-module__Q9M5Yq__cardLayout {
    text-align: start;
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
    flex-direction: row;
  }

  .Button-module__Q9M5Yq__cardIcon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }

  .Button-module__Q9M5Yq__cardIcon svg {
    width: 20px;
    height: 20px;
  }

  .Button-module__Q9M5Yq__cardLayout .Button-module__Q9M5Yq__cardLabel, .Button-module__Q9M5Yq__cardLayout .Button-module__Q9M5Yq__cardDescription {
    text-align: start;
  }
}

@media (max-width: 640px) {
  .Button-module__Q9M5Yq__size-md {
    height: 40px;
    padding: 8px 14px;
    font-size: 13px;
  }

  .Button-module__Q9M5Yq__size-lg {
    height: 48px;
    padding: 12px 20px;
    font-size: 14px;
  }
}

/* [project]/src/components/common/PhoneDisplay.module.css [client] (css) */
.PhoneDisplay-module__5W6omq__phoneDisplay {
  color: var(--text-primary);
  direction: ltr;
  justify-content: flex-end;
  align-items: center;
  gap: .4rem;
  display: inline-flex;
}

.PhoneDisplay-module__5W6omq__flag {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
}

.PhoneDisplay-module__5W6omq__number {
  font-variant-numeric: tabular-nums;
  letter-spacing: .3px;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__sm {
  font-weight: var(--font-weight-2);
  font-size: var(--font-size-2);
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__sm .PhoneDisplay-module__5W6omq__flag {
  width: 10px;
  height: 10px;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__md {
  font-size: var(--text-sm);
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__md .PhoneDisplay-module__5W6omq__flag {
  width: 14px;
  height: 14px;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__lg {
  font-size: 1.1rem;
  font-weight: 600;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__lg .PhoneDisplay-module__5W6omq__flag {
  width: 24px;
  height: 24px;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__nowrap {
  white-space: nowrap;
  flex-wrap: nowrap;
}

.PhoneDisplay-module__5W6omq__phoneDisplay.PhoneDisplay-module__5W6omq__nowrap .PhoneDisplay-module__5W6omq__number {
  white-space: nowrap;
}

/* [project]/src/components/Modals/SendWhatsAppModal/SendWhatsAppModal.module.css [client] (css) */
.SendWhatsAppModal-module__0rfXXa__modalContainer {
  max-width: 600px;
  height: auto;
  max-height: 90vh;
}

@media (max-width: 640px) {
  .SendWhatsAppModal-module__0rfXXa__modalContainer {
    width: calc(100% - 1rem);
    max-width: 100%;
    max-height: 95vh;
  }
}

.SendWhatsAppModal-module__0rfXXa__contentWrapper {
  flex-direction: column;
  gap: 16px;
  padding: 4px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__loadingState {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 80px 20px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__spinner {
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
}

.SendWhatsAppModal-module__0rfXXa__spinnerRing {
  border: 3px solid #25d366;
  border-color: #25d366 rgba(37, 211, 102, .3) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: 1s linear infinite SendWhatsAppModal-module__0rfXXa__spinnerRotate;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SendWhatsAppModal-module__0rfXXa__spinnerRing:before {
  content: "";
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(37, 211, 102, .5);
  border-radius: 50%;
  animation: .8s linear infinite reverse SendWhatsAppModal-module__0rfXXa__spinnerRotate;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

@keyframes SendWhatsAppModal-module__0rfXXa__spinnerRotate {
  to {
    transform: rotate(360deg);
  }
}

.SendWhatsAppModal-module__0rfXXa__loadingState span {
  font-size: var(--text-md);
  color: var(--text-secondary);
  animation: 1.5s ease-in-out infinite SendWhatsAppModal-module__0rfXXa__pulse;
}

@keyframes SendWhatsAppModal-module__0rfXXa__pulse {
  0%, 100% {
    opacity: .6;
  }

  50% {
    opacity: 1;
  }
}

.SendWhatsAppModal-module__0rfXXa__noWhatsAppState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 60px 20px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__noWhatsAppIcon {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  box-shadow: 0 8px 32px rgba(245, 158, 11, .2);
}

.SendWhatsAppModal-module__0rfXXa__noWhatsAppState h3 {
  font-size: var(--text-lg);
  color: var(--text-primary);
  margin: 0;
  font-weight: 600;
}

.SendWhatsAppModal-module__0rfXXa__noWhatsAppState p {
  font-size: var(--text-md);
  color: var(--text-secondary);
  max-width: 300px;
  margin: 0;
}

.SendWhatsAppModal-module__0rfXXa__configLink {
  background: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 80%, black) 100%);
  color: #fff;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 30%, transparent);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.SendWhatsAppModal-module__0rfXXa__configLink:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 40%, transparent);
  transform: translateY(-2px);
}

.SendWhatsAppModal-module__0rfXXa__modeIndicator {
  background: linear-gradient(135deg, color-mix(in srgb, var(--mode-color, #25d366) 12%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--mode-color, #25d366) 6%, rgba(255, 255, 255, .9)) 100%);
  border: 1px solid color-mix(in srgb, var(--mode-color, #25d366) 25%, transparent);
  font-size: var(--text-sm);
  color: color-mix(in srgb, var(--mode-color, #25d366) 80%, black);
  border-radius: 20px;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 500;
  display: inline-flex;
}

.SendWhatsAppModal-module__0rfXXa__modeIndicator svg {
  color: var(--mode-color, #25d366);
}

.SendWhatsAppModal-module__0rfXXa__documentCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--doc-color, #3b82f6) 10%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--doc-color, #3b82f6) 5%, rgba(255, 255, 255, .95)) 100%);
  border: 1px solid color-mix(in srgb, var(--doc-color, #3b82f6) 25%, transparent);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--doc-color, #3b82f6) 10%, transparent);
  border-radius: 14px;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__documentIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--doc-color, #3b82f6) 20%, white) 0%, color-mix(in srgb, var(--doc-color, #3b82f6) 10%, white) 100%);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__documentInfo {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__documentType {
  font-size: var(--text-md);
  color: var(--text-primary);
  font-weight: 600;
}

.SendWhatsAppModal-module__0rfXXa__documentNumber {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  font-family: SF Mono, Fira Code, monospace;
}

.SendWhatsAppModal-module__0rfXXa__section {
  background: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(249, 250, 251, .6) 100%);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 14px;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__sectionHeader {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__sectionTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  align-items: center;
  gap: 8px;
  font-weight: 600;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__sectionTitle svg {
  color: var(--text-secondary);
}

.SendWhatsAppModal-module__0rfXXa__customerName {
  color: var(--text-secondary);
  font-weight: 400;
}

.SendWhatsAppModal-module__0rfXXa__customerName:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid var(--border-color);
  margin-left: 4px;
  padding-left: 4px;
}

.SendWhatsAppModal-module__0rfXXa__customerName:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid var(--border-color);
  margin-left: 4px;
  padding-left: 4px;
}

.SendWhatsAppModal-module__0rfXXa__customerName:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid var(--border-color);
  margin-left: 4px;
  padding-left: 4px;
}

.SendWhatsAppModal-module__0rfXXa__customerName:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid var(--border-color);
  margin-right: 4px;
  padding-right: 4px;
}

.SendWhatsAppModal-module__0rfXXa__customerName:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid var(--border-color);
  margin-right: 4px;
  padding-right: 4px;
}

.SendWhatsAppModal-module__0rfXXa__customerName:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid var(--border-color);
  margin-right: 4px;
  padding-right: 4px;
}

.SendWhatsAppModal-module__0rfXXa__phoneList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__phoneItem {
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__phoneItem:hover {
  border-color: var(--primary-color);
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.SendWhatsAppModal-module__0rfXXa__phoneItem.SendWhatsAppModal-module__0rfXXa__selected {
  background: linear-gradient(135deg, #e9fbf0 0%, #f4fdf7 100%);
  border-color: #25d366;
  box-shadow: 0 2px 12px rgba(37, 211, 102, .15);
}

.SendWhatsAppModal-module__0rfXXa__phoneCheckbox {
  background: #fff;
  border: 2px solid rgba(0, 0, 0, .15);
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__phoneItem.SendWhatsAppModal-module__0rfXXa__selected .SendWhatsAppModal-module__0rfXXa__phoneCheckbox {
  color: #fff;
  background: #25d366;
  border-color: #25d366;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.SendWhatsAppModal-module__0rfXXa__phoneLabel:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.SendWhatsAppModal-module__0rfXXa__primaryBadge {
  font-size: var(--text-xs);
  color: #92400e;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 12px;
  padding: 2px 8px;
  font-weight: 500;
}

.SendWhatsAppModal-module__0rfXXa__emptyPhones {
  font-size: var(--text-sm);
  color: #92400e;
  background: #fef3c7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 20px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__manualPhoneInput {
  padding: 4px 0;
}

.SendWhatsAppModal-module__0rfXXa__messageActions {
  gap: 6px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__actionBtn {
  cursor: pointer;
  width: 34px;
  height: 34px;
  color: var(--text-secondary);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__actionBtn:hover {
  color: var(--text-primary);
  background: rgba(0, 0, 0, .04);
}

.SendWhatsAppModal-module__0rfXXa__actionBtn.SendWhatsAppModal-module__0rfXXa__active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.SendWhatsAppModal-module__0rfXXa__templatesPanel {
  background: rgba(0, 0, 0, .02);
  border-radius: 10px;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  animation: .2s SendWhatsAppModal-module__0rfXXa__slideDown;
  display: flex;
}

@keyframes SendWhatsAppModal-module__0rfXXa__slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SendWhatsAppModal-module__0rfXXa__templateItem {
  cursor: pointer;
  text-align: start;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  transition: all .15s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__templateItem:hover {
  border-color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.SendWhatsAppModal-module__0rfXXa__templateLabel {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 600;
}

.SendWhatsAppModal-module__0rfXXa__templatePreview {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.SendWhatsAppModal-module__0rfXXa__emojiPicker {
  background: rgba(0, 0, 0, .02);
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
  animation: .2s SendWhatsAppModal-module__0rfXXa__slideDown;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__emojiBtn {
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  transition: all .15s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__emojiBtn:hover {
  background: rgba(0, 0, 0, .06);
  transform: scale(1.1);
}

.SendWhatsAppModal-module__0rfXXa__messageInputWrapper {
  position: relative;
}

.SendWhatsAppModal-module__0rfXXa__messageInput {
  width: 100%;
  font-size: var(--text-md);
  resize: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 12px;
  padding: 14px 16px 32px;
  font-family: inherit;
  line-height: 1.5;
  transition: all .2s;
}

.SendWhatsAppModal-module__0rfXXa__messageInput:focus {
  border-color: #25d366;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, .15);
}

.SendWhatsAppModal-module__0rfXXa__messageInput::placeholder {
  color: var(--text-tertiary);
}

.SendWhatsAppModal-module__0rfXXa__charCount {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  position: absolute;
  bottom: 8px;
  left: 12px;
}

.SendWhatsAppModal-module__0rfXXa__dropZone {
  cursor: pointer;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(249, 250, 251, .6) 100%);
  border: 2px dashed rgba(0, 0, 0, .15);
  border-radius: 16px;
  padding: 40px 20px;
  transition: all .3s;
  position: relative;
}

.SendWhatsAppModal-module__0rfXXa__dropZone:hover {
  border-color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, white) 0%, color-mix(in srgb, var(--primary-color) 2%, white) 100%);
}

.SendWhatsAppModal-module__0rfXXa__dropZone.SendWhatsAppModal-module__0rfXXa__dragging {
  background: linear-gradient(135deg, #e9fbf0 0%, #f4fdf7 100%);
  border-style: solid;
  border-color: #25d366;
  transform: scale(1.01);
  box-shadow: 0 8px 32px rgba(37, 211, 102, .2);
}

.SendWhatsAppModal-module__0rfXXa__fileInput {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SendWhatsAppModal-module__0rfXXa__dropZoneContent {
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__dropZoneIcon {
  width: 80px;
  height: 80px;
  color: var(--primary-color);
  background: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(59, 130, 246, .05) 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__dropZone.SendWhatsAppModal-module__0rfXXa__dragging .SendWhatsAppModal-module__0rfXXa__dropZoneIcon {
  color: #25d366;
  background: linear-gradient(135deg, rgba(37, 211, 102, .2) 0%, rgba(37, 211, 102, .1) 100%);
  transform: scale(1.1);
}

.SendWhatsAppModal-module__0rfXXa__dropZoneTitle {
  font-size: var(--text-md);
  color: var(--text-primary);
  font-weight: 600;
}

.SendWhatsAppModal-module__0rfXXa__dropZoneSubtitle {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.SendWhatsAppModal-module__0rfXXa__fileTypeBadges {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__fileTypeBadge {
  font-size: var(--text-xs);
  background: linear-gradient(135deg, color-mix(in srgb, var(--badge-color, #6b7280) 12%, white) 0%, color-mix(in srgb, var(--badge-color, #6b7280) 6%, white) 100%);
  color: color-mix(in srgb, var(--badge-color, #6b7280) 85%, black);
  border: 1px solid color-mix(in srgb, var(--badge-color, #6b7280) 20%, transparent);
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-weight: 500;
  display: inline-flex;
}

.SendWhatsAppModal-module__0rfXXa__filePreviewCard {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

.SendWhatsAppModal-module__0rfXXa__filePreviewHeader {
  z-index: 10;
  position: absolute;
  top: 8px;
  right: 8px;
}

.SendWhatsAppModal-module__0rfXXa__removeFileBtn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, .6);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__removeFileBtn:hover {
  background: rgba(239, 68, 68, .9);
  transform: scale(1.1);
}

.SendWhatsAppModal-module__0rfXXa__filePreviewContent {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__imagePreview {
  object-fit: contain;
  max-width: 100%;
  max-height: 250px;
}

.SendWhatsAppModal-module__0rfXXa__videoPreview {
  border-radius: 8px;
  max-width: 100%;
  max-height: 250px;
}

.SendWhatsAppModal-module__0rfXXa__fileIconPreview {
  padding: 40px;
}

.SendWhatsAppModal-module__0rfXXa__fileInfo {
  background: rgba(249, 250, 251, .8);
  border-top: 1px solid rgba(0, 0, 0, .06);
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__fileName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  font-weight: 500;
  overflow: hidden;
}

.SendWhatsAppModal-module__0rfXXa__fileSize {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  flex-shrink: 0;
}

.SendWhatsAppModal-module__0rfXXa__captionWrapper {
  border-top: 1px solid rgba(0, 0, 0, .06);
  padding: 12px 16px;
}

.SendWhatsAppModal-module__0rfXXa__captionInput {
  width: 100%;
  font-size: var(--text-sm);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: inherit;
  transition: all .2s;
}

.SendWhatsAppModal-module__0rfXXa__captionInput:focus {
  border-color: #25d366;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, .1);
}

.SendWhatsAppModal-module__0rfXXa__captionInput::placeholder {
  color: var(--text-tertiary);
}

.SendWhatsAppModal-module__0rfXXa__accountList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__accountItem {
  cursor: pointer;
  text-align: start;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__accountItem:hover {
  background: #fff;
  border-color: #25d366;
}

.SendWhatsAppModal-module__0rfXXa__accountItem.SendWhatsAppModal-module__0rfXXa__selected {
  background: linear-gradient(135deg, #eefbf3 0%, #f6fdf9 100%);
  border-color: #25d366;
  box-shadow: 0 2px 12px rgba(37, 211, 102, .12);
}

.SendWhatsAppModal-module__0rfXXa__accountRadio {
  background: #fff;
  border: 2px solid rgba(0, 0, 0, .15);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__accountItem.SendWhatsAppModal-module__0rfXXa__selected .SendWhatsAppModal-module__0rfXXa__accountRadio {
  color: #fff;
  background: #25d366;
  border-color: #25d366;
}

.SendWhatsAppModal-module__0rfXXa__accountInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__accountName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  align-items: center;
  gap: 8px;
  font-weight: 500;
  display: flex;
}

.SendWhatsAppModal-module__0rfXXa__defaultBadge {
  font-size: var(--text-xs);
  color: #1e40af;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-radius: 10px;
  padding: 2px 8px;
  font-weight: 500;
}

@keyframes SendWhatsAppModal-module__0rfXXa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes SendWhatsAppModal-module__0rfXXa__scaleIn {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.SendWhatsAppModal-module__0rfXXa__section {
  animation: .3s SendWhatsAppModal-module__0rfXXa__fadeIn;
}

@media (max-width: 480px) {
  .SendWhatsAppModal-module__0rfXXa__sectionHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .SendWhatsAppModal-module__0rfXXa__fileTypeBadges {
    display: none;
  }

  .SendWhatsAppModal-module__0rfXXa__dropZone {
    padding: 30px 16px;
  }

  .SendWhatsAppModal-module__0rfXXa__dropZoneIcon {
    width: 60px;
    height: 60px;
  }

  .SendWhatsAppModal-module__0rfXXa__dropZoneIcon svg {
    width: 32px;
    height: 32px;
  }
}

/* [project]/src/components/ImageUploadModal/SelectFromWhatsApp.module.css [client] (css) */
.SelectFromWhatsApp-module__A5FTYG__container {
  height: 100%;
  min-height: 0;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__glassBackground {
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(at 20% 20%, rgba(37, 211, 102, .08) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(at 80% 80%, rgba(37, 211, 102, .05) 0%, rgba(0, 0, 0, 0) 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromWhatsApp-module__A5FTYG__header {
  z-index: 2;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  -webkit-backdrop-filter: blur(20px);
  margin: calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) 0;
  border-radius: var(--border-radius-xl, 20px) var(--border-radius-xl, 20px) 0 0;
  background: rgba(255, 255, 255, .7);
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  display: flex;
  position: relative;
}

.SelectFromWhatsApp-module__A5FTYG__searchWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromWhatsApp-module__A5FTYG__searchIcon {
  color: var(--text-muted);
  pointer-events: none;
  font-size: 20px;
  position: absolute;
  right: 14px;
}

.SelectFromWhatsApp-module__A5FTYG__searchInput {
  width: 100%;
  font-size: var(--font-size-3, 14px);
  color: var(--text-primary);
  border-radius: var(--border-radius-lg, 12px);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .06);
  outline: none;
  padding: 10px 44px 10px 36px;
  font-weight: 500;
  transition: border-color .2s, box-shadow .2s;
}

.SelectFromWhatsApp-module__A5FTYG__searchInput:focus {
  background: rgba(255, 255, 255, .9);
  border-color: #25d366;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, .12);
}

.SelectFromWhatsApp-module__A5FTYG__searchClear {
  width: 24px;
  height: 24px;
  color: var(--text-muted);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background .15s;
  display: flex;
  position: absolute;
  left: 10px;
}

.SelectFromWhatsApp-module__A5FTYG__searchClear:hover {
  background: rgba(0, 0, 0, .1);
}

.SelectFromWhatsApp-module__A5FTYG__refreshBtn {
  width: 36px;
  height: 36px;
  color: var(--text-muted);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .07);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: background .15s, transform .15s;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__refreshBtn:hover:not(:disabled) {
  background: rgba(255, 255, 255, .9);
  transform: rotate(15deg);
}

.SelectFromWhatsApp-module__A5FTYG__refreshBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@keyframes SelectFromWhatsApp-module__A5FTYG__spin {
  to {
    transform: rotate(360deg);
  }
}

.SelectFromWhatsApp-module__A5FTYG__spinning {
  animation: .8s linear infinite SelectFromWhatsApp-module__A5FTYG__spin;
}

.SelectFromWhatsApp-module__A5FTYG__requestBtn {
  font-size: var(--font-size-3, 13px);
  color: #fff;
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  border: none;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(37, 211, 102, .3);
}

.SelectFromWhatsApp-module__A5FTYG__requestBtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 211, 102, .4);
}

.SelectFromWhatsApp-module__A5FTYG__requestBtn svg {
  font-size: 16px;
}

.SelectFromWhatsApp-module__A5FTYG__typeFilters {
  z-index: 2;
  padding: 10px var(--spacing-md);
  scrollbar-width: none;
  margin: 0 calc(-1 * var(--spacing-md));
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  gap: 6px;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.SelectFromWhatsApp-module__A5FTYG__typeFilters::-webkit-scrollbar {
  display: none;
}

.SelectFromWhatsApp-module__A5FTYG__filterBtn {
  font-size: var(--font-size-2, 12px);
  color: var(--text-secondary);
  cursor: pointer;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 20px;
  flex-shrink: 0;
  padding: 5px 14px;
  font-weight: 500;
  transition: all .18s;
}

.SelectFromWhatsApp-module__A5FTYG__filterBtn:hover {
  background: rgba(37, 211, 102, .08);
  border-color: rgba(37, 211, 102, .3);
}

.SelectFromWhatsApp-module__A5FTYG__filterBtnActive {
  color: #fff;
  background: linear-gradient(135deg, #25d366, #128c7e);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 2px 8px rgba(37, 211, 102, .35);
}

.SelectFromWhatsApp-module__A5FTYG__resultsBar {
  z-index: 2;
  padding: 4px var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
  position: relative;
}

.SelectFromWhatsApp-module__A5FTYG__resultsCount {
  font-size: var(--font-size-2, 12px);
  color: var(--text-muted);
  font-weight: 500;
}

.SelectFromWhatsApp-module__A5FTYG__clearSelectionBtn {
  font-size: var(--font-size-2, 12px);
  color: #25d366;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 2px 6px;
  font-weight: 600;
  transition: background .15s;
}

.SelectFromWhatsApp-module__A5FTYG__clearSelectionBtn:hover {
  background: rgba(37, 211, 102, .08);
}

.SelectFromWhatsApp-module__A5FTYG__multiSelectControls {
  align-items: center;
  gap: 8px;
  animation: .2s SelectFromWhatsApp-module__A5FTYG__slideIn;
  display: flex;
}

@keyframes SelectFromWhatsApp-module__A5FTYG__slideIn {
  from {
    opacity: 0;
    transform: translateX(8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.SelectFromWhatsApp-module__A5FTYG__selectedCount {
  font-size: var(--font-size-2, 12px);
  color: #25d366;
  background: rgba(37, 211, 102, .1);
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-weight: 700;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__confirmSelectionBtn {
  color: #fff;
  font-size: var(--font-size-2, 12px);
  cursor: pointer;
  background: #25d366;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(37, 211, 102, .3);
}

.SelectFromWhatsApp-module__A5FTYG__confirmSelectionBtn:hover {
  background: #1db954;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 211, 102, .4);
}

.SelectFromWhatsApp-module__A5FTYG__mainContent {
  z-index: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .15) transparent;
  flex: 1;
  padding: 0 2px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.SelectFromWhatsApp-module__A5FTYG__mainContent::-webkit-scrollbar {
  width: 4px;
}

.SelectFromWhatsApp-module__A5FTYG__mainContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .15);
  border-radius: 4px;
}

.SelectFromWhatsApp-module__A5FTYG__grid {
  gap: var(--spacing-sm, 8px);
  padding-bottom: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  display: grid;
}

.SelectFromWhatsApp-module__A5FTYG__card {
  border-radius: var(--border-radius-lg, 12px);
  cursor: pointer;
  text-align: right;
  background: rgba(255, 255, 255, .75);
  border: 2px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  padding: 0;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.SelectFromWhatsApp-module__A5FTYG__cardSelected {
  border-color: #25d366;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, .2), 0 8px 24px rgba(0, 0, 0, .12);
}

.SelectFromWhatsApp-module__A5FTYG__selectionRing {
  z-index: 3;
  background: rgba(0, 0, 0, .15);
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: all .18s;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.SelectFromWhatsApp-module__A5FTYG__selectionRingActive {
  background: #25d366;
  border-color: #25d366;
}

.SelectFromWhatsApp-module__A5FTYG__checkIcon {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__usedBadge {
  color: #fff;
  z-index: 3;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(37, 211, 102, .85);
  border-radius: 8px;
  align-items: center;
  gap: 3px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 6px;
  left: 6px;
}

.SelectFromWhatsApp-module__A5FTYG__previewWrapper {
  aspect-ratio: 1;
  background: linear-gradient(135deg, #f0f0f0, #e8e8e8);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__previewChips {
  z-index: 4;
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
}

.SelectFromWhatsApp-module__A5FTYG__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.SelectFromWhatsApp-module__A5FTYG__videoThumbWrapper {
  background: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.SelectFromWhatsApp-module__A5FTYG__videoThumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.SelectFromWhatsApp-module__A5FTYG__playOverlay {
  pointer-events: none;
  background: rgba(0, 0, 0, .25);
  justify-content: center;
  align-items: center;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromWhatsApp-module__A5FTYG__card:hover .SelectFromWhatsApp-module__A5FTYG__playOverlay {
  background: rgba(0, 0, 0, .1);
}

.SelectFromWhatsApp-module__A5FTYG__playOverlay svg {
  color: rgba(255, 255, 255, .5);
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .3));
}

.SelectFromWhatsApp-module__A5FTYG__playPreviewBtn {
  z-index: 5;
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .55);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
}

.SelectFromWhatsApp-module__A5FTYG__playPreviewBtn:hover {
  background: rgba(239, 68, 68, .85);
  transform: translate(-50%, -50%)scale(1.1);
  box-shadow: 0 6px 20px rgba(239, 68, 68, .35);
}

.SelectFromWhatsApp-module__A5FTYG__playPreviewBtn:active {
  transform: translate(-50%, -50%)scale(.95);
}

.SelectFromWhatsApp-module__A5FTYG__mediaIcon {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  background: linear-gradient(135deg, rgba(37, 211, 102, .08), rgba(18, 140, 126, .05));
  justify-content: center;
  align-items: center;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__imageSkeleton {
  background: #f0f0f0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonShimmer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 100%) 0 0 / 200% 100%;
  animation: 1.4s infinite SelectFromWhatsApp-module__A5FTYG__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromWhatsApp-module__A5FTYG__shimmer {
  0% {
    background-position: 200%;
  }

  100% {
    background-position: -200%;
  }
}

.SelectFromWhatsApp-module__A5FTYG__cardInfo {
  background: rgba(255, 255, 255, .9);
  padding: 6px 8px;
}

.SelectFromWhatsApp-module__A5FTYG__cardPhone {
  font-size: var(--font-size-2, 12px);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__cardCustomerName {
  font-size: var(--font-size-2, 12px);
  color: #25d366;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
  margin-bottom: 4px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__cardTime {
  color: var(--text-muted, #888);
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: 11px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__cardTime svg {
  color: var(--text-muted, #888);
  flex-shrink: 0;
}

.SelectFromWhatsApp-module__A5FTYG__exactTime {
  color: var(--text-muted, #999);
  opacity: .8;
  margin-right: auto;
  font-size: 10px;
}

.SelectFromWhatsApp-module__A5FTYG__typeBadge {
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .55);
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.SelectFromWhatsApp-module__A5FTYG__type_image {
  background: rgba(99, 102, 241, .85);
}

.SelectFromWhatsApp-module__A5FTYG__type_video {
  background: rgba(239, 68, 68, .85);
}

.SelectFromWhatsApp-module__A5FTYG__type_audio {
  background: rgba(245, 158, 11, .85);
}

.SelectFromWhatsApp-module__A5FTYG__type_document {
  background: rgba(59, 130, 246, .85);
}

.SelectFromWhatsApp-module__A5FTYG__sizeTag {
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .55);
  border-radius: 10px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.SelectFromWhatsApp-module__A5FTYG__skeletonCard {
  border-radius: var(--border-radius-lg, 12px);
  background: rgba(255, 255, 255, .5);
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonImage {
  aspect-ratio: 1;
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonInfo {
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonText {
  background: #e8e8e8;
  border-radius: 4px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonTextSmall {
  background: #e8e8e8;
  border-radius: 4px;
  width: 60%;
  height: 10px;
  position: relative;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__skeletonText:after, .SelectFromWhatsApp-module__A5FTYG__skeletonTextSmall:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 100%) 0 0 / 200% 100%;
  animation: 1.4s infinite SelectFromWhatsApp-module__A5FTYG__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromWhatsApp-module__A5FTYG__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__emptyIcon {
  font-size: 40px;
}

.SelectFromWhatsApp-module__A5FTYG__emptyIconWrapper {
  color: #25d366;
  background: rgba(37, 211, 102, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 4px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__emptyTitle {
  font-size: var(--font-size-5, 16px);
  color: var(--text-primary);
  margin: 0;
  font-weight: 600;
}

.SelectFromWhatsApp-module__A5FTYG__emptyText {
  font-size: var(--font-size-3, 14px);
  color: var(--text-muted);
  max-width: 280px;
  margin: 0;
  line-height: 1.5;
}

.SelectFromWhatsApp-module__A5FTYG__retryBtn, .SelectFromWhatsApp-module__A5FTYG__clearFiltersBtn {
  font-size: var(--font-size-3, 14px);
  color: #25d366;
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(37, 211, 102, .1);
  border: 1px solid rgba(37, 211, 102, .3);
  padding: 8px 20px;
  font-weight: 600;
  transition: background .15s;
}

.SelectFromWhatsApp-module__A5FTYG__retryBtn:hover, .SelectFromWhatsApp-module__A5FTYG__clearFiltersBtn:hover {
  background: rgba(37, 211, 102, .18);
}

.SelectFromWhatsApp-module__A5FTYG__requestFilesBtn {
  font-size: var(--font-size-3, 14px);
  color: #fff;
  border-radius: var(--border-radius-lg, 12px);
  cursor: pointer;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  border: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 28px;
  font-weight: 600;
  transition: all .25s;
  display: flex;
  box-shadow: 0 4px 16px rgba(37, 211, 102, .35);
}

.SelectFromWhatsApp-module__A5FTYG__requestFilesBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(37, 211, 102, .45);
}

.SelectFromWhatsApp-module__A5FTYG__requestFilesBtn:active {
  transform: translateY(0);
}

.SelectFromWhatsApp-module__A5FTYG__loadMoreWrapper {
  justify-content: center;
  padding: 16px 0 8px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__loadMoreBtn {
  font-size: var(--font-size-3, 14px);
  color: var(--text-secondary);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 9px 28px;
  font-weight: 600;
  transition: background .15s, transform .15s;
}

.SelectFromWhatsApp-module__A5FTYG__loadMoreBtn:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-1px);
}

.SelectFromWhatsApp-module__A5FTYG__loadMoreBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalOverlay {
  z-index: var(--z-image-preview);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .6);
  justify-content: center;
  align-items: center;
  animation: .2s SelectFromWhatsApp-module__A5FTYG__previewFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromWhatsApp-module__A5FTYG__previewFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.SelectFromWhatsApp-module__A5FTYG__previewModalPanel {
  background: var(--card-bg, #fff);
  border-radius: var(--border-radius-xl, 20px);
  direction: rtl;
  flex-direction: column;
  width: 90%;
  max-width: 780px;
  max-height: 88vh;
  animation: .25s SelectFromWhatsApp-module__A5FTYG__previewSlideUp;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .3);
}

@keyframes SelectFromWhatsApp-module__A5FTYG__previewSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SelectFromWhatsApp-module__A5FTYG__previewModalHeader {
  border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, .08));
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalTitle {
  font-size: var(--font-size-4, 15px);
  color: var(--text-primary);
  font-weight: 600;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalCloseBtn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, .06);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: background .15s;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalCloseBtn:hover {
  background: rgba(0, 0, 0, .12);
}

.SelectFromWhatsApp-module__A5FTYG__previewModalBody {
  background: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 70vh;
  display: flex;
  overflow: hidden;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalVideo {
  border-radius: 0;
  outline: none;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  display: block;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalLoading {
  color: rgba(255, 255, 255, .7);
  font-size: var(--font-size-3, 14px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalFooter {
  border-top: 1px solid var(--border-light, rgba(0, 0, 0, .08));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalCancelBtn {
  font-size: var(--font-size-3, 14px);
  color: var(--text-secondary);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 8px 20px;
  font-weight: 500;
  transition: background .15s;
}

.SelectFromWhatsApp-module__A5FTYG__previewModalCancelBtn:hover {
  background: rgba(0, 0, 0, .1);
}

.SelectFromWhatsApp-module__A5FTYG__previewModalSelectBtn {
  font-size: var(--font-size-3, 14px);
  color: #fff;
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: linear-gradient(135deg, #25d366, #128c7e);
  border: none;
  align-items: center;
  gap: 6px;
  padding: 9px 22px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 12px rgba(37, 211, 102, .3);
}

.SelectFromWhatsApp-module__A5FTYG__previewModalSelectBtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, .4);
}

.SelectFromWhatsApp-module__A5FTYG__previewModalSelectBtn:active {
  transform: translateY(0);
}

.SelectFromWhatsApp-module__A5FTYG__previewModalFooterActions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__captureFrameBtn {
  font-size: var(--font-size-3, 14px);
  color: var(--text-primary);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: 1px solid rgba(0, 0, 0, .12);
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.SelectFromWhatsApp-module__A5FTYG__captureFrameBtn:hover {
  background: rgba(0, 0, 0, .1);
  border-color: rgba(0, 0, 0, .18);
}

.SelectFromWhatsApp-module__A5FTYG__captureFrameBtn:active {
  transform: scale(.97);
}

/* [project]/src/components/ImageUploadModal/SelectFromEmail.module.css [client] (css) */
.SelectFromEmail-module__Ebt7BW__container {
  height: 100%;
  min-height: 0;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__glassBackground {
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(at 20% 20%, rgba(0, 120, 212, .08) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(at 80% 80%, rgba(0, 120, 212, .05) 0%, rgba(0, 0, 0, 0) 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromEmail-module__Ebt7BW__header {
  z-index: 2;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  -webkit-backdrop-filter: blur(20px);
  margin: calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) 0;
  border-radius: var(--border-radius-xl, 20px) var(--border-radius-xl, 20px) 0 0;
  background: rgba(255, 255, 255, .7);
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  display: flex;
  position: relative;
}

.SelectFromEmail-module__Ebt7BW__searchWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.SelectFromEmail-module__Ebt7BW__searchIcon {
  color: var(--text-muted);
  pointer-events: none;
  font-size: 20px;
  position: absolute;
  right: 14px;
}

.SelectFromEmail-module__Ebt7BW__searchInput {
  width: 100%;
  font-size: var(--font-size-3, 14px);
  color: var(--text-primary);
  border-radius: var(--border-radius-lg, 12px);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .06);
  outline: none;
  padding: 10px 44px 10px 36px;
  font-weight: 500;
  transition: border-color .2s, box-shadow .2s;
}

.SelectFromEmail-module__Ebt7BW__searchInput:focus {
  background: rgba(255, 255, 255, .9);
  border-color: #0078d4;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, .12);
}

.SelectFromEmail-module__Ebt7BW__searchClear {
  width: 24px;
  height: 24px;
  color: var(--text-muted);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background .15s;
  display: flex;
  position: absolute;
  left: 10px;
}

.SelectFromEmail-module__Ebt7BW__searchClear:hover {
  background: rgba(0, 0, 0, .1);
}

.SelectFromEmail-module__Ebt7BW__refreshBtn {
  width: 36px;
  height: 36px;
  color: var(--text-muted);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .07);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transition: background .15s, transform .15s;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__refreshBtn:hover:not(:disabled) {
  background: rgba(255, 255, 255, .9);
  transform: rotate(15deg);
}

.SelectFromEmail-module__Ebt7BW__refreshBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@keyframes SelectFromEmail-module__Ebt7BW__spin {
  to {
    transform: rotate(360deg);
  }
}

.SelectFromEmail-module__Ebt7BW__spinning {
  animation: .8s linear infinite SelectFromEmail-module__Ebt7BW__spin;
}

.SelectFromEmail-module__Ebt7BW__connectedEmail {
  z-index: 2;
  padding: 6px var(--spacing-md);
  font-size: var(--font-size-2, 12px);
  color: #0078d4;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.SelectFromEmail-module__Ebt7BW__connectedEmail svg {
  flex-shrink: 0;
}

.SelectFromEmail-module__Ebt7BW__typeFilters {
  z-index: 2;
  padding: 10px var(--spacing-md);
  scrollbar-width: none;
  margin: 0 calc(-1 * var(--spacing-md));
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  gap: 6px;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.SelectFromEmail-module__Ebt7BW__typeFilters::-webkit-scrollbar {
  display: none;
}

.SelectFromEmail-module__Ebt7BW__filterBtn {
  font-size: var(--font-size-2, 12px);
  color: var(--text-secondary);
  cursor: pointer;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 20px;
  flex-shrink: 0;
  padding: 5px 14px;
  font-weight: 500;
  transition: all .18s;
}

.SelectFromEmail-module__Ebt7BW__filterBtn:hover {
  background: rgba(0, 120, 212, .08);
  border-color: rgba(0, 120, 212, .3);
}

.SelectFromEmail-module__Ebt7BW__filterBtnActive {
  color: #fff;
  background: linear-gradient(135deg, #0078d4, #005a9e);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 2px 8px rgba(0, 120, 212, .35);
}

.SelectFromEmail-module__Ebt7BW__resultsBar {
  z-index: 2;
  padding: 4px var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
  position: relative;
}

.SelectFromEmail-module__Ebt7BW__resultsCount {
  font-size: var(--font-size-2, 12px);
  color: var(--text-muted);
  font-weight: 500;
}

.SelectFromEmail-module__Ebt7BW__clearSelectionBtn {
  font-size: var(--font-size-2, 12px);
  color: #0078d4;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 2px 6px;
  font-weight: 600;
  transition: background .15s;
}

.SelectFromEmail-module__Ebt7BW__clearSelectionBtn:hover {
  background: rgba(0, 120, 212, .08);
}

.SelectFromEmail-module__Ebt7BW__mainContent {
  z-index: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .15) transparent;
  flex: 1;
  padding: 0 2px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.SelectFromEmail-module__Ebt7BW__mainContent::-webkit-scrollbar {
  width: 4px;
}

.SelectFromEmail-module__Ebt7BW__mainContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .15);
  border-radius: 4px;
}

.SelectFromEmail-module__Ebt7BW__grid {
  gap: var(--spacing-sm, 8px);
  padding-bottom: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  display: grid;
}

.SelectFromEmail-module__Ebt7BW__card {
  border-radius: var(--border-radius-lg, 12px);
  cursor: pointer;
  text-align: right;
  background: rgba(255, 255, 255, .75);
  border: 2px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  padding: 0;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.SelectFromEmail-module__Ebt7BW__cardSelected {
  border-color: #0078d4;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, .2), 0 8px 24px rgba(0, 0, 0, .12);
}

.SelectFromEmail-module__Ebt7BW__cardLoading {
  opacity: .7;
  pointer-events: none;
}

.SelectFromEmail-module__Ebt7BW__selectionRing {
  z-index: 3;
  background: rgba(0, 0, 0, .15);
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: all .18s;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.SelectFromEmail-module__Ebt7BW__selectionRingActive {
  background: #0078d4;
  border-color: #0078d4;
}

.SelectFromEmail-module__Ebt7BW__checkIcon {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__previewWrapper {
  aspect-ratio: 1.2;
  background: linear-gradient(135deg, #f0f0f0, #e8e8e8);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__previewChips {
  z-index: 4;
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
}

.SelectFromEmail-module__Ebt7BW__mediaIcon {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  background: linear-gradient(135deg, rgba(0, 120, 212, .08), rgba(0, 90, 158, .05));
  justify-content: center;
  align-items: center;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__previewImage {
  object-fit: cover;
  z-index: 1;
  background: #f0f0f0;
  width: 100%;
  height: 100%;
  transition: transform .25s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromEmail-module__Ebt7BW__card:hover .SelectFromEmail-module__Ebt7BW__previewImage {
  transform: scale(1.05);
}

.SelectFromEmail-module__Ebt7BW__thumbSpinner {
  border: 2px solid rgba(0, 120, 212, .15);
  border-top-color: rgba(0, 120, 212, .6);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: .8s linear infinite SelectFromEmail-module__Ebt7BW__spin;
}

.SelectFromEmail-module__Ebt7BW__loadingOverlay {
  z-index: 5;
  background: rgba(255, 255, 255, .8);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromEmail-module__Ebt7BW__spinner {
  border: 3px solid rgba(0, 120, 212, .2);
  border-top-color: #0078d4;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: .8s linear infinite SelectFromEmail-module__Ebt7BW__spin;
}

.SelectFromEmail-module__Ebt7BW__skeletonShimmer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 100%) 0 0 / 200% 100%;
  animation: 1.4s infinite SelectFromEmail-module__Ebt7BW__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromEmail-module__Ebt7BW__shimmer {
  0% {
    background-position: 200%;
  }

  100% {
    background-position: -200%;
  }
}

.SelectFromEmail-module__Ebt7BW__cardInfo {
  background: rgba(255, 255, 255, .9);
  flex-direction: column;
  gap: 3px;
  padding: 8px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__cardFileName {
  font-size: var(--font-size-2, 12px);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__cardSender {
  color: #0078d4;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__cardSender svg {
  flex-shrink: 0;
}

.SelectFromEmail-module__Ebt7BW__cardSender span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__cardSubject {
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__cardSubject svg {
  flex-shrink: 0;
}

.SelectFromEmail-module__Ebt7BW__cardTime {
  color: var(--text-muted, #888);
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 10px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__cardTime svg {
  color: var(--text-muted, #888);
  flex-shrink: 0;
}

.SelectFromEmail-module__Ebt7BW__exactTime {
  color: var(--text-muted, #999);
  opacity: .8;
  margin-right: auto;
  font-size: 10px;
}

.SelectFromEmail-module__Ebt7BW__typeBadge {
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .55);
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.SelectFromEmail-module__Ebt7BW__type_image {
  background: rgba(99, 102, 241, .85);
}

.SelectFromEmail-module__Ebt7BW__type_video {
  background: rgba(239, 68, 68, .85);
}

.SelectFromEmail-module__Ebt7BW__type_audio {
  background: rgba(245, 158, 11, .85);
}

.SelectFromEmail-module__Ebt7BW__type_document {
  background: rgba(59, 130, 246, .85);
}

.SelectFromEmail-module__Ebt7BW__sizeTag {
  color: #fff;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .55);
  border-radius: 10px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.SelectFromEmail-module__Ebt7BW__skeletonCard {
  border-radius: var(--border-radius-lg, 12px);
  background: rgba(255, 255, 255, .5);
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__skeletonImage {
  aspect-ratio: 1.2;
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__skeletonInfo {
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__skeletonText {
  background: #e8e8e8;
  border-radius: 4px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__skeletonTextSmall {
  background: #e8e8e8;
  border-radius: 4px;
  width: 60%;
  height: 10px;
  position: relative;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__skeletonText:after, .SelectFromEmail-module__Ebt7BW__skeletonTextSmall:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(0, 0, 0, 0) 100%) 0 0 / 200% 100%;
  animation: 1.4s infinite SelectFromEmail-module__Ebt7BW__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.SelectFromEmail-module__Ebt7BW__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__emptyIcon {
  font-size: 40px;
}

.SelectFromEmail-module__Ebt7BW__emptyIconWrapper {
  color: #0078d4;
  background: rgba(0, 120, 212, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 4px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__emptyTitle {
  font-size: var(--font-size-5, 16px);
  color: var(--text-primary);
  margin: 0;
  font-weight: 600;
}

.SelectFromEmail-module__Ebt7BW__emptyText {
  font-size: var(--font-size-3, 14px);
  color: var(--text-muted);
  max-width: 280px;
  margin: 0;
  line-height: 1.5;
}

.SelectFromEmail-module__Ebt7BW__retryBtn, .SelectFromEmail-module__Ebt7BW__clearFiltersBtn {
  font-size: var(--font-size-3, 14px);
  color: #0078d4;
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(0, 120, 212, .1);
  border: 1px solid rgba(0, 120, 212, .3);
  padding: 8px 20px;
  font-weight: 600;
  transition: background .15s;
}

.SelectFromEmail-module__Ebt7BW__retryBtn:hover, .SelectFromEmail-module__Ebt7BW__clearFiltersBtn:hover {
  background: rgba(0, 120, 212, .18);
}

.SelectFromEmail-module__Ebt7BW__loadMoreWrapper {
  justify-content: center;
  padding: 16px 0 8px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__loadMoreBtn {
  font-size: var(--font-size-3, 14px);
  color: var(--text-secondary);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 9px 28px;
  font-weight: 600;
  transition: background .15s, transform .15s;
}

.SelectFromEmail-module__Ebt7BW__loadMoreBtn:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-1px);
}

.SelectFromEmail-module__Ebt7BW__loadMoreBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.SelectFromEmail-module__Ebt7BW__previewBtn {
  color: #fff;
  cursor: pointer;
  z-index: 5;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, .5);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: opacity .18s, transform .18s, background .15s;
  display: flex;
  position: absolute;
  top: 6px;
  left: 6px;
  transform: scale(.85);
}

.SelectFromEmail-module__Ebt7BW__card:hover .SelectFromEmail-module__Ebt7BW__previewBtn {
  opacity: 1;
  transform: scale(1);
}

.SelectFromEmail-module__Ebt7BW__previewBtn:hover {
  background: rgba(0, 120, 212, .85);
  transform: scale(1.1);
}

.SelectFromEmail-module__Ebt7BW__previewOverlay {
  z-index: 9999;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .7);
  justify-content: center;
  align-items: center;
  animation: .2s SelectFromEmail-module__Ebt7BW__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes SelectFromEmail-module__Ebt7BW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.SelectFromEmail-module__Ebt7BW__previewOverlayContent {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 90vw;
  max-height: 90vh;
  animation: .25s SelectFromEmail-module__Ebt7BW__scaleIn;
  display: flex;
  position: relative;
}

@keyframes SelectFromEmail-module__Ebt7BW__scaleIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.SelectFromEmail-module__Ebt7BW__previewOverlayClose {
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: background .15s;
  display: flex;
  position: absolute;
  top: -40px;
  left: 0;
}

.SelectFromEmail-module__Ebt7BW__previewOverlayClose:hover {
  background: rgba(255, 255, 255, .3);
}

.SelectFromEmail-module__Ebt7BW__previewOverlayImage {
  object-fit: contain;
  border-radius: var(--border-radius-lg, 12px);
  background: #111;
  max-width: 85vw;
  max-height: 75vh;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}

.SelectFromEmail-module__Ebt7BW__previewOverlayInfo {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}

.SelectFromEmail-module__Ebt7BW__previewOverlayName {
  font-size: var(--font-size-3, 14px);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
  font-weight: 600;
  overflow: hidden;
}

.SelectFromEmail-module__Ebt7BW__previewOverlaySender {
  font-size: var(--font-size-2, 12px);
  color: rgba(255, 255, 255, .65);
}

.SelectFromEmail-module__Ebt7BW__previewNav {
  color: #fff;
  cursor: pointer;
  z-index: 2;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background .15s, transform .15s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.SelectFromEmail-module__Ebt7BW__previewNav:hover {
  background: rgba(255, 255, 255, .25);
}

.SelectFromEmail-module__Ebt7BW__previewNavRight {
  right: -56px;
}

.SelectFromEmail-module__Ebt7BW__previewNavLeft {
  left: -56px;
}

/* [project]/src/components/ImageUploadModal/UploadFromUrl.module.css [client] (css) */
.UploadFromUrl-module__hDqaNG__wrap {
  gap: var(--spacing-md);
  height: 100%;
  padding: var(--spacing-md, 16px);
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .08));
  border-radius: var(--border-radius-xl, 20px);
  box-shadow: var(--glass-shadow, 0 4px 20px rgba(0, 0, 0, .06));
  -webkit-backdrop-filter: blur(var(--glass-blur, 12px));
  direction: rtl;
  flex-direction: column;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__head {
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--glass-shadow);
  display: flex;
}

.UploadFromUrl-module__hDqaNG__headerIcon {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-color-light));
  border-radius: var(--border-radius-lg);
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__headerText {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__label {
  font-size: var(--font-size-1);
  color: var(--title);
  font-weight: 700;
}

.UploadFromUrl-module__hDqaNG__subLabel {
  font-size: var(--font-size-3);
  color: var(--text-secondary);
  line-height: 1.5;
}

.UploadFromUrl-module__hDqaNG__inputSection {
  gap: var(--spacing-sm);
  align-items: stretch;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__inputWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.UploadFromUrl-module__hDqaNG__inputIcon {
  color: var(--text-secondary);
  pointer-events: none;
  z-index: 1;
  position: absolute;
  right: 12px;
}

.UploadFromUrl-module__hDqaNG__urlInput {
  width: 100%;
  font-size: var(--font-size-2);
  border: 2px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  background: var(--glass-bg);
  color: var(--text-primary);
  text-align: left;
  direction: ltr;
  padding: 12px 40px 12px 36px;
  transition: all .2s;
}

.UploadFromUrl-module__hDqaNG__urlInput:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), .15);
  outline: none;
}

.UploadFromUrl-module__hDqaNG__urlInput::placeholder {
  color: var(--text-tertiary);
}

.UploadFromUrl-module__hDqaNG__urlInput.UploadFromUrl-module__hDqaNG__inputError {
  border-color: var(--bad);
  background: rgba(var(--bad-rgb), .05);
}

.UploadFromUrl-module__hDqaNG__urlInput.UploadFromUrl-module__hDqaNG__inputValid {
  border-color: var(--ok);
}

.UploadFromUrl-module__hDqaNG__clearBtn {
  background: var(--bg-tertiary);
  width: 24px;
  height: 24px;
  color: var(--text-secondary);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 10px;
}

.UploadFromUrl-module__hDqaNG__clearBtn:hover {
  background: var(--bad);
  color: #fff;
}

.UploadFromUrl-module__hDqaNG__pasteBtn {
  font-size: var(--font-size-2);
  border: 2px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  background: var(--glass-bg);
  color: var(--text-primary);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__pasteBtn:hover {
  border-color: var(--primary-color);
  background: rgba(var(--primary-color-rgb), .1);
  color: var(--primary-color);
}

.UploadFromUrl-module__hDqaNG__pasteBtn.UploadFromUrl-module__hDqaNG__pasteBtnSuccess {
  border-color: var(--ok);
  background: rgba(var(--ok-rgb), .1);
  color: var(--ok);
}

.UploadFromUrl-module__hDqaNG__hints {
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__hint {
  font-size: var(--font-size-4);
  color: var(--text-secondary);
  background: var(--bg-secondary);
  border-radius: var(--border-radius-pill);
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__hint svg {
  color: var(--primary-color);
}

.UploadFromUrl-module__hDqaNG__errorBox {
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background: rgba(var(--bad-rgb), .1);
  border: 1px solid rgba(var(--bad-rgb), .3);
  border-radius: var(--border-radius-md);
  color: var(--bad);
  font-size: var(--font-size-3);
  line-height: 1.5;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__errorBox svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.UploadFromUrl-module__hDqaNG__submitBtn {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-2);
  margin-top: var(--spacing-sm);
  padding: 14px 24px;
  display: flex;
}

.UploadFromUrl-module__hDqaNG__submitBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.UploadFromUrl-module__hDqaNG__spin {
  animation: .8s linear infinite UploadFromUrl-module__hDqaNG__spin;
}

@keyframes UploadFromUrl-module__hDqaNG__spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .UploadFromUrl-module__hDqaNG__inputSection {
    flex-direction: column;
  }

  .UploadFromUrl-module__hDqaNG__pasteBtn {
    justify-content: center;
  }

  .UploadFromUrl-module__hDqaNG__hints {
    flex-direction: column;
  }
}

/* [project]/node_modules/react-image-crop/dist/ReactCrop.css [client] (css) */
@keyframes marching-ants {
  0% {
    background-position: 0 0, 0 100%, 0 0, 100% 0;
  }

  to {
    background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
  }
}

:root {
  --rc-drag-handle-size: 12px;
  --rc-drag-handle-mobile-size: 24px;
  --rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);
  --rc-drag-bar-size: 6px;
  --rc-border-color: rgba(255, 255, 255, .7);
  --rc-focus-color: #08f;
}

.ReactCrop {
  cursor: crosshair;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.ReactCrop *, .ReactCrop :before, .ReactCrop :after {
  box-sizing: border-box;
}

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__child-wrapper {
  max-height: inherit;
  overflow: hidden;
}

.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video {
  max-width: 100%;
  max-height: inherit;
  display: block;
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
  touch-action: none;
}

.ReactCrop__crop-mask {
  pointer-events: none;
  width: calc(100% + .5px);
  height: calc(100% + .5px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ReactCrop__crop-selection {
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
  pointer-events: none;
  content: "";
  border: 1px solid var(--rc-border-color);
  opacity: .3;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
  outline: 1px dashed #fff;
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
  color: #fff;
  background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  animation: 1s linear infinite marching-ants;
}

.ReactCrop__crop-selection:focus {
  outline: 2px solid var(--rc-focus-color);
  outline-offset: -1px;
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}

.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
  content: "";
  background-color: rgba(255, 255, 255, .4);
  display: block;
  position: absolute;
}

.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after {
  width: 1px;
  height: 100%;
}

.ReactCrop__rule-of-thirds-vt:before {
  left: 33.3333%;
}

.ReactCrop__rule-of-thirds-vt:after {
  left: 66.6667%;
}

.ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
  width: 100%;
  height: 1px;
}

.ReactCrop__rule-of-thirds-hz:before {
  top: 33.3333%;
}

.ReactCrop__rule-of-thirds-hz:after {
  top: 66.6667%;
}

.ReactCrop__drag-handle {
  width: var(--rc-drag-handle-size);
  height: var(--rc-drag-handle-size);
  background-color: var(--rc-drag-handle-bg-colour);
  border: 1px solid var(--rc-border-color);
  position: absolute;
}

.ReactCrop__drag-handle:focus {
  background: var(--rc-focus-color);
}

.ReactCrop .ord-nw {
  cursor: nw-resize;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.ReactCrop .ord-n {
  cursor: n-resize;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ReactCrop .ord-ne {
  cursor: ne-resize;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.ReactCrop .ord-e {
  cursor: e-resize;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.ReactCrop .ord-se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.ReactCrop .ord-s {
  cursor: s-resize;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.ReactCrop .ord-sw {
  cursor: sw-resize;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.ReactCrop .ord-w {
  cursor: w-resize;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  width: 100%;
  height: var(--rc-drag-bar-size);
  top: 0;
  left: 0;
  transform: translateY(-50%);
}

.ReactCrop__drag-bar.ord-e {
  width: var(--rc-drag-bar-size);
  height: 100%;
  top: 0;
  right: 0;
  transform: translate(50%);
}

.ReactCrop__drag-bar.ord-s {
  width: 100%;
  height: var(--rc-drag-bar-size);
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

.ReactCrop__drag-bar.ord-w {
  width: var(--rc-drag-bar-size);
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(-50%);
}

.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (pointer: coarse) {
  .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w {
    display: none;
  }

  .ReactCrop__drag-handle {
    width: var(--rc-drag-handle-mobile-size);
    height: var(--rc-drag-handle-mobile-size);
  }
}

/* [project]/src/components/ImageUploadModal/PerspectiveCropTool.module.css [client] (css) */
.PerspectiveCropTool-module__XcgQMa__container {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding: 3.75rem 1.5rem 4.5rem;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.PerspectiveCropTool-module__XcgQMa__imageWrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  display: inline-flex;
  position: relative;
}

.PerspectiveCropTool-module__XcgQMa__image {
  border-radius: var(--border-radius-md);
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .2)) drop-shadow(0 8px 16px rgba(0, 0, 0, .15));
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.PerspectiveCropTool-module__XcgQMa__image.PerspectiveCropTool-module__XcgQMa__clickable {
  cursor: none;
}

.PerspectiveCropTool-module__XcgQMa__overlayOnImage {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.PerspectiveCropTool-module__XcgQMa__crosshairOverlay {
  pointer-events: none;
  z-index: 15;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.PerspectiveCropTool-module__XcgQMa__crosshairLine {
  stroke: var(--primary-color, #3b82f6);
  stroke-width: 1px;
  stroke-dasharray: 6 4;
  opacity: .9;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .8));
}

.PerspectiveCropTool-module__XcgQMa__crosshairCenter {
  fill: var(--primary-color, #3b82f6);
  stroke: #fff;
  stroke-width: 2px;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
}

.PerspectiveCropTool-module__XcgQMa__overlay {
  pointer-events: none;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PerspectiveCropTool-module__XcgQMa__overlayAbsolute {
  pointer-events: none;
  z-index: 20;
  position: absolute;
}

.PerspectiveCropTool-module__XcgQMa__polygon {
  fill: none;
  stroke: var(--primary-color, #3b82f6);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 2px 8px rgba(59, 130, 246, .4));
}

.PerspectiveCropTool-module__XcgQMa__edgeLine {
  stroke: var(--primary-color, #3b82f6);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-dasharray: 8 4;
  filter: drop-shadow(0 2px 8px rgba(59, 130, 246, .4));
  animation: 1s linear infinite PerspectiveCropTool-module__XcgQMa__dashMove;
}

@keyframes PerspectiveCropTool-module__XcgQMa__dashMove {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 24px;
  }
}

.PerspectiveCropTool-module__XcgQMa__cornersContainer {
  z-index: 20;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle {
  cursor: grab;
  pointer-events: auto;
  touch-action: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: transform .15s;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle:hover {
  transform: translate(-50%, -50%)scale(1.15);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle:active, .PerspectiveCropTool-module__XcgQMa__cornerHandle.PerspectiveCropTool-module__XcgQMa__dragging {
  cursor: grabbing;
  transform: translate(-50%, -50%)scale(1.25);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle:before {
  content: "";
  border-radius: 50%;
  width: 72px;
  height: 72px;
  position: absolute;
}

.PerspectiveCropTool-module__XcgQMa__cornerInner {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, rgba(0, 0, 0, .2)) 100%);
  border: 3px solid #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  transition: all .2s;
  box-shadow: 0 4px 12px rgba(59, 130, 246, .4), 0 2px 6px rgba(0, 0, 0, .2), inset 0 1px 2px rgba(255, 255, 255, .3);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle:hover .PerspectiveCropTool-module__XcgQMa__cornerInner {
  box-shadow: 0 0 20px rgba(59, 130, 246, .6), 0 6px 16px rgba(59, 130, 246, .4), 0 2px 6px rgba(0, 0, 0, .2), inset 0 1px 2px rgba(255, 255, 255, .4);
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle.PerspectiveCropTool-module__XcgQMa__dragging .PerspectiveCropTool-module__XcgQMa__cornerInner {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 120%, white) 0%, var(--primary-color, #3b82f6) 100%);
  box-shadow: 0 0 30px rgba(59, 130, 246, .7), 0 8px 24px rgba(59, 130, 246, .5), 0 4px 8px rgba(0, 0, 0, .2), inset 0 1px 3px rgba(255, 255, 255, .5);
}

.PerspectiveCropTool-module__XcgQMa__magnifierBubble {
  pointer-events: none;
  width: 120px;
  height: 120px;
  z-index: var(--z-image-editor);
  opacity: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  transition: opacity .15s;
  position: fixed;
  overflow: hidden;
  transform: translate(-50%, -130%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .3);
}

.PerspectiveCropTool-module__XcgQMa__magnifierBubble.PerspectiveCropTool-module__XcgQMa__visible {
  opacity: 1;
}

.PerspectiveCropTool-module__XcgQMa__magnifierBubble:after {
  content: "";
  border-top: 8px solid #fff;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.PerspectiveCropTool-module__XcgQMa__magnifierImage {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.PerspectiveCropTool-module__XcgQMa__magnifierCrosshair {
  pointer-events: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PerspectiveCropTool-module__XcgQMa__magnifierCrosshair:before, .PerspectiveCropTool-module__XcgQMa__magnifierCrosshair:after {
  content: "";
  background: var(--primary-color, #3b82f6);
  opacity: .8;
  position: absolute;
}

.PerspectiveCropTool-module__XcgQMa__magnifierCrosshair:before {
  width: 2px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.PerspectiveCropTool-module__XcgQMa__magnifierCrosshair:after {
  width: 100%;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.PerspectiveCropTool-module__XcgQMa__cornerPulse {
  border: 2px solid var(--primary-color, #3b82f6);
  opacity: 0;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  animation: 2s ease-out infinite PerspectiveCropTool-module__XcgQMa__cornerPulse;
  position: absolute;
}

@keyframes PerspectiveCropTool-module__XcgQMa__cornerPulse {
  0% {
    opacity: .6;
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.PerspectiveCropTool-module__XcgQMa__cornerHandle:hover .PerspectiveCropTool-module__XcgQMa__cornerPulse {
  opacity: 0;
  animation: none;
}

.PerspectiveCropTool-module__XcgQMa__bottomToolbar {
  z-index: 30;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .85)) 0%, rgba(255, 255, 255, .75) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .8)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5));
  box-shadow: 0 8px 32px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .2));
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: .4rem .5rem;
  display: flex;
  position: absolute;
  bottom: .75rem;
  left: 1rem;
  right: 1rem;
}

.PerspectiveCropTool-module__XcgQMa__toolbarSection {
  align-items: center;
  gap: .35rem;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionRight {
  justify-content: flex-start;
  position: absolute;
  right: .5rem;
}

.PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionCenter {
  justify-content: center;
}

.PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionLeft {
  justify-content: flex-end;
  position: absolute;
  left: .5rem;
}

.PerspectiveCropTool-module__XcgQMa__toolbarGroup {
  background: rgba(0, 0, 0, .04);
  border-radius: 10px;
  align-items: center;
  gap: .2rem;
  padding: .15rem;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__toolbarGroup:not(:last-child):after {
  display: none;
}

.PerspectiveCropTool-module__XcgQMa__statusMessage {
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, .04);
  border-radius: 8px;
  max-width: 150px;
  padding: .25rem .6rem;
  font-size: .7rem;
  font-weight: 500;
  animation: .3s PerspectiveCropTool-module__XcgQMa__statusFadeIn;
  overflow: hidden;
}

@keyframes PerspectiveCropTool-module__XcgQMa__statusFadeIn {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton {
  color: rgba(0, 0, 0, .6);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton svg {
  width: 16px;
  height: 16px;
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton span {
  display: none;
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton:hover:not(:disabled) {
  color: var(--primary-color, #3b82f6);
  background: rgba(0, 0, 0, .08);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton:active:not(:disabled) {
  transform: scale(.92);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000) 100%);
  color: #fff;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__exitBtn {
  color: #dc2626;
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__exitBtn:hover:not(:disabled) {
  color: #b91c1c;
  background: rgba(220, 38, 38, .1);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__autoDetectBtn {
  color: var(--primary-color, #3b82f6);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__autoDetectBtn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__rotateBtn {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000);
}

.PerspectiveCropTool-module__XcgQMa__toolbarButton.PerspectiveCropTool-module__XcgQMa__rotateBtn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent);
  color: var(--primary-color, #3b82f6);
}

.PerspectiveCropTool-module__XcgQMa__enhancementToggle {
  background: rgba(0, 0, 0, .06);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  gap: 2px;
  padding: 3px;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption {
  cursor: pointer;
  color: rgba(0, 0, 0, .55);
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption span {
  display: inline;
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption:hover:not(.PerspectiveCropTool-module__XcgQMa__active) {
  color: rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .04);
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption.PerspectiveCropTool-module__XcgQMa__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000) 100%);
  color: #fff;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.PerspectiveCropTool-module__XcgQMa__enhancementOption.PerspectiveCropTool-module__XcgQMa__active svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));
}

.PerspectiveCropTool-module__XcgQMa__resetButton, .PerspectiveCropTool-module__XcgQMa__undoButton, .PerspectiveCropTool-module__XcgQMa__exitButton {
  display: none;
}

.PerspectiveCropTool-module__XcgQMa__snapButton {
  z-index: 30;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(255, 255, 255, .5));
  height: 40px;
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, rgba(0, 0, 0, .8));
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5)) inset, 0 1px 0 0 rgba(255, 255, 255, .7) inset;
  border-radius: 12px;
  align-items: center;
  gap: .4rem;
  padding: 0 .75rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: none;
  position: absolute;
  top: .75rem;
  right: 6.25rem;
}

.PerspectiveCropTool-module__XcgQMa__snapButton:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .95)) 100%);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(255, 255, 255, .6));
  color: var(--primary-color, #3b82f6);
  transform: translateY(-2px);
}

.PerspectiveCropTool-module__XcgQMa__snapButton:active {
  transform: scale(.95);
}

.PerspectiveCropTool-module__XcgQMa__controlBar {
  display: none;
}

.PerspectiveCropTool-module__XcgQMa__modeIndicatorInBar {
  pointer-events: auto;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(255, 255, 255, .28)) 0%, rgba(255, 255, 255, .18) 40%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .22)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  color: var(--primary-color, #3b82f6);
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .15));
  border-radius: 12px;
  align-items: center;
  gap: .4rem;
  padding: .5rem .85rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__modeIndicatorInBar svg {
  color: var(--primary-color, #3b82f6);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.PerspectiveCropTool-module__XcgQMa__hintText, .PerspectiveCropTool-module__XcgQMa__controlDivider {
  display: none;
}

.PerspectiveCropTool-module__XcgQMa__modeToggleInBar {
  pointer-events: auto;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .22)) 0%, rgba(255, 255, 255, .12) 40%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .18)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .35));
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .15));
  border-radius: 12px;
  gap: .2rem;
  padding: .3rem;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__modeButton {
  color: rgba(0, 0, 0, .5);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  transition: all .2s;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__modeButton svg {
  width: 18px;
  height: 18px;
}

.PerspectiveCropTool-module__XcgQMa__modeButton:hover {
  color: rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .08);
}

.PerspectiveCropTool-module__XcgQMa__modeButton.PerspectiveCropTool-module__XcgQMa__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000) 100%);
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.PerspectiveCropTool-module__XcgQMa__autoRotateBtn {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .9));
  color: var(--primary-color, #3b82f6);
}

.PerspectiveCropTool-module__XcgQMa__autoRotateBtn:hover:not(:disabled) {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.PerspectiveCropTool-module__XcgQMa__autoRotateBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.PerspectiveCropTool-module__XcgQMa__spinningIcon {
  animation: 1s linear infinite PerspectiveCropTool-module__XcgQMa__spin;
}

@keyframes PerspectiveCropTool-module__XcgQMa__spin {
  to {
    transform: rotate(360deg);
  }
}

.PerspectiveCropTool-module__XcgQMa__toggleDivider {
  background: rgba(0, 0, 0, .15);
  width: 1px;
  height: 20px;
  margin: 0 .15rem;
}

.PerspectiveCropTool-module__XcgQMa__exitButton {
  z-index: 30;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  color: #dc2626;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(239, 68, 68, .15) 0%, rgba(220, 38, 38, .1) 100%);
  border: 1px solid rgba(239, 68, 68, .3);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: .75rem;
  right: 6.25rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), inset 0 0 0 1px rgba(239, 68, 68, .2), inset 0 1px rgba(255, 255, 255, .5);
}

.PerspectiveCropTool-module__XcgQMa__exitButton:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(239, 68, 68, .9) 0%, rgba(220, 38, 38, .85) 100%);
  border-color: rgba(220, 38, 38, .5);
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(239, 68, 68, .3), 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08);
}

.PerspectiveCropTool-module__XcgQMa__exitButton:active {
  transform: scale(.95);
}

@media (max-width: 768px) {
  .PerspectiveCropTool-module__XcgQMa__container {
    padding: 2.5rem 1rem 5rem;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerHandle {
    width: 52px;
    height: 52px;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerInner {
    width: 28px;
    height: 28px;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerPulse {
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 600px) {
  .PerspectiveCropTool-module__XcgQMa__container {
    padding: 2rem .75rem 4.5rem;
  }
}

@media (max-width: 480px) {
  .PerspectiveCropTool-module__XcgQMa__container {
    padding: 1.75rem .5rem 4rem;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerHandle {
    width: 80px;
    height: 80px;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerHandle:before {
    width: 96px;
    height: 96px;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerInner {
    border-width: 4px;
    width: 36px;
    height: 36px;
  }

  .PerspectiveCropTool-module__XcgQMa__cornerPulse {
    width: 80px;
    height: 80px;
  }

  .PerspectiveCropTool-module__XcgQMa__magnifierBubble {
    width: 140px;
    height: 140px;
  }
}

.PerspectiveCropTool-module__XcgQMa__clickPoint {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.PerspectiveCropTool-module__XcgQMa__clickPointInner {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: 3px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) PerspectiveCropTool-module__XcgQMa__clickPointPop;
  display: flex;
  box-shadow: 0 4px 12px rgba(16, 185, 129, .4), 0 2px 6px rgba(0, 0, 0, .2), inset 0 1px 2px rgba(255, 255, 255, .3);
}

@keyframes PerspectiveCropTool-module__XcgQMa__clickPointPop {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.PerspectiveCropTool-module__XcgQMa__clickPointNumber {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  font-size: 14px;
  font-weight: 700;
}

.PerspectiveCropTool-module__XcgQMa__clickPointPulse {
  opacity: 0;
  border: 2px solid #10b981;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  animation: 2s ease-out infinite PerspectiveCropTool-module__XcgQMa__cornerPulse;
  position: absolute;
}

@media (max-width: 768px) {
  .PerspectiveCropTool-module__XcgQMa__clickPointInner {
    width: 32px;
    height: 32px;
  }

  .PerspectiveCropTool-module__XcgQMa__clickPoint {
    width: 56px;
    height: 56px;
  }

  .PerspectiveCropTool-module__XcgQMa__clickPointNumber {
    font-size: 14px;
  }

  .PerspectiveCropTool-module__XcgQMa__clickPointPulse {
    width: 56px;
    height: 56px;
  }
}

.PerspectiveCropTool-module__XcgQMa__autoDetectOverlay {
  -webkit-backdrop-filter: blur(4px);
  border-radius: var(--border-radius-md);
  z-index: 50;
  background: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PerspectiveCropTool-module__XcgQMa__autoDetectContent {
  color: #fff;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  font-size: .95rem;
  font-weight: 500;
  display: flex;
}

.PerspectiveCropTool-module__XcgQMa__autoDetectContent .PerspectiveCropTool-module__XcgQMa__spinningIcon {
  color: var(--primary-color, #3b82f6);
}

.PerspectiveCropTool-module__XcgQMa__progressBarContainer {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .15);
  border-radius: 3px;
  width: 250px;
  height: 6px;
  position: relative;
  overflow: hidden;
}

.PerspectiveCropTool-module__XcgQMa__progressBarFill {
  background: linear-gradient(90deg, var(--primary-color, #3b82f6) 0%, var(--secondary-color, #8b5cf6) 100%);
  border-radius: 3px;
  height: 100%;
  transition: width .3s;
  box-shadow: 0 0 8px rgba(59, 130, 246, .6);
}

.PerspectiveCropTool-module__XcgQMa__progressPercent {
  color: rgba(255, 255, 255, .8);
  font-size: .8rem;
  font-weight: 600;
}

.PerspectiveCropTool-module__XcgQMa__autoDetectToast {
  -webkit-backdrop-filter: blur(20px);
  color: var(--text-color, #1e293b);
  z-index: 40;
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);
  border-radius: 20px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 500;
  animation: 3s ease-out forwards PerspectiveCropTool-module__XcgQMa__toastFadeInOut;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .8);
}

@keyframes PerspectiveCropTool-module__XcgQMa__toastFadeInOut {
  0% {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px);
  }

  10% {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }

  80% {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%)translateY(-10px);
  }
}

.PerspectiveCropTool-module__XcgQMa__retryBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.PerspectiveCropTool-module__XcgQMa__retryBtn.PerspectiveCropTool-module__XcgQMa__retryActive {
  color: #16a34a !important;
  background: linear-gradient(135deg, rgba(34, 197, 94, .15) 0%, rgba(34, 197, 94, .25) 100%) !important;
  border-color: rgba(34, 197, 94, .3) !important;
}

.PerspectiveCropTool-module__XcgQMa__retryBtn.PerspectiveCropTool-module__XcgQMa__retryActive:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(34, 197, 94, .25) 0%, rgba(34, 197, 94, .35) 100%) !important;
}

.PerspectiveCropTool-module__XcgQMa__retryBtn.PerspectiveCropTool-module__XcgQMa__retryActive svg {
  animation: 2s ease-in-out infinite PerspectiveCropTool-module__XcgQMa__retryPulse;
}

@keyframes PerspectiveCropTool-module__XcgQMa__retryPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .6;
  }
}

.PerspectiveCropTool-module__XcgQMa__strategyInfo {
  -webkit-backdrop-filter: blur(16px);
  z-index: 35;
  opacity: .85;
  background: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .35rem .75rem;
  font-size: .75rem;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .9);
}

.PerspectiveCropTool-module__XcgQMa__strategyInfo:hover {
  opacity: 1;
}

.PerspectiveCropTool-module__XcgQMa__strategyName {
  color: var(--text-secondary, #64748b);
  font-weight: 500;
}

.PerspectiveCropTool-module__XcgQMa__strategyScore {
  color: var(--primary-color, #3b82f6);
  background: rgba(59, 130, 246, .1);
  border-radius: 6px;
  padding: .1rem .4rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .PerspectiveCropTool-module__XcgQMa__bottomToolbar {
    border-radius: 12px;
    padding: .35rem .4rem;
    bottom: .5rem;
    left: .5rem;
    right: .5rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection {
    gap: .25rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionRight {
    right: .4rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionLeft {
    left: .4rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarGroup {
    border-radius: 8px;
    gap: .15rem;
    padding: .1rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarButton {
    border-radius: 6px;
    width: 30px;
    height: 30px;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarButton svg {
    width: 15px;
    height: 15px;
  }

  .PerspectiveCropTool-module__XcgQMa__statusMessage {
    border-radius: 6px;
    max-width: 120px;
    padding: .2rem .5rem;
    font-size: .65rem;
  }

  .PerspectiveCropTool-module__XcgQMa__strategyInfo {
    padding: .25rem .6rem;
    font-size: .7rem;
    bottom: 4rem;
  }
}

@media (max-width: 480px) {
  .PerspectiveCropTool-module__XcgQMa__bottomToolbar {
    border-radius: 10px;
    padding: .3rem;
    bottom: .35rem;
    left: .35rem;
    right: .35rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection {
    gap: .2rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionRight {
    right: .3rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarSection.PerspectiveCropTool-module__XcgQMa__sectionLeft {
    left: .3rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarGroup {
    gap: .1rem;
    padding: .08rem;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarButton {
    border-radius: 6px;
    width: 28px;
    height: 28px;
  }

  .PerspectiveCropTool-module__XcgQMa__toolbarButton svg {
    width: 14px;
    height: 14px;
  }

  .PerspectiveCropTool-module__XcgQMa__statusMessage {
    max-width: 90px;
    padding: .15rem .4rem;
    font-size: .6rem;
  }

  .PerspectiveCropTool-module__XcgQMa__strategyInfo {
    gap: .3rem;
    padding: .2rem .5rem;
    font-size: .65rem;
    bottom: 3.5rem;
  }

  .PerspectiveCropTool-module__XcgQMa__strategyScore {
    padding: .08rem .3rem;
  }

  .PerspectiveCropTool-module__XcgQMa__enhancementToggle {
    gap: 1px;
    padding: 2px;
  }

  .PerspectiveCropTool-module__XcgQMa__enhancementOption {
    gap: 3px;
    padding: 4px 6px;
    font-size: 10px;
  }

  .PerspectiveCropTool-module__XcgQMa__enhancementOption svg {
    width: 12px;
    height: 12px;
  }
}

/* [project]/src/components/ImageUploadModal/ImageEditor.module.css [client] (css) */
.ImageEditor-module__gbYfNG__editorContainer {
  z-index: var(--z-image-editor) !important;
}

.ImageEditor-module__gbYfNG__imageContainer {
  background: linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--primary-color) 3%, #fff) 50%, #fff 100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ImageEditor-module__gbYfNG__imageContainer:before {
  content: "";
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageEditor-module__gbYfNG__imageWrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageEditor-module__gbYfNG__image {
  object-fit: contain;
  border-radius: var(--border-radius-md);
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .2)) drop-shadow(0 8px 16px rgba(0, 0, 0, .15));
  will-change: transform;
  background: none;
  width: auto;
  max-width: calc(100% - 3rem);
  height: auto;
  max-height: calc(100% - 3rem);
  display: block;
}

.ImageEditor-module__gbYfNG__cropWrapper {
  justify-content: center;
  align-items: center;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  display: flex;
  position: relative;
}

.ImageEditor-module__gbYfNG__cropWrapper .ReactCrop {
  vertical-align: top !important;
  line-height: 0 !important;
  display: inline-block !important;
  position: relative !important;
}

.ImageEditor-module__gbYfNG__cropWrapper .ReactCrop__child-wrapper {
  vertical-align: top !important;
  line-height: 0 !important;
  display: inline-block !important;
  position: relative !important;
}

.ImageEditor-module__gbYfNG__cropWrapper .ReactCrop img {
  object-fit: contain !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(90vh - 220px) !important;
  display: block !important;
}

.ImageEditor-module__gbYfNG__autoCropContainer {
  z-index: 11;
  flex-direction: column;
  align-items: flex-end;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.ImageEditor-module__gbYfNG__autoCropBtn {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(255, 255, 255, .5));
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, rgba(0, 0, 0, .8));
  letter-spacing: -.01em;
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5)) inset, 0 1px 0 0 rgba(255, 255, 255, .7) inset;
  border-radius: 14px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  animation: .4s cubic-bezier(.34, 1.3, .64, 1) ImageEditor-module__gbYfNG__autoCropSlideIn;
  display: flex;
}

@keyframes ImageEditor-module__gbYfNG__autoCropSlideIn {
  from {
    opacity: 0;
    transform: translateX(20px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateX(0)scale(1);
  }
}

.ImageEditor-module__gbYfNG__autoCropBtn:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .95)) 100%);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(255, 255, 255, .6));
  color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 30px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent), 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(255, 255, 255, .6)) inset, 0 1px 0 0 rgba(255, 255, 255, .8) inset;
  transform: translateY(-2px);
}

.ImageEditor-module__gbYfNG__autoCropBtn:active:not(:disabled) {
  transform: scale(.97);
}

.ImageEditor-module__gbYfNG__autoCropBtn:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.ImageEditor-module__gbYfNG__autoCropBtn svg {
  flex-shrink: 0;
}

.ImageEditor-module__gbYfNG__autoCropBtn .ImageEditor-module__gbYfNG__docIcon {
  opacity: .7;
  margin-right: -.25rem;
}

.ImageEditor-module__gbYfNG__autoCropBtnLoading {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, rgba(0, 0, 0, .1)) 100%) !important;
  color: #fff !important;
  border-color: var(--primary-color, #3b82f6) !important;
  box-shadow: 0 0 25px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent), 0 8px 24px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(0, 0, 0, .15)), 0 0 0 1px rgba(255, 255, 255, .3) inset !important;
}

.ImageEditor-module__gbYfNG__spinIcon {
  animation: 1s linear infinite ImageEditor-module__gbYfNG__spinRotate;
}

@keyframes ImageEditor-module__gbYfNG__spinRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ImageEditor-module__gbYfNG__autoDetectError {
  -webkit-backdrop-filter: blur(16px);
  color: #dc2626;
  text-align: right;
  background: linear-gradient(135deg, rgba(239, 68, 68, .15) 0%, rgba(239, 68, 68, .1) 100%);
  border: 1px solid rgba(239, 68, 68, .3);
  border-radius: 10px;
  max-width: 220px;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  animation: .5s cubic-bezier(.36, .07, .19, .97) ImageEditor-module__gbYfNG__errorShake;
  box-shadow: 0 4px 16px rgba(239, 68, 68, .15), inset 0 0 0 1px rgba(255, 255, 255, .1);
}

@keyframes ImageEditor-module__gbYfNG__errorShake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-2px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(2px);
  }
}

.ImageEditor-module__gbYfNG__scanningOverlay {
  z-index: var(--z-image-editor);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .6);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageEditor-module__gbYfNG__processingCard {
  border-radius: var(--border-radius-xl, 20px);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem 3rem;
  display: flex;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .8);
}

.ImageEditor-module__gbYfNG__spinningIcon {
  color: var(--primary-color, #3b82f6);
  animation: 1s linear infinite ImageEditor-module__gbYfNG__spin;
}

@keyframes ImageEditor-module__gbYfNG__spin {
  to {
    transform: rotate(360deg);
  }
}

.ImageEditor-module__gbYfNG__processingInfo {
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  min-width: 200px;
  display: flex;
}

.ImageEditor-module__gbYfNG__processingStep {
  color: var(--text-primary, #1e293b);
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
}

.ImageEditor-module__gbYfNG__progressBarContainer {
  background: rgba(0, 0, 0, .1);
  border-radius: 4px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.ImageEditor-module__gbYfNG__progressBar {
  background: linear-gradient(90deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #10b981) 100%);
  border-radius: 4px;
  height: 100%;
  transition: width .3s;
}

.ImageEditor-module__gbYfNG__progressPercent {
  color: var(--primary-color, #3b82f6);
  font-size: 1.25rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .ImageEditor-module__gbYfNG__autoCropContainer {
    top: .5rem;
    right: .5rem;
  }

  .ImageEditor-module__gbYfNG__autoCropBtn {
    border-radius: 12px;
    padding: .5rem .8rem;
    font-size: .8rem;
  }

  .ImageEditor-module__gbYfNG__autoCropBtn svg {
    width: 16px;
    height: 16px;
  }

  .ImageEditor-module__gbYfNG__autoCropBtn .ImageEditor-module__gbYfNG__docIcon {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 480px) {
  .ImageEditor-module__gbYfNG__autoCropBtn {
    gap: .35rem;
    padding: .45rem .7rem;
    font-size: .75rem;
  }

  .ImageEditor-module__gbYfNG__autoCropBtn svg {
    width: 15px;
    height: 15px;
  }

  .ImageEditor-module__gbYfNG__autoCropBtn .ImageEditor-module__gbYfNG__docIcon {
    display: none;
  }

  .ImageEditor-module__gbYfNG__autoDetectError {
    max-width: 180px;
    font-size: .7rem;
  }
}

.ImageEditor-module__gbYfNG__controlBar {
  z-index: var(--z-dropdown);
  pointer-events: none;
  direction: rtl;
  background: none;
  justify-content: space-between;
  align-items: center;
  animation: .35s cubic-bezier(.34, 1.3, .64, 1) ImageEditor-module__gbYfNG__controlBarSlideUp;
  display: flex;
  position: absolute;
  bottom: .75rem;
  left: 1rem;
  right: 1rem;
}

@keyframes ImageEditor-module__gbYfNG__controlBarSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ImageEditor-module__gbYfNG__controlBarModeIndicator {
  pointer-events: auto;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(255, 255, 255, .28)) 0%, rgba(255, 255, 255, .18) 40%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .22)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  color: var(--primary-color, #3b82f6);
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .15));
  border-radius: 12px;
  align-items: center;
  gap: .4rem;
  padding: .5rem .85rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.ImageEditor-module__gbYfNG__controlBarModeIndicator svg {
  color: var(--primary-color, #3b82f6);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ImageEditor-module__gbYfNG__controlBarOptions {
  pointer-events: auto;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .22)) 0%, rgba(255, 255, 255, .12) 40%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .18)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .35));
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .15));
  border-radius: 12px;
  gap: .2rem;
  padding: .3rem;
  display: flex;
}

.ImageEditor-module__gbYfNG__controlBarOption {
  color: rgba(0, 0, 0, .5);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  min-width: 32px;
  height: 30px;
  padding: 0 .5rem;
  font-size: .7rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.ImageEditor-module__gbYfNG__controlBarOption svg {
  width: 16px;
  height: 16px;
}

.ImageEditor-module__gbYfNG__controlBarOption:hover {
  color: rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .08);
}

.ImageEditor-module__gbYfNG__controlBarOptionActive {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000) 100%);
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.ImageEditor-module__gbYfNG__controlBarHint {
  display: none;
}

.ImageEditor-module__gbYfNG__floatingPanel {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .25));
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5)) inset;
  z-index: var(--z-dropdown);
  direction: rtl;
  border-radius: 12px;
  align-items: center;
  gap: .35rem;
  padding: .35rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  animation: .35s cubic-bezier(.34, 1.3, .64, 1) ImageEditor-module__gbYfNG__floatingPanelSlideUp;
  display: flex;
  position: absolute;
  bottom: .5rem;
  left: 50%;
  transform: translateX(-50%);
}

.ImageEditor-module__gbYfNG__floatingPanel:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .35));
  box-shadow: 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .6)) inset;
}

@keyframes ImageEditor-module__gbYfNG__floatingPanelSlideUp {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(20px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

.ImageEditor-module__gbYfNG__panelTitle, .ImageEditor-module__gbYfNG__panelDivider {
  display: none;
}

.ImageEditor-module__gbYfNG__panelHint {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  margin-top: .25rem;
  font-size: .75rem;
}

.ImageEditor-module__gbYfNG__panelButtons {
  align-items: center;
  gap: .35rem;
  display: flex;
}

.ImageEditor-module__gbYfNG__panelBtn {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .9)) 0%, rgba(255, 255, 255, .85) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .5));
  min-width: 45px;
  height: 32px;
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 80%, rgba(0, 0, 0, .7));
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .3)) inset, 0 1px 0 0 rgba(255, 255, 255, .7) inset;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 .8rem;
  font-size: .75rem;
  font-weight: 500;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
}

.ImageEditor-module__gbYfNG__panelBtn:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .9)) 100%);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(255, 255, 255, .6));
  color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .4)) inset, 0 1px 0 0 rgba(255, 255, 255, .8) inset;
  transform: translateY(-1px);
}

.ImageEditor-module__gbYfNG__panelBtn:active {
  transform: scale(.95);
}

.ImageEditor-module__gbYfNG__panelBtn svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-left: .2rem;
}

.ImageEditor-module__gbYfNG__panelBtn span {
  letter-spacing: -.01em;
  font-size: .75rem;
  font-weight: 500;
}

.ImageEditor-module__gbYfNG__panelBtnActive {
  font-weight: 600;
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, rgba(0, 0, 0, .15)) 100%) !important;
  border-color: var(--primary-color, #3b82f6) !important;
  color: #fff !important;
  box-shadow: 0 0 20px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent), 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .2)), 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 0 0 rgba(255, 255, 255, .4) inset !important;
}

.ImageEditor-module__gbYfNG__panelBtnActive svg {
  color: #fff !important;
}

.ImageEditor-module__gbYfNG__panelBtnActive:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 24px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, transparent), 0 6px 16px color-mix(in srgb, var(--primary-color, #3b82f6) 35%, rgba(0, 0, 0, .25)), 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px 0 0 rgba(255, 255, 255, .5) inset !important;
}

.ImageEditor-module__gbYfNG__cropHint {
  top: var(--spacing-xl);
  align-items: center;
  gap: var(--spacing-sm);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .4));
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  color: var(--text-primary);
  font-size: var(--font-size-2);
  pointer-events: none;
  z-index: 10;
  padding: 10px 20px;
  font-weight: 600;
  animation: 2.5s ease-in-out infinite ImageEditor-module__gbYfNG__floatHint;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .4);
}

@keyframes ImageEditor-module__gbYfNG__floatHint {
  0%, 100% {
    transform: translateX(-50%)translateY(0);
  }

  50% {
    transform: translateX(-50%)translateY(-5px);
  }
}

.ImageEditor-module__gbYfNG__successOverlay {
  -webkit-backdrop-filter: blur(10px);
  z-index: var(--z-image-editor);
  background: rgba(0, 0, 0, .7);
  justify-content: center;
  align-items: center;
  animation: .3s ImageEditor-module__gbYfNG__fadeIn;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes ImageEditor-module__gbYfNG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageEditor-module__gbYfNG__successContent {
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-xl);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .98)) 0%, rgba(255, 255, 255, .95) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .4));
  border-radius: var(--border-radius-xl);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  flex-direction: column;
  animation: .5s cubic-bezier(.34, 1.56, .64, 1) ImageEditor-module__gbYfNG__successPop;
  display: flex;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .5);
}

@keyframes ImageEditor-module__gbYfNG__successPop {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.ImageEditor-module__gbYfNG__successIcon {
  color: #16a34a;
  filter: drop-shadow(0 4px 12px rgba(22, 163, 74, .5));
  animation: .6s ImageEditor-module__gbYfNG__checkBounce;
}

@keyframes ImageEditor-module__gbYfNG__checkBounce {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

.ImageEditor-module__gbYfNG__successContent p {
  font-size: var(--font-size-4);
  color: var(--text-title);
  margin: 0;
  font-weight: 700;
}

.ImageEditor-module__gbYfNG__spinnerSmall {
  border: 3px solid rgba(255, 255, 255, .3);
  border-top-color: rgba(255, 255, 255, .9);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite ImageEditor-module__gbYfNG__spin;
}

@media (max-width: 768px) {
  .ImageEditor-module__gbYfNG__image {
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
  }

  .ImageEditor-module__gbYfNG__cropWrapper {
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
  }

  .ImageEditor-module__gbYfNG__floatingPanel {
    gap: .3rem;
    padding: .3rem;
  }

  .ImageEditor-module__gbYfNG__panelButtons {
    gap: .3rem;
  }

  .ImageEditor-module__gbYfNG__panelBtn {
    min-width: 42px;
    height: 30px;
    padding: 0 .55rem;
    font-size: .7rem;
  }

  .ImageEditor-module__gbYfNG__panelBtn svg {
    width: 13px;
    height: 13px;
  }

  .ImageEditor-module__gbYfNG__cropHint {
    padding: 6px 14px;
    font-size: .75rem;
    top: 1rem;
  }
}

@media (max-width: 600px) {
  .ImageEditor-module__gbYfNG__image {
    max-width: calc(100% - 1.5rem);
    max-height: calc(100% - 1.5rem);
  }

  .ImageEditor-module__gbYfNG__cropWrapper {
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
  }
}

@media (max-width: 480px) {
  .ImageEditor-module__gbYfNG__image {
    max-width: calc(100% - 1.5rem);
    max-height: calc(100% - 1.5rem);
  }

  .ImageEditor-module__gbYfNG__cropWrapper {
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
  }

  .ImageEditor-module__gbYfNG__floatingPanel {
    gap: .3rem;
    max-width: 95vw;
    padding: .3rem;
  }

  .ImageEditor-module__gbYfNG__panelButtons {
    gap: .25rem;
  }

  .ImageEditor-module__gbYfNG__panelBtn {
    min-width: 38px;
    height: 28px;
    padding: 0 .5rem;
    font-size: .65rem;
  }

  .ImageEditor-module__gbYfNG__panelBtn svg {
    width: 12px;
    height: 12px;
    margin-left: .15rem;
  }

  .ImageEditor-module__gbYfNG__cropHint span {
    display: none;
  }

  .ImageEditor-module__gbYfNG__cropHint {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
    top: .75rem;
  }

  .ImageEditor-module__gbYfNG__modeIndicator {
    padding: .4rem .7rem;
    font-size: .7rem;
    top: .5rem;
    left: .5rem;
  }

  .ImageEditor-module__gbYfNG__previewLabel {
    padding: .5rem 1rem;
    font-size: .8rem;
    bottom: 1.5rem;
  }
}

.ImageEditor-module__gbYfNG__modeIndicator {
  z-index: 11;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(255, 255, 255, .5));
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 90%, rgba(0, 0, 0, .8));
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .5rem .9rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: .75rem;
  left: .75rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);
}

.ImageEditor-module__gbYfNG__modeIndicator svg {
  color: var(--primary-color, #3b82f6);
}

.ImageEditor-module__gbYfNG__modeIndicator.ImageEditor-module__gbYfNG__documentMode {
  color: #059669;
  background: linear-gradient(135deg, rgba(218, 244, 235, .957) 0%, rgba(234, 249, 244, .93) 100%);
  border-color: rgba(145, 223, 197, .65);
}

.ImageEditor-module__gbYfNG__modeIndicator.ImageEditor-module__gbYfNG__documentMode svg {
  color: #10b981;
}

.ImageEditor-module__gbYfNG__previewOverlay {
  z-index: var(--z-dropdown);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, .85);
  justify-content: center;
  align-items: center;
  animation: .2s ImageEditor-module__gbYfNG__previewFadeIn;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes ImageEditor-module__gbYfNG__previewFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageEditor-module__gbYfNG__previewImage {
  object-fit: contain;
  border-radius: var(--border-radius-lg);
  max-width: 90%;
  max-height: 80%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}

.ImageEditor-module__gbYfNG__previewLabel {
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 20px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 600;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.ImageEditor-module__gbYfNG__spinningIcon {
  animation: 1s linear infinite ImageEditor-module__gbYfNG__spin;
}

.ImageEditor-module__gbYfNG__autoRotateMessage {
  display: none;
}

@keyframes ImageEditor-module__gbYfNG__fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ImageEditor-module__gbYfNG__autoRotateToast {
  z-index: 150;
  pointer-events: none;
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .75));
  -webkit-backdrop-filter: blur(20px);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 16px;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  animation: 1.5s ease-in-out forwards ImageEditor-module__gbYfNG__toastFadeInOut;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3);
}

@keyframes ImageEditor-module__gbYfNG__toastFadeInOut {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.9);
  }

  15% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  85% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.9);
  }
}

/* [project]/src/components/ImageViewer/ImageViewerModal.module.css [client] (css) */
.ImageViewerModal-module__vprgEq__viewerContainer {
  z-index: var(--z-image-preview) !important;
}

.ImageViewerModal-module__vprgEq__imageContainer {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ImageViewerModal-module__vprgEq__imageContainer:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageViewerModal-module__vprgEq__loadingContainer {
  z-index: 2;
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, color-mix(in srgb, var(--primary-color) 3%, rgba(255, 255, 255, .95)) 50%, rgba(255, 255, 255, .95) 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageViewerModal-module__vprgEq__imageWrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  transition: opacity .2s ease-out;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ImageViewerModal-module__vprgEq__imageWrapper[style*="opacity: 0"] {
  visibility: hidden;
}

.ImageViewerModal-module__vprgEq__image {
  object-fit: contain;
  filter: none;
  background: none;
  border-radius: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}

.ImageViewerModal-module__vprgEq__thumbnailStrip {
  align-items: center;
  gap: var(--spacing-sm);
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary-color) 30%, transparent) transparent;
  max-width: 60%;
  padding: 4px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.ImageViewerModal-module__vprgEq__thumbnailStrip::-webkit-scrollbar {
  height: 6px;
}

.ImageViewerModal-module__vprgEq__thumbnailStrip::-webkit-scrollbar-track {
  background: none;
}

.ImageViewerModal-module__vprgEq__thumbnailStrip::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color) 30%, transparent);
  border-radius: 3px;
}

.ImageViewerModal-module__vprgEq__thumbnailStrip::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color) 50%, transparent);
}

.ImageViewerModal-module__vprgEq__thumbnail {
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  width: 70px;
  height: 70px;
  transition: all var(--transition-normal) var(--ease-out);
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex-shrink: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.ImageViewerModal-module__vprgEq__thumbnail img {
  object-fit: contain;
  background: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ImageViewerModal-module__vprgEq__thumbnail:hover {
  box-shadow: none;
  transform: translateY(-3px)scale(1.08);
}

.ImageViewerModal-module__vprgEq__thumbnailActive {
  transform: scale(1.1);
}

.ImageViewerModal-module__vprgEq__thumbnailIndicator {
  background: var(--primary-color, #3b82f6);
  width: 100%;
  height: 3px;
  box-shadow: 0 0 8px var(--primary-color, #3b82f6);
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 768px) {
  .ImageViewerModal-module__vprgEq__imageWrapper {
    padding: 1rem;
  }

  .ImageViewerModal-module__vprgEq__thumbnailStrip {
    max-width: 50%;
  }

  .ImageViewerModal-module__vprgEq__thumbnail {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 600px) {
  .ImageViewerModal-module__vprgEq__imageWrapper {
    padding: var(--spacing-md);
  }

  .ImageViewerModal-module__vprgEq__thumbnailStrip {
    max-width: 40%;
  }

  .ImageViewerModal-module__vprgEq__thumbnail {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 480px) {
  .ImageViewerModal-module__vprgEq__imageWrapper {
    padding: .75rem;
  }

  .ImageViewerModal-module__vprgEq__thumbnailStrip {
    display: none;
  }
}

.ImageViewerModal-module__vprgEq__transformWrapper {
  cursor: grab !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
}

.ImageViewerModal-module__vprgEq__transformWrapper:active {
  cursor: grabbing !important;
}

.ImageViewerModal-module__vprgEq__transformContent {
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
}

.ImageViewerModal-module__vprgEq__zoomControls {
  z-index: 10;
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .88));
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5));
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 100px;
  align-items: center;
  gap: 2px;
  padding: 5px 8px;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .07), inset 0 0 0 1px rgba(255, 255, 255, .5);
}

.ImageViewerModal-module__vprgEq__zoomBtn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--text-primary, #1a1a2e);
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background .15s, color .15s;
  display: flex;
}

.ImageViewerModal-module__vprgEq__zoomBtn:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent);
  color: var(--primary-color, #3b82f6);
}

.ImageViewerModal-module__vprgEq__zoomBtn:active {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 22%, transparent);
}

.ImageViewerModal-module__vprgEq__zoomScale {
  font-size: var(--text-xs, 11px);
  color: var(--text-secondary, #6b7280);
  text-align: center;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  min-width: 38px;
  padding: 0 2px;
  font-weight: 600;
}

.ImageViewerModal-module__vprgEq__zoomDivider {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(0, 0, 0, .1));
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  margin: 0 3px;
}

@media (max-width: 768px) {
  .ImageViewerModal-module__vprgEq__zoomControls {
    padding: 4px 6px;
    bottom: 10px;
  }

  .ImageViewerModal-module__vprgEq__zoomBtn {
    width: 28px;
    height: 28px;
  }

  .ImageViewerModal-module__vprgEq__zoomScale {
    min-width: 32px;
    font-size: 10px;
  }
}

.ImageViewerModal-module__vprgEq__documentScanContainer {
  z-index: 10;
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(255, 255, 255, .25));
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .4));
  box-shadow: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5)) inset;
  direction: rtl;
  border-radius: 16px;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 4.5rem;
  left: .75rem;
}

.ImageViewerModal-module__vprgEq__documentScanContainer:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .35));
  box-shadow: 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .6)) inset;
}

.ImageViewerModal-module__vprgEq__documentScanContainer button {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: auto !important;
  padding: 0 !important;
  display: flex !important;
}

.ImageViewerModal-module__vprgEq__documentScanContainer button span {
  display: none;
}

.ImageViewerModal-module__vprgEq__documentScanContainer button svg {
  margin: 0 !important;
}

@media (max-width: 768px) {
  .ImageViewerModal-module__vprgEq__documentScanContainer {
    padding: .35rem;
    top: 4rem;
    left: .5rem;
  }

  .ImageViewerModal-module__vprgEq__documentScanContainer button {
    width: 36px;
    height: 36px;
  }
}

.ImageViewerModal-module__vprgEq__thumbnail:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-color, #3b82f6), 0 0 0 6px rgba(59, 130, 246, .3), 0 4px 16px rgba(0, 0, 0, .2);
  outline: none;
}

@media (hover: none) and (pointer: coarse) {
  .ImageViewerModal-module__vprgEq__thumbnail {
    width: 80px;
    height: 80px;
  }
}

/* [project]/src/components/PdfViewer/PdfViewerModal.module.css [client] (css) */
.PdfViewerModal-module__1dxV0W__pdfContainer {
  background: linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--primary-color) 3%, #fff) 50%, #fff 100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.PdfViewerModal-module__1dxV0W__pdfContainer:before {
  content: "";
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PdfViewerModal-module__1dxV0W__pdfWrapper {
  padding: var(--spacing-lg);
  z-index: 1;
  justify-content: center;
  align-items: center;
  transition: opacity .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.PdfViewerModal-module__1dxV0W__pdfFrame {
  border-radius: var(--border-radius-md);
  background: #fff;
  border: none;
  width: 100%;
  height: 100%;
}

.PdfViewerModal-module__1dxV0W__loadingContainer {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(255, 255, 255, .98)) 0%, rgba(249, 250, 251, .98) 100%);
  -webkit-backdrop-filter: blur(12px);
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* [project]/src/components/ImageUploadModal/ImageUploadModal.module.css [client] (css) */
.ImageUploadModal-module__3T4ZjG__uploadModalContainer {
  contain: layout style;
  will-change: transform;
  max-width: 900px;
}

.ImageUploadModal-module__3T4ZjG__blockMsg {
  background: linear-gradient(135deg, color-mix(in srgb, var(--state-error, #ef4444) 10%, white) 0%, color-mix(in srgb, var(--state-error, #ef4444) 5%, white) 100%);
  border: 1px solid color-mix(in srgb, var(--state-error, #ef4444) 25%, transparent);
  border-radius: var(--border-radius-lg, 12px);
  color: color-mix(in srgb, var(--state-error, #ef4444) 85%, black);
  font-size: var(--font-size-3, 14px);
  text-align: center;
  margin: 0 1.5rem;
  padding: 12px 16px;
  font-weight: 600;
  animation: .3s ImageUploadModal-module__3T4ZjG__slideDown;
}

@keyframes ImageUploadModal-module__3T4ZjG__slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ImageUploadModal-module__3T4ZjG__tabsContainer {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__tabsList {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 6%, white) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 3%, #f8fafc) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .06));
  border-radius: var(--border-radius-lg, 12px);
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .04);
}

.ImageUploadModal-module__3T4ZjG__tabButton {
  border-radius: var(--border-radius-md, 8px);
  font-size: var(--font-size-3, 14px);
  color: var(--text-secondary, rgba(0, 0, 0, .6));
  cursor: pointer;
  transition: background var(--transition-fast, .12s), color var(--transition-fast, .12s), border-color var(--transition-fast, .12s), box-shadow var(--transition-fast, .12s), transform var(--transition-fast, .12s);
  white-space: nowrap;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-weight: 600;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__tabButton:hover {
  color: var(--text-primary, rgba(0, 0, 0, .9));
  background: rgba(255, 255, 255, .8);
  border-color: rgba(0, 0, 0, .06);
}

.ImageUploadModal-module__3T4ZjG__tabButton:active {
  transform: scale(.97);
}

.ImageUploadModal-module__3T4ZjG__tabButton[data-state="active"] {
  color: var(--primary-color, #3b82f6);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .9);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 100%);
}

.ImageUploadModal-module__3T4ZjG__tabButton[data-state="active"] svg {
  color: var(--primary-color, #3b82f6);
}

.ImageUploadModal-module__3T4ZjG__tabButton svg {
  opacity: .7;
  transition: opacity var(--transition-fast, .12s), color var(--transition-fast, .12s);
  flex-shrink: 0;
}

.ImageUploadModal-module__3T4ZjG__tabButton:hover svg, .ImageUploadModal-module__3T4ZjG__tabButton[data-state="active"] svg {
  opacity: 1;
}

.ImageUploadModal-module__3T4ZjG__tabContent {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.ImageUploadModal-module__3T4ZjG__tabContent > div {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  animation: .25s ease-out ImageUploadModal-module__3T4ZjG__tabContentFade;
  display: flex;
}

@keyframes ImageUploadModal-module__3T4ZjG__tabContentFade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageUploadModal-module__3T4ZjG__tabContent > div > * {
  flex: 1;
  min-height: 0;
}

.ImageUploadModal-module__3T4ZjG__selectionInfo {
  font-size: var(--font-size-3, 14px);
  align-items: center;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__successMessage {
  color: var(--state-ok, #16a34a);
  align-items: center;
  gap: 6px;
  font-weight: 700;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__successMessage svg {
  flex-shrink: 0;
}

.ImageUploadModal-module__3T4ZjG__hint {
  color: var(--text-muted, rgba(0, 0, 0, .5));
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__hint svg {
  opacity: .6;
  flex-shrink: 0;
}

.ImageUploadModal-module__3T4ZjG__captureFooterButton {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 85%, #000) 100%);
  color: #fff;
  border-radius: var(--border-radius-lg, 12px);
  font-size: var(--font-size-3, 14px);
  cursor: pointer;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  border: none;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__captureFooterButton:hover:not(:disabled) {
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, transparent);
  transform: translateY(-1px);
}

.ImageUploadModal-module__3T4ZjG__captureFooterButton:active:not(:disabled) {
  transform: translateY(0);
}

.ImageUploadModal-module__3T4ZjG__captureFooterButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ImageUploadModal-module__3T4ZjG__retakeFooterButton {
  background: var(--glass-background, rgba(0, 0, 0, .05));
  color: var(--text-primary, #1f2937);
  border: 1px solid var(--border-color, rgba(0, 0, 0, .1));
  border-radius: var(--border-radius-lg, 12px);
  font-size: var(--font-size-3, 14px);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__retakeFooterButton:hover {
  border-color: var(--primary-color, #3b82f6);
  background: rgba(0, 0, 0, .08);
}

.ImageUploadModal-module__3T4ZjG__uploadingOverlay {
  z-index: var(--z-image-editor);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  background: linear-gradient(135deg, rgba(0, 0, 0, .85) 0%, rgba(20, 20, 40, .9) 100%);
  justify-content: center;
  align-items: center;
  animation: .35s cubic-bezier(.4, 0, .2, 1) ImageUploadModal-module__3T4ZjG__overlayFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes ImageUploadModal-module__3T4ZjG__overlayFadeIn {
  from {
    opacity: 0;
    -webkit-backdrop-filter: blur();
  }

  to {
    opacity: 1;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
  }
}

.ImageUploadModal-module__3T4ZjG__uploadingContent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .95)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(255, 255, 255, .9)) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(255, 255, 255, .5));
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .2), 0 0 0 1px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .7)) inset;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  min-width: 280px;
  max-width: 90vw;
  padding: 3rem;
  animation: .4s cubic-bezier(.34, 1.56, .64, 1) ImageUploadModal-module__3T4ZjG__contentPopIn;
  display: flex;
}

@keyframes ImageUploadModal-module__3T4ZjG__contentPopIn {
  from {
    opacity: 0;
    transform: scale(.9)translateY(10px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.ImageUploadModal-module__3T4ZjG__uploadingText {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #333);
  text-align: center;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  animation: 2s ease-in-out infinite ImageUploadModal-module__3T4ZjG__pulse;
}

@keyframes ImageUploadModal-module__3T4ZjG__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .7;
  }
}

@media (max-width: 768px) {
  .ImageUploadModal-module__3T4ZjG__tabsList {
    gap: 4px;
    padding: 4px;
  }

  .ImageUploadModal-module__3T4ZjG__tabButton {
    font-size: var(--font-size-2, 12px);
    gap: 6px;
    padding: 8px 12px;
  }

  .ImageUploadModal-module__3T4ZjG__tabButton span {
    display: none;
  }

  .ImageUploadModal-module__3T4ZjG__tabButton svg {
    width: 18px;
    height: 18px;
  }

  .ImageUploadModal-module__3T4ZjG__uploadingContent {
    margin: 1rem;
    padding: 2rem;
  }

  .ImageUploadModal-module__3T4ZjG__uploadingText {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .ImageUploadModal-module__3T4ZjG__tabsList {
    border-radius: var(--border-radius-md, 8px);
  }

  .ImageUploadModal-module__3T4ZjG__tabButton {
    flex: 1;
    justify-content: center;
    padding: 10px;
  }

  .ImageUploadModal-module__3T4ZjG__tabContent {
    min-height: 0;
  }

  .ImageUploadModal-module__3T4ZjG__selectionInfo {
    font-size: var(--font-size-2, 12px);
  }

  .ImageUploadModal-module__3T4ZjG__uploadingContent {
    border-radius: 16px;
    margin: .5rem;
    padding: 1.5rem;
  }

  .ImageUploadModal-module__3T4ZjG__uploadingText {
    font-size: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ImageUploadModal-module__3T4ZjG__tabContent > div, .ImageUploadModal-module__3T4ZjG__uploadingOverlay, .ImageUploadModal-module__3T4ZjG__uploadingContent, .ImageUploadModal-module__3T4ZjG__blockMsg {
    animation: none;
  }
}

@media (max-width: 768px) {
  .ImageUploadModal-module__3T4ZjG__uploadModalContainer {
    contain: layout style paint;
  }

  .ImageUploadModal-module__3T4ZjG__tabsContainer {
    -webkit-overflow-scrolling: touch;
  }

  .ImageUploadModal-module__3T4ZjG__tabsList {
    -webkit-backdrop-filter: none;
    background: color-mix(in srgb, var(--primary-color, #3b82f6) 6%, rgba(248, 250, 252, .95));
  }

  .ImageUploadModal-module__3T4ZjG__uploadingOverlay {
    -webkit-backdrop-filter: blur(8px);
  }
}

.ImageUploadModal-module__3T4ZjG__videoViewerOverlay {
  z-index: var(--z-image-preview);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .65);
  justify-content: center;
  align-items: center;
  animation: .2s ImageUploadModal-module__3T4ZjG__videoFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes ImageUploadModal-module__3T4ZjG__videoFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageUploadModal-module__3T4ZjG__videoViewerPanel {
  background: var(--card-bg, #fff);
  border-radius: var(--border-radius-xl, 20px);
  direction: rtl;
  flex-direction: column;
  width: 90%;
  max-width: 800px;
  max-height: 90vh;
  animation: .25s ImageUploadModal-module__3T4ZjG__videoSlideUp;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .3);
}

@keyframes ImageUploadModal-module__3T4ZjG__videoSlideUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ImageUploadModal-module__3T4ZjG__videoViewerHeader {
  border-bottom: 1px solid var(--border-light, rgba(0, 0, 0, .08));
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__videoViewerTitle {
  font-size: var(--font-size-4, 15px);
  color: var(--text-primary);
  font-weight: 600;
}

.ImageUploadModal-module__3T4ZjG__videoViewerCloseBtn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, .06);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: background .15s;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__videoViewerCloseBtn:hover {
  background: rgba(0, 0, 0, .12);
}

.ImageUploadModal-module__3T4ZjG__videoViewerBody {
  background: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 70vh;
  display: flex;
  overflow: hidden;
}

.ImageUploadModal-module__3T4ZjG__videoViewerPlayer {
  border-radius: 0;
  outline: none;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  display: block;
}

.ImageUploadModal-module__3T4ZjG__videoViewerFooter {
  border-top: 1px solid var(--border-light, rgba(0, 0, 0, .08));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__videoViewerFooterActions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__captureFrameBtn {
  font-size: var(--font-size-3, 14px);
  color: var(--text-primary);
  border-radius: var(--border-radius-md, 10px);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: 1px solid rgba(0, 0, 0, .12);
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ImageUploadModal-module__3T4ZjG__captureFrameBtn:hover {
  background: rgba(0, 0, 0, .1);
  border-color: rgba(0, 0, 0, .18);
}

.ImageUploadModal-module__3T4ZjG__captureFrameBtn:active {
  transform: scale(.97);
}

/* [project]/src/components/Modals/AITextGeneratorModal/AITextGeneratorModal.module.css [client] (css) */
.AITextGeneratorModal-module__P53-Ya__aiModal {
  max-width: 600px !important;
  height: auto !important;
  max-height: 85vh !important;
}

.AITextGeneratorModal-module__P53-Ya__content {
  flex-direction: column;
  min-height: 300px;
  padding: 1.5rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__configStep {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__field {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__fieldLabel {
  font-size: var(--text-sm);
  color: #1e293b;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__fieldLabel svg {
  color: #7c3aed;
}

.AITextGeneratorModal-module__P53-Ya__fieldHint {
  font-size: var(--text-xs);
  color: #64748b;
  margin: 0;
}

.AITextGeneratorModal-module__P53-Ya__promptTextarea {
  width: 100%;
  min-height: 120px;
  font-size: var(--text-sm);
  resize: vertical;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  padding: .75rem 1rem;
  font-family: inherit;
  line-height: 1.6;
  transition: border-color .2s;
}

.AITextGeneratorModal-module__P53-Ya__promptTextarea:focus {
  border-color: #a78bfa;
  outline: none;
}

.AITextGeneratorModal-module__P53-Ya__promptTextarea::placeholder {
  color: #94a3b8;
}

.AITextGeneratorModal-module__P53-Ya__loadingStep {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem 0;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__loadingSpinner {
  border: 4px solid #ede9fe;
  border-top-color: #7c3aed;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: 1s linear infinite AITextGeneratorModal-module__P53-Ya__spin;
}

@keyframes AITextGeneratorModal-module__P53-Ya__spin {
  to {
    transform: rotate(360deg);
  }
}

.AITextGeneratorModal-module__P53-Ya__loadingTitle {
  font-size: var(--text-lg);
  color: #1e293b;
  margin: 0;
  font-weight: 600;
}

.AITextGeneratorModal-module__P53-Ya__loadingSubtitle {
  font-size: var(--text-sm);
  color: #64748b;
  margin: 0;
}

.AITextGeneratorModal-module__P53-Ya__resultStep {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__resultHeader {
  color: #059669;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__resultHeader h4 {
  font-size: var(--text-md);
  margin: 0;
  font-weight: 600;
}

.AITextGeneratorModal-module__P53-Ya__resultHeader svg {
  font-size: 1.25rem;
}

.AITextGeneratorModal-module__P53-Ya__resultContent {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border: 1px solid #86efac;
  border-radius: 12px;
  max-height: 300px;
  padding: 1rem 1.25rem;
  overflow-y: auto;
}

.AITextGeneratorModal-module__P53-Ya__resultText {
  font-size: var(--text-sm);
  color: #166534;
  white-space: pre-wrap;
  margin: 0;
  line-height: 1.7;
}

.AITextGeneratorModal-module__P53-Ya__resultActions {
  gap: .75rem;
  margin-top: .5rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__errorState {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem 0;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__errorIcon {
  color: #ef4444;
  font-size: 3rem;
}

.AITextGeneratorModal-module__P53-Ya__errorTitle {
  font-size: var(--text-lg);
  color: #dc2626;
  margin: 0;
  font-weight: 600;
}

.AITextGeneratorModal-module__P53-Ya__errorMessage {
  font-size: var(--text-sm);
  color: #64748b;
  margin: 0;
}

.AITextGeneratorModal-module__P53-Ya__footer {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__footerRight {
  gap: .75rem;
  display: flex;
}

.AITextGeneratorModal-module__P53-Ya__modelSelectWrapper {
  position: relative;
}

.AITextGeneratorModal-module__P53-Ya__modelSelectWrapper .custom-select__control {
  border-width: 2px;
  border-radius: 10px;
  min-height: 44px;
}

.AITextGeneratorModal-module__P53-Ya__modelSelectWrapper .custom-select__control--is-focused {
  box-shadow: none;
  border-color: #a78bfa;
}

/* [project]/src/components/Shared/DynamicTextEditor/DynamicTextEditor.module.css [client] (css) */
.DynamicTextEditor-module__20MaXW__container {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__labelRow {
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  min-height: 32px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__labelRow:has(.DynamicTextEditor-module__20MaXW__label) {
  justify-content: space-between;
}

.DynamicTextEditor-module__20MaXW__label {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  font-weight: var(--font-weight-1);
}

.DynamicTextEditor-module__20MaXW__variablesButton {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-color);
  font-size: var(--font-size-1);
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  -webkit-backdrop-filter: blur(var(--glass-blur));
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-weight: 600;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variablesButton:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--glass-bg));
  border-color: var(--primary-color);
  transform: translateY(-1px);
}

.DynamicTextEditor-module__20MaXW__variablesButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.DynamicTextEditor-module__20MaXW__toolbar {
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border));
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  border-bottom: none;
  gap: 4px;
  padding: 8px 10px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__formatButton {
  border-radius: var(--border-radius-sm);
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__formatButton:hover:not(:disabled) {
  background: color-mix(in srgb, var(--secondary-color) 15%, transparent);
  color: var(--text-primary);
}

.DynamicTextEditor-module__20MaXW__formatButton.DynamicTextEditor-module__20MaXW__active {
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
  color: var(--primary-color);
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
}

.DynamicTextEditor-module__20MaXW__formatButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.DynamicTextEditor-module__20MaXW__editorContainer {
  width: 100%;
  position: relative;
}

.DynamicTextEditor-module__20MaXW__richTextEditor {
  width: 100%;
  min-height: 150px;
  color: var(--text-primary);
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border));
  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
  font-family: inherit;
  font-size: var(--font-size-3);
  transition: border var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  padding: 12px;
  line-height: 1.6;
  overflow-y: auto;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.DynamicTextEditor-module__20MaXW__richTextEditor:empty:before {
  content: attr(data-placeholder);
  color: var(--text-secondary);
  opacity: .6;
  pointer-events: none;
}

.DynamicTextEditor-module__20MaXW__richTextEditor:hover {
  border-color: color-mix(in srgb, var(--secondary-color) 36%, var(--glass-border));
}

.DynamicTextEditor-module__20MaXW__richTextEditor:focus {
  border-color: color-mix(in srgb, var(--primary-color) 55%, var(--secondary-color) 15%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary-color) 55%, transparent) inset;
  background: color-mix(in srgb, var(--glass-bg) 75%, var(--accent-color) 25%);
  outline: none;
}

.DynamicTextEditor-module__20MaXW__richTextEditor[contenteditable="false"] {
  opacity: .6;
  cursor: not-allowed;
}

.DynamicTextEditor-module__20MaXW__textarea {
  width: 100%;
  min-height: 150px;
  color: var(--text-primary);
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border));
  border-radius: var(--border-radius-md);
  font-family: inherit;
  font-size: var(--font-size-3);
  resize: vertical;
  transition: border var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  padding: 12px;
  line-height: 1.6;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.DynamicTextEditor-module__20MaXW__textarea:hover {
  border-color: color-mix(in srgb, var(--secondary-color) 36%, var(--glass-border));
}

.DynamicTextEditor-module__20MaXW__textarea:focus {
  border-color: color-mix(in srgb, var(--primary-color) 55%, var(--secondary-color) 15%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary-color) 55%, transparent) inset;
  background: color-mix(in srgb, var(--glass-bg) 75%, var(--accent-color) 25%);
  outline: none;
}

.DynamicTextEditor-module__20MaXW__textarea:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.DynamicTextEditor-module__20MaXW__charCount {
  text-align: left;
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  direction: ltr;
}

.DynamicTextEditor-module__20MaXW__variablesPanel {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(20px);
  z-index: var(--z-dropdown);
  flex-direction: column;
  max-height: 400px;
  margin-top: 8px;
  animation: .2s DynamicTextEditor-module__20MaXW__slideDown;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .15);
}

@keyframes DynamicTextEditor-module__20MaXW__slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.DynamicTextEditor-module__20MaXW__variablesPanelHeader {
  border-bottom: 1px solid var(--glass-border);
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__headerTitle {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  align-items: center;
  gap: 10px;
  font-weight: 600;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__headerTitle svg {
  color: var(--primary-color);
}

.DynamicTextEditor-module__20MaXW__closeButton {
  border-radius: var(--border-radius-sm);
  width: 28px;
  height: 28px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__closeButton:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  color: var(--primary-color);
}

.DynamicTextEditor-module__20MaXW__searchBox {
  border-bottom: 1px solid var(--glass-border);
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__searchBox svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

.DynamicTextEditor-module__20MaXW__searchInput {
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  color: var(--text-primary);
  font-size: var(--font-size-2);
  transition: border var(--transition-fast) ease;
  background: none;
  flex: 1;
  padding: 8px 12px;
}

.DynamicTextEditor-module__20MaXW__searchInput:focus {
  border-color: var(--primary-color);
  outline: none;
}

.DynamicTextEditor-module__20MaXW__variablesList {
  flex: 1;
  padding: 12px 16px;
  overflow-y: auto;
}

.DynamicTextEditor-module__20MaXW__categoryGroup {
  margin-bottom: 16px;
}

.DynamicTextEditor-module__20MaXW__categoryGroup:last-child {
  margin-bottom: 0;
}

.DynamicTextEditor-module__20MaXW__categoryLabel {
  font-size: var(--font-size-1);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .5px;
  border-bottom: 1px dashed color-mix(in srgb, var(--glass-border) 60%, transparent);
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-weight: 600;
}

.DynamicTextEditor-module__20MaXW__tagsGrid {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variableTag {
  background: var(--glass-bg);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-family: inherit;
  display: inline-flex;
}

.DynamicTextEditor-module__20MaXW__variableTag:hover {
  background: color-mix(in srgb, var(--primary-color) 15%, var(--glass-bg));
  border-color: var(--primary-color);
  box-shadow: 0 3px 8px color-mix(in srgb, var(--primary-color) 20%, transparent);
  transform: translateY(-1px);
}

.DynamicTextEditor-module__20MaXW__variableTag:active {
  transform: translateY(0);
}

.DynamicTextEditor-module__20MaXW__tagCode {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  direction: ltr;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: Fira Code, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
}

.DynamicTextEditor-module__20MaXW__tagLabel {
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  font-weight: 500;
}

.DynamicTextEditor-module__20MaXW__variableItem {
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  border: 1px solid rgba(0, 0, 0, 0);
  gap: 12px;
  padding: 12px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variableItem:hover {
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
  transform: translateX(-2px);
}

.DynamicTextEditor-module__20MaXW__variableKey {
  background: color-mix(in srgb, var(--primary-color) 15%, var(--glass-bg));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  border-radius: var(--border-radius-sm);
  color: var(--primary-color);
  font-family: Courier New, monospace;
  font-size: var(--font-size-1);
  white-space: nowrap;
  direction: ltr;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-weight: 600;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variableKey code {
  color: inherit;
  background: none;
  padding: 0;
  font-family: inherit;
}

.DynamicTextEditor-module__20MaXW__variableInfo {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variableLabel {
  font-size: var(--font-size-2);
  color: var(--text-primary);
  font-weight: 600;
}

.DynamicTextEditor-module__20MaXW__variableDescription {
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  line-height: 1.4;
}

.DynamicTextEditor-module__20MaXW__variableExample {
  font-size: var(--font-size-1);
  color: var(--text-tertiary);
  text-align: left;
  direction: ltr;
  font-style: italic;
}

.DynamicTextEditor-module__20MaXW__noResults {
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__noResults svg {
  opacity: .5;
}

.DynamicTextEditor-module__20MaXW__noResults p {
  font-size: var(--font-size-2);
  margin: 0;
}

.DynamicTextEditor-module__20MaXW__variablesPanelFooter {
  border-top: 1px solid var(--glass-border);
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: flex;
}

.DynamicTextEditor-module__20MaXW__variablesPanelFooter svg {
  color: var(--primary-color);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .DynamicTextEditor-module__20MaXW__variablesPanel {
    max-height: 300px;
  }

  .DynamicTextEditor-module__20MaXW__labelRow {
    flex-direction: column;
    align-items: flex-start;
  }

  .DynamicTextEditor-module__20MaXW__variablesButton {
    align-self: flex-end;
  }
}

/* [project]/src/components/Settings/NotificationCenter/components/LivePreviewEditor/LivePreviewEditor.module.css [client] (css) */
.LivePreviewEditor-module__bg5asq__container {
  border: 1px solid var(--border-color);
  background: var(--bg-primary);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.LivePreviewEditor-module__bg5asq__toolbar {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__toolbarLeft, .LivePreviewEditor-module__bg5asq__toolbarRight {
  align-items: center;
  gap: 8px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__toolbarButton {
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__toolbarButton:hover {
  background: var(--bg-primary);
  color: var(--text-primary);
}

.LivePreviewEditor-module__bg5asq__toolbarButton.LivePreviewEditor-module__bg5asq__active {
  background: var(--primary-alpha-10);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.LivePreviewEditor-module__bg5asq__viewToggle {
  background: var(--bg-primary);
  border-radius: 8px;
  padding: 2px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__toggleButton {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  transition: all .2s;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__toggleButton:hover {
  color: var(--text-primary);
}

.LivePreviewEditor-module__bg5asq__toggleButton.LivePreviewEditor-module__bg5asq__active {
  background: var(--primary-color);
  color: #fff;
}

.LivePreviewEditor-module__bg5asq__previewTypeLabel {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  background: var(--bg-primary);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__content {
  flex-direction: column;
  min-height: 400px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__content.LivePreviewEditor-module__bg5asq__split {
  flex-direction: row;
}

.LivePreviewEditor-module__bg5asq__editorPanel, .LivePreviewEditor-module__bg5asq__previewPanel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__content.LivePreviewEditor-module__bg5asq__split .LivePreviewEditor-module__bg5asq__editorPanel {
  border-left: 1px solid var(--border-color);
}

.LivePreviewEditor-module__bg5asq__editorHeader, .LivePreviewEditor-module__bg5asq__previewHeader {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  font-weight: 500;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__variablesBar {
  background: rgba(var(--primary-rgb), .03);
  border-bottom: 1px solid var(--border-color);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__variablesLabel {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  white-space: nowrap;
}

.LivePreviewEditor-module__bg5asq__variableChips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__variableChip {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  font-size: var(--text-xs);
  font-family: var(--font-mono);
  color: var(--primary-color);
  cursor: pointer;
  border-radius: 4px;
  padding: 4px 8px;
  transition: all .2s;
}

.LivePreviewEditor-module__bg5asq__variableChip:hover:not(:disabled) {
  background: var(--primary-alpha-10);
  border-color: var(--primary-color);
}

.LivePreviewEditor-module__bg5asq__variableChip:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.LivePreviewEditor-module__bg5asq__moreVariables {
  font-size: var(--text-xs);
  color: var(--text-secondary);
}

.LivePreviewEditor-module__bg5asq__textareaWrapper {
  flex: 1;
  padding: 14px;
  position: relative;
}

.LivePreviewEditor-module__bg5asq__textarea {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  width: 100%;
  height: 100%;
  min-height: 200px;
  font-size: var(--text-sm);
  font-family: var(--font-mono);
  resize: vertical;
  border-radius: 8px;
  padding: 12px;
  line-height: 1.6;
  transition: border-color .2s;
}

.LivePreviewEditor-module__bg5asq__textarea:focus {
  border-color: var(--primary-color);
  outline: none;
}

.LivePreviewEditor-module__bg5asq__textarea::placeholder {
  color: var(--text-muted);
}

.LivePreviewEditor-module__bg5asq__charCount {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  border-top: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__warning {
  color: var(--warning-color);
  align-items: center;
  gap: 4px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__autocompleteDropdown {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
  max-height: 300px;
  box-shadow: var(--shadow-lg);
  z-index: 100;
  border-radius: 10px;
  position: absolute;
  top: 100%;
  left: 14px;
  right: 14px;
  overflow: hidden;
}

.LivePreviewEditor-module__bg5asq__autocompleteHeader {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__autocompleteHint {
  opacity: .7;
  margin-right: auto;
  font-size: 10px;
}

.LivePreviewEditor-module__bg5asq__autocompleteList {
  max-height: 240px;
  overflow-y: auto;
}

.LivePreviewEditor-module__bg5asq__autocompleteGroup {
  border-bottom: 1px solid var(--border-color);
}

.LivePreviewEditor-module__bg5asq__autocompleteGroup:last-child {
  border-bottom: none;
}

.LivePreviewEditor-module__bg5asq__categoryHeader {
  background: var(--bg-secondary);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 600;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__autocompleteItem {
  text-align: right;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  transition: background .15s;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__autocompleteItem:hover, .LivePreviewEditor-module__bg5asq__autocompleteItem.LivePreviewEditor-module__bg5asq__selected {
  background: var(--primary-alpha-10);
}

.LivePreviewEditor-module__bg5asq__variableKey {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--primary-color);
  background: var(--bg-secondary);
  border-radius: 4px;
  padding: 2px 6px;
}

.LivePreviewEditor-module__bg5asq__variableLabel {
  font-size: var(--text-sm);
  color: var(--text-primary);
}

.LivePreviewEditor-module__bg5asq__noResults {
  color: var(--text-secondary);
  font-size: var(--text-sm);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__emailPreview {
  background: var(--bg-secondary);
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.LivePreviewEditor-module__bg5asq__emailContent {
  box-shadow: var(--shadow-sm);
  background: #fff;
  border-radius: 8px;
  max-width: 600px;
  margin: 0 auto;
  padding: 24px;
}

.LivePreviewEditor-module__bg5asq__phoneMockup {
  background: var(--bg-secondary);
  flex-direction: column;
  align-items: center;
  min-height: 400px;
  padding: 20px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneFrame {
  background: #1a1a1a;
  border-radius: 32px;
  width: 300px;
  max-width: 100%;
  padding: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 20px 60px rgba(0, 0, 0, .3);
}

.LivePreviewEditor-module__bg5asq__phoneStatusBar {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneSignal {
  align-items: center;
  gap: 4px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneHeader {
  color: #fff;
  border-radius: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__whatsappHeader {
  background: #075e54;
}

.LivePreviewEditor-module__bg5asq__smsHeader {
  background: #007aff;
}

.LivePreviewEditor-module__bg5asq__phoneBackButton {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.LivePreviewEditor-module__bg5asq__phoneContact {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneAvatar {
  color: #fff;
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneContactInfo {
  flex-direction: column;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneContactName {
  font-size: 14px;
  font-weight: 600;
}

.LivePreviewEditor-module__bg5asq__phoneContactStatus {
  opacity: .8;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneHeaderActions {
  color: #fff;
  gap: 16px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneChatArea {
  flex-direction: column;
  gap: 8px;
  min-height: 280px;
  padding: 12px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__whatsappBg {
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), #e5ddd5;
}

.LivePreviewEditor-module__bg5asq__smsBg {
  background: #f2f2f7;
}

.LivePreviewEditor-module__bg5asq__dateDivider {
  text-align: center;
  margin: 8px 0;
}

.LivePreviewEditor-module__bg5asq__dateDivider span {
  color: #666;
  background: rgba(0, 0, 0, .1);
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 11px;
}

.LivePreviewEditor-module__bg5asq__messageBubble {
  justify-content: flex-start;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__messageContent {
  word-break: break-word;
  border-radius: 8px;
  max-width: 85%;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
}

.LivePreviewEditor-module__bg5asq__whatsappMessage {
  background: #fff;
  border-radius: 0 8px 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.LivePreviewEditor-module__bg5asq__smsMessage {
  background: #e5e5ea;
  border-radius: 18px 18px 18px 4px;
}

.LivePreviewEditor-module__bg5asq__messageContent p {
  margin: 0 0 6px;
}

.LivePreviewEditor-module__bg5asq__messageContent p:last-of-type {
  margin-bottom: 0;
}

.LivePreviewEditor-module__bg5asq__emptyMessage {
  color: #999;
  font-style: italic;
}

.LivePreviewEditor-module__bg5asq__messageFooter {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__messageTime {
  color: #999;
  font-size: 10px;
}

.LivePreviewEditor-module__bg5asq__messageStatus {
  color: #53bdeb;
}

.LivePreviewEditor-module__bg5asq__phoneInputArea {
  background: #f0f0f0;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.LivePreviewEditor-module__bg5asq__phoneInputButton {
  color: #8e8e93;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}

.LivePreviewEditor-module__bg5asq__phoneTextInput {
  color: #999;
  background: #fff;
  border-radius: 20px;
  flex: 1;
  padding: 8px 14px;
  font-size: 14px;
}

.LivePreviewEditor-module__bg5asq__phoneHomeIndicator {
  background: #fff;
  border-radius: 2px;
  width: 120px;
  height: 4px;
  margin: 12px auto 4px;
}

.LivePreviewEditor-module__bg5asq__mockupLegend {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

@media (max-width: 768px) {
  .LivePreviewEditor-module__bg5asq__content.LivePreviewEditor-module__bg5asq__split {
    flex-direction: column;
  }

  .LivePreviewEditor-module__bg5asq__content.LivePreviewEditor-module__bg5asq__split .LivePreviewEditor-module__bg5asq__editorPanel {
    border-left: none;
    border-bottom: 1px solid var(--border-color);
  }

  .LivePreviewEditor-module__bg5asq__phoneFrame {
    width: 100%;
    max-width: 300px;
  }

  .LivePreviewEditor-module__bg5asq__variablesBar {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* [project]/src/components/Shared/DateRangePicker/DateRangePicker.module.css [client] (css) */
.DateRangePicker-module__qOmpUq__container {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
  position: relative;
}

.DateRangePicker-module__qOmpUq__label {
  color: var(--text-color);
  font-size: 13px;
  font-weight: 500;
}

.DateRangePicker-module__qOmpUq__inputWrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.DateRangePicker-module__qOmpUq__input {
  cursor: pointer;
  padding-left: 70px !important;
  padding-right: 12px !important;
}

.DateRangePicker-module__qOmpUq__input:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.DateRangePicker-module__qOmpUq__icon {
  color: var(--secondary-color);
}

.DateRangePicker-module__qOmpUq__calendarButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 8px;
}

.DateRangePicker-module__qOmpUq__calendarButton:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.DateRangePicker-module__qOmpUq__calendarButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.DateRangePicker-module__qOmpUq__clearBtn {
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .2s;
  display: flex;
  position: absolute;
  left: 36px;
}

.DateRangePicker-module__qOmpUq__clearBtn:hover {
  background: color-mix(in srgb, var(--danger-color) 15%, transparent);
  color: var(--danger-color);
}

.DateRangePicker-module__qOmpUq__mobileOverlay {
  display: none;
}

@media (max-width: 768px) {
  .DateRangePicker-module__qOmpUq__mobileOverlay {
    z-index: var(--z-datepicker-overlay);
    background: rgba(0, 0, 0, .5);
    animation: .2s DateRangePicker-module__qOmpUq__fadeIn;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .DateRangePicker-module__qOmpUq__mobileOverlay.DateRangePicker-module__qOmpUq__closing {
    animation: .15s forwards DateRangePicker-module__qOmpUq__fadeOut;
  }
}

@keyframes DateRangePicker-module__qOmpUq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes DateRangePicker-module__qOmpUq__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.DateRangePicker-module__qOmpUq__popup {
  z-index: var(--z-datepicker);
  background: var(--card-bg, #fff);
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  border-radius: var(--border-radius-lg, 12px);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  margin-top: 4px;
  animation: .2s DateRangePicker-module__qOmpUq__slideIn;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .1);
}

.DateRangePicker-module__qOmpUq__popup.DateRangePicker-module__qOmpUq__closing {
  animation: .15s forwards DateRangePicker-module__qOmpUq__slideOut;
}

@keyframes DateRangePicker-module__qOmpUq__slideIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes DateRangePicker-module__qOmpUq__slideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

@media (max-width: 768px) {
  .DateRangePicker-module__qOmpUq__popup {
    border-radius: 20px 20px 0 0;
    max-height: 90vh;
    margin: 0;
    animation: .3s DateRangePicker-module__qOmpUq__slideUp;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .DateRangePicker-module__qOmpUq__popup.DateRangePicker-module__qOmpUq__closing {
    animation: .2s forwards DateRangePicker-module__qOmpUq__slideDown;
  }

  @keyframes DateRangePicker-module__qOmpUq__slideUp {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes DateRangePicker-module__qOmpUq__slideDown {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(100%);
    }
  }
}

.DateRangePicker-module__qOmpUq__calendarWrapper {
  background: var(--card-bg, #fff);
  padding: 16px;
}

.DateRangePicker-module__qOmpUq__rangeHeader {
  background: linear-gradient(135deg, var(--primary-color, #6366f1), color-mix(in srgb, var(--primary-color, #6366f1) 80%, #8b5cf6));
  color: #fff;
  margin: -16px -16px 16px;
  padding: 12px 16px;
}

.DateRangePicker-module__qOmpUq__rangeInfo {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__rangeDates {
  align-items: center;
  gap: 12px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__rangeDate {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__rangeDateLabel {
  opacity: .8;
  font-size: 11px;
  font-weight: 500;
}

.DateRangePicker-module__qOmpUq__rangeDateValue {
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 600;
}

.DateRangePicker-module__qOmpUq__rangeArrow {
  opacity: .7;
}

.DateRangePicker-module__qOmpUq__daysCount {
  white-space: nowrap;
  background: rgba(255, 255, 255, .2);
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
}

.DateRangePicker-module__qOmpUq__presetsRow {
  border-bottom: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  padding: 12px 0;
  display: flex;
}

.DateRangePicker-module__qOmpUq__presetButton {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color, #6366f1) 20%, transparent);
  color: var(--primary-color, #6366f1);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.DateRangePicker-module__qOmpUq__presetButton:hover {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 15%, transparent);
  border-color: var(--primary-color, #6366f1);
  transform: translateY(-1px);
}

.DateRangePicker-module__qOmpUq__dayPicker {
  --rdp-accent-color: var(--primary-color, #6366f1);
  --rdp-accent-background-color: color-mix(in srgb, var(--primary-color, #6366f1) 15%, transparent);
  --rdp-day-width: 40px;
  --rdp-day-height: 40px;
  --rdp-day_button-width: 38px;
  --rdp-day_button-height: 38px;
  --rdp-day_button-border-radius: 8px;
  direction: rtl;
  font-family: inherit;
}

.DateRangePicker-module__qOmpUq__months {
  gap: 24px;
  display: flex;
}

@media (max-width: 768px) {
  .DateRangePicker-module__qOmpUq__months {
    flex-direction: column;
    gap: 16px;
  }
}

.DateRangePicker-module__qOmpUq__month {
  width: 280px;
  max-width: 100%;
}

@media (max-width: 768px) {
  .DateRangePicker-module__qOmpUq__month {
    width: 100%;
  }
}

.DateRangePicker-module__qOmpUq__caption {
  border-bottom: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 8px 60px 12px 4px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__captionRow {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__captionLabel {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 600;
}

.DateRangePicker-module__qOmpUq__hebrewMonth {
  color: var(--text-muted);
  margin-right: auto;
  font-size: 13px;
}

.DateRangePicker-module__qOmpUq__nav {
  z-index: 1;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 8px;
  left: 4px;
}

.DateRangePicker-module__qOmpUq__navButton {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 10%, transparent);
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--primary-color, #6366f1);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.DateRangePicker-module__qOmpUq__navButton:hover {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 20%, transparent);
}

.DateRangePicker-module__qOmpUq__dropdown {
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  background: var(--card-bg, #fff);
  color: var(--text-color);
  cursor: pointer;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.DateRangePicker-module__qOmpUq__dropdown:hover {
  border-color: var(--primary-color, #6366f1);
}

.DateRangePicker-module__qOmpUq__dropdown:focus {
  border-color: var(--primary-color, #6366f1);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #6366f1) 15%, transparent);
  outline: none;
}

.DateRangePicker-module__qOmpUq__table {
  border-collapse: collapse;
  width: 100%;
}

.DateRangePicker-module__qOmpUq__headRow {
  margin-bottom: 8px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__headCell {
  text-align: center;
  color: var(--text-muted);
  flex: 1;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
}

.DateRangePicker-module__qOmpUq__row {
  display: flex;
}

.DateRangePicker-module__qOmpUq__cell {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__day {
  cursor: pointer;
  width: 100%;
  height: 38px;
  color: var(--text-color);
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.DateRangePicker-module__qOmpUq__day:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 10%, transparent);
}

.DateRangePicker-module__qOmpUq__dualDayButton {
  flex-direction: column;
  gap: 1px;
  height: 42px;
}

.DateRangePicker-module__qOmpUq__gregorianDay {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.DateRangePicker-module__qOmpUq__hebrewDay {
  color: var(--text-muted);
  font-size: 9px;
  line-height: 1;
}

.DateRangePicker-module__qOmpUq__daySelected {
  background: var(--primary-color, #6366f1) !important;
  color: #fff !important;
}

.DateRangePicker-module__qOmpUq__daySelected .DateRangePicker-module__qOmpUq__hebrewDay {
  color: rgba(255, 255, 255, .8) !important;
}

.DateRangePicker-module__qOmpUq__rangeStart {
  background: var(--primary-color, #6366f1) !important;
  color: #fff !important;
  border-radius: 8px 0 0 8px !important;
}

.DateRangePicker-module__qOmpUq__rangeEnd {
  background: var(--primary-color, #6366f1) !important;
  color: #fff !important;
  border-radius: 0 8px 8px 0 !important;
}

.DateRangePicker-module__qOmpUq__rangeMiddle {
  background: color-mix(in srgb, var(--primary-color, #6366f1) 15%, transparent) !important;
  color: var(--text-color) !important;
  border-radius: 0 !important;
}

.DateRangePicker-module__qOmpUq__rangeStart .DateRangePicker-module__qOmpUq__hebrewDay, .DateRangePicker-module__qOmpUq__rangeEnd .DateRangePicker-module__qOmpUq__hebrewDay {
  color: rgba(255, 255, 255, .8) !important;
}

.DateRangePicker-module__qOmpUq__rangeStart.DateRangePicker-module__qOmpUq__rangeEnd {
  border-radius: 8px !important;
}

.DateRangePicker-module__qOmpUq__dayToday {
  border: 2px solid var(--primary-color, #6366f1);
}

.DateRangePicker-module__qOmpUq__dayOutside {
  opacity: .4;
}

.DateRangePicker-module__qOmpUq__dayDisabled {
  opacity: .3;
  cursor: not-allowed;
}

.DateRangePicker-module__qOmpUq__dayWeekend {
  color: var(--text-muted);
}

.DateRangePicker-module__qOmpUq__bottomActions {
  border-top: 1px solid var(--glass-border, rgba(0, 0, 0, .1));
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 0 4px;
  display: flex;
}

.DateRangePicker-module__qOmpUq__cancelButton {
  border: 1px solid var(--glass-border, rgba(0, 0, 0, .15));
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.DateRangePicker-module__qOmpUq__cancelButton:hover {
  background: var(--glass-border, rgba(0, 0, 0, .05));
  color: var(--text-color);
}

.DateRangePicker-module__qOmpUq__confirmButton {
  background: linear-gradient(135deg, var(--primary-color, #6366f1), color-mix(in srgb, var(--primary-color, #6366f1) 80%, #8b5cf6));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #6366f1) 40%, transparent);
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.DateRangePicker-module__qOmpUq__confirmButton:hover {
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color, #6366f1) 50%, transparent);
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .DateRangePicker-module__qOmpUq__calendarWrapper {
    padding: 12px;
  }

  .DateRangePicker-module__qOmpUq__rangeHeader {
    margin: -12px -12px 12px;
    padding: 16px;
  }

  .DateRangePicker-module__qOmpUq__rangeDates {
    flex-wrap: wrap;
    gap: 8px;
  }

  .DateRangePicker-module__qOmpUq__daysCount {
    margin-top: 8px;
  }

  .DateRangePicker-module__qOmpUq__bottomActions {
    padding: 16px 0 8px;
  }

  .DateRangePicker-module__qOmpUq__cancelButton, .DateRangePicker-module__qOmpUq__confirmButton {
    flex: 1;
    justify-content: center;
  }
}

/* [project]/node_modules/react-day-picker/src/style.css [client] (css) */
.rdp-root {
  --rdp-accent-color: blue;
  --rdp-accent-background-color: #f0f0ff;
  --rdp-day-height: 44px;
  --rdp-day-width: 44px;
  --rdp-day_button-border-radius: 100%;
  --rdp-day_button-border: 2px solid transparent;
  --rdp-day_button-height: 42px;
  --rdp-day_button-width: 42px;
  --rdp-selected-border: 2px solid var(--rdp-accent-color);
  --rdp-disabled-opacity: .5;
  --rdp-outside-opacity: .75;
  --rdp-today-color: var(--rdp-accent-color);
  --rdp-dropdown-gap: .5rem;
  --rdp-months-gap: 2rem;
  --rdp-nav_button-disabled-opacity: .5;
  --rdp-nav_button-height: 2.25rem;
  --rdp-nav_button-width: 2.25rem;
  --rdp-nav-height: 2.75rem;
  --rdp-range_middle-background-color: var(--rdp-accent-background-color);
  --rdp-range_middle-color: inherit;
  --rdp-range_start-color: white;
  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
  --rdp-range_start-date-background-color: var(--rdp-accent-color);
  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
  --rdp-range_end-color: white;
  --rdp-range_end-date-background-color: var(--rdp-accent-color);
  --rdp-week_number-border-radius: 100%;
  --rdp-week_number-border: 2px solid transparent;
  --rdp-week_number-height: var(--rdp-day-height);
  --rdp-week_number-opacity: .75;
  --rdp-week_number-width: var(--rdp-day-width);
  --rdp-weeknumber-text-align: center;
  --rdp-weekday-opacity: .75;
  --rdp-weekday-padding: .5rem 0rem;
  --rdp-weekday-text-align: center;
  --rdp-gradient-direction: 90deg;
  --rdp-animation_duration: .3s;
  --rdp-animation_timing: cubic-bezier(.4, 0, .2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

.rdp-root {
  box-sizing: border-box;
  position: relative;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  cursor: pointer;
  font: inherit;
  color: inherit;
  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
  background: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;
  white-space: nowrap;
  border: 0;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next, .rdp-button_previous {
  cursor: pointer;
  font: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.rdp-button_next:disabled, .rdp-button_next[aria-disabled="true"], .rdp-button_previous:disabled, .rdp-button_previous[aria-disabled="true"] {
  cursor: revert;
  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  fill: var(--rdp-accent-color);
  display: inline-block;
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform-origin: 50%;
  transform: rotate(180deg);
}

.rdp-dropdowns {
  align-items: center;
  gap: var(--rdp-dropdown-gap);
  display: inline-flex;
  position: relative;
}

.rdp-dropdown {
  z-index: 2;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  cursor: inherit;
  line-height: inherit;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.rdp-dropdown:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-dropdown:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-dropdown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-dropdown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-dropdown:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-dropdown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-dropdown_root {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  height: var(--rdp-nav-height);
  align-content: center;
  font-size: large;
  font-weight: bold;
  display: flex;
}

.rdp-root[data-nav-layout="around"] .rdp-month, .rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--rdp-nav_button-width);
  margin-right: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--rdp-nav_button-width);
  margin-right: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--rdp-nav_button-width);
  margin-right: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--rdp-nav_button-width);
  margin-left: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--rdp-nav_button-width);
  margin-left: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--rdp-nav_button-width);
  margin-left: var(--rdp-nav_button-width);
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  height: var(--rdp-nav-height);
  display: inline-flex;
  position: absolute;
  top: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  height: var(--rdp-nav-height);
  justify-content: center;
  display: inline-flex;
  position: absolute;
  top: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-months {
  gap: var(--rdp-months-gap);
  flex-wrap: wrap;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  position: relative;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  height: var(--rdp-nav-height);
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
}

.rdp-nav:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-nav:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-nav:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.rdp-nav:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-nav:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-nav:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
  font-size: smaller;
  font-weight: 500;
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
  font-size: small;
  font-weight: 400;
}

.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-size: large;
  font-weight: bold;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
}

/* [project]/src/components/Cars/CarLookupModal/CarLookupModal.module.css [client] (css) */
.CarLookupModal-module__Qr0PsG__nestedModalOverlay {
  z-index: var(--z-overlay-nested);
}

.CarLookupModal-module__Qr0PsG__nestedModalOverlay > .CarLookupModal-module__Qr0PsG__carLookupModal {
  z-index: var(--z-modal-nested);
}

.CarLookupModal-module__Qr0PsG__carLookupModal {
  max-width: 1000px;
  height: 90vh;
  max-height: 90vh;
}

.CarLookupModal-module__Qr0PsG__searchSection {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .9) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .5));
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .05)), 0 1px 0 rgba(255, 255, 255, .8) inset;
  border-radius: 16px;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__searchInputWrapper {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.CarLookupModal-module__Qr0PsG__searchIcon {
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 60%, #666);
  pointer-events: none;
  position: absolute;
  left: 1rem;
}

.CarLookupModal-module__Qr0PsG__searchInput {
  border: 2px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, #e0e0e0);
  text-align: right;
  direction: rtl;
  background: rgba(255, 255, 255, .9);
  border-radius: 12px;
  width: 100%;
  padding: .875rem 3rem .875rem 1rem;
  font-size: 1rem;
  transition: all .2s;
}

.CarLookupModal-module__Qr0PsG__searchInput:focus {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  outline: none;
}

.CarLookupModal-module__Qr0PsG__searchInput:disabled {
  cursor: not-allowed;
  opacity: .7;
  background: #f5f5f5;
}

.CarLookupModal-module__Qr0PsG__searchButton {
  color: #fff;
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #1e40af) 100%);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .2)), 0 1px 0 rgba(255, 255, 255, .2) inset;
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.5rem;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__searchButton:hover:not(:disabled) {
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .25)), 0 1px 0 rgba(255, 255, 255, .3) inset;
  transform: translateY(-2px);
}

.CarLookupModal-module__Qr0PsG__searchButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.CarLookupModal-module__Qr0PsG__errorBox {
  color: #dc2626;
  background: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, rgba(239, 68, 68, .05) 100%);
  border: 1px solid rgba(239, 68, 68, .3);
  border-radius: 12px;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  font-weight: 500;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__errorBox svg {
  flex-shrink: 0;
}

.CarLookupModal-module__Qr0PsG__successBadge {
  color: #16a34a;
  background: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(34, 197, 94, .05) 100%);
  border: 1px solid rgba(34, 197, 94, .3);
  border-radius: 12px;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  font-weight: 500;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__successBadge svg {
  flex-shrink: 0;
}

.CarLookupModal-module__Qr0PsG__loadingWrapper {
  justify-content: center;
  align-items: center;
  min-height: 300px;
  padding: 4rem 2rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__resultsContainer {
  flex-direction: column;
  gap: 1.5rem;
  animation: .4s ease-out CarLookupModal-module__Qr0PsG__fadeInUp;
  display: flex;
}

@keyframes CarLookupModal-module__Qr0PsG__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.CarLookupModal-module__Qr0PsG__vehicleHero {
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5));
  box-shadow: 0 8px 32px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08)), 0 1px 0 rgba(255, 255, 255, .8) inset;
  background: none;
  border-radius: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.CarLookupModal-module__Qr0PsG__heroRow {
  z-index: 1;
  align-items: stretch;
  min-height: 160px;
  display: flex;
  position: relative;
}

.CarLookupModal-module__Qr0PsG__heroInfoSection {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .98)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .95)) 50%, color-mix(in srgb, var(--secondary-color, #8b5cf6) 10%, rgba(255, 255, 255, .98)) 100%);
  border-radius: 20px 0 0 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.CarLookupModal-module__Qr0PsG__heroInfoSection:before {
  content: "";
  background: radial-gradient(ellipse, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, transparent) 0%, transparent 70%);
  pointer-events: none;
  width: 60%;
  height: 200%;
  position: absolute;
  top: -50%;
  right: -30%;
}

.CarLookupModal-module__Qr0PsG__heroCarIcon {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #1e40af) 100%);
  color: #fff;
  width: 64px;
  height: 64px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .2)), 0 1px 0 rgba(255, 255, 255, .2) inset;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__heroInfo {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__manufacturerLogoWrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__manufacturerLogo {
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .1));
  max-width: 80px;
  max-height: 50px;
}

.CarLookupModal-module__Qr0PsG__heroImageSection {
  background: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 280px;
  padding: 1rem;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.CarLookupModal-module__Qr0PsG__heroImageLoading {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__heroImage {
  object-fit: contain;
  object-position: center;
  border-radius: 12px;
  width: auto;
  height: 100%;
  max-height: 140px;
  transition: transform .3s;
}

.CarLookupModal-module__Qr0PsG__heroImage:hover {
  transform: scale(1.05);
}

.CarLookupModal-module__Qr0PsG__imageSpinner {
  border: 3px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  border-top-color: var(--primary-color, #3b82f6);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite CarLookupModal-module__Qr0PsG__spin;
}

@keyframes CarLookupModal-module__Qr0PsG__spin {
  to {
    transform: rotate(360deg);
  }
}

.CarLookupModal-module__Qr0PsG__heroImageFallback {
  width: 100%;
  height: 100%;
  color: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, #94a3b8);
  justify-content: center;
  align-items: center;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__hidden {
  display: none;
}

.CarLookupModal-module__Qr0PsG__heroTitle {
  color: #1e293b;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
}

.CarLookupModal-module__Qr0PsG__heroSubtitle {
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__trimBadge {
  background: color-mix(in srgb, var(--secondary-color, #8b5cf6) 15%, rgba(255, 255, 255, .9));
  border: 1px solid color-mix(in srgb, var(--secondary-color, #8b5cf6) 30%, transparent);
  color: color-mix(in srgb, var(--secondary-color, #8b5cf6) 80%, #1e293b);
  border-radius: 20px;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__yearBadge {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .9));
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  color: var(--primary-color, #3b82f6);
  border-radius: 20px;
  padding: .25rem .75rem;
  font-size: .85rem;
  font-weight: 700;
}

.CarLookupModal-module__Qr0PsG__heroChips {
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: auto;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__heroChip {
  color: #475569;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 10px;
  align-items: center;
  gap: .4rem;
  padding: .4rem .75rem;
  font-size: .8rem;
  font-weight: 500;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__heroChip svg {
  color: var(--primary-color, #3b82f6);
  opacity: .8;
}

.CarLookupModal-module__Qr0PsG__techSection {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 4%, rgba(250, 250, 252, .95)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(0, 0, 0, .06));
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CarLookupModal-module__Qr0PsG__techHeader {
  color: var(--primary-color, #3b82f6);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__techHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__statsGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  margin-bottom: 1rem;
  display: grid;
}

.CarLookupModal-module__Qr0PsG__statCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .95)) 0%, #f8fafc 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .05));
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 1rem .5rem;
  transition: all .2s;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__statCard:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08));
  transform: translateY(-2px);
}

.CarLookupModal-module__Qr0PsG__statIcon {
  color: var(--primary-color, #3b82f6);
  opacity: .8;
  margin-bottom: .5rem;
}

.CarLookupModal-module__Qr0PsG__statValue {
  color: #1e293b;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
}

.CarLookupModal-module__Qr0PsG__statValue small {
  color: #64748b;
  margin-right: .15rem;
  font-size: .7rem;
  font-weight: 400;
}

.CarLookupModal-module__Qr0PsG__statLabel {
  color: #64748b;
  text-align: center;
  margin-top: .25rem;
  font-size: .75rem;
  font-weight: 500;
}

.CarLookupModal-module__Qr0PsG__featuresRow {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__featureChip {
  border-radius: 10px;
  align-items: center;
  gap: .35rem;
  padding: .5rem .75rem;
  font-size: .8rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__featureActive {
  color: #16a34a;
  background: linear-gradient(135deg, rgba(220, 246, 230, .957) 0%, rgba(236, 250, 241, .91) 100%);
  border: 1px solid rgba(34, 197, 94, .3);
}

.CarLookupModal-module__Qr0PsG__featureInactive {
  color: #94a3b8;
  background: rgba(0, 0, 0, .03);
  border: 1px solid rgba(0, 0, 0, .06);
}

.CarLookupModal-module__Qr0PsG__datesSection {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 4%, rgba(250, 250, 252, .95)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(0, 0, 0, .06));
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CarLookupModal-module__Qr0PsG__datesSectionHeader {
  color: var(--primary-color, #3b82f6);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__datesSectionHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__datesGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: .75rem;
  display: grid;
}

.CarLookupModal-module__Qr0PsG__dateCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 6%, rgba(255, 255, 255, .95)) 0%, #f8fafc 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .05));
  border-radius: 12px;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem;
  transition: all .2s;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__dateCard:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(0, 0, 0, .06));
  transform: translateY(-1px);
}

.CarLookupModal-module__Qr0PsG__dateCardIcon {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #1e40af) 100%);
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__dateCardContent {
  flex: 1;
  min-width: 0;
}

.CarLookupModal-module__Qr0PsG__dateCardLabel {
  color: #64748b;
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 500;
}

.CarLookupModal-module__Qr0PsG__dateCardValue {
  color: #1e293b;
  font-size: 1rem;
  font-weight: 700;
}

.CarLookupModal-module__Qr0PsG__dateCardSub {
  color: #94a3b8;
  margin-top: .15rem;
  font-size: .75rem;
  font-weight: 400;
}

.CarLookupModal-module__Qr0PsG__ownershipSection {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, color-mix(in srgb, var(--secondary-color, #8b5cf6) 4%, rgba(250, 250, 252, .95)) 100%);
  border: 1px solid color-mix(in srgb, var(--secondary-color, #8b5cf6) 12%, rgba(0, 0, 0, .06));
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CarLookupModal-module__Qr0PsG__ownershipHeader {
  color: var(--secondary-color, #8b5cf6);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__ownershipHeader h3 {
  color: #1e293b;
  flex: 1;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__ownershipCount {
  background: color-mix(in srgb, var(--secondary-color, #8b5cf6) 15%, rgba(255, 255, 255, .9));
  border: 1px solid color-mix(in srgb, var(--secondary-color, #8b5cf6) 25%, transparent);
  color: var(--secondary-color, #8b5cf6);
  border-radius: 20px;
  padding: .25rem .6rem;
  font-size: .75rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__timeline {
  padding-right: 1.5rem;
  position: relative;
}

.CarLookupModal-module__Qr0PsG__timeline:before {
  content: "";
  background: linear-gradient(to bottom, var(--secondary-color, #8b5cf6) 0%, color-mix(in srgb, var(--secondary-color, #8b5cf6) 30%, transparent) 100%);
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  right: .5rem;
}

.CarLookupModal-module__Qr0PsG__timelineItem {
  padding: .75rem 0;
  position: relative;
}

.CarLookupModal-module__Qr0PsG__timelineDot {
  border: 2px solid var(--secondary-color, #8b5cf6);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  top: 1rem;
  right: -1.25rem;
}

.CarLookupModal-module__Qr0PsG__timelineDotInner {
  background: var(--secondary-color, #8b5cf6);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.CarLookupModal-module__Qr0PsG__timelineContent {
  background: color-mix(in srgb, var(--secondary-color, #8b5cf6) 5%, #f8fafc);
  border: 1px solid color-mix(in srgb, var(--secondary-color, #8b5cf6) 10%, rgba(0, 0, 0, .05));
  border-radius: 10px;
  padding: .75rem 1rem;
}

.CarLookupModal-module__Qr0PsG__timelineDate {
  color: #1e293b;
  font-size: 1rem;
  font-weight: 700;
}

.CarLookupModal-module__Qr0PsG__timelineType {
  color: #475569;
  margin-top: .15rem;
  font-size: .85rem;
  font-weight: 500;
}

.CarLookupModal-module__Qr0PsG__timelineRelative {
  color: #94a3b8;
  margin-top: .25rem;
  font-size: .75rem;
}

.CarLookupModal-module__Qr0PsG__additionalSection {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 3%, rgba(250, 250, 252, .95)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 10%, rgba(0, 0, 0, .06));
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CarLookupModal-module__Qr0PsG__additionalHeader {
  color: var(--primary-color, #3b82f6);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__additionalHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__additionalGrid {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__additionalItem {
  background: rgba(0, 0, 0, .02);
  border-radius: 8px;
  align-items: center;
  gap: .75rem;
  padding: .6rem .75rem;
  transition: background .2s;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__additionalItem:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(0, 0, 0, .03));
}

.CarLookupModal-module__Qr0PsG__additionalIcon {
  color: var(--primary-color, #3b82f6);
  opacity: .7;
  flex-shrink: 0;
}

.CarLookupModal-module__Qr0PsG__additionalLabel {
  color: #64748b;
  flex: 1;
  font-size: .85rem;
  font-weight: 500;
}

.CarLookupModal-module__Qr0PsG__additionalValue {
  color: #1e293b;
  text-align: left;
  direction: ltr;
  font-size: .9rem;
  font-weight: 600;
}

.CarLookupModal-module__Qr0PsG__disabilityBadge {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.CarLookupModal-module__Qr0PsG__hasDisability {
  color: #2563eb;
  background: linear-gradient(135deg, rgba(230, 239, 254, .957) 0%, rgba(242, 247, 254, .91) 100%);
  border: 1px solid rgba(59, 130, 246, .25);
}

.CarLookupModal-module__Qr0PsG__noDisability {
  color: #94a3b8;
  background: rgba(0, 0, 0, .03);
  border: 1px solid rgba(0, 0, 0, .06);
}

.CarLookupModal-module__Qr0PsG__twoColumnLayout {
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  display: grid;
}

.CarLookupModal-module__Qr0PsG__leftColumn, .CarLookupModal-module__Qr0PsG__rightColumn {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

@media (max-width: 900px) {
  .CarLookupModal-module__Qr0PsG__twoColumnLayout {
    grid-template-columns: 1fr;
  }

  .CarLookupModal-module__Qr0PsG__statsGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .CarLookupModal-module__Qr0PsG__datesGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .CarLookupModal-module__Qr0PsG__carLookupModal {
    max-width: 100%;
    max-height: 95vh;
    margin: .5rem;
  }

  .CarLookupModal-module__Qr0PsG__searchSection {
    flex-direction: column;
    padding: 1rem;
  }

  .CarLookupModal-module__Qr0PsG__searchInputWrapper {
    width: 100%;
  }

  .CarLookupModal-module__Qr0PsG__searchButton {
    justify-content: center;
    width: 100%;
  }

  .CarLookupModal-module__Qr0PsG__vehicleHero {
    border-radius: 16px;
    padding: 0;
  }

  .CarLookupModal-module__Qr0PsG__heroRow {
    min-height: 120px;
  }

  .CarLookupModal-module__Qr0PsG__heroInfoSection {
    border-radius: 16px 0 0 16px;
    gap: .5rem;
    padding: 1rem;
  }

  .CarLookupModal-module__Qr0PsG__heroCarIcon {
    border-radius: 12px;
    width: 44px;
    height: 44px;
  }

  .CarLookupModal-module__Qr0PsG__heroCarIcon svg {
    width: 24px;
    height: 24px;
  }

  .CarLookupModal-module__Qr0PsG__heroTitle {
    font-size: 1.1rem;
    line-height: 1.2;
  }

  .CarLookupModal-module__Qr0PsG__heroSubtitle {
    gap: .35rem;
    margin-top: .25rem;
  }

  .CarLookupModal-module__Qr0PsG__trimBadge, .CarLookupModal-module__Qr0PsG__yearBadge {
    padding: .15rem .5rem;
    font-size: .7rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChips {
    gap: .35rem;
    margin-top: .5rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChip {
    border-radius: 8px;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .7rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChip svg {
    width: 12px;
    height: 12px;
  }

  .CarLookupModal-module__Qr0PsG__heroImageSection {
    width: 140px;
    padding: .5rem;
  }

  .CarLookupModal-module__Qr0PsG__heroImage {
    border-radius: 10px;
    max-height: 90px;
  }

  .CarLookupModal-module__Qr0PsG__heroImageFallback svg {
    width: 48px;
    height: 48px;
  }

  .CarLookupModal-module__Qr0PsG__imageSpinner {
    width: 24px;
    height: 24px;
  }

  .CarLookupModal-module__Qr0PsG__statsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .CarLookupModal-module__Qr0PsG__heroRow {
    min-height: 100px;
  }

  .CarLookupModal-module__Qr0PsG__heroInfoSection {
    gap: .35rem;
    padding: .75rem;
  }

  .CarLookupModal-module__Qr0PsG__heroCarIcon {
    border-radius: 10px;
    width: 36px;
    height: 36px;
  }

  .CarLookupModal-module__Qr0PsG__heroCarIcon svg {
    width: 20px;
    height: 20px;
  }

  .CarLookupModal-module__Qr0PsG__heroTitle {
    font-size: .95rem;
  }

  .CarLookupModal-module__Qr0PsG__heroSubtitle {
    flex-wrap: wrap;
    gap: .25rem;
  }

  .CarLookupModal-module__Qr0PsG__trimBadge, .CarLookupModal-module__Qr0PsG__yearBadge {
    padding: .1rem .4rem;
    font-size: .65rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChips {
    gap: .25rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChip {
    padding: .2rem .4rem;
    font-size: .65rem;
  }

  .CarLookupModal-module__Qr0PsG__heroChip svg {
    width: 10px;
    height: 10px;
  }

  .CarLookupModal-module__Qr0PsG__heroImageSection {
    width: 100px;
    padding: .35rem;
  }

  .CarLookupModal-module__Qr0PsG__heroImage {
    border-radius: 8px;
    max-height: 70px;
  }

  .CarLookupModal-module__Qr0PsG__heroImageFallback svg {
    width: 36px;
    height: 36px;
  }

  .CarLookupModal-module__Qr0PsG__imageSpinner {
    width: 20px;
    height: 20px;
  }

  .CarLookupModal-module__Qr0PsG__statsGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .CarLookupModal-module__Qr0PsG__featuresRow {
    justify-content: center;
  }
}

/* [project]/src/components/Deposits/StandaloneCreditDepositModal/StandaloneCreditDepositModal.module.css [client] (css) */
.StandaloneCreditDepositModal-module__2wBKBW__modalContainer {
  width: 95%;
  max-width: 520px;
  height: auto;
  max-height: 85vh;
}

.StandaloneCreditDepositModal-module__2wBKBW__contentWrapper {
  flex-direction: column;
  gap: 8px;
  max-height: calc(85vh - 160px);
  padding: 24px;
  display: flex;
  overflow-y: auto;
}

.StandaloneCreditDepositModal-module__2wBKBW__loadingWrapper {
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__infoBox {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color) 8%, white), color-mix(in srgb, var(--success-color) 4%, white));
  border-right: 4px solid var(--success-color);
  border-radius: 12px;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px 16px;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__infoBox svg {
  color: var(--success-color);
  flex-shrink: 0;
  margin-top: 2px;
}

.StandaloneCreditDepositModal-module__2wBKBW__infoBox strong {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.StandaloneCreditDepositModal-module__2wBKBW__infoBox p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.StandaloneCreditDepositModal-module__2wBKBW__formGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  display: grid;
}

.StandaloneCreditDepositModal-module__2wBKBW__fieldWrapper {
  flex-direction: column;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__fullWidth {
  grid-column: 1 / -1;
}

.StandaloneCreditDepositModal-module__2wBKBW__cardInputWrapper {
  border: 1px solid color-mix(in srgb, var(--border-color) 50%, transparent);
  background: rgba(255, 255, 255, .5);
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 16px;
}

.StandaloneCreditDepositModal-module__2wBKBW__section {
  margin-bottom: 24px;
}

.StandaloneCreditDepositModal-module__2wBKBW__section:last-child {
  margin-bottom: 0;
}

.StandaloneCreditDepositModal-module__2wBKBW__sectionLabel {
  color: var(--text-primary);
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__sectionLabel svg {
  color: var(--primary-color);
  opacity: .8;
}

.StandaloneCreditDepositModal-module__2wBKBW__fieldsGrid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.StandaloneCreditDepositModal-module__2wBKBW__field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__fieldFull {
  grid-column: 1 / -1;
}

.StandaloneCreditDepositModal-module__2wBKBW__fieldLabel {
  color: var(--text-secondary);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__fieldLabel svg {
  color: var(--text-disabled);
}

.StandaloneCreditDepositModal-module__2wBKBW__input {
  width: 100%;
  color: var(--text-primary);
  background: rgba(255, 255, 255, .8);
  border: 1.5px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  outline: none;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 14px;
  transition: all .2s;
}

.StandaloneCreditDepositModal-module__2wBKBW__input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);
  background: #fff;
}

.StandaloneCreditDepositModal-module__2wBKBW__input:disabled {
  cursor: not-allowed;
  background: rgba(0, 0, 0, .04);
}

.StandaloneCreditDepositModal-module__2wBKBW__input::placeholder {
  color: var(--text-disabled);
}

.StandaloneCreditDepositModal-module__2wBKBW__inputError {
  border-color: var(--error-color);
}

.StandaloneCreditDepositModal-module__2wBKBW__inputError:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--error-color) 15%, transparent);
}

.StandaloneCreditDepositModal-module__2wBKBW__expiryFields {
  align-items: center;
  gap: 8px;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__expiryInput {
  text-align: center;
  width: 60px !important;
}

.StandaloneCreditDepositModal-module__2wBKBW__expirySeparator {
  color: var(--text-disabled);
  font-size: 18px;
  font-weight: 500;
}

.StandaloneCreditDepositModal-module__2wBKBW__cvvInput {
  text-align: center;
  letter-spacing: 2px;
  width: 80px !important;
}

.StandaloneCreditDepositModal-module__2wBKBW__amountInputWrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.StandaloneCreditDepositModal-module__2wBKBW__currencySymbol {
  color: var(--text-secondary);
  pointer-events: none;
  z-index: 1;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  right: 14px;
}

.StandaloneCreditDepositModal-module__2wBKBW__amountInput {
  text-align: left;
  letter-spacing: 1px;
  width: 100%;
  padding: 14px 40px 14px 14px;
  font-size: 20px;
  font-weight: 600;
}

.StandaloneCreditDepositModal-module__2wBKBW__amountHint {
  color: var(--text-secondary);
  margin-top: 8px;
  font-size: 12px;
}

.StandaloneCreditDepositModal-module__2wBKBW__notesInput {
  width: 100%;
  color: var(--text-primary);
  resize: vertical;
  background: rgba(255, 255, 255, .8);
  border: 1.5px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  outline: none;
  min-height: 60px;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 14px;
  transition: all .2s;
}

.StandaloneCreditDepositModal-module__2wBKBW__notesInput:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);
  background: #fff;
}

.StandaloneCreditDepositModal-module__2wBKBW__errorText {
  color: var(--error-color);
  margin-top: 2px;
  font-size: 11px;
}

.StandaloneCreditDepositModal-module__2wBKBW__errorMessage {
  background: color-mix(in srgb, var(--error-color) 8%, white);
  border: 1px solid color-mix(in srgb, var(--error-color) 25%, transparent);
  color: var(--error-color);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
}

.StandaloneCreditDepositModal-module__2wBKBW__errorMessage svg {
  flex-shrink: 0;
}

.StandaloneCreditDepositModal-module__2wBKBW__spinner {
  animation: 1s linear infinite StandaloneCreditDepositModal-module__2wBKBW__spin;
}

@keyframes StandaloneCreditDepositModal-module__2wBKBW__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  .StandaloneCreditDepositModal-module__2wBKBW__modalContainer {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
  }

  .StandaloneCreditDepositModal-module__2wBKBW__formGrid, .StandaloneCreditDepositModal-module__2wBKBW__fieldsGrid {
    grid-template-columns: 1fr;
  }

  .StandaloneCreditDepositModal-module__2wBKBW__expiryFields {
    justify-content: flex-start;
  }

  .StandaloneCreditDepositModal-module__2wBKBW__expiryInput {
    width: 70px !important;
  }

  .StandaloneCreditDepositModal-module__2wBKBW__cvvInput {
    width: 100px !important;
  }
}

/* [project]/src/components/Dashboard/QuickActionsWidget/QuickActionsWidget.module.css [client] (css) */
.QuickActionsWidget-module__F4kuKa__container {
  isolation: isolate;
  gap: var(--widget-gap-desktop);
  padding: var(--widget-padding-desktop);
  border-radius: calc(var(--border-radius-xl)  + 8px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .88) 40%, color-mix(in srgb, var(--secondary-color) 4%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .5));
  box-shadow: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 24px rgba(0, 0, 0, .06), 0 24px 48px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 color-mix(in srgb, var(--secondary-color) 5%, transparent);
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.QuickActionsWidget-module__F4kuKa__header {
  gap: var(--spacing-xs);
  flex-direction: column;
  display: flex;
}

.QuickActionsWidget-module__F4kuKa__headerTitle {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.QuickActionsWidget-module__F4kuKa__headerTitle h3 {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-4);
  color: var(--title);
  margin: 0;
}

.QuickActionsWidget-module__F4kuKa__headerIcon {
  color: var(--primary-color);
  filter: drop-shadow(0 2px 8px var(--glow-color-brand));
}

.QuickActionsWidget-module__F4kuKa__headerSubtitle {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  margin: 0;
}

.QuickActionsWidget-module__F4kuKa__actionsGrid {
  gap: var(--spacing-lg);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@media (max-width: 1200px) {
  .QuickActionsWidget-module__F4kuKa__actionsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .QuickActionsWidget-module__F4kuKa__container {
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }

  .QuickActionsWidget-module__F4kuKa__actionsGrid {
    gap: var(--widget-gap-mobile);
    grid-template-columns: repeat(2, 1fr);
  }

  .QuickActionsWidget-module__F4kuKa__actionCard {
    text-align: center;
    padding: var(--spacing-md);
    gap: var(--spacing-sm);
    flex-direction: column;
  }

  .QuickActionsWidget-module__F4kuKa__actionContent {
    align-items: center;
  }

  .QuickActionsWidget-module__F4kuKa__actionArrow {
    display: none;
  }

  .QuickActionsWidget-module__F4kuKa__actionIconWrapper {
    width: 44px;
    height: 44px;
  }

  .QuickActionsWidget-module__F4kuKa__actionTitle {
    font-size: var(--font-size-2);
  }

  .QuickActionsWidget-module__F4kuKa__actionDescription {
    display: none;
  }
}

.QuickActionsWidget-module__F4kuKa__actionCard {
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  text-align: right;
  background: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .4) 100%);
  border: 1px solid rgba(255, 255, 255, .6);
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .02), inset 0 1px rgba(255, 255, 255, .9);
}

.QuickActionsWidget-module__F4kuKa__actionCard:before {
  content: "";
  opacity: 0;
  width: 4px;
  height: 100%;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  right: 0;
}

.QuickActionsWidget-module__F4kuKa__actionCard:hover:before {
  opacity: 1;
}

.QuickActionsWidget-module__F4kuKa__gradientprimary:before {
  background: var(--primary-color);
}

.QuickActionsWidget-module__F4kuKa__gradientinfo:before {
  background: var(--info-color);
}

.QuickActionsWidget-module__F4kuKa__gradientsuccess:before {
  background: var(--success-color);
}

.QuickActionsWidget-module__F4kuKa__gradientwarning:before {
  background: var(--warning-color);
}

.QuickActionsWidget-module__F4kuKa__gradientprimary .QuickActionsWidget-module__F4kuKa__actionIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, transparent), color-mix(in srgb, var(--primary-color) 10%, transparent));
  color: var(--primary-color);
}

.QuickActionsWidget-module__F4kuKa__gradientinfo .QuickActionsWidget-module__F4kuKa__actionIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--info-color) 20%, transparent), color-mix(in srgb, var(--info-color) 10%, transparent));
  color: var(--info-color);
}

.QuickActionsWidget-module__F4kuKa__gradientsuccess .QuickActionsWidget-module__F4kuKa__actionIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--success-color) 20%, transparent), color-mix(in srgb, var(--success-color) 10%, transparent));
  color: var(--success-color);
}

.QuickActionsWidget-module__F4kuKa__gradientwarning .QuickActionsWidget-module__F4kuKa__actionIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--warning-color) 20%, transparent), color-mix(in srgb, var(--warning-color) 10%, transparent));
  color: var(--warning-color);
}

.QuickActionsWidget-module__F4kuKa__actionCard:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .6) 100%);
  border-color: rgba(255, 255, 255, .8);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 16px 48px rgba(0, 0, 0, .04), inset 0 1px #fff;
}

.QuickActionsWidget-module__F4kuKa__actionIconWrapper {
  border-radius: var(--border-radius-lg);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.QuickActionsWidget-module__F4kuKa__badge {
  background: var(--error-color);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -4px;
  left: -4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.QuickActionsWidget-module__F4kuKa__actionContent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.QuickActionsWidget-module__F4kuKa__actionTitle {
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-3);
  color: var(--title);
}

.QuickActionsWidget-module__F4kuKa__actionDescription {
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.QuickActionsWidget-module__F4kuKa__actionArrow {
  border-radius: var(--border-radius-md);
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, .04);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.QuickActionsWidget-module__F4kuKa__actionCard:hover .QuickActionsWidget-module__F4kuKa__actionArrow {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
  color: var(--primary-color);
  transform: translateX(-4px);
}

.QuickActionsWidget-module__F4kuKa__pendingNotice {
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: linear-gradient(135deg, color-mix(in srgb, var(--info-color) 12%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--info-color) 6%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--info-color) 25%, rgba(255, 255, 255, .5));
  border-radius: var(--border-radius-md);
  color: var(--info-color);
  font-size: var(--font-size-2);
  font-weight: 500;
  display: flex;
}

.QuickActionsWidget-module__F4kuKa__pendingNotice svg {
  flex-shrink: 0;
}

.QuickActionsWidget-module__F4kuKa__pendingNoticeBtn {
  border: 1px solid color-mix(in srgb, var(--info-color) 35%, transparent);
  border-radius: var(--border-radius-sm);
  background: color-mix(in srgb, var(--info-color) 10%, transparent);
  color: var(--info-color);
  font-size: var(--font-size-1);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 2px;
  margin-right: auto;
  padding: 4px 10px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.QuickActionsWidget-module__F4kuKa__pendingNoticeBtn:hover {
  background: color-mix(in srgb, var(--info-color) 20%, transparent);
  border-color: color-mix(in srgb, var(--info-color) 50%, transparent);
}

.QuickActionsWidget-module__F4kuKa__pendingNoticeBtn svg {
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .QuickActionsWidget-module__F4kuKa__pendingNotice {
    font-size: var(--font-size-1);
    padding: var(--spacing-xs) var(--spacing-sm);
  }
}

[data-theme="dark"] .QuickActionsWidget-module__F4kuKa__container {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .9)) 0%, rgba(30, 41, 59, .85) 40%, color-mix(in srgb, var(--secondary-color) 8%, rgba(30, 41, 59, .9)) 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .2), 0 24px 48px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .2);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .QuickActionsWidget-module__F4kuKa__actionCard {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .QuickActionsWidget-module__F4kuKa__actionCard:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .06) 100%);
  border-color: rgba(255, 255, 255, .15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25), 0 16px 48px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .12);
}

[data-theme="dark"] .QuickActionsWidget-module__F4kuKa__actionArrow {
  background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .QuickActionsWidget-module__F4kuKa__pendingNotice {
  background: linear-gradient(135deg, color-mix(in srgb, var(--info-color) 15%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--info-color) 8%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--info-color) 30%, rgba(255, 255, 255, .1));
}

/* [project]/src/components/Reservations/PickupDropoffSummary/PickupDropoffSummary.module.css [client] (css) */
.PickupDropoffSummary-module__7u69mq__container {
  width: 100%;
  padding: var(--widget-padding-desktop);
  background: var(--glass-gradient-primary, linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)));
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .15);
}

.PickupDropoffSummary-module__7u69mq__glassHalo {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 46%, transparent), transparent);
  filter: blur(50px);
  opacity: .26;
  pointer-events: none;
  width: 220px;
  height: 220px;
  position: absolute;
  top: -40%;
  bottom: auto;
  left: -18%;
  right: auto;
}

.PickupDropoffSummary-module__7u69mq__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__title {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.PickupDropoffSummary-module__7u69mq__subtitle {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  margin: 5px 0 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.PickupDropoffSummary-module__7u69mq__rangeChip {
  background: linear-gradient(135deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .2));
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  display: inline-flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .5), 0 2px 10px rgba(0, 0, 0, .06);
}

.PickupDropoffSummary-module__7u69mq__rangeDot {
  background: radial-gradient(circle at 30% 30%, #fff, var(--primary-color, #e68c3a));
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-color, #e68c3a) 10%, transparent);
  border-radius: 50%;
}

.PickupDropoffSummary-module__7u69mq__rangeLabel {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  font-size: 11px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__rangeText {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  font-size: 10px;
  font-weight: 400;
}

.PickupDropoffSummary-module__7u69mq__headerPills {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__softPill {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .15)), rgba(255, 255, 255, .08));
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: .01em;
  border: 1px solid color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .4));
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 10px;
  font-weight: 500;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .4);
}

.PickupDropoffSummary-module__7u69mq__controlsBar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__presetsRow {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__presetButton, .PickupDropoffSummary-module__7u69mq__presetGhost {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  cursor: pointer;
  letter-spacing: -.01em;
  background: linear-gradient(135deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .3));
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 10px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 500;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .3);
}

.PickupDropoffSummary-module__7u69mq__presetButton:hover, .PickupDropoffSummary-module__7u69mq__presetGhost:hover {
  border-color: rgba(255, 255, 255, .35);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .4);
}

.PickupDropoffSummary-module__7u69mq__presetActive {
  background: var(--brand-gradient, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 75%, white)));
  color: #fff;
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .5));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__presetGhost {
  background: rgba(255, 255, 255, .15);
  border-style: dashed;
}

.PickupDropoffSummary-module__7u69mq__errorBanner {
  color: #7f1d1d;
  background: linear-gradient(135deg, rgba(239, 68, 68, .15), rgba(239, 68, 68, .08));
  border: 1px solid rgba(239, 68, 68, .35);
  border-radius: 12px;
  margin: 6px 0 12px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(239, 68, 68, .18);
}

.PickupDropoffSummary-module__7u69mq__summaryHint {
  text-align: center;
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  background: linear-gradient(135deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, .12));
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__summaryRow {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 8px;
  display: grid;
}

.PickupDropoffSummary-module__7u69mq__summaryCard {
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, .1));
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 14px;
  padding: 16px 18px;
  transition: all .22s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .6);
}

.PickupDropoffSummary-module__7u69mq__summaryCard:before {
  content: "";
  background: var(--brand-gradient, linear-gradient(90deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white)));
  opacity: 0;
  height: 4px;
  transition: opacity .22s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.PickupDropoffSummary-module__7u69mq__summaryCard:after {
  content: "";
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color, #e68c3a) 8%, transparent) 0%, transparent 70%);
  pointer-events: none;
  opacity: .6;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: -50%;
  right: -20%;
}

.PickupDropoffSummary-module__7u69mq__summaryCard:hover {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 25%, rgba(255, 255, 255, .5));
  transform: translateY(-4px)scale(1.02);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .14), 0 4px 16px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .7);
}

.PickupDropoffSummary-module__7u69mq__summaryCard:hover:before {
  opacity: 1;
}

.PickupDropoffSummary-module__7u69mq__summaryCardActive {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 35%, rgba(255, 255, 255, .5));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 8%, rgba(255, 255, 255, .3)), rgba(255, 255, 255, .15));
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .7);
}

.PickupDropoffSummary-module__7u69mq__summaryCardActive:before {
  opacity: 1;
}

.PickupDropoffSummary-module__7u69mq__cardLabel {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__cardValueLarge {
  background: var(--brand-gradient-text, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 75%, white)));
  -webkit-text-fill-color: transparent;
  letter-spacing: -.03em;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .1));
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 2px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.PickupDropoffSummary-module__7u69mq__cardHint {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  opacity: 0;
  margin-top: 8px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.3;
  transition: opacity .22s;
}

.PickupDropoffSummary-module__7u69mq__summaryCard:hover .PickupDropoffSummary-module__7u69mq__cardHint {
  opacity: 1;
}

.PickupDropoffSummary-module__7u69mq__mobileToggle {
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .08));
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  margin: 4px 0 12px;
  padding: 4px;
  display: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, .4);
}

.PickupDropoffSummary-module__7u69mq__toggleBtn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  flex: 1;
  padding: 10px;
  font-weight: 700;
  transition: all .18s;
}

.PickupDropoffSummary-module__7u69mq__toggleActive {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 42%, rgba(255, 255, 255, .2)), rgba(255, 255, 255, .32));
  color: var(--text-primary);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .16);
}

.PickupDropoffSummary-module__7u69mq__columnsRow {
  gap: 12px;
  min-height: 0;
  margin-top: 6px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__columnBox {
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 10px;
  display: flex;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.PickupDropoffSummary-module__7u69mq__columnHeader {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__columnTitle {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__columnSub {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  margin-top: 3px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
}

.PickupDropoffSummary-module__7u69mq__countPill {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5)), rgba(255, 255, 255, .25));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .5));
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 6px 12px;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .5), 0 2px 8px rgba(0, 0, 0, .06);
}

.PickupDropoffSummary-module__7u69mq__countNumber {
  background: var(--brand-gradient-text, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 75%, white)));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.PickupDropoffSummary-module__7u69mq__countLabel {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 9px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__columnList {
  flex: 1;
  min-height: 0;
  max-height: 700px;
  overflow: visible;
}

.PickupDropoffSummary-module__7u69mq__gridContainer {
  -webkit-overflow-scrolling: touch;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  grid-auto-rows: 200px;
  gap: 14px;
  max-height: 600px;
  padding: 8px 12px 8px 8px;
  display: grid;
  overflow-x: hidden;
  overflow-y: auto;
}

.PickupDropoffSummary-module__7u69mq__gridContainer::-webkit-scrollbar {
  width: 6px;
}

.PickupDropoffSummary-module__7u69mq__gridContainer::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 35%, transparent), color-mix(in srgb, var(--primary-color) 65%, transparent));
  border-radius: 999px;
}

.PickupDropoffSummary-module__7u69mq__gridCard {
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  background: linear-gradient(145deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .65));
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  padding: 0;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .9);
}

.PickupDropoffSummary-module__7u69mq__gridCard:hover {
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .8));
  transform: translateY(-6px)scale(1.02);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px #fff;
}

.PickupDropoffSummary-module__7u69mq__gridCard:active {
  transition-duration: .1s;
  transform: translateY(-2px)scale(.99);
}

.PickupDropoffSummary-module__7u69mq__cardStrip {
  height: 4px;
  transition: height .2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.PickupDropoffSummary-module__7u69mq__gridCard:hover .PickupDropoffSummary-module__7u69mq__cardStrip {
  height: 6px;
}

.PickupDropoffSummary-module__7u69mq__stripUpcoming {
  background: linear-gradient(90deg, #10b981, #34d399);
}

.PickupDropoffSummary-module__7u69mq__stripPast {
  background: linear-gradient(90deg, #ef4444, #f87171);
}

.PickupDropoffSummary-module__7u69mq__cardHeader {
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding: 8px 8px 4px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__timeChip {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6)), rgba(255, 255, 255, .4));
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5));
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__timeMain {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  direction: ltr;
  font-size: 11px;
  font-weight: 700;
}

.PickupDropoffSummary-module__7u69mq__carVisual {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .01));
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin: 0 6px;
  transition: all .2s;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__carVisual:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, transparent), rgba(0, 0, 0, .02));
}

.PickupDropoffSummary-module__7u69mq__carImage {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  transition: transform .2s;
}

.PickupDropoffSummary-module__7u69mq__carVisual:hover .PickupDropoffSummary-module__7u69mq__carImage {
  transform: scale(1.05);
}

.PickupDropoffSummary-module__7u69mq__carPlaceholder {
  background: var(--brand-gradient, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white)));
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 25%, transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__carInitials {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  font-size: 12px;
  font-weight: 700;
}

.PickupDropoffSummary-module__7u69mq__carInfo {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 8px 4px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__carModel {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.PickupDropoffSummary-module__7u69mq__dateRow {
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__dateText {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  font-size: 11px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__relativeText {
  color: var(--primary-color, #e68c3a);
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__customerSection {
  border-top: 1px solid rgba(0, 0, 0, .05);
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 8px 12px 12px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__customerAvatar {
  width: 28px;
  height: 28px;
  color: var(--text-primary, rgba(0, 0, 0, .75));
  background: linear-gradient(135deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .04));
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__customerNameGrid {
  color: var(--text-primary, rgba(0, 0, 0, .85));
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.PickupDropoffSummary-module__7u69mq__cardActionHint {
  background: var(--brand-gradient, linear-gradient(135deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 70%, white)));
  color: #fff;
  text-align: center;
  padding: 6px;
  font-size: 10px;
  font-weight: 600;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}

.PickupDropoffSummary-module__7u69mq__gridCard:hover .PickupDropoffSummary-module__7u69mq__cardActionHint {
  transform: translateY(0);
}

.PickupDropoffSummary-module__7u69mq__columnTitleRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__columnIcon {
  font-size: 18px;
}

.PickupDropoffSummary-module__7u69mq__listItem {
  background: linear-gradient(135deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .45));
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 12px;
  flex-direction: column;
  padding: 10px;
  transition: all .18s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .6);
}

.PickupDropoffSummary-module__7u69mq__listItem:before {
  content: "";
  background: var(--brand-gradient, linear-gradient(180deg, var(--primary-color, #e68c3a), color-mix(in srgb, var(--primary-color, #e68c3a) 60%, white)));
  opacity: 0;
  width: 3px;
  height: 100%;
  transition: opacity .18s;
  position: absolute;
  top: 0;
  left: 0;
}

.PickupDropoffSummary-module__7u69mq__listItem + .PickupDropoffSummary-module__7u69mq__listItem {
  margin-top: 8px;
}

.PickupDropoffSummary-module__7u69mq__listItem:hover {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 20%, rgba(255, 255, 255, .6));
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .7);
}

.PickupDropoffSummary-module__7u69mq__listItem:hover:before {
  opacity: 1;
}

.PickupDropoffSummary-module__7u69mq__listItem[role="button"] {
  cursor: pointer;
}

.PickupDropoffSummary-module__7u69mq__cardContent {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__topRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__bottomRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__carSection {
  cursor: pointer;
  flex: 1;
  min-width: 0;
  transition: opacity .18s;
}

.PickupDropoffSummary-module__7u69mq__carSection:hover {
  opacity: .85;
}

.PickupDropoffSummary-module__7u69mq__customerInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__customerLabel {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 9px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__customerName {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__timeSection {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 10%, rgba(255, 255, 255, .45)), rgba(255, 255, 255, .28));
  border: 1px solid color-mix(in srgb, var(--primary-color, #e68c3a) 15%, rgba(255, 255, 255, .4));
  white-space: nowrap;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 2px;
  padding: 6px 9px;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .5);
}

.PickupDropoffSummary-module__7u69mq__timeLabel {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 9px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__timeValue {
  color: var(--text-primary, rgba(0, 0, 0, .92));
  letter-spacing: -.01em;
  text-align: left;
  direction: ltr;
  font-size: 11px;
  font-weight: 600;
}

.PickupDropoffSummary-module__7u69mq__timeRelative {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  font-size: 9px;
  font-weight: 400;
}

.PickupDropoffSummary-module__7u69mq__customerInfo {
  text-align: right;
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__cardActions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__statusBadge {
  letter-spacing: .02em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__badgePast {
  color: #b91c1c;
  background: rgba(239, 68, 68, .08);
  border: 1px solid rgba(239, 68, 68, .2);
  box-shadow: inset 0 1px rgba(239, 68, 68, .05);
}

.PickupDropoffSummary-module__7u69mq__badgeUpcoming {
  color: #065f46;
  background: rgba(16, 185, 129, .08);
  border: 1px solid rgba(16, 185, 129, .2);
  box-shadow: inset 0 1px rgba(16, 185, 129, .05);
}

.PickupDropoffSummary-module__7u69mq__reservationId {
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  letter-spacing: -.01em;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  box-shadow: inset 0 1px rgba(255, 255, 255, .4);
}

.PickupDropoffSummary-module__7u69mq__emptyCard {
  background: linear-gradient(135deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .3));
  border: 2px dashed rgba(0, 0, 0, .1);
  border-radius: 16px;
  flex-direction: column;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.PickupDropoffSummary-module__7u69mq__emptyIcon {
  opacity: .6;
  font-size: 36px;
}

.PickupDropoffSummary-module__7u69mq__emptyText {
  color: var(--text-secondary, rgba(0, 0, 0, .55));
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}

.PickupDropoffSummary-module__7u69mq__muted {
  color: var(--text-secondary);
  font-size: 13px;
}

@media (max-width: 950px) {
  .PickupDropoffSummary-module__7u69mq__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .PickupDropoffSummary-module__7u69mq__headerPills {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .PickupDropoffSummary-module__7u69mq__container {
    padding: 12px;
  }

  .PickupDropoffSummary-module__7u69mq__controlsBar {
    flex-direction: column;
    align-items: flex-start;
  }

  .PickupDropoffSummary-module__7u69mq__summaryRow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .PickupDropoffSummary-module__7u69mq__columnsRow {
    flex-direction: column;
  }

  .PickupDropoffSummary-module__7u69mq__columnBox {
    padding: 9px;
  }

  .PickupDropoffSummary-module__7u69mq__columnList {
    max-height: none;
    overflow: visible;
  }

  .PickupDropoffSummary-module__7u69mq__gridContainer {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 220px;
    gap: 10px;
    max-height: 500px;
    padding-bottom: 20px;
    overflow-y: auto;
  }

  .PickupDropoffSummary-module__7u69mq__gridCard {
    border-radius: 14px;
  }

  .PickupDropoffSummary-module__7u69mq__carVisual {
    height: 65px;
    margin: 0 10px;
  }

  .PickupDropoffSummary-module__7u69mq__carImage {
    max-height: 100%;
  }

  .PickupDropoffSummary-module__7u69mq__carPlaceholder {
    width: 50px;
    height: 50px;
  }

  .PickupDropoffSummary-module__7u69mq__carInitials {
    font-size: 18px;
  }

  .PickupDropoffSummary-module__7u69mq__mobileToggle {
    display: flex;
  }
}

@media (max-width: 480px) {
  .PickupDropoffSummary-module__7u69mq__container {
    padding: var(--widget-padding-mobile);
  }

  .PickupDropoffSummary-module__7u69mq__title {
    font-size: 16px;
  }

  .PickupDropoffSummary-module__7u69mq__subtitle {
    font-size: 11px;
  }

  .PickupDropoffSummary-module__7u69mq__summaryRow {
    gap: var(--widget-gap-mobile);
    grid-template-columns: repeat(2, 1fr);
  }

  .PickupDropoffSummary-module__7u69mq__summaryCard {
    padding: 12px 10px;
  }

  .PickupDropoffSummary-module__7u69mq__cardLabel {
    font-size: 9px;
  }

  .PickupDropoffSummary-module__7u69mq__cardValueLarge {
    font-size: 32px;
  }

  .PickupDropoffSummary-module__7u69mq__presetsRow {
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    overflow-x: auto;
  }

  .PickupDropoffSummary-module__7u69mq__presetsRow::-webkit-scrollbar {
    height: 4px;
  }

  .PickupDropoffSummary-module__7u69mq__presetsRow::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent), color-mix(in srgb, var(--primary-color, #e68c3a) 60%, transparent));
    border-radius: 999px;
  }

  .PickupDropoffSummary-module__7u69mq__presetButton, .PickupDropoffSummary-module__7u69mq__presetGhost {
    flex: none;
    padding: 5px 10px;
    font-size: 10px;
  }

  .PickupDropoffSummary-module__7u69mq__gridContainer {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;
    gap: 8px;
    max-height: 450px;
    padding-bottom: 16px;
  }

  .PickupDropoffSummary-module__7u69mq__gridCard {
    border-radius: 12px;
  }

  .PickupDropoffSummary-module__7u69mq__cardHeader {
    padding: 8px 8px 4px;
  }

  .PickupDropoffSummary-module__7u69mq__timeChip {
    padding: 3px 6px;
  }

  .PickupDropoffSummary-module__7u69mq__timeMain {
    font-size: 11px;
  }

  .PickupDropoffSummary-module__7u69mq__carVisual {
    border-radius: 8px;
    height: 55px;
    margin: 0 6px;
  }

  .PickupDropoffSummary-module__7u69mq__carImage {
    max-height: 100%;
  }

  .PickupDropoffSummary-module__7u69mq__carPlaceholder {
    width: 40px;
    height: 40px;
  }

  .PickupDropoffSummary-module__7u69mq__carInitials {
    font-size: 14px;
  }

  .PickupDropoffSummary-module__7u69mq__carInfo {
    padding: 4px 6px 2px;
  }

  .PickupDropoffSummary-module__7u69mq__carModel {
    font-size: 11px;
  }

  .PickupDropoffSummary-module__7u69mq__dateRow {
    gap: 4px;
    padding: 2px 6px;
  }

  .PickupDropoffSummary-module__7u69mq__dateText {
    font-size: 9px;
  }

  .PickupDropoffSummary-module__7u69mq__relativeText {
    padding: 1px 4px;
    font-size: 8px;
  }

  .PickupDropoffSummary-module__7u69mq__customerSection {
    gap: 4px;
    padding: 4px 6px 8px;
  }

  .PickupDropoffSummary-module__7u69mq__customerAvatar {
    width: 22px;
    height: 22px;
    font-size: 9px;
  }

  .PickupDropoffSummary-module__7u69mq__customerNameGrid {
    max-width: 70px;
    font-size: 10px;
  }

  .PickupDropoffSummary-module__7u69mq__cardActionHint {
    padding: 4px;
    font-size: 8px;
  }

  .PickupDropoffSummary-module__7u69mq__statusBadge {
    padding: 2px 6px;
    font-size: 8px;
  }
}

@media (min-width: 1400px) {
  .PickupDropoffSummary-module__7u69mq__gridContainer {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
  }

  .PickupDropoffSummary-module__7u69mq__gridCard {
    border-radius: 12px;
  }

  .PickupDropoffSummary-module__7u69mq__carVisual {
    height: 45px;
  }

  .PickupDropoffSummary-module__7u69mq__carImage {
    max-height: 40px;
  }

  .PickupDropoffSummary-module__7u69mq__carPlaceholder {
    width: 35px;
    height: 35px;
  }

  .PickupDropoffSummary-module__7u69mq__carInitials {
    font-size: 13px;
  }
}

@media (min-width: 1800px) {
  .PickupDropoffSummary-module__7u69mq__gridContainer {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
  }
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__container {
  background: var(--glass-gradient-primary);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25), 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__glassHalo {
  opacity: .15;
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__rangeChip {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .15);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 2px 10px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__softPill {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 25%, rgba(30, 41, 59, .9)), rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 35%, rgba(255, 255, 255, .1));
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .1);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__presetButton, [data-theme="dark"] .PickupDropoffSummary-module__7u69mq__presetGhost {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .12);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__presetButton:hover, [data-theme="dark"] .PickupDropoffSummary-module__7u69mq__presetGhost:hover {
  border-color: rgba(255, 255, 255, .2);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .12);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__summaryCard {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__summaryCard:hover {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 30%, rgba(255, 255, 255, .15));
  box-shadow: 0 16px 48px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .12);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__summaryCardActive {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 40%, rgba(255, 255, 255, .2));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 15%, rgba(30, 41, 59, .9)), rgba(30, 41, 59, .85));
  box-shadow: 0 12px 40px rgba(0, 0, 0, .25), 0 0 0 3px color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__summaryHint {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__columnBox {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__countPill {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, rgba(30, 41, 59, .9)), rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__toggleBtn {
  background: none;
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__toggleActive {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 35%, rgba(30, 41, 59, .9)), rgba(30, 41, 59, .8));
  box-shadow: 0 10px 26px rgba(0, 0, 0, .3);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__mobileToggle {
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__gridCard {
  background: linear-gradient(160deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__gridCard:hover {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 35%, rgba(255, 255, 255, .15));
  background: linear-gradient(160deg, color-mix(in srgb, var(--primary-color, #e68c3a) 12%, rgba(255, 255, 255, .1)) 0%, rgba(255, 255, 255, .05) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 20px color-mix(in srgb, var(--primary-color, #e68c3a) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .12);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__carVisual {
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__carPlaceholder {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__timeChip {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .12);
}

[data-theme="dark"] .PickupDropoffSummary-module__7u69mq__cardActionHint {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(30, 41, 59, .95));
}

/* [project]/src/components/Dashboard/Views/DashboardViews.module.css [client] (css) */
.DashboardViews-module__aNazrq__dashboardView {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.DashboardViews-module__aNazrq__fullWidthSection {
  width: 100%;
}

.DashboardViews-module__aNazrq__twoColumnRow {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  display: grid;
}

.DashboardViews-module__aNazrq__threeColumnRow {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.DashboardViews-module__aNazrq__glassCard {
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .3));
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .5);
}

.DashboardViews-module__aNazrq__sectionHeader {
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  display: flex;
}

.DashboardViews-module__aNazrq__sectionTitle {
  font-size: var(--text-lg);
  color: var(--text-primary, #1e293b);
  align-items: center;
  gap: 10px;
  font-weight: 600;
  display: flex;
}

.DashboardViews-module__aNazrq__sectionTitle svg {
  color: var(--primary-color);
}

.DashboardViews-module__aNazrq__sectionSubtitle {
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  margin-top: 2px;
}

.DashboardViews-module__aNazrq__emptyState {
  text-align: center;
  color: var(--text-secondary, #64748b);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.DashboardViews-module__aNazrq__emptyState svg {
  opacity: .5;
  margin-bottom: 16px;
  font-size: 48px;
}

.DashboardViews-module__aNazrq__emptyState h3 {
  font-size: var(--text-lg);
  color: var(--text-primary, #1e293b);
  margin-bottom: 8px;
  font-weight: 600;
}

.DashboardViews-module__aNazrq__emptyState p {
  font-size: var(--text-sm);
}

.DashboardViews-module__aNazrq__loadingState {
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

@media (max-width: 1024px) {
  .DashboardViews-module__aNazrq__threeColumnRow {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .DashboardViews-module__aNazrq__dashboardView {
    gap: 16px;
  }

  .DashboardViews-module__aNazrq__twoColumnRow, .DashboardViews-module__aNazrq__threeColumnRow {
    grid-template-columns: 1fr;
  }

  .DashboardViews-module__aNazrq__glassCard {
    border-radius: 12px;
    padding: 16px;
  }

  .DashboardViews-module__aNazrq__sectionTitle {
    font-size: var(--text-md);
  }
}

[data-theme="dark"] .DashboardViews-module__aNazrq__glassCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .DashboardViews-module__aNazrq__sectionTitle {
  color: rgba(255, 255, 255, .95);
}

[data-theme="dark"] .DashboardViews-module__aNazrq__sectionHeader {
  border-bottom-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .DashboardViews-module__aNazrq__emptyState h3 {
  color: rgba(255, 255, 255, .9);
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/dashboard.module.css [client] (css) */
.dashboard-module__U0GUaq__dashboardContainer {
  min-height: 100vh;
}

.dashboard-module__U0GUaq__dashboardHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dashboard-module__U0GUaq__headerTitle {
  font-size: var(--text-2xl, 28px);
  color: var(--text-primary);
  font-weight: 700;
}

.dashboard-module__U0GUaq__branchFilter {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.dashboard-module__U0GUaq__branchFilterLabel {
  font-size: var(--text-sm, 14px);
  color: var(--text-secondary);
}

.dashboard-module__U0GUaq__branchSelect {
  min-width: 200px;
  padding: var(--spacing-sm, 10px) var(--spacing-md, 16px);
  font-size: var(--text-md, 15px);
  color: var(--text-primary);
  background: var(--background-primary, #fff);
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: var(--radius-md, 10px);
  cursor: pointer;
  transition: all .2s;
}

.dashboard-module__U0GUaq__branchSelect:hover {
  border-color: var(--primary-color);
}

.dashboard-module__U0GUaq__branchSelect:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246), .15);
  outline: none;
}

.dashboard-module__U0GUaq__dashboardGrid {
  gap: var(--spacing-lg, 24px);
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(min-content, auto);
  display: grid;
}

.dashboard-module__U0GUaq__kpisWidget, .dashboard-module__U0GUaq__fullWidthWidget {
  grid-column: span 12;
}

.dashboard-module__U0GUaq__largeWidget {
  grid-column: span 6;
}

.dashboard-module__U0GUaq__mediumWidget {
  grid-column: span 4;
}

.dashboard-module__U0GUaq__smallWidget {
  grid-column: span 3;
}

.dashboard-module__U0GUaq__widgetKpis, .dashboard-module__U0GUaq__widgetWeekForecast, .dashboard-module__U0GUaq__widgetIdleVehicles, .dashboard-module__U0GUaq__widgetLateReturns, .dashboard-module__U0GUaq__widgetOpenDamages, .dashboard-module__U0GUaq__widgetKanban {
  grid-column: span 12;
}

.dashboard-module__U0GUaq__widgetRevenue, .dashboard-module__U0GUaq__widgetFleet {
  grid-column: span 6;
}

.dashboard-module__U0GUaq__widgetAlerts, .dashboard-module__U0GUaq__widgetTurnaround, .dashboard-module__U0GUaq__widgetCancellations, .dashboard-module__U0GUaq__widgetQuickActions {
  grid-column: span 4;
}

@media (max-width: 1200px) {
  .dashboard-module__U0GUaq__widgetRevenue, .dashboard-module__U0GUaq__widgetFleet, .dashboard-module__U0GUaq__widgetAlerts, .dashboard-module__U0GUaq__widgetTurnaround, .dashboard-module__U0GUaq__widgetCancellations, .dashboard-module__U0GUaq__widgetQuickActions {
    grid-column: span 6;
  }
}

@media (max-width: 1024px) {
  .dashboard-module__U0GUaq__dashboardContainer {
    padding: var(--spacing-md, 16px);
  }

  .dashboard-module__U0GUaq__dashboardGrid {
    gap: var(--spacing-md, 16px);
  }

  .dashboard-module__U0GUaq__widgetRevenue, .dashboard-module__U0GUaq__widgetFleet {
    grid-column: span 12;
  }

  .dashboard-module__U0GUaq__widgetAlerts, .dashboard-module__U0GUaq__widgetTurnaround, .dashboard-module__U0GUaq__widgetCancellations {
    grid-column: span 6;
  }
}

@media (max-width: 768px) {
  .dashboard-module__U0GUaq__dashboardHeader {
    align-items: stretch;
    gap: var(--spacing-sm, 12px);
    flex-direction: column;
  }

  .dashboard-module__U0GUaq__branchFilter {
    justify-content: flex-start;
  }

  .dashboard-module__U0GUaq__branchSelect {
    min-width: unset;
    flex: 1;
  }

  .dashboard-module__U0GUaq__widgetWeekForecast, .dashboard-module__U0GUaq__widgetIdleVehicles, .dashboard-module__U0GUaq__widgetLateReturns, .dashboard-module__U0GUaq__widgetKanban, .dashboard-module__U0GUaq__widgetRevenue, .dashboard-module__U0GUaq__widgetFleet, .dashboard-module__U0GUaq__widgetAlerts, .dashboard-module__U0GUaq__widgetTurnaround, .dashboard-module__U0GUaq__widgetCancellations, .dashboard-module__U0GUaq__widgetQuickActions {
    grid-column: span 12;
  }
}

@media (max-width: 480px) {
  .dashboard-module__U0GUaq__dashboardContainer {
    padding: var(--spacing-sm, 12px);
  }

  .dashboard-module__U0GUaq__dashboardGrid {
    gap: var(--spacing-sm, 12px);
  }

  .dashboard-module__U0GUaq__headerTitle {
    font-size: var(--text-xl, 22px);
  }
}

@keyframes dashboard-module__U0GUaq__widgetFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dashboard-module__U0GUaq__dashboardGrid > * {
  animation: .4s forwards dashboard-module__U0GUaq__widgetFadeIn;
}

.dashboard-module__U0GUaq__dashboardGrid > :first-child {
  animation-delay: 50ms;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(2) {
  animation-delay: .1s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(3) {
  animation-delay: .15s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(4) {
  animation-delay: .2s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(5) {
  animation-delay: .25s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(6) {
  animation-delay: .3s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(7) {
  animation-delay: .35s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(8) {
  animation-delay: .4s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(9) {
  animation-delay: .45s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(10) {
  animation-delay: .5s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(11) {
  animation-delay: .55s;
}

.dashboard-module__U0GUaq__dashboardGrid > :nth-child(12) {
  animation-delay: .6s;
}

@media print {
  .dashboard-module__U0GUaq__dashboardContainer {
    background: #fff;
    padding: 0;
  }

  .dashboard-module__U0GUaq__dashboardGrid {
    display: block;
  }

  .dashboard-module__U0GUaq__dashboardGrid > * {
    page-break-inside: avoid;
    margin-bottom: 20px;
  }

  .dashboard-module__U0GUaq__branchFilter {
    display: none;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/shared/WidgetWrapper/WidgetWrapper.module.css [client] (css) */
.WidgetWrapper-module__kAhCXG__widget {
  background: var(--background-glass, rgba(255, 255, 255, .85));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border-color, rgba(255, 255, 255, .2));
  border-radius: var(--radius-xl, 20px);
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

.WidgetWrapper-module__kAhCXG__widget:before {
  content: "";
  opacity: .6;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .5), rgba(0, 0, 0, 0));
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.WidgetWrapper-module__kAhCXG__widget:hover {
  border-color: rgba(var(--primary-rgb, 59, 130, 246), .2);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);
}

.WidgetWrapper-module__kAhCXG__default {
  min-height: 200px;
}

.WidgetWrapper-module__kAhCXG__large {
  min-height: 350px;
}

.WidgetWrapper-module__kAhCXG__full {
  min-height: auto;
}

.WidgetWrapper-module__kAhCXG__header {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  background: linear-gradient(rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__titleSection {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.WidgetWrapper-module__kAhCXG__iconWrapper {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .15) 0%, rgba(var(--primary-rgb, 59, 130, 246), .05) 100%);
  border-radius: var(--radius-md, 10px);
  width: 36px;
  height: 36px;
  color: var(--primary-color, #3b82f6);
  justify-content: center;
  align-items: center;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__title {
  font-size: var(--text-lg, 17px);
  color: var(--text-primary);
  margin: 0;
  font-weight: 600;
}

.WidgetWrapper-module__kAhCXG__subtitle {
  font-size: var(--text-sm, 13px);
  color: var(--text-muted);
  margin-right: var(--spacing-sm, 8px);
}

.WidgetWrapper-module__kAhCXG__badge {
  color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.WidgetWrapper-module__kAhCXG__badge.WidgetWrapper-module__kAhCXG__primary {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark, #2563eb) 100%);
}

.WidgetWrapper-module__kAhCXG__badge.WidgetWrapper-module__kAhCXG__danger {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.WidgetWrapper-module__kAhCXG__badge.WidgetWrapper-module__kAhCXG__warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.WidgetWrapper-module__kAhCXG__badge.WidgetWrapper-module__kAhCXG__success {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.WidgetWrapper-module__kAhCXG__badge.WidgetWrapper-module__kAhCXG__info {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.WidgetWrapper-module__kAhCXG__actions {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.WidgetWrapper-module__kAhCXG__body {
  padding: var(--spacing-lg, 20px);
}

.WidgetWrapper-module__kAhCXG__body.WidgetWrapper-module__kAhCXG__noPadding {
  padding: 0;
}

.WidgetWrapper-module__kAhCXG__loadingState {
  padding: var(--spacing-2xl, 40px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md, 16px);
  color: var(--text-muted);
  font-size: var(--text-sm);
  flex-direction: column;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__spinner {
  border: 3px solid var(--border-color);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite WidgetWrapper-module__kAhCXG__spin;
}

@keyframes WidgetWrapper-module__kAhCXG__spin {
  to {
    transform: rotate(360deg);
  }
}

.WidgetWrapper-module__kAhCXG__skeleton {
  background: linear-gradient(90deg, var(--background-secondary) 25%, var(--background-tertiary) 50%, var(--background-secondary) 75%);
  background-size: 200% 100%;
  animation: 1.5s infinite WidgetWrapper-module__kAhCXG__shimmer;
}

@keyframes WidgetWrapper-module__kAhCXG__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.WidgetWrapper-module__kAhCXG__skeletonIcon {
  border-radius: var(--radius-sm);
  width: 20px;
  height: 20px;
}

.WidgetWrapper-module__kAhCXG__skeletonTitle {
  border-radius: var(--radius-sm);
  background: linear-gradient(90deg, var(--background-secondary) 25%, var(--background-tertiary) 50%, var(--background-secondary) 75%);
  background-size: 200% 100%;
  width: 120px;
  height: 20px;
  animation: 1.5s infinite WidgetWrapper-module__kAhCXG__shimmer;
}

.WidgetWrapper-module__kAhCXG__errorState {
  padding: var(--spacing-2xl, 40px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md, 16px);
  color: var(--text-secondary);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__errorState svg {
  color: var(--danger-color, #ef4444);
  opacity: .7;
}

.WidgetWrapper-module__kAhCXG__errorState p {
  font-size: var(--text-sm);
  margin: 0;
}

.WidgetWrapper-module__kAhCXG__retryButton {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  background: var(--primary-color);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  font-size: var(--text-sm);
  cursor: pointer;
  border: none;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__retryButton:hover {
  background: var(--primary-dark, #2563eb);
  transform: translateY(-1px);
}

.WidgetWrapper-module__kAhCXG__emptyState {
  padding: var(--spacing-2xl, 40px) var(--spacing-lg, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__emptyIcon {
  width: 80px;
  height: 80px;
  color: var(--success-color, #22c55e);
  background: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(34, 197, 94, .05) 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.WidgetWrapper-module__kAhCXG__emptyMessage {
  font-size: var(--text-md);
  color: var(--text-primary);
  margin: 0;
  font-weight: 500;
}

.WidgetWrapper-module__kAhCXG__emptySubtext {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

[data-theme="dark"] .WidgetWrapper-module__kAhCXG__widget {
  background: rgba(30, 30, 30, .85);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .WidgetWrapper-module__kAhCXG__widget:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .1), rgba(0, 0, 0, 0));
}

[data-theme="dark"] .WidgetWrapper-module__kAhCXG__header {
  background: linear-gradient(rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 768px) {
  .WidgetWrapper-module__kAhCXG__widget {
    border-radius: var(--radius-lg, 16px);
  }

  .WidgetWrapper-module__kAhCXG__header {
    padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  }

  .WidgetWrapper-module__kAhCXG__body {
    padding: var(--spacing-md, 16px);
  }

  .WidgetWrapper-module__kAhCXG__title {
    font-size: var(--text-md);
  }

  .WidgetWrapper-module__kAhCXG__iconWrapper {
    width: 32px;
    height: 32px;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/shared/MiniSelect/MiniSelect.module.css [client] (css) */
.MiniSelect-module__C825ua__select {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  background: var(--background-secondary, #f5f5f5);
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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");
  background-position: 8px 50%;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  min-width: 80px;
  padding: 6px 28px 6px 12px;
  font-weight: 500;
  transition: all .2s;
}

.MiniSelect-module__C825ua__select:hover {
  background-color: var(--background-tertiary, #e5e5e5);
  border-color: var(--border-color);
}

.MiniSelect-module__C825ua__select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246), .1);
  outline: none;
}

[dir="rtl"] .MiniSelect-module__C825ua__select {
  background-position: right 8px center;
  padding: 6px 12px 6px 28px;
}

/* [project]/src/components/Ui/SummaryCards/SummaryCards.module.css [client] (css) */
.SummaryCards-module__a8JvSa__wrap {
  --gap: 12px;
  --cols: 6;
  gap: var(--gap);
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
}

.SummaryCards-module__a8JvSa__card {
  flex: 1 1 calc((100% - (var(--cols)  - 1) * var(--gap)) / var(--cols));
  --tone-fg: color-mix(in srgb, var(--secondary-color) 85%, white 15%);
  --tone-bg: color-mix(in srgb, var(--secondary-color) 14%, transparent);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  min-width: 0;
  -webkit-backdrop-filter: blur(var(--glass-blur, 18px));
  box-shadow: var(--glass-shadow);
  --tilt-max: 7deg;
  --lift-hover: -2px;
  --glass-blur-base: 18px;
  --glass-blur-boost: 4px;
  --specular-size: 46%;
  --specular-strength: .38;
  --px: .5;
  --py: .5;
  --dx: calc(var(--px)  - .5);
  --dy: calc(var(--py)  - .5);
  --rx: calc(var(--dy) * var(--tilt-max) * -1);
  --ry: calc(var(--dx) * var(--tilt-max));
  --glow-x: calc(var(--px) * 100%);
  --glow-y: calc(var(--py) * 100%);
  transform-style: preserve-3d;
  will-change: transform, box-shadow, backdrop-filter;
  border-radius: 16px;
  outline: none;
  padding: 12px 14px;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  position: relative;
}

.SummaryCards-module__a8JvSa__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14);
}

.SummaryCards-module__a8JvSa__card:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 60%, transparent);
  transform: translateY(-1px);
}

.SummaryCards-module__a8JvSa__card.SummaryCards-module__a8JvSa__clickable.SummaryCards-module__a8JvSa__interactive:hover, .SummaryCards-module__a8JvSa__card.SummaryCards-module__a8JvSa__clickable.SummaryCards-module__a8JvSa__interactive:active {
  transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift-hover));
}

.SummaryCards-module__a8JvSa__card.SummaryCards-module__a8JvSa__clickable.SummaryCards-module__a8JvSa__interactive:hover .SummaryCards-module__a8JvSa__inner, .SummaryCards-module__a8JvSa__card.SummaryCards-module__a8JvSa__clickable.SummaryCards-module__a8JvSa__interactive:active .SummaryCards-module__a8JvSa__inner {
  -webkit-backdrop-filter: blur(calc(var(--glass-blur-base)  + var(--glass-blur-boost))) saturate(120%);
}

.SummaryCards-module__a8JvSa__clickable {
  cursor: pointer;
}

.SummaryCards-module__a8JvSa__clickable:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);
}

.SummaryCards-module__a8JvSa__halo {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(220px 220px at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--tone-bg) 85%, white 15%) 0%, color-mix(in srgb, var(--tone-bg) 30%, transparent) 35%, transparent 60%);
  opacity: .55;
  border-radius: 18px;
  transition: opacity .2s;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}

.SummaryCards-module__a8JvSa__card:hover .SummaryCards-module__a8JvSa__halo {
  opacity: .75;
}

.SummaryCards-module__a8JvSa__card:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(255, 255, 255, var(--specular-strength)) 0%, rgba(255, 255, 255, .05) var(--specular-size), transparent calc(var(--specular-size)  + 14%));
  mix-blend-mode: screen;
  opacity: 0;
  border-radius: 18px;
  transition: opacity .18s;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.SummaryCards-module__a8JvSa__card.SummaryCards-module__a8JvSa__hovering:after {
  opacity: .9;
}

.SummaryCards-module__a8JvSa__inner {
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, .04), rgba(0, 0, 0, 0) 60%);
  border-radius: 12px;
  padding: 4px 2px;
  position: relative;
}

.SummaryCards-module__a8JvSa__headerRow {
  align-items: center;
  gap: 8px;
  min-height: 28px;
  display: flex;
}

.SummaryCards-module__a8JvSa__headerLeft {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
}

.SummaryCards-module__a8JvSa__iconGlass {
  --ring: color-mix(in srgb, var(--tone-bg) 60%, transparent);
  background: radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, .16), transparent), var(--glass-bg);
  border: 1px solid var(--glass-border);
  width: 28px;
  height: 28px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 2px var(--ring);
  -webkit-backdrop-filter: blur(calc(var(--glass-blur, 18px) * .75));
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.SummaryCards-module__a8JvSa__icon {
  color: var(--tone-fg);
  opacity: .95;
  font-size: 14px;
}

.SummaryCards-module__a8JvSa__label {
  color: var(--tone-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: max(13px, min(1.6vw, 15px));
  font-weight: 700;
  overflow: hidden;
}

.SummaryCards-module__a8JvSa__valueRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-top: 10px;
  display: flex;
}

.SummaryCards-module__a8JvSa__percentBadge {
  letter-spacing: .1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--title, #0f0f10);
  text-shadow: 0 1px rgba(255, 255, 255, .25);
  background: linear-gradient(rgba(255, 255, 255, .22), rgba(255, 255, 255, .1));
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.SummaryCards-module__a8JvSa__percentBadge .SummaryCards-module__a8JvSa__k {
  font-weight: 900;
}

@media (max-width: 560px) {
  .SummaryCards-module__a8JvSa__percentBadge {
    padding: 5px 8px;
    font-size: 11px;
  }
}

.SummaryCards-module__a8JvSa__value {
  color: var(--text-primary, var(--secondary-color));
  letter-spacing: -.02em;
  flex: 1;
  font-size: max(20px, min(2.2vw, 28px));
  font-weight: 800;
  line-height: 1.1;
}

.SummaryCards-module__a8JvSa__hint {
  color: color-mix(in srgb, var(--text-primary, var(--secondary-color)) 62%, white 38%);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
  font-size: max(12px, min(1.4vw, 13px));
  overflow: hidden;
}

.SummaryCards-module__a8JvSa__skeletonWrap {
  gap: 8px;
  display: grid;
}

.SummaryCards-module__a8JvSa__skel {
  background: linear-gradient(90deg, color-mix(in srgb, var(--secondary-color) 6%, white 94%) 0%, color-mix(in srgb, var(--secondary-color) 10%, white 90%) 40%, color-mix(in srgb, var(--secondary-color) 6%, white 94%) 100%);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.SummaryCards-module__a8JvSa__skel:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .35) 45%, rgba(0, 0, 0, 0) 70%);
  animation: 1.2s ease-in-out infinite SummaryCards-module__a8JvSa__shimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateX(-100%);
}

.SummaryCards-module__a8JvSa__skelLabel {
  width: 60%;
  height: 16px;
}

.SummaryCards-module__a8JvSa__skelValue {
  width: 38%;
  height: 28px;
}

.SummaryCards-module__a8JvSa__skelHint {
  width: 32%;
  height: 12px;
}

@keyframes SummaryCards-module__a8JvSa__shimmer {
  100% {
    transform: translateX(100%);
  }
}

.SummaryCards-module__a8JvSa__neutral {
  --tone-fg: color-mix(in srgb, var(--secondary-color) 85%, white 15%);
  --tone-bg: color-mix(in srgb, var(--secondary-color) 18%, transparent);
}

.SummaryCards-module__a8JvSa__success {
  --tone-fg: #12863d;
  --tone-bg: rgba(22, 163, 74, .26);
}

.SummaryCards-module__a8JvSa__warning {
  --tone-fg: #a67103;
  --tone-bg: rgba(202, 138, 4, .26);
}

.SummaryCards-module__a8JvSa__danger {
  --tone-fg: #b41f1f;
  --tone-bg: rgba(220, 38, 38, .26);
}

.SummaryCards-module__a8JvSa__info {
  --tone-fg: #1e51c1;
  --tone-bg: rgba(59, 130, 246, .26);
}

.SummaryCards-module__a8JvSa__purple {
  --tone-fg: #6630c2;
  --tone-bg: rgba(139, 92, 246, .26);
}

.SummaryCards-module__a8JvSa__pink {
  --tone-fg: #b42062;
  --tone-bg: rgba(236, 72, 153, .26);
}

@media (max-width: 1200px) {
  .SummaryCards-module__a8JvSa__wrap {
    --cols: 3;
  }
}

@media (max-width: 980px) {
  .SummaryCards-module__a8JvSa__wrap {
    --cols: 2;
  }
}

@media (max-width: 560px) {
  .SummaryCards-module__a8JvSa__wrap {
    --cols: 2;
  }
}

@media (max-width: 380px) {
  .SummaryCards-module__a8JvSa__wrap {
    --cols: 2;
  }
}

@media (max-width: 560px) {
  .SummaryCards-module__a8JvSa__card {
    border-radius: 14px;
    padding: 10px 12px;
  }

  .SummaryCards-module__a8JvSa__inner {
    padding: 2px 0;
  }

  .SummaryCards-module__a8JvSa__iconGlass {
    width: 26px;
    height: 26px;
  }

  .SummaryCards-module__a8JvSa__icon {
    font-size: 13px;
  }
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__card {
  --specular-strength: .15;
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__card:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__halo {
  background: radial-gradient(220px 220px at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--tone-bg) 65%, transparent) 0%, color-mix(in srgb, var(--tone-bg) 25%, transparent) 35%, transparent 60%);
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__card:after {
  background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) var(--specular-size), transparent calc(var(--specular-size)  + 14%));
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__inner {
  background: linear-gradient(rgba(255, 255, 255, .02), rgba(0, 0, 0, 0));
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__iconGlass {
  background: linear-gradient(135deg, color-mix(in srgb, var(--tone-bg) 40%, rgba(30, 41, 59, .8)), color-mix(in srgb, var(--tone-bg) 25%, rgba(30, 41, 59, .9)));
  border-color: color-mix(in srgb, var(--tone-fg) 20%, rgba(255, 255, 255, .08));
  box-shadow: 0 3px 8px color-mix(in srgb, var(--tone-bg) 35%, rgba(0, 0, 0, .3)), inset 0 1px 1px rgba(255, 255, 255, .06);
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__skelItem {
  background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .SummaryCards-module__a8JvSa__skelItem:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .06), rgba(0, 0, 0, 0));
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/WeekForecastWidget/WeekForecastWidget.module.css [client] (css) */
.WeekForecastWidget-module__t_NjGG__container {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__summaryBar {
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .05) 0%, rgba(var(--primary-rgb, 59, 130, 246), .02) 100%);
  border-radius: var(--radius-lg, 16px);
  border: 1px solid rgba(var(--primary-rgb, 59, 130, 246), .1);
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__summaryItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-md, 12px);
  flex: 1;
  transition: all .2s;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__summaryItem:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.WeekForecastWidget-module__t_NjGG__summaryIcon {
  border-radius: var(--radius-md, 10px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__summaryIcon[data-type="pickup"] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.WeekForecastWidget-module__t_NjGG__summaryIcon[data-type="return"] {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.WeekForecastWidget-module__t_NjGG__summaryIcon[data-type="pending"] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.WeekForecastWidget-module__t_NjGG__summaryIcon[data-type="busy"] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.WeekForecastWidget-module__t_NjGG__summaryContent {
  flex-direction: column;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__summaryValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.WeekForecastWidget-module__t_NjGG__summaryLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.WeekForecastWidget-module__t_NjGG__splitView {
  gap: var(--spacing-lg, 20px);
  grid-template-columns: 1fr 1fr;
  min-height: 250px;
  display: grid;
}

@media (max-width: 900px) {
  .WeekForecastWidget-module__t_NjGG__splitView {
    grid-template-columns: 1fr;
  }
}

.WeekForecastWidget-module__t_NjGG__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md, 16px);
  padding-bottom: var(--spacing-sm, 10px);
  border-bottom: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  font-weight: 600;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__listSection {
  flex-direction: column;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__daysList {
  gap: var(--spacing-xs, 6px);
  flex-direction: column;
  max-height: 220px;
  display: flex;
  overflow-y: auto;
}

.WeekForecastWidget-module__t_NjGG__dayItem {
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 10px);
  cursor: pointer;
  transition: all .2s;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__dayItem:hover {
  background: var(--background-tertiary, #f1f5f9);
  transform: translateX(-4px);
}

.WeekForecastWidget-module__t_NjGG__dayItem.WeekForecastWidget-module__t_NjGG__today {
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .1) 0%, rgba(var(--primary-rgb, 59, 130, 246), .05) 100%);
  border: 1px solid rgba(var(--primary-rgb, 59, 130, 246), .2);
}

.WeekForecastWidget-module__t_NjGG__dayInfo {
  flex-direction: column;
  min-width: 60px;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__dayName {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  font-weight: 600;
}

.WeekForecastWidget-module__t_NjGG__dayDate {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.WeekForecastWidget-module__t_NjGG__dayStats {
  gap: var(--spacing-md, 16px);
  flex: 1;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__dayStat {
  font-size: var(--text-sm, 13px);
  align-items: center;
  gap: 4px;
  font-weight: 500;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__dayStat[data-type="pickup"] {
  color: #d97706;
}

.WeekForecastWidget-module__t_NjGG__dayStat[data-type="return"] {
  color: #0891b2;
}

.WeekForecastWidget-module__t_NjGG__dayTotal {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  width: 32px;
  height: 32px;
  font-size: var(--text-sm, 13px);
  border-radius: var(--radius-full, 50%);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__chartSection {
  flex-direction: column;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__chartContainer {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__barChart {
  justify-content: space-around;
  align-items: flex-end;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 16px) 0;
  flex: 1;
  min-height: 180px;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__barGroup {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__bars {
  align-items: flex-end;
  gap: 4px;
  height: 140px;
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__bar {
  border-radius: var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0;
  justify-content: center;
  align-items: flex-start;
  width: 24px;
  min-height: 4px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.WeekForecastWidget-module__t_NjGG__bar[data-type="pickup"] {
  background: linear-gradient(#f59e0b 0%, #d97706 100%);
}

.WeekForecastWidget-module__t_NjGG__bar[data-type="return"] {
  background: linear-gradient(#06b6d4 0%, #0891b2 100%);
}

.WeekForecastWidget-module__t_NjGG__bar:hover {
  opacity: .8;
  transform: scaleX(1.1);
}

.WeekForecastWidget-module__t_NjGG__barValue {
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: -20px;
}

.WeekForecastWidget-module__t_NjGG__barLabel {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  text-align: center;
}

.WeekForecastWidget-module__t_NjGG__chartLegend {
  justify-content: center;
  gap: var(--spacing-lg, 24px);
  padding-top: var(--spacing-sm, 12px);
  border-top: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__legendItem {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  display: flex;
}

.WeekForecastWidget-module__t_NjGG__legendDot {
  border-radius: var(--radius-sm, 4px);
  width: 10px;
  height: 10px;
}

.WeekForecastWidget-module__t_NjGG__legendDot[data-type="pickup"] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.WeekForecastWidget-module__t_NjGG__legendDot[data-type="return"] {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

@media (max-width: 768px) {
  .WeekForecastWidget-module__t_NjGG__summaryBar {
    flex-wrap: wrap;
  }

  .WeekForecastWidget-module__t_NjGG__summaryItem {
    flex: calc(50% - 8px);
  }

  .WeekForecastWidget-module__t_NjGG__bars {
    height: 100px;
  }

  .WeekForecastWidget-module__t_NjGG__bar {
    width: 18px;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/IdleVehiclesWidget/IdleVehiclesWidget.module.css [client] (css) */
.IdleVehiclesWidget-module__4IJVva__filters {
  gap: var(--spacing-xs, 6px);
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__container {
  gap: var(--spacing-md, 16px);
  flex-direction: column;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__splitView {
  gap: var(--spacing-lg, 24px);
  grid-template-columns: 1fr 1fr;
  min-height: 300px;
  display: grid;
}

@media (max-width: 1000px) {
  .IdleVehiclesWidget-module__4IJVva__splitView {
    grid-template-columns: 1fr;
  }
}

.IdleVehiclesWidget-module__4IJVva__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md, 16px);
  padding-bottom: var(--spacing-sm, 10px);
  border-bottom: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  font-weight: 600;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__listSection {
  flex-direction: column;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__vehiclesList {
  gap: var(--spacing-xs, 8px);
  flex-direction: column;
  max-height: 320px;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 12px);
  cursor: pointer;
  border-right: 3px solid rgba(0, 0, 0, 0);
  min-width: 0;
  transition: all .2s;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem:hover {
  background: var(--background-tertiary, #f1f5f9);
  transform: translateX(-4px);
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__low {
  border-right-color: #22c55e;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__medium {
  border-right-color: #f59e0b;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__high {
  border-right-color: #f97316;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__critical {
  background: rgba(239, 68, 68, .05);
  border-right-color: #ef4444;
}

.IdleVehiclesWidget-module__4IJVva__idleBadge {
  background: var(--text-primary, #1f2937);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: 48px;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__low .IdleVehiclesWidget-module__4IJVva__idleBadge {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__medium .IdleVehiclesWidget-module__4IJVva__idleBadge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__high .IdleVehiclesWidget-module__4IJVva__idleBadge {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem.IdleVehiclesWidget-module__4IJVva__critical .IdleVehiclesWidget-module__4IJVva__idleBadge {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.IdleVehiclesWidget-module__4IJVva__vehicleInfo {
  flex: 1;
  min-width: 0;
}

.IdleVehiclesWidget-module__4IJVva__vehicleMain {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  margin-bottom: 4px;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__licenseNumber {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  font-family: monospace;
  font-weight: 700;
}

.IdleVehiclesWidget-module__4IJVva__vehicleName {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.IdleVehiclesWidget-module__4IJVva__transferRoute {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  align-items: center;
  gap: 4px;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__branchName {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
  overflow: hidden;
}

.IdleVehiclesWidget-module__4IJVva__transferDates {
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
  min-width: 90px;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__dateRow {
  font-size: var(--text-xs, 11px);
  gap: 4px;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__dateLabel {
  color: var(--text-muted);
}

.IdleVehiclesWidget-module__4IJVva__dateValue {
  color: var(--text-secondary);
  font-weight: 500;
}

.IdleVehiclesWidget-module__4IJVva__vehicleStatus {
  flex-shrink: 0;
}

.IdleVehiclesWidget-module__4IJVva__statusBadge {
  border-radius: var(--radius-full, 20px);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.IdleVehiclesWidget-module__4IJVva__statusBadge[data-status="rented"] {
  color: #2563eb;
  background: rgba(59, 130, 246, .1);
}

.IdleVehiclesWidget-module__4IJVva__statusBadge[data-status="available"] {
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
}

.IdleVehiclesWidget-module__4IJVva__statusBadge[data-status="unavailable"] {
  color: #6b7280;
  background: rgba(107, 114, 128, .1);
}

.IdleVehiclesWidget-module__4IJVva__arrowIcon {
  color: var(--text-muted);
  transition: transform .2s;
}

.IdleVehiclesWidget-module__4IJVva__vehicleItem:hover .IdleVehiclesWidget-module__4IJVva__arrowIcon {
  transform: translateX(-4px);
}

.IdleVehiclesWidget-module__4IJVva__statsSection {
  flex-direction: column;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__statsGrid {
  gap: var(--spacing-sm, 12px);
  margin-bottom: var(--spacing-lg, 20px);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.IdleVehiclesWidget-module__4IJVva__statCard {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-md, 16px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-lg, 14px);
  transition: all .2s;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__statCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.IdleVehiclesWidget-module__4IJVva__statIcon {
  border-radius: var(--radius-md, 12px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__statIcon[data-type="transfers"] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.IdleVehiclesWidget-module__4IJVva__statIcon[data-type="idle"] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.IdleVehiclesWidget-module__4IJVva__statIcon[data-type="never"] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.IdleVehiclesWidget-module__4IJVva__statIcon[data-type="avg"] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.IdleVehiclesWidget-module__4IJVva__statContent {
  flex-direction: column;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__statValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.IdleVehiclesWidget-module__4IJVva__statLabel {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
}

.IdleVehiclesWidget-module__4IJVva__distributionChart {
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-lg, 14px);
  padding: var(--spacing-md, 16px);
}

.IdleVehiclesWidget-module__4IJVva__chartTitle {
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md, 16px);
  font-weight: 600;
}

.IdleVehiclesWidget-module__4IJVva__chartBars {
  gap: var(--spacing-sm, 12px);
  flex-direction: column;
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__chartBarItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.IdleVehiclesWidget-module__4IJVva__chartBarLabel {
  width: 70px;
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  flex-shrink: 0;
}

.IdleVehiclesWidget-module__4IJVva__chartBarTrack {
  background: var(--background-tertiary, #e2e8f0);
  border-radius: var(--radius-full, 10px);
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.IdleVehiclesWidget-module__4IJVva__chartBarFill {
  border-radius: var(--radius-full, 10px);
  height: 100%;
  transition: width .5s;
}

.IdleVehiclesWidget-module__4IJVva__chartBarValue {
  width: 24px;
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  text-align: left;
  font-weight: 600;
}

@media (max-width: 768px) {
  .IdleVehiclesWidget-module__4IJVva__statsGrid {
    grid-template-columns: 1fr;
  }

  .IdleVehiclesWidget-module__4IJVva__vehicleItem {
    flex-wrap: wrap;
  }

  .IdleVehiclesWidget-module__4IJVva__vehicleInfo {
    margin-top: var(--spacing-xs, 8px);
    flex: 100%;
    order: 2;
  }

  .IdleVehiclesWidget-module__4IJVva__idleBadge {
    order: 1;
  }

  .IdleVehiclesWidget-module__4IJVva__vehicleStatus {
    order: 1;
    margin-right: auto;
  }

  .IdleVehiclesWidget-module__4IJVva__arrowIcon {
    display: none;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/LateReturnsWidget/LateReturnsWidget.module.css [client] (css) */
.LateReturnsWidget-module__l4ATaW__container {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__summaryBar {
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  border-radius: var(--radius-lg, 16px);
  background: linear-gradient(135deg, rgba(239, 68, 68, .05) 0%, rgba(239, 68, 68, .02) 100%);
  border: 1px solid rgba(239, 68, 68, .1);
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__summaryItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-md, 12px);
  flex: 1;
  transition: all .2s;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__summaryItem:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.LateReturnsWidget-module__l4ATaW__summaryIcon {
  border-radius: var(--radius-md, 10px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__summaryIcon[data-type="total"] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.LateReturnsWidget-module__l4ATaW__summaryIcon[data-type="late"] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.LateReturnsWidget-module__l4ATaW__summaryIcon[data-type="percent"] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.LateReturnsWidget-module__l4ATaW__summaryIcon[data-type="avg"] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.LateReturnsWidget-module__l4ATaW__summaryContent {
  flex-direction: column;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__summaryValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.LateReturnsWidget-module__l4ATaW__summaryLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.LateReturnsWidget-module__l4ATaW__splitView {
  gap: var(--spacing-lg, 24px);
  grid-template-columns: 1fr 1fr;
  min-height: 280px;
  display: grid;
}

@media (max-width: 1000px) {
  .LateReturnsWidget-module__l4ATaW__splitView {
    grid-template-columns: 1fr;
  }
}

.LateReturnsWidget-module__l4ATaW__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md, 16px);
  padding-bottom: var(--spacing-sm, 10px);
  border-bottom: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  font-weight: 600;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__listSection {
  flex-direction: column;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__returnsList {
  gap: var(--spacing-xs, 8px);
  flex-direction: column;
  max-height: 280px;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.LateReturnsWidget-module__l4ATaW__returnItem {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 12px);
  cursor: pointer;
  border-right: 3px solid rgba(0, 0, 0, 0);
  min-width: 0;
  transition: all .2s;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__returnItem:hover {
  background: var(--background-tertiary, #f1f5f9);
  transform: translateX(-4px);
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__low {
  border-right-color: #22c55e;
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__medium {
  border-right-color: #f59e0b;
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__high {
  border-right-color: #f97316;
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__critical {
  background: rgba(239, 68, 68, .05);
  border-right-color: #ef4444;
}

.LateReturnsWidget-module__l4ATaW__badgesContainer {
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__lateBadge {
  background: var(--text-primary, #1f2937);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: 64px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__retroactiveBadge {
  color: #fff;
  border-radius: var(--radius-sm, 6px);
  cursor: help;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-width: 64px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  animation: 2s ease-in-out infinite LateReturnsWidget-module__l4ATaW__retroPulse;
  display: flex;
}

@keyframes LateReturnsWidget-module__l4ATaW__retroPulse {
  0%, 100% {
    box-shadow: 0 0 rgba(139, 92, 246, .4);
  }

  50% {
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0);
  }
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__low .LateReturnsWidget-module__l4ATaW__lateBadge {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__medium .LateReturnsWidget-module__l4ATaW__lateBadge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__high .LateReturnsWidget-module__l4ATaW__lateBadge {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}

.LateReturnsWidget-module__l4ATaW__returnItem.LateReturnsWidget-module__l4ATaW__critical .LateReturnsWidget-module__l4ATaW__lateBadge {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.LateReturnsWidget-module__l4ATaW__returnInfo {
  flex: 1;
  min-width: 0;
}

.LateReturnsWidget-module__l4ATaW__returnMain {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  margin-bottom: 4px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__rentalNumber {
  font-size: var(--text-sm, 14px);
  color: var(--primary-color);
  font-weight: 700;
}

.LateReturnsWidget-module__l4ATaW__customerName {
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.LateReturnsWidget-module__l4ATaW__vehicleInfo {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  align-items: center;
  gap: 4px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__vehicleName {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
}

.LateReturnsWidget-module__l4ATaW__returnDates {
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__dateRow {
  font-size: var(--text-xs, 11px);
  gap: 4px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__dateLabel {
  color: var(--text-muted);
}

.LateReturnsWidget-module__l4ATaW__dateValue {
  color: var(--text-secondary);
  font-weight: 500;
}

.LateReturnsWidget-module__l4ATaW__arrowIcon {
  color: var(--text-muted);
  flex-shrink: 0;
  transition: transform .2s;
}

.LateReturnsWidget-module__l4ATaW__returnItem:hover .LateReturnsWidget-module__l4ATaW__arrowIcon {
  transform: translateX(-4px);
}

.LateReturnsWidget-module__l4ATaW__chartSection {
  flex-direction: column;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__donutContainer {
  margin-bottom: var(--spacing-lg, 20px);
  justify-content: center;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__donutChart {
  width: 160px;
  height: 160px;
  position: relative;
}

.LateReturnsWidget-module__l4ATaW__donutSvg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.LateReturnsWidget-module__l4ATaW__donutSegment {
  cursor: pointer;
  transition: all .3s;
}

.LateReturnsWidget-module__l4ATaW__donutSegment:hover {
  opacity: .8;
  transform-origin: center;
  transform: scale(1.02);
}

.LateReturnsWidget-module__l4ATaW__donutCenter {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.LateReturnsWidget-module__l4ATaW__donutValue {
  font-size: var(--text-2xl, 28px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1;
}

.LateReturnsWidget-module__l4ATaW__donutLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.LateReturnsWidget-module__l4ATaW__distributionLegend {
  gap: var(--spacing-sm, 10px);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.LateReturnsWidget-module__l4ATaW__legendItem {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 10px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 10px);
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__legendIcon {
  border-radius: var(--radius-sm, 6px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.LateReturnsWidget-module__l4ATaW__legendLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  flex: 1;
}

.LateReturnsWidget-module__l4ATaW__legendCount {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  font-weight: 700;
}

@media (max-width: 768px) {
  .LateReturnsWidget-module__l4ATaW__summaryBar {
    flex-wrap: wrap;
  }

  .LateReturnsWidget-module__l4ATaW__summaryItem {
    flex: calc(50% - 8px);
  }

  .LateReturnsWidget-module__l4ATaW__returnItem {
    flex-wrap: wrap;
  }

  .LateReturnsWidget-module__l4ATaW__returnDates {
    gap: var(--spacing-md, 16px);
    width: 100%;
    margin-top: var(--spacing-xs, 8px);
    padding-top: var(--spacing-xs, 8px);
    border-top: 1px dashed var(--border-color-light);
    flex-direction: row;
    order: 3;
  }

  .LateReturnsWidget-module__l4ATaW__arrowIcon {
    display: none;
  }

  .LateReturnsWidget-module__l4ATaW__distributionLegend {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/OpenDamagesWidget/OpenDamagesWidget.module.css [client] (css) */
.OpenDamagesWidget-module__WaIgbG__container {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__summaryBar {
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  border-radius: var(--radius-lg, 16px);
  background: linear-gradient(135deg, rgba(245, 158, 11, .05) 0%, rgba(245, 158, 11, .02) 100%);
  border: 1px solid rgba(245, 158, 11, .1);
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__summaryItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-md, 12px);
  flex: 1;
  transition: all .2s;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__summaryItem:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.OpenDamagesWidget-module__WaIgbG__summaryIcon {
  border-radius: var(--radius-md, 10px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__summaryIcon[data-type="rentals"] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.OpenDamagesWidget-module__WaIgbG__summaryIcon[data-type="damages"] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.OpenDamagesWidget-module__WaIgbG__summaryIcon[data-type="cost"] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.OpenDamagesWidget-module__WaIgbG__summaryContent {
  flex-direction: column;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__summaryValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.OpenDamagesWidget-module__WaIgbG__summaryLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.OpenDamagesWidget-module__WaIgbG__listSection {
  gap: var(--spacing-sm, 12px);
  flex-direction: column;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  padding-bottom: var(--spacing-xs, 6px);
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  font-weight: 600;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__rentalsList {
  gap: var(--spacing-sm, 10px);
  flex-direction: column;
  max-height: 400px;
  display: flex;
  overflow-y: auto;
}

.OpenDamagesWidget-module__WaIgbG__rentalItem {
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 14px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-md, 12px);
  border: 1px solid var(--border-color, #e2e8f0);
  cursor: pointer;
  grid-template-columns: 1fr auto auto 20px;
  transition: all .2s;
  display: grid;
}

.OpenDamagesWidget-module__WaIgbG__rentalItem:hover {
  background: var(--background-hover, #f8fafc);
  border-color: var(--primary-color, #3b82f6);
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.OpenDamagesWidget-module__WaIgbG__rentalMain {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__rentalHeader {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__rentalNumber {
  font-size: var(--text-sm, 13px);
  color: var(--primary-color, #3b82f6);
  font-weight: 600;
}

.OpenDamagesWidget-module__WaIgbG__damageBadge {
  color: #fff;
  font-size: var(--text-xs, 11px);
  cursor: pointer;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.OpenDamagesWidget-module__WaIgbG__damageBadge:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(245, 158, 11, .4);
}

.OpenDamagesWidget-module__WaIgbG__customerName {
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.OpenDamagesWidget-module__WaIgbG__vehicleInfo {
  color: var(--text-secondary);
  font-size: var(--text-xs, 12px);
  align-items: center;
  gap: 6px;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__licensePlate {
  color: var(--text-primary);
  background: var(--background-secondary, #f1f5f9);
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 600;
}

.OpenDamagesWidget-module__WaIgbG__vehicleName {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.OpenDamagesWidget-module__WaIgbG__rentalDates {
  font-size: var(--text-xs, 11px);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__dateRow {
  gap: 4px;
  display: flex;
}

.OpenDamagesWidget-module__WaIgbG__dateLabel {
  color: var(--text-muted);
}

.OpenDamagesWidget-module__WaIgbG__dateValue {
  color: var(--text-secondary);
}

.OpenDamagesWidget-module__WaIgbG__costValue {
  color: var(--color-danger, #ef4444);
  font-weight: 600;
}

.OpenDamagesWidget-module__WaIgbG__arrowIcon {
  color: var(--text-muted);
  transition: transform .2s;
}

.OpenDamagesWidget-module__WaIgbG__rentalItem:hover .OpenDamagesWidget-module__WaIgbG__arrowIcon {
  color: var(--primary-color, #3b82f6);
  transform: translateX(-4px);
}

@media (max-width: 768px) {
  .OpenDamagesWidget-module__WaIgbG__summaryBar {
    gap: var(--spacing-sm, 8px);
    flex-direction: column;
  }

  .OpenDamagesWidget-module__WaIgbG__rentalItem {
    gap: var(--spacing-sm, 8px);
    grid-template-columns: 1fr;
  }

  .OpenDamagesWidget-module__WaIgbG__arrowIcon {
    display: none;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/RevenueWidget/RevenueWidget.module.css [client] (css) */
.RevenueWidget-module__pa_UWa__container {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.RevenueWidget-module__pa_UWa__viewToggle {
  background: var(--background-secondary);
  border-radius: var(--radius-md, 8px);
  gap: 2px;
  padding: 3px;
  display: flex;
}

.RevenueWidget-module__pa_UWa__viewBtn {
  width: 32px;
  height: 28px;
  color: var(--text-muted);
  border-radius: var(--radius-sm, 6px);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.RevenueWidget-module__pa_UWa__viewBtn:hover {
  color: var(--text-primary);
  background: var(--background-tertiary);
}

.RevenueWidget-module__pa_UWa__viewBtn.RevenueWidget-module__pa_UWa__active {
  color: var(--primary-color);
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.RevenueWidget-module__pa_UWa__statsRow {
  gap: var(--spacing-md, 16px);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@media (max-width: 900px) {
  .RevenueWidget-module__pa_UWa__statsRow {
    grid-template-columns: repeat(2, 1fr);
  }
}

.RevenueWidget-module__pa_UWa__statCard {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-md, 16px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-lg, 14px);
  transition: all .2s;
  display: flex;
}

.RevenueWidget-module__pa_UWa__statCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.RevenueWidget-module__pa_UWa__statIcon {
  border-radius: var(--radius-md, 12px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.RevenueWidget-module__pa_UWa__statCard[data-type="total"] .RevenueWidget-module__pa_UWa__statIcon {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.RevenueWidget-module__pa_UWa__statCard[data-type="avg"] .RevenueWidget-module__pa_UWa__statIcon {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.RevenueWidget-module__pa_UWa__statCard[data-type="paid"] .RevenueWidget-module__pa_UWa__statIcon {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.RevenueWidget-module__pa_UWa__statCard[data-type="pending"] .RevenueWidget-module__pa_UWa__statIcon {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.RevenueWidget-module__pa_UWa__statContent {
  flex-direction: column;
  display: flex;
}

.RevenueWidget-module__pa_UWa__statLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.RevenueWidget-module__pa_UWa__statValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.RevenueWidget-module__pa_UWa__chartContainer {
  gap: var(--spacing-md, 16px);
  min-height: 220px;
  padding: var(--spacing-md, 16px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-lg, 14px);
  display: flex;
}

.RevenueWidget-module__pa_UWa__emptyChart {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  color: var(--text-muted);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.RevenueWidget-module__pa_UWa__emptyChart p {
  font-size: var(--text-sm);
  margin: 0;
}

.RevenueWidget-module__pa_UWa__yAxis {
  padding: var(--spacing-sm, 10px) 0;
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  min-width: 50px;
  display: flex;
}

.RevenueWidget-module__pa_UWa__chartArea {
  flex: 1;
  position: relative;
}

.RevenueWidget-module__pa_UWa__barChart {
  justify-content: space-around;
  align-items: flex-end;
  gap: 4px;
  height: 100%;
  padding-bottom: 24px;
  display: flex;
}

.RevenueWidget-module__pa_UWa__barGroup {
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 40px;
  height: 100%;
  display: flex;
}

.RevenueWidget-module__pa_UWa__barWrapper {
  flex: 1;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.RevenueWidget-module__pa_UWa__bar {
  background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-dark, #2563eb) 100%);
  border-radius: var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0;
  cursor: pointer;
  width: 100%;
  min-height: 4px;
  transition: all .3s;
  position: relative;
}

.RevenueWidget-module__pa_UWa__bar:hover {
  background: linear-gradient(#3b82f6 0%, #1d4ed8 100%);
  transform: scaleX(1.1);
}

.RevenueWidget-module__pa_UWa__bar:hover .RevenueWidget-module__pa_UWa__barTooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%)translateY(-8px);
}

.RevenueWidget-module__pa_UWa__barTooltip {
  background: var(--text-primary, #1f2937);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  font-size: var(--text-xs, 11px);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  padding: 8px 12px;
  transition: all .2s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.RevenueWidget-module__pa_UWa__barTooltip:after {
  content: "";
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: var(--text-primary, #1f2937);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.RevenueWidget-module__pa_UWa__tooltipValue {
  font-weight: 700;
  font-size: var(--text-sm, 13px);
}

.RevenueWidget-module__pa_UWa__tooltipMeta {
  color: rgba(255, 255, 255, .7);
  margin-top: 2px;
}

.RevenueWidget-module__pa_UWa__barLabel {
  color: var(--text-muted);
  text-align: center;
  margin-top: 8px;
  font-size: 10px;
}

.RevenueWidget-module__pa_UWa__lineChart {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.RevenueWidget-module__pa_UWa__lineChart svg {
  flex: 1;
  width: 100%;
}

.RevenueWidget-module__pa_UWa__gridLine {
  stroke: var(--border-color-light, rgba(0, 0, 0, .06));
  stroke-width: 1px;
  stroke-dasharray: 4;
}

.RevenueWidget-module__pa_UWa__lineArea {
  fill: rgba(var(--primary-rgb, 59, 130, 246), .1);
}

.RevenueWidget-module__pa_UWa__linePath {
  fill: none;
  stroke: var(--primary-color, #3b82f6);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.RevenueWidget-module__pa_UWa__linePoint {
  fill: #fff;
  stroke: var(--primary-color, #3b82f6);
  stroke-width: 3px;
  cursor: pointer;
  transition: all .2s;
}

.RevenueWidget-module__pa_UWa__linePoint:hover {
  r: 8;
  fill: var(--primary-color);
}

.RevenueWidget-module__pa_UWa__lineLabels {
  padding-top: var(--spacing-xs, 8px);
  justify-content: space-around;
  display: flex;
}

.RevenueWidget-module__pa_UWa__lineLabel {
  color: var(--text-muted);
  font-size: 10px;
}

.RevenueWidget-module__pa_UWa__breakdown {
  padding: var(--spacing-md, 16px);
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .05) 0%, rgba(var(--primary-rgb, 59, 130, 246), .02) 100%);
  border-radius: var(--radius-lg, 14px);
  border: 1px solid rgba(var(--primary-rgb, 59, 130, 246), .1);
}

.RevenueWidget-module__pa_UWa__breakdownTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-md, 16px);
  font-weight: 600;
  display: flex;
}

.RevenueWidget-module__pa_UWa__breakdownGrid {
  gap: var(--spacing-md, 16px);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@media (max-width: 768px) {
  .RevenueWidget-module__pa_UWa__breakdownGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.RevenueWidget-module__pa_UWa__breakdownItem {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.RevenueWidget-module__pa_UWa__breakdownLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.RevenueWidget-module__pa_UWa__breakdownValue {
  font-size: var(--text-lg, 17px);
  color: var(--text-primary);
  font-weight: 600;
}

@media (max-width: 600px) {
  .RevenueWidget-module__pa_UWa__chartContainer {
    flex-direction: column;
  }

  .RevenueWidget-module__pa_UWa__yAxis {
    min-width: auto;
    padding: 0 var(--spacing-sm, 10px);
    flex-direction: row;
    justify-content: space-between;
  }

  .RevenueWidget-module__pa_UWa__barChart {
    height: 150px;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/FleetWidget/FleetWidget.module.css [client] (css) */
.FleetWidget-module__11UWLW__container {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.FleetWidget-module__11UWLW__mainStats {
  gap: var(--spacing-sm, 12px);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.FleetWidget-module__11UWLW__mainStat {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 12px);
  transition: all .2s;
  display: flex;
}

.FleetWidget-module__11UWLW__mainStat:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.FleetWidget-module__11UWLW__mainStatIcon {
  border-radius: var(--radius-md, 10px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.FleetWidget-module__11UWLW__mainStatIcon[data-type="total"] {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

.FleetWidget-module__11UWLW__mainStatIcon[data-type="rented"] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.FleetWidget-module__11UWLW__mainStatIcon[data-type="available"] {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.FleetWidget-module__11UWLW__mainStatContent {
  flex-direction: column;
  display: flex;
}

.FleetWidget-module__11UWLW__mainStatValue {
  font-size: var(--text-xl, 20px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.1;
}

.FleetWidget-module__11UWLW__mainStatLabel {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
}

.FleetWidget-module__11UWLW__chartSection {
  align-items: center;
  gap: var(--spacing-lg, 24px);
  display: flex;
}

.FleetWidget-module__11UWLW__donutWrapper {
  flex-shrink: 0;
}

.FleetWidget-module__11UWLW__donut {
  width: 140px;
  height: 140px;
  position: relative;
}

.FleetWidget-module__11UWLW__donutSvg {
  width: 100%;
  height: 100%;
}

.FleetWidget-module__11UWLW__donutSegment {
  cursor: pointer;
  transition: all .3s;
}

.FleetWidget-module__11UWLW__donutSegment:hover {
  opacity: .8;
  transform-origin: center;
  transform: scale(1.02);
}

.FleetWidget-module__11UWLW__donutCenter {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.FleetWidget-module__11UWLW__donutPercent {
  font-size: var(--text-2xl, 26px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1;
}

.FleetWidget-module__11UWLW__donutLabel {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
}

.FleetWidget-module__11UWLW__legend {
  gap: var(--spacing-xs, 8px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.FleetWidget-module__11UWLW__legendItem {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-xs, 6px) 0;
  display: flex;
}

.FleetWidget-module__11UWLW__legendDot {
  border-radius: var(--radius-sm, 4px);
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.FleetWidget-module__11UWLW__legendName {
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  flex: 1;
}

.FleetWidget-module__11UWLW__legendCount {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  text-align: left;
  min-width: 24px;
  font-weight: 600;
}

.FleetWidget-module__11UWLW__categorySection {
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
}

.FleetWidget-module__11UWLW__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm, 12px);
  font-weight: 600;
  display: flex;
}

.FleetWidget-module__11UWLW__categoryList {
  gap: var(--spacing-sm, 10px);
  flex-direction: column;
  display: flex;
}

.FleetWidget-module__11UWLW__categoryItem {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.FleetWidget-module__11UWLW__categoryInfo {
  flex-direction: column;
  width: 100px;
  display: flex;
}

.FleetWidget-module__11UWLW__categoryName {
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.FleetWidget-module__11UWLW__categoryCount {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
}

.FleetWidget-module__11UWLW__categoryBar {
  background: var(--background-tertiary, #e2e8f0);
  border-radius: var(--radius-full, 10px);
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.FleetWidget-module__11UWLW__categoryFill {
  border-radius: var(--radius-full, 10px);
  height: 100%;
  transition: width .5s;
}

.FleetWidget-module__11UWLW__categoryPercent {
  width: 40px;
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  text-align: left;
  font-weight: 600;
}

@media (max-width: 600px) {
  .FleetWidget-module__11UWLW__mainStats {
    grid-template-columns: 1fr;
  }

  .FleetWidget-module__11UWLW__chartSection {
    flex-direction: column;
    align-items: stretch;
  }

  .FleetWidget-module__11UWLW__donutWrapper {
    justify-content: center;
    display: flex;
  }

  .FleetWidget-module__11UWLW__legend {
    gap: var(--spacing-sm, 12px);
    flex-flow: wrap;
  }

  .FleetWidget-module__11UWLW__legendItem {
    flex: calc(50% - 6px);
  }

  .FleetWidget-module__11UWLW__categoryInfo {
    width: 80px;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/KanbanWidget/KanbanWidget.module.css [client] (css) */
.KanbanWidget-module__fHYj9G__kanbanBoard {
  background: var(--border-color-light, rgba(0, 0, 0, .06));
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  min-height: 380px;
  display: grid;
}

@media (max-width: 1200px) {
  .KanbanWidget-module__fHYj9G__kanbanBoard {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .KanbanWidget-module__fHYj9G__kanbanBoard {
    grid-template-columns: 1fr;
  }
}

.KanbanWidget-module__fHYj9G__column {
  background: var(--background-glass, rgba(255, 255, 255, .9));
  flex-direction: column;
  display: flex;
}

.KanbanWidget-module__fHYj9G__columnHeader {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  background: linear-gradient(rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);
  display: flex;
}

.KanbanWidget-module__fHYj9G__columnIcon {
  border-radius: var(--radius-md, 8px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.KanbanWidget-module__fHYj9G__columnTitle {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  flex: 1;
  font-weight: 600;
}

.KanbanWidget-module__fHYj9G__columnCount {
  color: #fff;
  border-radius: var(--radius-full, 20px);
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.KanbanWidget-module__fHYj9G__columnBody {
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-md, 16px);
  flex-direction: column;
  flex: 1;
  max-height: 350px;
  display: flex;
  overflow-y: auto;
}

.KanbanWidget-module__fHYj9G__emptyColumn {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  color: var(--text-muted);
  font-size: var(--text-sm);
  padding: var(--spacing-xl, 32px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.KanbanWidget-module__fHYj9G__card {
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px);
  border-radius: var(--radius-md, 12px);
  border: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
  cursor: pointer;
  background: #fff;
  flex-direction: column;
  transition: all .2s;
  display: flex;
  position: relative;
}

.KanbanWidget-module__fHYj9G__card:hover {
  border-color: var(--primary-color, #3b82f6);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
}

.KanbanWidget-module__fHYj9G__card.KanbanWidget-module__fHYj9G__overdue {
  background: linear-gradient(135deg, rgba(239, 68, 68, .03) 0%, #fff 100%);
  border-color: rgba(239, 68, 68, .3);
}

.KanbanWidget-module__fHYj9G__overdueIndicator {
  color: #fff;
  border-radius: var(--radius-full, 10px);
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: -8px;
  right: 8px;
  box-shadow: 0 2px 4px rgba(239, 68, 68, .3);
}

.KanbanWidget-module__fHYj9G__cardHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.KanbanWidget-module__fHYj9G__rentalNumber {
  font-size: var(--text-sm, 14px);
  color: var(--primary-color, #3b82f6);
  font-weight: 700;
}

.KanbanWidget-module__fHYj9G__amount {
  font-size: var(--text-sm, 13px);
  color: var(--success-color, #22c55e);
  font-weight: 600;
}

.KanbanWidget-module__fHYj9G__cardRow {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  display: flex;
}

.KanbanWidget-module__fHYj9G__cardRow svg {
  color: var(--text-muted);
  flex-shrink: 0;
}

.KanbanWidget-module__fHYj9G__customerName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.KanbanWidget-module__fHYj9G__vehicleInfo {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: monospace;
  overflow: hidden;
}

.KanbanWidget-module__fHYj9G__cardFooter {
  padding-top: var(--spacing-xs, 8px);
  border-top: 1px dashed var(--border-color-light, rgba(0, 0, 0, .06));
  margin-top: var(--spacing-xs, 4px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.KanbanWidget-module__fHYj9G__date {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  align-items: center;
  gap: 4px;
  display: flex;
}

.KanbanWidget-module__fHYj9G__balance {
  font-size: var(--text-xs, 11px);
  color: var(--warning-color, #f59e0b);
  font-weight: 600;
}

.KanbanWidget-module__fHYj9G__showMore {
  padding: var(--spacing-sm, 10px);
  font-size: var(--text-xs, 12px);
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  border-radius: var(--radius-md, 8px);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.KanbanWidget-module__fHYj9G__showMore:hover {
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
}

@media (max-width: 768px) {
  .KanbanWidget-module__fHYj9G__columnBody {
    max-height: 250px;
  }

  .KanbanWidget-module__fHYj9G__card {
    padding: var(--spacing-xs, 10px);
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/AlertsWidget/AlertsWidget.module.css [client] (css) */
.AlertsWidget-module__4ult6q__alertsList {
  gap: var(--spacing-sm, 10px);
  flex-direction: column;
  display: flex;
}

.AlertsWidget-module__4ult6q__alertItem {
  align-items: flex-start;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 12px);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.AlertsWidget-module__4ult6q__alertItem:hover {
  background: var(--background-tertiary, #f1f5f9);
  transform: translateX(-4px);
}

.AlertsWidget-module__4ult6q__priorityIndicator {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__critical .AlertsWidget-module__4ult6q__priorityIndicator {
  background: #ef4444;
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__high .AlertsWidget-module__4ult6q__priorityIndicator {
  background: #f97316;
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__medium .AlertsWidget-module__4ult6q__priorityIndicator {
  background: #f59e0b;
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__low .AlertsWidget-module__4ult6q__priorityIndicator {
  background: #06b6d4;
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__critical {
  background: rgba(239, 68, 68, .05);
}

.AlertsWidget-module__4ult6q__alertItem.AlertsWidget-module__4ult6q__critical:hover {
  background: rgba(239, 68, 68, .1);
}

.AlertsWidget-module__4ult6q__alertIcon {
  border-radius: var(--radius-md, 10px);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.AlertsWidget-module__4ult6q__alertContent {
  flex: 1;
  min-width: 0;
}

.AlertsWidget-module__4ult6q__alertHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-sm, 8px);
  margin-bottom: 4px;
  display: flex;
}

.AlertsWidget-module__4ult6q__alertTitle {
  font-size: var(--text-sm, 14px);
  color: var(--text-primary);
  font-weight: 600;
}

.AlertsWidget-module__4ult6q__alertTime {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

.AlertsWidget-module__4ult6q__alertMessage {
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.AlertsWidget-module__4ult6q__alertActions {
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  display: flex;
}

.AlertsWidget-module__4ult6q__actionBtn {
  color: var(--primary-color, #3b82f6);
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
  border-radius: var(--radius-sm, 6px);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
}

.AlertsWidget-module__4ult6q__actionBtn:hover {
  background: rgba(var(--primary-rgb, 59, 130, 246), .2);
  transform: scale(1.02);
}

@media (max-width: 768px) {
  .AlertsWidget-module__4ult6q__alertItem {
    flex-wrap: wrap;
  }

  .AlertsWidget-module__4ult6q__alertActions {
    width: 100%;
    margin-top: var(--spacing-xs, 8px);
    padding-top: var(--spacing-xs, 8px);
    border-top: 1px dashed var(--border-color-light);
    flex-direction: row;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/TurnaroundWidget/TurnaroundWidget.module.css [client] (css) */
.TurnaroundWidget-module__UhyC3a__container {
  gap: var(--spacing-md, 16px);
  flex-direction: column;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__summaryRow {
  align-items: center;
  gap: var(--spacing-lg, 24px);
  padding: var(--spacing-md, 16px);
  background: linear-gradient(135deg, rgba(var(--primary-rgb, 59, 130, 246), .08) 0%, rgba(var(--primary-rgb, 59, 130, 246), .02) 100%);
  border-radius: var(--radius-lg, 14px);
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__mainStat {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__mainValue {
  font-size: var(--text-3xl, 32px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1;
}

.TurnaroundWidget-module__UhyC3a__mainLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
}

.TurnaroundWidget-module__UhyC3a__secondaryStats {
  gap: var(--spacing-xs, 8px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__secondaryStat {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 13px);
  color: var(--text-secondary);
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__secondaryStat svg {
  color: var(--primary-color);
}

.TurnaroundWidget-module__UhyC3a__categorySection {
  padding-top: var(--spacing-sm, 12px);
}

.TurnaroundWidget-module__UhyC3a__sectionTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-xs, 12px);
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm, 10px);
  font-weight: 600;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__categoryList {
  gap: var(--spacing-xs, 8px);
  flex-direction: column;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__categoryItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__categoryName {
  width: 80px;
  font-size: var(--text-xs, 12px);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.TurnaroundWidget-module__UhyC3a__categoryBar {
  background: var(--background-tertiary, #e2e8f0);
  border-radius: var(--radius-full, 10px);
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.TurnaroundWidget-module__UhyC3a__categoryFill {
  border-radius: var(--radius-full, 10px);
  height: 100%;
  transition: width .5s;
}

.TurnaroundWidget-module__UhyC3a__categoryDays {
  width: 32px;
  font-size: var(--text-xs, 12px);
  color: var(--text-primary);
  text-align: left;
  font-weight: 600;
}

.TurnaroundWidget-module__UhyC3a__slowList {
  padding-top: var(--spacing-sm, 12px);
  border-top: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
}

.TurnaroundWidget-module__UhyC3a__slowItem {
  padding: var(--spacing-xs, 8px) 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__slowItem + .TurnaroundWidget-module__UhyC3a__slowItem {
  border-top: 1px dashed var(--border-color-light);
}

.TurnaroundWidget-module__UhyC3a__slowVehicle {
  flex-direction: column;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__license {
  font-size: var(--text-sm, 13px);
  color: var(--text-primary);
  font-family: monospace;
  font-weight: 600;
}

.TurnaroundWidget-module__UhyC3a__model {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
}

.TurnaroundWidget-module__UhyC3a__slowDuration {
  color: #fff;
  border-radius: var(--radius-full, 10px);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
}

.TurnaroundWidget-module__UhyC3a__vehicleSection {
  padding-top: var(--spacing-sm, 12px);
  border-top: 1px solid var(--border-color-light, rgba(0, 0, 0, .06));
}

.TurnaroundWidget-module__UhyC3a__vehicleList {
  gap: var(--spacing-xs, 6px);
  max-height: 300px;
  padding-left: var(--spacing-xs, 4px);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.TurnaroundWidget-module__UhyC3a__vehicleList::-webkit-scrollbar {
  width: 6px;
}

.TurnaroundWidget-module__UhyC3a__vehicleList::-webkit-scrollbar-track {
  background: var(--background-secondary, #f1f5f9);
  border-radius: 3px;
}

.TurnaroundWidget-module__UhyC3a__vehicleList::-webkit-scrollbar-thumb {
  background: var(--border-color, #cbd5e1);
  border-radius: 3px;
}

.TurnaroundWidget-module__UhyC3a__vehicleList::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted, #94a3b8);
}

.TurnaroundWidget-module__UhyC3a__vehicleItem {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 10px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 8px);
  transition: all .2s;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__vehicleItem:hover {
  background: var(--background-tertiary, #e2e8f0);
}

.TurnaroundWidget-module__UhyC3a__vehicleRank {
  width: 24px;
  height: 24px;
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  background: var(--background-primary, white);
  border-radius: var(--radius-full, 50%);
  border: 1px solid var(--border-color-light, rgba(0, 0, 0, .08));
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__vehicleInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__vehicleStats {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.TurnaroundWidget-module__UhyC3a__turnaroundCount {
  font-size: var(--text-xs, 11px);
  color: var(--text-muted);
  white-space: nowrap;
}

.TurnaroundWidget-module__UhyC3a__avgDuration {
  font-size: var(--text-xs, 11px);
  color: #fff;
  border-radius: var(--radius-full, 10px);
  white-space: nowrap;
  padding: 4px 10px;
  font-weight: 600;
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/CancellationsWidget/CancellationsWidget.module.css [client] (css) */
.CancellationsWidget-module__dAo7bW__container {
  gap: var(--spacing-md, 16px);
  flex-direction: column;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__statsRow {
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.CancellationsWidget-module__dAo7bW__statItem {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 10px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 10px);
  cursor: pointer;
  flex: 1;
  transition: all .2s;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__statItem:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.CancellationsWidget-module__dAo7bW__statIcon {
  border-radius: var(--radius-md, 8px);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__statItem[data-type="cancel"] .CancellationsWidget-module__dAo7bW__statIcon {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.CancellationsWidget-module__dAo7bW__statItem[data-type="date"] .CancellationsWidget-module__dAo7bW__statIcon {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.CancellationsWidget-module__dAo7bW__statItem[data-type="swap"] .CancellationsWidget-module__dAo7bW__statIcon {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.CancellationsWidget-module__dAo7bW__statContent {
  flex-direction: column;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__statValue {
  font-size: var(--text-lg, 18px);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1.1;
}

.CancellationsWidget-module__dAo7bW__statLabel {
  font-size: var(--text-xs, 10px);
  color: var(--text-muted);
}

.CancellationsWidget-module__dAo7bW__miniChart {
  height: 80px;
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-md, 12px);
  justify-content: space-around;
  align-items: flex-end;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__dayColumn {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  flex-direction: column;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__dayBars {
  align-items: flex-end;
  gap: 2px;
  height: 50px;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__dayBar {
  border-radius: 2px 2px 0 0;
  width: 8px;
  min-height: 4px;
  transition: all .3s;
}

.CancellationsWidget-module__dAo7bW__dayBar[data-type="cancel"] {
  background: #ef4444;
}

.CancellationsWidget-module__dAo7bW__dayBar[data-type="date"] {
  background: #f59e0b;
}

.CancellationsWidget-module__dAo7bW__dayBar[data-type="swap"] {
  background: #8b5cf6;
}

.CancellationsWidget-module__dAo7bW__dayBar:hover {
  opacity: .8;
}

.CancellationsWidget-module__dAo7bW__dayLabel {
  color: var(--text-muted);
  font-size: 10px;
}

.CancellationsWidget-module__dAo7bW__legend {
  justify-content: center;
  gap: var(--spacing-md, 16px);
  display: flex;
}

.CancellationsWidget-module__dAo7bW__legendItem {
  font-size: var(--text-xs, 11px);
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  display: flex;
}

.CancellationsWidget-module__dAo7bW__legendDot {
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.CancellationsWidget-module__dAo7bW__legendDot[data-type="cancel"] {
  background: #ef4444;
}

.CancellationsWidget-module__dAo7bW__legendDot[data-type="date"] {
  background: #f59e0b;
}

.CancellationsWidget-module__dAo7bW__legendDot[data-type="swap"] {
  background: #8b5cf6;
}

@media (max-width: 600px) {
  .CancellationsWidget-module__dAo7bW__statsRow {
    flex-direction: column;
  }
}

/* [project]/src/components/Dashboard/RentalsDashboard/widgets/QuickActionsWidget/QuickActionsWidget.module.css [client] (css) */
.QuickActionsWidget-module__mvJdZW__container {
  padding: var(--spacing-xs, 4px);
}

.QuickActionsWidget-module__mvJdZW__actionsGrid {
  gap: var(--spacing-sm, 10px);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.QuickActionsWidget-module__mvJdZW__actionButton {
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-md, 14px) var(--spacing-sm, 10px);
  background: var(--background-secondary, #f8fafc);
  border-radius: var(--radius-lg, 14px);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.QuickActionsWidget-module__mvJdZW__actionButton:hover {
  background: var(--background-primary, #fff);
  border-color: var(--border-color-light, rgba(0, 0, 0, .06));
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);
}

.QuickActionsWidget-module__mvJdZW__actionButton:active {
  transform: translateY(-2px);
}

.QuickActionsWidget-module__mvJdZW__actionIcon {
  border-radius: var(--radius-md, 12px);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: transform .2s;
  display: flex;
}

.QuickActionsWidget-module__mvJdZW__actionButton:hover .QuickActionsWidget-module__mvJdZW__actionIcon {
  transform: scale(1.08);
}

.QuickActionsWidget-module__mvJdZW__actionLabel {
  font-size: var(--text-xs, 12px);
  color: var(--text-primary);
  text-align: center;
  font-weight: 500;
}

@media (max-width: 480px) {
  .QuickActionsWidget-module__mvJdZW__actionsGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .QuickActionsWidget-module__mvJdZW__actionIcon {
    width: 42px;
    height: 42px;
  }
}

/* [project]/src/components/Dashboard/ActiveRentalsWidget/RentalProgressCard.module.css [client] (css) */
.RentalProgressCard-module__P48Zuq__card {
  aspect-ratio: 1;
  cursor: pointer;
  background: linear-gradient(rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .95) 100%);
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);
}

.RentalProgressCard-module__P48Zuq__card.RentalProgressCard-module__P48Zuq__overdue {
  background: linear-gradient(rgba(254, 242, 242, .98) 0%, rgba(255, 255, 255, .95) 100%);
  border: 2px solid rgba(239, 68, 68, .3);
}

.RentalProgressCard-module__P48Zuq__card:hover {
  box-shadow: 0 12px 24px rgba(15, 23, 42, .12), 0 6px 12px rgba(15, 23, 42, .08), 0 0 0 1px rgba(var(--primary-color-rgb, 37, 99, 235), .2);
  transform: translateY(-3px);
}

.RentalProgressCard-module__P48Zuq__card.RentalProgressCard-module__P48Zuq__overdue:hover {
  box-shadow: 0 12px 24px rgba(239, 68, 68, .15), 0 6px 12px rgba(239, 68, 68, .1), 0 0 0 2px rgba(239, 68, 68, .3);
}

.RentalProgressCard-module__P48Zuq__card.RentalProgressCard-module__P48Zuq__highlighted {
  box-shadow: 0 0 0 3px var(--primary-color, #2563eb), 0 12px 24px rgba(var(--primary-color-rgb, 37, 99, 235), .2);
}

.RentalProgressCard-module__P48Zuq__carImageWrapper {
  background: linear-gradient(#f1f5f9 0%, #e2e8f0 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35%;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.RentalProgressCard-module__P48Zuq__carImage {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.RentalProgressCard-module__P48Zuq__noImage {
  color: #cbd5e1;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.RentalProgressCard-module__P48Zuq__noImage svg {
  opacity: .4;
  width: 64px;
  height: 64px;
}

.RentalProgressCard-module__P48Zuq__imageLoading, .RentalProgressCard-module__P48Zuq__imageLoadingSmall {
  background: linear-gradient(135deg, rgba(241, 245, 249, .9) 0%, rgba(226, 232, 240, .9) 50%, rgba(241, 245, 249, .9) 100%) 0 0 / 200% 200%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: 2s ease-in-out infinite RentalProgressCard-module__P48Zuq__shimmer;
  display: flex;
}

.RentalProgressCard-module__P48Zuq__spinningCarContainer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.RentalProgressCard-module__P48Zuq__spinningCar {
  color: var(--primary-color, #2563eb);
  filter: drop-shadow(0 4px 8px rgba(37, 99, 235, .25));
  animation: 1.2s ease-in-out infinite RentalProgressCard-module__P48Zuq__carDrive;
}

.RentalProgressCard-module__P48Zuq__spinningCarSmall {
  color: var(--primary-color, #2563eb);
  animation: 1s ease-in-out infinite RentalProgressCard-module__P48Zuq__carDriveSmall;
}

@keyframes RentalProgressCard-module__P48Zuq__carDrive {
  0% {
    opacity: .6;
    transform: translateX(-8px)scale(.9);
  }

  25% {
    opacity: 1;
    transform: translateX(0)scale(1)rotate(-2deg);
  }

  50% {
    opacity: 1;
    transform: translateX(8px)scale(1.05)rotate(0);
  }

  75% {
    opacity: 1;
    transform: translateX(0)scale(1)rotate(2deg);
  }

  100% {
    opacity: .6;
    transform: translateX(-8px)scale(.9);
  }
}

@keyframes RentalProgressCard-module__P48Zuq__carDriveSmall {
  0% {
    opacity: .5;
    transform: translateX(-4px)scale(.9);
  }

  50% {
    opacity: 1;
    transform: translateX(4px)scale(1.1);
  }

  100% {
    opacity: .5;
    transform: translateX(-4px)scale(.9);
  }
}

@keyframes RentalProgressCard-module__P48Zuq__shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(200%);
  }
}

.RentalProgressCard-module__P48Zuq__mainInfo {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.RentalProgressCard-module__P48Zuq__licenseInfo {
  color: #475569;
  white-space: nowrap;
  text-overflow: ellipsis;
  order: 2;
  align-items: center;
  gap: 4px;
  padding: 8px 10px 2px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  overflow: hidden;
}

.RentalProgressCard-module__P48Zuq__customerInfo {
  color: #475569;
  white-space: nowrap;
  text-overflow: ellipsis;
  order: 3;
  align-items: center;
  gap: 4px;
  max-width: none;
  padding: 0 10px 4px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  overflow: hidden;
}

.RentalProgressCard-module__P48Zuq__progressSection {
  flex-direction: column;
  order: 4;
  gap: 4px;
  padding: 6px 10px;
  display: flex;
}

.RentalProgressCard-module__P48Zuq__progressBarContainer {
  background: rgba(241, 245, 249, .9);
  border-radius: 3px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.RentalProgressCard-module__P48Zuq__progressBarFill {
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
  border-radius: 3px;
  height: 100%;
  transition: width .5s;
  position: relative;
}

.RentalProgressCard-module__P48Zuq__progressBarFill:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .35) 50%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  animation: 2.5s infinite RentalProgressCard-module__P48Zuq__shimmer;
  position: absolute;
  top: 0;
  left: -100%;
}

.RentalProgressCard-module__P48Zuq__progressBarFill.RentalProgressCard-module__P48Zuq__warning {
  background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

.RentalProgressCard-module__P48Zuq__progressBarFill.RentalProgressCard-module__P48Zuq__critical {
  background: linear-gradient(90deg, #f97316 0%, #ea580c 100%);
}

.RentalProgressCard-module__P48Zuq__progressBarFill.RentalProgressCard-module__P48Zuq__overdue {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.RentalProgressCard-module__P48Zuq__progressStats {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.RentalProgressCard-module__P48Zuq__progressPercent {
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 700;
}

.RentalProgressCard-module__P48Zuq__progressPercent.RentalProgressCard-module__P48Zuq__overdue {
  color: #dc2626;
}

.RentalProgressCard-module__P48Zuq__remainingTime {
  color: #16a34a;
  white-space: nowrap;
  background: rgba(34, 197, 94, .1);
  border-radius: 10px;
  align-items: center;
  padding: 3px 8px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}

.RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__warning {
  color: #d97706;
  background: rgba(245, 158, 11, .1);
}

.RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__critical {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
}

.RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__overdue {
  color: #dc2626;
  background: rgba(239, 68, 68, .12);
}

.RentalProgressCard-module__P48Zuq__actionArrow {
  display: none;
}

@media (max-width: 768px) {
  .RentalProgressCard-module__P48Zuq__card {
    aspect-ratio: auto;
    height: auto;
    max-height: 180px;
  }

  .RentalProgressCard-module__P48Zuq__carImageWrapper {
    height: 64px;
    padding: 8px;
  }

  .RentalProgressCard-module__P48Zuq__carImage {
    width: 80%;
    height: 80%;
  }

  .RentalProgressCard-module__P48Zuq__customerInfo {
    padding: 6px 8px 4px;
    font-size: 12px;
  }

  .RentalProgressCard-module__P48Zuq__progressSection {
    gap: 4px;
    padding: 4px 8px 6px;
  }

  .RentalProgressCard-module__P48Zuq__progressBarContainer {
    height: 4px;
  }

  .RentalProgressCard-module__P48Zuq__progressStats {
    gap: 4px;
  }

  .RentalProgressCard-module__P48Zuq__progressPercent {
    font-size: 11px;
  }

  .RentalProgressCard-module__P48Zuq__remainingTime {
    padding: 2px 5px;
    font-size: 10px;
  }

  .RentalProgressCard-module__P48Zuq__licensePlate {
    bottom: 6px;
  }
}

@media (max-width: 480px) {
  .RentalProgressCard-module__P48Zuq__card {
    max-height: 160px;
  }

  .RentalProgressCard-module__P48Zuq__carImageWrapper {
    height: 56px;
    padding: 10px;
  }

  .RentalProgressCard-module__P48Zuq__carImage {
    width: 80%;
    height: 80%;
  }

  .RentalProgressCard-module__P48Zuq__noImage svg {
    width: 28px;
    height: 28px;
  }
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__card {
  background: linear-gradient(rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__card.RentalProgressCard-module__P48Zuq__overdue {
  background: linear-gradient(rgba(127, 29, 29, .3) 0%, rgba(30, 41, 59, .95) 100%);
  border-color: rgba(239, 68, 68, .4);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__card:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, .35), 0 6px 12px rgba(0, 0, 0, .25), 0 0 0 1px rgba(var(--primary-color-rgb, 37, 99, 235), .3);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__carImageWrapper {
  background: linear-gradient(rgba(51, 65, 85, .8) 0%, rgba(30, 41, 59, .9) 100%);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__noImage {
  color: rgba(148, 163, 184, .6);
  background: linear-gradient(135deg, rgba(51, 65, 85, .6) 0%, rgba(30, 41, 59, .8) 100%);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__imageLoading, [data-theme="dark"] .RentalProgressCard-module__P48Zuq__imageLoadingSmall {
  background: linear-gradient(135deg, rgba(51, 65, 85, .6) 0%, rgba(71, 85, 105, .5) 50%, rgba(51, 65, 85, .6) 100%);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__licenseInfo {
  color: rgba(226, 232, 240, .9);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__customerInfo {
  color: rgba(203, 213, 225, .85);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__progressBarContainer {
  background: rgba(51, 65, 85, .6);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__progressPercent {
  color: rgba(241, 245, 249, .95);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__progressPercent.RentalProgressCard-module__P48Zuq__overdue {
  color: #f87171;
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__remainingTime {
  color: #4ade80;
  background: rgba(34, 197, 94, .15);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__warning {
  color: #fbbf24;
  background: rgba(245, 158, 11, .15);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__critical {
  color: #f87171;
  background: rgba(239, 68, 68, .15);
}

[data-theme="dark"] .RentalProgressCard-module__P48Zuq__remainingTime.RentalProgressCard-module__P48Zuq__overdue {
  color: #f87171;
  background: rgba(239, 68, 68, .18);
}

/* [project]/src/components/Dashboard/ActiveRentalsWidget/ActiveRentalsWidget.module.css [client] (css) */
.ActiveRentalsWidget-module__D3-V3G__widgetWrapper {
  isolation: isolate;
  gap: var(--widget-gap-desktop);
  min-height: 320px;
  max-height: 520px;
  padding: var(--widget-padding-desktop);
  border-radius: calc(var(--border-radius-xl)  + 8px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .88) 40%, color-mix(in srgb, var(--secondary-color) 4%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .5));
  box-shadow: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 24px rgba(0, 0, 0, .06), 0 24px 48px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 color-mix(in srgb, var(--secondary-color) 5%, transparent);
  direction: rtl;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ActiveRentalsWidget-module__D3-V3G__bgGradient {
  background: radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--secondary-color) 8%, transparent), transparent 50%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ActiveRentalsWidget-module__D3-V3G__bgNoise {
  opacity: .04;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ActiveRentalsWidget-module__D3-V3G__bgOrbs {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ActiveRentalsWidget-module__D3-V3G__orb1 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, transparent 70%);
  filter: blur(40px);
  border-radius: 50%;
  width: 300px;
  height: 300px;
  animation: 12s ease-in-out infinite ActiveRentalsWidget-module__D3-V3G__orbFloat;
  position: absolute;
  top: -20%;
  right: -10%;
}

.ActiveRentalsWidget-module__D3-V3G__orb2 {
  background: radial-gradient(circle, color-mix(in srgb, var(--secondary-color) 12%, transparent) 0%, transparent 70%);
  filter: blur(50px);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  animation: 15s ease-in-out infinite reverse ActiveRentalsWidget-module__D3-V3G__orbFloat;
  position: absolute;
  bottom: -30%;
  left: 10%;
}

.ActiveRentalsWidget-module__D3-V3G__orb3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 70%);
  filter: blur(60px);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  animation: 8s ease-in-out infinite ActiveRentalsWidget-module__D3-V3G__orbPulse;
  position: absolute;
  top: 50%;
  left: 50%;
}

@keyframes ActiveRentalsWidget-module__D3-V3G__orbFloat {
  0%, 100% {
    transform: translate(0);
  }

  50% {
    transform: translate(20px, -20px);
  }
}

@keyframes ActiveRentalsWidget-module__D3-V3G__orbPulse {
  0%, 100% {
    opacity: .5;
    transform: translate(-50%, -50%)scale(1);
  }

  50% {
    opacity: .8;
    transform: translate(-50%, -50%)scale(1.1);
  }
}

.ActiveRentalsWidget-module__D3-V3G__mainContent {
  z-index: 1;
  gap: var(--spacing-md);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
}

.ActiveRentalsWidget-module__D3-V3G__sectionHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__headerRight {
  align-items: center;
  gap: var(--spacing-md);
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__headerIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .6));
  width: 44px;
  height: 44px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--primary-color);
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.ActiveRentalsWidget-module__D3-V3G__headerText {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__sectionTitle {
  color: var(--title);
  letter-spacing: .2px;
  margin: 0;
  font-size: max(16px, min(1.8vw, 20px));
  font-weight: 800;
}

.ActiveRentalsWidget-module__D3-V3G__sectionSubtitle {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  margin: 0;
}

.ActiveRentalsWidget-module__D3-V3G__headerStats {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__statBadge {
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__statBadge svg {
  width: 12px;
  height: 12px;
}

.ActiveRentalsWidget-module__D3-V3G__statBadge.ActiveRentalsWidget-module__D3-V3G__warning {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
}

@media (max-width: 600px) {
  .ActiveRentalsWidget-module__D3-V3G__sectionHeader {
    flex-direction: column;
    align-items: stretch;
  }

  .ActiveRentalsWidget-module__D3-V3G__headerRight, .ActiveRentalsWidget-module__D3-V3G__headerStats {
    justify-content: center;
  }
}

.ActiveRentalsWidget-module__D3-V3G__filtersSection {
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-lg);
  background: rgba(255, 255, 255, .4);
  border: 1px solid rgba(255, 255, 255, .5);
  align-items: center;
  gap: 8px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__filterLabel {
  color: #64748b;
  align-items: center;
  gap: 3px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__filterSelect {
  color: #334155;
  border-radius: var(--border-radius-sm, 6px);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 4px 50% no-repeat;
  border: 1px solid rgba(148, 163, 184, .25);
  outline: none;
  padding: 3px 8px 3px 18px;
  font-size: 9px;
  font-weight: 500;
  transition: all .2s;
}

.ActiveRentalsWidget-module__D3-V3G__filterSelect:hover {
  border-color: var(--primary-color, #2563eb);
}

.ActiveRentalsWidget-module__D3-V3G__filterSelect:focus {
  border-color: var(--primary-color, #2563eb);
  box-shadow: 0 0 0 2px rgba(var(--primary-color-rgb, 37, 99, 235), .08);
}

.ActiveRentalsWidget-module__D3-V3G__filterDivider {
  background: rgba(148, 163, 184, .25);
  width: 1px;
  height: 16px;
}

.ActiveRentalsWidget-module__D3-V3G__content {
  padding: var(--spacing-sm) 0;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary-color) 30%, transparent) transparent;
  flex: 1;
  overflow-y: auto;
}

.ActiveRentalsWidget-module__D3-V3G__content::-webkit-scrollbar {
  width: 6px;
}

.ActiveRentalsWidget-module__D3-V3G__content::-webkit-scrollbar-track {
  background: none;
}

.ActiveRentalsWidget-module__D3-V3G__content::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .5));
  border-radius: 999px;
}

.ActiveRentalsWidget-module__D3-V3G__content::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color) 40%, rgba(255, 255, 255, .5));
}

.ActiveRentalsWidget-module__D3-V3G__cardsGrid {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 10px;
  display: grid;
}

.ActiveRentalsWidget-module__D3-V3G__groupedContainer {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__rateTypeGroup {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__groupHeader {
  background: linear-gradient(135deg, rgba(var(--primary-color-rgb, 37, 99, 235), .08) 0%, rgba(var(--primary-color-rgb, 37, 99, 235), .03) 100%);
  border: 1px solid rgba(var(--primary-color-rgb, 37, 99, 235), .12);
  box-shadow: 0 1px 3px rgba(var(--primary-color-rgb, 37, 99, 235), .05);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__groupHeader svg {
  color: var(--primary-color, #2563eb);
  width: 14px;
  height: 14px;
}

.ActiveRentalsWidget-module__D3-V3G__groupTitle {
  color: #0f172a;
  letter-spacing: .3px;
  font-size: 12px;
  font-weight: 700;
}

.ActiveRentalsWidget-module__D3-V3G__groupCount {
  color: #fff;
  background: var(--primary-color, #2563eb);
  min-width: 22px;
  height: 22px;
  box-shadow: 0 2px 4px rgba(var(--primary-color-rgb, 37, 99, 235), .25);
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__loadingState {
  color: #64748b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 200px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__spinner {
  border: 3px solid rgba(148, 163, 184, .2);
  border-top-color: var(--primary-color, #2563eb);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite ActiveRentalsWidget-module__D3-V3G__spin;
}

@keyframes ActiveRentalsWidget-module__D3-V3G__spin {
  to {
    transform: rotate(360deg);
  }
}

.ActiveRentalsWidget-module__D3-V3G__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 200px;
  padding: 20px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__emptyIcon {
  color: #94a3b8;
  background: rgba(148, 163, 184, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__emptyTitle {
  color: #475569;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.ActiveRentalsWidget-module__D3-V3G__emptySubtitle {
  color: #94a3b8;
  margin: 0;
  font-size: 13px;
}

.ActiveRentalsWidget-module__D3-V3G__errorState {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 200px;
  padding: 20px;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__errorIcon {
  color: #ef4444;
}

.ActiveRentalsWidget-module__D3-V3G__errorMessage {
  color: #dc2626;
  text-align: center;
  font-size: 14px;
}

.ActiveRentalsWidget-module__D3-V3G__retryButton {
  color: #fff;
  background: var(--primary-color, #2563eb);
  border-radius: var(--border-radius-sm, 8px);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__retryButton:hover {
  background: var(--primary-color-dark, #1d4ed8);
}

.ActiveRentalsWidget-module__D3-V3G__viewAllButton {
  font-size: var(--font-size-1);
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
  padding: 5px 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ActiveRentalsWidget-module__D3-V3G__viewAllButton:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .95)), color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .98)));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
}

@media (max-width: 768px) {
  .ActiveRentalsWidget-module__D3-V3G__widgetWrapper {
    min-height: auto;
    max-height: none;
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }

  .ActiveRentalsWidget-module__D3-V3G__content {
    flex: none;
    overflow-y: visible;
  }

  .ActiveRentalsWidget-module__D3-V3G__filtersSection {
    flex-wrap: wrap;
  }

  .ActiveRentalsWidget-module__D3-V3G__cardsGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    display: grid;
  }
}

@media (max-width: 480px) {
  .ActiveRentalsWidget-module__D3-V3G__cardsGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__widgetWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(15, 23, 42, .95)) 0%, rgba(20, 30, 48, .92) 40%, color-mix(in srgb, var(--secondary-color) 4%, rgba(15, 23, 42, .95)) 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .2), 0 24px 48px color-mix(in srgb, var(--primary-color) 5%, transparent), inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__bgGradient {
  background: radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--primary-color) 8%, transparent), transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--secondary-color) 5%, transparent), transparent 50%);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__orb1 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__orb2 {
  background: radial-gradient(circle, color-mix(in srgb, var(--secondary-color) 8%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__orb3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 5%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__headerIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__sectionTitle {
  color: rgba(255, 255, 255, .95);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__sectionSubtitle {
  color: rgba(255, 255, 255, .6);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__statBadge {
  background: rgba(34, 197, 94, .15);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__statBadge.ActiveRentalsWidget-module__D3-V3G__warning {
  background: rgba(239, 68, 68, .15);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filtersSection {
  background: rgba(30, 41, 59, .5);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filterLabel {
  color: rgba(255, 255, 255, .6);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filterSelect {
  color: rgba(255, 255, 255, .9);
  background: rgba(30, 41, 59, .8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filterSelect:hover {
  border-color: var(--primary-color);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filterSelect:focus {
  border-color: var(--primary-color);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__filterDivider {
  background: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__groupHeader {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .7)) 0%, color-mix(in srgb, var(--primary-color) 5%, rgba(30, 41, 59, .5)) 100%);
  border-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08));
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__groupTitle {
  color: rgba(255, 255, 255, .95);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__loadingState {
  color: rgba(255, 255, 255, .6);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__spinner {
  border-color: rgba(255, 255, 255, .1);
  border-top-color: var(--primary-color);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__emptyIcon {
  color: rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .05);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__emptyTitle {
  color: rgba(255, 255, 255, .8);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__emptySubtitle {
  color: rgba(255, 255, 255, .5);
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__viewAllButton {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .8)), color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .9)));
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .ActiveRentalsWidget-module__D3-V3G__viewAllButton:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, rgba(30, 41, 59, .85)), color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .95)));
}

/* [project]/src/components/Dashboard/RentalsDashboard/rentalsDashboard.module.css [client] (css) */
.rentalsDashboard-module__HqpF0W__pageContainer {
  min-height: 100vh;
  padding: var(--page-padding-desktop);
  gap: var(--page-gap-desktop);
  background: none;
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__dashboardContainer {
  gap: var(--page-gap-desktop);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__controlsBar {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--border-color);
  flex-wrap: wrap;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__periodSection {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__branchSection {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  margin-right: auto;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__sectionLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__periodButtons {
  gap: var(--spacing-xs, 4px);
  background: var(--background-secondary);
  padding: var(--spacing-xs, 4px);
  border-radius: var(--radius-md, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__periodBtn {
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 12px);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  border-radius: var(--radius-sm, 6px);
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 500;
  transition: all .2s;
}

.rentalsDashboard-module__HqpF0W__periodBtn:hover {
  color: var(--text-primary);
  background: var(--background-tertiary);
}

.rentalsDashboard-module__HqpF0W__periodBtn.rentalsDashboard-module__HqpF0W__active {
  background: var(--primary-color);
  color: #fff;
}

.rentalsDashboard-module__HqpF0W__refreshBtn {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 14px);
  border: 1px solid var(--border-color);
  background: var(--background-glass);
  color: var(--text-primary);
  font-size: var(--text-sm);
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__refreshBtn:hover:not(:disabled) {
  background: var(--background-secondary);
  border-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__refreshBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.rentalsDashboard-module__HqpF0W__refreshBtn.rentalsDashboard-module__HqpF0W__spinning svg {
  animation: 1s linear infinite rentalsDashboard-module__HqpF0W__spin;
}

@keyframes rentalsDashboard-module__HqpF0W__spin {
  to {
    transform: rotate(360deg);
  }
}

.rentalsDashboard-module__HqpF0W__controlsRight, .rentalsDashboard-module__HqpF0W__controlsLeft {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__dashboardHeader {
  margin-bottom: var(--page-gap-desktop);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__headerTitle {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__headerTitle h1 {
  font-size: var(--text-2xl);
  color: var(--text-primary);
  margin: 0;
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__headerControls {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__branchSelect {
  min-width: 200px;
  padding: var(--spacing-sm, 8px) var(--spacing-sm, 12px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 8px);
  background: var(--background-glass);
  color: var(--text-primary);
  font-size: var(--text-sm);
  cursor: pointer;
}

.rentalsDashboard-module__HqpF0W__branchSelect:focus {
  border-color: var(--primary-color);
  outline: none;
}

.rentalsDashboard-module__HqpF0W__currentBranchIndicator {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) var(--spacing-sm, 12px);
  background: var(--background-secondary);
  border-radius: var(--radius-md, 8px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__alertBadge {
  background: var(--danger-color, #ef4444);
  color: #fff;
  border-radius: 10px;
  margin-right: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__refreshButton {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  background: var(--background-glass);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 8px);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__refreshButton:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__refreshButton.rentalsDashboard-module__HqpF0W__loading {
  opacity: .7;
  pointer-events: none;
}

.rentalsDashboard-module__HqpF0W__lastUpdated {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__kpiSection {
  margin-bottom: var(--page-gap-desktop);
}

.rentalsDashboard-module__HqpF0W__kpiGrid {
  gap: var(--spacing-md, 16px);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  display: grid;
}

.rentalsDashboard-module__HqpF0W__kpiCard {
  background: var(--background-glass);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg, 16px);
  padding: var(--spacing-lg, 20px);
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__kpiCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard:before {
  content: "";
  background: var(--kpi-color, var(--primary-color));
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.rentalsDashboard-module__HqpF0W__kpiHeader {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kpiLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__kpiIcon {
  border-radius: var(--radius-md, 10px);
  background: var(--kpi-bg, rgba(59, 130, 246, .1));
  width: 40px;
  height: 40px;
  color: var(--kpi-color, var(--primary-color));
  justify-content: center;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kpiValue {
  font-size: var(--text-3xl);
  color: var(--text-primary);
  font-weight: 700;
  line-height: 1;
}

.rentalsDashboard-module__HqpF0W__kpiFooter {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kpiChange {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-sm);
  font-weight: 500;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kpiChange.rentalsDashboard-module__HqpF0W__positive {
  color: var(--success-color, #22c55e);
}

.rentalsDashboard-module__HqpF0W__kpiChange.rentalsDashboard-module__HqpF0W__negative {
  color: var(--danger-color, #ef4444);
}

.rentalsDashboard-module__HqpF0W__kpiSubtext {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="revenue"] {
  --kpi-color: #22c55e;
  --kpi-bg: rgba(34, 197, 94, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="active"] {
  --kpi-color: #3b82f6;
  --kpi-bg: rgba(59, 130, 246, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="pickup"] {
  --kpi-color: #f59e0b;
  --kpi-bg: rgba(245, 158, 11, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="return"] {
  --kpi-color: #06b6d4;
  --kpi-bg: rgba(6, 182, 212, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="overdue"] {
  --kpi-color: #ef4444;
  --kpi-bg: rgba(239, 68, 68, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="fleet"] {
  --kpi-color: #8b5cf6;
  --kpi-bg: rgba(139, 92, 246, .1);
}

.rentalsDashboard-module__HqpF0W__kpiCard[data-type="deposits"] {
  --kpi-color: #ec4899;
  --kpi-bg: rgba(236, 72, 153, .1);
}

.rentalsDashboard-module__HqpF0W__mainContent {
  gap: var(--page-gap-desktop);
  grid-template-columns: 1fr 350px;
  display: grid;
}

@media (max-width: 1400px) {
  .rentalsDashboard-module__HqpF0W__mainContent {
    grid-template-columns: 1fr;
  }
}

.rentalsDashboard-module__HqpF0W__leftColumn, .rentalsDashboard-module__HqpF0W__rightColumn {
  gap: var(--page-gap-desktop);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__card {
  background: var(--background-glass);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg, 16px);
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__cardHeader {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cardTitle {
  align-items: center;
  gap: var(--spacing-sm, 10px);
  font-size: var(--text-lg);
  color: var(--text-primary);
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cardTitle .rentalsDashboard-module__HqpF0W__icon {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__cardActions {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cardBody {
  padding: var(--spacing-lg, 20px);
}

.rentalsDashboard-module__HqpF0W__timelineContainer {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
}

.rentalsDashboard-module__HqpF0W__timelineHeader {
  margin-bottom: var(--spacing-md, 16px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__timelineSummary {
  gap: var(--spacing-md, 16px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__timelineStat {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__timelineStat .rentalsDashboard-module__HqpF0W__value {
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__timelineStat.rentalsDashboard-module__HqpF0W__pickups .rentalsDashboard-module__HqpF0W__dot {
  background: #22c55e;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.rentalsDashboard-module__HqpF0W__timelineStat.rentalsDashboard-module__HqpF0W__returns .rentalsDashboard-module__HqpF0W__dot {
  background: #3b82f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.rentalsDashboard-module__HqpF0W__timelineStat.rentalsDashboard-module__HqpF0W__overdue .rentalsDashboard-module__HqpF0W__dot {
  background: #ef4444;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.rentalsDashboard-module__HqpF0W__timelineTrack {
  background: var(--background-secondary);
  border-radius: var(--radius-md, 12px);
  height: 80px;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  position: relative;
  overflow-x: auto;
}

.rentalsDashboard-module__HqpF0W__timelineAxis {
  bottom: var(--spacing-sm, 8px);
  left: var(--spacing-md, 16px);
  right: var(--spacing-md, 16px);
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.rentalsDashboard-module__HqpF0W__timelineHour {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__timelineEvents {
  gap: var(--spacing-sm, 8px);
  padding-bottom: var(--page-gap-desktop);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__timelineEvent {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 10px);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--border-color);
  cursor: pointer;
  background: #fff;
  flex-direction: column;
  min-width: 80px;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__timelineEvent:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.rentalsDashboard-module__HqpF0W__timelineEvent.rentalsDashboard-module__HqpF0W__pickup {
  border-color: #22c55e;
}

.rentalsDashboard-module__HqpF0W__timelineEvent.rentalsDashboard-module__HqpF0W__return {
  border-color: #3b82f6;
}

.rentalsDashboard-module__HqpF0W__timelineEvent.rentalsDashboard-module__HqpF0W__overdue {
  background: rgba(239, 68, 68, .05);
  border-color: #ef4444;
  animation: 2s infinite rentalsDashboard-module__HqpF0W__pulse;
}

@keyframes rentalsDashboard-module__HqpF0W__pulse {
  0%, 100% {
    box-shadow: 0 0 rgba(239, 68, 68, .4);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }
}

.rentalsDashboard-module__HqpF0W__timelineEvent .rentalsDashboard-module__HqpF0W__time {
  font-size: var(--text-xs);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__timelineEvent .rentalsDashboard-module__HqpF0W__type {
  color: var(--text-secondary);
  font-size: 10px;
}

.rentalsDashboard-module__HqpF0W__kanbanContainer {
  padding: 0;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__kanbanBoard {
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  min-height: 400px;
  display: grid;
}

@media (max-width: 1200px) {
  .rentalsDashboard-module__HqpF0W__kanbanBoard {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__kanbanBoard {
    grid-template-columns: 1fr;
  }
}

.rentalsDashboard-module__HqpF0W__kanbanColumn {
  border-left: 1px solid var(--border-color);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanColumn:first-child {
  border-left: none;
}

.rentalsDashboard-module__HqpF0W__kanbanColumnHeader {
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--background-secondary);
  border-bottom: 3px solid var(--column-color, var(--primary-color));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanColumnTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__kanbanColumnCount {
  background: var(--column-color, var(--primary-color));
  color: #fff;
  font-size: var(--text-xs);
  border-radius: 10px;
  padding: 2px 8px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__kanbanColumnBody {
  padding: var(--spacing-sm, 12px);
  gap: var(--spacing-sm, 10px);
  flex-direction: column;
  flex: 1;
  max-height: 400px;
  display: flex;
  overflow-y: auto;
}

.rentalsDashboard-module__HqpF0W__kanbanCard {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 10px);
  padding: var(--spacing-sm, 12px);
  cursor: pointer;
  background: #fff;
  transition: all .2s;
}

.rentalsDashboard-module__HqpF0W__kanbanCard:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.rentalsDashboard-module__HqpF0W__kanbanCard.rentalsDashboard-module__HqpF0W__overdue {
  background: rgba(239, 68, 68, .02);
  border-color: #ef4444;
}

.rentalsDashboard-module__HqpF0W__kanbanCardHeader {
  margin-bottom: var(--spacing-sm, 8px);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanRentalNumber {
  font-size: var(--text-sm);
  color: var(--primary-color);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__kanbanCardStatus {
  background: var(--background-secondary);
  color: var(--text-secondary);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
}

.rentalsDashboard-module__HqpF0W__kanbanCardStatus.rentalsDashboard-module__HqpF0W__overdue {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.rentalsDashboard-module__HqpF0W__kanbanCustomer {
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-xs, 4px);
  align-items: center;
  gap: var(--spacing-xs, 6px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanVehicle {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: var(--spacing-xs, 6px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanCardFooter {
  margin-top: var(--spacing-sm, 10px);
  padding-top: var(--spacing-sm, 10px);
  border-top: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__kanbanDate {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__kanbanAmount {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__kanbanBalance {
  font-size: var(--text-xs);
  color: var(--danger-color);
}

.rentalsDashboard-module__HqpF0W__alertsContainer {
  max-height: 400px;
  overflow-y: auto;
}

.rentalsDashboard-module__HqpF0W__alertsList {
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 12px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__alertItem {
  align-items: flex-start;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 10px);
  cursor: pointer;
  background: #fff;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__alertItem:hover {
  background: var(--background-secondary);
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__critical {
  border-right: 3px solid #ef4444;
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__high {
  border-right: 3px solid #f59e0b;
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__medium {
  border-right: 3px solid #3b82f6;
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__low {
  border-right: 3px solid #22c55e;
}

.rentalsDashboard-module__HqpF0W__alertIcon {
  border-radius: var(--radius-md, 8px);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__critical .rentalsDashboard-module__HqpF0W__alertIcon {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__high .rentalsDashboard-module__HqpF0W__alertIcon {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__medium .rentalsDashboard-module__HqpF0W__alertIcon {
  color: #3b82f6;
  background: rgba(59, 130, 246, .1);
}

.rentalsDashboard-module__HqpF0W__alertItem.rentalsDashboard-module__HqpF0W__low .rentalsDashboard-module__HqpF0W__alertIcon {
  color: #22c55e;
  background: rgba(34, 197, 94, .1);
}

.rentalsDashboard-module__HqpF0W__alertContent {
  flex: 1;
  min-width: 0;
}

.rentalsDashboard-module__HqpF0W__alertTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: 2px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__alertMessage {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__alertTime {
  color: var(--text-muted);
  flex-shrink: 0;
  font-size: 10px;
}

.rentalsDashboard-module__HqpF0W__alertActions {
  gap: var(--spacing-xs, 4px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__alertAction {
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  font-size: var(--text-xs);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm, 4px);
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  transition: all .2s;
}

.rentalsDashboard-module__HqpF0W__alertAction:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__noAlerts {
  padding: var(--spacing-xl, 40px);
  text-align: center;
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__noAlerts .rentalsDashboard-module__HqpF0W__icon {
  margin-bottom: var(--spacing-sm, 12px);
  opacity: .5;
  font-size: 48px;
}

.rentalsDashboard-module__HqpF0W__activityContainer {
  max-height: 350px;
  overflow-y: auto;
}

.rentalsDashboard-module__HqpF0W__activityList {
  padding: var(--spacing-sm, 12px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__activityItem {
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 10px) 0;
  border-bottom: 1px solid var(--border-color);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__activityItem:last-child {
  border-bottom: none;
}

.rentalsDashboard-module__HqpF0W__activityTime {
  font-size: var(--text-xs);
  color: var(--text-muted);
  flex-shrink: 0;
  width: 50px;
}

.rentalsDashboard-module__HqpF0W__activityDot {
  background: var(--primary-color);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 4px;
}

.rentalsDashboard-module__HqpF0W__activityContent {
  flex: 1;
  min-width: 0;
}

.rentalsDashboard-module__HqpF0W__activityUser {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__activityDescription {
  font-size: var(--text-xs);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__financialGrid {
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-lg, 20px);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__financialGrid {
    grid-template-columns: 1fr;
  }
}

.rentalsDashboard-module__HqpF0W__financialCard {
  background: var(--background-secondary);
  border-radius: var(--radius-md, 12px);
  padding: var(--spacing-md, 16px);
  text-align: center;
}

.rentalsDashboard-module__HqpF0W__financialLabel {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xs, 4px);
}

.rentalsDashboard-module__HqpF0W__financialValue {
  font-size: var(--text-xl);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__financialValue.rentalsDashboard-module__HqpF0W__success {
  color: var(--success-color);
}

.rentalsDashboard-module__HqpF0W__financialValue.rentalsDashboard-module__HqpF0W__warning {
  color: var(--warning-color);
}

.rentalsDashboard-module__HqpF0W__financialBreakdown {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownItem {
  padding: var(--spacing-sm, 8px) 0;
  border-bottom: 1px dashed var(--border-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownItem:last-child {
  border-bottom: none;
}

.rentalsDashboard-module__HqpF0W__breakdownLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__breakdownValue {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__fleetChart {
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__fleetDonut {
  width: 160px;
  height: 160px;
  position: relative;
}

.rentalsDashboard-module__HqpF0W__fleetCenter {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rentalsDashboard-module__HqpF0W__fleetPercent {
  font-size: var(--text-2xl);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__fleetSubtext {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__fleetLegend {
  gap: var(--spacing-sm, 12px);
  margin-top: var(--spacing-md, 16px);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__quickActions {
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-md, 16px);
  flex-wrap: wrap;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__quickActionButton {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 10px) var(--spacing-md, 16px);
  background: var(--background-glass);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 10px);
  font-size: var(--text-sm);
  color: var(--text-primary);
  cursor: pointer;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__quickActionButton:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__quickActionButton .rentalsDashboard-module__HqpF0W__icon {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__quickActionButton:hover .rentalsDashboard-module__HqpF0W__icon {
  color: #fff;
}

.rentalsDashboard-module__HqpF0W__loading {
  padding: var(--spacing-2xl, 60px);
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__spinner {
  border: 3px solid var(--border-color);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite rentalsDashboard-module__HqpF0W__spin;
}

.rentalsDashboard-module__HqpF0W__error {
  padding: var(--spacing-xl, 40px);
  text-align: center;
  color: var(--danger-color);
}

.rentalsDashboard-module__HqpF0W__error .rentalsDashboard-module__HqpF0W__icon {
  margin-bottom: var(--spacing-sm, 12px);
  font-size: 48px;
}

.rentalsDashboard-module__HqpF0W__retryButton {
  margin-top: var(--spacing-md, 16px);
  padding: var(--spacing-sm, 8px) var(--page-gap-desktop);
  background: var(--primary-color);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  border: none;
}

.rentalsDashboard-module__HqpF0W__emptyState {
  padding: var(--spacing-xl, 40px);
  text-align: center;
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__emptyState .rentalsDashboard-module__HqpF0W__icon {
  margin-bottom: var(--spacing-sm, 12px);
  opacity: .5;
  font-size: 48px;
}

.rentalsDashboard-module__HqpF0W__periodSelector {
  background: var(--background-secondary);
  border-radius: var(--radius-md, 8px);
  padding: 2px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__periodButton {
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 12px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  border-radius: var(--radius-sm, 6px);
  cursor: pointer;
  background: none;
  border: none;
  transition: all .2s;
}

.rentalsDashboard-module__HqpF0W__periodButton.rentalsDashboard-module__HqpF0W__active {
  color: var(--text-primary);
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.rentalsDashboard-module__HqpF0W__periodButton:hover:not(.rentalsDashboard-module__HqpF0W__active) {
  color: var(--text-primary);
}

.rentalsDashboard-module__HqpF0W__viewAllLink {
  font-size: var(--text-sm);
  color: var(--primary-color);
  align-items: center;
  gap: var(--spacing-xs, 4px);
  text-decoration: none;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__viewAllLink:hover {
  text-decoration: underline;
}

.rentalsDashboard-module__HqpF0W__badge {
  background: var(--danger-color, #ef4444);
  color: #fff;
  border-radius: 10px;
  margin-right: 8px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__chartsContainer {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__chartHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  flex-wrap: wrap;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__chartStats {
  gap: var(--page-gap-desktop);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__chartStat {
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__chartStatLabel {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__chartStatValue {
  font-size: var(--text-lg);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__barChart {
  height: 200px;
  position: relative;
}

.rentalsDashboard-module__HqpF0W__barChartContainer {
  gap: var(--spacing-sm, 12px);
  height: 100%;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__yAxis {
  font-size: var(--text-xs);
  color: var(--text-muted);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  width: 50px;
  padding-bottom: 20px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__bars {
  align-items: flex-end;
  gap: var(--spacing-xs, 4px);
  padding-bottom: var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color);
  flex: 1;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__barWrapper {
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rentalsDashboard-module__HqpF0W__bar {
  background: linear-gradient(180deg, var(--primary-color), rgba(59, 130, 246, .7));
  border-radius: var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0;
  cursor: pointer;
  width: 100%;
  max-width: 30px;
  min-height: 2px;
  transition: all .2s;
  position: relative;
}

.rentalsDashboard-module__HqpF0W__bar:hover {
  opacity: .8;
}

.rentalsDashboard-module__HqpF0W__bar:hover .rentalsDashboard-module__HqpF0W__barTooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%)translateY(-8px);
}

.rentalsDashboard-module__HqpF0W__barTooltip {
  background: var(--text-primary);
  color: #fff;
  padding: var(--spacing-sm, 8px) var(--spacing-sm, 12px);
  border-radius: var(--radius-sm, 6px);
  font-size: var(--text-xs);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: all .2s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.rentalsDashboard-module__HqpF0W__tooltipValue {
  margin-bottom: 2px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__tooltipDate {
  color: rgba(255, 255, 255, .7);
}

.rentalsDashboard-module__HqpF0W__tooltipRentals {
  color: rgba(255, 255, 255, .6);
  font-size: 10px;
}

.rentalsDashboard-module__HqpF0W__barLabel {
  color: var(--text-muted);
  font-size: 10px;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.rentalsDashboard-module__HqpF0W__chartLegend {
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-sm, 8px);
  justify-content: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__legendItem {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 6px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__barGroup {
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
  width: 100%;
  height: 100%;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__barGroup .rentalsDashboard-module__HqpF0W__bar {
  flex: 1;
  max-width: 14px;
}

.rentalsDashboard-module__HqpF0W__barWithVat {
  background: linear-gradient(180deg, var(--primary-color), rgba(59, 130, 246, .7));
}

.rentalsDashboard-module__HqpF0W__barBeforeVat {
  background: linear-gradient(#22c55e, rgba(34, 197, 94, .7));
}

.rentalsDashboard-module__HqpF0W__barBeforeVat .rentalsDashboard-module__HqpF0W__barTooltip {
  display: none;
}

.rentalsDashboard-module__HqpF0W__breakdownMini {
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid var(--border-color);
}

.rentalsDashboard-module__HqpF0W__breakdownTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm, 12px);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__breakdownBars {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownRow {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownDot {
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.rentalsDashboard-module__HqpF0W__breakdownBarContainer {
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 4px);
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__breakdownBar {
  border-radius: var(--radius-sm, 4px);
  height: 100%;
  transition: width .3s;
}

.rentalsDashboard-module__HqpF0W__financialContainer {
  gap: var(--spacing-lg, 20px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__collectionRate {
  background: var(--background-secondary);
  border-radius: var(--radius-md, 10px);
  padding: var(--spacing-sm, 12px);
}

.rentalsDashboard-module__HqpF0W__collectionRateHeader {
  margin-bottom: var(--spacing-sm, 8px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__collectionRateValue {
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__collectionRateBar {
  border-radius: var(--radius-sm, 4px);
  background: rgba(34, 197, 94, .2);
  height: 8px;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__collectionRateFill {
  background: var(--success-color, #22c55e);
  border-radius: var(--radius-sm, 4px);
  height: 100%;
  transition: width .3s;
}

.rentalsDashboard-module__HqpF0W__depositsInfo {
  padding: var(--spacing-sm, 12px);
  border-radius: var(--radius-md, 10px);
  background: rgba(139, 92, 246, .1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__depositsHeader {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__depositsStats {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__depositsCount {
  font-size: var(--text-lg);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__depositsTotal {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__categoryRevenue {
  border-top: 1px solid var(--border-color);
  padding-top: var(--spacing-md, 16px);
}

.rentalsDashboard-module__HqpF0W__categoryTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm, 12px);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__categoryList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__categoryItem {
  font-size: var(--text-sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__categoryName {
  color: var(--text-primary);
  flex: 1;
}

.rentalsDashboard-module__HqpF0W__categoryCount {
  color: var(--text-muted);
  font-size: var(--text-xs);
  margin: 0 var(--spacing-sm, 12px);
}

.rentalsDashboard-module__HqpF0W__categoryAmount {
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__fleetContainer {
  gap: var(--spacing-md, 16px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__donutSvg {
  width: 100%;
  height: 100%;
}

.rentalsDashboard-module__HqpF0W__donutSegment {
  cursor: pointer;
  transition: opacity .2s;
}

.rentalsDashboard-module__HqpF0W__donutSegment:hover {
  opacity: .8;
}

.rentalsDashboard-module__HqpF0W__fleetStats {
  padding: var(--spacing-sm, 12px) 0;
  border-top: 1px solid var(--border-color);
  justify-content: space-around;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__fleetStatItem {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__fleetStatValue {
  font-size: var(--text-lg);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__fleetStatLabel {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__legendCount {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-right: var(--spacing-xs, 4px);
}

.rentalsDashboard-module__HqpF0W__categoryUtilization {
  border-top: 1px solid var(--border-color);
  padding-top: var(--spacing-sm, 12px);
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationTitle {
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm, 10px);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationItem {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationBar {
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 3px);
  flex: 1;
  height: 6px;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationFill {
  background: var(--primary-color);
  border-radius: var(--radius-sm, 3px);
  height: 100%;
}

.rentalsDashboard-module__HqpF0W__categoryUtilizationPercent {
  font-size: var(--text-xs);
  color: var(--text-primary);
  text-align: left;
  width: 36px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__activityRental {
  color: var(--primary-color);
  margin-right: var(--spacing-xs, 4px);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__pending {
  color: var(--text-muted);
  font-size: var(--text-xs);
  margin-right: var(--spacing-xs, 4px);
}

.rentalsDashboard-module__HqpF0W__widgetCard {
  background: var(--background-glass, rgba(255, 255, 255, .85));
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__widgetHeader {
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__widgetTitle {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  font-size: var(--text-md);
  color: var(--text-primary);
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__widgetTitle .rentalsDashboard-module__HqpF0W__icon {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__widgetActions {
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__miniSelect {
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm, 6px);
  background: var(--background-primary);
  font-size: var(--text-xs);
  color: var(--text-primary);
  cursor: pointer;
}

.rentalsDashboard-module__HqpF0W__widgetBody {
  padding: var(--spacing-md, 16px);
  max-height: 400px;
  overflow-y: auto;
}

.rentalsDashboard-module__HqpF0W__badge {
  min-width: 22px;
  height: 22px;
  padding: 0 var(--spacing-xs, 6px);
  background: var(--warning-color, #f59e0b);
  color: #fff;
  font-size: var(--text-xs);
  border-radius: var(--radius-full, 999px);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.rentalsDashboard-module__HqpF0W__lateReturnsSummary {
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color);
  background: var(--background-secondary);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.rentalsDashboard-module__HqpF0W__summaryItem {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__summaryValue {
  font-size: var(--text-xl);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__summaryValue.rentalsDashboard-module__HqpF0W__warning {
  color: var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__summaryValue.rentalsDashboard-module__HqpF0W__danger {
  color: var(--error-color, #ef4444);
}

.rentalsDashboard-module__HqpF0W__summaryLabel {
  font-size: var(--text-xs);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__lateReturnsList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__lateReturnItem {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-primary);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__lateReturnItem:hover {
  background: var(--background-secondary);
  border-color: var(--primary-color);
  transform: translateX(-2px);
}

.rentalsDashboard-module__HqpF0W__lateReturnItem.rentalsDashboard-module__HqpF0W__critical {
  border-right: 3px solid var(--error-color, #ef4444);
}

.rentalsDashboard-module__HqpF0W__lateReturnItem.rentalsDashboard-module__HqpF0W__high {
  border-right: 3px solid var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__lateReturnItem.rentalsDashboard-module__HqpF0W__medium {
  border-right: 3px solid var(--warning-light, #fcd34d);
}

.rentalsDashboard-module__HqpF0W__lateReturnItem.rentalsDashboard-module__HqpF0W__low {
  border-right: 3px solid var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__lateBadge {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  background: var(--error-light, #fef2f2);
  color: var(--error-color, #ef4444);
  font-size: var(--text-xs);
  border-radius: var(--radius-sm, 4px);
  white-space: nowrap;
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__lateReturnInfo {
  flex: 1;
  min-width: 0;
}

.rentalsDashboard-module__HqpF0W__lateReturnTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  margin-bottom: var(--spacing-xs, 4px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__rentalNumber {
  font-size: var(--text-sm);
  color: var(--primary-color);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__customerName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__lateReturnMeta {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__vehicle {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__lateReturnDates {
  gap: var(--spacing-xs, 2px);
  flex-direction: column;
  min-width: 130px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__dateRow {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__dateLabel {
  color: var(--text-muted);
  min-width: 35px;
}

.rentalsDashboard-module__HqpF0W__dateValue {
  color: var(--text-secondary);
  font-family: var(--font-mono, monospace);
}

.rentalsDashboard-module__HqpF0W__arrowIcon {
  color: var(--text-muted);
  flex-shrink: 0;
}

.rentalsDashboard-module__HqpF0W__errorState {
  padding: var(--spacing-xl, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  color: var(--text-secondary);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__errorState p {
  font-size: var(--text-sm);
  margin: 0;
}

.rentalsDashboard-module__HqpF0W__retryBtn {
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  background: var(--primary-color);
  color: #fff;
  border-radius: var(--radius-md, 8px);
  font-size: var(--text-sm);
  cursor: pointer;
  border: none;
  transition: opacity .2s;
}

.rentalsDashboard-module__HqpF0W__retryBtn:hover {
  opacity: .9;
}

.rentalsDashboard-module__HqpF0W__emptyState {
  padding: var(--spacing-xl, 32px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__emptyState p {
  font-size: var(--text-md);
  color: var(--text-primary);
  margin: 0;
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__emptyState span {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__idleVehiclesSummary {
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color);
  background: var(--background-secondary);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.rentalsDashboard-module__HqpF0W__idleVehiclesList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-primary);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem:hover {
  background: var(--background-secondary);
  border-color: var(--primary-color);
  transform: translateX(-2px);
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem.rentalsDashboard-module__HqpF0W__critical {
  border-right: 3px solid var(--error-color, #ef4444);
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem.rentalsDashboard-module__HqpF0W__high {
  border-right: 3px solid var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem.rentalsDashboard-module__HqpF0W__medium {
  border-right: 3px solid var(--warning-light, #fcd34d);
}

.rentalsDashboard-module__HqpF0W__idleVehicleItem.rentalsDashboard-module__HqpF0W__low {
  border-right: 3px solid var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__idleBadge {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  background: var(--warning-light, #fef3c7);
  color: var(--warning-dark, #b45309);
  font-size: var(--text-xs);
  border-radius: var(--radius-sm, 4px);
  white-space: nowrap;
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__idleVehicleInfo {
  flex: 1;
  min-width: 0;
}

.rentalsDashboard-module__HqpF0W__idleVehicleTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  margin-bottom: var(--spacing-xs, 4px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__licenseNumber {
  font-size: var(--text-sm);
  color: var(--primary-color);
  font-weight: 600;
  font-family: var(--font-mono, monospace);
}

.rentalsDashboard-module__HqpF0W__vehicleName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__idleVehicleMeta {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__category {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__transferInfo {
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  min-width: 140px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__transferRoute {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__branchFrom {
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__arrowTransfer {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__branchTo {
  color: var(--text-primary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__transferDate {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__statusSection {
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__statusBadgeActive {
  padding: var(--spacing-xs, 2px) var(--spacing-sm, 8px);
  background: var(--success-light, #dcfce7);
  color: var(--success-color, #16a34a);
  font-size: var(--text-xs);
  border-radius: var(--radius-sm, 4px);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__statusBadgeAvailable {
  padding: var(--spacing-xs, 2px) var(--spacing-sm, 8px);
  background: var(--info-light, #dbeafe);
  color: var(--info-color, #2563eb);
  font-size: var(--text-xs);
  border-radius: var(--radius-sm, 4px);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__statusBadgeUnavailable {
  padding: var(--spacing-xs, 2px) var(--spacing-sm, 8px);
  background: var(--background-tertiary, #f3f4f6);
  color: var(--text-muted, #9ca3af);
  font-size: var(--text-xs);
  border-radius: var(--radius-sm, 4px);
  font-weight: 500;
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__lateReturnsSummary, .rentalsDashboard-module__HqpF0W__idleVehiclesSummary {
    grid-template-columns: repeat(2, 1fr);
  }

  .rentalsDashboard-module__HqpF0W__lateReturnItem, .rentalsDashboard-module__HqpF0W__idleVehicleItem {
    flex-wrap: wrap;
  }

  .rentalsDashboard-module__HqpF0W__lateReturnDates {
    gap: var(--spacing-md, 16px);
    width: 100%;
    margin-top: var(--spacing-xs, 4px);
    flex-direction: row;
  }

  .rentalsDashboard-module__HqpF0W__transferInfo {
    width: 100%;
    margin-top: var(--spacing-xs, 4px);
    flex-direction: row;
    justify-content: space-between;
  }
}

.rentalsDashboard-module__HqpF0W__forecastSummary {
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color);
  background: var(--background-secondary);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.rentalsDashboard-module__HqpF0W__summaryValue.rentalsDashboard-module__HqpF0W__info {
  color: var(--info-color, #3b82f6);
  font-size: var(--text-lg);
}

.rentalsDashboard-module__HqpF0W__forecastList {
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__forecastDay {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 10px) var(--spacing-sm, 12px);
  background: var(--background-primary);
  border-radius: var(--radius-md, 8px);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__forecastDay:hover {
  background: var(--background-secondary);
}

.rentalsDashboard-module__HqpF0W__forecastDay.rentalsDashboard-module__HqpF0W__today {
  background: var(--primary-light, #dbeafe);
  border-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__forecastDay.rentalsDashboard-module__HqpF0W__tomorrow {
  background: var(--info-light, #e0f2fe);
  border-color: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__dayInfo {
  flex-direction: column;
  align-items: flex-start;
  min-width: 60px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__dayName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__dayDate {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__forecastBars {
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__forecastBarRow {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__barLabel {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  min-width: 40px;
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__barContainer {
  background: var(--background-tertiary, #f3f4f6);
  border-radius: var(--radius-sm, 4px);
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.rentalsDashboard-module__HqpF0W__bar {
  border-radius: var(--radius-sm, 4px);
  height: 100%;
  transition: width .3s;
}

.rentalsDashboard-module__HqpF0W__pickupBar {
  background: var(--success-color, #22c55e);
}

.rentalsDashboard-module__HqpF0W__returnBar {
  background: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__dayTotal {
  min-width: 30px;
  font-size: var(--text-md);
  color: var(--text-primary);
  text-align: center;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__branchBreakdown {
  margin-top: var(--spacing-md, 16px);
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid var(--border-color);
}

.rentalsDashboard-module__HqpF0W__breakdownTitle {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm, 10px);
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownList {
  gap: var(--spacing-xs, 6px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__breakdownItem {
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 10px);
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 6px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__branchName {
  font-size: var(--text-sm);
  color: var(--text-primary);
}

.rentalsDashboard-module__HqpF0W__branchCounts {
  align-items: center;
  gap: var(--spacing-sm, 12px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__pickupCount, .rentalsDashboard-module__HqpF0W__returnCount {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  font-weight: 500;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__pickupCount {
  color: var(--success-color, #22c55e);
}

.rentalsDashboard-module__HqpF0W__returnCount {
  color: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__forecastLegend {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-sm, 10px);
  border-top: 1px solid var(--border-color);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__legendItem {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__legendDot {
  border-radius: var(--radius-full, 999px);
  width: 10px;
  height: 10px;
}

.rentalsDashboard-module__HqpF0W__pickupDot {
  background: var(--success-color, #22c55e);
}

.rentalsDashboard-module__HqpF0W__returnDot {
  background: var(--info-color, #3b82f6);
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__forecastSummary {
    grid-template-columns: repeat(2, 1fr);
  }

  .rentalsDashboard-module__HqpF0W__forecastDay {
    flex-wrap: wrap;
  }

  .rentalsDashboard-module__HqpF0W__dayInfo {
    width: 100%;
    margin-bottom: var(--spacing-xs, 4px);
    flex-direction: row;
    justify-content: space-between;
  }

  .rentalsDashboard-module__HqpF0W__dayTotal {
    position: absolute;
    top: 10px;
    left: 12px;
  }
}

.rentalsDashboard-module__HqpF0W__turnaroundSummary {
  padding: var(--spacing-md, 16px);
  border-radius: var(--radius-md, 8px);
  margin-bottom: var(--spacing-md, 16px);
  background: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(124, 58, 237, .05) 100%);
  border: 1px solid rgba(139, 92, 246, .2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundMainStat {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundMainValue {
  font-size: var(--text-3xl);
  color: var(--primary-color);
  font-weight: 700;
  line-height: 1;
}

.rentalsDashboard-module__HqpF0W__turnaroundMainLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-top: var(--spacing-xs, 4px);
}

.rentalsDashboard-module__HqpF0W__turnaroundSecondaryStats {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundSecondaryStat {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundSecondaryStat svg {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__turnaroundCategories {
  margin-bottom: var(--spacing-md, 16px);
  padding: var(--spacing-sm, 8px);
  background: var(--bg-secondary);
  border-radius: var(--radius-md, 8px);
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryHeader {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm, 8px);
  padding-bottom: var(--spacing-xs, 4px);
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryHeader svg {
  color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryList {
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryItem {
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  background: var(--bg-primary);
  border-radius: var(--radius-sm, 4px);
  justify-content: space-between;
  align-items: center;
  transition: background .15s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryItem:hover {
  background: var(--bg-hover);
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryName {
  font-size: var(--text-sm);
  color: var(--text-primary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryStats {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryDays {
  font-size: var(--text-sm);
  color: var(--primary-color);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__turnaroundCategoryCount {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}

.rentalsDashboard-module__HqpF0W__turnaroundList {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundListHeader {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-sm);
  color: var(--warning-color);
  margin-bottom: var(--spacing-xs, 4px);
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundItem {
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  background: var(--bg-secondary);
  border-radius: var(--radius-md, 8px);
  border-right: 3px solid var(--border-color);
  transition: all .2s;
}

.rentalsDashboard-module__HqpF0W__turnaroundItem:hover {
  background: var(--bg-hover);
  transform: translateX(-2px);
}

.rentalsDashboard-module__HqpF0W__turnaroundFast {
  border-right-color: var(--success-color, #22c55e);
}

.rentalsDashboard-module__HqpF0W__turnaroundNormal {
  border-right-color: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__turnaroundSlow {
  border-right-color: var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__turnaroundCritical {
  border-right-color: var(--error-color, #ef4444);
}

.rentalsDashboard-module__HqpF0W__turnaroundItemMain {
  margin-bottom: var(--spacing-xs, 4px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundVehicle {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundVehicle svg {
  color: var(--text-tertiary);
}

.rentalsDashboard-module__HqpF0W__turnaroundLicense {
  font-size: var(--text-md);
  color: var(--text-primary);
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__turnaroundModel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__turnaroundBranch {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  align-items: center;
  gap: 2px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundItemDetails {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundRentals {
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__turnaroundRentalLabel {
  color: var(--text-tertiary);
}

.rentalsDashboard-module__HqpF0W__turnaroundRentalNumber {
  color: var(--primary-color);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__turnaroundRentals svg {
  color: var(--text-tertiary);
}

.rentalsDashboard-module__HqpF0W__turnaroundTime {
  border-radius: var(--radius-sm, 4px);
  font-size: var(--text-sm);
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__severityFast {
  color: var(--success-color, #22c55e);
  background: rgba(34, 197, 94, .15);
}

.rentalsDashboard-module__HqpF0W__severityNormal {
  color: var(--info-color, #3b82f6);
  background: rgba(59, 130, 246, .15);
}

.rentalsDashboard-module__HqpF0W__severitySlow {
  color: var(--warning-color, #f59e0b);
  background: rgba(245, 158, 11, .15);
}

.rentalsDashboard-module__HqpF0W__severityCritical {
  color: var(--error-color, #ef4444);
  background: rgba(239, 68, 68, .15);
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__turnaroundSummary {
    gap: var(--spacing-md, 16px);
    text-align: center;
    flex-direction: column;
  }

  .rentalsDashboard-module__HqpF0W__turnaroundSecondaryStats {
    gap: var(--spacing-md, 16px);
    flex-direction: row;
  }

  .rentalsDashboard-module__HqpF0W__turnaroundItemMain {
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
    flex-direction: column;
  }

  .rentalsDashboard-module__HqpF0W__turnaroundItemDetails {
    gap: var(--spacing-xs, 4px);
    flex-wrap: wrap;
  }

  .rentalsDashboard-module__HqpF0W__turnaroundCategoryItem {
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
    flex-direction: column;
  }
}

.rentalsDashboard-module__HqpF0W__cancellationsSummary {
  padding: var(--spacing-md, 16px);
  border-radius: var(--radius-md, 12px);
  margin-bottom: var(--spacing-md, 16px);
  background: linear-gradient(135deg, rgba(239, 68, 68, .1), rgba(245, 158, 11, .1));
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsMainStat {
  text-align: center;
}

.rentalsDashboard-module__HqpF0W__cancellationsNumber {
  font-size: var(--text-3xl);
  color: var(--error-color, #ef4444);
  font-weight: 700;
  line-height: 1;
}

.rentalsDashboard-module__HqpF0W__cancellationsLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin-top: var(--spacing-xs, 4px);
}

.rentalsDashboard-module__HqpF0W__cancellationsSecondaryStats {
  gap: var(--spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsSecondaryStat {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsSecondaryNumber {
  font-size: var(--text-lg);
  color: var(--warning-color, #f59e0b);
  min-width: 30px;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__cancellationsSecondaryLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__cancellationsTabs {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: var(--spacing-md, 16px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsTab {
  padding: var(--spacing-sm, 10px) var(--spacing-md, 16px);
  cursor: pointer;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  background: none;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  flex: 1;
  margin-bottom: -1px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsTab:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

.rentalsDashboard-module__HqpF0W__cancellationsTabActive {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}

.rentalsDashboard-module__HqpF0W__cancellationsTabBadge {
  background: var(--primary-color);
  color: #fff;
  font-size: var(--text-xs);
  text-align: center;
  border-radius: 10px;
  min-width: 20px;
  padding: 2px 6px;
}

.rentalsDashboard-module__HqpF0W__cancellationsList {
  gap: var(--spacing-sm, 10px);
  flex-direction: column;
  max-height: 280px;
  display: flex;
  overflow-y: auto;
}

.rentalsDashboard-module__HqpF0W__cancellationsItem {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-sm, 12px);
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 8px);
  border-right: 3px solid var(--error-color, #ef4444);
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsItem:hover {
  background: var(--hover-bg);
}

.rentalsDashboard-module__HqpF0W__changesItem {
  border-right-color: var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__swapsItem {
  border-right-color: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__cancellationsItemMain {
  flex: 1;
  min-width: 0;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemHeader {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  margin-bottom: var(--spacing-xs, 4px);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsRentalNumber {
  color: var(--primary-color);
  cursor: pointer;
  font-weight: 600;
}

.rentalsDashboard-module__HqpF0W__cancellationsRentalNumber:hover {
  text-decoration: underline;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemBadge {
  border-radius: var(--radius-sm, 4px);
  font-size: var(--text-xs);
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-weight: 500;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__badgeCancellation {
  color: var(--error-color, #ef4444);
  background: rgba(239, 68, 68, .15);
}

.rentalsDashboard-module__HqpF0W__badgeChange {
  color: var(--warning-color, #f59e0b);
  background: rgba(245, 158, 11, .15);
}

.rentalsDashboard-module__HqpF0W__badgeSwap {
  color: var(--info-color, #3b82f6);
  background: rgba(59, 130, 246, .15);
}

.rentalsDashboard-module__HqpF0W__cancellationsItemDetails {
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  flex-wrap: wrap;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemDetail {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemDetail svg {
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__changeDetails {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  margin-top: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 8px);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--text-sm);
  background: rgba(245, 158, 11, .08);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__changeFrom {
  color: var(--text-muted);
  text-decoration: line-through;
}

.rentalsDashboard-module__HqpF0W__changeArrow {
  color: var(--warning-color, #f59e0b);
}

.rentalsDashboard-module__HqpF0W__changeTo {
  color: var(--text-primary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__swapDetails {
  align-items: center;
  gap: var(--spacing-xs, 6px);
  margin-top: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 8px);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--text-sm);
  background: rgba(59, 130, 246, .08);
  display: flex;
}

.rentalsDashboard-module__HqpF0W__swapFrom {
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__swapArrow {
  color: var(--info-color, #3b82f6);
}

.rentalsDashboard-module__HqpF0W__swapTo {
  color: var(--text-primary);
  font-weight: 500;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemMeta {
  align-items: flex-end;
  gap: var(--spacing-xs, 4px);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsItemDate {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.rentalsDashboard-module__HqpF0W__cancellationsItemUser {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__cancellationsReason {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  margin-top: var(--spacing-xs, 4px);
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  border-radius: var(--radius-sm, 4px);
  background: rgba(0, 0, 0, .05);
  font-style: italic;
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__cancellationsSummary {
    gap: var(--spacing-md, 16px);
    text-align: center;
    flex-direction: column;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsSecondaryStats {
    gap: var(--spacing-md, 16px);
    flex-direction: row;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsItem {
    gap: var(--spacing-sm, 8px);
    flex-direction: column;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsItemMeta {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsItemDetails {
    gap: var(--spacing-xs, 4px);
    flex-direction: column;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsTabs {
    flex-wrap: wrap;
  }

  .rentalsDashboard-module__HqpF0W__cancellationsTab {
    flex: auto;
  }
}

.rentalsDashboard-module__HqpF0W__debtsContainer {
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-lg, 20px);
  background: var(--background-glass, rgba(255, 255, 255, .8));
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--border-color);
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsContainer .rentalsDashboard-module__HqpF0W__sectionHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsContainer .rentalsDashboard-module__HqpF0W__sectionHeader h3 {
  font-size: var(--text-lg);
  color: var(--text-primary);
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-weight: 600;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsGrid {
  gap: var(--spacing-md, 16px);
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  display: grid;
}

.rentalsDashboard-module__HqpF0W__debtsCard {
  border-radius: var(--radius-md, 10px);
  cursor: pointer;
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(0, 0, 0, .06);
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsCard:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, .1);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}

.rentalsDashboard-module__HqpF0W__debtsCard.rentalsDashboard-module__HqpF0W__primary {
  background: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, rgba(239, 68, 68, .05) 100%);
  border-color: rgba(239, 68, 68, .2);
}

.rentalsDashboard-module__HqpF0W__debtsCard.rentalsDashboard-module__HqpF0W__danger {
  animation: 2s infinite rentalsDashboard-module__HqpF0W__pulse;
}

.rentalsDashboard-module__HqpF0W__debtsCardIcon {
  color: #ef4444;
  border-radius: var(--radius-md, 10px);
  background: rgba(239, 68, 68, .1);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsCardContent {
  flex-direction: column;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsCardValue {
  font-size: var(--text-xl, 1.25rem);
  color: var(--text-primary);
  font-weight: 700;
}

.rentalsDashboard-module__HqpF0W__debtsCardLabel {
  font-size: var(--text-xs, .75rem);
  color: var(--text-secondary);
}

.rentalsDashboard-module__HqpF0W__debtsSecondary {
  border-top: 1px solid rgba(0, 0, 0, .06);
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: .75rem;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__debtsStat {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  align-items: center;
  gap: .35rem;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__viewAllBtn {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm, 6px);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: .25rem;
  padding: .4rem .75rem;
  transition: all .2s;
  display: flex;
}

.rentalsDashboard-module__HqpF0W__viewAllBtn:hover {
  background: var(--background-secondary);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

@media (max-width: 768px) {
  .rentalsDashboard-module__HqpF0W__debtsGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .rentalsDashboard-module__HqpF0W__debtsSecondary {
    flex-direction: column;
    gap: .5rem;
  }
}

/* [project]/src/components/Dashboard/CarDashboardWidget/CarDashboardWidget.module.css [client] (css) */
.CarDashboardWidget-module__1fPjiq__deck {
  isolation: isolate;
  gap: var(--spacing-lg);
  perspective: 1200px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  display: grid;
  position: relative;
}

.CarDashboardWidget-module__1fPjiq__deck > .CarDashboardWidget-module__1fPjiq__card {
  grid-column: span 4;
  min-width: 200px;
}

@media (min-width: 600px) and (max-width: 1023px) {
  .CarDashboardWidget-module__1fPjiq__deck > .CarDashboardWidget-module__1fPjiq__card {
    grid-column: span 6;
  }
}

@media (max-width: 599px) {
  .CarDashboardWidget-module__1fPjiq__deck {
    gap: var(--spacing-md);
  }

  .CarDashboardWidget-module__1fPjiq__deck > .CarDashboardWidget-module__1fPjiq__card {
    grid-column: span 12;
  }
}

.CarDashboardWidget-module__1fPjiq__fxGrain, .CarDashboardWidget-module__1fPjiq__fxDots {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.CarDashboardWidget-module__1fPjiq__fxGrain {
  opacity: .08;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.CarDashboardWidget-module__1fPjiq__fxDots {
  opacity: .25;
  background: radial-gradient(1px 1px at 25% 35%, rgba(255, 255, 255, .18) 0, rgba(0, 0, 0, 0) 60%), radial-gradient(1px 1px at 75% 65%, rgba(255, 255, 255, .12) 0, rgba(0, 0, 0, 0) 60%);
}

.CarDashboardWidget-module__1fPjiq__card {
  z-index: 1;
  border-radius: calc(var(--border-radius-xl)  + 6px);
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid color-mix(in srgb, var(--glass-border) 80%, transparent);
  box-shadow: var(--glass-shadow);
  transform-style: preserve-3d;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);
  grid-template-rows: auto auto auto auto;
  display: grid;
  position: relative;
  overflow: clip;
}

.CarDashboardWidget-module__1fPjiq__card:hover {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.CarDashboardWidget-module__1fPjiq__glassSheen {
  content: "";
  mix-blend-mode: soft-light;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, .22) 70%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.CarDashboardWidget-module__1fPjiq__ribbon {
  top: -2px;
  filter: blur(6px);
  opacity: .85;
  pointer-events: none;
  z-index: 1;
  border-radius: 999px;
  height: 6px;
  position: absolute;
  left: 10%;
  right: 10%;
}

.CarDashboardWidget-module__1fPjiq__cardVehicles {
  border-color: color-mix(in srgb, var(--primary-color) 28%, var(--glass-border));
  box-shadow: var(--glass-shadow), 0 0 0 1px color-mix(in srgb, var(--primary-color) 16%, transparent) inset;
  background-image: radial-gradient(1200px 150px at 88% 0%, color-mix(in srgb, var(--primary-color) 12%, transparent) 0%, transparent 100%), linear-gradient(180deg, rgba(255, 255, 255, .08), transparent);
}

.CarDashboardWidget-module__1fPjiq__ribbonBrand {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 80%, #fff) 0%, transparent 60%);
}

.CarDashboardWidget-module__1fPjiq__cardMaintenance {
  border-color: color-mix(in srgb, #1f6fe5 28%, var(--glass-border));
  box-shadow: var(--glass-shadow), 0 0 0 1px rgba(31, 111, 229, .16) inset;
  background-image: radial-gradient(900px 150px at 14% 0, rgba(31, 111, 229, .12) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(rgba(255, 255, 255, .06), rgba(0, 0, 0, 0));
}

.CarDashboardWidget-module__1fPjiq__ribbonSteel {
  background: linear-gradient(90deg, #4c8cea 0%, rgba(0, 0, 0, 0) 60%);
}

.CarDashboardWidget-module__1fPjiq__cardTests {
  border-color: color-mix(in srgb, var(--bad) 28%, var(--glass-border));
  box-shadow: var(--glass-shadow), 0 0 0 1px color-mix(in srgb, var(--bad) 16%, transparent) inset;
  background-image: radial-gradient(1000px 160px at 86% 0%, color-mix(in srgb, var(--bad) 12%, transparent) 0%, transparent 100%), linear-gradient(180deg, rgba(255, 255, 255, .06), transparent);
}

.CarDashboardWidget-module__1fPjiq__ribbonAlert {
  background: linear-gradient(90deg, color-mix(in srgb, var(--bad) 80%, #fff) 0%, transparent 60%);
}

.CarDashboardWidget-module__1fPjiq__cardHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--widget-gap-desktop);
  padding: var(--widget-padding-desktop);
  display: flex;
}

.CarDashboardWidget-module__1fPjiq__titleWrap {
  align-items: center;
  gap: var(--spacing-md);
  min-width: 0;
  display: flex;
}

.CarDashboardWidget-module__1fPjiq__leadingIcon {
  background: color-mix(in srgb, var(--chip-bg) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .35);
}

.CarDashboardWidget-module__1fPjiq__brandOrb {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 22%, transparent) inset, 0 14px 28px color-mix(in srgb, var(--glow-color-brand) 60%, transparent);
}

.CarDashboardWidget-module__1fPjiq__steelOrb {
  box-shadow: inset 0 0 0 1px rgba(31, 111, 229, .22), 0 14px 28px rgba(31, 111, 229, .25);
}

.CarDashboardWidget-module__1fPjiq__alertOrb {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bad) 22%, transparent) inset, 0 14px 28px rgba(239, 68, 68, .25);
}

.CarDashboardWidget-module__1fPjiq__titleTextGroup {
  gap: 2px;
  display: grid;
}

.CarDashboardWidget-module__1fPjiq__cardTitle {
  font-size: clamp(var(--font-size-4), 2.1vw, 22px);
  letter-spacing: .2px;
  color: var(--title);
  text-shadow: 0 1px rgba(255, 255, 255, .34);
  margin: 0;
  font-weight: 800;
}

.CarDashboardWidget-module__1fPjiq__titleHint {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  opacity: .9;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.CarDashboardWidget-module__1fPjiq__totalWrap {
  justify-items: end;
  min-width: 110px;
  display: grid;
}

.CarDashboardWidget-module__1fPjiq__totalLabel {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
}

.CarDashboardWidget-module__1fPjiq__totalValue {
  color: var(--text-primary);
  letter-spacing: .3px;
  font-size: max(22px, min(3.2vw, 30px));
  font-weight: 900;
}

.CarDashboardWidget-module__1fPjiq__cardMeta {
  gap: var(--spacing-md);
  padding: 0 var(--spacing-xl) var(--spacing-sm);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.CarDashboardWidget-module__1fPjiq__metaItem {
  align-items: center;
  gap: var(--spacing-sm);
  grid-column: span 6;
  grid-template-columns: 1fr auto;
  display: grid;
}

.CarDashboardWidget-module__1fPjiq__metaLabel {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
}

.CarDashboardWidget-module__1fPjiq__metaValue {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  font-weight: 700;
}

.CarDashboardWidget-module__1fPjiq__microBar {
  background: color-mix(in srgb, var(--glass-bg) 85%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);
  border-radius: 999px;
  grid-column: 1 / -1;
  height: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 10px 18px rgba(0, 0, 0, .06);
}

.CarDashboardWidget-module__1fPjiq__microBarFill {
  border-radius: inherit;
  mix-blend-mode: screen;
  width: 0%;
  transition: width var(--transition-normal) ease;
  background: linear-gradient(90deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .2));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.CarDashboardWidget-module__1fPjiq__tone_ok .CarDashboardWidget-module__1fPjiq__microBarFill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--ok) 70%, #fff), rgba(255, 255, 255, .25));
}

.CarDashboardWidget-module__1fPjiq__tone_info .CarDashboardWidget-module__1fPjiq__microBarFill {
  background: linear-gradient(90deg, #629aed, rgba(255, 255, 255, .25));
}

.CarDashboardWidget-module__1fPjiq__tone_warn .CarDashboardWidget-module__1fPjiq__microBarFill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--warn) 70%, #fff), rgba(255, 255, 255, .25));
}

.CarDashboardWidget-module__1fPjiq__tone_bad .CarDashboardWidget-module__1fPjiq__microBarFill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--bad) 70%, #fff), rgba(255, 255, 255, .25));
}

.CarDashboardWidget-module__1fPjiq__kpiGrid {
  gap: var(--spacing-sm);
  grid-template-columns: repeat(12, 1fr);
  margin: 0;
  padding: 10px;
  list-style: none;
  display: grid;
}

.CarDashboardWidget-module__1fPjiq__kpiItem {
  text-align: center;
  background: color-mix(in srgb, var(--chip-bg) 96%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  border-radius: 14px;
  flex-direction: column;
  grid-column: span 4;
  align-items: center;
  gap: 8px;
  padding: 14px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 12px 24px rgba(0, 0, 0, .08);
}

.CarDashboardWidget-module__1fPjiq__kpiItem:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .35), 0 18px 32px rgba(0, 0, 0, .12);
}

@media (max-width: 900px) {
  .CarDashboardWidget-module__1fPjiq__kpiItem {
    grid-column: span 6;
  }
}

.CarDashboardWidget-module__1fPjiq__kpiIcon {
  background: color-mix(in srgb, var(--glass-bg) 85%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 2px;
  display: grid;
  box-shadow: inset 0 6px 14px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .06);
}

.CarDashboardWidget-module__1fPjiq__kpiValue {
  color: var(--text-primary);
  letter-spacing: .3px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
}

.CarDashboardWidget-module__1fPjiq__kpiLabel {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  line-height: 1.1;
}

.CarDashboardWidget-module__1fPjiq__kpiLink, .CarDashboardWidget-module__1fPjiq__kpiLinkDisabled {
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: inherit;
  text-decoration: none;
  display: block;
}

.CarDashboardWidget-module__1fPjiq__kpiLink:focus {
  outline: none;
}

.CarDashboardWidget-module__1fPjiq__kpiLink:focus-visible {
  box-shadow: var(--focus-ring);
}

.CarDashboardWidget-module__1fPjiq__kpiLinkDisabled {
  pointer-events: none;
  cursor: default;
}

.CarDashboardWidget-module__1fPjiq__kpiLink > *, .CarDashboardWidget-module__1fPjiq__kpiLinkDisabled > * {
  color: inherit;
}

.CarDashboardWidget-module__1fPjiq__ok {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ok) 28%, transparent) inset, 0 6px 14px rgba(0, 0, 0, .05);
}

.CarDashboardWidget-module__1fPjiq__info {
  box-shadow: inset 0 0 0 1px rgba(31, 111, 229, .26), 0 6px 14px rgba(0, 0, 0, .05);
}

.CarDashboardWidget-module__1fPjiq__warn {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--warn) 28%, transparent) inset, 0 6px 14px rgba(0, 0, 0, .05);
}

.CarDashboardWidget-module__1fPjiq__bad {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bad) 28%, transparent) inset, 0 6px 14px rgba(0, 0, 0, .05);
}

.CarDashboardWidget-module__1fPjiq__ok .CarDashboardWidget-module__1fPjiq__kpiIcon {
  border-color: color-mix(in srgb, var(--ok) 38%, var(--glass-border));
}

.CarDashboardWidget-module__1fPjiq__info .CarDashboardWidget-module__1fPjiq__kpiIcon {
  border-color: color-mix(in srgb, #1f6fe5 38%, var(--glass-border));
}

.CarDashboardWidget-module__1fPjiq__warn .CarDashboardWidget-module__1fPjiq__kpiIcon {
  border-color: color-mix(in srgb, var(--warn) 38%, var(--glass-border));
}

.CarDashboardWidget-module__1fPjiq__bad .CarDashboardWidget-module__1fPjiq__kpiIcon {
  border-color: color-mix(in srgb, var(--bad) 38%, var(--glass-border));
}

.CarDashboardWidget-module__1fPjiq__cardFooter {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-xl) var(--spacing-xl);
  border-top: 1px solid color-mix(in srgb, var(--glass-border) 60%, transparent);
  background: linear-gradient(rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
  display: flex;
}

.CarDashboardWidget-module__1fPjiq__metaBadge {
  background: color-mix(in srgb, var(--chip-bg) 98%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 70%, transparent);
  -webkit-backdrop-filter: blur(10px);
  font-size: var(--font-size-2);
  color: var(--text-primary);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  display: inline-flex;
}

.CarDashboardWidget-module__1fPjiq__widgetShell {
  isolation: isolate;
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-xl);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid color-mix(in srgb, var(--glass-border) 80%, transparent);
  box-shadow: var(--glass-shadow);
  place-items: center;
  min-height: 140px;
  display: grid;
  position: relative;
}

.CarDashboardWidget-module__1fPjiq__errorBox {
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background: color-mix(in srgb, var(--bad) 12%, var(--glass-bg));
  border: 1px solid color-mix(in srgb, var(--bad) 40%, var(--glass-border));
  border-radius: var(--border-radius-lg);
  color: var(--title);
  grid-auto-flow: column;
  display: grid;
  box-shadow: 0 12px 28px rgba(239, 68, 68, .18);
}

.CarDashboardWidget-module__1fPjiq__errorText {
  color: var(--text-primary);
  font-weight: 700;
}

.CarDashboardWidget-module__1fPjiq__card :focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.CarDashboardWidget-module__1fPjiq__kpiItem:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.CarDashboardWidget-module__1fPjiq__cardFooter .Button1:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

@media (min-width: 1024px) {
  .CarDashboardWidget-module__1fPjiq__card {
    min-height: 280px;
  }
}

/* [project]/src/components/Dashboard/BranchInventoryWidget/BranchInventoryWidget.module.css [client] (css) */
.BranchInventoryWidget-module__1r5a-a__widgetContainer {
  isolation: isolate;
  gap: var(--widget-gap-desktop);
  padding: var(--widget-padding-desktop);
  border-radius: calc(var(--border-radius-xl)  + 8px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)) 0%, rgba(255, 255, 255, .88) 40%, color-mix(in srgb, var(--secondary-color) 4%, rgba(255, 255, 255, .92)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .5));
  min-height: 280px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 24px rgba(0, 0, 0, .06), 0 24px 48px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 color-mix(in srgb, var(--secondary-color) 5%, transparent);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.BranchInventoryWidget-module__1r5a-a__bgGradient {
  background: radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--secondary-color) 8%, transparent), transparent 50%);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BranchInventoryWidget-module__1r5a-a__bgNoise {
  opacity: .04;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BranchInventoryWidget-module__1r5a-a__bgOrbs {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.BranchInventoryWidget-module__1r5a-a__orb1 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, transparent 70%);
  filter: blur(40px);
  border-radius: 50%;
  width: 300px;
  height: 300px;
  animation: 12s ease-in-out infinite BranchInventoryWidget-module__1r5a-a__orbFloat;
  position: absolute;
  top: -20%;
  right: -10%;
}

.BranchInventoryWidget-module__1r5a-a__orb2 {
  background: radial-gradient(circle, color-mix(in srgb, var(--secondary-color) 12%, transparent) 0%, transparent 70%);
  filter: blur(50px);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  animation: 15s ease-in-out infinite reverse BranchInventoryWidget-module__1r5a-a__orbFloat;
  position: absolute;
  bottom: -30%;
  left: 10%;
}

.BranchInventoryWidget-module__1r5a-a__orb3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 70%);
  filter: blur(60px);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  animation: 8s ease-in-out infinite BranchInventoryWidget-module__1r5a-a__orbPulse;
  position: absolute;
  top: 50%;
  left: 50%;
}

@keyframes BranchInventoryWidget-module__1r5a-a__orbFloat {
  0%, 100% {
    transform: translate(0);
  }

  50% {
    transform: translate(20px, -20px);
  }
}

@keyframes BranchInventoryWidget-module__1r5a-a__orbPulse {
  0%, 100% {
    opacity: .5;
    transform: translate(-50%, -50%)scale(1);
  }

  50% {
    opacity: .8;
    transform: translate(-50%, -50%)scale(1.1);
  }
}

.BranchInventoryWidget-module__1r5a-a__mainLayout {
  z-index: 1;
  gap: var(--spacing-lg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.BranchInventoryWidget-module__1r5a-a__sectionHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__headerRight {
  align-items: center;
  gap: var(--spacing-md);
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__headerActions {
  gap: var(--spacing-sm);
  display: flex;
}

@media (max-width: 600px) {
  .BranchInventoryWidget-module__1r5a-a__sectionHeader {
    flex-direction: column;
    align-items: stretch;
  }

  .BranchInventoryWidget-module__1r5a-a__headerRight, .BranchInventoryWidget-module__1r5a-a__headerActions {
    justify-content: center;
  }
}

.BranchInventoryWidget-module__1r5a-a__headerIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .6));
  width: 44px;
  height: 44px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6);
  color: var(--primary-color);
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.BranchInventoryWidget-module__1r5a-a__headerText {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__sectionTitle {
  color: var(--title);
  letter-spacing: .2px;
  margin: 0;
  font-size: max(16px, min(1.8vw, 20px));
  font-weight: 800;
}

.BranchInventoryWidget-module__1r5a-a__sectionSubtitle {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  margin: 0;
}

.BranchInventoryWidget-module__1r5a-a__branchesRow {
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  flex-wrap: wrap;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__branchesRow.BranchInventoryWidget-module__1r5a-a__singleBranch {
  justify-content: center;
}

@media (max-width: 768px) {
  .BranchInventoryWidget-module__1r5a-a__widgetContainer {
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }

  .BranchInventoryWidget-module__1r5a-a__branchesRow {
    gap: var(--widget-gap-mobile);
  }

  .BranchInventoryWidget-module__1r5a-a__branchesRow.BranchInventoryWidget-module__1r5a-a__singleBranch {
    justify-content: center;
  }
}

.BranchInventoryWidget-module__1r5a-a__branchCard {
  border-radius: 20px;
  flex: none;
  min-width: 220px;
  max-width: 280px;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s;
  position: relative;
  overflow: hidden;
}

.BranchInventoryWidget-module__1r5a-a__branchCard:hover {
  transform: translateY(-4px)scale(1.02);
}

@media (max-width: 768px) {
  .BranchInventoryWidget-module__1r5a-a__branchCard {
    min-width: 0;
    max-width: none;
    width: calc(50% - var(--spacing-sm) / 2);
    flex: 0 0 calc(50% - var(--spacing-sm) / 2);
  }
}

.BranchInventoryWidget-module__1r5a-a__cardGlassLayer {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .92)), rgba(255, 255, 255, .85) 50%, color-mix(in srgb, var(--secondary-color) 3%, rgba(255, 255, 255, .88)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6));
  border-radius: inherit;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 0 30px color-mix(in srgb, var(--primary-color) 3%, transparent);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BranchInventoryWidget-module__1r5a-a__cardGlow {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 20%, transparent) 0%, transparent 60%);
  filter: blur(30px);
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  top: -50%;
  right: -50%;
}

.BranchInventoryWidget-module__1r5a-a__branchCard:hover .BranchInventoryWidget-module__1r5a-a__cardGlow {
  opacity: 1;
}

.BranchInventoryWidget-module__1r5a-a__cardContent {
  z-index: 1;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg) var(--spacing-md);
  flex-direction: column;
  display: flex;
  position: relative;
}

.BranchInventoryWidget-module__1r5a-a__cardHeader {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__branchIconWrapper {
  background: color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .8));
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
  width: 26px;
  height: 26px;
  color: var(--primary-color);
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.BranchInventoryWidget-module__1r5a-a__branchName {
  font-size: var(--font-size-3);
  color: var(--title);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
  font-weight: 700;
  overflow: hidden;
}

.BranchInventoryWidget-module__1r5a-a__statsRing {
  width: 72px;
  height: 72px;
  position: relative;
}

.BranchInventoryWidget-module__1r5a-a__ringChart {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.BranchInventoryWidget-module__1r5a-a__ringBg {
  stroke: color-mix(in srgb, var(--secondary-color) 8%, rgba(255, 255, 255, .5));
}

.BranchInventoryWidget-module__1r5a-a__ringFill {
  stroke: var(--primary-color);
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color) 30%, transparent));
}

.BranchInventoryWidget-module__1r5a-a__ringCenter {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BranchInventoryWidget-module__1r5a-a__ringValue {
  color: var(--title);
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.BranchInventoryWidget-module__1r5a-a__ringPercent {
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .BranchInventoryWidget-module__1r5a-a__statsRing {
    width: 56px;
    height: 56px;
  }

  .BranchInventoryWidget-module__1r5a-a__ringValue {
    font-size: 14px;
  }

  .BranchInventoryWidget-module__1r5a-a__ringPercent {
    font-size: 9px;
  }

  .BranchInventoryWidget-module__1r5a-a__cardContent {
    padding: var(--spacing-md) var(--spacing-sm);
    gap: var(--spacing-xs);
  }

  .BranchInventoryWidget-module__1r5a-a__branchIconWrapper {
    border-radius: 6px;
    width: 22px;
    height: 22px;
  }

  .BranchInventoryWidget-module__1r5a-a__branchIconWrapper svg {
    width: 12px;
    height: 12px;
  }

  .BranchInventoryWidget-module__1r5a-a__branchName {
    font-size: var(--font-size-2);
    max-width: 80px;
  }

  .BranchInventoryWidget-module__1r5a-a__numbersRow {
    padding: var(--spacing-xs) var(--spacing-sm);
    gap: var(--spacing-xs);
  }

  .BranchInventoryWidget-module__1r5a-a__numberValue {
    font-size: var(--font-size-3);
  }

  .BranchInventoryWidget-module__1r5a-a__numberLabel {
    font-size: 9px;
  }

  .BranchInventoryWidget-module__1r5a-a__numberDivider {
    height: 18px;
  }

  .BranchInventoryWidget-module__1r5a-a__cardLink {
    padding: 4px 10px;
    font-size: 11px;
  }
}

.BranchInventoryWidget-module__1r5a-a__numbersRow {
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: color-mix(in srgb, var(--secondary-color) 4%, rgba(255, 255, 255, .6));
  border: 1px solid color-mix(in srgb, var(--secondary-color) 8%, transparent);
  border-radius: 10px;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__numberItem {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 2px;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__numberValue {
  font-size: var(--font-size-4);
  color: var(--title);
  font-weight: 800;
}

.BranchInventoryWidget-module__1r5a-a__rentedValue {
  color: var(--primary-color);
}

.BranchInventoryWidget-module__1r5a-a__availableValue {
  color: var(--ok);
}

.BranchInventoryWidget-module__1r5a-a__numberLabel {
  color: var(--text-secondary);
  font-size: 10px;
}

.BranchInventoryWidget-module__1r5a-a__numberDivider {
  background: color-mix(in srgb, var(--secondary-color) 12%, transparent);
  width: 1px;
  height: 24px;
}

.BranchInventoryWidget-module__1r5a-a__cardLink {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
  color: var(--primary-color);
  font-size: var(--font-size-2);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__cardLink:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .95)), color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .98)));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  transform: translateX(-2px);
}

.BranchInventoryWidget-module__1r5a-a__summaryStatsRow {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--border-radius-xl);
  background: rgba(255, 255, 255, .4);
  border: 1px solid rgba(255, 255, 255, .5);
  flex-flow: wrap;
  display: flex;
}

@media (max-width: 600px) {
  .BranchInventoryWidget-module__1r5a-a__summaryStatsRow {
    gap: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
  }
}

.BranchInventoryWidget-module__1r5a-a__utilizationBlock {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__statItem {
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__statTop {
  align-items: center;
  gap: var(--spacing-xs);
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__statDivider {
  background: linear-gradient(180deg, transparent, var(--border-color), transparent);
  opacity: .5;
  width: 1px;
  height: 40px;
}

.BranchInventoryWidget-module__1r5a-a__statIconWrap {
  background: rgba(255, 255, 255, .7);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.BranchInventoryWidget-module__1r5a-a__iconTotal {
  color: var(--primary-color);
}

.BranchInventoryWidget-module__1r5a-a__iconRented {
  color: var(--warn);
}

.BranchInventoryWidget-module__1r5a-a__iconAvailable {
  color: var(--ok);
}

.BranchInventoryWidget-module__1r5a-a__statValue {
  font-size: var(--font-size-5);
  color: var(--title);
  font-weight: 800;
  line-height: 1;
}

.BranchInventoryWidget-module__1r5a-a__statLabel {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
}

@media (max-width: 600px) {
  .BranchInventoryWidget-module__1r5a-a__statItem {
    gap: 2px;
  }

  .BranchInventoryWidget-module__1r5a-a__statDivider {
    height: 30px;
  }

  .BranchInventoryWidget-module__1r5a-a__statValue {
    font-size: var(--font-size-4);
  }

  .BranchInventoryWidget-module__1r5a-a__statLabel {
    font-size: 10px;
  }
}

.BranchInventoryWidget-module__1r5a-a__mainUtilization {
  z-index: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.BranchInventoryWidget-module__1r5a-a__utilizationCircle {
  width: 70px;
  height: 70px;
  position: relative;
}

@media (max-width: 900px) {
  .BranchInventoryWidget-module__1r5a-a__utilizationCircle {
    width: 60px;
    height: 60px;
  }
}

.BranchInventoryWidget-module__1r5a-a__circleChart {
  width: 100%;
  height: 100%;
}

.BranchInventoryWidget-module__1r5a-a__circleBg {
  stroke: color-mix(in srgb, var(--secondary-color) 10%, rgba(255, 255, 255, .4));
}

.BranchInventoryWidget-module__1r5a-a__circleFill {
  stroke: url("#utilizationGradient");
  filter: drop-shadow(0 3px 6px color-mix(in srgb, var(--primary-color) 35%, transparent));
}

.BranchInventoryWidget-module__1r5a-a__circleContent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BranchInventoryWidget-module__1r5a-a__circleValue {
  color: var(--title);
  background: var(--brand-gradient-text);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 900px) {
  .BranchInventoryWidget-module__1r5a-a__circleValue {
    font-size: 18px;
  }
}

.BranchInventoryWidget-module__1r5a-a__circleLabel {
  color: var(--text-secondary);
  margin-top: 2px;
  font-size: 10px;
  font-weight: 600;
}

.BranchInventoryWidget-module__1r5a-a__loadingState, .BranchInventoryWidget-module__1r5a-a__errorState, .BranchInventoryWidget-module__1r5a-a__emptyState {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  min-height: 200px;
  color: var(--text-secondary);
  font-size: var(--font-size-4);
  display: flex;
}

.BranchInventoryWidget-module__1r5a-a__errorState {
  color: var(--bad);
}

.BranchInventoryWidget-module__1r5a-a__cardLink:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.BranchInventoryWidget-module__1r5a-a__actionButton:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

.BranchInventoryWidget-module__1r5a-a__actionButtonAlt:focus-visible {
  box-shadow: var(--focus-ring);
  outline: none;
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__widgetContainer {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .95)) 0%, rgba(30, 41, 59, .9) 40%, color-mix(in srgb, var(--secondary-color) 8%, rgba(30, 41, 59, .95)) 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .25), 0 24px 48px color-mix(in srgb, var(--primary-color) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .2);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__bgGradient {
  background: radial-gradient(ellipse 80% 50% at 0% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent), transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--secondary-color) 12%, transparent), transparent 50%);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__bgNoise {
  opacity: .02;
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__orb1 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 20%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__orb2 {
  background: radial-gradient(circle, color-mix(in srgb, var(--secondary-color) 15%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__orb3 {
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 12%, transparent) 0%, transparent 70%);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__headerIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .1));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__loadingState, [data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__emptyState {
  color: var(--text-secondary);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__branchCard {
  background: rgba(30, 41, 59, .6);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__branchCard:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .3), 0 4px 12px color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-color: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__cardGlassLayer {
  background: linear-gradient(135deg, rgba(30, 41, 59, .85) 0%, rgba(30, 41, 59, .9) 50%, rgba(30, 41, 59, .88) 100%);
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__cardGlow {
  background: radial-gradient(ellipse 50% 35% at 50% 0%, color-mix(in srgb, var(--primary-color) 15%, transparent), transparent);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__branchIconWrapper {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__branchName {
  color: var(--text-primary);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__ringBg {
  stroke: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__numbersRow {
  background: rgba(30, 41, 59, .6);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__numberDivider {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, .15), rgba(0, 0, 0, 0));
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__cardLink {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__cardLink:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 28%, rgba(30, 41, 59, .85)), color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .9)));
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__summaryStatsRow {
  background: rgba(30, 41, 59, .5);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__statIconWrap {
  background: rgba(30, 41, 59, .7);
  border: 1px solid rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__statDivider {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, .15), rgba(0, 0, 0, 0));
}

[data-theme="dark"] .BranchInventoryWidget-module__1r5a-a__circleBg {
  stroke: rgba(255, 255, 255, .1);
}

/* [project]/src/components/Dashboard/SpeedAlertsWidget/SpeedAlertsWidget.module.css [client] (css) */
.SpeedAlertsWidget-module__wypVIW__widgetWrapper {
  gap: var(--widget-gap-desktop);
  padding: var(--widget-padding-desktop);
  -webkit-backdrop-filter: blur(24px) saturate(1.8);
  border-radius: var(--border-radius-xl, 20px);
  direction: rtl;
  background: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .85) 100%);
  border: 1px solid rgba(148, 163, 184, .15);
  flex-direction: column;
  height: 100%;
  min-height: 480px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04), inset 0 1px rgba(255, 255, 255, .6);
}

@media (max-width: 768px) {
  .SpeedAlertsWidget-module__wypVIW__widgetWrapper {
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }
}

.SpeedAlertsWidget-module__wypVIW__widgetWrapper:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 48px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);
}

.SpeedAlertsWidget-module__wypVIW__loadingState {
  height: 100%;
  min-height: 480px;
  color: var(--text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__spinner {
  border: 3px solid rgba(var(--primary-rgb), .1);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .8s linear infinite SpeedAlertsWidget-module__wypVIW__spin;
}

@keyframes SpeedAlertsWidget-module__wypVIW__spin {
  to {
    transform: rotate(360deg);
  }
}

.SpeedAlertsWidget-module__wypVIW__header {
  padding: var(--widget-padding-desktop);
  background: linear-gradient(rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .3) 100%);
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__headerLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__headerIcon {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SpeedAlertsWidget-module__wypVIW__headerIcon.SpeedAlertsWidget-module__wypVIW__low {
  color: #10b981;
  background: linear-gradient(135deg, rgba(16, 185, 129, .15), rgba(16, 185, 129, .08));
  border: 1px solid rgba(16, 185, 129, .3);
  box-shadow: 0 4px 12px rgba(16, 185, 129, .15);
}

.SpeedAlertsWidget-module__wypVIW__headerIcon.SpeedAlertsWidget-module__wypVIW__medium {
  color: #3b82f6;
  background: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(59, 130, 246, .08));
  border: 1px solid rgba(59, 130, 246, .3);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .15);
}

.SpeedAlertsWidget-module__wypVIW__headerIcon.SpeedAlertsWidget-module__wypVIW__high {
  color: #f59e0b;
  background: linear-gradient(135deg, rgba(245, 158, 11, .15), rgba(245, 158, 11, .08));
  border: 1px solid rgba(245, 158, 11, .3);
  animation: 2s ease-in-out infinite SpeedAlertsWidget-module__wypVIW__pulse;
  box-shadow: 0 4px 12px rgba(245, 158, 11, .15);
}

.SpeedAlertsWidget-module__wypVIW__headerIcon.SpeedAlertsWidget-module__wypVIW__critical {
  color: #ef4444;
  background: linear-gradient(135deg, rgba(239, 68, 68, .15), rgba(239, 68, 68, .08));
  border: 1px solid rgba(239, 68, 68, .3);
  animation: 1.5s ease-in-out infinite SpeedAlertsWidget-module__wypVIW__pulse;
  box-shadow: 0 4px 12px rgba(239, 68, 68, .15);
}

@keyframes SpeedAlertsWidget-module__wypVIW__pulse {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(239, 68, 68, .15);
  }

  50% {
    box-shadow: 0 4px 20px rgba(239, 68, 68, .3);
  }
}

.SpeedAlertsWidget-module__wypVIW__headerText {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__title {
  color: var(--text-primary);
  letter-spacing: .2px;
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}

.SpeedAlertsWidget-module__wypVIW__subtitle {
  color: var(--text-secondary);
  font-size: 12px;
}

.SpeedAlertsWidget-module__wypVIW__viewAllBtn {
  background: rgba(var(--primary-rgb), .08);
  border: 1px solid rgba(var(--primary-rgb), .15);
  color: var(--primary-color);
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__viewAllBtn:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
  transform: translateX(-2px);
}

.SpeedAlertsWidget-module__wypVIW__statsBar {
  background: rgba(255, 255, 255, .4);
  border-bottom: 1px solid rgba(148, 163, 184, .1);
  justify-content: space-around;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__statItem {
  align-items: center;
  gap: 10px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__statIconWrapper {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .3s;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__statIconWrapper.SpeedAlertsWidget-module__wypVIW__total {
  color: #6366f1;
  background: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(99, 102, 241, .05));
}

.SpeedAlertsWidget-module__wypVIW__statIconWrapper.SpeedAlertsWidget-module__wypVIW__urgent {
  color: #f59e0b;
  background: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(245, 158, 11, .05));
}

.SpeedAlertsWidget-module__wypVIW__statIconWrapper.SpeedAlertsWidget-module__wypVIW__speed {
  color: #ef4444;
  background: linear-gradient(135deg, rgba(239, 68, 68, .1), rgba(239, 68, 68, .05));
}

.SpeedAlertsWidget-module__wypVIW__statContent {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__statValue {
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.SpeedAlertsWidget-module__wypVIW__statLabel {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 500;
}

.SpeedAlertsWidget-module__wypVIW__statDivider {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(148, 163, 184, .2), rgba(0, 0, 0, 0));
  width: 1px;
  height: 36px;
}

.SpeedAlertsWidget-module__wypVIW__urgencyBanner {
  color: #d97706;
  background: linear-gradient(90deg, rgba(245, 158, 11, .1), rgba(245, 158, 11, .05));
  border-right: 3px solid #f59e0b;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 600;
  animation: .5s SpeedAlertsWidget-module__wypVIW__slideInRight;
  display: flex;
}

@keyframes SpeedAlertsWidget-module__wypVIW__slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.SpeedAlertsWidget-module__wypVIW__pulseIcon {
  color: #f59e0b;
  background: rgba(245, 158, 11, .15);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  animation: 2s ease-in-out infinite SpeedAlertsWidget-module__wypVIW__pulseBeat;
  display: flex;
}

@keyframes SpeedAlertsWidget-module__wypVIW__pulseBeat {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.SpeedAlertsWidget-module__wypVIW__alertsList {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  margin: 0;
  display: flex;
  overflow-y: auto;
}

.SpeedAlertsWidget-module__wypVIW__alertCard {
  cursor: pointer;
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  transition: all .2s;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertCard:hover {
  border-color: var(--primary-color);
  background: rgba(255, 255, 255, .9);
  transform: translateX(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}

.SpeedAlertsWidget-module__wypVIW__alertCard.SpeedAlertsWidget-module__wypVIW__unhandled {
  background: rgba(254, 243, 199, .3);
  border-color: rgba(245, 158, 11, .3);
}

.SpeedAlertsWidget-module__wypVIW__alertCard.SpeedAlertsWidget-module__wypVIW__unhandled:hover {
  background: rgba(254, 243, 199, .5);
}

@keyframes SpeedAlertsWidget-module__wypVIW__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SpeedAlertsWidget-module__wypVIW__alertSpeed {
  background: rgba(255, 255, 255, .8);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 52px;
  padding: 4px 6px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__speedMain {
  align-items: baseline;
  gap: 2px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__speedMain span {
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.SpeedAlertsWidget-module__wypVIW__speedMain small {
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 600;
}

.SpeedAlertsWidget-module__wypVIW__warning span {
  color: #f59e0b;
}

.SpeedAlertsWidget-module__wypVIW__danger span {
  color: #ef4444;
}

.SpeedAlertsWidget-module__wypVIW__speedLimit {
  color: #3b82f6;
  background: rgba(59, 130, 246, .1);
  border-radius: 4px;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__speedingValue {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
  border-radius: 4px;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertDetails {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertTop {
  align-items: center;
  gap: 10px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertTime {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 500;
}

.SpeedAlertsWidget-module__wypVIW__alertPerson {
  color: var(--primary-color);
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertPerson span {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 4px;
  display: flex;
  overflow: hidden;
}

.SpeedAlertsWidget-module__wypVIW__assignmentBadge {
  color: #a855f7;
  white-space: nowrap;
  background: rgba(168, 85, 247, .1);
  border-radius: 3px;
  align-items: center;
  padding: 1px 4px;
  font-size: 8px;
  font-weight: 700;
  display: inline-flex;
}

.SpeedAlertsWidget-module__wypVIW__alertLocation {
  color: var(--text-secondary);
  align-items: center;
  gap: 3px;
  font-size: 11px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__alertLocation span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.SpeedAlertsWidget-module__wypVIW__alertStatus {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__statusBadge {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__pulseDot {
  background: #f59e0b;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite SpeedAlertsWidget-module__wypVIW__pulseAlert;
}

@keyframes SpeedAlertsWidget-module__wypVIW__pulseAlert {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(1.3);
  }
}

.SpeedAlertsWidget-module__wypVIW__emptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__emptyIcon {
  color: #10b981;
  background: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(16, 185, 129, .05));
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 8px;
  animation: 2s ease-in-out infinite SpeedAlertsWidget-module__wypVIW__celebrate;
  display: flex;
}

@keyframes SpeedAlertsWidget-module__wypVIW__celebrate {
  0%, 100% {
    transform: scale(1)rotate(0);
  }

  25% {
    transform: scale(1.1)rotate(-5deg);
  }

  75% {
    transform: scale(1.1)rotate(5deg);
  }
}

.SpeedAlertsWidget-module__wypVIW__emptyText {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 700;
}

.SpeedAlertsWidget-module__wypVIW__emptySubtext {
  color: var(--text-secondary);
  font-size: 13px;
}

.SpeedAlertsWidget-module__wypVIW__gaugeSection {
  background: rgba(255, 255, 255, .4);
  border-top: 1px solid rgba(148, 163, 184, .1);
  padding: 16px 20px;
}

.SpeedAlertsWidget-module__wypVIW__gaugeLabel {
  color: var(--text-secondary);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.SpeedAlertsWidget-module__wypVIW__speedGauge {
  align-items: center;
  gap: 12px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__gaugeTrack {
  background: rgba(148, 163, 184, .15);
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.SpeedAlertsWidget-module__wypVIW__gaugeFill {
  border-radius: 4px;
  height: 100%;
  transition: width 1s, background .5s;
  box-shadow: 0 0 8px;
}

.SpeedAlertsWidget-module__wypVIW__gaugeValue {
  justify-content: flex-end;
  align-items: baseline;
  gap: 4px;
  min-width: 60px;
  display: flex;
}

.SpeedAlertsWidget-module__wypVIW__gaugeValue span {
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 800;
}

.SpeedAlertsWidget-module__wypVIW__gaugeValue small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}

.SpeedAlertsWidget-module__wypVIW__actionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 20px 16px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s;
  animation: .5s SpeedAlertsWidget-module__wypVIW__slideInUp;
  display: flex;
  box-shadow: 0 4px 12px rgba(245, 158, 11, .3);
}

@keyframes SpeedAlertsWidget-module__wypVIW__slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SpeedAlertsWidget-module__wypVIW__actionButton:hover {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(245, 158, 11, .4);
}

.SpeedAlertsWidget-module__wypVIW__actionButton:active {
  transform: translateY(0);
}

@media (max-width: 1200px) {
  .SpeedAlertsWidget-module__wypVIW__statsBar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .SpeedAlertsWidget-module__wypVIW__statDivider {
    display: none;
  }

  .SpeedAlertsWidget-module__wypVIW__statItem {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .SpeedAlertsWidget-module__wypVIW__widgetWrapper {
    min-height: 400px;
  }

  .SpeedAlertsWidget-module__wypVIW__header {
    padding: var(--widget-padding-mobile);
  }

  .SpeedAlertsWidget-module__wypVIW__title {
    font-size: 16px;
  }

  .SpeedAlertsWidget-module__wypVIW__alertsList {
    padding: var(--widget-padding-mobile);
  }
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__widgetWrapper {
  background: linear-gradient(135deg, rgba(30, 41, 59, .9) 0%, rgba(15, 23, 42, .85) 100%);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__widgetWrapper:hover {
  box-shadow: 0 12px 48px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__header {
  background: linear-gradient(rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .02) 100%);
  border-bottom-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__statsBar {
  background: rgba(255, 255, 255, .04);
  border-bottom-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__statDivider {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, .1), rgba(0, 0, 0, 0));
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__alertCard {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__alertCard:hover {
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__alertCard.SpeedAlertsWidget-module__wypVIW__unhandled {
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .25);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__alertCard.SpeedAlertsWidget-module__wypVIW__unhandled:hover {
  background: rgba(245, 158, 11, .15);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__alertSpeed {
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__gaugeSection {
  background: rgba(255, 255, 255, .03);
  border-top-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__gaugeTrack {
  background: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__viewAllBtn {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .SpeedAlertsWidget-module__wypVIW__viewAllBtn:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* [project]/src/components/Dashboard/Views/CustomersDashboard.module.css [client] (css) */
.CustomersDashboard-module__F6uGAa__filterBar {
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .3));
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__filterLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__branchSelect {
  border: 1px solid var(--border-color, #e2e8f0);
  font-size: var(--text-sm);
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  min-width: 180px;
  padding: 8px 12px;
  transition: all .2s;
}

.CustomersDashboard-module__F6uGAa__branchSelect:hover {
  border-color: var(--primary-color);
}

.CustomersDashboard-module__F6uGAa__branchSelect:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246), .1);
  outline: none;
}

.CustomersDashboard-module__F6uGAa__kpiGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}

.CustomersDashboard-module__F6uGAa__kpiCard {
  background: var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .3));
  border-radius: 16px;
  align-items: center;
  gap: 16px;
  padding: 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .06);
}

.CustomersDashboard-module__F6uGAa__kpiCard.CustomersDashboard-module__F6uGAa__clickable {
  cursor: pointer;
}

.CustomersDashboard-module__F6uGAa__kpiCard.CustomersDashboard-module__F6uGAa__clickable:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}

.CustomersDashboard-module__F6uGAa__kpiIcon {
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__color_primary .CustomersDashboard-module__F6uGAa__kpiIcon {
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
  color: var(--primary-color);
}

.CustomersDashboard-module__F6uGAa__color_success .CustomersDashboard-module__F6uGAa__kpiIcon {
  color: #10b981;
  background: rgba(16, 185, 129, .1);
}

.CustomersDashboard-module__F6uGAa__color_warning .CustomersDashboard-module__F6uGAa__kpiIcon {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
}

.CustomersDashboard-module__F6uGAa__color_info .CustomersDashboard-module__F6uGAa__kpiIcon {
  color: #06b6d4;
  background: rgba(6, 182, 212, .1);
}

.CustomersDashboard-module__F6uGAa__kpiContent {
  flex: 1;
  min-width: 0;
}

.CustomersDashboard-module__F6uGAa__kpiValue {
  font-size: var(--text-2xl);
  color: var(--text-primary, #1e293b);
  font-weight: 700;
  line-height: 1.2;
}

.CustomersDashboard-module__F6uGAa__kpiLabel {
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  margin-top: 2px;
}

.CustomersDashboard-module__F6uGAa__customersList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__customersList.CustomersDashboard-module__F6uGAa__scrollable {
  max-height: 320px;
  padding-left: 4px;
  overflow-y: auto;
}

.CustomersDashboard-module__F6uGAa__customersList.CustomersDashboard-module__F6uGAa__scrollable::-webkit-scrollbar {
  width: 6px;
}

.CustomersDashboard-module__F6uGAa__customersList.CustomersDashboard-module__F6uGAa__scrollable::-webkit-scrollbar-track {
  background: none;
}

.CustomersDashboard-module__F6uGAa__customersList.CustomersDashboard-module__F6uGAa__scrollable::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .15);
  border-radius: 3px;
}

.CustomersDashboard-module__F6uGAa__customersList.CustomersDashboard-module__F6uGAa__scrollable::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .25);
}

.CustomersDashboard-module__F6uGAa__customerRow {
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: background .15s;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__customerRow:hover {
  background: rgba(var(--primary-rgb, 59, 130, 246), .05);
}

.CustomersDashboard-module__F6uGAa__customerAvatar {
  background: linear-gradient(135deg, var(--primary-color), #818cf8);
  color: #fff;
  width: 40px;
  height: 40px;
  font-weight: 600;
  font-size: var(--text-md);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__customerInfo {
  flex: 1;
  min-width: 0;
}

.CustomersDashboard-module__F6uGAa__customerName {
  font-size: var(--text-md);
  color: var(--text-primary, #1e293b);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.CustomersDashboard-module__F6uGAa__customerMeta {
  font-size: var(--text-xs);
  color: var(--text-secondary, #64748b);
  margin-top: 2px;
}

.CustomersDashboard-module__F6uGAa__debtBadge {
  color: #ef4444;
  font-size: var(--text-xs);
  background: rgba(239, 68, 68, .1);
  border-radius: 20px;
  padding: 4px 10px;
  font-weight: 600;
}

.CustomersDashboard-module__F6uGAa__emptyList {
  color: var(--text-secondary, #64748b);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 16px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__emptyList svg {
  opacity: .5;
}

.CustomersDashboard-module__F6uGAa__loyalCustomersGrid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  max-height: 320px;
  padding: 4px;
  display: grid;
  overflow-y: auto;
}

.CustomersDashboard-module__F6uGAa__loyalCustomersGrid::-webkit-scrollbar {
  width: 6px;
}

.CustomersDashboard-module__F6uGAa__loyalCustomersGrid::-webkit-scrollbar-track {
  background: none;
}

.CustomersDashboard-module__F6uGAa__loyalCustomersGrid::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .15);
  border-radius: 3px;
}

.CustomersDashboard-module__F6uGAa__loyalCustomerCard {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(251, 191, 36, .08) 0%, rgba(245, 158, 11, .05) 100%);
  border: 1px solid rgba(251, 191, 36, .15);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__loyalCustomerCard:hover {
  background: linear-gradient(135deg, rgba(251, 191, 36, .15) 0%, rgba(245, 158, 11, .1) 100%);
  border-color: rgba(251, 191, 36, .3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, .15);
}

.CustomersDashboard-module__F6uGAa__loyalCustomerInfo {
  flex: 1;
  min-width: 0;
}

.CustomersDashboard-module__F6uGAa__loyalStats {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__loyalStat {
  font-size: var(--text-xs);
  color: var(--text-secondary, #64748b);
  align-items: center;
  gap: 4px;
  display: flex;
}

.CustomersDashboard-module__F6uGAa__loyalStat svg {
  color: #f59e0b;
}

.CustomersDashboard-module__F6uGAa__loyalBadge {
  color: #fff;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

@media (max-width: 1024px) {
  .CustomersDashboard-module__F6uGAa__kpiGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .CustomersDashboard-module__F6uGAa__kpiGrid {
    grid-template-columns: 1fr;
  }

  .CustomersDashboard-module__F6uGAa__kpiCard {
    padding: 16px;
  }

  .CustomersDashboard-module__F6uGAa__kpiValue {
    font-size: var(--text-xl);
  }
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__filterBar {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__branchSelect {
  color: var(--text-primary);
  background: rgba(30, 41, 59, .9);
  border-color: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__branchSelect:hover {
  border-color: var(--primary-color);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__branchSelect:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246), .2);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__kpiCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__kpiCard.CustomersDashboard-module__F6uGAa__clickable:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__color_primary .CustomersDashboard-module__F6uGAa__kpiIcon {
  background: rgba(var(--primary-rgb, 59, 130, 246), .15);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__color_success .CustomersDashboard-module__F6uGAa__kpiIcon {
  background: rgba(16, 185, 129, .15);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__color_warning .CustomersDashboard-module__F6uGAa__kpiIcon {
  background: rgba(245, 158, 11, .15);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__color_info .CustomersDashboard-module__F6uGAa__kpiIcon {
  background: rgba(6, 182, 212, .15);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__customerRow:hover {
  background: rgba(var(--primary-rgb, 59, 130, 246), .1);
}

[data-theme="dark"] .CustomersDashboard-module__F6uGAa__debtBadge {
  background: rgba(239, 68, 68, .15);
}

/* [project]/src/components/Shared/PeriodSelector/PeriodSelector.module.css [client] (css) */
.PeriodSelector-module__uX2QfW__container {
  direction: rtl;
  align-items: center;
  gap: 12px;
  display: flex;
}

.PeriodSelector-module__uX2QfW__container.PeriodSelector-module__uX2QfW__vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.PeriodSelector-module__uX2QfW__container.PeriodSelector-module__uX2QfW__disabled {
  opacity: .6;
  pointer-events: none;
}

.PeriodSelector-module__uX2QfW__label {
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  display: flex;
}

.PeriodSelector-module__uX2QfW__options {
  background: rgba(0, 0, 0, .04);
  border-radius: 12px;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.PeriodSelector-module__uX2QfW__option {
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
  font-size: var(--text-sm);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 14px;
  transition: all .2s;
  display: flex;
}

.PeriodSelector-module__uX2QfW__option:hover:not(:disabled) {
  color: var(--text-primary, #1e293b);
  background: rgba(0, 0, 0, .04);
}

.PeriodSelector-module__uX2QfW__option.PeriodSelector-module__uX2QfW__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  border-color: var(--primary-color, #3b82f6);
}

.PeriodSelector-module__uX2QfW__option:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.PeriodSelector-module__uX2QfW__chips .PeriodSelector-module__uX2QfW__option {
  border-radius: 8px;
}

.PeriodSelector-module__uX2QfW__buttons .PeriodSelector-module__uX2QfW__option {
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
}

.PeriodSelector-module__uX2QfW__buttons .PeriodSelector-module__uX2QfW__option:hover:not(:disabled) {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(0, 0, 0, .15);
}

.PeriodSelector-module__uX2QfW__buttons .PeriodSelector-module__uX2QfW__option.PeriodSelector-module__uX2QfW__active {
  background: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
}

.PeriodSelector-module__uX2QfW__pills .PeriodSelector-module__uX2QfW__options {
  background: rgba(0, 0, 0, .04);
  border-radius: 12px;
  gap: 2px;
  padding: 4px;
}

.PeriodSelector-module__uX2QfW__pills .PeriodSelector-module__uX2QfW__option {
  border-radius: 8px;
  padding: 6px 14px;
}

.PeriodSelector-module__uX2QfW__pills .PeriodSelector-module__uX2QfW__option:hover:not(:disabled):not(.PeriodSelector-module__uX2QfW__active) {
  background: rgba(0, 0, 0, .06);
}

.PeriodSelector-module__uX2QfW__pills .PeriodSelector-module__uX2QfW__option.PeriodSelector-module__uX2QfW__active {
  color: var(--primary-color, #3b82f6);
  background: #fff;
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.PeriodSelector-module__uX2QfW__sm .PeriodSelector-module__uX2QfW__label {
  font-size: var(--text-xs);
}

.PeriodSelector-module__uX2QfW__sm .PeriodSelector-module__uX2QfW__option {
  font-size: var(--text-xs);
  padding: 4px 10px;
}

.PeriodSelector-module__uX2QfW__md .PeriodSelector-module__uX2QfW__option {
  font-size: var(--text-sm);
}

.PeriodSelector-module__uX2QfW__lg .PeriodSelector-module__uX2QfW__label {
  font-size: var(--text-md);
}

.PeriodSelector-module__uX2QfW__lg .PeriodSelector-module__uX2QfW__option {
  font-size: var(--text-md);
  padding: 8px 16px;
}

.PeriodSelector-module__uX2QfW__mobileDropdown {
  display: none;
  position: relative;
}

.PeriodSelector-module__uX2QfW__dropdownTrigger {
  font-size: var(--text-sm);
  color: var(--text-primary, #1e293b);
  cursor: pointer;
  background: linear-gradient(rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  padding: 10px 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.PeriodSelector-module__uX2QfW__dropdownTrigger:hover {
  border-color: var(--primary-color, #3b82f6);
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .15);
}

.PeriodSelector-module__uX2QfW__dropdownTrigger:active {
  transform: scale(.98);
}

.PeriodSelector-module__uX2QfW__dropdownTrigger .PeriodSelector-module__uX2QfW__chevron {
  color: var(--text-secondary, #64748b);
  margin-right: -4px;
  transition: transform .2s;
}

.PeriodSelector-module__uX2QfW__dropdownMenu {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  min-width: 180px;
  z-index: var(--z-dropdown);
  background: linear-gradient(rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 14px;
  max-height: 70vh;
  padding: 6px;
  animation: .2s PeriodSelector-module__uX2QfW__dropdownFadeIn;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .15), 0 2px 10px rgba(0, 0, 0, .08);
}

@keyframes PeriodSelector-module__uX2QfW__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.PeriodSelector-module__uX2QfW__dropdownItem {
  width: 100%;
  font-size: var(--text-sm);
  color: var(--text-primary, #1e293b);
  cursor: pointer;
  text-align: right;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.PeriodSelector-module__uX2QfW__dropdownItem:hover {
  background: rgba(59, 130, 246, .08);
}

.PeriodSelector-module__uX2QfW__dropdownItem:active {
  background: rgba(59, 130, 246, .15);
  transform: scale(.98);
}

.PeriodSelector-module__uX2QfW__dropdownItem.PeriodSelector-module__uX2QfW__selected {
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.PeriodSelector-module__uX2QfW__dropdownItem .PeriodSelector-module__uX2QfW__itemIcon {
  opacity: .7;
  flex-shrink: 0;
}

.PeriodSelector-module__uX2QfW__dropdownItem.PeriodSelector-module__uX2QfW__selected .PeriodSelector-module__uX2QfW__itemIcon {
  opacity: 1;
}

.PeriodSelector-module__uX2QfW__dropdownItem .PeriodSelector-module__uX2QfW__checkIcon {
  color: #fff;
  margin-right: auto;
}

@media (max-width: 768px) {
  .PeriodSelector-module__uX2QfW__options {
    display: none;
  }

  .PeriodSelector-module__uX2QfW__mobileDropdown {
    width: 100%;
    display: block;
  }

  .PeriodSelector-module__uX2QfW__dropdownTrigger {
    width: 100%;
    font-size: var(--text-md);
    padding: 12px 16px;
  }

  .PeriodSelector-module__uX2QfW__dropdownMenu {
    width: 100%;
  }

  .PeriodSelector-module__uX2QfW__dropdownItem {
    font-size: var(--text-md);
    padding: 14px 16px;
  }
}

@media (max-width: 480px) {
  .PeriodSelector-module__uX2QfW__dropdownTrigger {
    border-radius: 10px;
    padding: 10px 14px;
  }

  .PeriodSelector-module__uX2QfW__dropdownMenu {
    border-radius: 12px;
  }

  .PeriodSelector-module__uX2QfW__dropdownItem {
    padding: 12px 14px;
  }
}

/* [project]/src/components/Shared/BranchScopeSelector/BranchScopeSelector.module.css [client] (css) */
.BranchScopeSelector-module__oV5mJW__container {
  direction: rtl;
  align-items: center;
  gap: 12px;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__container.BranchScopeSelector-module__oV5mJW__disabled {
  opacity: .6;
  pointer-events: none;
}

.BranchScopeSelector-module__oV5mJW__scopeToggle {
  background: rgba(0, 0, 0, .04);
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 4px;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__selectRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__scopeBtn {
  font-size: var(--text-sm);
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__scopeBtn:hover:not(:disabled) {
  color: var(--text-primary, #1e293b);
  background: rgba(255, 255, 255, .5);
}

.BranchScopeSelector-module__oV5mJW__scopeBtn.BranchScopeSelector-module__oV5mJW__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
}

.BranchScopeSelector-module__oV5mJW__scopeBtn:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.BranchScopeSelector-module__oV5mJW__branchSelect {
  font-size: var(--text-sm);
  color: var(--text-primary, #1e293b);
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  min-width: 150px;
  padding: 8px 12px;
  transition: all .2s;
}

.BranchScopeSelector-module__oV5mJW__branchSelect:hover:not(:disabled) {
  border-color: var(--primary-color, #3b82f6);
}

.BranchScopeSelector-module__oV5mJW__branchSelect:focus {
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  outline: none;
}

.BranchScopeSelector-module__oV5mJW__branchSelect:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.BranchScopeSelector-module__oV5mJW__franchiseIndicator {
  font-size: var(--text-sm);
  color: #7c3aed;
  background: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(139, 92, 246, .05));
  border: 1px solid rgba(139, 92, 246, .2);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 600;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__franchiseIndicator svg {
  color: #8b5cf6;
}

.BranchScopeSelector-module__oV5mJW__refreshBtn {
  width: 40px;
  height: 40px;
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.BranchScopeSelector-module__oV5mJW__refreshBtn:hover:not(:disabled) {
  color: var(--primary-color, #3b82f6);
  background: rgba(0, 0, 0, .04);
}

.BranchScopeSelector-module__oV5mJW__refreshBtn:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.BranchScopeSelector-module__oV5mJW__spinning {
  animation: 1s linear infinite BranchScopeSelector-module__oV5mJW__spin;
}

@keyframes BranchScopeSelector-module__oV5mJW__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .BranchScopeSelector-module__oV5mJW__container {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    display: flex;
  }

  .BranchScopeSelector-module__oV5mJW__scopeToggle {
    justify-content: stretch;
    width: 100%;
  }

  .BranchScopeSelector-module__oV5mJW__scopeBtn {
    flex: 1;
    justify-content: center;
    padding: 12px 16px;
  }

  .BranchScopeSelector-module__oV5mJW__selectRow {
    align-items: center;
    gap: 8px;
    width: 100%;
    display: flex;
  }

  .BranchScopeSelector-module__oV5mJW__branchSelect {
    flex: 1;
    width: 100%;
  }

  .BranchScopeSelector-module__oV5mJW__franchiseIndicator {
    justify-content: center;
    width: 100%;
  }

  .BranchScopeSelector-module__oV5mJW__refreshBtn {
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .BranchScopeSelector-module__oV5mJW__scopeBtn {
    font-size: var(--text-sm);
    padding: 10px 14px;
  }

  .BranchScopeSelector-module__oV5mJW__scopeBtn span {
    display: none;
  }

  .BranchScopeSelector-module__oV5mJW__franchiseIndicator span {
    font-size: var(--text-xs);
  }
}

/* [project]/src/components/Payments/Dashboard/PaymentsDashboard.module.css [client] (css) */
.PaymentsDashboard-module__GcwZLW__container {
  gap: var(--page-gap-desktop, 24px);
  direction: rtl;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__loadingState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 80px 24px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__loadingState p {
  color: #64748b;
  font-size: 14px;
}

.PaymentsDashboard-module__GcwZLW__errorState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 80px 24px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__errorState h3 {
  color: #1e293b;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__errorState p {
  color: #64748b;
  margin: 0;
}

.PaymentsDashboard-module__GcwZLW__retryBtn {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__retryBtn:hover {
  box-shadow: 0 4px 12px rgba(var(--primary-rgb), .3);
  transform: translateY(-2px);
}

.PaymentsDashboard-module__GcwZLW__controlsBar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__controlsBar > * {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .PaymentsDashboard-module__GcwZLW__controlsBar {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .PaymentsDashboard-module__GcwZLW__controlsBar > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

.PaymentsDashboard-module__GcwZLW__periodSection {
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__sectionLabel {
  color: #64748b;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__periodButtons {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__periodBtn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.PaymentsDashboard-module__GcwZLW__periodBtn:hover {
  color: #1e293b;
  background: rgba(0, 0, 0, .04);
}

.PaymentsDashboard-module__GcwZLW__periodBtn.PaymentsDashboard-module__GcwZLW__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  border-color: var(--primary-color, #3b82f6);
}

.PaymentsDashboard-module__GcwZLW__branchSection {
  align-items: center;
  gap: 8px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__branchSelect {
  color: #1e293b;
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 8px;
  min-width: 140px;
  padding: 8px 12px;
  font-size: 13px;
}

.PaymentsDashboard-module__GcwZLW__refreshBtn {
  color: #64748b;
  cursor: pointer;
  background: rgba(0, 0, 0, .04);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__refreshBtn:hover:not(:disabled) {
  color: #1e293b;
  background: rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__refreshBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.PaymentsDashboard-module__GcwZLW__spinning {
  animation: 1s linear infinite PaymentsDashboard-module__GcwZLW__spin;
}

@keyframes PaymentsDashboard-module__GcwZLW__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.PaymentsDashboard-module__GcwZLW__kpiGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}

@media (max-width: 1200px) {
  .PaymentsDashboard-module__GcwZLW__kpiGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .PaymentsDashboard-module__GcwZLW__kpiGrid {
    grid-template-columns: 1fr;
  }
}

.PaymentsDashboard-module__GcwZLW__kpiCard {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  gap: 16px;
  padding: 20px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__kpiCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
}

.PaymentsDashboard-module__GcwZLW__kpiCard.PaymentsDashboard-module__GcwZLW__primary .PaymentsDashboard-module__GcwZLW__kpiIcon {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.PaymentsDashboard-module__GcwZLW__kpiCard.PaymentsDashboard-module__GcwZLW__success .PaymentsDashboard-module__GcwZLW__kpiIcon {
  background: linear-gradient(135deg, #10b981, #059669);
}

.PaymentsDashboard-module__GcwZLW__kpiCard.PaymentsDashboard-module__GcwZLW__warning .PaymentsDashboard-module__GcwZLW__kpiIcon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.PaymentsDashboard-module__GcwZLW__kpiCard.PaymentsDashboard-module__GcwZLW__info .PaymentsDashboard-module__GcwZLW__kpiIcon {
  background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.PaymentsDashboard-module__GcwZLW__kpiIcon {
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__kpiContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__kpiLabel {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__kpiValue {
  color: #1e293b;
  letter-spacing: -.5px;
  font-size: 26px;
  font-weight: 700;
}

.PaymentsDashboard-module__GcwZLW__kpiMeta {
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__kpiCount, .PaymentsDashboard-module__GcwZLW__kpiSubtext {
  color: #94a3b8;
  font-size: 12px;
}

.PaymentsDashboard-module__GcwZLW__kpiTrend {
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__kpiTrend.PaymentsDashboard-module__GcwZLW__up {
  color: #10b981;
  background: rgba(16, 185, 129, .1);
}

.PaymentsDashboard-module__GcwZLW__kpiTrend.PaymentsDashboard-module__GcwZLW__down {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.PaymentsDashboard-module__GcwZLW__secondaryKpis {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__miniKpi {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 160px;
  padding: 12px 16px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__miniKpi > div {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__miniLabel {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__miniValue {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__miniCount, .PaymentsDashboard-module__GcwZLW__miniAmount {
  color: #64748b;
  background: rgba(0, 0, 0, .04);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__chartsRow {
  grid-template-columns: 1.5fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 900px) {
  .PaymentsDashboard-module__GcwZLW__chartsRow {
    grid-template-columns: 1fr;
  }
}

.PaymentsDashboard-module__GcwZLW__chartCard {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__chartHeader {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__chartHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__chartBody {
  height: 280px;
  padding: 20px;
}

.PaymentsDashboard-module__GcwZLW__noData {
  color: #94a3b8;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__widgetsRow {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}

@media (max-width: 1100px) {
  .PaymentsDashboard-module__GcwZLW__widgetsRow {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .PaymentsDashboard-module__GcwZLW__widgetsRow {
    grid-template-columns: 1fr;
  }
}

.PaymentsDashboard-module__GcwZLW__widget {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__widgetHeader {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__widgetHeader h3 {
  color: #1e293b;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__widgetBody {
  flex-direction: column;
  gap: 12px;
  max-height: 320px;
  padding: 16px 20px;
  display: flex;
  overflow-y: auto;
}

.PaymentsDashboard-module__GcwZLW__methodRow {
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.PaymentsDashboard-module__GcwZLW__methodRow:last-child {
  border-bottom: none;
}

.PaymentsDashboard-module__GcwZLW__methodInfo {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__methodIcon {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__methodDetails {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__methodName {
  color: #1e293b;
  font-size: 14px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__methodCount {
  color: #94a3b8;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__methodAmount {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__amount {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__percent {
  color: #64748b;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__methodBar {
  opacity: .5;
  border-radius: 1px;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.PaymentsDashboard-module__GcwZLW__creditStats {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding-bottom: 12px;
  display: grid;
}

.PaymentsDashboard-module__GcwZLW__creditStat {
  text-align: center;
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__statLabel {
  color: #94a3b8;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__statValue {
  color: #1e293b;
  font-size: 16px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__statCount {
  color: #64748b;
  font-size: 10px;
}

.PaymentsDashboard-module__GcwZLW__cardTypes h4 {
  color: #64748b;
  margin: 12px 0 8px;
  font-size: 12px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__cardTypeRow {
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__cardName {
  color: #1e293b;
  flex: 1;
  font-size: 13px;
}

.PaymentsDashboard-module__GcwZLW__cardAmount {
  color: #1e293b;
  font-size: 13px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__cardCount {
  color: #94a3b8;
  background: rgba(0, 0, 0, .04);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__checkStats {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  gap: 16px;
  padding-bottom: 12px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__checkStat {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__checkStat > div {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__upcomingChecks {
  margin-top: 8px;
}

.PaymentsDashboard-module__GcwZLW__upcomingChecks h4 {
  color: #64748b;
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__checkRow {
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__checkRow:last-child {
  border-bottom: none;
}

.PaymentsDashboard-module__GcwZLW__checkInfo {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__checkNumber {
  color: #1e293b;
  font-size: 13px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__checkCustomer {
  color: #94a3b8;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__checkMeta {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__checkAmount {
  color: #1e293b;
  font-size: 13px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__checkDays {
  color: #f59e0b;
  font-size: 11px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__customerRow {
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__customerRow:last-child {
  border-bottom: none;
}

.PaymentsDashboard-module__GcwZLW__customerRank {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), #2563eb);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__customerInfo {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__customerName {
  color: #1e293b;
  font-size: 13px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__customerCount {
  color: #94a3b8;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__customerAmount {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__bottomRow {
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 16px;
  display: grid;
}

@media (max-width: 1200px) {
  .PaymentsDashboard-module__GcwZLW__bottomRow {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .PaymentsDashboard-module__GcwZLW__bottomRow {
    grid-template-columns: 1fr;
  }
}

.PaymentsDashboard-module__GcwZLW__recentPaymentsCompact {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__recentPaymentsCompact .PaymentsDashboard-module__GcwZLW__recentHeader {
  padding: 14px 16px;
}

.PaymentsDashboard-module__GcwZLW__recentPaymentsCompact .PaymentsDashboard-module__GcwZLW__recentTitle h3 {
  font-size: 14px;
}

.PaymentsDashboard-module__GcwZLW__viewAllBtnSmall {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__viewAllBtnSmall:hover {
  background: var(--primary-hover, #2563eb);
  transform: translateY(-1px);
}

.PaymentsDashboard-module__GcwZLW__compactPaymentsList {
  flex-direction: column;
  gap: 8px;
  max-height: 320px;
  padding: 8px 16px 16px;
  display: flex;
  overflow-y: auto;
}

.PaymentsDashboard-module__GcwZLW__compactPaymentRow {
  background: rgba(0, 0, 0, .02);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  transition: background .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__compactPaymentRow:hover {
  background: rgba(0, 0, 0, .04);
}

.PaymentsDashboard-module__GcwZLW__compactPaymentInfo {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__compactCustomerName {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.PaymentsDashboard-module__GcwZLW__compactAmount {
  color: #10b981;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__compactAmount.PaymentsDashboard-module__GcwZLW__negative {
  color: #ef4444;
}

.PaymentsDashboard-module__GcwZLW__noPaymentsSmall {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noPaymentsSmall p {
  color: #94a3b8;
  margin: 0;
  font-size: 13px;
}

.PaymentsDashboard-module__GcwZLW__noReceiptWidget {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(245, 158, 11, .2);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(245, 158, 11, .1);
}

.PaymentsDashboard-module__GcwZLW__noReceiptHeader {
  background: linear-gradient(90deg, rgba(245, 158, 11, .05) 0%, rgba(0, 0, 0, 0) 100%);
  border-bottom: 1px solid rgba(245, 158, 11, .1);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptTitleSection {
  align-items: center;
  gap: 12px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptIconWrapper {
  color: #fff;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 4px 12px rgba(245, 158, 11, .3);
}

.PaymentsDashboard-module__GcwZLW__noReceiptTitleContent {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptTitleContent h3 {
  color: #1e293b;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__noReceiptSubtitle {
  color: #f59e0b;
  font-size: 12px;
  font-weight: 500;
}

.PaymentsDashboard-module__GcwZLW__noReceiptList {
  flex-direction: column;
  gap: 8px;
  max-height: 320px;
  padding: 8px 16px 16px;
  display: flex;
  overflow-y: auto;
}

.PaymentsDashboard-module__GcwZLW__noReceiptRow {
  background: rgba(245, 158, 11, .04);
  border: 1px solid rgba(245, 158, 11, .08);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  transition: all .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptRow:hover {
  background: rgba(245, 158, 11, .08);
  border-color: rgba(245, 158, 11, .15);
  transform: translateX(-2px);
}

.PaymentsDashboard-module__GcwZLW__noReceiptPaymentInfo {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptMethodIcon {
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptDetails {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptCustomer {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.PaymentsDashboard-module__GcwZLW__noReceiptDate {
  color: #64748b;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__noReceiptAmountSection {
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noReceiptAmount {
  color: #f59e0b;
  font-size: 14px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__noReceiptRental {
  color: #3b82f6;
  background: rgba(59, 130, 246, .1);
  border: 1px solid rgba(59, 130, 246, .2);
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
}

.PaymentsDashboard-module__GcwZLW__recentPayments {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}

.PaymentsDashboard-module__GcwZLW__recentHeader {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__recentTitle {
  align-items: center;
  gap: 10px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__recentTitle h3 {
  color: #1e293b;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__viewAllBtn {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__viewAllBtn:hover {
  background: var(--primary-hover, #2563eb);
  transform: translateY(-1px);
}

.PaymentsDashboard-module__GcwZLW__paymentsTable {
  padding: 0;
}

.PaymentsDashboard-module__GcwZLW__tableHeader {
  background: rgba(0, 0, 0, .02);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  grid-template-columns: 100px 1fr 140px 100px 100px;
  gap: 12px;
  padding: 12px 20px;
  display: grid;
}

.PaymentsDashboard-module__GcwZLW__tableHeader span {
  color: #64748b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__tableRow {
  border-bottom: 1px solid rgba(0, 0, 0, .04);
  grid-template-columns: 100px 1fr 140px 100px 100px;
  gap: 12px;
  padding: 14px 20px;
  transition: background .2s;
  display: grid;
}

.PaymentsDashboard-module__GcwZLW__tableRow:hover {
  background: rgba(0, 0, 0, .02);
}

.PaymentsDashboard-module__GcwZLW__tableRow:last-child {
  border-bottom: none;
}

.PaymentsDashboard-module__GcwZLW__paymentDate {
  color: #64748b;
  font-size: 13px;
}

.PaymentsDashboard-module__GcwZLW__paymentCustomer {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.PaymentsDashboard-module__GcwZLW__paymentMethod {
  color: #1e293b;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__cardDigits {
  color: #94a3b8;
  font-family: monospace;
  font-size: 11px;
}

.PaymentsDashboard-module__GcwZLW__paymentStatus {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.PaymentsDashboard-module__GcwZLW__paymentAmount {
  color: #10b981;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}

.PaymentsDashboard-module__GcwZLW__paymentAmount.PaymentsDashboard-module__GcwZLW__negative {
  color: #ef4444;
}

.PaymentsDashboard-module__GcwZLW__noPayments {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 20px;
  display: flex;
}

.PaymentsDashboard-module__GcwZLW__noPayments p {
  color: #94a3b8;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 768px) {
  .PaymentsDashboard-module__GcwZLW__container {
    gap: var(--page-gap-mobile, 16px);
  }

  .PaymentsDashboard-module__GcwZLW__periodSection {
    flex-direction: column;
    align-items: flex-start;
  }

  .PaymentsDashboard-module__GcwZLW__periodButtons {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    display: grid;
  }

  .PaymentsDashboard-module__GcwZLW__periodBtn {
    text-align: center;
    padding: 8px;
    font-size: 12px;
  }

  .PaymentsDashboard-module__GcwZLW__branchSection {
    width: 100%;
  }

  .PaymentsDashboard-module__GcwZLW__branchSelect {
    flex: 1;
  }

  .PaymentsDashboard-module__GcwZLW__kpiCard {
    text-align: right;
    flex-direction: column;
    align-items: flex-start;
  }

  .PaymentsDashboard-module__GcwZLW__kpiValue {
    font-size: 22px;
  }

  .PaymentsDashboard-module__GcwZLW__tableHeader, .PaymentsDashboard-module__GcwZLW__tableRow {
    grid-template-columns: 80px 1fr 80px;
  }

  .PaymentsDashboard-module__GcwZLW__tableHeader span:nth-child(3), .PaymentsDashboard-module__GcwZLW__tableHeader span:nth-child(4), .PaymentsDashboard-module__GcwZLW__tableRow .PaymentsDashboard-module__GcwZLW__paymentMethod, .PaymentsDashboard-module__GcwZLW__tableRow .PaymentsDashboard-module__GcwZLW__paymentStatus {
    display: none;
  }
}

/* [project]/src/components/Dashboard/CallsDashboardWidget/CallsDashboardWidget.module.css [client] (css) */
.CallsDashboardWidget-module__IkdqIW__widget {
  padding: var(--widget-padding-desktop);
  gap: var(--widget-gap-desktop);
  border-radius: calc(var(--border-radius-xl)  + 6px);
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid color-mix(in srgb, var(--glass-border) 80%, transparent);
  box-shadow: var(--glass-shadow), 0 0 0 1px rgba(59, 130, 246, .12) inset;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  .CallsDashboardWidget-module__IkdqIW__widget {
    padding: var(--widget-padding-mobile);
    gap: var(--widget-gap-mobile);
  }
}

.CallsDashboardWidget-module__IkdqIW__widget:before {
  content: "";
  top: -2px;
  filter: blur(6px);
  opacity: .85;
  pointer-events: none;
  background: linear-gradient(90deg, #629bf8 0%, rgba(0, 0, 0, 0) 60%);
  border-radius: 999px;
  height: 6px;
  position: absolute;
  left: 10%;
  right: 10%;
}

.CallsDashboardWidget-module__IkdqIW__widget:hover {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .14), inset 0 0 0 1px rgba(59, 130, 246, .18);
}

.CallsDashboardWidget-module__IkdqIW__loading {
  min-height: 280px;
  padding: var(--spacing-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__header {
  padding: var(--widget-padding-desktop);
  border-bottom: 1px solid color-mix(in srgb, var(--glass-border) 50%, transparent);
  background: linear-gradient(rgba(255, 255, 255, .06) 0%, rgba(0, 0, 0, 0) 100%);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__headerTitle {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__headerIcon {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border-radius: 12px;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: grid;
  box-shadow: 0 8px 20px rgba(59, 130, 246, .3);
}

.CallsDashboardWidget-module__IkdqIW__title {
  color: var(--text-primary);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.CallsDashboardWidget-module__IkdqIW__subtitle {
  color: var(--text-muted);
  font-size: 12px;
}

.CallsDashboardWidget-module__IkdqIW__headerActions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__refreshBtn {
  border: 1px solid color-mix(in srgb, var(--glass-border) 60%, transparent);
  background: color-mix(in srgb, var(--chip-bg) 80%, transparent);
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 8px;
  place-items: center;
  transition: all .2s;
  display: grid;
}

.CallsDashboardWidget-module__IkdqIW__refreshBtn:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  color: var(--primary-color);
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}

.CallsDashboardWidget-module__IkdqIW__refreshBtn.CallsDashboardWidget-module__IkdqIW__spinning svg, .CallsDashboardWidget-module__IkdqIW__spinning {
  animation: .8s linear infinite CallsDashboardWidget-module__IkdqIW__spin;
}

.CallsDashboardWidget-module__IkdqIW__viewAllBtn {
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 80%, #000));
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 35%, transparent);
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__viewAllBtn:hover {
  box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color) 45%, transparent);
  transform: translateY(-1px);
}

.CallsDashboardWidget-module__IkdqIW__viewAllBtn svg {
  font-size: 16px;
}

.CallsDashboardWidget-module__IkdqIW__statsGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

@media (max-width: 900px) {
  .CallsDashboardWidget-module__IkdqIW__statsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .CallsDashboardWidget-module__IkdqIW__statsGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.CallsDashboardWidget-module__IkdqIW__statCard {
  background: color-mix(in srgb, var(--chip-bg) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--glass-border) 50%, transparent);
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  transition: all .2s;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__statCard:hover {
  background: color-mix(in srgb, var(--chip-bg) 90%, transparent);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

.CallsDashboardWidget-module__IkdqIW__statIcon {
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 18px;
  display: grid;
}

.CallsDashboardWidget-module__IkdqIW__statContent {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__statValueRow {
  align-items: baseline;
  gap: 6px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__statValue {
  color: var(--text-primary);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.CallsDashboardWidget-module__IkdqIW__statPercent {
  font-size: 13px;
  font-weight: 600;
}

.CallsDashboardWidget-module__IkdqIW__statLabel {
  color: var(--text-muted);
  white-space: nowrap;
  font-size: 12px;
}

.CallsDashboardWidget-module__IkdqIW__directionSplit {
  padding: 12px var(--spacing-lg);
  background: color-mix(in srgb, var(--chip-bg) 40%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--glass-border) 30%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--glass-border) 30%, transparent);
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__directionItem {
  align-items: center;
  gap: 8px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__directionItem svg {
  font-size: 18px;
}

.CallsDashboardWidget-module__IkdqIW__directionItem svg.CallsDashboardWidget-module__IkdqIW__inbound {
  color: #3b82f6;
}

.CallsDashboardWidget-module__IkdqIW__directionItem svg.CallsDashboardWidget-module__IkdqIW__outbound {
  color: #8b5cf6;
}

.CallsDashboardWidget-module__IkdqIW__directionItem svg.CallsDashboardWidget-module__IkdqIW__peak {
  color: #f59e0b;
}

.CallsDashboardWidget-module__IkdqIW__directionValue {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 700;
}

.CallsDashboardWidget-module__IkdqIW__directionLabel {
  color: var(--text-muted);
  font-size: 12px;
}

.CallsDashboardWidget-module__IkdqIW__directionDivider {
  background: color-mix(in srgb, var(--glass-border) 50%, transparent);
  width: 1px;
  height: 28px;
}

.CallsDashboardWidget-module__IkdqIW__activitySection {
  padding: var(--spacing-md) var(--spacing-lg);
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 700px) {
  .CallsDashboardWidget-module__IkdqIW__activitySection {
    grid-template-columns: 1fr;
  }
}

.CallsDashboardWidget-module__IkdqIW__activityColumn {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__activityHeader {
  color: var(--text-secondary);
  border-bottom: 1px solid color-mix(in srgb, var(--glass-border) 30%, transparent);
  align-items: center;
  gap: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__activityHeader.CallsDashboardWidget-module__IkdqIW__missed {
  color: #ef4444;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge {
  color: #fff;
  background: #ef4444;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.CallsDashboardWidget-module__IkdqIW__missedBadge:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.CallsDashboardWidget-module__IkdqIW__callsList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__callItem {
  background: color-mix(in srgb, var(--chip-bg) 50%, transparent);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  transition: all .2s;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__callItem:hover {
  background: color-mix(in srgb, var(--chip-bg) 80%, transparent);
  border-color: color-mix(in srgb, var(--glass-border) 50%, transparent);
}

.CallsDashboardWidget-module__IkdqIW__callItem.CallsDashboardWidget-module__IkdqIW__missedItem {
  background: rgba(239, 68, 68, .05);
}

.CallsDashboardWidget-module__IkdqIW__callItem.CallsDashboardWidget-module__IkdqIW__missedItem:hover {
  background: rgba(239, 68, 68, .1);
  border-color: rgba(239, 68, 68, .2);
}

.CallsDashboardWidget-module__IkdqIW__callIcon {
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.CallsDashboardWidget-module__IkdqIW__callIcon.CallsDashboardWidget-module__IkdqIW__answered {
  color: #10b981;
  background: rgba(16, 185, 129, .15);
}

.CallsDashboardWidget-module__IkdqIW__callIcon.CallsDashboardWidget-module__IkdqIW__missed {
  color: #ef4444;
  background: rgba(239, 68, 68, .15);
}

.CallsDashboardWidget-module__IkdqIW__callInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__customerName {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.CallsDashboardWidget-module__IkdqIW__callTime {
  color: var(--text-muted);
  font-size: 11px;
}

.CallsDashboardWidget-module__IkdqIW__callDuration {
  color: var(--text-secondary);
  background: color-mix(in srgb, var(--chip-bg) 70%, transparent);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
}

.CallsDashboardWidget-module__IkdqIW__waitBadge {
  color: #ef4444;
  white-space: nowrap;
  background: rgba(239, 68, 68, .1);
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__emptyState {
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 13px;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__footerLink {
  padding: 14px var(--spacing-lg);
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%);
  border-top: 1px solid color-mix(in srgb, var(--glass-border) 40%, transparent);
  color: var(--primary-color);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.CallsDashboardWidget-module__IkdqIW__footerLink:hover {
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--primary-color) 10%, transparent) 100%);
}

.CallsDashboardWidget-module__IkdqIW__footerLink svg {
  font-size: 16px;
  transition: transform .2s;
}

.CallsDashboardWidget-module__IkdqIW__footerLink:hover svg {
  transform: translateX(-4px);
}

@media (max-width: 600px) {
  .CallsDashboardWidget-module__IkdqIW__header {
    padding: var(--widget-padding-mobile);
    align-items: flex-start;
    gap: var(--widget-gap-mobile);
    flex-direction: column;
  }

  .CallsDashboardWidget-module__IkdqIW__headerActions {
    justify-content: flex-end;
    width: 100%;
  }

  .CallsDashboardWidget-module__IkdqIW__directionSplit {
    gap: var(--widget-gap-mobile);
    flex-wrap: wrap;
  }

  .CallsDashboardWidget-module__IkdqIW__directionDivider {
    display: none;
  }

  .CallsDashboardWidget-module__IkdqIW__statCard {
    padding: 12px;
  }

  .CallsDashboardWidget-module__IkdqIW__statValue {
    font-size: 18px;
  }

  .CallsDashboardWidget-module__IkdqIW__statIcon {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__widget {
  background: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%), var(--glass-bg);
  box-shadow: var(--glass-shadow), 0 0 0 1px rgba(59, 130, 246, .08) inset;
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__widget:before {
  opacity: .5;
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__widget:hover {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(59, 130, 246, .12);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__header {
  background: linear-gradient(rgba(255, 255, 255, .03) 0%, rgba(0, 0, 0, 0) 100%);
  border-bottom-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__refreshBtn {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__refreshBtn:hover {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__statsGrid .CallsDashboardWidget-module__IkdqIW__statCard {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__statsGrid .CallsDashboardWidget-module__IkdqIW__statCard:hover {
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__directionSplit {
  background: rgba(255, 255, 255, .03);
  border-top-color: rgba(255, 255, 255, .06);
  border-bottom-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__directionDivider {
  background: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__activityHeader {
  border-bottom-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__callItem {
  background: rgba(255, 255, 255, .04);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__callItem:hover {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .12);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__callItem.CallsDashboardWidget-module__IkdqIW__missedItem {
  background: rgba(239, 68, 68, .08);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__callItem.CallsDashboardWidget-module__IkdqIW__missedItem:hover {
  background: rgba(239, 68, 68, .12);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__callDuration {
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__footerLink {
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--primary-color) 8%, transparent) 100%);
  border-top-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .CallsDashboardWidget-module__IkdqIW__footerLink:hover {
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--primary-color) 15%, transparent) 100%);
}

/* [project]/src/components/Dashboard/CallSummaryWidget/CallSummaryWidget.module.css [client] (css) */
.CallSummaryWidget-module__EWXavG__card {
  background: none;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.CallSummaryWidget-module__EWXavG__loading {
  justify-content: center;
  align-items: center;
  min-height: 300px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite CallSummaryWidget-module__EWXavG__pulse;
  display: flex;
}

@keyframes CallSummaryWidget-module__EWXavG__pulse {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 8px rgba(34, 197, 94, .5);
  }

  50% {
    opacity: .8;
    box-shadow: 0 0 16px rgba(34, 197, 94, .7);
  }
}

.CallSummaryWidget-module__EWXavG__noAccessMessage, .CallSummaryWidget-module__EWXavG__noDataMessage {
  padding: var(--spacing-xl);
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .52));
  border-radius: var(--border-radius-xl);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%);
  color: var(--text-primary);
  font-size: var(--font-size-3);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .45), rgba(255, 255, 255, .22) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .26), rgba(255, 255, 255, .12));
  font-weight: 600;
  line-height: 1.6;
  animation: .4s cubic-bezier(.34, 1.56, .64, 1) CallSummaryWidget-module__EWXavG__fadeInScale;
  position: relative;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .4), inset 0 -1px rgba(0, 0, 0, .05);
}

@keyframes CallSummaryWidget-module__EWXavG__fadeInScale {
  from {
    opacity: 0;
    transform: scale(.94);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.CallSummaryWidget-module__EWXavG__noAccessMessage p, .CallSummaryWidget-module__EWXavG__noDataMessage p {
  margin: .5em 0;
}

.CallSummaryWidget-module__EWXavG__upgradeLink {
  margin-top: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 85%, transparent), color-mix(in srgb, var(--primary-color) 70%, transparent));
  color: #fff;
  font-weight: 700;
  font-size: var(--font-size-2);
  border-radius: var(--border-radius-md);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  transition: all var(--transition-normal) cubic-bezier(.4, 0, .2, 1);
  text-decoration: none;
  display: inline-block;
}

.CallSummaryWidget-module__EWXavG__upgradeLink:hover {
  box-shadow: 0 6px 20px color-mix(in srgb, var(--primary-color) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateY(-2px);
}

.CallSummaryWidget-module__EWXavG__upgradeLink:active {
  transition-duration: 60ms;
  transform: translateY(0);
}

.CallSummaryWidget-module__EWXavG__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .5));
  border-radius: var(--border-radius-xl);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .4), rgba(255, 255, 255, .18) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .24), rgba(255, 255, 255, .1));
  flex-wrap: wrap;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .38), inset 0 -1px rgba(0, 0, 0, .04);
}

.CallSummaryWidget-module__EWXavG__header:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(255, 255, 255, .28) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  width: 200%;
  height: 200%;
  animation: 4s ease-in-out infinite CallSummaryWidget-module__EWXavG__shimmer;
  position: absolute;
  top: -50%;
  left: -50%;
}

@keyframes CallSummaryWidget-module__EWXavG__shimmer {
  0%, 100% {
    opacity: 0;
    transform: translateX(-100%)translateY(-100%)rotate(45deg);
  }

  50% {
    opacity: 1;
  }
}

.CallSummaryWidget-module__EWXavG__segmented {
  gap: var(--spacing-sm);
  border-radius: var(--border-radius-lg);
  background: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .07));
  border: 1px solid rgba(0, 0, 0, .08);
  flex-wrap: wrap;
  padding: 6px;
  display: flex;
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .06), inset 0 -1px rgba(255, 255, 255, .2);
}

.CallSummaryWidget-module__EWXavG__segmentBtn {
  border-radius: var(--border-radius-md);
  color: var(--text-secondary);
  font-size: var(--font-size-2);
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
  background: none;
  border: none;
  padding: 10px 16px;
  font-weight: 600;
  position: relative;
}

.CallSummaryWidget-module__EWXavG__segmentBtn:hover {
  color: var(--text-primary);
  background: rgba(255, 255, 255, .2);
}

.CallSummaryWidget-module__EWXavG__segmentBtn.CallSummaryWidget-module__EWXavG__active {
  background: radial-gradient(140% 140% at 28% 22%, color-mix(in srgb, var(--primary-color) 95%, white), color-mix(in srgb, var(--primary-color) 80%, white));
  color: #fff;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(0, 0, 0, .08);
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__segmentBtn:active {
  transform: scale(.97);
}

.CallSummaryWidget-module__EWXavG__statsRow {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__statBox {
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--primary-color) 14%, rgba(255, 255, 255, .5));
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(18px) saturate(175%);
  min-width: 110px;
  transition: all var(--transition-normal) cubic-bezier(.4, 0, .2, 1);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .42), rgba(255, 255, 255, .2) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .26), rgba(255, 255, 255, .12));
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06), 0 4px 14px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .36), inset 0 -1px rgba(0, 0, 0, .04);
}

.CallSummaryWidget-module__EWXavG__statBox:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .22), rgba(0, 0, 0, 0));
  width: 100%;
  height: 200%;
  transition: left .6s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: -50%;
  left: -200%;
}

.CallSummaryWidget-module__EWXavG__statBox:hover:after {
  left: 200%;
}

.CallSummaryWidget-module__EWXavG__statBox:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .1), 0 6px 20px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .4), inset 0 -1px rgba(0, 0, 0, .05);
}

.CallSummaryWidget-module__EWXavG__statBox .CallSummaryWidget-module__EWXavG__icon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, transparent), color-mix(in srgb, var(--primary-color) 10%, transparent));
  width: 40px;
  height: 40px;
  color: var(--primary-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__statValue {
  font-size: var(--font-size-5);
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, var(--secondary-color)));
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color) 25%, transparent));
  margin-bottom: var(--spacing-xs);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
  line-height: 1.2;
}

.CallSummaryWidget-module__EWXavG__statLabel {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  letter-spacing: .01em;
  font-weight: 600;
}

.CallSummaryWidget-module__EWXavG__agentSection {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__agentCard {
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .48));
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  cursor: pointer;
  transition: all var(--transition-normal) cubic-bezier(.4, 0, .2, 1);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .4), rgba(255, 255, 255, .18) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .24), rgba(255, 255, 255, .1));
  padding: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .05), 0 3px 12px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .34), inset 0 -1px rgba(0, 0, 0, .04);
}

.CallSummaryWidget-module__EWXavG__agentCard:hover {
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .55));
  transform: translateY(-2px);
  box-shadow: 0 10px 36px rgba(0, 0, 0, .08), 0 5px 18px rgba(0, 0, 0, .05), inset 0 1px rgba(255, 255, 255, .38), inset 0 -1px rgba(0, 0, 0, .05);
}

.CallSummaryWidget-module__EWXavG__agentCard:active {
  transition-duration: 80ms;
  transform: translateY(0)scale(.99);
}

.CallSummaryWidget-module__EWXavG__agentHeader {
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  display: flex;
}

.CallSummaryWidget-module__EWXavG__agentHeader svg {
  color: var(--primary-color);
  filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color) 20%, transparent));
  flex-shrink: 0;
}

.CallSummaryWidget-module__EWXavG__agentHeader > span:first-of-type {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  flex: 1;
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__badge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 90%, white), color-mix(in srgb, var(--primary-color) 75%, white));
  color: #fff;
  font-size: var(--font-size-1);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 20px;
  padding: 4px 10px;
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__agentDetails {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__agentDetails > div:first-child {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__times {
  justify-content: space-between;
  gap: var(--spacing-md);
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  font-weight: 600;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__progressBarOuter {
  height: 8px;
  margin-top: var(--spacing-sm);
  background: linear-gradient(rgba(0, 0, 0, .06), rgba(0, 0, 0, .08));
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), inset 0 -1px rgba(255, 255, 255, .15);
}

.CallSummaryWidget-module__EWXavG__progressBarInner {
  background: linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 75%, white));
  height: 100%;
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary-color) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  border-radius: 20px;
  transition: width .8s cubic-bezier(.34, 1.56, .64, 1);
  position: relative;
  overflow: hidden;
}

.CallSummaryWidget-module__EWXavG__progressBarInner:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .4), rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  animation: 2s ease-in-out infinite CallSummaryWidget-module__EWXavG__progressShimmer;
  position: absolute;
  top: 0;
  left: -100%;
}

@keyframes CallSummaryWidget-module__EWXavG__progressShimmer {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

.CallSummaryWidget-module__EWXavG__callList {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  gap: var(--spacing-md);
  border-top: 1px solid rgba(0, 0, 0, .08);
  flex-direction: column;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) CallSummaryWidget-module__EWXavG__expandIn;
  display: flex;
}

@keyframes CallSummaryWidget-module__EWXavG__expandIn {
  from {
    opacity: 0;
    transform-origin: top;
    transform: scaleY(.9);
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

.CallSummaryWidget-module__EWXavG__innerLoading {
  padding: var(--spacing-xl);
  justify-content: center;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callRow {
  border: 1px solid rgba(255, 255, 255, .75);
  border-left: 3px solid var(--primary-color);
  border-radius: var(--border-radius-md);
  -webkit-backdrop-filter: blur(14px) saturate(165%);
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .65), rgba(255, 255, 255, .45) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .3));
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .02), inset 0 1px rgba(255, 255, 255, .55), inset 0 -1px rgba(0, 0, 0, .03);
}

.CallSummaryWidget-module__EWXavG__callRow:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  transition: all .6s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.CallSummaryWidget-module__EWXavG__callRow:hover:before {
  opacity: 1;
  transform: translateX(100%);
}

.CallSummaryWidget-module__EWXavG__callRow:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, .08), 0 3px 12px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 0 rgba(0, 0, 0, .04), -4px 0 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .75), rgba(255, 255, 255, .55) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .4));
  border-color: rgba(255, 255, 255, .85);
  border-left-width: 4px;
  transform: translateX(2px);
}

.CallSummaryWidget-module__EWXavG__callRowHeader {
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callMainInfo {
  align-items: center;
  gap: 8px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callStatusDot {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite CallSummaryWidget-module__EWXavG__pulse;
  box-shadow: 0 0 8px rgba(34, 197, 94, .5), inset 0 1px rgba(255, 255, 255, .3);
}

.CallSummaryWidget-module__EWXavG__callNumber {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  background: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, var(--secondary-color)));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__callDuration {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, transparent), color-mix(in srgb, var(--primary-color) 8%, transparent));
  font-size: var(--font-size-1);
  color: var(--primary-color);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-weight: 700;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callInfo {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callItem {
  white-space: nowrap;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: rgba(255, 255, 255, .3);
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__callItem:hover {
  background: rgba(255, 255, 255, .5);
  transform: scale(1.05);
}

.CallSummaryWidget-module__EWXavG__audioPlayer {
  width: 100%;
  height: 36px;
  margin-top: var(--spacing-sm);
  border-radius: var(--border-radius-md);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
}

.CallSummaryWidget-module__EWXavG__audioPlayer::-webkit-media-controls-panel {
  border-radius: var(--border-radius-md);
  background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .5));
}

.CallSummaryWidget-module__EWXavG__loadMoreBtn {
  margin-top: var(--spacing-sm);
  border: 2px dashed color-mix(in srgb, var(--primary-color) 50%, transparent);
  border-radius: var(--border-radius-md);
  color: var(--primary-color);
  font-size: var(--font-size-2);
  cursor: pointer;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: none;
  align-self: center;
  padding: 10px 20px;
  font-weight: 700;
}

.CallSummaryWidget-module__EWXavG__loadMoreBtn:hover {
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-style: solid;
  border-color: var(--primary-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  transform: translateY(-1px);
}

.CallSummaryWidget-module__EWXavG__loadMoreBtn:active {
  transition-duration: 60ms;
  transform: translateY(0)scale(.98);
}

.CallSummaryWidget-module__EWXavG__hourlyChartContainer {
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .48));
  border-radius: var(--border-radius-xl);
  -webkit-backdrop-filter: blur(18px) saturate(175%);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .4), rgba(255, 255, 255, .18) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .24), rgba(255, 255, 255, .1));
  width: 100%;
  margin-top: 12px;
  padding: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .03), inset 0 1px rgba(255, 255, 255, .36), inset 0 -1px rgba(0, 0, 0, .04);
}

.CallSummaryWidget-module__EWXavG__chartTitle {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
  align-items: center;
  gap: var(--spacing-sm);
  font-weight: 700;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__chartWrapper {
  border-radius: var(--border-radius-md);
  background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15));
  border: 1px solid rgba(255, 255, 255, .6);
  width: 100%;
  height: 200px;
  padding: 10px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .04), inset 0 -1px rgba(255, 255, 255, .3);
}

@media (max-width: 900px) {
  .CallSummaryWidget-module__EWXavG__card {
    gap: var(--spacing-md);
  }

  .CallSummaryWidget-module__EWXavG__header, .CallSummaryWidget-module__EWXavG__statBox, .CallSummaryWidget-module__EWXavG__agentCard, .CallSummaryWidget-module__EWXavG__hourlyChartContainer {
    padding: var(--spacing-md);
  }

  .CallSummaryWidget-module__EWXavG__statsRow {
    gap: var(--spacing-sm);
  }

  .CallSummaryWidget-module__EWXavG__statBox {
    min-width: 100px;
  }

  .CallSummaryWidget-module__EWXavG__segmentBtn {
    font-size: var(--font-size-1);
    padding: 8px 12px;
  }
}

@media (max-width: 600px) {
  .CallSummaryWidget-module__EWXavG__card {
    gap: var(--spacing-sm);
  }

  .CallSummaryWidget-module__EWXavG__header {
    padding: var(--spacing-md);
    flex-direction: column;
    align-items: stretch;
  }

  .CallSummaryWidget-module__EWXavG__segmented {
    width: 100%;
  }

  .CallSummaryWidget-module__EWXavG__segmentBtn {
    font-size: var(--font-size-1-mobile);
    flex: 1;
    padding: 10px 8px;
  }

  .CallSummaryWidget-module__EWXavG__statsRow {
    flex-direction: column;
  }

  .CallSummaryWidget-module__EWXavG__statBox {
    min-width: unset;
  }

  .CallSummaryWidget-module__EWXavG__statValue {
    font-size: var(--font-size-4);
  }

  .CallSummaryWidget-module__EWXavG__callInfo {
    flex-direction: column;
    align-items: flex-start;
  }

  .CallSummaryWidget-module__EWXavG__times {
    gap: var(--spacing-xs);
    flex-direction: column;
  }

  .CallSummaryWidget-module__EWXavG__chartWrapper {
    height: 180px;
  }
}

@media (max-width: 480px) {
  .CallSummaryWidget-module__EWXavG__segmentBtn {
    padding: 8px 6px;
    font-size: 8px;
  }

  .CallSummaryWidget-module__EWXavG__badge {
    padding: 3px 8px;
    font-size: 8px;
  }

  .CallSummaryWidget-module__EWXavG__statBox .CallSummaryWidget-module__EWXavG__icon {
    width: 40px;
    height: 40px;
  }
}

.CallSummaryWidget-module__EWXavG__toolbar {
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .48));
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(14px) saturate(165%);
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .38), rgba(255, 255, 255, .16) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .22), rgba(255, 255, 255, .08));
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .02), inset 0 1px rgba(255, 255, 255, .32);
}

.CallSummaryWidget-module__EWXavG__toolbarLeft, .CallSummaryWidget-module__EWXavG__toolbarRight {
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__searchBox {
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: var(--border-radius-md);
  background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .3));
  border: 1px solid rgba(0, 0, 0, .08);
  min-width: 200px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), inset 0 -1px rgba(255, 255, 255, .25);
}

.CallSummaryWidget-module__EWXavG__searchBox svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

.CallSummaryWidget-module__EWXavG__searchInput {
  font-size: var(--font-size-2);
  color: var(--text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-weight: 600;
}

.CallSummaryWidget-module__EWXavG__searchInput::placeholder {
  color: var(--text-secondary);
  opacity: .7;
}

.CallSummaryWidget-module__EWXavG__clearSearch {
  cursor: pointer;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__clearSearch:hover {
  background: rgba(0, 0, 0, .12);
  transform: scale(1.1);
}

.CallSummaryWidget-module__EWXavG__sortBox {
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: var(--border-radius-md);
  background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .3));
  border: 1px solid rgba(0, 0, 0, .08);
  padding: 8px 12px;
  display: flex;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), inset 0 -1px rgba(255, 255, 255, .25);
}

.CallSummaryWidget-module__EWXavG__sortBox svg {
  color: var(--text-secondary);
  flex-shrink: 0;
}

.CallSummaryWidget-module__EWXavG__sortSelect {
  font-size: var(--font-size-2);
  color: var(--text-primary);
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  min-width: 140px;
  padding: 0;
  font-weight: 600;
}

.CallSummaryWidget-module__EWXavG__toolBtn {
  border-radius: var(--border-radius-md);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .2));
  border: 1px solid rgba(0, 0, 0, .08);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px rgba(255, 255, 255, .3);
}

.CallSummaryWidget-module__EWXavG__toolBtn:hover {
  color: var(--text-primary);
  background: linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .35));
  border-color: rgba(0, 0, 0, .12);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .35);
}

.CallSummaryWidget-module__EWXavG__toolBtn.CallSummaryWidget-module__EWXavG__active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, transparent), color-mix(in srgb, var(--primary-color) 12%, transparent));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  color: var(--primary-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
}

.CallSummaryWidget-module__EWXavG__spinning {
  animation: 1s linear infinite CallSummaryWidget-module__EWXavG__spin;
}

@keyframes CallSummaryWidget-module__EWXavG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.CallSummaryWidget-module__EWXavG__lastUpdate {
  border-radius: var(--border-radius-sm);
  font-size: var(--font-size-1);
  color: var(--text-secondary);
  text-align: center;
  background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15));
  border: 1px solid rgba(255, 255, 255, .5);
  padding: 6px 12px;
  font-weight: 600;
  box-shadow: inset 0 1px rgba(255, 255, 255, .25);
}

.CallSummaryWidget-module__EWXavG__filtersPanel {
  padding: var(--spacing-md);
  border-radius: var(--border-radius-md);
  background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15));
  border: 1px solid rgba(255, 255, 255, .5);
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) CallSummaryWidget-module__EWXavG__slideDown;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .04);
}

@keyframes CallSummaryWidget-module__EWXavG__slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.CallSummaryWidget-module__EWXavG__filterIcon {
  margin-left: 4px;
  font-size: 16px;
}

.CallSummaryWidget-module__EWXavG__noResults {
  padding: var(--spacing-xl);
  text-align: center;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-3);
  color: var(--text-secondary);
  background: linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .2));
  border: 1px solid rgba(255, 255, 255, .6);
  font-weight: 600;
  box-shadow: inset 0 1px rgba(255, 255, 255, .3);
}

.CallSummaryWidget-module__EWXavG__trend {
  margin-top: var(--spacing-xs);
  font-size: var(--font-size-1);
  align-items: center;
  gap: 4px;
  font-weight: 700;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__trendUp {
  color: var(--ok);
}

.CallSummaryWidget-module__EWXavG__trendDown {
  color: var(--bad);
}

.CallSummaryWidget-module__EWXavG__trendNeutral {
  color: var(--muted);
}

.CallSummaryWidget-module__EWXavG__chartHeader {
  margin-bottom: var(--spacing-md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__chartTypeToggle {
  border-radius: var(--border-radius-sm);
  background: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .07));
  border: 1px solid rgba(0, 0, 0, .08);
  gap: 4px;
  padding: 4px;
  display: flex;
}

.CallSummaryWidget-module__EWXavG__chartTypeToggle button {
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);
  background: none;
  border: none;
  padding: 6px 10px;
  font-size: 16px;
}

.CallSummaryWidget-module__EWXavG__chartTypeToggle button:hover {
  background: rgba(255, 255, 255, .3);
}

.CallSummaryWidget-module__EWXavG__chartTypeToggle button.CallSummaryWidget-module__EWXavG__active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 90%, white), color-mix(in srgb, var(--primary-color) 75%, white));
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.CallSummaryWidget-module__EWXavG__agentCard.CallSummaryWidget-module__EWXavG__expanded {
  border-color: color-mix(in srgb, var(--primary-color) 22%, rgba(255, 255, 255, .55));
  background: radial-gradient(140% 140% at 28% 22%, rgba(255, 255, 255, .48), rgba(255, 255, 255, .26) 58%, rgba(0, 0, 0, 0) 70%), linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15));
}

.CallSummaryWidget-module__EWXavG__agentMainStat {
  font-size: var(--font-size-3);
  color: var(--text-primary);
  font-weight: 700;
}

@media (max-width: 900px) {
  .CallSummaryWidget-module__EWXavG__toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .CallSummaryWidget-module__EWXavG__toolbarLeft, .CallSummaryWidget-module__EWXavG__toolbarRight {
    justify-content: space-between;
    width: 100%;
  }

  .CallSummaryWidget-module__EWXavG__searchBox {
    min-width: unset;
    flex: 1;
  }

  .CallSummaryWidget-module__EWXavG__sortBox {
    flex: 1;
  }
}

@media (max-width: 600px) {
  .CallSummaryWidget-module__EWXavG__toolbarLeft, .CallSummaryWidget-module__EWXavG__toolbarRight {
    flex-wrap: wrap;
  }

  .CallSummaryWidget-module__EWXavG__searchBox, .CallSummaryWidget-module__EWXavG__sortBox {
    width: 100%;
  }

  .CallSummaryWidget-module__EWXavG__toolBtn {
    flex: 1;
  }
}

.CallSummaryWidget-module__EWXavG__segmentBtn:focus-visible {
  outline: 3px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-md);
}

.CallSummaryWidget-module__EWXavG__loadMoreBtn:focus-visible {
  outline: 3px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-md);
}

.CallSummaryWidget-module__EWXavG__toolBtn:focus-visible {
  outline: 3px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-md);
}

.CallSummaryWidget-module__EWXavG__clearSearch:focus-visible {
  outline: 3px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-md);
}

.CallSummaryWidget-module__EWXavG__agentCard:focus-visible {
  outline: 3px solid var(--primary-color);
  outline-offset: 2px;
}

.CallSummaryWidget-module__EWXavG__searchInput:focus, .CallSummaryWidget-module__EWXavG__sortSelect:focus {
  outline: none;
}

.CallSummaryWidget-module__EWXavG__searchBox:focus-within, .CallSummaryWidget-module__EWXavG__sortBox:focus-within {
  outline: 2px solid var(--primary-color);
  outline-offset: 1px;
}

/* [project]/src/components/ServiceMessages/ServiceNotEnabledMessage.module.css [client] (css) */
.ServiceNotEnabledMessage-module__2En-1G__container {
  text-align: right;
  direction: rtl;
  background: #fff8f0;
  border: 1px solid #f2c19c;
  border-radius: 12px;
  margin: 16px 0;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.ServiceNotEnabledMessage-module__2En-1G__title {
  color: #d97706;
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: bold;
}

.ServiceNotEnabledMessage-module__2En-1G__description {
  color: #5f4b32;
  margin-bottom: 8px;
  font-size: 1rem;
}

.ServiceNotEnabledMessage-module__2En-1G__upgradeButton {
  color: #fff;
  cursor: pointer;
  background-color: #0f172a;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  font-weight: 600;
  transition: background-color .2s;
}

.ServiceNotEnabledMessage-module__2En-1G__upgradeButton:hover {
  background-color: #1e293b;
}

.ServiceNotEnabledMessage-module__2En-1G__upgradeLink {
  color: #0f172a;
  font-weight: 600;
  text-decoration: underline;
}

/* [project]/src/components/ServiceMessages/NoPermissionMessage.module.css [client] (css) */
.NoPermissionMessage-module__rpxXhW__container {
  text-align: right;
  direction: rtl;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 12px;
  margin: 16px 0;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.NoPermissionMessage-module__rpxXhW__title {
  color: #dc2626;
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: bold;
}

.NoPermissionMessage-module__rpxXhW__description {
  color: #7f1d1d;
  margin-bottom: 8px;
  font-size: 1rem;
}

.NoPermissionMessage-module__rpxXhW__requestButton {
  color: #fff;
  cursor: pointer;
  background-color: #991b1b;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 1rem;
  font-weight: 600;
  transition: background-color .2s;
}

.NoPermissionMessage-module__rpxXhW__requestButton:hover {
  background-color: #7f1d1d;
}

/* [project]/src/components/Accounting/Dashboard/AccountingDashboard.module.css [client] (css) */
.AccountingDashboard-module__ekpJPW__container {
  gap: var(--page-gap-desktop);
  direction: rtl;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  display: flex;
}

@media (max-width: 900px) {
  .AccountingDashboard-module__ekpJPW__container {
    gap: var(--page-gap-tablet);
  }
}

@media (max-width: 768px) {
  .AccountingDashboard-module__ekpJPW__container {
    gap: var(--page-gap-mobile);
  }
}

.AccountingDashboard-module__ekpJPW__errorState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 80px 24px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__errorState h3 {
  color: #1e293b;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__errorState p {
  color: #64748b;
  margin: 0;
}

.AccountingDashboard-module__ekpJPW__retryBtn {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__retryBtn:hover {
  box-shadow: 0 4px 12px rgba(var(--primary-rgb), .3);
  transform: translateY(-2px);
}

.AccountingDashboard-module__ekpJPW__controlsBar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
  border-radius: calc(var(--border-radius-xl, 16px)  + 4px);
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 80%, transparent);
  box-shadow: var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .08));
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__controlsBar > * {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .AccountingDashboard-module__ekpJPW__controlsBar {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .AccountingDashboard-module__ekpJPW__controlsBar > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

.AccountingDashboard-module__ekpJPW__periodSection {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__periodLabel {
  color: #475569;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__periodLabel svg {
  color: var(--primary-color, #3b82f6);
}

.AccountingDashboard-module__ekpJPW__periodSelector {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__periodChip {
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 60%, transparent);
  background: color-mix(in srgb, var(--chip-bg, rgba(255, 255, 255, .5)) 80%, transparent);
  -webkit-backdrop-filter: blur(12px);
  color: var(--text-secondary, #64748b);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.AccountingDashboard-module__ekpJPW__periodChip:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 10%, transparent);
  color: var(--text-primary, #1e293b);
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, transparent);
}

.AccountingDashboard-module__ekpJPW__periodChip.AccountingDashboard-module__ekpJPW__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
  border-color: rgba(0, 0, 0, 0);
}

.AccountingDashboard-module__ekpJPW__controlsSpacer {
  flex: none;
}

.AccountingDashboard-module__ekpJPW__scopeSection {
  align-items: center;
  gap: 10px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__scopeToggle {
  background: rgba(0, 0, 0, .04);
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 4px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__scopeBtn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__scopeBtn:hover {
  color: #1e293b;
  background: rgba(255, 255, 255, .5);
}

.AccountingDashboard-module__ekpJPW__scopeBtn.AccountingDashboard-module__ekpJPW__active {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 80%, #000));
  color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #3b82f6) 30%, transparent);
}

.AccountingDashboard-module__ekpJPW__branchSelect {
  color: #1e293b;
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  min-width: 150px;
  padding: 8px 12px;
  font-size: 13px;
}

.AccountingDashboard-module__ekpJPW__franchiseIndicator {
  color: #7c3aed;
  background: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(139, 92, 246, .05));
  border: 1px solid rgba(139, 92, 246, .2);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__franchiseIndicator svg {
  color: #8b5cf6;
}

.AccountingDashboard-module__ekpJPW__refreshBtn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__refreshBtn:hover {
  color: var(--primary-color, #3b82f6);
  background: rgba(0, 0, 0, .04);
}

.AccountingDashboard-module__ekpJPW__refreshBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.AccountingDashboard-module__ekpJPW__spinning {
  animation: 1s linear infinite AccountingDashboard-module__ekpJPW__spin;
}

@keyframes AccountingDashboard-module__ekpJPW__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.AccountingDashboard-module__ekpJPW__kpiGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

@media (max-width: 1200px) {
  .AccountingDashboard-module__ekpJPW__kpiGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .AccountingDashboard-module__ekpJPW__kpiGrid {
    grid-template-columns: 1fr;
  }
}

.AccountingDashboard-module__ekpJPW__kpiCard {
  border-radius: calc(var(--border-radius-xl, 16px)  + 4px);
  background: linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 1.5));
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 80%, transparent);
  box-shadow: var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .08)), inset 0 1px 0 rgba(255, 255, 255, .6);
  padding: 24px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__kpiCard:before {
  content: "";
  opacity: .08;
  pointer-events: none;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__primary:before {
  background: radial-gradient(circle, var(--primary-color, #3b82f6) 0%, transparent 70%);
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__success:before {
  background: radial-gradient(circle, #10b981 0%, rgba(0, 0, 0, 0) 70%);
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__warning:before {
  background: radial-gradient(circle, #f59e0b 0%, rgba(0, 0, 0, 0) 70%);
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__info:before {
  background: radial-gradient(circle, #06b6d4 0%, rgba(0, 0, 0, 0) 70%);
}

.AccountingDashboard-module__ekpJPW__kpiCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .8);
}

.AccountingDashboard-module__ekpJPW__kpiHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__kpiIcon {
  color: #fff;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__primary .AccountingDashboard-module__ekpJPW__kpiIcon {
  background: linear-gradient(135deg, var(--primary-color, #3b82f6), color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #000));
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__success .AccountingDashboard-module__ekpJPW__kpiIcon {
  background: linear-gradient(135deg, #10b981, #059669);
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__warning .AccountingDashboard-module__ekpJPW__kpiIcon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.AccountingDashboard-module__ekpJPW__kpiCard.AccountingDashboard-module__ekpJPW__info .AccountingDashboard-module__ekpJPW__kpiIcon {
  background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.AccountingDashboard-module__ekpJPW__kpiChange {
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__kpiChange.AccountingDashboard-module__ekpJPW__positive {
  color: #10b981;
  background: rgba(16, 185, 129, .15);
}

.AccountingDashboard-module__ekpJPW__kpiChange.AccountingDashboard-module__ekpJPW__negative {
  color: #ef4444;
  background: rgba(239, 68, 68, .15);
}

.AccountingDashboard-module__ekpJPW__kpiCount {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
}

.AccountingDashboard-module__ekpJPW__kpiValue {
  color: #1e293b;
  letter-spacing: -.5px;
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 700;
}

.AccountingDashboard-module__ekpJPW__kpiLabel {
  color: #64748b;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.AccountingDashboard-module__ekpJPW__kpiSubtext {
  color: #94a3b8;
  font-size: 12px;
}

.AccountingDashboard-module__ekpJPW__pendingFundsBar {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, white) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 4%, white) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 15%, transparent);
  border-radius: 14px;
  align-items: center;
  gap: 20px;
  padding: 16px 24px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__pendingItem {
  color: #475569;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__pendingItem strong {
  color: #1e293b;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__pendingCount {
  color: #94a3b8;
  font-size: 12px;
}

.AccountingDashboard-module__ekpJPW__pendingSeparator {
  background: rgba(0, 0, 0, .1);
  width: 1px;
  height: 24px;
}

.AccountingDashboard-module__ekpJPW__pendingAction {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: auto;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__pendingAction:hover {
  transform: translateX(-4px);
}

.AccountingDashboard-module__ekpJPW__chartsGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  display: grid;
}

.AccountingDashboard-module__ekpJPW__chartCard {
  border-radius: calc(var(--border-radius-xl, 16px)  + 6px);
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px)) saturate(var(--glass-saturate, 1.5));
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 80%, transparent);
  box-shadow: var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .08)), inset 0 1px 0 rgba(255, 255, 255, .5);
  padding: 24px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__chartCard:before {
  content: "";
  top: -2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color, #3b82f6) 70%, #fff) 0%, transparent 60%);
  filter: blur(4px);
  opacity: .6;
  pointer-events: none;
  border-radius: 999px;
  height: 4px;
  position: absolute;
  left: 10%;
  right: 10%;
}

.AccountingDashboard-module__ekpJPW__chartCard:hover {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .7);
}

.AccountingDashboard-module__ekpJPW__chartCard.AccountingDashboard-module__ekpJPW__wide {
  grid-column: span 2;
}

@media (max-width: 1200px) {
  .AccountingDashboard-module__ekpJPW__chartsGrid {
    grid-template-columns: 1fr 1fr;
  }

  .AccountingDashboard-module__ekpJPW__chartCard.AccountingDashboard-module__ekpJPW__wide {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .AccountingDashboard-module__ekpJPW__chartsGrid {
    grid-template-columns: 1fr;
  }

  .AccountingDashboard-module__ekpJPW__chartCard.AccountingDashboard-module__ekpJPW__wide {
    grid-column: span 1;
  }
}

.AccountingDashboard-module__ekpJPW__cardHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__cardTitle {
  color: #1e293b;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__cardTitle svg {
  color: var(--primary-color, #3b82f6);
}

.AccountingDashboard-module__ekpJPW__cardAction {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 13px;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__cardAction:hover {
  color: var(--primary-color, #3b82f6);
  background: rgba(0, 0, 0, .04);
}

.AccountingDashboard-module__ekpJPW__chartContainer {
  height: 280px;
  position: relative;
}

.AccountingDashboard-module__ekpJPW__chartContainerSmall {
  height: 200px;
  margin-bottom: 16px;
  position: relative;
}

.AccountingDashboard-module__ekpJPW__emptyState {
  color: #94a3b8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 100%;
  min-height: 180px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__emptyState p {
  margin: 0;
  font-size: 14px;
}

.AccountingDashboard-module__ekpJPW__legendList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__legendItem {
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__legendDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.AccountingDashboard-module__ekpJPW__legendLabel {
  color: #475569;
  flex: 1;
}

.AccountingDashboard-module__ekpJPW__legendValue {
  color: #1e293b;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__legendPercent {
  color: #94a3b8;
  text-align: left;
  min-width: 40px;
  font-size: 12px;
}

.AccountingDashboard-module__ekpJPW__agingToggle {
  background: rgba(0, 0, 0, .04);
  border-radius: 8px;
  gap: 4px;
  padding: 3px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingToggleBtn {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-weight: 500;
  transition: all .2s;
}

.AccountingDashboard-module__ekpJPW__agingToggleBtn:hover {
  background: rgba(0, 0, 0, .04);
}

.AccountingDashboard-module__ekpJPW__agingToggleBtn.AccountingDashboard-module__ekpJPW__active {
  background: var(--primary-color, #3b82f6);
  color: #fff;
  box-shadow: 0 2px 4px rgba(59, 130, 246, .3);
}

.AccountingDashboard-module__ekpJPW__agingBars {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingItem {
  align-items: center;
  gap: 10px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingItem.AccountingDashboard-module__ekpJPW__clickable {
  cursor: pointer;
  border-radius: var(--radius-sm, 6px);
  margin: -6px -8px;
  padding: 6px 8px;
  transition: background .15s;
}

.AccountingDashboard-module__ekpJPW__agingItem.AccountingDashboard-module__ekpJPW__clickable:hover {
  background: rgba(59, 130, 246, .08);
}

.AccountingDashboard-module__ekpJPW__agingLabel {
  color: #64748b;
  min-width: 50px;
  font-size: 12px;
  font-weight: 500;
}

.AccountingDashboard-module__ekpJPW__agingBarTrack {
  background: rgba(0, 0, 0, .06);
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__agingBarFill {
  border-radius: 4px;
  height: 100%;
  transition: width .5s;
}

.AccountingDashboard-module__ekpJPW__agingValue {
  text-align: left;
  color: #1e293b;
  min-width: 70px;
  font-size: 12px;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__widgetsGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}

@media (max-width: 1400px) {
  .AccountingDashboard-module__ekpJPW__widgetsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .AccountingDashboard-module__ekpJPW__widgetsGrid {
    grid-template-columns: 1fr;
  }
}

.AccountingDashboard-module__ekpJPW__widgetCard {
  border-radius: calc(var(--border-radius-xl, 16px)  + 4px);
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 80%, transparent);
  box-shadow: var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .08));
  padding: 20px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__widgetCard:hover {
  box-shadow: 0 12px 36px rgba(0, 0, 0, .1);
}

.AccountingDashboard-module__ekpJPW__alertBadge {
  color: #fff;
  background: #ef4444;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__listContainer {
  flex-direction: column;
  gap: 8px;
  max-height: 340px;
  display: flex;
  overflow-y: auto;
}

.AccountingDashboard-module__ekpJPW__listItem {
  cursor: pointer;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__listItem:hover {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 20%, transparent);
  background: rgba(255, 255, 255, .8);
  transform: translateX(-4px);
}

.AccountingDashboard-module__ekpJPW__listItem.AccountingDashboard-module__ekpJPW__overdue {
  background: rgba(239, 68, 68, .05);
  border-color: rgba(239, 68, 68, .15);
}

.AccountingDashboard-module__ekpJPW__listItem.AccountingDashboard-module__ekpJPW__overdue:hover {
  background: rgba(239, 68, 68, .1);
}

.AccountingDashboard-module__ekpJPW__docTypeBadge {
  color: #fff;
  letter-spacing: .5px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__docTypeBadge.AccountingDashboard-module__ekpJPW__INV {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.AccountingDashboard-module__ekpJPW__docTypeBadge.AccountingDashboard-module__ekpJPW__INVREC {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.AccountingDashboard-module__ekpJPW__docTypeBadge.AccountingDashboard-module__ekpJPW__REC {
  background: linear-gradient(135deg, #10b981, #059669);
}

.AccountingDashboard-module__ekpJPW__docTypeBadge.AccountingDashboard-module__ekpJPW__CIN {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.AccountingDashboard-module__ekpJPW__paymentMethodIcon {
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__checkIcon {
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__overdueIndicator {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  padding: 6px 10px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__overdueDays {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.AccountingDashboard-module__ekpJPW__overdueDaysLabel {
  opacity: .9;
  font-size: 9px;
  font-weight: 500;
}

.AccountingDashboard-module__ekpJPW__listItemContent {
  flex: 1;
  min-width: 0;
}

.AccountingDashboard-module__ekpJPW__listItemTitle {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__listItemSub {
  color: #64748b;
  font-size: 12px;
}

.AccountingDashboard-module__ekpJPW__listItemValue {
  text-align: left;
  color: #1e293b;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__balanceBadge {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
}

.AccountingDashboard-module__ekpJPW__emptyWidget {
  color: #94a3b8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__emptyWidget p {
  margin: 0;
  font-size: 13px;
}

@media (max-width: 768px) {
  .AccountingDashboard-module__ekpJPW__scopeSelector {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-left: none;
    flex-wrap: wrap;
    padding-bottom: 12px;
    padding-left: 0;
  }

  .AccountingDashboard-module__ekpJPW__periodSelector {
    justify-content: flex-start;
  }

  .AccountingDashboard-module__ekpJPW__periodChip {
    padding: 6px 12px;
    font-size: 12px;
  }

  .AccountingDashboard-module__ekpJPW__pendingFundsBar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .AccountingDashboard-module__ekpJPW__pendingSeparator {
    width: 100%;
    height: 1px;
  }

  .AccountingDashboard-module__ekpJPW__pendingAction {
    align-self: flex-end;
    margin-right: 0;
  }

  .AccountingDashboard-module__ekpJPW__kpiValue {
    font-size: 26px;
  }

  .AccountingDashboard-module__ekpJPW__periodSection {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .AccountingDashboard-module__ekpJPW__scopeSection {
    border-top: 1px solid rgba(0, 0, 0, .08);
    flex-wrap: wrap;
    width: 100%;
    padding-top: 12px;
  }

  .AccountingDashboard-module__ekpJPW__scopeToggle {
    flex: 1;
  }

  .AccountingDashboard-module__ekpJPW__franchiseIndicator {
    justify-content: center;
    width: 100%;
  }

  .AccountingDashboard-module__ekpJPW__modulesGrid {
    grid-template-columns: 1fr !important;
  }
}

.AccountingDashboard-module__ekpJPW__modulesSection {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__sectionHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__sectionTitle {
  color: #1e293b;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__sectionTitle svg {
  color: var(--primary-color, #3b82f6);
}

.AccountingDashboard-module__ekpJPW__modulesGrid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: grid;
}

@media (min-width: 1400px) {
  .AccountingDashboard-module__ekpJPW__modulesGrid {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 900px) {
  .AccountingDashboard-module__ekpJPW__modulesGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .AccountingDashboard-module__ekpJPW__modulesGrid {
    grid-template-columns: 1fr;
  }
}

.AccountingDashboard-module__ekpJPW__moduleCard {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, transparent 100%), var(--glass-bg, rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
  border: 1px solid color-mix(in srgb, var(--glass-border, rgba(255, 255, 255, .3)) 80%, transparent);
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .05), inset 0 1px rgba(255, 255, 255, .6);
}

.AccountingDashboard-module__ekpJPW__moduleCard:hover {
  border-color: var(--module-color, var(--primary-color));
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .8);
}

.AccountingDashboard-module__ekpJPW__moduleIcon {
  background: linear-gradient(135deg, var(--module-color), color-mix(in srgb, var(--module-color) 75%, black));
  color: #fff;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__moduleContent {
  flex: 1;
  min-width: 0;
}

.AccountingDashboard-module__ekpJPW__moduleContent h4 {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__moduleContent p {
  color: #64748b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 12px;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__moduleArrow {
  color: #c7c7cc;
  flex-shrink: 0;
  transition: transform .2s, color .2s;
}

.AccountingDashboard-module__ekpJPW__moduleCard:hover .AccountingDashboard-module__ekpJPW__moduleArrow {
  color: var(--module-color, var(--primary-color));
  transform: translateX(-4px);
}

@media (prefers-color-scheme: dark) {
  .AccountingDashboard-module__ekpJPW__kpiCard, .AccountingDashboard-module__ekpJPW__chartCard, .AccountingDashboard-module__ekpJPW__widgetCard, .AccountingDashboard-module__ekpJPW__controlsBar, .AccountingDashboard-module__ekpJPW__moduleCard {
    background: linear-gradient(rgba(255, 255, 255, .05) 0%, rgba(0, 0, 0, 0) 100%), rgba(28, 28, 30, .8);
    border-color: rgba(255, 255, 255, .1);
  }

  .AccountingDashboard-module__ekpJPW__kpiValue, .AccountingDashboard-module__ekpJPW__cardTitle, .AccountingDashboard-module__ekpJPW__listItemTitle, .AccountingDashboard-module__ekpJPW__listItemValue, .AccountingDashboard-module__ekpJPW__sectionTitle {
    color: #f5f5f7;
  }

  .AccountingDashboard-module__ekpJPW__kpiLabel, .AccountingDashboard-module__ekpJPW__listItemSub {
    color: #a1a1a6;
  }

  .AccountingDashboard-module__ekpJPW__listItem {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .05);
  }

  .AccountingDashboard-module__ekpJPW__listItem:hover {
    background: rgba(255, 255, 255, .1);
  }

  .AccountingDashboard-module__ekpJPW__pendingFundsBar {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(28, 28, 30, .9)) 0%, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(28, 28, 30, .9)) 100%);
  }

  .AccountingDashboard-module__ekpJPW__moduleContent h4 {
    color: #f5f5f7;
  }

  .AccountingDashboard-module__ekpJPW__moduleContent p {
    color: #a1a1a6;
  }

  .AccountingDashboard-module__ekpJPW__scopeToggle {
    background: rgba(255, 255, 255, .05);
  }

  .AccountingDashboard-module__ekpJPW__scopeBtn:hover {
    background: rgba(255, 255, 255, .1);
  }

  .AccountingDashboard-module__ekpJPW__periodLabel {
    color: #a1a1a6;
  }

  .AccountingDashboard-module__ekpJPW__franchiseIndicator {
    background: linear-gradient(135deg, rgba(139, 92, 246, .2), rgba(139, 92, 246, .1));
    border-color: rgba(139, 92, 246, .3);
  }
}

.AccountingDashboard-module__ekpJPW__agingDetailsModal {
  width: 90vw;
  max-width: 800px;
}

.AccountingDashboard-module__ekpJPW__agingModeIndicator {
  background: var(--primary-color-light, rgba(59, 130, 246, .1));
  border-radius: var(--radius-md, 8px);
  color: var(--primary-color, #3b82f6);
  font-size: var(--text-sm);
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
  padding: 8px 14px;
  font-weight: 500;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingDetailsLoading {
  justify-content: center;
  align-items: center;
  min-height: 150px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingDetailsEmpty {
  min-height: 150px;
  color: var(--text-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingDetailsList {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingDetailsHeader {
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 6px);
  font-size: var(--text-xs);
  color: var(--text-muted);
  text-transform: uppercase;
  grid-template-columns: 2fr 1fr 1fr .6fr 1fr;
  gap: 12px;
  margin-bottom: 4px;
  padding: 10px 14px;
  font-weight: 600;
  display: grid;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow {
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  grid-template-columns: 2fr 1fr 1fr .6fr 1fr;
  gap: 12px;
  padding: 12px 14px;
  transition: background .15s;
  display: grid;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow:hover {
  background: var(--background-hover);
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow:last-of-type {
  border-bottom: none;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__customerName {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__docNumber {
  color: var(--primary-color);
  font-weight: 500;
  font-size: var(--text-sm);
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__date {
  color: var(--text-secondary);
  font-size: var(--text-sm);
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__daysOverdue {
  color: var(--text-secondary);
  text-align: center;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__daysOverdue.AccountingDashboard-module__ekpJPW__warning {
  color: #f59e0b;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__daysOverdue.AccountingDashboard-module__ekpJPW__critical {
  color: #ef4444;
}

.AccountingDashboard-module__ekpJPW__agingDetailsRow .AccountingDashboard-module__ekpJPW__balance {
  color: var(--text-primary);
  text-align: left;
  font-weight: 600;
}

.AccountingDashboard-module__ekpJPW__agingDetailsFooter {
  background: var(--background-secondary);
  border-radius: var(--radius-sm, 6px);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 14px;
  display: flex;
}

.AccountingDashboard-module__ekpJPW__agingDetailsFooter .AccountingDashboard-module__ekpJPW__totalBalance {
  color: var(--text-primary);
  font-weight: 700;
  font-size: var(--text-md);
}

/* [project]/src/styles/shared.module.css [client] (css) */
.shared-module__q8HX2G__modalOverlay {
  z-index: var(--z-overlay);
  background: radial-gradient(circle at center, color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .85)) 0%, rgba(0, 0, 0, .9) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards shared-module__q8HX2G__overlayFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

@keyframes shared-module__q8HX2G__overlayFadeIn {
  to {
    opacity: 1;
  }
}

.shared-module__q8HX2G__modalContent {
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  z-index: var(--z-modal);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 8%, rgba(255, 255, 255, .98)) 0%, rgba(249, 250, 251, .98) 50%, color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(252, 252, 253, .98)) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid color-mix(in srgb, var(--primary-color, #3b82f6) 20%, rgba(255, 255, 255, .5));
  box-shadow: 0 0 80px color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(0, 0, 0, .08)), 0 20px 60px rgba(0, 0, 0, .1);
  opacity: 0;
  border-radius: 16px;
  flex-direction: column;
  animation: .35s cubic-bezier(.34, 1.3, .64, 1) forwards shared-module__q8HX2G__modalSlideIn;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(.92)translateY(30px);
}

@keyframes shared-module__q8HX2G__modalSlideIn {
  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.shared-module__q8HX2G__modalHeader {
  background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.shared-module__q8HX2G__modalTitle {
  font-size: var(--text-lg, 1.125rem);
  color: var(--text-primary, #1f2937);
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-weight: 600;
  display: flex;
}

.shared-module__q8HX2G__modalTitle svg {
  color: var(--primary-color, #3b82f6);
  font-size: 1.25rem;
}

.shared-module__q8HX2G__modalClose {
  width: 36px;
  height: 36px;
  color: var(--text-secondary, #6b7280);
  cursor: pointer;
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.shared-module__q8HX2G__modalClose:hover {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.shared-module__q8HX2G__modalClose svg {
  font-size: 1.25rem;
}

.shared-module__q8HX2G__modalBody {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.shared-module__q8HX2G__modalBody::-webkit-scrollbar {
  width: 8px;
}

.shared-module__q8HX2G__modalBody::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .02);
  border-radius: 4px;
}

.shared-module__q8HX2G__modalBody::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 30%, rgba(0, 0, 0, .2));
  border-radius: 4px;
}

.shared-module__q8HX2G__modalBody::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(0, 0, 0, .3));
}

.shared-module__q8HX2G__modalFooter {
  background: linear-gradient(to top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));
  border-top: 1px solid rgba(0, 0, 0, .08);
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.5rem;
  display: flex;
}

@media (max-width: 768px) {
  .shared-module__q8HX2G__modalOverlay {
    padding: .5rem;
  }

  .shared-module__q8HX2G__modalContent {
    border-radius: 12px;
    max-width: 100%;
    max-height: 100%;
  }

  .shared-module__q8HX2G__modalHeader {
    padding: .75rem 1rem;
  }

  .shared-module__q8HX2G__modalBody {
    padding: 1rem;
  }

  .shared-module__q8HX2G__modalFooter {
    padding: .75rem 1rem;
  }
}

/* [project]/src/components/MobileDashboard/MobileHomeToggle/MobileHomeToggle.module.css [client] (css) */
.MobileHomeToggle-module___sgtQa__toggleContainer {
  width: 100%;
  padding: 0 var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  justify-content: center;
  display: flex;
}

.MobileHomeToggle-module___sgtQa__toggleWrapper {
  gap: var(--spacing-xs);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-xl);
  padding: var(--spacing-xs);
  width: 100%;
  max-width: 400px;
  display: flex;
}

[data-theme="dark"] .MobileHomeToggle-module___sgtQa__toggleWrapper {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
}

.MobileHomeToggle-module___sgtQa__toggleButton {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  white-space: nowrap;
  background: none;
  border: none;
  flex: 1;
  font-weight: 500;
  display: flex;
  position: relative;
}

.MobileHomeToggle-module___sgtQa__toggleButton:hover:not(.MobileHomeToggle-module___sgtQa__active) {
  color: var(--text-primary);
  background: rgba(78, 96, 255, .05);
}

[data-theme="dark"] .MobileHomeToggle-module___sgtQa__toggleButton:hover:not(.MobileHomeToggle-module___sgtQa__active) {
  background: rgba(255, 255, 255, .05);
}

.MobileHomeToggle-module___sgtQa__toggleButton.MobileHomeToggle-module___sgtQa__active {
  color: #fff;
}

.MobileHomeToggle-module___sgtQa__activeBackground {
  background: var(--primary-color);
  border-radius: var(--border-radius-lg);
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 4px 12px rgba(78, 96, 255, .3);
}

[data-theme="dark"] .MobileHomeToggle-module___sgtQa__activeBackground {
  background: var(--primary-color);
  box-shadow: 0 4px 12px rgba(78, 96, 255, .4);
}

.MobileHomeToggle-module___sgtQa__buttonContent {
  z-index: 1;
  align-items: center;
  gap: var(--spacing-xs);
  display: flex;
  position: relative;
}

.MobileHomeToggle-module___sgtQa__label {
  font-weight: 600;
}

.MobileHomeToggle-module___sgtQa__toggleContainer {
  animation: .3s ease-out MobileHomeToggle-module___sgtQa__fadeIn;
}

@keyframes MobileHomeToggle-module___sgtQa__fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/src/components/MobileDashboard/MobileRentalsDashboard/MobileRentalsDashboard.module.css [client] (css) */
.MobileRentalsDashboard-module__4hVQPq__container {
  gap: var(--spacing-lg);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__summaryGrid {
  gap: var(--spacing-sm);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard {
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(255, 255, 255, .5);
  flex-direction: column;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard:active {
  transform: scale(.97);
}

.MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: rgba(0, 0, 0, .04);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__primary .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__warning .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--state-error) 12%, transparent);
  color: var(--state-error);
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__info .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__muted .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  color: var(--text-muted);
  background: rgba(0, 0, 0, .06);
}

.MobileRentalsDashboard-module__4hVQPq__summaryContent {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__summaryValue {
  color: var(--title);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.MobileRentalsDashboard-module__4hVQPq__summaryLabel {
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 500;
}

.MobileRentalsDashboard-module__4hVQPq__rentalsList {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__rentalCard {
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(255, 255, 255, .5);
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.MobileRentalsDashboard-module__4hVQPq__rentalCard:active {
  background: rgba(255, 255, 255, .85);
}

.MobileRentalsDashboard-module__4hVQPq__rentalCard.MobileRentalsDashboard-module__4hVQPq__overdue {
  border-color: color-mix(in srgb, var(--state-error) 30%, transparent);
  background: color-mix(in srgb, var(--state-error) 5%, rgba(255, 255, 255, .7));
}

.MobileRentalsDashboard-module__4hVQPq__carImageWrapper {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 48px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__carImage {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.MobileRentalsDashboard-module__4hVQPq__noImage {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  border-radius: var(--border-radius-md);
  background: rgba(0, 0, 0, .04);
  justify-content: center;
  align-items: center;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__cardContent {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__cardTop {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__licenseRow {
  color: var(--title);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.MobileRentalsDashboard-module__4hVQPq__licensePlate {
  font-size: var(--text-md);
  color: var(--title);
  font-weight: 700;
}

.MobileRentalsDashboard-module__4hVQPq__rateType {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
  color: var(--primary-color);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
}

.MobileRentalsDashboard-module__4hVQPq__customerRow {
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__progressSection {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__progressBar {
  background: rgba(0, 0, 0, .06);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.MobileRentalsDashboard-module__4hVQPq__progressFill {
  border-radius: 2px;
  height: 100%;
  transition: width .5s;
}

.MobileRentalsDashboard-module__4hVQPq__progressFill.MobileRentalsDashboard-module__4hVQPq__normal {
  background: linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, var(--secondary-color)));
}

.MobileRentalsDashboard-module__4hVQPq__progressFill.MobileRentalsDashboard-module__4hVQPq__warning {
  background: linear-gradient(90deg, #f59e0b, #f97316);
}

.MobileRentalsDashboard-module__4hVQPq__progressFill.MobileRentalsDashboard-module__4hVQPq__critical {
  background: linear-gradient(90deg, #ef4444, #dc2626);
}

.MobileRentalsDashboard-module__4hVQPq__progressFill.MobileRentalsDashboard-module__4hVQPq__overdue {
  background: linear-gradient(90deg, #dc2626, #b91c1c);
}

.MobileRentalsDashboard-module__4hVQPq__progressInfo {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__progressPercent {
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 600;
}

.MobileRentalsDashboard-module__4hVQPq__remainingTime {
  font-size: 11px;
  font-weight: 600;
}

.MobileRentalsDashboard-module__4hVQPq__remainingTime.MobileRentalsDashboard-module__4hVQPq__normal {
  color: var(--primary-color);
}

.MobileRentalsDashboard-module__4hVQPq__remainingTime.MobileRentalsDashboard-module__4hVQPq__warning {
  color: #f59e0b;
}

.MobileRentalsDashboard-module__4hVQPq__remainingTime.MobileRentalsDashboard-module__4hVQPq__critical {
  color: #ef4444;
}

.MobileRentalsDashboard-module__4hVQPq__remainingTime.MobileRentalsDashboard-module__4hVQPq__overdue {
  color: #dc2626;
}

.MobileRentalsDashboard-module__4hVQPq__cardArrow {
  color: var(--text-muted);
  flex-shrink: 0;
}

.MobileRentalsDashboard-module__4hVQPq__loadingState, .MobileRentalsDashboard-module__4hVQPq__errorState, .MobileRentalsDashboard-module__4hVQPq__emptyState {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-3xl) var(--spacing-xl);
  text-align: center;
  color: var(--text-secondary);
  flex-direction: column;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__spinner {
  border: 3px solid rgba(0, 0, 0, .1);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite MobileRentalsDashboard-module__4hVQPq__spin;
}

@keyframes MobileRentalsDashboard-module__4hVQPq__spin {
  to {
    transform: rotate(360deg);
  }
}

.MobileRentalsDashboard-module__4hVQPq__errorState {
  color: var(--state-error);
}

.MobileRentalsDashboard-module__4hVQPq__retryButton {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--primary-color);
  color: #fff;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.MobileRentalsDashboard-module__4hVQPq__emptyState h4 {
  color: var(--title);
  margin: 0;
  font-size: 16px;
}

.MobileRentalsDashboard-module__4hVQPq__emptyState p {
  margin: 0;
  font-size: 13px;
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard:active {
  background: rgba(30, 41, 59, .9);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__primary .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--primary-color) 18%, transparent);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__warning .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--state-error) 18%, transparent);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__info .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: color-mix(in srgb, var(--info) 18%, transparent);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__summaryCard.MobileRentalsDashboard-module__4hVQPq__muted .MobileRentalsDashboard-module__4hVQPq__summaryIcon {
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__rentalCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__rentalCard:active {
  background: rgba(30, 41, 59, .9);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__rentalCard.MobileRentalsDashboard-module__4hVQPq__overdue {
  border-color: color-mix(in srgb, var(--state-error) 35%, transparent);
  background: color-mix(in srgb, var(--state-error) 8%, rgba(30, 41, 59, .8));
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__noImage {
  background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__rateType {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__progressBar {
  background: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .MobileRentalsDashboard-module__4hVQPq__spinner {
  border-color: rgba(255, 255, 255, .15);
  border-top-color: var(--primary-color);
}

/* [project]/src/components/MobileDashboard/MobileFleetDashboard/MobileFleetDashboard.module.css [client] (css) */
.MobileFleetDashboard-module__LRPNoq__container {
  gap: var(--spacing-lg);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__summaryGrid {
  gap: var(--spacing-sm);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.MobileFleetDashboard-module__LRPNoq__summaryCard {
  padding: var(--spacing-md);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(255, 255, 255, .5);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.MobileFleetDashboard-module__LRPNoq__summaryCard:active {
  transform: scale(.97);
}

.MobileFleetDashboard-module__LRPNoq__summaryContent {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__summaryIcon {
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__primary {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

.MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__success {
  background: color-mix(in srgb, var(--state-success) 12%, transparent);
  color: var(--state-success);
}

.MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__info {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__warning {
  color: #f59e0b;
  background: rgba(245, 158, 11, .12);
}

.MobileFleetDashboard-module__LRPNoq__summaryValue {
  color: var(--title);
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.MobileFleetDashboard-module__LRPNoq__summaryLabel {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
}

.MobileFleetDashboard-module__LRPNoq__categoryCard {
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--border-radius-xl);
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(255, 255, 255, .5);
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
}

.MobileFleetDashboard-module__LRPNoq__categoryHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__categoryTitleWrap {
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__categoryIcon {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__info {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__warning {
  color: #f59e0b;
  background: rgba(245, 158, 11, .12);
}

.MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__bad {
  background: color-mix(in srgb, var(--state-error) 12%, transparent);
  color: var(--state-error);
}

.MobileFleetDashboard-module__LRPNoq__categoryTitle {
  color: var(--title);
  font-size: 15px;
  font-weight: 700;
}

.MobileFleetDashboard-module__LRPNoq__scoreWrap {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__scoreValue {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 800;
}

.MobileFleetDashboard-module__LRPNoq__scoreLabel {
  color: var(--text-muted);
  font-size: 10px;
}

.MobileFleetDashboard-module__LRPNoq__kpiGrid {
  gap: var(--spacing-sm);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.MobileFleetDashboard-module__LRPNoq__kpiItem {
  padding: var(--spacing-sm);
  border-radius: var(--border-radius-md);
  background: rgba(0, 0, 0, .02);
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__kpiItem:active {
  background: rgba(0, 0, 0, .05);
}

.MobileFleetDashboard-module__LRPNoq__kpiIcon {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__ok .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--state-success) 12%, transparent);
  color: var(--state-success);
}

.MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__info .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__bad .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--state-error) 12%, transparent);
  color: var(--state-error);
}

.MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__neutral .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  color: var(--text-muted);
  background: rgba(0, 0, 0, .06);
}

.MobileFleetDashboard-module__LRPNoq__kpiValue {
  color: var(--title);
  font-size: 18px;
  font-weight: 800;
}

.MobileFleetDashboard-module__LRPNoq__kpiLabel {
  color: var(--text-secondary);
  text-align: center;
  font-size: 10px;
}

.MobileFleetDashboard-module__LRPNoq__categoryFooter {
  padding: var(--spacing-sm) var(--spacing-md);
  margin-top: var(--spacing-xs);
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-radius: var(--border-radius-md);
  color: var(--primary-color);
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__categoryFooter:active {
  background: color-mix(in srgb, var(--primary-color) 15%, transparent);
}

.MobileFleetDashboard-module__LRPNoq__carsSection {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carsSectionHeader {
  padding: 0 var(--spacing-xs);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carsSectionTitle {
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--text-md);
  color: var(--title);
  font-weight: 600;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carsCount {
  background: var(--primary-color);
  color: #fff;
  min-width: 24px;
  height: 24px;
  font-size: var(--text-xs);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-weight: 700;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carsList {
  gap: var(--spacing-sm);
  flex-direction: column;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carsLoading, .MobileFleetDashboard-module__LRPNoq__carsEmpty {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-2xl);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  flex-direction: column;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carCard {
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(255, 255, 255, .5);
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.MobileFleetDashboard-module__LRPNoq__carCard:active {
  background: rgba(255, 255, 255, .9);
  transform: scale(.98);
}

.MobileFleetDashboard-module__LRPNoq__carImageWrapper {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 48px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carImage {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.MobileFleetDashboard-module__LRPNoq__noImage {
  width: 100%;
  height: 100%;
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carContent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__carHeader, .MobileFleetDashboard-module__LRPNoq__carTop {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__licenseRow {
  color: var(--title);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.MobileFleetDashboard-module__LRPNoq__licensePlate {
  font-size: var(--text-md);
  color: var(--title);
  direction: ltr;
  font-family: inherit;
  font-weight: 700;
}

.MobileFleetDashboard-module__LRPNoq__carLicensePlate {
  font-size: var(--text-md);
  color: var(--title);
  direction: ltr;
  font-family: monospace;
  font-weight: 700;
}

.MobileFleetDashboard-module__LRPNoq__statusBadge {
  white-space: nowrap;
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.MobileFleetDashboard-module__LRPNoq__statusBadge.MobileFleetDashboard-module__LRPNoq__available {
  background: color-mix(in srgb, var(--state-success) 12%, transparent);
  color: var(--state-success);
}

.MobileFleetDashboard-module__LRPNoq__statusBadge.MobileFleetDashboard-module__LRPNoq__rented {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

.MobileFleetDashboard-module__LRPNoq__carModel {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MobileFleetDashboard-module__LRPNoq__rentalInfo {
  align-items: center;
  margin-top: 2px;
  padding-top: 2px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__customerBadge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), color-mix(in srgb, var(--primary-color) 8%, transparent));
  color: var(--primary-color);
  font-size: var(--text-xs);
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-weight: 600;
  display: inline-flex;
}

.MobileFleetDashboard-module__LRPNoq__customerName {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
}

.MobileFleetDashboard-module__LRPNoq__rateTypeBadge {
  color: var(--primary-color);
  background: rgba(255, 255, 255, .8);
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

.MobileFleetDashboard-module__LRPNoq__rentalRow {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.MobileFleetDashboard-module__LRPNoq__rentalRow span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 140px;
  overflow: hidden;
}

.MobileFleetDashboard-module__LRPNoq__rentalCustomer {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  align-items: center;
  gap: 4px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__rentalCustomer span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
}

.MobileFleetDashboard-module__LRPNoq__rentalType {
  background: color-mix(in srgb, var(--info) 10%, transparent);
  color: var(--info);
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 11px;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__loadingState, .MobileFleetDashboard-module__LRPNoq__errorState {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-3xl) var(--spacing-xl);
  text-align: center;
  color: var(--text-secondary);
  flex-direction: column;
  display: flex;
}

.MobileFleetDashboard-module__LRPNoq__spinner {
  border: 3px solid rgba(0, 0, 0, .1);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite MobileFleetDashboard-module__LRPNoq__spin;
}

@keyframes MobileFleetDashboard-module__LRPNoq__spin {
  to {
    transform: rotate(360deg);
  }
}

.MobileFleetDashboard-module__LRPNoq__errorState {
  color: var(--state-error);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryCard:active {
  background: rgba(30, 41, 59, .9);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__primary {
  background: color-mix(in srgb, var(--primary-color) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__success {
  background: color-mix(in srgb, var(--state-success) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__info {
  background: color-mix(in srgb, var(--info) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__summaryIcon.MobileFleetDashboard-module__LRPNoq__warning {
  background: rgba(245, 158, 11, .18);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__info {
  background: color-mix(in srgb, var(--info) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__warning {
  background: rgba(245, 158, 11, .18);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryIcon.MobileFleetDashboard-module__LRPNoq__bad {
  background: color-mix(in srgb, var(--state-error) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem {
  background: rgba(255, 255, 255, .04);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem:active {
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__ok .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--state-success) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__info .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--info) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__bad .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: color-mix(in srgb, var(--state-error) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__kpiItem.MobileFleetDashboard-module__LRPNoq__neutral .MobileFleetDashboard-module__LRPNoq__kpiIcon {
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryFooter {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__categoryFooter:active {
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__carCard {
  background: rgba(30, 41, 59, .8);
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__carCard:active {
  background: rgba(30, 41, 59, .9);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__statusBadge.MobileFleetDashboard-module__LRPNoq__available {
  background: color-mix(in srgb, var(--state-success) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__statusBadge.MobileFleetDashboard-module__LRPNoq__rented {
  background: color-mix(in srgb, var(--primary-color) 18%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__customerBadge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, transparent), color-mix(in srgb, var(--primary-color) 12%, transparent));
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__rateTypeBadge {
  background: rgba(30, 41, 59, .9);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__rentalType {
  background: color-mix(in srgb, var(--info) 15%, transparent);
}

[data-theme="dark"] .MobileFleetDashboard-module__LRPNoq__spinner {
  border-color: rgba(255, 255, 255, .15);
  border-top-color: var(--primary-color);
}

/* [project]/src/components/Dashboard/ProductAnnouncementBanner/ProductAnnouncementBanner.module.css [client] (css) */
.ProductAnnouncementBanner-module__0J3y7G__wrapper {
  width: 100%;
}

.ProductAnnouncementBanner-module__0J3y7G__card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(rgba(255, 255, 255, .95) 0%, rgba(250, 250, 252, .98) 100%);
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 16px;
  padding: 20px;
  transition: box-shadow .3s;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 4px 12px rgba(0, 0, 0, .03);
}

.ProductAnnouncementBanner-module__0J3y7G__card:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, .03), 0 8px 24px rgba(0, 0, 0, .05);
}

.ProductAnnouncementBanner-module__0J3y7G__card:before {
  content: "";
  opacity: .9;
  background: linear-gradient(#007aff 0%, #5856d6 100%);
  border-radius: 0 16px 16px 0;
  width: 3px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 0;
}

.ProductAnnouncementBanner-module__0J3y7G__slideWrap {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  height: 85px;
  padding-left: 8px;
  display: flex;
  overflow: hidden;
}

.ProductAnnouncementBanner-module__0J3y7G__slide {
  cursor: grab;
  align-items: center;
  gap: 14px;
  width: 100%;
  height: 100%;
  display: flex;
}

.ProductAnnouncementBanner-module__0J3y7G__slide:active {
  cursor: grabbing;
}

.ProductAnnouncementBanner-module__0J3y7G__content {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .2) transparent;
  flex: 1;
  min-width: 0;
  max-height: 100%;
  overflow-y: auto;
}

.ProductAnnouncementBanner-module__0J3y7G__content::-webkit-scrollbar {
  width: 4px;
}

.ProductAnnouncementBanner-module__0J3y7G__content::-webkit-scrollbar-track {
  background: none;
}

.ProductAnnouncementBanner-module__0J3y7G__content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2);
  border-radius: 2px;
}

.ProductAnnouncementBanner-module__0J3y7G__content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .3);
}

.ProductAnnouncementBanner-module__0J3y7G__title {
  font-size: var(--text-sm);
  color: #1d1d1f;
  letter-spacing: -.01em;
  margin: 0;
  font-weight: 600;
  line-height: 1.35;
}

.ProductAnnouncementBanner-module__0J3y7G__body {
  font-size: var(--text-xs);
  color: #6e6e73;
  letter-spacing: -.005em;
  margin-top: 3px;
  line-height: 1.45;
}

.ProductAnnouncementBanner-module__0J3y7G__body strong {
  color: #1d1d1f;
  font-weight: 600;
}

.ProductAnnouncementBanner-module__0J3y7G__body a {
  color: #007aff;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .15s;
}

.ProductAnnouncementBanner-module__0J3y7G__body a:hover {
  opacity: .7;
}

.ProductAnnouncementBanner-module__0J3y7G__ctaBtn {
  font-size: var(--text-xs);
  color: #007aff;
  pointer-events: auto;
  background: none;
  border: none;
  align-items: center;
  gap: 3px;
  margin-top: 6px;
  padding: 0;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .15s;
  display: inline-flex;
  cursor: pointer !important;
}

.ProductAnnouncementBanner-module__0J3y7G__ctaBtn:hover {
  opacity: .7;
}

.ProductAnnouncementBanner-module__0J3y7G__dismissBtn {
  cursor: pointer;
  color: #8e8e93;
  z-index: 10;
  background: rgba(0, 0, 0, .03);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.ProductAnnouncementBanner-module__0J3y7G__dismissBtn:hover {
  color: #1d1d1f;
  background: rgba(0, 0, 0, .06);
  transform: scale(1.05);
}

.ProductAnnouncementBanner-module__0J3y7G__nav {
  z-index: 10;
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.ProductAnnouncementBanner-module__0J3y7G__dots {
  align-items: center;
  gap: 5px;
  display: flex;
}

.ProductAnnouncementBanner-module__0J3y7G__dot {
  cursor: pointer;
  background: rgba(0, 0, 0, .12);
  border: none;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  padding: 0;
  transition: all .25s;
}

.ProductAnnouncementBanner-module__0J3y7G__dot:hover {
  background: rgba(0, 0, 0, .25);
}

.ProductAnnouncementBanner-module__0J3y7G__dotActive {
  background: linear-gradient(90deg, #007aff 0%, #5856d6 100%);
  border-radius: 3px;
  width: 14px;
}

.ProductAnnouncementBanner-module__0J3y7G__navArrow, .ProductAnnouncementBanner-module__0J3y7G__counter, .ProductAnnouncementBanner-module__0J3y7G__pausedBadge, .ProductAnnouncementBanner-module__0J3y7G__progressTrack, .ProductAnnouncementBanner-module__0J3y7G__progressBar, .ProductAnnouncementBanner-module__0J3y7G__iconWrap, .ProductAnnouncementBanner-module__0J3y7G__topRow, .ProductAnnouncementBanner-module__0J3y7G__badges, .ProductAnnouncementBanner-module__0J3y7G__typeBadge, .ProductAnnouncementBanner-module__0J3y7G__customBadge, .ProductAnnouncementBanner-module__0J3y7G__versionBadge, .ProductAnnouncementBanner-module__0J3y7G__newDot, .ProductAnnouncementBanner-module__0J3y7G__expiryNote {
  display: none;
}

@media (max-width: 600px) {
  .ProductAnnouncementBanner-module__0J3y7G__card {
    border-radius: 14px;
    padding: 16px;
  }

  .ProductAnnouncementBanner-module__0J3y7G__card:before {
    top: 16px;
    bottom: 16px;
  }

  .ProductAnnouncementBanner-module__0J3y7G__slideWrap {
    height: 70px;
  }

  .ProductAnnouncementBanner-module__0J3y7G__slide, .ProductAnnouncementBanner-module__0J3y7G__slide:active {
    cursor: default;
  }

  .ProductAnnouncementBanner-module__0J3y7G__dismissBtn {
    width: 24px;
    height: 24px;
    top: 10px;
    left: 10px;
  }

  .ProductAnnouncementBanner-module__0J3y7G__nav {
    bottom: 10px;
  }

  .ProductAnnouncementBanner-module__0J3y7G__title, .ProductAnnouncementBanner-module__0J3y7G__body {
    font-size: var(--text-xs);
  }
}

/* [project]/src/components/Dashboard/WeeklyWrapWidget/WeeklyWrapWidget.module.css [client] (css) */
.WeeklyWrapWidget-module__GZ4Yla__weeklyWrap {
  text-align: right;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  direction: rtl;
  background: linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(30, 41, 59, .9), rgba(15, 23, 42, .95));
  border-radius: 24px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  height: 480px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px rgba(255, 255, 255, .1);
}

.WeeklyWrapWidget-module__GZ4Yla__gradientBg {
  z-index: 0;
  border-radius: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.WeeklyWrapWidget-module__GZ4Yla__gradientOrb {
  filter: blur(80px);
  opacity: .5;
  border-radius: 50%;
  animation: 8s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__orbFloat;
  position: absolute;
}

.WeeklyWrapWidget-module__GZ4Yla__orb1 {
  background: var(--primary-color, #6366f1);
  width: 300px;
  height: 300px;
  animation-delay: 0s;
  top: -80px;
  right: -60px;
}

.WeeklyWrapWidget-module__GZ4Yla__orb2 {
  background: var(--secondary-color, #8b5cf6);
  width: 250px;
  height: 250px;
  animation-delay: -3s;
  bottom: -60px;
  left: -40px;
}

.WeeklyWrapWidget-module__GZ4Yla__orb3 {
  background: var(--accent-color, #06b6d4);
  opacity: .3;
  width: 180px;
  height: 180px;
  animation-delay: -5s;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__orbFloat {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  33% {
    transform: translate(30px, -20px)scale(1.1);
  }

  66% {
    transform: translate(-20px, 20px)scale(.95);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__particleCanvas {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__progressContainer {
  z-index: 10;
  gap: 4px;
  padding: 16px 20px 0;
  display: flex;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__progressSegment {
  cursor: pointer;
  background: rgba(255, 255, 255, .15);
  border-radius: 3px;
  flex: 1;
  height: 3px;
  transition: opacity .2s;
  overflow: hidden;
}

.WeeklyWrapWidget-module__GZ4Yla__progressSegment:hover {
  opacity: .8;
}

.WeeklyWrapWidget-module__GZ4Yla__progressFill {
  transform-origin: 100%;
  background: rgba(255, 255, 255, .9);
  border-radius: 3px;
  height: 100%;
}

.WeeklyWrapWidget-module__GZ4Yla__progressFillActive {
  animation: WeeklyWrapWidget-module__GZ4Yla__progressGrow var(--scene-duration, 6s) linear forwards;
}

.WeeklyWrapWidget-module__GZ4Yla__progressFillDone {
  transform: scaleX(1);
}

.WeeklyWrapWidget-module__GZ4Yla__progressFillPending {
  transform: scaleX(0);
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__progressGrow {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__sceneContainer {
  z-index: 5;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: 0;
  padding: 28px 32px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.WeeklyWrapWidget-module__GZ4Yla__navOverlay {
  z-index: 8;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__navPrev, .WeeklyWrapWidget-module__GZ4Yla__navNext {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  flex: 1;
}

.WeeklyWrapWidget-module__GZ4Yla__navPrev:active, .WeeklyWrapWidget-module__GZ4Yla__navNext:active {
  background: rgba(255, 255, 255, .03);
}

.WeeklyWrapWidget-module__GZ4Yla__navHintOverlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
  background: rgba(0, 0, 0, .65);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintContent {
  direction: rtl;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintArrows {
  align-items: center;
  gap: 32px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintSide {
  color: #fff;
  font-size: var(--text-sm);
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  animation: 1.8s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__navHintPulse;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintSide:first-child {
  animation-delay: 0s;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintSide:last-child {
  animation-delay: .9s;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintCenter {
  color: rgba(255, 255, 255, .7);
  font-size: var(--text-xs);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 120px;
  line-height: 1.4;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__navHintDismiss {
  color: rgba(255, 255, 255, .45);
  font-size: var(--text-xs);
  animation: 2s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__navHintFade;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__navHintPulse {
  0%, 100% {
    opacity: .7;
    transform: translateX(0);
  }

  50% {
    opacity: 1;
    transform: translateX(-6px);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__navHintSide:last-child {
  animation-name: WeeklyWrapWidget-module__GZ4Yla__navHintPulseReverse;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__navHintPulseReverse {
  0%, 100% {
    opacity: .7;
    transform: translateX(0);
  }

  50% {
    opacity: 1;
    transform: translateX(6px);
  }
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__navHintFade {
  0%, 100% {
    opacity: .45;
  }

  50% {
    opacity: .8;
  }
}

.WeeklyWrapWidget-module__GZ4Yla__sceneDots {
  z-index: 10;
  justify-content: center;
  gap: 8px;
  padding: 0 20px 16px;
  display: flex;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__dot {
  cursor: pointer;
  width: 6px;
  height: 6px;
  transition: all .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));
  background: rgba(255, 255, 255, .25);
  border: none;
  border-radius: 50%;
  padding: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__dotActive {
  background: rgba(255, 255, 255, .9);
  border-radius: 3px;
  width: 20px;
}

.WeeklyWrapWidget-module__GZ4Yla__sceneLabel {
  font-size: var(--text-xs, 11px);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, .5);
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-weight: 600;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__sceneTitle {
  font-size: var(--text-2xl, 28px);
  color: #fff;
  margin-bottom: 4px;
  font-weight: 800;
  line-height: 1.2;
}

.WeeklyWrapWidget-module__GZ4Yla__sceneSubtitle {
  font-size: var(--text-md, 15px);
  color: rgba(255, 255, 255, .65);
  line-height: 1.5;
}

.WeeklyWrapWidget-module__GZ4Yla__heroNumber {
  background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, .7) 100%);
  -webkit-text-fill-color: transparent;
  font-variant-numeric: tabular-nums;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 16px 0 8px;
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
}

.WeeklyWrapWidget-module__GZ4Yla__heroUnit {
  font-size: var(--text-lg, 18px);
  color: rgba(255, 255, 255, .6);
  margin-bottom: 16px;
  font-weight: 500;
}

.WeeklyWrapWidget-module__GZ4Yla__changeBadge {
  font-size: var(--text-sm, 13px);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-weight: 600;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__changeBadgeUp {
  color: #4ade80;
  background: rgba(34, 197, 94, .2);
  border: 1px solid rgba(34, 197, 94, .3);
}

.WeeklyWrapWidget-module__GZ4Yla__changeBadgeDown {
  color: #f87171;
  background: rgba(239, 68, 68, .2);
  border: 1px solid rgba(239, 68, 68, .3);
}

.WeeklyWrapWidget-module__GZ4Yla__changeBadgeNeutral {
  color: rgba(255, 255, 255, .7);
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .15);
}

.WeeklyWrapWidget-module__GZ4Yla__statCardsRow {
  gap: 8px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__statCard {
  text-align: center;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 10px 8px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__statCardValue {
  font-size: var(--text-lg, 18px);
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  line-height: 1.1;
}

.WeeklyWrapWidget-module__GZ4Yla__statCardLabel {
  font-size: var(--text-xs, 11px);
  color: rgba(255, 255, 255, .5);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__statCardWide {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__statCardWide .WeeklyWrapWidget-module__GZ4Yla__statCardLabel {
  font-size: var(--text-sm, 13px);
}

.WeeklyWrapWidget-module__GZ4Yla__statCardWide .WeeklyWrapWidget-module__GZ4Yla__statCardValue {
  font-size: var(--text-md, 15px);
}

.WeeklyWrapWidget-module__GZ4Yla__miniChart {
  align-items: flex-end;
  gap: 6px;
  height: 100px;
  margin: 20px 0 8px;
  padding: 0 4px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__miniChartBar {
  background: linear-gradient(180deg, var(--primary-color, #6366f1), rgba(99, 102, 241, .4));
  min-width: 0;
  transition: height .6s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));
  border-radius: 6px 6px 0 0;
  flex: 1;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__miniChartBarBest {
  background: linear-gradient(#fbbf24, rgba(251, 191, 36, .5));
  box-shadow: 0 0 20px rgba(251, 191, 36, .3);
}

.WeeklyWrapWidget-module__GZ4Yla__miniChartLabel {
  color: rgba(255, 255, 255, .35);
  letter-spacing: .5px;
  justify-content: space-between;
  font-size: 10px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarCard {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarDetails {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarName {
  font-size: var(--text-md, 15px);
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarMeta {
  align-items: baseline;
  gap: 4px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarCount {
  color: #fbbf24;
  font-variant-numeric: tabular-nums;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarCountLabel {
  color: rgba(255, 255, 255, .45);
  font-size: 12px;
  font-weight: 500;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarImageWrap {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 64px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetTopCarImage {
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .4));
  max-width: 100%;
  max-height: 64px;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCardBadge {
  letter-spacing: .3px;
  border: 1px solid;
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryChip {
  background: linear-gradient(135deg, rgba(6, 182, 212, .08), rgba(6, 182, 212, .03));
  border: 1px solid rgba(6, 182, 212, .15);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryIcon {
  background: rgba(6, 182, 212, .12);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryText {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryLabel {
  color: rgba(255, 255, 255, .4);
  font-size: 10px;
  font-weight: 500;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryName {
  font-size: var(--text-sm, 13px);
  color: #fff;
  font-weight: 700;
}

.WeeklyWrapWidget-module__GZ4Yla__fleetCategoryCount {
  color: rgba(6, 182, 212, .8);
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
}

.WeeklyWrapWidget-module__GZ4Yla__donutContainer {
  align-items: center;
  gap: 24px;
  margin: 16px 0;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__donutSvg {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

.WeeklyWrapWidget-module__GZ4Yla__donutBg {
  fill: none;
  stroke: rgba(255, 255, 255, .08);
  stroke-width: 12px;
}

.WeeklyWrapWidget-module__GZ4Yla__donutFill {
  fill: none;
  stroke: var(--primary-color, #6366f1);
  stroke-width: 12px;
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 1.2s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));
  transform: rotate(-90deg);
}

.WeeklyWrapWidget-module__GZ4Yla__donutCenter {
  fill: #fff;
  text-anchor: middle;
  dominant-baseline: central;
  font-size: 22px;
  font-weight: 800;
}

.WeeklyWrapWidget-module__GZ4Yla__donutCenterUnit {
  fill: rgba(255, 255, 255, .5);
  text-anchor: middle;
  font-size: 11px;
}

.WeeklyWrapWidget-module__GZ4Yla__donutLegend {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__highlightGrid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
  display: grid;
}

.WeeklyWrapWidget-module__GZ4Yla__highlightCard {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  transition: transform .3s, border-color .3s;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__highlightCard:hover {
  border-color: rgba(255, 255, 255, .15);
  transform: translateY(-2px);
}

.WeeklyWrapWidget-module__GZ4Yla__highlightIcon {
  margin-bottom: 2px;
  font-size: 24px;
}

.WeeklyWrapWidget-module__GZ4Yla__highlightValue {
  font-size: var(--text-xl, 22px);
  color: #fff;
  font-weight: 800;
}

.WeeklyWrapWidget-module__GZ4Yla__highlightLabel {
  font-size: var(--text-xs, 11px);
  color: rgba(255, 255, 255, .5);
  font-weight: 500;
}

.WeeklyWrapWidget-module__GZ4Yla__aiInsight {
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__aiTag {
  font-size: var(--text-xs, 11px);
  color: #c084fc;
  letter-spacing: .5px;
  background: linear-gradient(135deg, rgba(168, 85, 247, .25), rgba(59, 130, 246, .25));
  border: 1px solid rgba(168, 85, 247, .3);
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  padding: 4px 12px;
  font-weight: 600;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__aiTagDot {
  background: #a855f7;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__aiPulse;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__aiPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(.8);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__aiText {
  font-size: var(--text-md, 15px);
  color: rgba(255, 255, 255, .85);
  text-align: right;
  direction: rtl;
  line-height: 1.8;
}

.WeeklyWrapWidget-module__GZ4Yla__aiCursor {
  vertical-align: text-bottom;
  background: #a855f7;
  width: 2px;
  height: 18px;
  margin-left: 2px;
  animation: .8s step-end infinite WeeklyWrapWidget-module__GZ4Yla__cursorBlink;
  display: inline-block;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__cursorBlink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoading {
  color: rgba(255, 255, 255, .5);
  font-size: var(--text-sm, 13px);
  align-items: center;
  gap: 12px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoadingDots {
  gap: 4px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoadingDot {
  background: #a855f7;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.4s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__dotBounce;
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoadingDot:first-child {
  animation-delay: 0s;
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoadingDot:nth-child(2) {
  animation-delay: .16s;
}

.WeeklyWrapWidget-module__GZ4Yla__aiLoadingDot:nth-child(3) {
  animation-delay: .32s;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__dotBounce {
  0%, 80%, 100% {
    opacity: .4;
    transform: scale(.6);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__gradeContainer {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 12px 0;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__gradeCircle {
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__gradeCircleBg {
  border: 3px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__gradeCircleRing {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: var(--primary-color, #6366f1);
  border-right-color: var(--primary-color, #6366f1);
  border-radius: 50%;
  animation: 1.5s ease-out forwards WeeklyWrapWidget-module__GZ4Yla__gradeRingSpin;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__gradeRingSpin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(var(--grade-rotation, 324deg));
  }
}

.WeeklyWrapWidget-module__GZ4Yla__gradeLetter {
  background: linear-gradient(135deg, #fff, rgba(255, 255, 255, .8));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
}

.WeeklyWrapWidget-module__GZ4Yla__gradeScore {
  font-size: var(--text-sm, 13px);
  color: rgba(255, 255, 255, .5);
  font-weight: 500;
}

.WeeklyWrapWidget-module__GZ4Yla__gradeMessage {
  font-size: var(--text-md, 15px);
  color: rgba(255, 255, 255, .75);
  text-align: center;
  direction: rtl;
  max-width: 320px;
  line-height: 1.6;
}

.WeeklyWrapWidget-module__GZ4Yla__introDateRange {
  font-size: var(--text-sm, 13px);
  color: rgba(255, 255, 255, .7);
  font-variant-numeric: tabular-nums;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 6px 14px;
  display: inline-flex;
}

.WeeklyWrapWidget-module__GZ4Yla__introIcon {
  filter: drop-shadow(0 0 20px rgba(99, 102, 241, .5));
  margin-bottom: 12px;
  font-size: 48px;
}

.WeeklyWrapWidget-module__GZ4Yla__controlButton {
  z-index: 15;
  color: rgba(255, 255, 255, .6);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .1);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  transition: background .2s, color .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 20px;
}

.WeeklyWrapWidget-module__GZ4Yla__controlButton:hover {
  color: #fff;
  background: rgba(255, 255, 255, .2);
}

.WeeklyWrapWidget-module__GZ4Yla__closeButton {
  z-index: 15;
  color: rgba(255, 255, 255, .6);
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .1);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  transition: background .2s, color .2s;
  display: flex;
  position: absolute;
  top: 16px;
  left: 20px;
}

.WeeklyWrapWidget-module__GZ4Yla__closeButton:hover {
  color: #fff;
  background: rgba(255, 255, 255, .2);
}

.WeeklyWrapWidget-module__GZ4Yla__teaserCard {
  text-align: right;
  cursor: pointer;
  direction: rtl;
  background: linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(30, 41, 59, .88));
  border-radius: 20px;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 20px 24px;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px rgba(255, 255, 255, .08);
}

.WeeklyWrapWidget-module__GZ4Yla__teaserCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .12), inset 0 1px rgba(255, 255, 255, .1);
}

.WeeklyWrapWidget-module__GZ4Yla__teaserGradient {
  pointer-events: none;
  background: linear-gradient(270deg, rgba(99, 102, 241, .15), rgba(168, 85, 247, .1), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.WeeklyWrapWidget-module__GZ4Yla__teaserIcon {
  z-index: 2;
  background: linear-gradient(135deg, rgba(99, 102, 241, .25), rgba(168, 85, 247, .2));
  border: 1px solid rgba(99, 102, 241, .3);
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 22px;
  display: flex;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__teaserContent {
  z-index: 2;
  flex: 1;
  min-width: 0;
  position: relative;
}

.WeeklyWrapWidget-module__GZ4Yla__teaserTitle {
  font-size: var(--text-md, 15px);
  color: #fff;
  margin-bottom: 2px;
  font-weight: 700;
}

.WeeklyWrapWidget-module__GZ4Yla__teaserSubtitle {
  font-size: var(--text-sm, 13px);
  color: rgba(255, 255, 255, .5);
}

.WeeklyWrapWidget-module__GZ4Yla__teaserArrow {
  color: rgba(255, 255, 255, .4);
  z-index: 2;
  flex-shrink: 0;
  font-size: 20px;
  animation: 2s ease-in-out infinite WeeklyWrapWidget-module__GZ4Yla__arrowPulse;
  position: relative;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__arrowPulse {
  0%, 100% {
    opacity: .4;
    transform: translateX(0);
  }

  50% {
    opacity: .8;
    transform: translateX(4px);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__confetti {
  z-index: 6;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.WeeklyWrapWidget-module__GZ4Yla__confettiPiece {
  border-radius: 2px;
  width: 8px;
  height: 8px;
  animation: 3s ease-out forwards WeeklyWrapWidget-module__GZ4Yla__confettiFall;
  position: absolute;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__confettiFall {
  0% {
    opacity: 1;
    transform: translateY(-20px)rotate(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(500px)rotate(720deg)scale(.3);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__loadingContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 120px;
  display: flex;
}

.WeeklyWrapWidget-module__GZ4Yla__loadingSpinner {
  border: 3px solid rgba(255, 255, 255, .1);
  border-top-color: var(--primary-color, #6366f1);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .8s linear infinite WeeklyWrapWidget-module__GZ4Yla__spin;
}

@keyframes WeeklyWrapWidget-module__GZ4Yla__spin {
  to {
    transform: rotate(360deg);
  }
}

.WeeklyWrapWidget-module__GZ4Yla__loadingText {
  font-size: var(--text-sm, 13px);
  color: rgba(255, 255, 255, .4);
}

@media (max-width: 768px) {
  .WeeklyWrapWidget-module__GZ4Yla__weeklyWrap {
    z-index: 9999;
    background: linear-gradient(135deg, #0f172a, #1e293b, #0f172a);
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-height: 100dvh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .WeeklyWrapWidget-module__GZ4Yla__navHintOverlay {
    border-radius: 0;
  }

  .WeeklyWrapWidget-module__GZ4Yla__teaserCard {
    min-height: 120px;
    padding: 36px 24px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__closeButton {
    top: calc(16px + env(safe-area-inset-top, 0px));
    left: 16px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__progressContainer {
    padding-top: calc(16px + env(safe-area-inset-top, 0px));
    padding-left: 48px;
    padding-right: 16px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__sceneContainer {
    padding: 20px 20px 24px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__heroNumber {
    font-size: 56px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__highlightGrid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__highlightCard {
    padding: 12px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__donutContainer {
    flex-direction: column;
    align-items: center;
  }

  .WeeklyWrapWidget-module__GZ4Yla__miniChart {
    height: 80px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__gradeCircle {
    width: 120px;
    height: 120px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__gradeLetter {
    font-size: 40px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__introIcon {
    font-size: 36px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__orb1, .WeeklyWrapWidget-module__GZ4Yla__orb2, .WeeklyWrapWidget-module__GZ4Yla__orb3 {
    filter: blur(60px);
  }

  .WeeklyWrapWidget-module__GZ4Yla__orb1 {
    width: 200px;
    height: 200px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__orb2 {
    width: 150px;
    height: 150px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__orb3 {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 480px) {
  .WeeklyWrapWidget-module__GZ4Yla__heroNumber {
    font-size: 44px;
  }

  .WeeklyWrapWidget-module__GZ4Yla__highlightGrid {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=_ae8288d3._.css.map*/