@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;500;700&display=swap";
/* [project]/src/styles/globals.css [client] (css) */
@font-face {
  font-family: DIN Alternate;
  font-style: normal;
  font-weight: normal;
  src: local(DIN Alternate Bold), url("/fonts/DINAlternate-Bold.woff") format("woff");
}

*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  font-family: var(--font-primary) !important;
}

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), var(--glass-bg);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .2), inset 0 -1px rgba(0, 0, 0, .08);
}

::-webkit-scrollbar-thumb {
  background: radial-gradient(140% 140% at 30% 25%, color-mix(in srgb, var(--primary-color) 45%, rgba(255, 255, 255, .4)), color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .15)) 60%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .22)), color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 6px rgba(0, 0, 0, .15), 0 0 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  -webkit-backdrop-filter: blur(6px) saturate(140%);
  backdrop-filter: blur(6px) saturate(140%);
  border-radius: 9999px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
}

::-webkit-scrollbar-thumb:hover {
  background: radial-gradient(140% 140% at 30% 25%, color-mix(in srgb, var(--primary-color) 60%, rgba(255, 255, 255, .5)), color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .22)) 60%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 45%, rgba(255, 255, 255, .28)), color-mix(in srgb, var(--primary-color) 28%, rgba(255, 255, 255, .12)));
  border-color: color-mix(in srgb, var(--primary-color) 40%, rgba(255, 255, 255, .3));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 3px 10px rgba(0, 0, 0, .22), 0 0 18px color-mix(in srgb, var(--primary-color) 35%, transparent);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  backdrop-filter: blur(8px) saturate(160%);
  transform: scale(1.05);
}

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 55%, rgba(255, 255, 255, .24)), color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .08)));
  border-color: color-mix(in srgb, var(--primary-color) 50%, rgba(255, 255, 255, .35));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 8px rgba(0, 0, 0, .28), 0 0 24px color-mix(in srgb, var(--primary-color) 45%, transparent);
  transform: scale(.98);
}

::-webkit-scrollbar-corner {
  background: none;
}

html, .sidebar, .menuContainer, .mainContent {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary-color) 40%, rgba(255, 255, 255, .35)) rgba(0, 0, 0, .08);
}

@media (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb {
    -webkit-backdrop-filter: blur(4px) saturate(130%);
    backdrop-filter: blur(4px) saturate(130%);
  }
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="button"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="reset"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 3.9%;
  --primary: 0 0% 9%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 0 0% 9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 0 0% 96.1%;
  --accent-foreground: 0 0% 9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 89.8%;
  --input: 0 0% 89.8%;
  --ring: 0 0% 3.9%;
  --chart-1: 12 76% 61%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
  --radius: .5rem;
  --font-primary: "Noto Sans Hebrew", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --cartech-primary: #222a36;
  --cartech-primary-light: #3d5a80;
  --cartech-accent: #f59e0b;
  --cartech-text: #f9fafb;
  --z-behind: -1;
  --z-base: 1;
  --z-above: 2;
  --z-sticky: 10;
  --z-raised: 20;
  --z-dropdown: 100;
  --z-popover: 200;
  --z-tooltip: 300;
  --z-floating-btn: 500;
  --z-bottom-nav: 800;
  --z-sidebar: 900;
  --z-header: 1000;
  --z-mobile-sidebar-overlay: 1050;
  --z-mobile-sidebar: 1100;
  --z-mobile-nav: 1150;
  --z-mobile-panel: 1200;
  --z-mobile-filters-overlay: 1250;
  --z-mobile-filters-panel: 1300;
  --z-action-menu: 1400;
  --z-overlay: 5000;
  --z-modal: 5001;
  --z-overlay-nested: 5100;
  --z-modal-nested: 5101;
  --z-overlay-form: 5199;
  --z-modal-form: 5200;
  --z-modal-select: 5300;
  --z-image-preview: 5400;
  --z-image-editor: 5500;
  --z-datepicker: 5600;
  --z-datepicker-overlay: 5599;
  --z-loading: 9000;
  --z-success-animation: 9500;
  --z-command-palette: 9600;
  --z-notification: 9800;
  --z-logout: 9900;
  --z-swal: 99999;
  --z-swal-popup: 100000;
}

@media (max-width: 768px) {
  :root {
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 22px;
    --text-2xl: 26px;
    --text-3xl: 32px;
  }
}

*, :before, :after {
  font-family: inherit;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-primary) !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.inset-0 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.left-\[50\%\] {
  left: 50%;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0;
}

.top-4 {
  top: 1rem;
}

.top-\[50\%\] {
  top: 50%;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-2 {
  margin-right: .5rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-3 {
  height: .75rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-8 {
  height: 2rem;
}

.h-\[300px\] {
  height: 300px;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.min-h-\[1\.8rem\] {
  min-height: 1.8rem;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1\/2 {
  width: 50%;
}

.w-16 {
  width: 4rem;
}

.w-3 {
  width: .75rem;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-full {
  width: 100%;
}

.min-w-full {
  min-width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.flex-shrink-0, .shrink-0 {
  flex-shrink: 0;
}

.border-collapse {
  border-collapse: collapse;
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.005\] {
  --tw-scale-x: 1.005;
  --tw-scale-y: 1.005;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: .25rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-md {
  border-radius: calc(var(--radius)  - 2px);
}

.rounded-sm {
  border-radius: calc(var(--radius)  - 4px);
}

.rounded-xl {
  border-radius: .75rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-r {
  border-right-width: 1px;
}

.border-dashed {
  border-style: dashed;
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity, 1));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: rgba(0, 0, 0, 0);
}

.border-t-transparent {
  border-top-color: rgba(0, 0, 0, 0);
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-black\/40 {
  background-color: rgba(0, 0, 0, .4);
}

.bg-black\/80 {
  background-color: rgba(0, 0, 0, .8);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity, 1));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity, 1));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity, 1));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity, 1));
}

.bg-border {
  background-color: hsl(var(--border));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 252, 231, var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(22, 163, 74, var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity, 1));
}

.bg-popover {
  background-color: hsl(var(--popover));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}

.bg-white\/60 {
  background-color: rgba(255, 255, 255, .6);
}

.bg-white\/70 {
  background-color: rgba(255, 255, 255, .7);
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(202, 138, 4, var(--tw-bg-opacity, 1));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(239, 246, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}

.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}

.object-cover {
  object-fit: cover;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-none {
  line-height: 1;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity, 1));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(22, 163, 74, var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity, 1));
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(234, 179, 8, var(--tw-text-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: .25;
}

.opacity-50 {
  opacity: .5;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid rgba(0, 0, 0, 0);
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-100 {
  transition-duration: .1s;
}

.duration-200 {
  transition-duration: .2s;
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.duration-100 {
  animation-duration: .1s;
}

.duration-200 {
  animation-duration: .2s;
}

.ease-in {
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

:root {
  --glass-bg: rgba(255, 255, 255, .16);
  --glass-border: rgba(255, 255, 255, .52);
  --glass-border-active: rgba(200, 200, 210, .6);
  --glass-shadow: 0 10px 30px rgba(0, 0, 0, .12);
  --glass-blur: 18px;
  --hairline: rgba(255, 255, 255, .35);
  --chip-bg: rgba(255, 255, 255, .18);
  --chip-text: rgba(0, 0, 0, .85);
  --text-primary: rgba(0, 0, 0, .92);
  --text-secondary: rgba(0, 0, 0, .62);
  --text-muted: #6b7280;
  --text-title: #0f0f10;
  --muted: rgba(0, 0, 0, .55);
  --title: #0f0f10;
  --ok: #16a34a;
  --warn: #f59e0b;
  --bad: #ef4444;
  --error-color: #ef4444;
  --success-color: #16a34a;
  --warning-color: #f59e0b;
  --info-color: #3b82f6;
  --glow-color: rgba(59, 130, 246, .5);
  --glow-color-brand: rgba(230, 140, 58, .35);
  --glow-color-neutral: rgba(0, 0, 0, .08);
  --glow-brand: color-mix(in srgb, var(--primary-color) 35%, transparent);
  --glow-brand-strong: color-mix(in srgb, var(--primary-color) 50%, transparent);
  --primary-color: #ff7b00;
  --primary-rgb: 255, 123, 0;
  --secondary-color: #1f2937;
  --accent-color: #d5eafc;
  --hover-color: #f8d6b6;
  --brand-gradient: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 80%, white) 50%, color-mix(in srgb, var(--primary-color) 60%, white) 100%);
  --brand-gradient-text: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 70%, gold) 100%);
  --glass-gradient-primary: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .85)) 0%, rgba(255, 255, 255, .82) 50%, color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .85)) 100%);
  --glass-gradient-hover: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .9)) 0%, rgba(255, 255, 255, .88) 100%);
  --glass-shadow-multi: 0 4px 16px rgba(31, 38, 135, .12), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 0 60px color-mix(in srgb, var(--primary-color) 4%, transparent);
  --glass-shadow-hover: 0 6px 24px rgba(31, 38, 135, .16), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .7);
  --glass-saturate: 160%;
  --secondary-gradient: linear-gradient(135deg, #1f2937, #131820);
  --system-primary: #3b82f6;
  --system-secondary: #8b5cf6;
  --system-accent: #06b6d4;
  --system-success: #10b981;
  --system-warning: #f59e0b;
  --system-error: #ef4444;
  --system-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #06b6d4 100%);
  --system-gradient-secondary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #22d3ee 100%);
  --system-gradient-hero: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #06b6d4 100%);
  --system-glow: rgba(59, 130, 246, .3);
  --system-glow-strong: rgba(59, 130, 246, .5);
  --system-glow-accent: rgba(6, 182, 212, .3);
  --font-size-1-mini: 10px;
  --font-size-1-mini-mobile: 7px;
  --font-size-1-mobile: 8px;
  --font-size-1: 10px;
  --font-size-2: 12px;
  --font-size-3: 14px;
  --font-size-4: 18px;
  --font-size-5: 26px;
  --font-size-input: 16px;
  --field-height-sm: 32px;
  --field-height: 44px;
  --field-height-lg: 52px;
  --field-padding-sm: 0 8px;
  --field-padding: 0 10px;
  --field-padding-lg: 0 14px;
  --field-font-size-sm: var(--text-sm);
  --field-font-size: var(--text-md);
  --field-font-size-lg: var(--text-lg);
  --font-weight-1: 400;
  --font-weight-2: 500;
  --font-weight-3: 600;
  --font-weight-4: 700;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --page-padding-desktop: 20px;
  --page-padding-tablet: 16px;
  --page-padding-mobile: 16px;
  --widget-padding-desktop: 20px;
  --widget-padding-mobile: 16px;
  --widget-gap-desktop: 12px;
  --widget-gap-mobile: 8px;
  --page-gap-desktop: 20px;
  --page-gap-tablet: 16px;
  --page-gap-mobile: 12px;
  --page-main-gap-desktop: 20px;
  --page-main-gap-tablet: 16px;
  --page-main-gap-mobile: 16px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary-color) 35%, transparent);
  --focus-ring-neutral: 0 0 0 3px color-mix(in srgb, var(--glow-color-neutral) 65%, transparent);
  --transition-fast: .12s;
  --transition-normal: .18s;
  --transition-slow: .22s;
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --background-light: #f0f9ff;
  --background-dark: #111827;
  --text-dark: #1a202c;
  --text-light: #f8fafc;
  --border-color: #d1d5db;
  --shadow-color: rgba(0, 0, 0, .1);
  --line-height: 1.5;
  --button-padding: 10px 16px;
  --button-border-radius: var(--border-radius-md);
  --button-font-size: var(--font-size-base);
  --transition-speed: .2s;
  --shadow-sm: 0 1px 3px var(--shadow-color);
  --shadow-md: 0 3px 6px var(--shadow-color);
  --shadow-lg: 0 5px 10px var(--shadow-color);
  --row-h: 172px;
  --car-col-w: 240px;
  --actions-col-w: 150px;
  --opt-w: 188px;
  --opt-gap: 12px;
}

[data-theme="dark"] {
  --glass-bg: rgba(30, 41, 59, .85);
  --glass-border: rgba(255, 255, 255, .12);
  --glass-border-active: rgba(255, 255, 255, .22);
  --glass-shadow: 0 10px 30px rgba(0, 0, 0, .4);
  --hairline: rgba(255, 255, 255, .15);
  --chip-bg: rgba(255, 255, 255, .08);
  --chip-text: rgba(255, 255, 255, .9);
  --text-primary: rgba(255, 255, 255, .95);
  --text-secondary: rgba(255, 255, 255, .7);
  --text-muted: rgba(255, 255, 255, .5);
  --text-title: #f1f5f9;
  --muted: 217.2 32.6% 17.5%;
  --title: #f1f5f9;
  --glow-color-neutral: rgba(255, 255, 255, .08);
  --glass-gradient-primary: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .9)) 0%, rgba(30, 41, 59, .85) 50%, color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .9)) 100%);
  --glass-gradient-hover: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .95)) 0%, rgba(30, 41, 59, .9) 100%);
  --glass-shadow-multi: 0 4px 16px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 60px color-mix(in srgb, var(--primary-color) 6%, transparent);
  --glass-shadow-hover: 0 6px 24px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .15);
  --background-light: #0f172a;
  --background-dark: #020617;
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 222.2 84% 4.9%;
  --card-foreground: 210 40% 98%;
  --popover: 222.2 84% 4.9%;
  --popover-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --border-color: rgba(255, 255, 255, .15);
  --shadow-color: rgba(0, 0, 0, .4);
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --bg-input: rgba(30, 41, 59, .8);
  --bg-secondary: rgba(30, 41, 59, .6);
  --bg-hover: rgba(255, 255, 255, .08);
  --bg-card: rgba(30, 41, 59, .9);
}

[data-theme="dark"] body {
  background-color: #0f172a;
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, color-mix(in srgb, var(--primary-color) 15%, transparent), transparent), linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: linear-gradient(rgba(30, 41, 59, .9), rgba(15, 23, 42, .95));
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .05);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 50%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 35%, rgba(30, 41, 59, .8)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 40%, rgba(255, 255, 255, .15));
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 2px 6px rgba(0, 0, 0, .4);
}

.m-0 {
  margin: 0;
}

.m-sm {
  margin: var(--spacing-sm);
}

.m-md {
  margin: var(--spacing-md);
}

.m-lg {
  margin: var(--spacing-lg);
}

.p-0 {
  padding: 0;
}

.p-sm {
  padding: var(--spacing-sm);
}

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

.p-lg {
  padding: var(--spacing-lg);
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(21, 128, 61, var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50\/40:hover {
  background-color: rgba(238, 242, 255, .4);
}

.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgba(191, 219, 254, var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid rgba(0, 0, 0, 0);
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity, 1));
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.dark\:bg-slate-700\/40:is(.dark *) {
  background-color: rgba(51, 65, 85, .4);
}

@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:text-left {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: .75rem;
  line-height: 1rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
  padding-top: 0;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.select__menu-portal {
  z-index: var(--z-datepicker) !important;
}

div[class*="select__menu-portal"] div[class*="select__menu"], .select__menu-portal > div[class*="menu"], .select__menu-portal .select__menu, .select__menu-portal .select__menu-list, div.select__menu-portal div.select__menu, div.select__menu-portal div.select__menu-list, [class*="select__menu-portal"] [class*="menu"][style], [class*="select__menu-portal"] [class*="MenuList"][style] {
  background: none !important;
}

.select__menu-portal .select__menu {
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .3));
  box-shadow: 0 16px 48px rgba(0, 0, 0, .18), 0 8px 24px color-mix(in srgb, var(--primary-color) 12%, transparent), 0 4px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  -webkit-backdrop-filter: blur(32px) saturate(180%) brightness(1.05) !important;
  background: none !important;
}

@keyframes menuSlideIn {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.96);
  }

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

@keyframes menuSlideUp {
  from {
    opacity: 0;
    transform: translateY(8px)scale(.96);
  }

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

.select__menu-portal .select__indicator-separator, .select__indicator-separator {
  width: 0 !important;
  margin: 0 !important;
  display: none !important;
}

.select__menu-portal .select__indicators, .select__indicators {
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.select__menu-portal .select__dropdown-indicator, .select__dropdown-indicator {
  cursor: pointer;
  color: var(--primary-color) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .35)) 0%, color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .25)) 100%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(130%) !important;
  height: 100% !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 color-mix(in srgb, var(--primary-color) 10%, transparent) !important;
  border: none !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-self: stretch !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 10px !important;
  transition: all .18s cubic-bezier(.4, 0, .2, 1) !important;
  display: flex !important;
}

.select__menu-portal .select__dropdown-indicator svg, .select__dropdown-indicator svg {
  vertical-align: middle !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.select__menu-portal .select__dropdown-indicator:hover, .select__dropdown-indicator:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .45)) 0%, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .35)) 100%) !important;
  border-left-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .3)) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .35), inset -1px 0 0 color-mix(in srgb, var(--primary-color) 15%, transparent) !important;
}

.select__control--menu-is-open .select__dropdown-indicator {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .5)) 0%, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .4)) 100%) !important;
  border-left-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .35)) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 color-mix(in srgb, var(--primary-color) 20%, transparent) !important;
  transform: rotate(180deg) !important;
}

.select__menu-portal .select__menu-list {
  contain: layout;
  padding: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  background: none !important;
}

.select__menu-portal .select__menu-list::-webkit-scrollbar {
  width: 10px;
}

.select__menu-portal .select__menu-list::-webkit-scrollbar-track {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: linear-gradient(rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border-radius: 10px;
}

.select__menu-portal .select__menu-list::-webkit-scrollbar-thumb {
  background: radial-gradient(140% 140% at 30% 25%, color-mix(in srgb, var(--primary-color) 42%, rgba(255, 255, 255, .38)), color-mix(in srgb, var(--primary-color) 24%, rgba(255, 255, 255, .14)) 60%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 32%, rgba(255, 255, 255, .2)), color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08)));
  border: 1px solid color-mix(in srgb, var(--primary-color) 28%, rgba(255, 255, 255, .18));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), 0 2px 5px rgba(0, 0, 0, .14), 0 0 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  -webkit-backdrop-filter: blur(5px) saturate(135%);
  backdrop-filter: blur(5px) saturate(135%);
  border-radius: 9999px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
}

.select__menu-portal .select__menu-list::-webkit-scrollbar-thumb:hover {
  background: radial-gradient(140% 140% at 30% 25%, color-mix(in srgb, var(--primary-color) 58%, rgba(255, 255, 255, .48)), color-mix(in srgb, var(--primary-color) 34%, rgba(255, 255, 255, .2)) 60%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 42%, rgba(255, 255, 255, .26)), color-mix(in srgb, var(--primary-color) 28%, rgba(255, 255, 255, .12)));
  border-color: color-mix(in srgb, var(--primary-color) 38%, rgba(255, 255, 255, .28));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 3px 9px rgba(0, 0, 0, .2), 0 0 16px color-mix(in srgb, var(--primary-color) 30%, transparent);
  -webkit-backdrop-filter: blur(6px) saturate(155%);
  backdrop-filter: blur(6px) saturate(155%);
  transform: scale(1.06);
}

.select__menu-portal .select__option {
  color: var(--text-primary);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-backdrop-filter: blur(8px);
  contain: layout style paint;
  box-sizing: border-box;
  background: rgba(255, 255, 255, .15);
  border-radius: 8px;
  min-height: 38px;
  margin: 2px 0;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  transition: all .12s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

.select__menu-portal .select__option:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .25)), rgba(255, 255, 255, .2));
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .25);
}

.select__menu-portal .select__option--is-focused {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .28)), rgba(255, 255, 255, .22));
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .3);
}

.select__menu-portal .select__option--is-selected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .32)) 0%, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .28)) 100%);
  color: var(--text-primary);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 2px 0 0 var(--primary-color);
  font-weight: 400;
}

.select__menu-portal .select__option--is-selected:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .38)) 0%, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .32)) 100%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.select__menu-portal .select__option:active {
  transition-duration: 60ms;
  transform: scale(.99);
}

.select__menu-portal .select__option--is-disabled {
  opacity: .4;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .select__menu-portal .select__menu {
    padding: 6px;
  }

  .select__menu-portal .select__option {
    font-size: var(--font-size-2);
    padding: 14px;
  }
}

.rtl-popup {
  text-align: right;
  direction: rtl;
}

.edit-point-marker {
  background: none !important;
  border: none !important;
}

.edit-marker-inner {
  color: #fff;
  cursor: grab;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: 3px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

.edit-marker-inner:hover {
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(59, 130, 246, .5);
}

.edit-marker-inner:active {
  cursor: grabbing;
  transform: scale(1.1);
}

.edit-marker-inner.center {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  font-size: 14px;
}

.add-point-marker {
  background: none !important;
  border: none !important;
}

.add-marker-inner {
  color: #fff;
  cursor: pointer;
  opacity: .7;
  background: rgba(34, 197, 94, .9);
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 16px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}

.add-marker-inner:hover {
  opacity: 1;
  transform: scale(1.2);
  box-shadow: 0 3px 10px rgba(34, 197, 94, .5);
}

@media (max-width: 768px) {
  .hide-text-mobile {
    gap: 0 !important;
    min-width: auto !important;
    padding: .5rem !important;
  }

  .hide-text-mobile > span:not(:first-child) {
    display: none !important;
  }
}

/* [project]/src/styles/general.css [client] (css) */
body.mobile-filters-open [class*="MobileFloatingNav"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
}

.GlassBase {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: var(--glass-shadow);
}

.cardTableCustom {
  font-size: var(--font-size-2);
  text-align: center;
  min-width: 30px;
  color: var(--text-primary);
  border-radius: var(--border-radius-md);
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--accent-color) 75%, white 25%), color-mix(in srgb, var(--accent-color) 55%, white 45%));
  border: 1px solid color-mix(in srgb, var(--accent-color) 50%, transparent);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--glow-color-neutral) 34%, transparent);
  padding: 6px 8px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.cardTableCustom:hover {
  box-shadow: 0 10px 24px color-mix(in srgb, var(--glow-color-brand) 35%, transparent);
  transform: translateY(-1px);
}

.tdTitleCustom {
  font-size: var(--font-size-2);
  color: var(--text-secondary);
  font-weight: 600;
}

.tdCustom {
  font-size: var(--font-size-1);
  color: var(--text-primary);
}

.Button1, .ButtonSecondary, .BtnCancel, .ButtonRed, .ButtonSuccess, .ButtonInfo {
  border-radius: var(--border-radius-xl);
  letter-spacing: .2px;
  cursor: pointer;
  height: 48px;
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease, filter var(--transition-fast) ease, background var(--transition-normal) ease;
  -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: 4px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.Button1 {
  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);
}

.Button1:hover {
  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);
}

.Button1:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.Button1: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);
  outline: none;
}

.ButtonSecondary {
  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);
}

.ButtonSecondary:hover {
  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);
}

.ButtonSecondary:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.ButtonSecondary: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);
  outline: none;
}

.Button1:disabled, .Button1[disabled], .ButtonSecondary:disabled, .ButtonSecondary[disabled], .BtnCancel:disabled, .BtnCancel[disabled] {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.Button1:disabled:hover, .Button1[disabled]:hover, .ButtonSecondary:disabled:hover, .ButtonSecondary[disabled]:hover, .BtnCancel:disabled:hover, .BtnCancel[disabled]:hover {
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.BtnCancel {
  color: var(--text-primary);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, var(--glass-bg)) 0%, color-mix(in srgb, var(--primary-color) 8%, var(--glass-bg)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  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);
}

.BtnCancel:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, var(--glass-bg)) 0%, color-mix(in srgb, var(--primary-color) 12%, var(--glass-bg)) 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));
  transform: translateY(-1px);
}

.BtnCancel: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);
  outline: none;
}

.BtnCancel.active, .BtnCancel.selected, .BtnCancel[data-active="true"], .BtnCancel[aria-pressed="true"] {
  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) 60%, 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);
}

.BtnCancel.active:hover, .BtnCancel.selected:hover, .BtnCancel[data-active="true"]:hover, .BtnCancel[aria-pressed="true"]:hover {
  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);
}

.ButtonRed {
  color: #fff;
  background: linear-gradient(135deg, #f15757 0%, #e14747 100%);
  border: 1px solid rgba(239, 68, 68, .5);
  font-weight: 700;
  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);
}

.ButtonRed:hover {
  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);
}

.ButtonRed:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.ButtonRed:focus-visible {
  outline: none;
  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);
}

.ButtonSuccess {
  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);
  font-weight: 500;
}

.ButtonSuccess:hover {
  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);
}

.ButtonSuccess:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.ButtonSuccess: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);
  outline: none;
}

.ButtonSuccess:disabled, .ButtonSuccess[disabled] {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.ButtonInfo {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-info, #3b82f6) 90%, white 10%) 0%, color-mix(in srgb, var(--color-info-dark, #2563eb) 85%, white 15%) 100%);
  border: 1px solid color-mix(in srgb, var(--color-info, #3b82f6) 50%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--color-info, #3b82f6) 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);
  font-weight: 500;
}

.ButtonInfo:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-info, #3b82f6) 93%, white 7%) 0%, color-mix(in srgb, var(--color-info-dark, #2563eb) 90%, white 10%) 100%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-info, #3b82f6) 35%, transparent), 0 4px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: translateY(-1px);
}

.ButtonInfo:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.ButtonInfo:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-info, #3b82f6) 45%, transparent), 0 8px 24px color-mix(in srgb, var(--color-info, #3b82f6) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  outline: none;
}

.ButtonInfo:disabled, .ButtonInfo[disabled] {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.Label1 {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  font-weight: var(--font-weight-1);
  display: block;
}

.Input1, .select__control, .Select1, .TextArea1, .Date1, input[type="date"].Date1, input[type="time"].Date1, input[type="datetime-local"].Date1 {
  width: 100%;
  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);
  transition: border var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background var(--transition-normal) ease, transform var(--transition-fast) ease;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--text-md);
  text-align: right;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.Input1, .Select1 {
  height: var(--field-height);
  padding: var(--field-padding);
  align-items: center;
  display: flex;
}

.Date1, .Input1[type="date"], .Input1[type="time"], .Input1[type="datetime-local"], input[type="date"], input[type="time"], input[type="datetime-local"] {
  height: var(--field-height);
  padding: var(--field-padding);
  direction: ltr;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .6;
  flex-shrink: 0;
  margin: 0 0 0 6px;
  transition: opacity .2s;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .6;
  flex-shrink: 0;
  margin: 0 0 0 6px;
  transition: opacity .2s;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .6;
  flex-shrink: 0;
  margin: 0 0 0 6px;
  transition: opacity .2s;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="time"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="date"]::-webkit-datetime-edit {
  flex: none;
  margin: 0;
  padding: 0;
}

input[type="time"]::-webkit-datetime-edit {
  flex: none;
  margin: 0;
  padding: 0;
}

input[type="datetime-local"]::-webkit-datetime-edit {
  flex: none;
  margin: 0;
  padding: 0;
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  margin: 0;
  padding: 0;
}

input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  margin: 0;
  padding: 0;
}

input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper {
  margin: 0;
  padding: 0;
}

.Input1[data-size="sm"], .Select1[data-size="sm"], .select__control[data-size="sm"], .Date1[data-size="sm"], .Input1[type="date"][data-size="sm"], .Input1[type="time"][data-size="sm"], .Input1[type="datetime-local"][data-size="sm"], input[type="date"][data-size="sm"], input[type="time"][data-size="sm"], input[type="datetime-local"][data-size="sm"] {
  height: var(--field-height-sm);
  padding: var(--field-padding-sm);
  font-size: var(--field-font-size-sm);
}

.TextArea1[data-size="sm"] {
  font-size: var(--field-font-size-sm);
  min-height: 60px;
  padding: 6px 8px;
}

.Label1[data-size="sm"] {
  font-size: var(--text-xs);
}

.Input1[data-size="lg"], .Select1[data-size="lg"], .select__control[data-size="lg"], .Date1[data-size="lg"], input[type="date"][data-size="lg"], input[type="time"][data-size="lg"], input[type="datetime-local"][data-size="lg"] {
  height: var(--field-height-lg);
  padding: var(--field-padding-lg);
  font-size: var(--field-font-size-lg);
}

.TextArea1[data-size="lg"] {
  font-size: var(--field-font-size-lg);
  min-height: 120px;
  padding: 12px 14px;
}

.Label1[data-size="lg"] {
  font-size: var(--text-md);
}

.TextArea1 {
  padding: 8px 10px;
}

.Input1:hover, .Select1:hover, .select__control:hover, .TextArea1:hover, .Date1:hover, input[type="date"].Date1:hover, input[type="time"].Date1:hover, input[type="datetime-local"].Date1: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;
}

.Input1:focus, .Select1:focus, .select__control:focus, .TextArea1:focus, .Date1:focus, input[type="date"].Date1:focus, input[type="time"].Date1:focus, input[type="datetime-local"].Date1: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;
}

.Input1:focus-visible {
  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;
}

.Select1:focus-visible {
  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;
}

.select__control:focus-visible {
  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;
}

.TextArea1:focus-visible {
  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;
}

.Date1:focus-visible {
  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;
}

input[type="date"].Date1:focus-visible {
  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;
}

input[type="time"].Date1:focus-visible {
  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;
}

input[type="datetime-local"].Date1:focus-visible {
  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;
}

.Select1.select__control--is-focused, .Select1.select__control--is-focused:focus, .select__control.Select1.select__control--is-focused {
  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;
}

.Select1, .select__control {
  min-height: var(--field-height);
  height: var(--field-height);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.css-13cymwt-control {
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .85));
  border-radius: var(--border-radius-md) !important;
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border)) !important;
  background: var(--glass-bg) !important;
  box-shadow: none !important;
}

.css-t3ipsp-control:hover, .css-13cymwt-control:hover {
  border-color: color-mix(in srgb, var(--secondary-color) 36%, var(--glass-border)) !important;
}

.css-t3ipsp-control, .css-13cymwt-control--is-focused {
  outline: none;
  border-color: color-mix(in srgb, var(--primary-color) 55%, var(--secondary-color) 15%) !important;
  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 !important;
  background: color-mix(in srgb, var(--glass-bg) 75%, var(--accent-color) 25%) !important;
}

.TextArea1 {
  resize: vertical;
  height: 150px;
}

input[type="datetime-local"]::-webkit-datetime-edit {
  margin: 0;
  padding: 0;
  font-family: inherit;
}

input[type="date"], input[type="time"], input[type="datetime-local"] {
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  margin: 0;
  opacity: .6;
  padding: 2px;
  transition: opacity .2s;
}

input[type="date"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="date"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="date"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="date"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="date"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="date"]: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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  margin: 0;
  opacity: .6;
  padding: 2px;
  transition: opacity .2s;
}

input[type="time"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="time"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="time"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="time"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="time"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="time"]: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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  margin: 0;
  opacity: .6;
  padding: 2px;
  transition: opacity .2s;
}

input[type="datetime-local"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="datetime-local"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="datetime-local"]: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)))::-webkit-calendar-picker-indicator {
  margin-left: auto;
}

input[type="datetime-local"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="datetime-local"]:-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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="datetime-local"]: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))::-webkit-calendar-picker-indicator {
  margin-right: auto;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="time"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

input[type="date"][data-size="sm"]::-webkit-calendar-picker-indicator {
  width: 14px;
  height: 14px;
  padding: 1px;
}

input[type="time"][data-size="sm"]::-webkit-calendar-picker-indicator {
  width: 14px;
  height: 14px;
  padding: 1px;
}

input[type="datetime-local"][data-size="sm"]::-webkit-calendar-picker-indicator {
  width: 14px;
  height: 14px;
  padding: 1px;
}

input[type="date"][data-hide-picker="true"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="time"][data-hide-picker="true"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="datetime-local"][data-hide-picker="true"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="date"]::-webkit-datetime-edit {
  margin: 0;
  padding: 0;
  font-family: inherit;
}

input[type="time"]::-webkit-datetime-edit {
  margin: 0;
  padding: 0;
  font-family: inherit;
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

.LicensePlate {
  border-radius: var(--border-radius-sm);
  color: #1a1a1a;
  letter-spacing: .5px;
  -webkit-backdrop-filter: blur(8px) saturate(180%);
  width: -moz-fit-content;
  width: fit-content;
  height: 22px;
  font-weight: 400;
  font-size: var(--text-xs);
  direction: ltr;
  background: linear-gradient(135deg, rgba(214, 162, 3, .9) 0%, rgba(230, 185, 30, .85) 50%, rgba(214, 162, 3, .9) 100%);
  border: 1px solid rgba(214, 162, 3, .6);
  justify-content: center;
  align-items: center;
  padding: 5px 7px;
  display: inline-flex;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2), inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -1px 1px rgba(0, 0, 0, .2);
}

.LicensePlateSmall {
  height: 14px;
  font-size: var(--text-xs);
  padding: 3px 6px;
}

.carCategory {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  color: #fff;
  font-size: var(--text-sm);
  border-radius: var(--border-radius-sm);
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px;
  display: inline-flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.switch {
  cursor: pointer;
  width: 44px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  cursor: pointer;
  transition: background-color var(--transition-normal) ease, box-shadow var(--transition-normal) ease;
  pointer-events: none;
  background-color: #d4d4d4;
  border-radius: 999px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15), 0 6px 16px rgba(0, 0, 0, .08);
}

.slider:before {
  content: "";
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  width: 18px;
  height: 18px;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .75));
  transition: transform var(--transition-normal) ease;
  box-shadow: var(--glass-shadow);
  border-radius: 50%;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

input:checked + .slider {
  background-color: color-mix(in srgb, var(--primary-color) 85%, white 15%);
}

input:checked + .slider:before {
  transform: translateX(20px);
}

.ClickableBox {
  color: var(--primary-color);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  font-weight: 600;
  font-size: var(--font-size-2);
  cursor: pointer;
  transition: background var(--transition-normal) ease, transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease;
  text-align: center;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  padding: 5px 8px;
  display: inline-block;
}

.ClickableBox:hover {
  box-shadow: 0 12px 26px color-mix(in srgb, var(--glow-color-neutral) 45%, transparent);
  transform: translateY(-1px);
}

.ClickableBox:focus {
  box-shadow: var(--focus-ring);
  outline: none;
}

.InfoCardLiquidGlass {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, var(--glass-bg)) 0%, color-mix(in srgb, var(--primary-color) 3%, var(--glass-bg)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  border-radius: var(--border-radius-lg);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 8px 32px 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);
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.InfoCardLiquidGlass:before {
  content: "";
  background: radial-gradient(circle, color-mix(in srgb, var(--primary-color) 15%, transparent) 0%, transparent 70%);
  opacity: .5;
  pointer-events: none;
  width: 200%;
  height: 200%;
  animation: 8s ease-in-out infinite liquidFlow;
  position: absolute;
  top: -50%;
  left: -50%;
}

@keyframes liquidFlow {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(10%, 10%)scale(1.1);
  }
}

.InfoCardRow {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);
  transition: all var(--transition-normal) ease;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  display: flex;
  position: relative;
}

.InfoCardRow:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.InfoCardRow:first-child {
  padding-top: 0;
}

.InfoCardRow:hover {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 50%, transparent 100%);
  border-radius: var(--border-radius-md);
  padding-right: .5rem;
}

.InfoCardLabel {
  font-weight: 600;
  font-size: var(--font-size-3);
  color: var(--text-primary);
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.InfoCardValue {
  font-size: var(--font-size-3);
  color: var(--text-secondary);
  text-align: left;
  direction: ltr;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.InfoCardValue svg {
  color: var(--primary-color);
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color) 40%, transparent));
  flex-shrink: 0;
}

.Date1, input[type="date"].Date1, input[type="time"].Date1, input[type="datetime-local"].Date1 {
  min-width: 100%;
}

@media (max-width: 768px) {
  .LicensePlate, .carCategory {
    font-size: var(--font-size-1-mobile);
    height: 14px;
    padding: 2px 4px;
  }

  .Date1 {
    font-size: var(--text-md);
    height: 48px;
  }

  .TextArea1 {
    height: 150px;
  }

  .Button1, .BtnCancel, .ButtonRed {
    font-size: var(--text-md);
    height: 48px;
    padding: 0 10px;
  }

  .Input1, .Select1 {
    font-size: var(--text-md);
    height: 48px;
  }
}

@media (max-width: 480px) {
  .Button1, .BtnCancel, .ButtonRed {
    font-size: var(--text-md);
    height: 48px;
    padding: 0 8px;
  }

  .Input1, .Select1 {
    font-size: var(--text-md);
    height: 48px;
  }
}

body.hide-main-footer footer[data-main-footer="true"] {
  display: none !important;
}

.swal2-container, .swal2-overlay {
  z-index: var(--z-swal) !important;
}

.swal2-popup {
  z-index: var(--z-swal-popup) !important;
}

.swal2-title {
  text-align: center !important;
}

.swal2-html-container {
  text-align: right !important;
  direction: rtl !important;
}

.swal2-confirm {
  color: #fff;
  border-radius: var(--border-radius-xl);
  letter-spacing: .2px;
  cursor: pointer;
  height: 45px;
  font-weight: 600;
  font-size: var(--font-size-3);
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease, filter var(--transition-fast) ease, background var(--transition-normal) ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  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);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  display: inline-flex;
}

.swal2-confirm:hover {
  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);
}

.swal2-confirm:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.swal2-confirm: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);
  outline: none;
}

.swal2-deny {
  color: #fff;
  border-radius: var(--border-radius-xl);
  letter-spacing: .2px;
  cursor: pointer;
  height: 45px;
  font-weight: 600;
  font-size: var(--font-size-3);
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease, filter var(--transition-fast) ease, background var(--transition-normal) ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  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);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  display: inline-flex;
}

.swal2-deny:hover {
  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);
}

.swal2-deny:active {
  filter: brightness(.95);
  transform: translateY(0);
}

.swal2-deny: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);
  outline: none;
}

.swal2-cancel {
  color: var(--text-primary);
  border-radius: var(--border-radius-xl);
  letter-spacing: .2px;
  cursor: pointer;
  height: 45px;
  font-weight: 600;
  font-size: var(--font-size-3);
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease, filter var(--transition-fast) ease, background var(--transition-normal) ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, var(--glass-bg)) 0%, color-mix(in srgb, var(--primary-color) 8%, var(--glass-bg)) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, var(--glass-border));
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  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);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  display: inline-flex;
}

.swal2-cancel:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, var(--glass-bg)) 0%, color-mix(in srgb, var(--primary-color) 12%, var(--glass-bg)) 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));
  transform: translateY(-1px);
}

.swal2-cancel: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);
  outline: none;
}

.swal2-actions {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 8px;
  padding-top: 10px;
  display: flex;
}

.swal2-styled[disabled], .swal2-styled:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(8%);
  box-shadow: none !important;
  transform: none !important;
}

.CardOption {
  border: 1px solid color-mix(in srgb, var(--secondary-color) 22%, var(--glass-border));
  color: var(--text-primary);
  cursor: pointer;
  font-weight: 600;
  font-size: var(--font-size-2);
  transition: transform var(--transition-fast) ease, box-shadow var(--transition-normal) ease, background var(--transition-normal) ease, border-color var(--transition-fast) ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  display: inline-flex;
}

.CardOption:hover {
  box-shadow: 0 10px 22px color-mix(in srgb, var(--glow-color-neutral) 28%, transparent);
  transform: translateY(-1px);
}

.CardOption:focus-visible {
  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;
  outline: none;
}

.CardOption.selected {
  border: 2px solid var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 10%, var(--glass-bg));
}

.CardOptionLabel {
  display: inline-block;
}

.CardOptionHalo {
  pointer-events: none;
  border-radius: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-theme="dark"] .Button1 {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 35%, transparent), 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .15);
}

[data-theme="dark"] .ButtonSecondary {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--secondary-color) 35%, transparent), 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .15);
}

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

[data-theme="dark"] .BtnGhost:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .25);
}

[data-theme="dark"] .BtnCancel {
  color: var(--text-primary);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .2);
}

[data-theme="dark"] .BtnCancel:hover {
  background: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .cardTableCustom {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--accent-color) 45%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--accent-color) 30%, rgba(30, 41, 59, .85)));
  border: 1px solid color-mix(in srgb, var(--accent-color) 35%, transparent);
  color: var(--text-primary);
}

[data-theme="dark"] .GlassBase {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

[data-theme="dark"] .inputField, [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] input[type="date"], [data-theme="dark"] textarea, [data-theme="dark"] select {
  color: var(--text-primary);
  background: rgba(30, 41, 59, .7);
  border-color: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .inputField:focus, [data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus, [data-theme="dark"] select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

[data-theme="dark"] .inputField::placeholder, [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder {
  color: rgba(255, 255, 255, .4);
}

[data-theme="dark"] .CardOption {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .CardOption:hover {
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .3);
}

[data-theme="dark"] .CardOption.selected {
  background: color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .9));
}

/* [project]/src/styles/Layout.css [client] (css) */
.layoutContainer {
  height: 100vh;
  flex-direction: column;
  height: 100dvh;
  display: flex;
  overflow: hidden;
}

.layoutBody {
  --sidebar-width: 250px;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.mainContent {
  flex-direction: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .mainContent {
    margin-right: 0;
  }
}

.mainContentInner {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.footerSpacer {
  width: 100%;
  height: calc(72px + env(safe-area-inset-bottom, 0px));
  flex-shrink: 0;
}

@media (min-width: 1025px) {
  .footerSpacer {
    display: none;
  }
}

.header {
  background-color: var(--header-background, #fff);
  width: 100%;
  height: 60px;
  z-index: var(--z-header);
  box-shadow: var(--box-shadow);
  position: fixed;
  top: 0;
  left: 0;
}

body, html {
  font-family: var(--font-family);
  height: 100%;
  margin: 0;
  padding: 0;
}

.sidebarOverlay {
  -webkit-backdrop-filter: blur(4px);
  z-index: var(--z-mobile-sidebar-overlay);
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .35));
  transition: opacity .35s cubic-bezier(.4, 0, .2, 1);
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0;
}

.sidebarOverlay.open {
  opacity: 1;
  pointer-events: auto;
}

/* [project]/src/styles/inspection-shared.css [client] (css) */
.inspectionCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .85)) 0%, rgba(255, 255, 255, .75) 50%, color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .8)) 100%);
  -webkit-backdrop-filter: blur(var(--glass-blur, 18px)) saturate(var(--glass-saturate, 180%));
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .5));
  box-shadow: 0 10px 40px rgba(0, 0, 0, .08), 0 4px 12px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(0, 0, 0, .04);
  transition: all var(--transition-normal, .18s) cubic-bezier(.4, 0, .2, 1);
  border-radius: 20px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.inspectionCard:before {
  content: "";
  background: linear-gradient(45deg, transparent 30%, color-mix(in srgb, var(--primary-color) 4%, transparent) 50%, transparent 70%);
  pointer-events: none;
  opacity: .7;
  width: 200%;
  height: 200%;
  animation: 8s linear infinite inspectionShimmer;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: rotate(45deg);
}

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

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

.inspectionCard:hover {
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .5));
  box-shadow: 0 14px 48px rgba(0, 0, 0, .1), 0 6px 18px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(0, 0, 0, .04);
}

.inspectionCardHeader {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 10%, rgba(226, 232, 240, .6));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  display: flex;
}

.inspectionCardTitle {
  color: var(--text-primary, #0f0f10);
  letter-spacing: -.01em;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 900;
  display: flex;
}

.inspectionCardIcon {
  background: var(--brand-gradient);
  color: #fff;
  width: 38px;
  height: 38px;
  box-shadow: 0 4px 12px var(--glow-brand);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inspectionSectionTitle {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-secondary, rgba(0, 0, 0, .62));
  background: color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .7));
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, rgba(226, 232, 240, .8));
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  padding: 4px 10px;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.inspectionInput {
  width: 100%;
  color: var(--text-primary);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 12%, rgba(226, 232, 240, .8));
  -webkit-backdrop-filter: blur(8px);
  transition: all var(--transition-fast, .12s) cubic-bezier(.4, 0, .2, 1);
  background: rgba(255, 255, 255, .7);
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 1rem;
  font-weight: 600;
}

.inspectionInput:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent), 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent);
  background: rgba(255, 255, 255, .9);
  outline: none;
}

.inspectionInput::placeholder {
  color: var(--text-muted, rgba(0, 0, 0, .45));
  font-weight: 500;
}

.inspectionInput:-moz-read-only {
  color: var(--text-secondary);
  cursor: default;
  background: rgba(248, 250, 252, .7);
}

.inspectionInput:read-only {
  color: var(--text-secondary);
  cursor: default;
  background: rgba(248, 250, 252, .7);
}

.inspectionBtnPrimary {
  cursor: pointer;
  background: var(--brand-gradient);
  color: #fff;
  box-shadow: 0 4px 16px var(--glow-brand), inset 0 1px 0 rgba(255, 255, 255, .2);
  transition: all var(--transition-normal, .18s) cubic-bezier(.4, 0, .2, 1);
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: .95rem;
  font-weight: 800;
  display: inline-flex;
}

.inspectionBtnPrimary:hover {
  box-shadow: 0 8px 24px var(--glow-brand-strong), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateY(-2px)scale(1.02);
}

.inspectionBtnPrimary:active {
  transition-duration: .1s;
  transform: scale(.98);
}

.inspectionBtnPrimary:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}

.inspectionBtnSecondary {
  cursor: pointer;
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, rgba(226, 232, 240, .9));
  color: var(--text-primary);
  -webkit-backdrop-filter: blur(8px);
  transition: all var(--transition-normal, .18s) cubic-bezier(.4, 0, .2, 1);
  background: rgba(255, 255, 255, .7);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: .9rem;
  font-weight: 700;
  display: inline-flex;
}

.inspectionBtnSecondary:hover {
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  color: var(--primary-color);
  background: rgba(255, 255, 255, .9);
}

.inspectionBtnSecondary:active {
  transform: scale(.98);
}

.inspectionIconBtn {
  cursor: pointer;
  width: 44px;
  height: 44px;
  color: var(--text-secondary);
  -webkit-backdrop-filter: blur(8px);
  transition: all var(--transition-fast, .12s) cubic-bezier(.4, 0, .2, 1);
  background: rgba(255, 255, 255, .7);
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inspectionIconBtn:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .9));
  color: var(--primary-color);
  transform: scale(1.05);
}

.inspectionIconBtn:active {
  transform: scale(.95);
}

.inspectionIconBtnActive {
  background: var(--brand-gradient);
  color: #fff;
  box-shadow: 0 4px 12px var(--glow-brand);
}

.inspectionIconBtnSuccess {
  color: #fff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, .35);
}

.inspectionBadge {
  letter-spacing: .02em;
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .8));
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(226, 232, 240, .8));
  color: var(--primary-color);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.inspectionBadgeSuccess {
  color: #059669;
  background: rgba(16, 185, 129, .12);
  border-color: rgba(16, 185, 129, .25);
}

.inspectionBadgeWarning {
  color: #b45309;
  background: rgba(245, 158, 11, .12);
  border-color: rgba(245, 158, 11, .25);
}

.inspectionBadgeError {
  color: #dc2626;
  background: rgba(239, 68, 68, .12);
  border-color: rgba(239, 68, 68, .25);
}

.inspectionInfoLine {
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(226, 232, 240, .6);
  border-radius: 12px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.inspectionInfoIcon {
  background: color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .9));
  width: 32px;
  height: 32px;
  color: var(--primary-color);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inspectionInfoLabel {
  color: var(--text-secondary);
  font-size: .82rem;
  font-weight: 600;
}

.inspectionInfoValue {
  color: var(--text-primary);
  font-size: .95rem;
  font-weight: 800;
}

.inspectionToggle {
  cursor: pointer;
  width: 52px;
  height: 30px;
  transition: all var(--transition-fast, .12s) cubic-bezier(.4, 0, .2, 1);
  background: rgba(0, 0, 0, .12);
  border: none;
  border-radius: 15px;
  position: relative;
}

.inspectionToggle:before {
  content: "";
  width: 24px;
  height: 24px;
  transition: transform var(--transition-fast, .12s) cubic-bezier(.4, 0, .2, 1);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.inspectionToggle[aria-checked="true"], .inspectionToggle.active {
  background: var(--brand-gradient);
  box-shadow: 0 2px 8px var(--glow-brand);
}

.inspectionToggle[aria-checked="true"]:before, .inspectionToggle.active:before {
  transform: translateX(-22px);
}

.inspectionProgressBar {
  background: rgba(0, 0, 0, .08);
  border-radius: 4px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.inspectionProgressFill {
  background: var(--brand-gradient);
  border-radius: 4px;
  height: 100%;
  transition: width .4s cubic-bezier(.4, 0, .2, 1);
}

.inspectionFAB {
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  z-index: 90;
  cursor: pointer;
  background: var(--brand-gradient);
  color: #fff;
  width: 60px;
  height: 60px;
  box-shadow: 0 8px 24px var(--glow-brand-strong), inset 0 1px 0 rgba(255, 255, 255, .2);
  transition: all var(--transition-normal, .18s) cubic-bezier(.4, 0, .2, 1);
  border: none;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  right: 16px;
}

.inspectionFAB:hover {
  box-shadow: 0 12px 32px var(--glow-brand-strong), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: scale(1.08);
}

.inspectionFAB:active {
  transform: scale(.95);
}

.inspectionFABPulse:after {
  content: "";
  border: 3px solid var(--primary-color);
  border-radius: 24px;
  animation: 2s infinite fabPulse;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

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

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

.inspectionBottomSheet {
  z-index: 200;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inspectionBottomSheetBackdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: auto;
  background: rgba(0, 0, 0, .4);
  transition: opacity .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inspectionBottomSheetOpen .inspectionBottomSheetBackdrop {
  opacity: 1;
}

.inspectionBottomSheetContent {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .98)) 0%, rgba(255, 255, 255, .95) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(200%);
  pointer-events: auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  flex-direction: column;
  max-height: 90vh;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(100%);
  box-shadow: 0 -8px 32px rgba(0, 0, 0, .12), inset 0 1px rgba(255, 255, 255, .8);
}

.inspectionBottomSheetOpen .inspectionBottomSheetContent {
  transform: translateY(0);
}

.inspectionBottomSheetHandle {
  flex-shrink: 0;
  justify-content: center;
  padding: 12px;
  display: flex;
}

.inspectionBottomSheetHandle:before {
  content: "";
  background: rgba(0, 0, 0, .15);
  border-radius: 3px;
  width: 40px;
  height: 5px;
}

.inspectionBottomSheetHeader {
  border-bottom: 1px solid rgba(226, 232, 240, .6);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 20px 16px;
  display: flex;
}

.inspectionBottomSheetTitle {
  color: var(--text-primary);
  font-size: 1.1rem;
  font-weight: 800;
}

.inspectionBottomSheetBody {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.inspectionEmptyState {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.inspectionEmptyIcon {
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .9));
  width: 64px;
  height: 64px;
  color: var(--primary-color);
  opacity: .7;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inspectionEmptyText {
  color: var(--text-secondary);
  font-size: .95rem;
  font-weight: 600;
}

.inspectionGrid2 {
  grid-template-columns: 1fr;
  gap: 12px;
  display: grid;
}

@media (min-width: 560px) {
  .inspectionGrid2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.inspectionGrid3 {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (min-width: 560px) {
  .inspectionGrid3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.inspectionGrid4 {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (min-width: 560px) {
  .inspectionGrid4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .inspectionGrid4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.inspectionLicensePlate {
  background: linear-gradient(#ffe68a 0%, #ffd54d 100%);
  border: 2px solid #1e3a8a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  display: inline-flex;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

.inspectionLicensePlateText {
  letter-spacing: .08em;
  color: #111827;
  text-shadow: 0 1px rgba(255, 255, 255, .6);
  font-size: 1rem;
  font-weight: 700;
}

/* [project]/node_modules/leaflet/dist/leaflet.css [client] (css) */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::selection {
  background: none;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  -webkit-transform-origin: 0 0;
  width: 1600px;
  height: 1600px;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  width: auto;
  padding: 0;
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, .4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  box-sizing: border-box;
  z-index: 800;
  width: 0;
  height: 0;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url("#default#VML");
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
  position: relative;
}

.leaflet-top, .leaflet-bottom {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1);
}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  outline-offset: 1px;
  background: #ddd;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  background: rgba(255, 255, 255, .5);
  border: 2px dotted #38f;
}

.leaflet-container {
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
}

.leaflet-bar {
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
}

.leaflet-bar a {
  text-align: center;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  color: #bbb;
  background-color: #f4f4f4;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  text-indent: 1px;
  font: bold 18px Lucida Console, Monaco, monospace;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}

.leaflet-control-layers-toggle {
  background-image: url("../media/layers.78ca0acf.png");
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("../media/layers-2x.793209de.png");
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  color: #333;
  background: #fff;
  padding: 6px 10px 6px 6px;
}

.leaflet-control-layers-scrollbar {
  padding-right: 5px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  font-size: 1.08333em;
  display: block;
}

.leaflet-control-layers-separator {
  border-top: 1px solid #ddd;
  height: 0;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url("../media/marker-icon.b9f7ac13.png");
}

.leaflet-container .leaflet-control-attribution {
  background: rgba(255, 255, 255, .8);
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  color: #333;
  padding: 0 5px;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  width: 1em;
  height: .6669em;
  vertical-align: baseline !important;
  display: inline !important;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  white-space: nowrap;
  box-sizing: border-box;
  text-shadow: 1px 1px #fff;
  background: rgba(255, 255, 255, .8);
  border: 2px solid #777;
  border-top: none;
  padding: 2px 5px 1px;
  line-height: 1.1;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, .2);
}

.leaflet-popup {
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
}

.leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 12px;
  padding: 1px;
}

.leaflet-popup-content {
  min-height: 1px;
  margin: 13px 24px 13px 20px;
  font-size: 1.08333em;
  line-height: 1.3;
}

.leaflet-popup-content p {
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  pointer-events: none;
  width: 40px;
  height: 20px;
  margin-top: -1px;
  margin-left: -20px;
  position: absolute;
  left: 50%;
  overflow: hidden;
}

.leaflet-popup-tip {
  pointer-events: auto;
  width: 17px;
  height: 17px;
  margin: -10px auto 0;
  padding: 1px;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  color: #333;
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
}

.leaflet-container a.leaflet-popup-close-button {
  text-align: center;
  color: #757575;
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  font: 16px / 24px Tahoma, Verdana, sans-serif;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  width: 24px;
  filter: progid:DXImageTransform. Microsoft. Matrix(M11= .707107, M12= .707107, M21= -.707107, M22= .707107);
  margin: 0 auto;
}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  pointer-events: none;
  content: "";
  background: none;
  border: 6px solid rgba(0, 0, 0, 0);
  position: absolute;
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  margin-left: -6px;
  left: 50%;
}

.leaflet-tooltip-top:before {
  border-top-color: #fff;
  margin-bottom: -12px;
  bottom: 0;
}

.leaflet-tooltip-bottom:before {
  border-bottom-color: #fff;
  margin-top: -12px;
  margin-left: -6px;
  top: 0;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  margin-top: -6px;
  top: 50%;
}

.leaflet-tooltip-left:before {
  border-left-color: #fff;
  margin-right: -12px;
  right: 0;
}

.leaflet-tooltip-right:before {
  border-right-color: #fff;
  margin-left: -12px;
  left: 0;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* [project]/src/components/DropdownMenu/DropdownMenu.module.css [client] (css) */
.DropdownMenu-module__8R-aEq__menuWrapper {
  display: inline-block;
  position: relative;
}

.DropdownMenu-module__8R-aEq__menuTrigger {
  cursor: pointer;
  transition: transform var(--transition-fast) ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  padding: 0;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuTrigger:hover {
  transform: translateY(-1px);
}

.DropdownMenu-module__8R-aEq__menuTrigger:active {
  transform: translateY(0);
}

.DropdownMenu-module__8R-aEq__menuTrigger:focus, .DropdownMenu-module__8R-aEq__menuTrigger:focus-within {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuTrigger:focus-visible {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuItems {
  box-shadow: 0 12px 40px rgba(31, 38, 135, .25), 0 6px 16px rgba(0, 0, 0, .15), inset 0 2px 0 rgba(255, 255, 255, .7), inset 0 0 80px color-mix(in srgb, var(--primary-color) 6%, transparent);
  min-width: 220px;
  max-width: 320px;
  z-index: var(--z-modal-select);
  isolation: isolate;
  will-change: transform, opacity;
  direction: rtl;
  border-radius: 14px;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backdrop-filter: blur(40px) saturate(180%) brightness(1.1) !important;
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5)) !important;
  background: rgba(255, 255, 255, .15) !important;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuItems:focus {
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5)) !important;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuItems:focus-visible {
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5)) !important;
  outline: none !important;
}

.DropdownMenu-module__8R-aEq__menuHeader {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .2)), rgba(255, 255, 255, .15));
  border-bottom: 1.5px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .4));
  padding: 10px 14px;
}

.DropdownMenu-module__8R-aEq__menuTitle {
  font-weight: 700;
  font-size: var(--font-size-3, 14px);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, #000));
  text-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  letter-spacing: -.01em;
  margin-bottom: 3px;
}

.DropdownMenu-module__8R-aEq__menuDescription {
  font-size: var(--font-size-2, 12px);
  color: var(--text-muted, rgba(0, 0, 0, .6));
  letter-spacing: -.005em;
  font-weight: 400;
  line-height: 1.3;
}

.DropdownMenu-module__8R-aEq__menuItem {
  width: 100%;
  font-size: var(--font-size-3, 14px);
  color: var(--text-dark);
  cursor: pointer;
  text-align: right;
  transition: all var(--transition-fast) ease;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.DropdownMenu-module__8R-aEq__menuItem:before {
  content: "";
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .6)), rgba(255, 255, 255, .4));
  opacity: 0;
  transition: opacity var(--transition-fast) ease;
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.DropdownMenu-module__8R-aEq__menuItem:hover:before, .DropdownMenu-module__8R-aEq__active:before {
  opacity: 1;
}

.DropdownMenu-module__8R-aEq__menuItem:hover, .DropdownMenu-module__8R-aEq__active {
  color: var(--primary-color);
  box-shadow: inset 3px 0 0 var(--primary-color), 0 2px 8px rgba(0, 0, 0, .08);
  transform: translateX(-2px);
}

.DropdownMenu-module__8R-aEq__menuIcon {
  width: 20px;
  height: 20px;
  color: inherit;
  transition: transform var(--transition-fast) ease;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.DropdownMenu-module__8R-aEq__menuItem:hover .DropdownMenu-module__8R-aEq__menuIcon, .DropdownMenu-module__8R-aEq__active .DropdownMenu-module__8R-aEq__menuIcon {
  transform: scale(1.1);
}

.DropdownMenu-module__8R-aEq__menuItem + .DropdownMenu-module__8R-aEq__menuItem {
  border-top: 1px solid color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .3));
}

@keyframes DropdownMenu-module__8R-aEq__menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.96);
  }

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

@media (max-width: 768px) {
  .DropdownMenu-module__8R-aEq__menuItems {
    min-width: 200px;
    max-width: 90vw;
  }

  .DropdownMenu-module__8R-aEq__menuHeader {
    padding: 12px 14px;
  }

  .DropdownMenu-module__8R-aEq__menuTitle {
    font-size: var(--font-size-2, 12px);
    margin-bottom: 3px;
  }

  .DropdownMenu-module__8R-aEq__menuDescription {
    font-size: 11px;
  }

  .DropdownMenu-module__8R-aEq__menuItem {
    font-size: var(--font-size-2, 12px);
    gap: 10px;
    padding: 10px 14px;
  }

  .DropdownMenu-module__8R-aEq__menuIcon {
    width: 18px;
    height: 18px;
  }
}

/* [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/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/BottomSheet/BottomSheet.module.css [client] (css) */
.BottomSheet-module__JdeBqW__backdrop {
  z-index: var(--sheet-z-index, 1000);
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: flex-end;
  animation: .2s ease-out BottomSheet-module__JdeBqW__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BottomSheet-module__JdeBqW__desktopBackdrop {
  align-items: center;
}

.BottomSheet-module__JdeBqW__backdropClosing {
  animation: .25s ease-out forwards BottomSheet-module__JdeBqW__fadeOut;
}

@keyframes BottomSheet-module__JdeBqW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes BottomSheet-module__JdeBqW__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.BottomSheet-module__JdeBqW__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));
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  flex-direction: column;
  transition: transform .3s cubic-bezier(.32, .72, 0, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  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);
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__dragging {
  transition: none !important;
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__closing {
  animation: .25s ease-out forwards BottomSheet-module__JdeBqW__slideDown;
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__mobile {
  width: 100%;
  max-height: var(--sheet-max-height, 85vh);
  height: var(--sheet-height, 75vh);
  border-radius: 20px 20px 0 0;
  animation: .3s cubic-bezier(.32, .72, 0, 1) BottomSheet-module__JdeBqW__slideUp;
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__mobile.BottomSheet-module__JdeBqW__closing {
  animation: .25s ease-out forwards BottomSheet-module__JdeBqW__slideDown;
}

@keyframes BottomSheet-module__JdeBqW__slideUp {
  from {
    opacity: .8;
    transform: translateY(100%);
  }

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

@keyframes BottomSheet-module__JdeBqW__slideDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__desktop {
  width: 380px;
  max-height: var(--sheet-max-height, 500px);
  border-radius: 16px;
  animation: .2s ease-out BottomSheet-module__JdeBqW__dropdownIn;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .8);
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__desktop.BottomSheet-module__JdeBqW__closing {
  animation: .15s ease-out forwards BottomSheet-module__JdeBqW__dropdownOut;
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__desktop.BottomSheet-module__JdeBqW__modal {
  border-radius: 20px;
  width: 90%;
  max-width: 500px;
  animation: .25s ease-out BottomSheet-module__JdeBqW__modalIn;
  position: relative;
  top: auto;
  left: auto;
}

.BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__desktop.BottomSheet-module__JdeBqW__modal.BottomSheet-module__JdeBqW__closing {
  animation: .2s ease-out forwards BottomSheet-module__JdeBqW__modalOut;
}

@keyframes BottomSheet-module__JdeBqW__dropdownIn {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.98);
  }

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

@keyframes BottomSheet-module__JdeBqW__dropdownOut {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(-8px)scale(.98);
  }
}

@keyframes BottomSheet-module__JdeBqW__modalIn {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes BottomSheet-module__JdeBqW__modalOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.95);
  }
}

.BottomSheet-module__JdeBqW__handle {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 10;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.BottomSheet-module__JdeBqW__handle:active {
  cursor: grabbing;
}

.BottomSheet-module__JdeBqW__handleBar {
  background: rgba(0, 0, 0, .2);
  border-radius: 2px;
  width: 36px;
  height: 4px;
  transition: background .2s, transform .2s;
  box-shadow: 0 1px 2px rgba(255, 255, 255, .5);
}

.BottomSheet-module__JdeBqW__handle:hover .BottomSheet-module__JdeBqW__handleBar {
  background: rgba(0, 0, 0, .35);
  transform: scaleX(1.1);
}

.BottomSheet-module__JdeBqW__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));
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 16px;
  display: flex;
}

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

.BottomSheet-module__JdeBqW__titleIcon {
  color: var(--primary-color, #3b82f6);
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.BottomSheet-module__JdeBqW__titleWrapper {
  flex: 1;
  min-width: 0;
}

.BottomSheet-module__JdeBqW__title {
  color: #1e293b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  overflow: hidden;
}

.BottomSheet-module__JdeBqW__subtitle {
  color: #64748b;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 2px 0 0;
  font-size: 13px;
  overflow: hidden;
}

.BottomSheet-module__JdeBqW__closeButton {
  cursor: pointer;
  color: #64748b;
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.BottomSheet-module__JdeBqW__closeButton:hover {
  color: #1e293b;
  background: rgba(0, 0, 0, .1);
}

.BottomSheet-module__JdeBqW__closeButton:active {
  transform: scale(.95);
}

.BottomSheet-module__JdeBqW__closeButton svg {
  font-size: 20px;
}

.BottomSheet-module__JdeBqW__content {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

.BottomSheet-module__JdeBqW__content::-webkit-scrollbar {
  width: 6px;
}

.BottomSheet-module__JdeBqW__content::-webkit-scrollbar-track {
  background: none;
}

.BottomSheet-module__JdeBqW__content::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 25%, rgba(0, 0, 0, .1));
  border-radius: 3px;
}

.BottomSheet-module__JdeBqW__content::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 40%, rgba(0, 0, 0, .15));
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__sheet {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 18%, rgba(255, 255, 255, .12));
  background: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(30, 41, 59, .95) 100%);
  box-shadow: 0 -10px 40px rgba(0, 0, 0, .4), 0 -2px 8px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__sheet.BottomSheet-module__JdeBqW__desktop {
  box-shadow: 0 10px 40px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__header {
  border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 15%, rgba(255, 255, 255, .08));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #3b82f6) 12%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color, #3b82f6) 5%, rgba(30, 41, 59, .85)));
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__title {
  color: #f1f5f9;
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__subtitle {
  color: #94a3b8;
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__handleBar {
  background: rgba(255, 255, 255, .25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__handle:hover .BottomSheet-module__JdeBqW__handleBar {
  background: rgba(255, 255, 255, .4);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__closeButton {
  color: #94a3b8;
  background: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__closeButton:hover {
  color: #f1f5f9;
  background: rgba(255, 255, 255, .15);
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__content::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 35%, rgba(255, 255, 255, .15));
}

[data-theme="dark"] .BottomSheet-module__JdeBqW__content::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color, #3b82f6) 50%, rgba(255, 255, 255, .2));
}

@media (hover: none) and (pointer: coarse) {
  .BottomSheet-module__JdeBqW__closeButton {
    width: 44px;
    height: 44px;
  }

  .BottomSheet-module__JdeBqW__closeButton svg {
    font-size: 24px;
  }

  .BottomSheet-module__JdeBqW__handle {
    padding: 14px 0 10px;
  }

  .BottomSheet-module__JdeBqW__handleBar {
    width: 40px;
    height: 5px;
  }
}

/* [project]/src/components/Notifications/SwipeableNotificationItem.module.css [client] (css) */
.SwipeableNotificationItem-module__F_BNga__swipeableContainer {
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overscroll-behavior-x: none;
  overscroll-behavior: none contain;
  -ms-scroll-chaining: none;
  position: relative;
  overflow: hidden;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackground {
  opacity: 0;
  pointer-events: none;
  align-items: center;
  width: 100%;
  transition: opacity .15s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 25%, transparent) 0%, color-mix(in srgb, var(--primary-color) 15%, transparent) 50%, transparent 100%);
  justify-content: flex-start;
  padding-left: 20px;
  left: 0;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 30%, transparent) 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 50%, transparent 100%);
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 40%, rgba(34, 197, 94, .3)) 0%, color-mix(in srgb, var(--primary-color) 25%, rgba(34, 197, 94, .15)) 50%, transparent 100%);
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight {
  background: linear-gradient(270deg, rgba(245, 158, 11, .25) 0%, rgba(245, 158, 11, .15) 50%, rgba(0, 0, 0, 0) 100%);
  justify-content: flex-end;
  padding-right: 20px;
  right: 0;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(270deg, rgba(245, 158, 11, .35) 0%, rgba(245, 158, 11, .2) 50%, rgba(0, 0, 0, 0) 100%);
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(270deg, rgba(245, 158, 11, .5) 0%, rgba(245, 158, 11, .3) 50%, rgba(0, 0, 0, 0) 100%);
}

.SwipeableNotificationItem-module__F_BNga__swipeAction {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  transition: transform .2s, opacity .2s;
  display: flex;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: var(--primary-color);
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #d97706;
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #16a34a;
  transform: scale(1.1);
}

.SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #b45309;
  transform: scale(1.1);
}

.SwipeableNotificationItem-module__F_BNga__swipeIcon {
  font-size: 24px;
  transition: transform .2s;
}

.SwipeableNotificationItem-module__F_BNga__triggered .SwipeableNotificationItem-module__F_BNga__swipeIcon {
  animation: .3s SwipeableNotificationItem-module__F_BNga__iconPop;
}

@keyframes SwipeableNotificationItem-module__F_BNga__iconPop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

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

.SwipeableNotificationItem-module__F_BNga__swipeLabel {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

.SwipeableNotificationItem-module__F_BNga__swipeableContent {
  background: inherit;
  z-index: 1;
  will-change: transform;
  position: relative;
}

.SwipeableNotificationItem-module__F_BNga__swipeableContent.SwipeableNotificationItem-module__F_BNga__swiping {
  cursor: grabbing;
}

.SwipeableNotificationItem-module__F_BNga__swipeableContent.SwipeableNotificationItem-module__F_BNga__clickable {
  cursor: pointer;
}

.SwipeableNotificationItem-module__F_BNga__swipeableContent.SwipeableNotificationItem-module__F_BNga__animatingOut {
  opacity: .8;
  transition: transform .25s ease-out !important;
}

.SwipeableNotificationItem-module__F_BNga__progressIndicator {
  pointer-events: none;
  z-index: 2;
  border-radius: 2px;
  height: 3px;
  transition: width .1s, background-color .2s;
  position: absolute;
  bottom: 0;
}

.SwipeableNotificationItem-module__F_BNga__progressLeft {
  background: linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, #22c55e));
  left: 0;
}

.SwipeableNotificationItem-module__F_BNga__progressRight {
  background: linear-gradient(270deg, #f59e0b, #d97706);
  right: 0;
}

.SwipeableNotificationItem-module__F_BNga__progressComplete {
  height: 4px;
  box-shadow: 0 0 8px;
}

.SwipeableNotificationItem-module__F_BNga__progressLeft.SwipeableNotificationItem-module__F_BNga__progressComplete {
  background: linear-gradient(90deg, #22c55e, #16a34a);
  box-shadow: 0 0 10px rgba(34, 197, 94, .5);
}

.SwipeableNotificationItem-module__F_BNga__progressRight.SwipeableNotificationItem-module__F_BNga__progressComplete {
  background: linear-gradient(270deg, #f59e0b, #b45309);
  box-shadow: 0 0 10px rgba(245, 158, 11, .5);
}

@keyframes SwipeableNotificationItem-module__F_BNga__hapticPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }

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

.SwipeableNotificationItem-module__F_BNga__swipeableContainer:has(.SwipeableNotificationItem-module__F_BNga__progressComplete) {
  animation: .15s SwipeableNotificationItem-module__F_BNga__hapticPulse;
}

@media (max-width: 480px) {
  .SwipeableNotificationItem-module__F_BNga__swipeLabel {
    font-size: 12px;
  }

  .SwipeableNotificationItem-module__F_BNga__swipeIcon {
    font-size: 22px;
  }

  .SwipeableNotificationItem-module__F_BNga__swipeAction {
    gap: 6px;
  }
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 25%, transparent) 0%, color-mix(in srgb, var(--primary-color) 15%, transparent) 50%, transparent 100%);
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 20px;
  left: auto;
  right: 0;
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 30%, transparent) 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 50%, transparent 100%);
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 40%, rgba(34, 197, 94, .3)) 0%, color-mix(in srgb, var(--primary-color) 25%, rgba(34, 197, 94, .15)) 50%, transparent 100%);
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight {
  background: linear-gradient(90deg, rgba(245, 158, 11, .25) 0%, rgba(245, 158, 11, .15) 50%, rgba(0, 0, 0, 0) 100%);
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 0;
  left: 0;
  right: auto;
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(90deg, rgba(245, 158, 11, .35) 0%, rgba(245, 158, 11, .2) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(90deg, rgba(245, 158, 11, .5) 0%, rgba(245, 158, 11, .3) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__progressLeft {
  left: auto;
  right: 0;
}

[dir="rtl"] .SwipeableNotificationItem-module__F_BNga__progressRight {
  left: 0;
  right: auto;
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 35%, transparent) 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 50%, transparent 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 45%, transparent) 0%, color-mix(in srgb, var(--primary-color) 28%, transparent) 50%, transparent 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 50%, rgba(74, 222, 128, .35)) 0%, color-mix(in srgb, var(--primary-color) 30%, rgba(74, 222, 128, .18)) 50%, transparent 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight {
  background: linear-gradient(270deg, rgba(251, 191, 36, .35) 0%, rgba(251, 191, 36, .2) 50%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(270deg, rgba(251, 191, 36, .45) 0%, rgba(251, 191, 36, .28) 50%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(270deg, rgba(251, 191, 36, .55) 0%, rgba(251, 191, 36, .35) 50%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: var(--primary-color);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #fbbf24;
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #4ade80;
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered .SwipeableNotificationItem-module__F_BNga__swipeAction {
  color: #fbbf24;
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__progressLeft {
  background: linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, #4ade80));
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__progressLeft.SwipeableNotificationItem-module__F_BNga__progressComplete {
  background: linear-gradient(90deg, #4ade80, #22c55e);
  box-shadow: 0 0 12px rgba(74, 222, 128, .6);
}

[data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__progressRight.SwipeableNotificationItem-module__F_BNga__progressComplete {
  background: linear-gradient(270deg, #fbbf24, #f59e0b);
  box-shadow: 0 0 12px rgba(251, 191, 36, .6);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 35%, transparent) 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 50%, transparent 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 35%, transparent) 0%, color-mix(in srgb, var(--primary-color) 20%, transparent) 50%, transparent 100%);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 45%, transparent) 0%, color-mix(in srgb, var(--primary-color) 28%, transparent) 50%, transparent 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 45%, transparent) 0%, color-mix(in srgb, var(--primary-color) 28%, transparent) 50%, transparent 100%);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 50%, rgba(74, 222, 128, .35)) 0%, color-mix(in srgb, var(--primary-color) 30%, rgba(74, 222, 128, .18)) 50%, transparent 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundLeft.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(270deg, color-mix(in srgb, var(--primary-color) 50%, rgba(74, 222, 128, .35)) 0%, color-mix(in srgb, var(--primary-color) 30%, rgba(74, 222, 128, .18)) 50%, transparent 100%);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight {
  background: linear-gradient(90deg, rgba(251, 191, 36, .35) 0%, rgba(251, 191, 36, .2) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight {
  background: linear-gradient(90deg, rgba(251, 191, 36, .35) 0%, rgba(251, 191, 36, .2) 50%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(90deg, rgba(251, 191, 36, .45) 0%, rgba(251, 191, 36, .28) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__active {
  background: linear-gradient(90deg, rgba(251, 191, 36, .45) 0%, rgba(251, 191, 36, .28) 50%, rgba(0, 0, 0, 0) 100%);
}

[data-theme="dark"][dir="rtl"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(90deg, rgba(251, 191, 36, .55) 0%, rgba(251, 191, 36, .35) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"][data-theme="dark"] .SwipeableNotificationItem-module__F_BNga__swipeBackgroundRight.SwipeableNotificationItem-module__F_BNga__triggered {
  background: linear-gradient(90deg, rgba(251, 191, 36, .55) 0%, rgba(251, 191, 36, .35) 50%, rgba(0, 0, 0, 0) 100%);
}

/* [project]/src/components/Notifications/NotificationsDropdown.module.css [client] (css) */
.NotificationsDropdown-module__bfhT1G__bottomSheetContent {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__dropdown {
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .5));
  width: 380px;
  min-height: 400px;
  max-height: 500px;
  z-index: var(--z-dropdown);
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .92) 100%);
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06), inset 0 1px rgba(255, 255, 255, .8);
}

.NotificationsDropdown-module__bfhT1G__header {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 10%, rgba(0, 0, 0, .06));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, transparent), color-mix(in srgb, var(--primary-color) 5%, transparent));
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 16px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__headerTitle {
  color: #1e293b;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__headerTitle svg {
  color: var(--primary-color);
  font-size: 20px;
}

.NotificationsDropdown-module__bfhT1G__unreadBadge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 100%, transparent), color-mix(in srgb, var(--primary-color) 80%, #000));
  color: #fff;
  text-align: center;
  min-width: 20px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 40%, transparent);
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.NotificationsDropdown-module__bfhT1G__snoozedBadge {
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  min-width: 20px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 2px 8px rgba(245, 158, 11, .4);
}

.NotificationsDropdown-module__bfhT1G__snoozedBadge svg {
  color: #fff;
  font-size: 12px;
}

.NotificationsDropdown-module__bfhT1G__headerActions {
  gap: 4px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__headerButton {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__headerButton:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__headerButton.NotificationsDropdown-module__bfhT1G__filterActive {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.NotificationsDropdown-module__bfhT1G__headerButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.NotificationsDropdown-module__bfhT1G__spinning {
  animation: 1s linear infinite NotificationsDropdown-module__bfhT1G__spin;
}

@keyframes NotificationsDropdown-module__bfhT1G__spin {
  from {
    transform: rotate(0);
  }

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

.NotificationsDropdown-module__bfhT1G__quickActions {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 6%, rgba(0, 0, 0, .04));
  background: color-mix(in srgb, var(--primary-color) 3%, rgba(255, 255, 255, .6));
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__swipeTip {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .95)), color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .9)));
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .05));
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  animation: .4s ease-out NotificationsDropdown-module__bfhT1G__swipeTipIn;
  display: flex;
}

@keyframes NotificationsDropdown-module__bfhT1G__swipeTipIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

.NotificationsDropdown-module__bfhT1G__swipeTipText {
  color: var(--primary-color);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}

.NotificationsDropdown-module__bfhT1G__filterTabs {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .05));
  background: color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .7));
  gap: 4px;
  padding: 8px 12px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__filterTab {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__filterTab svg {
  font-size: 14px;
}

.NotificationsDropdown-module__bfhT1G__filterTab:hover {
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__filterTabActive {
  background: color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .9));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  color: var(--primary-color);
  font-weight: 600;
}

.NotificationsDropdown-module__bfhT1G__filterInfo {
  color: #64748b;
  background: rgba(255, 255, 255, .5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 30px 20px;
  font-size: 14px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__showAllButton {
  background: color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .9));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  color: var(--primary-color);
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
}

.NotificationsDropdown-module__bfhT1G__showAllButton:hover {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .95));
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
}

.NotificationsDropdown-module__bfhT1G__actionButton {
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .08));
  color: #64748b;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, .8);
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__actionButton:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95));
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__actionButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.NotificationsDropdown-module__bfhT1G__actionButton svg {
  font-size: 16px;
}

.NotificationsDropdown-module__bfhT1G__list {
  overscroll-behavior: none contain;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
  -ms-scroll-chaining: none;
  background: rgba(255, 255, 255, .7);
  flex: 1;
  max-height: 340px;
  overflow-y: auto;
}

.NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar {
  width: 6px;
}

.NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar-track {
  background: none;
}

.NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color) 25%, rgba(0, 0, 0, .1));
  border-radius: 3px;
}

.NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color) 40%, rgba(0, 0, 0, .15));
}

.NotificationsDropdown-module__bfhT1G__item {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 5%, rgba(0, 0, 0, .04));
  background: rgba(255, 255, 255, .6);
  gap: 12px;
  padding: 14px 16px;
  transition: background .2s;
  display: flex;
  position: relative;
}

.NotificationsDropdown-module__bfhT1G__swipeableItem {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 5%, rgba(0, 0, 0, .04));
}

.NotificationsDropdown-module__bfhT1G__swipeableItem .NotificationsDropdown-module__bfhT1G__item, .NotificationsDropdown-module__bfhT1G__item:last-child {
  border-bottom: none;
}

.NotificationsDropdown-module__bfhT1G__item:hover {
  background: color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .9));
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread {
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95));
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread:before {
  content: "";
  background: linear-gradient(180deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 70%, #000));
  border-radius: 0 4px 4px 0;
  width: 4px;
  height: 60%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__clickable {
  cursor: pointer;
}

.NotificationsDropdown-module__bfhT1G__itemIcon {
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .8));
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  overflow: hidden;
}

.NotificationsDropdown-module__bfhT1G__itemImage {
  object-fit: contain;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.NotificationsDropdown-module__bfhT1G__itemIcon svg {
  font-size: 20px;
}

.NotificationsDropdown-module__bfhT1G__iconSuccess {
  color: #22c55e;
}

.NotificationsDropdown-module__bfhT1G__iconError {
  color: #ef4444;
}

.NotificationsDropdown-module__bfhT1G__iconWarning {
  color: #f59e0b;
}

.NotificationsDropdown-module__bfhT1G__iconInfo {
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__itemContent {
  flex: 1;
  min-width: 0;
}

.NotificationsDropdown-module__bfhT1G__itemTitle {
  color: #1e293b;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.NotificationsDropdown-module__bfhT1G__itemBody {
  color: #64748b;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.NotificationsDropdown-module__bfhT1G__itemMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__itemTime {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}

.NotificationsDropdown-module__bfhT1G__itemTimeAgo {
  color: #94a3b8;
  font-size: 11px;
  font-style: italic;
}

.NotificationsDropdown-module__bfhT1G__linkIcon {
  color: var(--primary-color);
  font-size: 12px;
}

.NotificationsDropdown-module__bfhT1G__itemActions {
  gap: 4px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.NotificationsDropdown-module__bfhT1G__snoozeButton, .NotificationsDropdown-module__bfhT1G__unsnoozeButton, .NotificationsDropdown-module__bfhT1G__readToggleButton {
  cursor: pointer;
  color: #94a3b8;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeButton svg, .NotificationsDropdown-module__bfhT1G__unsnoozeButton svg, .NotificationsDropdown-module__bfhT1G__readToggleButton svg {
  font-size: 18px;
}

.NotificationsDropdown-module__bfhT1G__snoozeButton:hover {
  color: #f59e0b;
  background: rgba(245, 158, 11, .1);
}

.NotificationsDropdown-module__bfhT1G__unsnoozeButton:hover {
  color: #22c55e;
  background: rgba(34, 197, 94, .1);
}

.NotificationsDropdown-module__bfhT1G__readToggleButton:hover {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.NotificationsDropdown-module__bfhT1G__snoozeMenu, .NotificationsDropdown-module__bfhT1G__snoozeMenuFixed {
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .08));
  z-index: var(--z-notification);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  border-radius: 12px;
  min-width: 180px;
  animation: .2s ease-out NotificationsDropdown-module__bfhT1G__snoozeMenuIn;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .1);
}

@keyframes NotificationsDropdown-module__bfhT1G__snoozeMenuIn {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.95);
  }

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

.NotificationsDropdown-module__bfhT1G__snoozeMenuTitle {
  color: #64748b;
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeMenuTitle svg {
  color: #f59e0b;
  font-size: 16px;
}

.NotificationsDropdown-module__bfhT1G__snoozeOption {
  text-align: right;
  color: #1e293b;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: 12px 14px;
  font-size: 13px;
  transition: all .15s;
  display: block;
}

.NotificationsDropdown-module__bfhT1G__snoozeOption:hover {
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__snoozeOption:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__snoozed {
  background: linear-gradient(135deg, rgba(245, 158, 11, .08) 0%, rgba(245, 158, 11, .04) 100%);
  border-right: 3px solid #f59e0b;
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__snoozed:before {
  display: none;
}

.NotificationsDropdown-module__bfhT1G__iconSnoozed {
  color: #f59e0b;
}

.NotificationsDropdown-module__bfhT1G__snoozeInfo {
  color: #f59e0b;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeInfo svg {
  font-size: 13px;
}

.NotificationsDropdown-module__bfhT1G__snoozeView {
  z-index: 10;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .95) 100%);
  flex-direction: column;
  animation: .25s ease-out NotificationsDropdown-module__bfhT1G__slideInRight;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes NotificationsDropdown-module__bfhT1G__slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

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

.NotificationsDropdown-module__bfhT1G__snoozeViewHeader {
  border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 10%, rgba(0, 0, 0, .06));
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewBack {
  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, rgba(0, 0, 0, .08));
  color: #64748b;
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewBack svg {
  font-size: 18px;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewBack:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .95));
  color: var(--primary-color);
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
}

.NotificationsDropdown-module__bfhT1G__snoozeViewContent {
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 16px 20px;
  display: flex;
  overflow-y: auto;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewIcon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  display: flex;
  box-shadow: 0 4px 16px rgba(245, 158, 11, .3);
}

.NotificationsDropdown-module__bfhT1G__snoozeViewIcon svg {
  color: #fff;
  font-size: 24px;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewTitle {
  color: #1e293b;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}

.NotificationsDropdown-module__bfhT1G__snoozeViewSubtitle {
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  margin: 0 0 16px;
  font-size: 12px;
  overflow: hidden;
}

.NotificationsDropdown-module__bfhT1G__snoozeOptionsGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
  display: grid;
}

.NotificationsDropdown-module__bfhT1G__snoozeOptionCard {
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .06));
  color: #1e293b;
  cursor: pointer;
  background: rgba(255, 255, 255, .8);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  font-size: 11px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__snoozeOptionCard:hover {
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, rgba(0, 0, 0, .08));
  transform: translateY(-2px);
}

.NotificationsDropdown-module__bfhT1G__snoozeOptionCard:active {
  transform: translateY(0);
}

.NotificationsDropdown-module__bfhT1G__snoozeOptionIcon {
  color: #f59e0b;
  font-size: 18px;
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread .NotificationsDropdown-module__bfhT1G__readToggleButton {
  color: var(--primary-color);
}

.NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread .NotificationsDropdown-module__bfhT1G__readToggleButton:hover {
  color: #22c55e;
  background: rgba(34, 197, 94, .1);
}

.NotificationsDropdown-module__bfhT1G__deleteButton:hover {
  color: #ef4444;
  background: rgba(239, 68, 68, .1);
}

.NotificationsDropdown-module__bfhT1G__loading, .NotificationsDropdown-module__bfhT1G__empty {
  color: #94a3b8;
  background: rgba(255, 255, 255, .7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.NotificationsDropdown-module__bfhT1G__emptyIcon {
  opacity: .4;
  color: color-mix(in srgb, var(--primary-color) 50%, #94a3b8);
  margin-bottom: 12px;
  font-size: 48px;
}

.NotificationsDropdown-module__bfhT1G__empty p {
  font-size: 14px;
}

.NotificationsDropdown-module__bfhT1G__footer {
  text-align: center;
  color: #94a3b8;
  border-top: 1px solid color-mix(in srgb, var(--primary-color) 8%, rgba(0, 0, 0, .05));
  background: color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .6));
  padding: 12px 16px;
  font-size: 12px;
}

.NotificationsDropdown-module__bfhT1G__backdrop {
  z-index: var(--z-success-animation);
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: flex-end;
  animation: .2s ease-out NotificationsDropdown-module__bfhT1G__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.NotificationsDropdown-module__bfhT1G__backdropClosing {
  animation: .25s ease-out forwards NotificationsDropdown-module__bfhT1G__fadeOut;
}

@media (max-width: 480px) {
  .NotificationsDropdown-module__bfhT1G__dropdown {
    width: 100%;
    min-height: auto;
    max-height: 75vh;
    z-index: var(--z-notification);
    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;
    animation: .3s cubic-bezier(.32, .72, 0, 1) NotificationsDropdown-module__bfhT1G__slideUpSheet;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, .15), 0 -2px 8px rgba(0, 0, 0, .08), inset 0 1px rgba(255, 255, 255, .8);
  }

  .NotificationsDropdown-module__bfhT1G__dropdown.NotificationsDropdown-module__bfhT1G__closing {
    animation: .25s ease-out forwards NotificationsDropdown-module__bfhT1G__slideDownSheet;
  }

  .NotificationsDropdown-module__bfhT1G__header {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .98)), color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .95)));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
    cursor: grab;
    position: relative;
  }

  .NotificationsDropdown-module__bfhT1G__header:active {
    cursor: grabbing;
  }

  .NotificationsDropdown-module__bfhT1G__dropdown.NotificationsDropdown-module__bfhT1G__dragging {
    transition: none !important;
  }

  .NotificationsDropdown-module__bfhT1G__list {
    background: rgba(255, 255, 255, .85);
    flex: 1;
    max-height: none;
    overflow-y: auto;
  }

  .NotificationsDropdown-module__bfhT1G__item {
    background: rgba(255, 255, 255, .75);
  }

  .NotificationsDropdown-module__bfhT1G__item:hover {
    background: rgba(255, 255, 255, .95);
  }

  .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread {
    background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .95));
  }

  .NotificationsDropdown-module__bfhT1G__footer {
    background: color-mix(in srgb, var(--primary-color) 4%, rgba(255, 255, 255, .95));
  }
}

@keyframes NotificationsDropdown-module__bfhT1G__slideUpSheet {
  from {
    opacity: .8;
    transform: translateY(100%);
  }

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

@keyframes NotificationsDropdown-module__bfhT1G__slideDownSheet {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes NotificationsDropdown-module__bfhT1G__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes NotificationsDropdown-module__bfhT1G__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__header {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .08));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .95)), color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .9)));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__headerTitle {
  color: #f1f5f9;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__headerButton {
  color: #94a3b8;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__headerButton:hover {
  background: color-mix(in srgb, var(--primary-color) 18%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__quickActions {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .06));
  background: color-mix(in srgb, var(--primary-color) 6%, rgba(30, 41, 59, .6));
}

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

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__actionButton:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .95));
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__swipeTip {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .95)), color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .9)));
  border-bottom-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__filterTabs {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .06));
  background: color-mix(in srgb, var(--primary-color) 6%, rgba(30, 41, 59, .7));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__filterTab {
  color: #94a3b8;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__filterTab:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__filterTabActive {
  background: color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .9));
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__filterInfo {
  color: #94a3b8;
  background: rgba(30, 41, 59, .5);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__showAllButton {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .9));
  border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__showAllButton:hover {
  background: color-mix(in srgb, var(--primary-color) 22%, rgba(30, 41, 59, .95));
  border-color: color-mix(in srgb, var(--primary-color) 45%, transparent);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__list {
  background: rgba(30, 41, 59, .7);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .15));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__list::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary-color) 50%, rgba(255, 255, 255, .2));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .06));
  background: rgba(30, 41, 59, .6);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__swipeableItem {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .06));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .9));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread {
  background: color-mix(in srgb, var(--primary-color) 14%, rgba(30, 41, 59, .95));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__itemIcon {
  background: color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .8));
  border-color: color-mix(in srgb, var(--primary-color) 18%, transparent);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__itemTitle {
  color: #f1f5f9;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__itemBody {
  color: #94a3b8;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__itemTime {
  color: #94a3b8;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__itemTimeAgo {
  color: #64748b;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeButton {
  color: #64748b;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__unsnoozeButton {
  color: #64748b;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__readToggleButton {
  color: #64748b;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeButton:hover {
  color: #fbbf24;
  background: rgba(251, 191, 36, .15);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__unsnoozeButton:hover {
  color: #4ade80;
  background: rgba(74, 222, 128, .15);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__readToggleButton:hover {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 18%, transparent);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread .NotificationsDropdown-module__bfhT1G__readToggleButton {
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread .NotificationsDropdown-module__bfhT1G__readToggleButton:hover {
  color: #4ade80;
  background: rgba(74, 222, 128, .15);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeMenu {
  border-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .1));
  background: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(30, 41, 59, .95) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeMenuFixed {
  border-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .1));
  background: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(30, 41, 59, .95) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeMenuTitle {
  color: #94a3b8;
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-bottom-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeOption {
  color: #f1f5f9;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeOption:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeOption:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__snoozed {
  background: linear-gradient(135deg, rgba(245, 158, 11, .12) 0%, rgba(245, 158, 11, .06) 100%);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeView {
  background: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(30, 41, 59, .95) 100%);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeViewHeader {
  border-bottom-color: color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .08));
  background: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeViewBack {
  border-color: color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .1));
  color: #94a3b8;
  background: rgba(30, 41, 59, .8);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeViewBack:hover {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .95));
  color: var(--primary-color);
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeViewTitle {
  color: #f1f5f9;
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeViewSubtitle {
  color: #94a3b8;
}

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

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__snoozeOptionCard:hover {
  background: color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .95));
  border-color: color-mix(in srgb, var(--primary-color) 35%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 20%, rgba(0, 0, 0, .3));
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__loading {
  color: #64748b;
  background: rgba(30, 41, 59, .7);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__empty {
  color: #64748b;
  background: rgba(30, 41, 59, .7);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__emptyIcon {
  color: color-mix(in srgb, var(--primary-color) 60%, #64748b);
}

[data-theme="dark"] .NotificationsDropdown-module__bfhT1G__footer {
  color: #64748b;
  border-top-color: color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .06));
  background: color-mix(in srgb, var(--primary-color) 6%, rgba(30, 41, 59, .6));
}

@media (max-width: 480px) {
  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__dropdown {
    background: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(30, 41, 59, .95) 100%);
    box-shadow: 0 -10px 40px rgba(0, 0, 0, .4), 0 -2px 8px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .1);
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__header {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .98)), color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .95)));
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__list {
    background: rgba(30, 41, 59, .85);
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item {
    background: rgba(30, 41, 59, .75);
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item:hover {
    background: rgba(30, 41, 59, .95);
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__item.NotificationsDropdown-module__bfhT1G__unread {
    background: color-mix(in srgb, var(--primary-color) 14%, rgba(30, 41, 59, .95));
  }

  [data-theme="dark"] .NotificationsDropdown-module__bfhT1G__footer {
    background: color-mix(in srgb, var(--primary-color) 6%, rgba(30, 41, 59, .95));
  }
}

/* [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/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/Shared/ThemeToggle/ThemeToggle.module.css [client] (css) */
.ThemeToggle-module__IjNkYW__iconButton {
  width: 40px;
  height: 40px;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.ThemeToggle-module__IjNkYW__iconButton:hover {
  background: var(--bg-hover);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.ThemeToggle-module__IjNkYW__iconButton:active {
  transform: scale(.95);
}

.ThemeToggle-module__IjNkYW__switchContainer {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ThemeToggle-module__IjNkYW__label {
  color: var(--text-secondary);
  font-size: 14px;
}

.ThemeToggle-module__IjNkYW__switch {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  cursor: pointer;
  border-radius: 14px;
  width: 52px;
  height: 28px;
  padding: 0;
  transition: all .3s;
  position: relative;
}

.ThemeToggle-module__IjNkYW__switch.ThemeToggle-module__IjNkYW__active {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.ThemeToggle-module__IjNkYW__switchThumb {
  width: 22px;
  height: 22px;
  color: var(--text-secondary);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

.ThemeToggle-module__IjNkYW__switch.ThemeToggle-module__IjNkYW__active .ThemeToggle-module__IjNkYW__switchThumb {
  color: var(--primary-color);
  left: 2px;
  right: auto;
}

.ThemeToggle-module__IjNkYW__buttonsContainer {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ThemeToggle-module__IjNkYW__buttonGroup {
  background: var(--bg-secondary);
  border-radius: 10px;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.ThemeToggle-module__IjNkYW__themeButton {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 13px;
  transition: all .2s;
  display: flex;
}

.ThemeToggle-module__IjNkYW__themeButton:hover:not(.ThemeToggle-module__IjNkYW__active) {
  background: var(--bg-hover);
  color: var(--text-primary);
}

.ThemeToggle-module__IjNkYW__themeButton.ThemeToggle-module__IjNkYW__active {
  color: var(--primary-color);
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

[data-theme="dark"] .ThemeToggle-module__IjNkYW__themeButton.ThemeToggle-module__IjNkYW__active {
  background: var(--bg-card);
}

.ThemeToggle-module__IjNkYW__dropdownContainer {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ThemeToggle-module__IjNkYW__dropdown {
  background: var(--bg-input);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  transition: border-color .2s;
}

.ThemeToggle-module__IjNkYW__dropdown:focus {
  border-color: var(--primary-color);
  outline: none;
}

@media (max-width: 480px) {
  .ThemeToggle-module__IjNkYW__themeButton span {
    display: none;
  }

  .ThemeToggle-module__IjNkYW__buttonGroup {
    gap: 2px;
    padding: 3px;
  }

  .ThemeToggle-module__IjNkYW__themeButton {
    padding: 8px 10px;
  }
}

/* [project]/src/components/layout/HeaderQuickNav.module.css [client] (css) */
.HeaderQuickNav-module__Pgy4NW__quickNavContainer {
  align-items: center;
  gap: 4px;
  display: flex;
}

.HeaderQuickNav-module__Pgy4NW__iconBar {
  align-items: center;
  gap: 2px;
  display: flex;
}

.HeaderQuickNav-module__Pgy4NW__navItem {
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: relative;
}

.HeaderQuickNav-module__Pgy4NW__navItem:hover {
  background-color: rgba(255, 255, 255, .15);
  transform: translateY(-1px);
}

.HeaderQuickNav-module__Pgy4NW__navItem:active {
  transform: translateY(0);
}

.HeaderQuickNav-module__Pgy4NW__navItem:after {
  content: attr(data-tooltip);
  background-color: var(--background-primary);
  color: var(--text-primary);
  border-radius: var(--border-radius-sm);
  font-size: var(--text-xs);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-fast), visibility var(--transition-fast);
  box-shadow: var(--shadow-md);
  z-index: 100;
  pointer-events: none;
  padding: 6px 10px;
  position: absolute;
  top: calc(100% + 8px);
  right: 50%;
  transform: translateX(50%);
}

.HeaderQuickNav-module__Pgy4NW__navItem:hover:after {
  opacity: 1;
  visibility: visible;
}

.HeaderQuickNav-module__Pgy4NW__divider {
  background-color: rgba(255, 255, 255, .25);
  width: 1px;
  height: 24px;
  margin: 0 8px;
}

.HeaderQuickNav-module__Pgy4NW__mobileDropdown {
  display: none;
}

.HeaderQuickNav-module__Pgy4NW__mobileDropdownTrigger {
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  background-color: rgba(255, 255, 255, .1);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.HeaderQuickNav-module__Pgy4NW__mobileDropdownTrigger:hover {
  background-color: rgba(255, 255, 255, .2);
}

.HeaderQuickNav-module__Pgy4NW__mobileOnlyContainer {
  display: none;
}

.HeaderQuickNav-module__Pgy4NW__mobileDropdownAlwaysShow {
  display: block;
  position: relative;
}

@media (max-width: 1024px) {
  .HeaderQuickNav-module__Pgy4NW__quickNavContainer:not(.HeaderQuickNav-module__Pgy4NW__mobileOnlyContainer), .HeaderQuickNav-module__Pgy4NW__iconBar {
    display: none;
  }

  .HeaderQuickNav-module__Pgy4NW__mobileDropdown {
    display: block;
    position: relative;
  }

  .HeaderQuickNav-module__Pgy4NW__divider {
    display: none;
  }

  .HeaderQuickNav-module__Pgy4NW__mobileOnlyContainer {
    display: flex;
  }
}

/* [project]/src/components/layout/header.module.css [client] (css) */
.header-module__9iNmeq__header {
  width: 100%;
  height: 70px;
  z-index: var(--z-header);
  background-color: var(--primary-color);
  color: var(--text-light);
  white-space: nowrap;
  border-bottom: 1px solid var(--glass-border);
  transition: backdrop-filter var(--transition-normal) ease, box-shadow var(--transition-normal) ease, background-image var(--transition-slow) ease;
  --px: .5;
  --py: .5;
  isolation: isolate;
  direction: rtl;
  background-image: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

.header-module__9iNmeq__header:before {
  content: "";
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 40%, transparent), color-mix(in srgb, var(--primary-color) 16%, transparent));
  opacity: .6;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}

.header-module__9iNmeq__header:hover:before {
  opacity: .8;
}

.header-module__9iNmeq__header:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(240px 240px at calc(var(--px) * 100%) calc(var(--py) * 100%), rgba(255, 255, 255, .18), rgba(255, 255, 255, .06) 35%, transparent 60%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity var(--transition-normal) ease;
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * .9)) saturate(115%);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.header-module__9iNmeq__header:hover:after {
  opacity: .9;
}

.header-module__9iNmeq__container {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.header-module__9iNmeq__menuToggleButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.header-module__9iNmeq__menuToggleButton:focus-visible {
  box-shadow: var(--focus-ring);
  border-radius: var(--border-radius-md);
  outline: none;
}

.header-module__9iNmeq__branchSelector:focus-visible {
  box-shadow: var(--focus-ring);
  border-radius: var(--border-radius-md);
  outline: none;
}

.header-module__9iNmeq__logoBlock:focus-visible {
  box-shadow: var(--focus-ring);
  border-radius: var(--border-radius-md);
  outline: none;
}

.header-module__9iNmeq__iconContainer:focus-visible {
  box-shadow: var(--focus-ring);
  border-radius: var(--border-radius-md);
  outline: none;
}

.header-module__9iNmeq__menuIcon {
  width: 26px;
  height: 26px;
  color: var(--text-light);
}

.header-module__9iNmeq__backButton {
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .2);
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  transition: background-color .2s, transform .2s;
  display: none;
}

.header-module__9iNmeq__backButton:hover {
  background: rgba(255, 255, 255, .2);
  transform: translateX(2px);
}

.header-module__9iNmeq__backButton:active {
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .header-module__9iNmeq__backButton {
    display: flex;
  }
}

.header-module__9iNmeq__logoBlock {
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  align-items: center;
  gap: 20px;
  padding: 4px 8px;
  transition: transform .2s, background-color .2s;
  display: flex;
}

.header-module__9iNmeq__logoBlock:hover {
  transform: translateY(-1px)scale(1.01);
}

.header-module__9iNmeq__logoImage {
  object-fit: contain;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, .7)) drop-shadow(0 0 4px rgba(255, 255, 255, .5)) drop-shadow(0 2px 6px rgba(0, 0, 0, .25)) drop-shadow(0 3px 10px rgba(0, 0, 0, .15));
  background: none;
  width: auto;
  height: auto;
  max-height: 40px;
  transition: transform .2s, filter .2s;
  display: block;
}

.header-module__9iNmeq__logoSkeleton {
  background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)) 0 0 / 200% 100%;
  border-radius: 8px;
  width: 90px;
  height: 40px;
  animation: 1.2s ease-in-out infinite header-module__9iNmeq__shimmer;
}

.header-module__9iNmeq__logoPlaceholder {
  background: linear-gradient(135deg, color-mix(in oklab, var(--primary-color) 85%, #fff 0%), color-mix(in oklab, var(--accent-color) 85%, #fff 0%));
  color: #fff;
  letter-spacing: .5px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 40px;
  font-size: .9rem;
  display: inline-flex;
}

.header-module__9iNmeq__companyInfo {
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  flex-direction: column;
  justify-content: center;
  padding: 4px 8px;
  line-height: 1.1;
  transition: background-color .2s;
  display: flex;
}

.header-module__9iNmeq__companyInfo:hover {
  background-color: rgba(255, 255, 255, .1);
}

.header-module__9iNmeq__logoText {
  color: var(--text-light);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  font-weight: bold;
  overflow: hidden;
}

.header-module__9iNmeq__logoBranch {
  color: var(--text-light);
  opacity: .8;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: .9rem;
  display: flex;
}

.header-module__9iNmeq__branchChevron {
  opacity: .7;
  transition: transform .2s;
}

.header-module__9iNmeq__logoBlock:hover .header-module__9iNmeq__branchChevron {
  transform: translateY(2px);
}

.header-module__9iNmeq__iconGroup {
  align-items: center;
  gap: 4px;
  display: flex;
}

.header-module__9iNmeq__iconGroup: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;
}

.header-module__9iNmeq__iconGroup: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;
}

.header-module__9iNmeq__iconGroup: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;
}

.header-module__9iNmeq__iconGroup:-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;
}

.header-module__9iNmeq__iconGroup:-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;
}

.header-module__9iNmeq__iconGroup: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;
}

.header-module__9iNmeq__iconContainer {
  cursor: pointer;
  border-radius: var(--border-radius-md);
  justify-content: center;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  transition: transform .15s, background-color .2s;
  display: flex;
  position: relative;
}

.header-module__9iNmeq__iconContainer:hover {
  background-color: rgba(255, 255, 255, .15);
  transform: translateY(-1px);
}

.header-module__9iNmeq__iconContainer:active {
  background-color: rgba(255, 255, 255, .2);
  transform: translateY(0)scale(.95);
}

.header-module__9iNmeq__themeToggle {
  border-radius: var(--border-radius-md);
  width: 44px;
  height: 44px;
  transition: all .2s;
  color: var(--text-light) !important;
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
}

.header-module__9iNmeq__themeToggle:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, .2) !important;
  border-color: rgba(255, 255, 255, .35) !important;
}

.header-module__9iNmeq__themeToggle:active {
  transform: translateY(0)scale(.95);
}

.header-module__9iNmeq__icon {
  width: 24px;
  height: 24px;
  color: var(--text-light);
  transition: color .2s, transform .2s;
}

.header-module__9iNmeq__iconContainer:hover .header-module__9iNmeq__icon {
  color: var(--accent-color);
}

.header-module__9iNmeq__dropdown {
  background-color: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.05);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.05);
  color: var(--text-dark);
  box-shadow: var(--glass-shadow);
  width: 220px;
  z-index: var(--z-dropdown);
  transform-origin: 0 0;
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  animation: .16s ease-out header-module__9iNmeq__dropdownIn;
  position: absolute;
  top: 36px;
  left: 0;
}

.header-module__9iNmeq__dropdownTitle {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  font-weight: 600;
}

.header-module__9iNmeq__dropdownItem {
  border-bottom: 1px solid #eee;
  padding: 10px;
  font-size: .9rem;
}

.header-module__9iNmeq__userImage {
  border: 1px solid color-mix(in oklab, var(--accent-color) 80%, #fff 0%);
  object-fit: cover;
  width: 36px;
  height: 36px;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--secondary-color) 85%, #fff 0%), 0 1px 2px rgba(0, 0, 0, .08);
  background-color: #fff;
  border-radius: 50%;
  transition: transform .15s;
}

.header-module__9iNmeq__userInitial {
  background-color: var(--accent-color);
  color: #fff;
  border: 1px solid var(--accent-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 36px;
  height: 36px;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--secondary-color) 85%, #fff 0%), 0 1px 2px rgba(0, 0, 0, .08);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  transition: transform .15s;
  display: flex;
}

.header-module__9iNmeq__userImage:hover, .header-module__9iNmeq__userInitial:hover {
  transform: translateY(-1px);
}

@keyframes header-module__9iNmeq__dropdownIn {
  from {
    opacity: 0;
    transform: translateY(-4px)scale(.98);
  }

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

@keyframes header-module__9iNmeq__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.header-module__9iNmeq__avatarSkeleton {
  width: 36px;
  height: 36px;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--secondary-color) 85%, #fff 0%), 0 1px 2px rgba(0, 0, 0, .08);
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .25), rgba(255, 255, 255, .1)) 0 0 / 200% 100%;
  border-radius: 50%;
  animation: 1.2s ease-in-out infinite header-module__9iNmeq__shimmer;
}

@media (max-width: 768px) {
  .header-module__9iNmeq__header {
    flex-wrap: wrap;
    gap: 5px;
    height: 70px;
    padding: 6px;
  }

  .header-module__9iNmeq__container {
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: flex;
  }

  .header-module__9iNmeq__companyInfo {
    max-width: 120px;
  }

  .header-module__9iNmeq__logoText {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .header-module__9iNmeq__logoBlock {
    gap: 10px;
    padding: 4px;
  }

  .header-module__9iNmeq__logoImage {
    height: 32px;
  }

  .header-module__9iNmeq__logoSkeleton {
    width: 72px;
    height: 32px;
  }

  .header-module__9iNmeq__logoText, .header-module__9iNmeq__logoBranch {
    font-size: var(--font-size-2);
  }

  .header-module__9iNmeq__userImage, .header-module__9iNmeq__userInitial {
    width: 32px;
    height: 32px;
  }

  .header-module__9iNmeq__icon {
    width: 20px;
    height: 20px;
  }

  .header-module__9iNmeq__iconContainer {
    min-width: 36px;
    min-height: 36px;
  }

  .header-module__9iNmeq__iconGroup {
    gap: 0;
  }
}

.header-module__9iNmeq__logoWrap {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.header-module__9iNmeq__notificationBadge {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  animation: 2s ease-in-out infinite header-module__9iNmeq__badgePulse;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
  box-shadow: 0 2px 4px rgba(239, 68, 68, .4);
}

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

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

.header-module__9iNmeq__searchButton {
  cursor: pointer;
  color: var(--text-light);
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  transition: all .2s;
  display: flex;
}

.header-module__9iNmeq__searchButton:hover {
  background: rgba(255, 255, 255, .2);
  border-color: rgba(255, 255, 255, .3);
  transform: translateY(-1px);
}

.header-module__9iNmeq__searchButton:active {
  transform: translateY(0)scale(.98);
}

.header-module__9iNmeq__searchLabel {
  font-size: var(--font-size-2);
  opacity: .8;
  white-space: nowrap;
}

.header-module__9iNmeq__searchShortcut {
  color: var(--text-light);
  opacity: .7;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

@media (max-width: 768px) {
  .header-module__9iNmeq__searchButton {
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 6px;
  }

  .header-module__9iNmeq__searchLabel, .header-module__9iNmeq__searchShortcut {
    display: none;
  }

  .header-module__9iNmeq__logoImage {
    max-height: 34px;
  }

  .header-module__9iNmeq__iconGroup {
    gap: 10px;
  }
}

@media (max-width: 1024px) {
  .header-module__9iNmeq__carLookupButton, .header-module__9iNmeq__themeToggle {
    display: none;
  }
}

@media (max-width: 400px) {
  .header-module__9iNmeq__companyInfo {
    max-width: 90px;
  }

  .header-module__9iNmeq__logoText {
    font-size: .75rem;
  }

  .header-module__9iNmeq__logoBranch {
    font-size: .7rem;
  }

  .header-module__9iNmeq__logoBlock {
    gap: 6px;
    padding: 2px;
  }

  .header-module__9iNmeq__logoImage {
    height: 28px;
  }

  .header-module__9iNmeq__iconContainer {
    min-width: 32px;
    min-height: 32px;
  }

  .header-module__9iNmeq__menuToggleButton {
    padding: 4px;
  }
}

@media (hover: none), (pointer: coarse) {
  .header-module__9iNmeq__header:hover:before, .header-module__9iNmeq__header:hover:after {
    opacity: 0 !important;
  }

  .header-module__9iNmeq__header:after {
    display: none !important;
  }
}

/* [project]/src/components/layout/Sidebar.module.css [client] (css) */
.Sidebar-module__XRNO5a__sidebar {
  --rail: 46px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .75)), rgba(255, 255, 255, .72));
  color: var(--text-dark);
  box-shadow: 0 8px 32px rgba(31, 38, 135, .2), 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 0 rgba(255, 255, 255, .6), inset 0 0 80px color-mix(in srgb, var(--primary-color) 6%, transparent);
  transition: width .3s cubic-bezier(.4, 0, .2, 1), min-width .3s cubic-bezier(.4, 0, .2, 1), box-shadow var(--transition-normal) ease, backdrop-filter var(--transition-normal) ease;
  -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(1.1);
  isolation: isolate;
  will-change: width, min-width;
  border: 1.5px solid rgba(255, 255, 255, .4);
  flex-direction: column;
  width: 260px;
  min-width: 260px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed {
  width: 60px;
  min-width: 60px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen {
  width: 100vw;
  height: calc(100vh - 70px);
  height: calc(100dvh - 70px);
  z-index: var(--z-mobile-panel);
  background-color: var(--glass-bg);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px)  + 12px);
  position: fixed;
  top: 70px;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, .7);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__menuContainer {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__category {
  min-height: 48px;
  padding: 12px 8px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__subMenuItem {
  min-height: 48px;
  margin-bottom: 4px;
  padding: 10px 8px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__category .Sidebar-module__XRNO5a__icon {
  width: 38px;
  height: 38px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__subMenuItem .Sidebar-module__XRNO5a__icon {
  width: 28px;
  height: 28px;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__userSection {
  padding-left: 16px;
  padding-right: 16px;
}

.Sidebar-module__XRNO5a__menuContainer {
  padding-top: 10px;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  will-change: opacity;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.Sidebar-module__XRNO5a__skeletonIcon {
  background: linear-gradient(90deg, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .3) 75%) 0 0 / 200% 100%;
  animation: 1.5s ease-in-out infinite Sidebar-module__XRNO5a__shimmer;
}

.Sidebar-module__XRNO5a__skeletonLabel {
  background: linear-gradient(90deg, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .3) 75%) 0 0 / 200% 100%;
  border-radius: 4px;
  max-width: 120px;
  height: 16px;
  animation: 1.5s ease-in-out infinite Sidebar-module__XRNO5a__shimmer;
}

@keyframes Sidebar-module__XRNO5a__shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__menuContainer {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.Sidebar-module__XRNO5a__menuItem {
  flex-direction: column;
  display: flex;
}

.Sidebar-module__XRNO5a__category {
  grid-template-columns: var(--rail) 1fr auto;
  cursor: pointer;
  transition: background-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease, grid-template-columns .3s cubic-bezier(.4, 0, .2, 1), padding .3s ease;
  color: var(--text-dark);
  will-change: transform, background-color;
  border-radius: 8px;
  align-items: center;
  margin: 2px 6px;
  padding: 6px 0;
  font-weight: 600;
  display: grid;
}

.Sidebar-module__XRNO5a__category:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .15)), rgba(255, 255, 255, .08));
  box-shadow: 0 2px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.Sidebar-module__XRNO5a__category:active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .2)), rgba(255, 255, 255, .1));
  transform: scale(.98);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
}

.Sidebar-module__XRNO5a__icon {
  background: radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, .16), transparent), var(--glass-bg);
  border: 1px solid var(--glass-border);
  will-change: transform;
  border-radius: 10px;
  flex-shrink: 0;
  grid-column: 1;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 18px;
  transition: transform .2s, box-shadow .2s;
  display: inline-flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .2);
}

.Sidebar-module__XRNO5a__category .Sidebar-module__XRNO5a__icon {
  width: 32px;
  height: 32px;
  font-size: 18px;
}

.Sidebar-module__XRNO5a__subMenuItem .Sidebar-module__XRNO5a__icon {
  width: 22px;
  height: 22px;
  font-size: 14px;
}

.Sidebar-module__XRNO5a__label {
  font-size: var(--font-size-3);
  white-space: nowrap;
  max-width: 100%;
  transition: opacity .25s, max-width .3s;
  transition: max-width var(--transition-normal) ease, opacity var(--transition-normal) ease;
  grid-column: 2;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__subMenu {
  flex-direction: column;
  margin-top: 2px;
  display: flex;
}

.Sidebar-module__XRNO5a__subMenu: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))) {
  padding-left: 10px;
}

.Sidebar-module__XRNO5a__subMenu: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))) {
  padding-left: 10px;
}

.Sidebar-module__XRNO5a__subMenu: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))) {
  padding-left: 10px;
}

.Sidebar-module__XRNO5a__subMenu:-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)) {
  padding-right: 10px;
}

.Sidebar-module__XRNO5a__subMenu:-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)) {
  padding-right: 10px;
}

.Sidebar-module__XRNO5a__subMenu: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)) {
  padding-right: 10px;
}

.Sidebar-module__XRNO5a__subMenuItem {
  grid-template-columns: var(--rail) 1fr;
  cursor: pointer;
  transition: color var(--transition-fast) ease, background-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, transform var(--transition-fast) ease;
  color: var(--text-dark);
  will-change: transform, background-color;
  border-radius: 10px;
  align-items: center;
  min-height: 40px;
  margin-bottom: 2px;
  padding: 6px 4px;
  display: grid;
}

.Sidebar-module__XRNO5a__subMenuItem:hover {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .18)), rgba(255, 255, 255, .08));
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15);
  outline: 1px solid color-mix(in srgb, var(--primary-color) 20%, var(--glass-border));
}

.Sidebar-module__XRNO5a__subMenuItem:active {
  transform: scale(.97);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .08);
}

.Sidebar-module__XRNO5a__activeItem {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, rgba(255, 255, 255, .25)), color-mix(in srgb, var(--primary-color) 12%, transparent));
  color: var(--primary-color);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 25%, transparent);
  font-weight: 600;
}

.Sidebar-module__XRNO5a__activeItem:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 28%, rgba(255, 255, 255, .3)), color-mix(in srgb, var(--primary-color) 16%, transparent));
}

.Sidebar-module__XRNO5a__treeContainer {
  flex-direction: column;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
}

.Sidebar-module__XRNO5a__treeNode {
  flex-direction: column;
  display: flex;
  position: relative;
}

.Sidebar-module__XRNO5a__treeConnector {
  pointer-events: none;
  z-index: 1;
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.Sidebar-module__XRNO5a__treeLine {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 30%, transparent), color-mix(in srgb, var(--primary-color) 20%, transparent));
  position: absolute;
}

.Sidebar-module__XRNO5a__treeLineVertical {
  border-radius: 1px;
  width: 2px;
  top: 0;
  bottom: 0;
  right: 10px;
}

.Sidebar-module__XRNO5a__treeNodeLast > .Sidebar-module__XRNO5a__treeConnector > .Sidebar-module__XRNO5a__treeLineVertical {
  bottom: calc(100% - 20px);
}

.Sidebar-module__XRNO5a__treeLineHorizontal {
  border-radius: 1px;
  height: 2px;
  top: 20px;
  left: 0;
  right: 10px;
}

.Sidebar-module__XRNO5a__treeNodeDot {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 40%, #fff), var(--primary-color));
  border: 2px solid color-mix(in srgb, var(--primary-color) 60%, #fff);
  width: 8px;
  height: 8px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 30%, transparent), inset 0 1px 2px rgba(255, 255, 255, .5);
  z-index: 2;
  border-radius: 50%;
  transition: all .2s;
  position: absolute;
  top: 17px;
  right: 7px;
}

.Sidebar-module__XRNO5a__treeNodeDotActive {
  background: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary-color) 50%, transparent), 0 2px 8px color-mix(in srgb, var(--primary-color) 40%, transparent);
  transform: scale(1.2);
}

.Sidebar-module__XRNO5a__treeNode:hover > .Sidebar-module__XRNO5a__treeConnector > .Sidebar-module__XRNO5a__treeNodeDot {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 60%, #fff), var(--primary-color));
  box-shadow: 0 3px 10px color-mix(in srgb, var(--primary-color) 40%, transparent), inset 0 1px 2px rgba(255, 255, 255, .6);
  transform: scale(1.1);
}

.Sidebar-module__XRNO5a__treeCategory {
  cursor: pointer;
  font-weight: 600;
  font-size: var(--font-size-3);
  color: var(--text-dark);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .12)), rgba(255, 255, 255, .06));
  border: 1px solid color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .2));
  z-index: 2;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin: 2px 0;
  padding: 8px 12px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.Sidebar-module__XRNO5a__treeCategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .2)), rgba(255, 255, 255, .1));
  border-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .3));
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  transform: translateX(-2px);
}

.Sidebar-module__XRNO5a__treeCategory:active {
  transform: scale(.98)translateX(-2px);
}

.Sidebar-module__XRNO5a__treeSubcategory {
  cursor: pointer;
  font-weight: 500;
  font-size: calc(var(--font-size-3)  - 1px);
  color: var(--text-dark);
  z-index: 2;
  background: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin: 1px 0;
  padding: 6px 28px 6px 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.Sidebar-module__XRNO5a__treeSubcategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .15)), rgba(255, 255, 255, .08));
  color: var(--primary-color);
}

.Sidebar-module__XRNO5a__treeItem {
  cursor: pointer;
  font-size: calc(var(--font-size-3)  - 1px);
  color: var(--text-dark);
  z-index: 2;
  background: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  margin: 1px 0;
  padding: 6px 28px 6px 10px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.Sidebar-module__XRNO5a__treeItem:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .18)), rgba(255, 255, 255, .08));
  color: var(--primary-color);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 rgba(255, 255, 255, .15);
}

.Sidebar-module__XRNO5a__treeItem:active {
  transform: scale(.98);
}

.Sidebar-module__XRNO5a__treeItemActive {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, rgba(255, 255, 255, .25)), color-mix(in srgb, var(--primary-color) 12%, transparent));
  color: var(--primary-color);
  box-shadow: 0 2px 12px color-mix(in srgb, var(--primary-color) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 25%, transparent);
  font-weight: 600;
}

.Sidebar-module__XRNO5a__treeItemActive:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 28%, rgba(255, 255, 255, .3)), color-mix(in srgb, var(--primary-color) 16%, transparent));
}

.Sidebar-module__XRNO5a__treeIcon {
  background: radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, .2), transparent), var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .2s;
  display: flex;
  box-shadow: inset 0 1px rgba(255, 255, 255, .25);
}

.Sidebar-module__XRNO5a__treeCategory .Sidebar-module__XRNO5a__treeIcon {
  width: 32px;
  height: 32px;
}

.Sidebar-module__XRNO5a__treeSubcategory .Sidebar-module__XRNO5a__treeIcon, .Sidebar-module__XRNO5a__treeItem .Sidebar-module__XRNO5a__treeIcon {
  width: 24px;
  height: 24px;
}

.Sidebar-module__XRNO5a__treeLabel {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__treeChevron {
  opacity: .7;
  flex-shrink: 0;
  transition: transform .25s;
}

.Sidebar-module__XRNO5a__treeChevronOpen {
  transform: rotate(180deg);
}

.Sidebar-module__XRNO5a__treeExpandable .Sidebar-module__XRNO5a__treeChevron {
  opacity: 1;
}

.Sidebar-module__XRNO5a__treeChildren {
  padding-right: 16px;
  position: relative;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__treeNode[data-level="1"] {
  opacity: .95;
}

.Sidebar-module__XRNO5a__treeNode[data-level="2"] {
  opacity: .92;
}

.Sidebar-module__XRNO5a__treeNode[data-level="3"] {
  opacity: .88;
}

.Sidebar-module__XRNO5a__treeNode[data-level="4"] {
  opacity: .85;
}

.Sidebar-module__XRNO5a__treeNode:hover {
  opacity: 1;
}

.Sidebar-module__XRNO5a__treeChildrenLine {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 25%, transparent), color-mix(in srgb, var(--primary-color) 10%, transparent));
  pointer-events: none;
  border-radius: 1px;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 10px;
  right: 26px;
}

.Sidebar-module__XRNO5a__collapsedCategory {
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: 2px 4px;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.Sidebar-module__XRNO5a__collapsedCategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .2)), rgba(255, 255, 255, .1));
}

.Sidebar-module__XRNO5a__collapsedCategory:hover .Sidebar-module__XRNO5a__treeIcon {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .4);
  transform: scale(1.1);
}

.Sidebar-module__XRNO5a__subcategoryWrapper {
  flex-direction: column;
  margin-bottom: 2px;
  display: flex;
}

.Sidebar-module__XRNO5a__subcategory {
  grid-template-columns: var(--rail) 1fr auto;
  cursor: pointer;
  transition: color var(--transition-fast) ease, background-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
  color: var(--text-dark);
  font-weight: 500;
  font-size: var(--font-size-3);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, rgba(255, 255, 255, .1)), transparent);
  border-radius: 8px;
  align-items: center;
  padding: 5px 4px;
  display: grid;
}

.Sidebar-module__XRNO5a__subcategory: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: 8px;
}

.Sidebar-module__XRNO5a__subcategory: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: 8px;
}

.Sidebar-module__XRNO5a__subcategory: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: 8px;
}

.Sidebar-module__XRNO5a__subcategory:-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: 8px;
}

.Sidebar-module__XRNO5a__subcategory:-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: 8px;
}

.Sidebar-module__XRNO5a__subcategory: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: 8px;
}

.Sidebar-module__XRNO5a__subcategory:hover {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .15)), rgba(255, 255, 255, .05));
  box-shadow: 0 1px 8px color-mix(in srgb, var(--primary-color) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__icon {
  width: 22px;
  height: 22px;
  font-size: 14px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon {
  font-size: 14px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon: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: 6px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon: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: 6px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon: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: 6px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon:-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: 6px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon:-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: 6px;
}

.Sidebar-module__XRNO5a__subcategory .Sidebar-module__XRNO5a__chevronIcon: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: 6px;
}

.Sidebar-module__XRNO5a__nestedSubMenu {
  flex-direction: column;
  margin-top: 2px;
  display: flex;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__nestedSubMenu: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))) {
  padding-left: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenu: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))) {
  padding-left: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenu: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))) {
  padding-left: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenu:-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)) {
  padding-right: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenu:-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)) {
  padding-right: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenu: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)) {
  padding-right: 20px;
}

.Sidebar-module__XRNO5a__nestedSubMenuItem {
  grid-template-columns: calc(var(--rail)  - 10px) 1fr;
  cursor: pointer;
  transition: color var(--transition-fast) ease, background-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, transform var(--transition-fast) ease;
  color: var(--text-dark);
  font-size: calc(var(--font-size-3)  - 1px);
  border-radius: 8px;
  align-items: center;
  min-height: 36px;
  margin-bottom: 1px;
  padding: 5px 4px;
  display: grid;
}

.Sidebar-module__XRNO5a__nestedSubMenuItem:hover {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .12)), rgba(255, 255, 255, .05));
  box-shadow: 0 1px 6px color-mix(in srgb, var(--primary-color) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.Sidebar-module__XRNO5a__nestedSubMenuItem:active {
  transform: scale(.97);
}

.Sidebar-module__XRNO5a__nestedSubMenuItem .Sidebar-module__XRNO5a__icon {
  width: 18px;
  height: 18px;
  font-size: 12px;
}

.Sidebar-module__XRNO5a__nestedSubMenuItem.Sidebar-module__XRNO5a__activeItem {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .2)), color-mix(in srgb, var(--primary-color) 10%, transparent));
  color: var(--primary-color);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 20%, transparent);
  font-weight: 600;
}

.Sidebar-module__XRNO5a__chevronIcon {
  width: 20px;
  transition: transform var(--transition-normal) ease, opacity var(--transition-normal) ease, width var(--transition-normal) ease;
  font-size: var(--font-size-2);
  grid-column: 3;
  justify-self: end;
}

.Sidebar-module__XRNO5a__chevronIcon: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: 12px;
  margin-right: 4px;
}

.Sidebar-module__XRNO5a__chevronIcon: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: 12px;
  margin-right: 4px;
}

.Sidebar-module__XRNO5a__chevronIcon: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: 12px;
  margin-right: 4px;
}

.Sidebar-module__XRNO5a__chevronIcon:-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: 4px;
  margin-right: 12px;
}

.Sidebar-module__XRNO5a__chevronIcon:-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: 4px;
  margin-right: 12px;
}

.Sidebar-module__XRNO5a__chevronIcon: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: 4px;
  margin-right: 12px;
}

.Sidebar-module__XRNO5a__chevronOpen {
  transform: rotate(180deg);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__category {
  grid-template-columns: 1fr;
  justify-items: center;
  margin: 2px 4px;
  padding: 8px 0;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__category .Sidebar-module__XRNO5a__icon {
  margin: 0 auto;
  transition: transform .2s, box-shadow .2s;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__category:hover .Sidebar-module__XRNO5a__icon {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent), inset 0 1px 0 rgba(255, 255, 255, .4);
  transform: scale(1.1);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__label, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__chevronIcon {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__label {
  max-width: 0;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__chevronIcon {
  width: 0;
  display: none;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__subMenu {
  display: none;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__subMenuItem {
  grid-template-columns: 1fr;
  justify-items: center;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__subMenuItem .Sidebar-module__XRNO5a__label {
  display: none;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__menuItem {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeContainer {
  flex-direction: column;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeChildren, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeConnector, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeChildrenLine, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeLabel, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__treeChevron {
  display: none;
}

@media (max-width: 768px) {
  .Sidebar-module__XRNO5a__sidebar {
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    min-width: 0;
    height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
    z-index: var(--z-mobile-panel);
    padding-bottom: 50px;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .3s, visibility .35s;
    position: fixed;
    top: 70px;
    right: 0;
    transform: translateX(100%);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen {
    visibility: visible;
    opacity: 1;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .75)), rgba(255, 255, 255, .72));
    -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(1.1);
    box-shadow: -8px 0 32px rgba(31, 38, 135, .25), 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 0 rgba(255, 255, 255, .6), inset 0 0 80px color-mix(in srgb, var(--primary-color) 6%, transparent);
    touch-action: pan-y;
    isolation: isolate;
    will-change: transform, opacity;
    border: 1.5px solid rgba(255, 255, 255, .4);
    transform: translateX(0);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen: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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen: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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen: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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen:-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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen:-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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen: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: 3px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeContainer {
    padding: 8px 12px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeCategory {
    min-height: 48px;
    padding: 12px 14px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeCategory .Sidebar-module__XRNO5a__treeIcon {
    width: 36px;
    height: 36px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeSubcategory, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeItem {
    min-height: 48px;
    padding: 10px 32px 10px 12px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeNodeDot {
    width: 10px;
    height: 10px;
    right: 8px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeLineVertical, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeLineHorizontal {
    right: 12px;
  }

  .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__treeChildrenLine {
    right: 28px;
  }
}

.Sidebar-module__XRNO5a__userSection {
  border-top: 1px solid var(--glass-border);
  padding: 8px 12px;
  transition: padding .3s;
}

.Sidebar-module__XRNO5a__userCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .85)), rgba(255, 255, 255, .75));
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .5));
  box-shadow: 0 4px 16px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0 40px color-mix(in srgb, var(--primary-color) 8%, transparent);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.Sidebar-module__XRNO5a__userCard:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .9)), rgba(255, 255, 255, .82));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .6));
  box-shadow: 0 6px 20px rgba(31, 38, 135, .2), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 0 50px color-mix(in srgb, var(--primary-color) 12%, transparent);
  transform: translateY(-1px);
}

.Sidebar-module__XRNO5a__userAvatar {
  aspect-ratio: 1;
  border: 2px solid color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .6));
  object-fit: cover;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  transition: width .3s, height .3s, flex .3s;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.Sidebar-module__XRNO5a__userInitial {
  aspect-ratio: 1;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, #000));
  color: #fff;
  border: 2px solid color-mix(in srgb, var(--accent-color) 70%, #fff);
  border-radius: 9999px;
  flex: 0 0 36px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.1rem;
  font-weight: 700;
  transition: width .3s, height .3s, flex .3s;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.Sidebar-module__XRNO5a__userInfo {
  text-align: start;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.Sidebar-module__XRNO5a__userActions {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.Sidebar-module__XRNO5a__userActions: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;
}

.Sidebar-module__XRNO5a__userActions: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;
}

.Sidebar-module__XRNO5a__userActions: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;
}

.Sidebar-module__XRNO5a__userActions:-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;
}

.Sidebar-module__XRNO5a__userActions:-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;
}

.Sidebar-module__XRNO5a__userActions: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;
}

.Sidebar-module__XRNO5a__userActionButton {
  border: 1.5px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .4));
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .8)), rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  width: 34px;
  height: 34px;
  color: var(--text-dark);
  cursor: pointer;
  transition: all var(--transition-fast) ease;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: 0 2px 8px rgba(31, 38, 135, .1), inset 0 1px rgba(255, 255, 255, .4);
}

.Sidebar-module__XRNO5a__userActionButton:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .9)), rgba(255, 255, 255, .8));
  border-color: color-mix(in srgb, var(--primary-color) 35%, rgba(255, 255, 255, .5));
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(31, 38, 135, .2), inset 0 1px rgba(255, 255, 255, .5);
}

.Sidebar-module__XRNO5a__userActionButton:focus-visible {
  box-shadow: var(--focus-ring), 0 2px 8px rgba(31, 38, 135, .1), inset 0 1px 0 rgba(255, 255, 255, .4);
  outline: none;
}

.Sidebar-module__XRNO5a__userName {
  font-weight: 600;
  font-size: var(--font-size-3);
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__userMeta {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen .Sidebar-module__XRNO5a__userSection {
  border-top: 1px solid var(--glass-border);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userSection {
  justify-content: center;
  padding: 8px 4px;
  display: flex;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .8)), rgba(255, 255, 255, .7));
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .4));
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  transition: all var(--transition-fast) ease;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(31, 38, 135, .1), inset 0 1px rgba(255, 255, 255, .4);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userCard:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(255, 255, 255, .9)), rgba(255, 255, 255, .8));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color) 15%, transparent), inset 0 1px 0 rgba(255, 255, 255, .5);
  transform: translateY(-2px);
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userAvatar, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userInitial {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0;
}

.Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userInfo, .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userActions {
  display: none;
}

@media (max-width: 768px) {
  .Sidebar-module__XRNO5a__userActionButton {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .Sidebar-module__XRNO5a__userAvatar, .Sidebar-module__XRNO5a__userInitial {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}

[data-theme="dark"] .Sidebar-module__XRNO5a__sidebar {
  color: rgba(255, 255, 255, .95);
  box-shadow: 0 0 40px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 0 60px color-mix(in srgb, var(--primary-color) 3%, transparent);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  background: linear-gradient(rgba(15, 23, 42, .98) 0%, rgba(15, 23, 42, .95) 100%);
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__mobileOpen {
  background: rgba(15, 23, 42, .99);
}

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

[data-theme="dark"] .Sidebar-module__XRNO5a__category:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .6)), rgba(30, 41, 59, .4));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__category:active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .7)), rgba(30, 41, 59, .5));
}

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

[data-theme="dark"] .Sidebar-module__XRNO5a__subMenuItem {
  color: rgba(255, 255, 255, .8);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__subMenuItem:hover {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .7)), rgba(30, 41, 59, .4));
  outline-color: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__activeItem {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, rgba(30, 41, 59, .8)), color-mix(in srgb, var(--primary-color) 10%, rgba(15, 23, 42, .6)));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__activeItem:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, rgba(30, 41, 59, .85)), color-mix(in srgb, var(--primary-color) 15%, rgba(15, 23, 42, .7)));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeCategory {
  color: rgba(255, 255, 255, .95);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(30, 41, 59, .5)), rgba(20, 30, 48, .4));
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeCategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .7)), rgba(30, 41, 59, .5));
  border-color: color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeSubcategory {
  color: rgba(255, 255, 255, .8);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeSubcategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .5)), rgba(30, 41, 59, .3));
  color: var(--primary-color);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeItem {
  color: rgba(255, 255, 255, .75);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeItem:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .6)), rgba(30, 41, 59, .35));
  color: var(--primary-color);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeItemActive {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .7)), color-mix(in srgb, var(--primary-color) 8%, rgba(15, 23, 42, .5)));
  color: var(--primary-color);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeItemActive:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 25%, rgba(30, 41, 59, .8)), color-mix(in srgb, var(--primary-color) 12%, rgba(15, 23, 42, .6)));
}

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

[data-theme="dark"] .Sidebar-module__XRNO5a__treeLabel {
  color: inherit;
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeChevron {
  opacity: .7;
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeLine {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 25%, rgba(255, 255, 255, .1)), color-mix(in srgb, var(--primary-color) 15%, rgba(255, 255, 255, .05)));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeChildrenLine {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .08)), color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .03)));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__treeNodeDot {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 40%, rgba(30, 41, 59, .8)), var(--primary-color));
  border-color: color-mix(in srgb, var(--primary-color) 50%, rgba(30, 41, 59, .5));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__collapsedCategory:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(30, 41, 59, .6)), rgba(30, 41, 59, .4));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userSection {
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, rgba(30, 41, 59, .5)), rgba(20, 30, 48, .4));
  color: rgba(255, 255, 255, .95);
  border-color: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userCard:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .6)), rgba(30, 41, 59, .45));
  border-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userInitial {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 60%, rgba(30, 41, 59, .8)), var(--primary-color));
  color: #fff;
}

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

[data-theme="dark"] .Sidebar-module__XRNO5a__userMeta {
  color: rgba(255, 255, 255, .5);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userActionButton {
  color: rgba(255, 255, 255, .85);
  background: rgba(30, 41, 59, .5);
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__userActionButton:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .7)), rgba(30, 41, 59, .5));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userCard {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .6)), rgba(20, 30, 48, .5));
  border-color: rgba(255, 255, 255, .08);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__sidebar.Sidebar-module__XRNO5a__collapsed .Sidebar-module__XRNO5a__userCard:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .7)), rgba(30, 41, 59, .55));
}

[data-theme="dark"] .Sidebar-module__XRNO5a__skeletonIcon {
  background: linear-gradient(90deg, rgba(30, 41, 59, .5) 25%, rgba(51, 65, 85, .6) 50%, rgba(30, 41, 59, .5) 75%) 0 0 / 200% 100%;
}

[data-theme="dark"] .Sidebar-module__XRNO5a__skeletonLabel {
  background: linear-gradient(90deg, rgba(30, 41, 59, .5) 25%, rgba(51, 65, 85, .6) 50%, rgba(30, 41, 59, .5) 75%) 0 0 / 200% 100%;
}

[data-theme="dark"] .Sidebar-module__XRNO5a__subcategory {
  color: rgba(255, 255, 255, .8);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, rgba(30, 41, 59, .3)), transparent);
}

[data-theme="dark"] .Sidebar-module__XRNO5a__subcategory:hover {
  color: var(--primary-color);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .5)), rgba(30, 41, 59, .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/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/components/layout/Footer.module.css [client] (css) */
.Footer-module__3hUVsW__footer {
  z-index: 10;
  width: 100%;
  height: 22px;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .03), 0 -1px 4px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 20px color-mix(in srgb, var(--primary-color) 3%, transparent);
  background: linear-gradient(rgba(255, 255, 255, .98) 0%, rgba(252, 252, 253, .96) 50%, rgba(248, 249, 250, .94) 100%);
  border-top: 1px solid rgba(0, 0, 0, .08);
  flex-shrink: 0;
  position: relative;
}

.Footer-module__3hUVsW__footerContent {
  height: 100%;
  font-size: var(--font-size-1-mini);
  color: rgba(15, 23, 42, .88);
  letter-spacing: .01em;
  grid-template-columns: minmax(auto, max-content) 1fr 22px 1fr minmax(auto, max-content);
  grid-template-areas: "right center scroll center-dummy left";
  align-items: center;
  gap: 14px;
  padding: 0 6px;
  font-weight: 400;
  line-height: 1;
  display: grid;
  position: relative;
  overflow: hidden;
}

.Footer-module__3hUVsW__rightSection {
  flex-shrink: 0;
  grid-area: right;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: auto;
  height: 100%;
  padding: 0 2px;
  display: flex;
  overflow: visible;
}

.Footer-module__3hUVsW__centerSection {
  grid-area: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 100%;
  padding: 0 4px;
  display: flex;
  overflow: hidden;
}

.Footer-module__3hUVsW__leftSection {
  grid-area: left;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: auto;
  height: 100%;
  padding: 0 2px;
  display: flex;
}

.Footer-module__3hUVsW__section {
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 100%;
  padding: 0 4px;
  display: flex;
}

.Footer-module__3hUVsW__section:first-child {
  justify-content: flex-start;
}

.Footer-module__3hUVsW__section:last-child {
  justify-content: flex-end;
}

.Footer-module__3hUVsW__statusGroup, .Footer-module__3hUVsW__userGroup, .Footer-module__3hUVsW__dateTimeGroup, .Footer-module__3hUVsW__performanceGroup {
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 100%;
  display: flex;
}

.Footer-module__3hUVsW__scrollTopContainer {
  flex-shrink: 0;
  grid-area: scroll;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.Footer-module__3hUVsW__scrollTopBtn {
  width: 22px;
  height: 22px;
  color: var(--primary-color);
  cursor: pointer;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 40%, transparent));
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  animation: 2s ease-in-out infinite Footer-module__3hUVsW__pulseGlow;
  display: flex;
}

@keyframes Footer-module__3hUVsW__pulseGlow {
  0%, 100% {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 40%, transparent));
    transform: scale(1);
  }

  50% {
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--primary-color) 60%, transparent));
    transform: scale(1.05);
  }
}

.Footer-module__3hUVsW__scrollTopBtn:hover {
  color: var(--hover-color);
  filter: drop-shadow(0 0 16px color-mix(in srgb, var(--primary-color) 70%, transparent));
  animation: none;
  transform: scale(1.2);
}

.Footer-module__3hUVsW__scrollTopBtn:active {
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--primary-color) 50%, transparent));
  transition-duration: .1s;
  transform: scale(.9);
}

.Footer-module__3hUVsW__supportButton {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  height: 16px;
  color: var(--primary-color);
  font-size: var(--font-size-1-mini);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.Footer-module__3hUVsW__supportButton:hover {
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
  transform: translateY(-1px);
}

.Footer-module__3hUVsW__supportButton:active {
  transform: translateY(0)scale(.98);
}

.Footer-module__3hUVsW__supportButton svg {
  flex-shrink: 0;
}

.Footer-module__3hUVsW__supportButton span {
  white-space: nowrap;
}

.Footer-module__3hUVsW__statusBadge, .Footer-module__3hUVsW__userBadge, .Footer-module__3hUVsW__infoBadge, .Footer-module__3hUVsW__dateBadge, .Footer-module__3hUVsW__hebrewDateBadge, .Footer-module__3hUVsW__timeBadge, .Footer-module__3hUVsW__holidayBadge, .Footer-module__3hUVsW__performanceBadge {
  height: 100%;
  box-shadow: none;
  font-size: var(--font-size-1-mini);
  white-space: nowrap;
  color: rgba(15, 23, 42, .85);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0;
  line-height: 1;
  transition: all .15s;
  display: inline-flex;
}

.Footer-module__3hUVsW__statusBadge:hover, .Footer-module__3hUVsW__userBadge:hover, .Footer-module__3hUVsW__infoBadge:hover, .Footer-module__3hUVsW__dateBadge:hover, .Footer-module__3hUVsW__hebrewDateBadge:hover, .Footer-module__3hUVsW__timeBadge:hover, .Footer-module__3hUVsW__performanceBadge:hover {
  color: #0f172a;
}

.Footer-module__3hUVsW__performanceGroup {
  align-items: center;
  gap: 6px;
}

.Footer-module__3hUVsW__performanceBadge {
  align-items: center;
  gap: 3px;
  display: inline-flex;
  position: relative;
}

.Footer-module__3hUVsW__performanceLabel {
  font-size: var(--font-size-1-mini);
  opacity: .7;
  vertical-align: middle;
  align-items: center;
  height: 100%;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
}

.Footer-module__3hUVsW__performanceValue {
  font-size: var(--font-size-1-mini);
  color: var(--primary-color);
  font-variant-numeric: tabular-nums;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  min-width: 22px;
  height: 100%;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.Footer-module__3hUVsW__performanceBar {
  background: linear-gradient(90deg, rgba(0, 0, 0, .04) 0%, rgba(0, 0, 0, .06) 100%);
  border-radius: 2px;
  align-self: center;
  width: 26px;
  height: 2.5px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .08);
}

.Footer-module__3hUVsW__performanceBarFill {
  background: linear-gradient(90deg, currentColor 0%, color-mix(in srgb, currentColor 85%, white) 100%);
  border-radius: 2px;
  height: 100%;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  box-shadow: 0 0 4px;
}

.Footer-module__3hUVsW__performanceBarFill:after {
  content: "";
  background: linear-gradient(rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 2px 2px 0 0;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.Footer-module__3hUVsW__performanceLow {
  color: var(--system-success);
}

.Footer-module__3hUVsW__performanceMed {
  color: rgba(251, 146, 60, .95);
}

.Footer-module__3hUVsW__performanceHigh {
  color: var(--system-error);
}

.Footer-module__3hUVsW__userBadge {
  font-weight: 500;
}

.Footer-module__3hUVsW__userName {
  color: var(--primary-color);
  font-weight: 500;
}

.Footer-module__3hUVsW__timeBadge {
  font-weight: 500;
}

.Footer-module__3hUVsW__timeText {
  font-variant-numeric: tabular-nums;
  color: var(--primary-color);
  font-weight: 500;
  font-size: var(--font-size-1-mini);
}

.Footer-module__3hUVsW__holidayBadge {
  color: rgba(251, 146, 60, .95);
  background: linear-gradient(135deg, rgba(251, 191, 36, .08) 0%, rgba(251, 146, 60, .06) 100%);
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 500;
  animation: 3s ease-in-out infinite Footer-module__3hUVsW__subtleGlow;
}

@keyframes Footer-module__3hUVsW__subtleGlow {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .85;
  }
}

.Footer-module__3hUVsW__statusDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  display: block;
  position: relative;
  box-shadow: 0 0 6px;
}

.Footer-module__3hUVsW__dotGreen {
  background: var(--system-success);
  color: var(--system-success);
  animation: 2.5s cubic-bezier(.4, 0, .6, 1) infinite Footer-module__3hUVsW__statusPulse;
}

.Footer-module__3hUVsW__dotRed {
  background: var(--system-error);
  color: var(--system-error);
}

.Footer-module__3hUVsW__dotYellow {
  color: #f59e0b;
  background: #f59e0b;
  animation: 2.5s cubic-bezier(.4, 0, .6, 1) infinite Footer-module__3hUVsW__statusPulse;
}

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

  50% {
    opacity: .6;
    transform: scale(.92);
  }
}

.Footer-module__3hUVsW__badgeIcon {
  opacity: .65;
  vertical-align: middle;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: opacity .15s;
  display: inline-flex;
}

.Footer-module__3hUVsW__companyLogo {
  object-fit: contain;
  object-position: center;
  width: 14px;
  height: 14px;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--primary-color) 20%, transparent)) drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color) 15%, transparent));
  will-change: filter;
  border-radius: 50%;
  flex-shrink: 0;
  transition: filter .2s;
  display: block;
  transform: translateZ(0);
}

.Footer-module__3hUVsW__userAvatar {
  object-fit: cover;
  object-position: center;
  width: 14px;
  height: 14px;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--primary-color) 20%, transparent)) drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color) 15%, transparent));
  will-change: filter;
  border-radius: 50%;
  flex-shrink: 0;
  transition: filter .2s;
  display: block;
  transform: translateZ(0);
}

.Footer-module__3hUVsW__userAvatarPlaceholder {
  background: var(--primary-color);
  color: #fff;
  width: 14px;
  height: 14px;
  filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--primary-color) 20%, transparent)) drop-shadow(0 0 4px color-mix(in srgb, var(--primary-color) 15%, transparent));
  will-change: filter;
  text-transform: uppercase;
  letter-spacing: 0;
  vertical-align: middle;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  transition: filter .2s;
  display: inline-flex;
  transform: translateZ(0);
}

.Footer-module__3hUVsW__infoBadge:hover .Footer-module__3hUVsW__companyLogo, .Footer-module__3hUVsW__userBadge:hover .Footer-module__3hUVsW__userAvatar, .Footer-module__3hUVsW__userBadge:hover .Footer-module__3hUVsW__userAvatarPlaceholder {
  filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--primary-color) 25%, transparent)) drop-shadow(0 0 6px color-mix(in srgb, var(--primary-color) 20%, transparent));
}

.Footer-module__3hUVsW__statusBadge:hover .Footer-module__3hUVsW__badgeIcon, .Footer-module__3hUVsW__userBadge:hover .Footer-module__3hUVsW__badgeIcon, .Footer-module__3hUVsW__infoBadge:hover .Footer-module__3hUVsW__badgeIcon, .Footer-module__3hUVsW__dateBadge:hover .Footer-module__3hUVsW__badgeIcon, .Footer-module__3hUVsW__timeBadge:hover .Footer-module__3hUVsW__badgeIcon {
  opacity: .9;
}

.Footer-module__3hUVsW__separator {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 10%, rgba(0, 0, 0, .12) 50%, rgba(0, 0, 0, .1) 90%, rgba(0, 0, 0, 0) 100%);
  flex-shrink: 0;
  align-self: center;
  width: 1px;
  height: 16px;
  margin: 0 4px;
  position: relative;
}

.Footer-module__3hUVsW__separator:after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .4) 10%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .4) 90%, rgba(0, 0, 0, 0) 100%);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
}

@media (max-width: 1024px) {
  .Footer-module__3hUVsW__footerContent {
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px;
    display: flex;
  }

  .Footer-module__3hUVsW__rightSection, .Footer-module__3hUVsW__centerSection, .Footer-module__3hUVsW__leftSection {
    min-width: auto;
  }

  .Footer-module__3hUVsW__rightSection {
    justify-content: flex-start;
    gap: 12px;
  }

  .Footer-module__3hUVsW__centerSection {
    justify-content: center;
  }

  .Footer-module__3hUVsW__leftSection {
    justify-content: flex-end;
  }

  .Footer-module__3hUVsW__section {
    gap: 8px;
    min-width: auto;
    padding: 0 2px;
  }

  .Footer-module__3hUVsW__section:first-child, .Footer-module__3hUVsW__section:last-child {
    justify-content: center;
  }

  .Footer-module__3hUVsW__statusGroup, .Footer-module__3hUVsW__userGroup, .Footer-module__3hUVsW__dateTimeGroup, .Footer-module__3hUVsW__performanceGroup {
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .Footer-module__3hUVsW__footer {
    height: 20px;
    padding-left: max(16px, env(safe-area-inset-left, 8px));
    padding-right: max(16px, env(safe-area-inset-right, 8px));
  }

  .Footer-module__3hUVsW__performanceGroup, .Footer-module__3hUVsW__hideMobile, .Footer-module__3hUVsW__statusLabel {
    display: none !important;
  }

  .Footer-module__3hUVsW__footerContent {
    font-size: var(--font-size-1-mini-mobile);
    justify-content: space-between;
    gap: 2px;
    padding: 0 4px;
    display: flex;
  }

  .Footer-module__3hUVsW__rightSection, .Footer-module__3hUVsW__centerSection, .Footer-module__3hUVsW__leftSection {
    gap: 2px;
    min-width: auto;
    padding: 0;
  }

  .Footer-module__3hUVsW__rightSection {
    justify-content: flex-start;
    gap: 4px;
  }

  .Footer-module__3hUVsW__centerSection {
    justify-content: center;
  }

  .Footer-module__3hUVsW__leftSection {
    justify-content: flex-end;
  }

  .Footer-module__3hUVsW__section {
    gap: 2px;
    min-width: auto;
    padding: 0;
  }

  .Footer-module__3hUVsW__section:first-child, .Footer-module__3hUVsW__section:last-child {
    justify-content: center;
  }

  .Footer-module__3hUVsW__statusBadge, .Footer-module__3hUVsW__userBadge, .Footer-module__3hUVsW__infoBadge, .Footer-module__3hUVsW__dateBadge, .Footer-module__3hUVsW__hebrewDateBadge, .Footer-module__3hUVsW__timeBadge, .Footer-module__3hUVsW__holidayBadge, .Footer-module__3hUVsW__performanceBadge {
    font-size: var(--font-size-1-mini-mobile);
    gap: 2px;
  }

  .Footer-module__3hUVsW__performanceLabel, .Footer-module__3hUVsW__performanceValue, .Footer-module__3hUVsW__timeText, .Footer-module__3hUVsW__holidayBadge {
    font-size: var(--font-size-1-mini-mobile);
  }

  .Footer-module__3hUVsW__statusGroup, .Footer-module__3hUVsW__userGroup, .Footer-module__3hUVsW__dateTimeGroup, .Footer-module__3hUVsW__performanceGroup {
    gap: 3px;
  }

  .Footer-module__3hUVsW__performanceGroup {
    gap: 4px;
  }

  .Footer-module__3hUVsW__performanceBar, .Footer-module__3hUVsW__performanceLabel {
    display: none;
  }

  .Footer-module__3hUVsW__performanceValue {
    min-width: auto;
  }

  .Footer-module__3hUVsW__badgeIcon {
    width: 8px;
    height: 8px;
  }

  .Footer-module__3hUVsW__companyLogo, .Footer-module__3hUVsW__userAvatar, .Footer-module__3hUVsW__userAvatarPlaceholder {
    width: 11px;
    height: 11px;
  }

  .Footer-module__3hUVsW__userAvatarPlaceholder {
    font-size: 5.5px;
  }

  .Footer-module__3hUVsW__statusDot {
    width: 3.5px;
    height: 3.5px;
  }

  .Footer-module__3hUVsW__separator {
    height: 10px;
    margin: 0;
  }

  .Footer-module__3hUVsW__holidayBadge {
    padding: 1px 4px;
  }

  .Footer-module__3hUVsW__scrollTopContainer, .Footer-module__3hUVsW__scrollTopBtn {
    width: 18px;
    height: 18px;
  }

  .Footer-module__3hUVsW__scrollTopBtn svg {
    width: 10px;
    height: 10px;
  }

  @keyframes Footer-module__3hUVsW__pulseGlow {
    0%, 100% {
      filter: drop-shadow(0 0 6px color-mix(in srgb, var(--primary-color) 40%, transparent));
      transform: scale(1);
    }

    50% {
      filter: drop-shadow(0 0 10px color-mix(in srgb, var(--primary-color) 60%, transparent));
      transform: scale(1.05);
    }
  }

  .Footer-module__3hUVsW__scrollTopBtn:hover {
    filter: drop-shadow(0 0 14px color-mix(in srgb, var(--primary-color) 70%, transparent));
    transform: scale(1.15);
  }

  .Footer-module__3hUVsW__scrollTopBtn:active {
    transform: scale(.85);
  }
}

@media (max-width: 600px) {
  .Footer-module__3hUVsW__footer {
    padding-left: max(20px, env(safe-area-inset-left, 12px));
    padding-right: max(20px, env(safe-area-inset-right, 12px));
  }

  .Footer-module__3hUVsW__rightSection, .Footer-module__3hUVsW__centerSection, .Footer-module__3hUVsW__leftSection {
    gap: 2px;
    min-width: auto;
  }

  .Footer-module__3hUVsW__performanceGroup {
    display: none !important;
  }

  .Footer-module__3hUVsW__section {
    gap: 2px;
    min-width: auto;
  }

  .Footer-module__3hUVsW__section:first-child, .Footer-module__3hUVsW__section:last-child {
    justify-content: center;
  }

  .Footer-module__3hUVsW__statusGroup, .Footer-module__3hUVsW__userGroup, .Footer-module__3hUVsW__dateTimeGroup, .Footer-module__3hUVsW__performanceGroup {
    gap: 2px;
  }

  .Footer-module__3hUVsW__performanceBar, .Footer-module__3hUVsW__performanceLabel {
    display: none;
  }

  .Footer-module__3hUVsW__performanceValue {
    min-width: auto;
  }
}

@media (max-width: 896px) and (orientation: landscape) {
  .Footer-module__3hUVsW__footer {
    padding-left: max(24px, env(safe-area-inset-left, 16px));
    padding-right: max(24px, env(safe-area-inset-right, 16px));
  }

  .Footer-module__3hUVsW__footerContent {
    padding: 0 12px;
  }

  .Footer-module__3hUVsW__hebrewDateBadge, .Footer-module__3hUVsW__holidayBadge {
    display: none !important;
  }
}

@media (max-height: 450px) {
  .Footer-module__3hUVsW__footer {
    height: 18px;
  }

  .Footer-module__3hUVsW__footerContent {
    font-size: 9px;
  }

  .Footer-module__3hUVsW__badgeIcon {
    width: 7px;
    height: 7px;
  }

  .Footer-module__3hUVsW__companyLogo, .Footer-module__3hUVsW__userAvatar, .Footer-module__3hUVsW__userAvatarPlaceholder {
    width: 10px;
    height: 10px;
  }

  .Footer-module__3hUVsW__scrollTopContainer, .Footer-module__3hUVsW__scrollTopBtn {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px) {
  .Footer-module__3hUVsW__footer {
    display: none !important;
  }
}

/* [project]/src/components/CallsSidebar/CallsSidebar.module.css [client] (css) */
.CallsSidebar-module__sTZxkG__toggleButton {
  z-index: var(--z-floating-btn);
  cursor: pointer;
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  border: none;
  border: 1px solid color-mix(in srgb, var(--primary-color, #e68c3a) 15%, rgba(255, 255, 255, .7));
  width: 44px;
  height: 52px;
  color: var(--primary-color, #e68c3a);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .88) 100%);
  border-left: none;
  border-radius: 0 12px 12px 0;
  padding: 0;
  transition: left .35s cubic-bezier(.4, 0, .2, 1), background .15s, color .15s;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 3px 0 12px rgba(0, 0, 0, .06), 1px 0 4px rgba(0, 0, 0, .03);
}

.CallsSidebar-module__sTZxkG__toggleButton:hover {
  color: color-mix(in srgb, var(--primary-color, #e68c3a) 80%, #000);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .92) 100%);
}

.CallsSidebar-module__sTZxkG__toggleButton:active {
  background: linear-gradient(135deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .84) 100%);
}

.CallsSidebar-module__sTZxkG__toggleOpen {
  border-radius: 0 12px 12px 0;
  left: 360px;
}

.CallsSidebar-module__sTZxkG__toggleActive {
  color: #f59e0b;
  animation: 2s ease-in-out infinite CallsSidebar-module__sTZxkG__toggleGlow;
}

.CallsSidebar-module__sTZxkG__toggleActive .CallsSidebar-module__sTZxkG__toggleIconWrap {
  animation: .5s ease-in-out infinite CallsSidebar-module__sTZxkG__toggleShake;
}

@keyframes CallsSidebar-module__sTZxkG__toggleGlow {
  0%, 100% {
    box-shadow: 4px 0 24px rgba(245, 158, 11, .15), 2px 0 8px rgba(0, 0, 0, .04), inset 0 1px #fff, 0 0 rgba(245, 158, 11, 0);
  }

  50% {
    box-shadow: 4px 0 32px rgba(245, 158, 11, .25), 2px 0 8px rgba(0, 0, 0, .04), inset 0 1px #fff, 0 0 30px rgba(245, 158, 11, .2);
  }
}

@keyframes CallsSidebar-module__sTZxkG__toggleShake {
  0%, 100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-8deg);
  }

  75% {
    transform: rotate(8deg);
  }
}

.CallsSidebar-module__sTZxkG__toggleIconWrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.CallsSidebar-module__sTZxkG__togglePulse, .CallsSidebar-module__sTZxkG__togglePulse2 {
  border: 2px solid #f59e0b;
  border-radius: 50%;
  animation: 1.5s ease-out infinite CallsSidebar-module__sTZxkG__togglePulseAnim;
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

.CallsSidebar-module__sTZxkG__togglePulse2 {
  animation-delay: .75s;
}

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

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

.CallsSidebar-module__sTZxkG__toggleBadge {
  color: #fff;
  background: var(--primary-color, #e68c3a);
  min-width: 16px;
  height: 16px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color, #e68c3a) 40%, transparent);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.CallsSidebar-module__sTZxkG__sidebarOverlay {
  width: 360px;
  height: 100vh;
  z-index: var(--z-notification);
  pointer-events: none;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.CallsSidebar-module__sTZxkG__sidebarOverlay.CallsSidebar-module__sTZxkG__open {
  pointer-events: auto;
  transform: translateX(0);
}

.CallsSidebar-module__sTZxkG__sidebar {
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  border-right: 1px solid color-mix(in srgb, var(--primary-color, #e68c3a) 20%, rgba(255, 255, 255, .8));
  background: linear-gradient(rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .88) 40%, rgba(255, 255, 255, .85) 100%);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 8px 0 40px rgba(0, 0, 0, .08), 4px 0 16px rgba(0, 0, 0, .04), inset -1px 0 rgba(255, 255, 255, .9);
}

.CallsSidebar-module__sTZxkG__sidebar:before {
  content: "";
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color, #e68c3a) 3%, transparent) 0%, transparent 15%, transparent 100%);
  pointer-events: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.CallsSidebar-module__sTZxkG__header {
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .4) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  align-items: center;
  gap: 10px;
  padding: 16px 16px 14px;
  display: flex;
  position: relative;
}

.CallsSidebar-module__sTZxkG__headerIcon {
  background: linear-gradient(135deg, var(--primary-color, #e68c3a) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 80%, #ff6b00) 100%);
  color: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-color, #e68c3a) 30%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.CallsSidebar-module__sTZxkG__headerTitle {
  color: rgba(0, 0, 0, .85);
  letter-spacing: -.01em;
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.CallsSidebar-module__sTZxkG__closeBtn {
  cursor: pointer;
  color: rgba(0, 0, 0, .5);
  background: rgba(0, 0, 0, .04);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .15s;
  display: flex;
}

.CallsSidebar-module__sTZxkG__closeBtn:hover {
  color: #dc2626;
  background: rgba(239, 68, 68, .12);
}

.CallsSidebar-module__sTZxkG__sectionHeader {
  color: rgba(0, 0, 0, .5);
  text-transform: uppercase;
  letter-spacing: .03em;
  align-items: center;
  gap: 6px;
  padding: 10px 16px 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyCount {
  color: rgba(0, 0, 0, .6);
  background: rgba(0, 0, 0, .05);
  border-radius: 10px;
  margin-right: auto;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__historySection {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.CallsSidebar-module__sTZxkG__historyList {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .15) transparent;
  flex: 1;
  padding: 0 12px 12px;
  overflow-y: auto;
}

.CallsSidebar-module__sTZxkG__historyList::-webkit-scrollbar {
  width: 4px;
}

.CallsSidebar-module__sTZxkG__historyList::-webkit-scrollbar-track {
  background: none;
}

.CallsSidebar-module__sTZxkG__historyList::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .15);
  border-radius: 2px;
}

.CallsSidebar-module__sTZxkG__historyList::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .25);
}

.CallsSidebar-module__sTZxkG__emptyHistory {
  color: rgba(0, 0, 0, .35);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  font-size: 13px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyItem {
  background: rgba(255, 255, 255, .7);
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 12px;
  margin-bottom: 8px;
  transition: all .2s;
  overflow: hidden;
}

.CallsSidebar-module__sTZxkG__historyItem:hover {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(0, 0, 0, .08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.CallsSidebar-module__sTZxkG__historyItem.CallsSidebar-module__sTZxkG__expanded {
  border-color: color-mix(in srgb, var(--primary-color, #e68c3a) 20%, rgba(0, 0, 0, .1));
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

.CallsSidebar-module__sTZxkG__endedItem {
  border-left: 3px solid rgba(107, 114, 128, .5);
}

.CallsSidebar-module__sTZxkG__abandonedItem {
  border-left: 3px solid rgba(239, 68, 68, .5);
}

.CallsSidebar-module__sTZxkG__historyItemHeader {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyStatusIcon {
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__endedHistoryIcon {
  color: #6b7280;
  background: rgba(107, 114, 128, .1);
}

.CallsSidebar-module__sTZxkG__abandonedHistoryIcon {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
}

.CallsSidebar-module__sTZxkG__historyAvatar {
  flex-shrink: 0;
}

.CallsSidebar-module__sTZxkG__historyAvatarImg {
  object-fit: cover;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.CallsSidebar-module__sTZxkG__historyAvatarFallback {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color, #e68c3a) 80%, white) 0%, var(--primary-color, #e68c3a) 100%);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyInfo {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyName {
  color: rgba(0, 0, 0, .85);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.CallsSidebar-module__sTZxkG__historyPhone {
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyMeta {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 1px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyTime {
  color: rgba(0, 0, 0, .6);
  font-family: SF Mono, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__historyDate {
  color: rgba(0, 0, 0, .4);
  font-size: 10px;
}

.CallsSidebar-module__sTZxkG__historyExpandBtn, .CallsSidebar-module__sTZxkG__historyDismissBtn {
  cursor: pointer;
  color: rgba(0, 0, 0, .35);
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .15s;
  display: flex;
}

.CallsSidebar-module__sTZxkG__historyExpandBtn:hover {
  color: rgba(0, 0, 0, .6);
  background: rgba(0, 0, 0, .06);
}

.CallsSidebar-module__sTZxkG__historyDismissBtn:hover {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
}

.CallsSidebar-module__sTZxkG__historyDetails {
  background: rgba(0, 0, 0, .01);
  border-top: 1px solid rgba(0, 0, 0, .05);
  padding: 0 12px 12px;
  animation: .2s CallsSidebar-module__sTZxkG__expandIn;
}

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

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

.CallsSidebar-module__sTZxkG__detailRow {
  border-bottom: 1px solid rgba(0, 0, 0, .03);
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 12px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__detailRow:last-child {
  border-bottom: none;
}

.CallsSidebar-module__sTZxkG__detailLabel {
  color: rgba(0, 0, 0, .5);
  flex-shrink: 0;
  width: 70px;
}

.CallsSidebar-module__sTZxkG__detailValue {
  color: rgba(0, 0, 0, .8);
  align-items: center;
  gap: 4px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__endedText {
  color: #6b7280;
}

.CallsSidebar-module__sTZxkG__abandonedText {
  color: #dc2626;
}

.CallsSidebar-module__sTZxkG__detailTimeline {
  color: rgba(0, 0, 0, .6);
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__detailTimeline span {
  align-items: center;
  gap: 4px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__detailSummary {
  padding: 8px 0;
}

.CallsSidebar-module__sTZxkG__summaryText {
  color: rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .02);
  border-radius: 8px;
  margin: 4px 0 0;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.CallsSidebar-module__sTZxkG__detailActions {
  gap: 8px;
  padding-top: 8px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__detailActionBtn {
  cursor: pointer;
  background: color-mix(in srgb, var(--primary-color, #e68c3a) 10%, transparent);
  color: var(--primary-color, #e68c3a);
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.CallsSidebar-module__sTZxkG__detailActionBtn:hover {
  background: color-mix(in srgb, var(--primary-color, #e68c3a) 18%, transparent);
}

.CallsSidebar-module__sTZxkG__currentCallSection {
  background: linear-gradient(0deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);
  border-top: 1px solid rgba(0, 0, 0, .05);
  flex-shrink: 0;
  min-height: 160px;
}

.CallsSidebar-module__sTZxkG__currentCallEmpty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 16px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__emptyIconWrap {
  color: rgba(0, 0, 0, .25);
  background: rgba(0, 0, 0, .04);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__emptyText {
  color: rgba(0, 0, 0, .4);
  font-size: 14px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__emptySubtext {
  color: rgba(0, 0, 0, .3);
  font-size: 12px;
}

.CallsSidebar-module__sTZxkG__currentCall {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 14px;
  margin: 12px;
  padding: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .05), inset 0 1px rgba(255, 255, 255, .9);
}

.CallsSidebar-module__sTZxkG__incomingCall, .CallsSidebar-module__sTZxkG__ringingCall {
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(254, 243, 199, .3) 100%);
  border-color: rgba(245, 158, 11, .3);
  animation: 2s ease-in-out infinite CallsSidebar-module__sTZxkG__currentCallGlow;
}

@keyframes CallsSidebar-module__sTZxkG__currentCallGlow {
  0%, 100% {
    box-shadow: 0 4px 16px rgba(245, 158, 11, .1), inset 0 1px rgba(255, 255, 255, .9);
  }

  50% {
    box-shadow: 0 4px 24px rgba(245, 158, 11, .2), inset 0 1px rgba(255, 255, 255, .9), 0 0 0 2px rgba(245, 158, 11, .1);
  }
}

.CallsSidebar-module__sTZxkG__inCallCall {
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(209, 250, 229, .2) 100%);
  border-color: rgba(16, 185, 129, .3);
}

.CallsSidebar-module__sTZxkG__transferredCall {
  background: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(237, 233, 254, .2) 100%);
  border-color: rgba(139, 92, 246, .3);
}

.CallsSidebar-module__sTZxkG__currentCallStatus {
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__statusIcon {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: relative;
}

.CallsSidebar-module__sTZxkG__incomingIcon, .CallsSidebar-module__sTZxkG__ringingIcon {
  color: #d97706;
  background: rgba(245, 158, 11, .12);
}

.CallsSidebar-module__sTZxkG__inCallIcon {
  color: #059669;
  background: rgba(16, 185, 129, .12);
}

.CallsSidebar-module__sTZxkG__transferredIcon {
  color: #7c3aed;
  background: rgba(139, 92, 246, .12);
}

.CallsSidebar-module__sTZxkG__statusPulse {
  opacity: .6;
  border: 2px solid;
  border-radius: 10px;
  animation: 1.5s infinite CallsSidebar-module__sTZxkG__statusPulseAnim;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}

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

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

.CallsSidebar-module__sTZxkG__statusText {
  color: rgba(0, 0, 0, .7);
  font-size: 12px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__callTimer {
  color: rgba(0, 0, 0, .5);
  background: rgba(0, 0, 0, .04);
  border-radius: 5px;
  padding: 2px 8px;
  font-family: SF Mono, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__dismissBtn {
  cursor: pointer;
  color: rgba(0, 0, 0, .3);
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: auto;
  transition: all .15s;
  display: flex;
}

.CallsSidebar-module__sTZxkG__dismissBtn:hover {
  color: #dc2626;
  background: rgba(239, 68, 68, .1);
}

.CallsSidebar-module__sTZxkG__callerInfo {
  align-items: center;
  gap: 10px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__callerAvatar {
  flex-shrink: 0;
}

.CallsSidebar-module__sTZxkG__avatarImg {
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 10px;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.CallsSidebar-module__sTZxkG__avatarFallback {
  background: linear-gradient(135deg, var(--primary-color, #e68c3a) 0%, color-mix(in srgb, var(--primary-color, #e68c3a) 80%, white) 100%);
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary-color, #e68c3a) 25%, transparent);
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.CallsSidebar-module__sTZxkG__callerDetails {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.CallsSidebar-module__sTZxkG__callerName {
  color: rgba(0, 0, 0, .85);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  transition: color .15s;
  display: inline-flex;
}

.CallsSidebar-module__sTZxkG__callerName:hover {
  color: var(--primary-color, #e68c3a);
}

.CallsSidebar-module__sTZxkG__linkIcon {
  opacity: .4;
  transition: opacity .15s;
}

.CallsSidebar-module__sTZxkG__callerName:hover .CallsSidebar-module__sTZxkG__linkIcon {
  opacity: 1;
}

.CallsSidebar-module__sTZxkG__callerNameUnknown {
  color: rgba(0, 0, 0, .5);
  font-size: 14px;
  font-weight: 600;
}

.CallsSidebar-module__sTZxkG__agentInfo {
  color: rgba(0, 0, 0, .55);
  border-top: 1px solid rgba(0, 0, 0, .05);
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 11px;
  display: flex;
}

.CallsSidebar-module__sTZxkG__agentExt {
  color: rgba(0, 0, 0, .4);
}

.CallsSidebar-module__sTZxkG__transferredFrom {
  color: rgba(139, 92, 246, .8);
  align-items: center;
  gap: 3px;
  margin-right: auto;
  display: flex;
}

@media (max-width: 768px) {
  .CallsSidebar-module__sTZxkG__toggleButton, .CallsSidebar-module__sTZxkG__sidebarOverlay {
    display: none;
  }
}

/* [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/ServerDown/ServerDown.module.css [client] (css) */
.ServerDown-module__2T3SpG__container {
  z-index: var(--z-overlay);
  background: linear-gradient(135deg, #fff 0%, #fafbfc 25%, #f8f9fa 50%, color-mix(in srgb, var(--primary-color) 3%, #fff) 75%, #fff 100%);
  direction: rtl;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ServerDown-module__2T3SpG__backgroundOverlay {
  background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--primary-color) 8%, transparent) 0%, transparent 50%), radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--primary-color) 6%, transparent) 0%, transparent 50%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent-color) 30%, transparent) 0%, transparent 60%);
  animation: 8s ease-in-out infinite ServerDown-module__2T3SpG__pulseBackground;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

.ServerDown-module__2T3SpG__particlesContainer {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ServerDown-module__2T3SpG__particle {
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
  width: 8px;
  height: 8px;
  animation: 12s ease-in-out infinite ServerDown-module__2T3SpG__floatParticle;
  animation-delay: var(--delay);
  border-radius: 50%;
  position: absolute;
}

.ServerDown-module__2T3SpG__particle:first-child {
  top: 10%;
  left: 20%;
}

.ServerDown-module__2T3SpG__particle:nth-child(2) {
  top: 30%;
  left: 80%;
}

.ServerDown-module__2T3SpG__particle:nth-child(3) {
  top: 50%;
  left: 15%;
}

.ServerDown-module__2T3SpG__particle:nth-child(4) {
  top: 70%;
  left: 70%;
}

.ServerDown-module__2T3SpG__particle:nth-child(5) {
  top: 85%;
  left: 40%;
}

.ServerDown-module__2T3SpG__particle:nth-child(6) {
  top: 20%;
  left: 60%;
}

@keyframes ServerDown-module__2T3SpG__floatParticle {
  0%, 100% {
    opacity: .3;
    transform: translateY(0)translateX(0)scale(1);
  }

  25% {
    opacity: .6;
    transform: translateY(-30px)translateX(15px)scale(1.2);
  }

  50% {
    opacity: .4;
    transform: translateY(-15px)translateX(-10px)scale(.8);
  }

  75% {
    opacity: .5;
    transform: translateY(-40px)translateX(20px)scale(1.1);
  }
}

.ServerDown-module__2T3SpG__content {
  text-align: center;
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  padding: 48px 32px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04), inset 0 1px #fff;
}

.ServerDown-module__2T3SpG__iconWrapper {
  margin-bottom: 24px;
  position: relative;
}

.ServerDown-module__2T3SpG__iconBackground {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, #fff) 0%, color-mix(in srgb, var(--primary-color) 6%, #fff) 100%);
  border: 1px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
  width: 120px;
  height: 120px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 12%, transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ServerDown-module__2T3SpG__mainIcon {
  color: var(--primary-color);
  filter: drop-shadow(0 2px 8px color-mix(in srgb, var(--primary-color) 30%, transparent));
  font-size: 56px;
  animation: 2s ease-in-out infinite ServerDown-module__2T3SpG__pulse;
}

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

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

.ServerDown-module__2T3SpG__iconRing {
  border: 2px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
  border-radius: 50%;
  animation: 3s ease-in-out infinite ServerDown-module__2T3SpG__ringPulse;
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.ServerDown-module__2T3SpG__iconRingOuter {
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-radius: 50%;
  animation: 3s ease-in-out .5s infinite ServerDown-module__2T3SpG__ringPulse;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
}

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

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

.ServerDown-module__2T3SpG__title {
  color: var(--secondary-color);
  letter-spacing: -.02em;
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.ServerDown-module__2T3SpG__subtitle {
  color: #64748b;
  margin: 0 0 32px;
  font-size: 16px;
  line-height: 1.5;
}

.ServerDown-module__2T3SpG__floatingIcons {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ServerDown-module__2T3SpG__floatingIcon {
  color: color-mix(in srgb, var(--primary-color) 20%, transparent);
  font-size: 24px;
  animation: 6s ease-in-out infinite ServerDown-module__2T3SpG__float;
  position: absolute;
}

.ServerDown-module__2T3SpG__icon1 {
  animation-delay: 0s;
  top: 15%;
  left: 10%;
}

.ServerDown-module__2T3SpG__icon2 {
  animation-delay: 1s;
  top: 20%;
  right: 15%;
}

.ServerDown-module__2T3SpG__icon3 {
  animation-delay: 2s;
  bottom: 25%;
  left: 8%;
}

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

  50% {
    transform: translateY(-15px)rotate(10deg);
  }
}

.ServerDown-module__2T3SpG__tipContainer {
  background: color-mix(in srgb, var(--primary-color) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 12px 20px;
  display: flex;
}

.ServerDown-module__2T3SpG__tipLabel {
  flex-shrink: 0;
  font-size: 14px;
}

.ServerDown-module__2T3SpG__tipText {
  color: #475569;
  font-size: 14px;
  animation: 4s ease-in-out infinite ServerDown-module__2T3SpG__fadeInOut;
}

@keyframes ServerDown-module__2T3SpG__fadeInOut {
  0%, 100% {
    opacity: .6;
  }

  10%, 90% {
    opacity: 1;
  }
}

.ServerDown-module__2T3SpG__retryButton {
  color: #fff;
  background: linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 85%, #000) 100%);
  cursor: pointer;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--primary-color) 35%, transparent), 0 0 0 1px rgba(255, 255, 255, .1) inset;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.ServerDown-module__2T3SpG__retryButton:hover:not(:disabled) {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary-color) 45%, transparent), 0 0 0 1px rgba(255, 255, 255, .2) inset;
  transform: translateY(-2px)scale(1.02);
}

.ServerDown-module__2T3SpG__retryButton:active:not(:disabled) {
  transform: scale(.98);
}

.ServerDown-module__2T3SpG__retryButton:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.ServerDown-module__2T3SpG__retryButton.ServerDown-module__2T3SpG__retrying {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 80%, #fff) 0%, var(--primary-color) 100%);
}

.ServerDown-module__2T3SpG__retryIcon {
  font-size: 22px;
}

.ServerDown-module__2T3SpG__retryIcon.ServerDown-module__2T3SpG__spinning {
  animation: 1s linear infinite ServerDown-module__2T3SpG__spin;
}

@keyframes ServerDown-module__2T3SpG__spin {
  from {
    transform: rotate(0);
  }

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

.ServerDown-module__2T3SpG__retryCount {
  color: #94a3b8;
  margin: 16px 0 0;
  font-size: 13px;
}

.ServerDown-module__2T3SpG__errorDetails {
  background: color-mix(in srgb, var(--primary-color) 5%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary-color) 10%, transparent);
  border-radius: 12px;
  width: 100%;
  margin-top: 24px;
  padding: 12px 16px;
}

.ServerDown-module__2T3SpG__errorDetails summary {
  color: #64748b;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 13px;
}

.ServerDown-module__2T3SpG__errorDetails summary:hover {
  color: var(--primary-color);
}

.ServerDown-module__2T3SpG__errorCode {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 8%, #fff);
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
  direction: ltr;
  border-radius: 8px;
  max-height: 120px;
  margin: 12px 0 0;
  padding: 12px;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  overflow-y: auto;
}

.ServerDown-module__2T3SpG__footerMessage {
  color: #94a3b8;
  margin: 24px 0 0;
  font-size: 12px;
}

@media (max-width: 640px) {
  .ServerDown-module__2T3SpG__content {
    border-radius: 24px;
    margin: 16px;
    padding: 32px 24px;
  }

  .ServerDown-module__2T3SpG__iconBackground {
    width: 100px;
    height: 100px;
  }

  .ServerDown-module__2T3SpG__mainIcon {
    font-size: 48px;
  }

  .ServerDown-module__2T3SpG__title {
    font-size: 22px;
  }

  .ServerDown-module__2T3SpG__subtitle {
    font-size: 14px;
  }

  .ServerDown-module__2T3SpG__retryButton {
    padding: 14px 32px;
    font-size: 15px;
  }
}

/* [project]/src/components/PermissionBanners/PermissionBanner.module.css [client] (css) */
.PermissionBanner-module__e4iSEq__banner {
  background: linear-gradient(135deg, var(--cartech-primary) 0%, var(--cartech-primary-light) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: var(--z-notification);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: calc(100% - 40px);
  max-width: 480px;
  padding: 14px 20px;
  animation: .4s cubic-bezier(.16, 1, .3, 1) PermissionBanner-module__e4iSEq__slideUp;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 1px rgba(255, 255, 255, .1);
}

@keyframes PermissionBanner-module__e4iSEq__slideUp {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(30px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

.PermissionBanner-module__e4iSEq__content {
  flex: 1;
  align-items: center;
  gap: 14px;
  display: flex;
}

.PermissionBanner-module__e4iSEq__icon {
  background: linear-gradient(135deg, var(--cartech-accent) 0%, color-mix(in srgb, var(--cartech-accent) 80%, #d97706) 100%);
  width: 44px;
  height: 44px;
  color: var(--cartech-primary);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
  box-shadow: 0 4px 12px rgba(245, 158, 11, .4), inset 0 0 0 1px rgba(255, 255, 255, .1);
}

.PermissionBanner-module__e4iSEq__iconBell {
  animation: 2s ease-in-out infinite PermissionBanner-module__e4iSEq__bellRing;
}

@keyframes PermissionBanner-module__e4iSEq__bellRing {
  0%, 100% {
    transform: rotate(0);
  }

  10%, 30% {
    transform: rotate(-8deg);
  }

  20%, 40% {
    transform: rotate(8deg);
  }

  50% {
    transform: rotate(0);
  }
}

.PermissionBanner-module__e4iSEq__iconLocation {
  animation: 2s ease-in-out infinite PermissionBanner-module__e4iSEq__bounce;
}

@keyframes PermissionBanner-module__e4iSEq__bounce {
  0%, 100% {
    transform: translateY(0);
  }

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

.PermissionBanner-module__e4iSEq__blockedBanner {
  background: linear-gradient(135deg, #7c2d12 0%, #9a3412 100%);
  border-color: rgba(251, 146, 60, .2);
}

.PermissionBanner-module__e4iSEq__iconBlocked {
  color: #7c2d12;
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
  animation: 2s ease-in-out infinite PermissionBanner-module__e4iSEq__pulse;
}

@keyframes PermissionBanner-module__e4iSEq__pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(251, 146, 60, .4);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(251, 146, 60, .5);
  }
}

.PermissionBanner-module__e4iSEq__text {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.PermissionBanner-module__e4iSEq__text strong {
  color: var(--cartech-text);
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

.PermissionBanner-module__e4iSEq__text span {
  color: rgba(249, 250, 251, .7);
  font-size: 13px;
  line-height: 1.4;
}

.PermissionBanner-module__e4iSEq__actions {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.PermissionBanner-module__e4iSEq__enableButton {
  background: linear-gradient(135deg, var(--cartech-accent) 0%, color-mix(in srgb, var(--cartech-accent) 85%, #d97706) 100%);
  color: var(--cartech-primary);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 4px 14px rgba(245, 158, 11, .35), inset 0 0 0 1px rgba(255, 255, 255, .1);
}

.PermissionBanner-module__e4iSEq__enableButton:hover:not(:disabled) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--cartech-accent) 90%, white) 0%, var(--cartech-accent) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(245, 158, 11, .45), inset 0 0 0 1px rgba(255, 255, 255, .15);
}

.PermissionBanner-module__e4iSEq__enableButton:active:not(:disabled) {
  transform: translateY(0);
}

.PermissionBanner-module__e4iSEq__enableButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.PermissionBanner-module__e4iSEq__dismissButton {
  color: rgba(249, 250, 251, .6);
  cursor: pointer;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 18px;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.PermissionBanner-module__e4iSEq__dismissButton:hover {
  color: var(--cartech-text);
  background: rgba(255, 255, 255, .15);
  border-color: rgba(255, 255, 255, .2);
  transform: scale(1.05);
}

.PermissionBanner-module__e4iSEq__dismissButton:active {
  transform: scale(.95);
}

@media (max-width: 480px) {
  .PermissionBanner-module__e4iSEq__banner {
    border-radius: 14px;
    flex-direction: column;
    align-items: stretch;
    width: calc(100% - 24px);
    padding: 18px;
    bottom: 12px;
  }

  .PermissionBanner-module__e4iSEq__content {
    gap: 12px;
  }

  .PermissionBanner-module__e4iSEq__icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .PermissionBanner-module__e4iSEq__text strong {
    font-size: 14px;
  }

  .PermissionBanner-module__e4iSEq__text span {
    font-size: 12px;
  }

  .PermissionBanner-module__e4iSEq__actions {
    justify-content: flex-end;
    margin-top: 12px;
  }

  .PermissionBanner-module__e4iSEq__dismissButton {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
  }
}

/* [project]/src/components/CommandPalette/CommandPalette.module.css [client] (css) */
.CommandPalette-module__OSU1CG__backdrop {
  -webkit-backdrop-filter: blur(4px);
  z-index: var(--z-command-palette);
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.CommandPalette-module__OSU1CG__containerWrapper {
  z-index: calc(var(--z-command-palette)  + 1);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.CommandPalette-module__OSU1CG__container {
  pointer-events: auto;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, rgba(255, 255, 255, .92)), rgba(255, 255, 255, .88));
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1.5px solid rgba(255, 255, 255, .5);
  border-radius: 16px;
  flex-direction: column;
  width: 90%;
  max-width: 600px;
  max-height: 70vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .25), 0 8px 32px rgba(31, 38, 135, .15), inset 0 2px rgba(255, 255, 255, .6);
}

.CommandPalette-module__OSU1CG__searchWrapper {
  border-bottom: 1px solid var(--glass-border);
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.CommandPalette-module__OSU1CG__searchIcon {
  opacity: .6;
  flex-shrink: 0;
}

.CommandPalette-module__OSU1CG__searchInput {
  color: var(--text-dark);
  direction: rtl;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 1.1rem;
}

.CommandPalette-module__OSU1CG__searchInput::placeholder {
  color: var(--text-muted);
}

.CommandPalette-module__OSU1CG__shortcut {
  gap: 4px;
  display: flex;
}

.CommandPalette-module__OSU1CG__keyboardSuggestion {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, white), color-mix(in srgb, var(--primary-color) 5%, white));
  border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  margin: 0 8px 8px;
  padding: 10px 16px;
  font-size: 13px;
  transition: all .2s;
  display: flex;
}

.CommandPalette-module__OSU1CG__keyboardSuggestion:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, white), color-mix(in srgb, var(--primary-color) 10%, white));
  border-color: color-mix(in srgb, var(--primary-color) 40%, transparent);
}

.CommandPalette-module__OSU1CG__keyboardSuggestion strong {
  color: var(--primary-color);
  font-weight: 700;
}

.CommandPalette-module__OSU1CG__suggestionHint {
  color: var(--text-muted);
  margin-right: auto;
  font-size: 11px;
}

.CommandPalette-module__OSU1CG__results {
  flex: 1;
  max-height: 400px;
  padding: 8px;
  overflow-y: auto;
}

.CommandPalette-module__OSU1CG__sectionHeader {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  align-items: center;
  gap: 6px;
  padding: 8px 12px 6px;
  font-weight: 500;
  display: flex;
}

.CommandPalette-module__OSU1CG__resultItem {
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: all .15s;
  display: flex;
}

.CommandPalette-module__OSU1CG__resultItem:hover, .CommandPalette-module__OSU1CG__resultItem.CommandPalette-module__OSU1CG__selected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, rgba(255, 255, 255, .3)), color-mix(in srgb, var(--primary-color) 6%, transparent));
}

.CommandPalette-module__OSU1CG__resultItem.CommandPalette-module__OSU1CG__selected {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--primary-color) 25%, transparent), 0 2px 8px color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.CommandPalette-module__OSU1CG__resultIcon {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, rgba(255, 255, 255, .8)), rgba(255, 255, 255, .6));
  border: 1px solid var(--glass-border);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.CommandPalette-module__OSU1CG__resultContent {
  text-align: start;
  flex: 1;
  min-width: 0;
}

.CommandPalette-module__OSU1CG__resultName {
  font-weight: 600;
  font-size: var(--font-size-3);
  color: var(--text-dark);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.CommandPalette-module__OSU1CG__resultBreadcrumb {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  overflow: hidden;
}

.CommandPalette-module__OSU1CG__resultAction {
  flex-shrink: 0;
}

.CommandPalette-module__OSU1CG__noResults {
  color: var(--text-muted);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 20px;
  display: flex;
}

.CommandPalette-module__OSU1CG__noResults p {
  font-size: var(--font-size-3);
  margin: 0;
}

.CommandPalette-module__OSU1CG__footer {
  border-top: 1px solid var(--glass-border);
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-color) 3%, rgba(255, 255, 255, .5)));
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 12px 16px;
  display: flex;
}

.CommandPalette-module__OSU1CG__footerHint {
  font-size: var(--font-size-2);
  color: var(--text-muted);
  align-items: center;
  gap: 6px;
  display: flex;
}

.CommandPalette-module__OSU1CG__kbd {
  min-width: 22px;
  height: 22px;
  color: var(--text-dark);
  border: 1px solid var(--glass-border);
  background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px rgba(255, 255, 255, .8);
}

@media (max-width: 768px) {
  .CommandPalette-module__OSU1CG__containerWrapper {
    padding: 16px;
  }

  .CommandPalette-module__OSU1CG__container {
    width: 100%;
    max-width: none;
    max-height: 80vh;
  }

  .CommandPalette-module__OSU1CG__searchWrapper {
    padding: 14px 16px;
  }

  .CommandPalette-module__OSU1CG__searchInput {
    font-size: 1rem;
  }

  .CommandPalette-module__OSU1CG__footer {
    flex-wrap: wrap;
    gap: 12px;
  }

  .CommandPalette-module__OSU1CG__shortcut {
    display: none;
  }
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__backdrop {
  background: rgba(0, 0, 0, .7);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__container {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .95)), rgba(30, 41, 59, .92));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .5), 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__searchWrapper {
  border-bottom-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__searchInput {
  color: var(--text-primary);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__searchInput::placeholder {
  color: var(--text-secondary);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__keyboardSuggestion {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, rgba(30, 41, 59, .9)), color-mix(in srgb, var(--primary-color) 8%, rgba(30, 41, 59, .95)));
  border-color: color-mix(in srgb, var(--primary-color) 30%, rgba(255, 255, 255, .1));
  color: var(--text-secondary);
}

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

[data-theme="dark"] .CommandPalette-module__OSU1CG__resultItem:hover, [data-theme="dark"] .CommandPalette-module__OSU1CG__resultItem.CommandPalette-module__OSU1CG__selected {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, rgba(30, 41, 59, .8)), color-mix(in srgb, var(--primary-color) 10%, rgba(30, 41, 59, .6)));
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__resultItem.CommandPalette-module__OSU1CG__selected {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--primary-color) 40%, transparent), 0 2px 8px color-mix(in srgb, var(--primary-color) 15%, transparent);
}

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

[data-theme="dark"] .CommandPalette-module__OSU1CG__resultName {
  color: var(--text-primary);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__resultBreadcrumb {
  color: var(--text-secondary);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__footer {
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-color) 5%, rgba(30, 41, 59, .5)));
  border-top-color: rgba(255, 255, 255, .1);
}

[data-theme="dark"] .CommandPalette-module__OSU1CG__kbd {
  color: var(--text-primary);
  background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, .06));
  border-color: rgba(255, 255, 255, .15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .1);
}

/* [project]/src/components/LogoutOverlay/LogoutOverlay.module.css [client] (css) */
.LogoutOverlay-module__2J-5XG__overlay {
  z-index: var(--z-logout);
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(145deg, rgba(15, 23, 42, .95), rgba(30, 41, 59, .98));
  justify-content: center;
  align-items: center;
  animation: .3s ease-out LogoutOverlay-module__2J-5XG__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LogoutOverlay-module__2J-5XG__overlay.LogoutOverlay-module__2J-5XG__exiting {
  animation: .3s ease-out forwards LogoutOverlay-module__2J-5XG__fadeOut;
}

@keyframes LogoutOverlay-module__2J-5XG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes LogoutOverlay-module__2J-5XG__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.LogoutOverlay-module__2J-5XG__container {
  text-align: center;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 90vw;
  padding: 48px 64px;
  animation: .4s ease-out LogoutOverlay-module__2J-5XG__slideUp;
  display: flex;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .05);
}

@keyframes LogoutOverlay-module__2J-5XG__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px)scale(.95);
  }

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

.LogoutOverlay-module__2J-5XG__iconWrapper {
  background: linear-gradient(145deg, rgba(245, 158, 11, .2), rgba(234, 88, 12, .1));
  border: 2px solid rgba(245, 158, 11, .3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  animation: 2s ease-in-out infinite LogoutOverlay-module__2J-5XG__pulse;
  display: flex;
}

@keyframes LogoutOverlay-module__2J-5XG__pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 rgba(245, 158, 11, .4);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 20px 10px rgba(245, 158, 11, 0);
  }
}

.LogoutOverlay-module__2J-5XG__title {
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
  margin: 0;
  font-size: 28px;
  font-weight: 700;
}

.LogoutOverlay-module__2J-5XG__message {
  color: rgba(255, 255, 255, .7);
  max-width: 400px;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.LogoutOverlay-module__2J-5XG__countdownWrapper {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 8px 0;
  display: flex;
}

.LogoutOverlay-module__2J-5XG__countdownCircle {
  background: linear-gradient(145deg, rgba(59, 130, 246, .3), rgba(37, 99, 235, .2));
  border: 3px solid rgba(59, 130, 246, .5);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  box-shadow: 0 0 20px rgba(59, 130, 246, .3), 0 0 40px rgba(59, 130, 246, .1);
}

.LogoutOverlay-module__2J-5XG__countdownNumber {
  color: #60a5fa;
  text-shadow: 0 0 10px rgba(96, 165, 250, .5);
  font-size: 32px;
  font-weight: 700;
}

.LogoutOverlay-module__2J-5XG__countdownText {
  color: rgba(255, 255, 255, .5);
  margin: 0;
  font-size: 14px;
}

.LogoutOverlay-module__2J-5XG__redirectButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(145deg, #3b82f6, #2563eb);
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 15px rgba(59, 130, 246, .4), 0 2px 4px rgba(0, 0, 0, .2);
}

.LogoutOverlay-module__2J-5XG__redirectButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, .5), 0 4px 8px rgba(0, 0, 0, .3);
}

.LogoutOverlay-module__2J-5XG__redirectButton:active {
  transform: translateY(0);
}

.LogoutOverlay-module__2J-5XG__progressBar {
  background: rgba(255, 255, 255, .1);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-top: 8px;
  overflow: hidden;
}

.LogoutOverlay-module__2J-5XG__progressFill {
  background: linear-gradient(90deg, #3b82f6, #60a5fa);
  border-radius: 2px;
  height: 100%;
}

@media (max-width: 480px) {
  .LogoutOverlay-module__2J-5XG__container {
    margin: 16px;
    padding: 32px 24px;
  }

  .LogoutOverlay-module__2J-5XG__title {
    font-size: 22px;
  }

  .LogoutOverlay-module__2J-5XG__message {
    font-size: 14px;
  }

  .LogoutOverlay-module__2J-5XG__iconWrapper {
    width: 72px;
    height: 72px;
  }

  .LogoutOverlay-module__2J-5XG__countdownCircle {
    width: 60px;
    height: 60px;
  }

  .LogoutOverlay-module__2J-5XG__countdownNumber {
    font-size: 26px;
  }
}

/* [project]/src/components/BranchSyncOverlay/BranchSyncOverlay.module.css [client] (css) */
.BranchSyncOverlay-module__8Y4imq__overlay {
  z-index: var(--z-logout, 9999);
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(145deg, rgba(15, 23, 42, .95), rgba(30, 41, 59, .98));
  justify-content: center;
  align-items: center;
  animation: .3s ease-out BranchSyncOverlay-module__8Y4imq__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes BranchSyncOverlay-module__8Y4imq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.BranchSyncOverlay-module__8Y4imq__container {
  text-align: center;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 90vw;
  padding: 48px 64px;
  animation: .4s ease-out BranchSyncOverlay-module__8Y4imq__slideUp;
  display: flex;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .05);
}

@keyframes BranchSyncOverlay-module__8Y4imq__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px)scale(.95);
  }

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

.BranchSyncOverlay-module__8Y4imq__iconWrapper {
  background: linear-gradient(145deg, rgba(59, 130, 246, .2), rgba(99, 102, 241, .1));
  border: 2px solid rgba(59, 130, 246, .3);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  animation: 2s ease-in-out infinite BranchSyncOverlay-module__8Y4imq__pulse;
  display: flex;
}

@keyframes BranchSyncOverlay-module__8Y4imq__pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 rgba(59, 130, 246, .4);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 20px 10px rgba(59, 130, 246, 0);
  }
}

.BranchSyncOverlay-module__8Y4imq__title {
  font-size: var(--text-2xl, 26px);
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 700;
}

.BranchSyncOverlay-module__8Y4imq__message {
  font-size: var(--text-md, 16px);
  color: rgba(255, 255, 255, .7);
  margin: 0;
  line-height: 1.6;
}

.BranchSyncOverlay-module__8Y4imq__message strong {
  color: #60a5fa;
  font-weight: 600;
}

.BranchSyncOverlay-module__8Y4imq__warningBox {
  color: #fbbf24;
  font-size: var(--text-sm, 14px);
  background: rgba(245, 158, 11, .1);
  border: 1px solid rgba(245, 158, 11, .3);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  display: flex;
}

.BranchSyncOverlay-module__8Y4imq__refreshButton {
  color: #fff;
  font-size: var(--text-md, 16px);
  cursor: pointer;
  background: linear-gradient(145deg, #3b82f6, #2563eb);
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 14px rgba(59, 130, 246, .4);
}

.BranchSyncOverlay-module__8Y4imq__refreshButton:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, .5);
}

.BranchSyncOverlay-module__8Y4imq__refreshButton:active:not(:disabled) {
  transform: translateY(0);
}

.BranchSyncOverlay-module__8Y4imq__refreshButton:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.BranchSyncOverlay-module__8Y4imq__spinning {
  animation: 1s linear infinite BranchSyncOverlay-module__8Y4imq__spin;
}

@keyframes BranchSyncOverlay-module__8Y4imq__spin {
  from {
    transform: rotate(0);
  }

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

.BranchSyncOverlay-module__8Y4imq__hint {
  font-size: var(--text-xs, 12px);
  color: rgba(255, 255, 255, .4);
  max-width: 300px;
  margin: 0;
}

@media (max-width: 640px) {
  .BranchSyncOverlay-module__8Y4imq__container {
    margin: 16px;
    padding: 32px 24px;
  }

  .BranchSyncOverlay-module__8Y4imq__iconWrapper {
    width: 72px;
    height: 72px;
  }

  .BranchSyncOverlay-module__8Y4imq__title {
    font-size: var(--text-xl, 22px);
  }

  .BranchSyncOverlay-module__8Y4imq__message {
    font-size: var(--text-sm, 14px);
  }

  .BranchSyncOverlay-module__8Y4imq__warningBox {
    font-size: var(--text-xs, 12px);
    padding: 10px 16px;
  }

  .BranchSyncOverlay-module__8Y4imq__refreshButton {
    font-size: var(--text-sm, 14px);
    padding: 12px 24px;
  }
}

/* [project]/src/components/System/UpdateAnnouncementModal/UpdateAnnouncementModal.module.css [client] (css) */
.UpdateAnnouncementModal-module__6OAQUW__overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: var(--z-overlay);
  background: rgba(0, 0, 0, .6);
  justify-content: center;
  align-items: center;
  animation: .3s ease-out UpdateAnnouncementModal-module__6OAQUW__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes UpdateAnnouncementModal-module__6OAQUW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.UpdateAnnouncementModal-module__6OAQUW__modal {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  direction: rtl;
  background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .9));
  border-radius: 20px;
  width: 90%;
  max-width: 480px;
  padding: 32px;
  animation: .4s ease-out UpdateAnnouncementModal-module__6OAQUW__slideUp;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .1);
}

@keyframes UpdateAnnouncementModal-module__6OAQUW__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px)scale(.95);
  }

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

.UpdateAnnouncementModal-module__6OAQUW__header {
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.UpdateAnnouncementModal-module__6OAQUW__iconWrapper {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  box-shadow: 0 8px 16px rgba(59, 130, 246, .3);
}

.UpdateAnnouncementModal-module__6OAQUW__iconWrapper svg {
  color: #fff;
}

.UpdateAnnouncementModal-module__6OAQUW__headerText {
  flex: 1;
}

.UpdateAnnouncementModal-module__6OAQUW__title {
  color: #1e293b;
  margin: 0 0 4px;
  font-size: 1.4rem;
  font-weight: 700;
}

.UpdateAnnouncementModal-module__6OAQUW__subtitle {
  color: #64748b;
  margin: 0;
  font-size: .9rem;
}

.UpdateAnnouncementModal-module__6OAQUW__message {
  color: #334155;
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 16px;
  font-size: 1rem;
  line-height: 1.6;
}

.UpdateAnnouncementModal-module__6OAQUW__question {
  color: #1e293b;
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.05rem;
  font-weight: 500;
}

.UpdateAnnouncementModal-module__6OAQUW__actions {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.UpdateAnnouncementModal-module__6OAQUW__approveButton {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 12px rgba(34, 197, 94, .3);
}

.UpdateAnnouncementModal-module__6OAQUW__approveButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(34, 197, 94, .4);
}

.UpdateAnnouncementModal-module__6OAQUW__approveButton:active {
  transform: translateY(0);
}

.UpdateAnnouncementModal-module__6OAQUW__postponeSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.UpdateAnnouncementModal-module__6OAQUW__postponeButton {
  cursor: pointer;
  color: #475569;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.UpdateAnnouncementModal-module__6OAQUW__postponeButton:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.UpdateAnnouncementModal-module__6OAQUW__postponeOptions {
  background: #f8fafc;
  border-radius: 12px;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  animation: .2s ease-out UpdateAnnouncementModal-module__6OAQUW__expandDown;
  display: flex;
}

@keyframes UpdateAnnouncementModal-module__6OAQUW__expandDown {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 200px;
  }
}

.UpdateAnnouncementModal-module__6OAQUW__postponeOptionButton {
  color: #475569;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex: 1;
  min-width: 80px;
  padding: 10px 16px;
  font-size: .9rem;
  font-weight: 500;
  transition: all .15s;
}

.UpdateAnnouncementModal-module__6OAQUW__postponeOptionButton:hover {
  color: #fff;
  background: #3b82f6;
  border-color: #3b82f6;
}

.UpdateAnnouncementModal-module__6OAQUW__reasonInput {
  direction: rtl;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  width: 100%;
  margin-top: 8px;
  padding: 12px 16px;
  font-size: .95rem;
  transition: border-color .2s;
}

.UpdateAnnouncementModal-module__6OAQUW__reasonInput:focus {
  border-color: #3b82f6;
  outline: none;
}

.UpdateAnnouncementModal-module__6OAQUW__reasonInput::placeholder {
  color: #94a3b8;
}

.UpdateAnnouncementModal-module__6OAQUW__confirmed {
  text-align: center;
  padding: 20px 0;
}

.UpdateAnnouncementModal-module__6OAQUW__confirmedIcon {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  animation: .4s ease-out UpdateAnnouncementModal-module__6OAQUW__scaleIn;
  display: flex;
}

@keyframes UpdateAnnouncementModal-module__6OAQUW__scaleIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.UpdateAnnouncementModal-module__6OAQUW__confirmedIcon svg {
  color: #fff;
}

.UpdateAnnouncementModal-module__6OAQUW__confirmedText {
  color: #16a34a;
  margin-bottom: 8px;
  font-size: 1.1rem;
  font-weight: 600;
}

.UpdateAnnouncementModal-module__6OAQUW__confirmedSubtext {
  color: #64748b;
  font-size: .9rem;
}

.UpdateAnnouncementModal-module__6OAQUW__pulse {
  animation: 2s infinite UpdateAnnouncementModal-module__6OAQUW__pulse;
}

@keyframes UpdateAnnouncementModal-module__6OAQUW__pulse {
  0% {
    box-shadow: 0 0 rgba(59, 130, 246, .4);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(59, 130, 246, 0);
  }

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

@media (max-width: 480px) {
  .UpdateAnnouncementModal-module__6OAQUW__modal {
    margin: 16px;
    padding: 24px;
  }

  .UpdateAnnouncementModal-module__6OAQUW__title {
    font-size: 1.2rem;
  }

  .UpdateAnnouncementModal-module__6OAQUW__iconWrapper {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }

  .UpdateAnnouncementModal-module__6OAQUW__postponeOptionButton {
    min-width: 70px;
    padding: 8px 12px;
    font-size: .85rem;
  }
}

/* [project]/src/components/PWA/PWAUpdateBanner/PWAUpdateBanner.module.css [client] (css) */
.PWAUpdateBanner-module__sdHElW__banner {
  color: #fff;
  z-index: var(--z-notification);
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 16px;
  align-items: center;
  gap: 16px;
  max-width: calc(100vw - 40px);
  padding: 16px 20px;
  animation: .4s ease-out PWAUpdateBanner-module__sdHElW__slideUp;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);
}

@keyframes PWAUpdateBanner-module__sdHElW__slideUp {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

.PWAUpdateBanner-module__sdHElW__content {
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
}

.PWAUpdateBanner-module__sdHElW__iconWrapper {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.PWAUpdateBanner-module__sdHElW__text {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.PWAUpdateBanner-module__sdHElW__text strong {
  font-size: 15px;
  font-weight: 600;
}

.PWAUpdateBanner-module__sdHElW__text span {
  opacity: .8;
  font-size: 13px;
}

.PWAUpdateBanner-module__sdHElW__actions {
  flex-shrink: 0;
  gap: 8px;
  display: flex;
}

.PWAUpdateBanner-module__sdHElW__dismissBtn {
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.PWAUpdateBanner-module__sdHElW__dismissBtn:hover:not(:disabled) {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .5);
}

.PWAUpdateBanner-module__sdHElW__dismissBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.PWAUpdateBanner-module__sdHElW__updateBtn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.PWAUpdateBanner-module__sdHElW__updateBtn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, .4);
}

.PWAUpdateBanner-module__sdHElW__updateBtn:disabled {
  opacity: .8;
  cursor: wait;
}

.PWAUpdateBanner-module__sdHElW__spinning {
  animation: 1s linear infinite PWAUpdateBanner-module__sdHElW__spin;
}

@keyframes PWAUpdateBanner-module__sdHElW__spin {
  from {
    transform: rotate(0);
  }

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

@media (max-width: 600px) {
  .PWAUpdateBanner-module__sdHElW__banner {
    flex-direction: column;
    max-width: none;
    bottom: 16px;
    left: 16px;
    right: 16px;
    transform: none;
  }

  @keyframes PWAUpdateBanner-module__sdHElW__slideUp {
    from {
      opacity: 0;
      transform: translateY(100%);
    }

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

  .PWAUpdateBanner-module__sdHElW__content {
    width: 100%;
  }

  .PWAUpdateBanner-module__sdHElW__actions {
    justify-content: stretch;
    width: 100%;
  }

  .PWAUpdateBanner-module__sdHElW__dismissBtn, .PWAUpdateBanner-module__sdHElW__updateBtn {
    flex: 1;
    justify-content: center;
  }
}

/* [project]/src/components/ShabbatGreetingPopup/ShabbatGreetingPopup.module.css [client] (css) */
.ShabbatGreetingPopup-module__Cu9DoG__overlay {
  z-index: 9999;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ShabbatGreetingPopup-module__Cu9DoG__popup {
  background: var(--surface-primary);
  border-radius: 16px;
  width: 90%;
  max-width: 420px;
  animation: .3s ease-out ShabbatGreetingPopup-module__Cu9DoG__slideIn;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

@keyframes ShabbatGreetingPopup-module__Cu9DoG__slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

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

.ShabbatGreetingPopup-module__Cu9DoG__header {
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  padding: 20px;
  position: relative;
}

.ShabbatGreetingPopup-module__Cu9DoG__iconWrapper {
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  display: flex;
}

.ShabbatGreetingPopup-module__Cu9DoG__title {
  font-size: var(--text-xl);
  margin: 0;
  font-weight: 600;
}

.ShabbatGreetingPopup-module__Cu9DoG__dismissBtn {
  cursor: pointer;
  color: #fff;
  background: rgba(255, 255, 255, .2);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.ShabbatGreetingPopup-module__Cu9DoG__dismissBtn:hover {
  background: rgba(255, 255, 255, .3);
}

.ShabbatGreetingPopup-module__Cu9DoG__content {
  padding: 24px;
}

.ShabbatGreetingPopup-module__Cu9DoG__occasionName {
  font-size: var(--text-lg);
  color: var(--text-primary);
  text-align: center;
  margin: 0 0 20px;
  font-weight: 600;
}

.ShabbatGreetingPopup-module__Cu9DoG__infoGrid {
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.ShabbatGreetingPopup-module__Cu9DoG__infoItem {
  color: var(--text-secondary);
  font-size: var(--text-sm);
  align-items: center;
  gap: 10px;
  display: flex;
}

.ShabbatGreetingPopup-module__Cu9DoG__infoItem svg {
  color: var(--primary-500);
  flex-shrink: 0;
}

.ShabbatGreetingPopup-module__Cu9DoG__question {
  font-size: var(--text-md);
  color: var(--text-primary);
  text-align: center;
  margin: 0;
  font-weight: 500;
}

.ShabbatGreetingPopup-module__Cu9DoG__actions {
  gap: 12px;
  padding: 0 24px 24px;
  display: flex;
}

.ShabbatGreetingPopup-module__Cu9DoG__approveBtn, .ShabbatGreetingPopup-module__Cu9DoG__cancelBtn {
  font-weight: 600;
  font-size: var(--text-sm);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  transition: all .2s;
  display: flex;
}

.ShabbatGreetingPopup-module__Cu9DoG__approveBtn {
  color: #fff;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.ShabbatGreetingPopup-module__Cu9DoG__approveBtn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, .4);
}

.ShabbatGreetingPopup-module__Cu9DoG__approveBtn:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.ShabbatGreetingPopup-module__Cu9DoG__cancelBtn {
  background: var(--surface-secondary);
  color: var(--text-secondary);
  border: 1px solid var(--border-primary);
}

.ShabbatGreetingPopup-module__Cu9DoG__cancelBtn:hover:not(:disabled) {
  background: var(--danger-50);
  color: var(--danger-600);
  border-color: var(--danger-200);
}

.ShabbatGreetingPopup-module__Cu9DoG__cancelBtn:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.ShabbatGreetingPopup-module__Cu9DoG__footerNote {
  text-align: center;
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  margin: 0;
  padding: 0 24px 16px;
}

/*# sourceMappingURL=_6f303b53._.css.map*/