@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/plus-jakarta-529306c1c9f2.woff2') format('woff2')}
/* BAOREPAIR V5.55: original cascade order retained. */

/* v487-below-fold-rendering */
/* Browser may skip offscreen layout/paint; sections render normally when approached. */
      @supports (content-visibility: auto) {
        #quy-trinh, #lookup-section, #lien-he {
          content-visibility: auto;
          contain-intrinsic-size: auto 850px;
        }
      }

/* v456-critical-hero */
#hero-title{display:block;color:#fff;font-weight:900;font-size:1.875rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 1rem}
      #hero-title .text-transparent{color:transparent}
      #hero-title .bg-clip-text{-webkit-background-clip:text;background-clip:text}
      #hero-title .bg-gradient-to-r{background-image:linear-gradient(to right,#f43f5e,#fb7185,#e11d48)}
      @media(min-width:640px){#hero-title{font-size:3rem}}
      @media(min-width:768px){#hero-title{font-size:3.75rem}}
      @media(max-width:639px){#hero-title{font-size:1.875rem}}

/* v457-tailwind-production */
@layer properties;
:root, :host {
  --font-sans: "Plus Jakarta Sans",sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-amber-100: oklch(96.2% 0.059 95.617);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-amber-950: oklch(27.9% 0.077 45.635);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-emerald-100: oklch(95% 0.052 163.051);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-emerald-800: oklch(43.2% 0.095 166.913);
  --color-emerald-900: oklch(37.8% 0.077 168.94);
  --color-emerald-950: oklch(26.2% 0.051 172.552);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-800: oklch(45% 0.085 224.283);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-400: oklch(71.2% 0.194 13.428);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-600: oklch(58.6% 0.253 17.585);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-rose-950: oklch(27.1% 0.105 12.094);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-4xl: 56rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --animate-bounce: bounce 1s infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-3xl: 64px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
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-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1 {
  top: calc(var(--spacing) * 1);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-5 {
  right: calc(var(--spacing) * 5);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.bottom-5 {
  bottom: calc(var(--spacing) * 5);
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-2\.5 {
  left: calc(var(--spacing) * 2.5);
}
.left-6 {
  left: calc(var(--spacing) * 6);
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[999999\] {
  z-index: 999999;
}
.z-\[9999999\] {
  z-index: 9999999;
}
.col-span-full {
  grid-column: 1 / -1;
}
.mx-auto {
  margin-inline: auto;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-video {
  aspect-ratio: var(--aspect-video);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-72 {
  height: calc(var(--spacing) * 72);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-full {
  height: 100%;
}
.max-h-\[38vh\] {
  max-height: 38vh;
}
.max-h-\[65vh\] {
  max-height: 65vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[96vh\] {
  max-height: 96vh;
}
.max-h-\[450px\] {
  max-height: 450px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-1\/4 {
  width: calc(1/4 * 100%);
}
.w-2\/5 {
  width: calc(2/5 * 100%);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-6xl {
  max-width: var(--container-6xl);
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[750px\] {
  min-width: 750px;
}
.min-w-\[850px\] {
  min-width: 850px;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-20 {
  --tw-translate-y: calc(var(--spacing) * 20);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-bounce {
  animation: var(--animate-bounce);
}
.cursor-grab {
  cursor: grab;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.scroll-mt-24 {
  scroll-margin-top: calc(var(--spacing) * 24);
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-x-1 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-5 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-gray-900 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-900);
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-\[\#333\] {
  border-color: #333;
}
.border-amber-800\/50 {
  border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
  }
}
.border-amber-800\/70 {
  border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-800) 70%, transparent);
  }
}
.border-blue-800\/50 {
  border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
  }
}
.border-blue-800\/70 {
  border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-800) 70%, transparent);
  }
}
.border-blue-800\/80 {
  border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-800) 80%, transparent);
  }
}
.border-cyan-800 {
  border-color: var(--color-cyan-800);
}
.border-emerald-800 {
  border-color: var(--color-emerald-800);
}
.border-emerald-800\/50 {
  border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
  }
}
.border-emerald-900\/50 {
  border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
  }
}
.border-emerald-900\/70 {
  border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-900) 70%, transparent);
  }
}
.border-gray-700 {
  border-color: var(--color-gray-700);
}
.border-gray-800 {
  border-color: var(--color-gray-800);
}
.border-gray-900 {
  border-color: var(--color-gray-900);
}
.border-red-800\/70 {
  border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-800) 70%, transparent);
  }
}
.border-rose-400\/30 {
  border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
  }
}
.border-rose-500\/30 {
  border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
  }
}
.border-rose-500\/80 {
  border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
  }
}
.border-rose-600\/40 {
  border-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-600) 40%, transparent);
  }
}
.border-rose-600\/80 {
  border-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-600) 80%, transparent);
  }
}
.border-rose-800 {
  border-color: var(--color-rose-800);
}
.border-rose-800\/40 {
  border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-800) 40%, transparent);
  }
}
.border-rose-800\/60 {
  border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-800) 60%, transparent);
  }
}
.border-rose-800\/80 {
  border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-800) 80%, transparent);
  }
}
.border-rose-900\/40 {
  border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
  }
}
.border-rose-900\/50 {
  border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
  }
}
.border-rose-900\/60 {
  border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
  }
}
.border-sky-500\/50 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
  }
}
.border-transparent {
  border-color: transparent;
}
.border-white\/5 {
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-\[\#0a0a0a\] {
  background-color: #0a0a0a;
}
.bg-\[\#0b0d10\] {
  background-color: #0b0d10;
}
.bg-\[\#0d0d0d\] {
  background-color: #0d0d0d;
}
.bg-\[\#0e0e0e\] {
  background-color: #0e0e0e;
}
.bg-\[\#0f0f0f\] {
  background-color: #0f0f0f;
}
.bg-\[\#1c1c1c\] {
  background-color: #1c1c1c;
}
.bg-\[\#1e1e1e\] {
  background-color: #1e1e1e;
}
.bg-\[\#1f1f1f\] {
  background-color: #1f1f1f;
}
.bg-\[\#222\] {
  background-color: #222;
}
.bg-\[\#17191e\] {
  background-color: #17191e;
}
.bg-\[\#050505\] {
  background-color: #050505;
}
.bg-\[\#080808\] {
  background-color: #080808;
}
.bg-\[\#090909\] {
  background-color: #090909;
}
.bg-\[\#101015\] {
  background-color: #101015;
}
.bg-\[\#121212\] {
  background-color: #121212;
}
.bg-\[\#141414\] {
  background-color: #141414;
}
.bg-\[\#151515\] {
  background-color: #151515;
}
.bg-\[\#171717\] {
  background-color: #171717;
}
.bg-\[\#181818\] {
  background-color: #181818;
}
.bg-\[\#202020\] {
  background-color: #202020;
}
.bg-\[\#252525\] {
  background-color: #252525;
}
.bg-\[\#292929\] {
  background-color: #292929;
}
.bg-amber-600 {
  background-color: var(--color-amber-600);
}
.bg-amber-700 {
  background-color: var(--color-amber-700);
}
.bg-amber-950\/20 {
  background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
  }
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/80 {
  background-color: color-mix(in srgb, #000 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
.bg-black\/85 {
  background-color: color-mix(in srgb, #000 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
  }
}
.bg-black\/90 {
  background-color: color-mix(in srgb, #000 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
  }
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-blue-950\/20 {
  background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
  }
}
.bg-emerald-400 {
  background-color: var(--color-emerald-400);
}
.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}
.bg-emerald-600 {
  background-color: var(--color-emerald-600);
}
.bg-emerald-700 {
  background-color: var(--color-emerald-700);
}
.bg-emerald-950\/20 {
  background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
  }
}
.bg-emerald-950\/30 {
  background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
  }
}
.bg-emerald-950\/80 {
  background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-950) 80%, transparent);
  }
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-gray-700 {
  background-color: var(--color-gray-700);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-red-600 {
  background-color: var(--color-red-600);
}
.bg-red-600\/80 {
  background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-600) 80%, transparent);
  }
}
.bg-red-700 {
  background-color: var(--color-red-700);
}
.bg-red-900 {
  background-color: var(--color-red-900);
}
.bg-rose-600 {
  background-color: var(--color-rose-600);
}
.bg-rose-600\/15 {
  background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-600) 15%, transparent);
  }
}
.bg-rose-600\/20 {
  background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-600) 20%, transparent);
  }
}
.bg-rose-950 {
  background-color: var(--color-rose-950);
}
.bg-rose-950\/30 {
  background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
  }
}
.bg-rose-950\/40 {
  background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
  }
}
.bg-rose-950\/80 {
  background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-950) 80%, transparent);
  }
}
.bg-sky-500\/10 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/20 {
  background-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-blue-700 {
  --tw-gradient-from: var(--color-blue-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-rose-500 {
  --tw-gradient-from: var(--color-rose-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-rose-600 {
  --tw-gradient-from: var(--color-rose-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-rose-700 {
  --tw-gradient-from: var(--color-rose-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-rose-950\/90 {
  --tw-gradient-from: color-mix(in srgb, oklch(27.1% 0.105 12.094) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 90%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-blue-600 {
  --tw-gradient-via: var(--color-blue-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-red-600 {
  --tw-gradient-via: var(--color-red-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-red-900\/90 {
  --tw-gradient-via: color-mix(in srgb, oklch(39.6% 0.141 25.723) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-red-900) 90%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-rose-400 {
  --tw-gradient-via: var(--color-rose-400);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-rose-600 {
  --tw-gradient-via: var(--color-rose-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-red-500 {
  --tw-gradient-to: var(--color-red-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-rose-600 {
  --tw-gradient-to: var(--color-rose-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-rose-700 {
  --tw-gradient-to: var(--color-rose-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-rose-950\/90 {
  --tw-gradient-to: color-mix(in srgb, oklch(27.1% 0.105 12.094) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-rose-950) 90%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-400 {
  --tw-gradient-to: var(--color-sky-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-text {
  background-clip: text;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-32 {
  padding-top: calc(var(--spacing) * 32);
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-10 {
  padding-right: calc(var(--spacing) * 10);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pl-7 {
  padding-left: calc(var(--spacing) * 7);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: var(--font-mono);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.break-words {
  overflow-wrap: break-word;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-amber-100 {
  color: var(--color-amber-100);
}
.text-amber-300 {
  color: var(--color-amber-300);
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-amber-400\/90 {
  color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-400) 90%, transparent);
  }
}
.text-amber-500 {
  color: var(--color-amber-500);
}
.text-black {
  color: var(--color-black);
}
.text-blue-300 {
  color: var(--color-blue-300);
}
.text-blue-400 {
  color: var(--color-blue-400);
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-cyan-400 {
  color: var(--color-cyan-400);
}
.text-emerald-100 {
  color: var(--color-emerald-100);
}
.text-emerald-300 {
  color: var(--color-emerald-300);
}
.text-emerald-400 {
  color: var(--color-emerald-400);
}
.text-emerald-500 {
  color: var(--color-emerald-500);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-500 {
  color: var(--color-green-500);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-rose-200 {
  color: var(--color-rose-200);
}
.text-rose-300 {
  color: var(--color-rose-300);
}
.text-rose-400 {
  color: var(--color-rose-400);
}
.text-rose-400\/80 {
  color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-rose-400) 80%, transparent);
  }
}
.text-rose-400\/90 {
  color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-rose-400) 90%, transparent);
  }
}
.text-rose-500 {
  color: var(--color-rose-500);
}
.text-rose-600 {
  color: var(--color-rose-600);
}
.text-sky-300 {
  color: var(--color-sky-300);
}
.text-sky-400 {
  color: var(--color-sky-400);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.line-through {
  text-decoration-line: line-through;
}
.accent-rose-500 {
  accent-color: var(--color-rose-500);
}
.opacity-0 {
  opacity: 0%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-blue-600\/60 {
  --tw-shadow-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 60%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-600\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-600\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-600\/40 {
  --tw-shadow-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 40%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-600\/60 {
  --tw-shadow-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 60%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-900\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.blur-3xl {
  --tw-blur: blur(var(--blur-3xl));
  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(var(--blur-md));
  -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(var(--blur-sm));
  -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-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:rotate-12 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      rotate: 12deg;
    }
  }
}
.selection\:bg-rose-600 {
  & *::selection {
    background-color: var(--color-rose-600);
  }
  &::selection {
    background-color: var(--color-rose-600);
  }
}
.selection\:text-white {
  & *::selection {
    color: var(--color-white);
  }
  &::selection {
    color: var(--color-white);
  }
}
.placeholder\:text-gray-600 {
  &::placeholder {
    color: var(--color-gray-600);
  }
}
.last\:mb-0 {
  &:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.last\:pb-0 {
  &:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.focus-within\:border-rose-500 {
  &:focus-within {
    border-color: var(--color-rose-500);
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-110 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-\[1\.01\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.01;
    }
  }
}
.hover\:scale-\[1\.02\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.02;
    }
  }
}
.hover\:border-gray-700 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-700);
    }
  }
}
.hover\:border-rose-500 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-rose-500);
    }
  }
}
.hover\:bg-\[\#1a1a1a\] {
  &:hover {
    @media (hover: hover) {
      background-color: #1a1a1a;
    }
  }
}
.hover\:bg-\[\#333\] {
  &:hover {
    @media (hover: hover) {
      background-color: #333;
    }
  }
}
.hover\:bg-\[\#11151b\] {
  &:hover {
    @media (hover: hover) {
      background-color: #11151b;
    }
  }
}
.hover\:bg-\[\#22262d\] {
  &:hover {
    @media (hover: hover) {
      background-color: #22262d;
    }
  }
}
.hover\:bg-\[\#363636\] {
  &:hover {
    @media (hover: hover) {
      background-color: #363636;
    }
  }
}
.hover\:bg-amber-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-500);
    }
  }
}
.hover\:bg-amber-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-600);
    }
  }
}
.hover\:bg-blue-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-500);
    }
  }
}
.hover\:bg-blue-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-600);
    }
  }
}
.hover\:bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700);
    }
  }
}
.hover\:bg-emerald-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-500);
    }
  }
}
.hover\:bg-emerald-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-600);
    }
  }
}
.hover\:bg-emerald-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-700);
    }
  }
}
.hover\:bg-emerald-900 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-900);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-600);
    }
  }
}
.hover\:bg-gray-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-800);
    }
  }
}
.hover\:bg-red-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-500);
    }
  }
}
.hover\:bg-red-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-600);
    }
  }
}
.hover\:bg-red-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-700);
    }
  }
}
.hover\:bg-rose-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-500);
    }
  }
}
.hover\:bg-rose-900 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-900);
    }
  }
}
.hover\:bg-rose-950\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
      }
    }
  }
}
.hover\:bg-white\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
}
.hover\:bg-white\/\[0\.02\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
  }
}
.hover\:from-rose-500 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-rose-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-rose-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-rose-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:text-black {
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.hover\:text-rose-300 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-300);
    }
  }
}
.hover\:text-rose-400 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-400);
    }
  }
}
.hover\:text-rose-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-500);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.focus\:border-amber-500 {
  &:focus {
    border-color: var(--color-amber-500);
  }
}
.focus\:border-blue-500 {
  &:focus {
    border-color: var(--color-blue-500);
  }
}
.focus\:border-emerald-500 {
  &:focus {
    border-color: var(--color-emerald-500);
  }
}
.focus\:border-gray-500 {
  &:focus {
    border-color: var(--color-gray-500);
  }
}
.focus\:border-red-500 {
  &:focus {
    border-color: var(--color-red-500);
  }
}
.focus\:border-rose-500 {
  &:focus {
    border-color: var(--color-rose-500);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:cursor-grabbing {
  &:active {
    cursor: grabbing;
  }
}
.disabled\:opacity-30 {
  &:disabled {
    opacity: 30%;
  }
}
.sm\:col-span-2 {
  @media (width >= 40rem) {
    grid-column: span 2 / span 2;
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:table-cell {
  @media (width >= 40rem) {
    display: table-cell;
  }
}
.sm\:h-10 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 10);
  }
}
.sm\:h-12 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 12);
  }
}
.sm\:h-20 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 20);
  }
}
.sm\:h-80 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 80);
  }
}
.sm\:min-h-\[92px\] {
  @media (width >= 40rem) {
    min-height: 92px;
  }
}
.sm\:w-1\/3 {
  @media (width >= 40rem) {
    width: calc(1/3 * 100%);
  }
}
.sm\:w-10 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 10);
  }
}
.sm\:w-12 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 12);
  }
}
.sm\:w-32 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 32);
  }
}
.sm\:w-36 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 36);
  }
}
.sm\:w-44 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 44);
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:grid-cols-4 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:justify-between {
  @media (width >= 40rem) {
    justify-content: space-between;
  }
}
.sm\:rounded-3xl {
  @media (width >= 40rem) {
    border-radius: var(--radius-3xl);
  }
}
.sm\:p-3 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 3);
  }
}
.sm\:p-3\.5 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 3.5);
  }
}
.sm\:p-4 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 4);
  }
}
.sm\:p-5 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:p-8 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.sm\:px-4 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:py-2\.5 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 2.5);
  }
}
.sm\:pt-36 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 36);
  }
}
.sm\:pr-0 {
  @media (width >= 40rem) {
    padding-right: calc(var(--spacing) * 0);
  }
}
.sm\:text-center {
  @media (width >= 40rem) {
    text-align: center;
  }
}
.sm\:text-3xl {
  @media (width >= 40rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.sm\:text-4xl {
  @media (width >= 40rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.sm\:text-5xl {
  @media (width >= 40rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.sm\:text-base {
  @media (width >= 40rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.sm\:text-lg {
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.sm\:text-sm {
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.sm\:text-xl {
  @media (width >= 40rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.sm\:text-xs {
  @media (width >= 40rem) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
.sm\:text-\[11px\] {
  @media (width >= 40rem) {
    font-size: 11px;
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:table-cell {
  @media (width >= 48rem) {
    display: table-cell;
  }
}
.md\:h-24 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 24);
  }
}
.md\:max-h-\[550px\] {
  @media (width >= 48rem) {
    max-height: 550px;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:py-12 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 12);
  }
}
.md\:pt-40 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 40);
  }
}
.md\:text-6xl {
  @media (width >= 48rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.md\:text-xl {
  @media (width >= 48rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:p-6 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.lg\:p-8 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.lg\:px-8 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.xl\:max-w-7xl {
  @media (width >= 80rem) {
    max-width: var(--container-7xl);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}


*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb} .container{width:100%;margin-inline:auto}@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}}

/* v470-offscreen-render-budget */
@supports (content-visibility:auto) {
        #quy-trinh, #lookup-section, #lien-he {content-visibility:auto;contain-intrinsic-size:auto 680px;}
        @media(max-width:639px){#quy-trinh, #lookup-section, #lien-he {contain-intrinsic-size:auto 780px;}}
      }

/* v471-mobile-paint-budget */
@media (max-width:639px) {
        
        @supports (content-visibility:auto) {
          #bao-gia, #quy-trinh, #lookup-section, #lien-he {content-visibility:auto;contain-intrinsic-size:auto 900px;}
        }
        
        #v426-left-promo, #v432-right-promo {content-visibility:auto;contain-intrinsic-size:0 0;}
      }

/* v472-mobile-first-paint */
@media (max-width:639px) {
        
        main > section:first-child > .blur-3xl {
          filter:none !important;
          background:radial-gradient(circle,rgba(225,29,72,.13) 0%,rgba(225,29,72,.06) 45%,transparent 72%) !important;
        }
        
        #hero-title {text-rendering:optimizeSpeed;}
        
        @supports (content-visibility:auto) {
          #bao-gia, #quy-trinh, #lookup-section, #lien-he {contain-intrinsic-size:auto 900px;}
        }
      }

/* legacy */
body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #000000;
            color: #f3f4f6;
            overflow-x: hidden;
            -webkit-text-size-adjust: 100%;
        }
        
        .header-fixed-solid {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            background-color: #000000 !important;
            z-index: 99999 !important;
            padding-top: max(8px, env(safe-area-inset-top)) !important;
            padding-bottom: 8px !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.95);
        }

        input[type="datetime-local"], input[type="date"] { color-scheme: dark; }
        input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator {
            filter: invert(1) brightness(1.5);
            cursor: pointer;
        }

        
        #book-time-wrap { position: relative; width: 100%; min-width: 0; max-width: 100%; overflow: hidden; border-radius: 12px; }
        #book-time { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; height: 48px; min-height: 0; padding: 8px 49px 8px 10px; font-size: 14px; color-scheme: dark; overflow: hidden; }
        #book-time::-webkit-calendar-picker-indicator { opacity: 0 !important; width: 1px; margin: 0; cursor: pointer; }
        #book-time-picker-btn {
            position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
            display: flex; align-items: center; justify-content: center;
            width: 36px; height: 36px; padding: 0; border-radius: 9px;
            background: #303030; border: 1px solid #52525b;
            color: #ffffff; cursor: pointer; z-index: 2; box-sizing: border-box;
        }
        #book-time-picker-btn:hover { background: #44403c; border-color: #fb7185; }
        #book-time-picker-btn svg { width: 21px; height: 21px; stroke: #ffffff; stroke-width: 2.3; flex-shrink: 0; }
        @media (min-width: 768px) {
            #book-time { height: 50px; padding-right: 56px; font-size: 16px; }
            #book-time-picker-btn { width: 42px; height: 40px; }
            #book-time-picker-btn svg { width: 24px; height: 24px; }
        }

        
        #book-time-wrap { height: 48px; background: #181818; border: 1px solid #1f2937; }
        #book-time {
            height: 100% !important; border: 0 !important; border-radius: 12px;
            padding: 0 50px 0 14px !important; margin: 0 !important;
            text-align: left !important; font-size: 14px !important;
            line-height: normal; background: transparent !important;
            -webkit-appearance: none; appearance: none;
        }
        #book-time::-webkit-date-and-time-value {
            text-align: left !important; min-height: 1.4em;
            margin: 0 !important; padding: 0 !important;
        }
        #book-time::-webkit-datetime-edit { padding: 0 !important; text-align: left !important; }
        #book-time::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; }
        #book-time-picker-btn { right: 6px; width: 34px; height: 34px; }
        #book-time-picker-btn svg { width: 20px; height: 20px; }
        @media (min-width: 768px) {
            #book-time-wrap { height: 50px; }
            #book-time { font-size: 16px !important; padding-right: 58px !important; }
            #book-time-picker-btn { width: 40px; height: 38px; }
            #book-time-picker-btn svg { width: 23px; height: 23px; }
        }

        
        @media (max-width: 767px) {
            #book-time-picker-btn { display: none !important; }
            #book-time-wrap { width: 100% !important; max-width: 100% !important; height: 48px; }
            #book-time {
                width: 100% !important; min-width: 0 !important; max-width: 100% !important;
                box-sizing: border-box !important; padding: 0 14px !important;
                font-size: 16px !important; line-height: 48px !important;
                text-align: left !important; color: #fff !important;
            }
            #book-time::-webkit-date-and-time-value {
                text-align: left !important; width: 100% !important;
                min-height: 1.4em; line-height: normal;
            }
            #book-time::-webkit-datetime-edit {
                text-align: left !important; width: 100%; padding: 0 !important;
            }
            #book-time::-webkit-calendar-picker-indicator {
                display: none !important;
            }
        }

        select option {
            background-color: #141414 !important;
            color: #ffffff !important;
        }

        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: #000000; }
        ::-webkit-scrollbar-thumb { background: #222222; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #E11D48; }

        .crimson-glow { box-shadow: 0 0 35px -5px rgba(225, 29, 72, 0.25); }

        @keyframes phone-ring {
            0% { transform: rotate(0) scale(1) skew(1deg); }
            10% { transform: rotate(-25deg) scale(1) skew(1deg); }
            20% { transform: rotate(25deg) scale(1) skew(1deg); }
            30% { transform: rotate(-25deg) scale(1) skew(1deg); }
            40% { transform: rotate(25deg) scale(1) skew(1deg); }
            50% { transform: rotate(0) scale(1) skew(1deg); }
            100% { transform: rotate(0) scale(1) skew(1deg); }
        }
        .animate-phone-ring { animation: phone-ring 1.5s infinite ease-in-out; }

        @keyframes pulse-ring {
            0% { transform: scale(0.95); opacity: 0.8; }
            50% { transform: scale(1.4); opacity: 0; }
            100% { transform: scale(0.95); opacity: 0; }
        }
        .animate-pulse-ring { animation: pulse-ring 2s infinite ease-out; }

        @keyframes zalo-bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }
        .animate-zalo { animation: zalo-bounce 2s infinite ease-in-out; }

        @media print {
            body * { visibility: hidden; }
            #receipt-modal, #receipt-modal * { visibility: visible; }
            #receipt-modal { position: absolute; left: 0; top: 0; width: 100%; background: white; color: black; }
            .no-print { display: none !important; }
        }
    
        
        @media (max-width: 640px) {
            html, body {
                max-width: 100%;
                overflow-x: hidden !important;
            }

            #admin-modal,
            #admin-modal > div,
            #admin-content,
            #tab-pricing {
                max-width: 100vw !important;
                overflow-x: hidden !important;
            }

            
            #admin-pricing-list,
            #pricing-admin-list,
            #admin-price-list {
                max-height: 58vh !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: contain;
                touch-action: pan-y;
            }

            
            #tab-pricing .overflow-x-auto,
            #tab-pricing [class*="overflow-x-auto"] {
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior-x: contain;
            }

            #tab-pricing table {
                min-width: 620px;
            }

            #tab-pricing input,
            #tab-pricing select,
            #tab-pricing button {
                max-width: 100%;
            }
        }

        
        @media (max-width: 640px) {
            html, body {
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: clip !important;
            }

            #admin-modal {
                width: 100vw !important;
                max-width: 100vw !important;
                overflow-x: hidden !important;
                padding-left: 8px !important;
                padding-right: 8px !important;
            }

            #admin-modal > div {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow-x: hidden !important;
            }

            #tab-main-pricing,
            #tab-main-pricing > div,
            #tab-main-pricing .grid,
            #tab-main-pricing .flex {
                min-width: 0 !important;
                max-width: 100% !important;
            }

            #tab-main-pricing {
                width: 100% !important;
                overflow-x: hidden !important;
                padding-right: 0 !important;
                overscroll-behavior-x: none !important;
            }

            
            #admin-pricing-scroll-box {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                height: 52vh !important;
                max-height: 52vh !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch !important;
                overscroll-behavior: contain !important;
                touch-action: pan-x pan-y !important;
                position: relative;
            }

            #admin-pricing-scroll-box table {
                min-width: 720px !important;
                width: 720px !important;
                max-width: none !important;
            }

            
            #admin-pricing-scroll-box thead {
                position: sticky;
                top: 0;
                z-index: 5;
            }

            
            #tab-main-pricing select,
            #tab-main-pricing input {
                min-width: 0 !important;
            }

            #tab-main-pricing .flex-wrap {
                width: 100% !important;
            }
        }

#admin-tab-order-list .admin-order-item{touch-action:pan-y;user-select:none}#admin-tab-order-list .admin-order-item.dragging{opacity:.45}

@media not all {
/* desktop-admin-pricing-scroll-smooth-test */
@media (min-width: 641px) {
  #tab-main-pricing {
    overflow-x: hidden !important;
    overscroll-behavior: auto !important;
  }
  #admin-pricing-scroll-box {
    overflow-y: auto !important;
    overflow-x: auto !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
    scroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto !important;
    contain: none !important;
    will-change: auto !important;
  }
  #admin-pricing-scroll-box table {
    transform: none !important;
    will-change: auto !important;
  }
}
}

@media not all {
/* admin-pricing-performance-mode-test */
@media (min-width: 641px) {
    #tab-main-pricing,
    #tab-main-pricing * {
        scroll-behavior: auto !important;
    }

    #admin-pricing-scroll-box {
        overflow-y: auto !important;
        overflow-x: auto !important;
        overscroll-behavior: auto !important;
        touch-action: auto !important;
        contain: none !important;
        will-change: auto !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    #admin-pricing-scroll-box thead,
    #admin-pricing-scroll-box th {
        position: static !important;
        top: auto !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #admin-pricing-scroll-box table,
    #admin-pricing-scroll-box tbody,
    #admin-pricing-scroll-box tr,
    #admin-pricing-scroll-box td {
        transform: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    #admin-pricing-scroll-box tr:hover,
    #admin-pricing-scroll-box td:hover {
        transform: none !important;
        filter: none !important;
        box-shadow: none !important;
    }
}
}

/* admin-100fps-performance-test */
@media (min-width: 641px) {
    #admin-modal,
    #admin-password-modal,
    #admin-modal *,
    #admin-password-modal * {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    #admin-modal,
    #admin-password-modal {
        background: rgba(0,0,0,.96) !important;
        filter: none !important;
    }

    #admin-modal > div,
    #admin-password-modal > div {
        filter: none !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
        animation: none !important;
        transition: none !important;
    }

    #admin-modal .crimson-glow,
    #admin-password-modal .crimson-glow {
        box-shadow: none !important;
        filter: none !important;
    }

    #admin-modal *,
    #admin-password-modal * {
        text-shadow: none !important;
    }

    #admin-pricing-scroll-box,
    #admin-pricing-scroll-box *,
    #tab-main-pricing,
    #tab-main-pricing * {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
    }
}

/* admin-premium-100fps-ui-test */
@media (min-width: 641px) {
  #admin-modal > div {
    border: 1px solid #2d3748 !important;
    border-radius: 18px !important;
    background: #0b0d10 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.28) !important;
  }

  #admin-modal button,
  #admin-modal select,
  #admin-modal input {
    transition: background-color 140ms ease, border-color 140ms ease,
                color 140ms ease, opacity 140ms ease !important;
  }

  #admin-modal button:hover {
    filter: none !important;
  }

  #admin-tab-bar {
    background: #080a0d !important;
    border: 1px solid #202631 !important;
    border-radius: 12px !important;
    padding: 6px !important;
    scrollbar-width: thin;
    scrollbar-color: #374151 #0b0d10;
  }

  #admin-tab-bar button {
    border: 1px solid transparent !important;
    border-radius: 9px !important;
  }

  #admin-tab-bar button:hover {
    background: #171b22 !important;
    border-color: #303846 !important;
  }

  #admin-tab-bar button.bg-rose-600,
  #admin-tab-bar button[class*="bg-rose"] {
    border-color: #fb7185 !important;
  }

  #tab-main-pricing > div {
    border-color: #28303b !important;
  }

  #admin-pricing-scroll-box {
    border: 1px solid #29313c !important;
    border-radius: 12px !important;
    background: #050608 !important;
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #0b0d10;
  }

  #admin-pricing-scroll-box::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  #admin-pricing-scroll-box::-webkit-scrollbar-track {
    background: #0b0d10;
  }
  #admin-pricing-scroll-box::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 8px;
    border: 2px solid #0b0d10;
  }
  #admin-pricing-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #64748b;
  }

  #admin-pricing-scroll-box thead {
    background: #17191e !important;
  }

  #admin-pricing-scroll-box tbody tr {
    transition: background-color 100ms linear !important;
  }

  #admin-pricing-scroll-box tbody tr:hover {
    background: #11151b !important;
  }

  #admin-pricing-scroll-box td,
  #admin-pricing-scroll-box th {
    border-color: #202630 !important;
  }

  #admin-modal input:focus,
  #admin-modal select:focus {
    border-color: #e11d48 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #e11d48 !important;
  }

  #admin-modal .bg-rose-600:hover,
  #admin-modal button.bg-rose-600:hover {
    background-color: #be123c !important;
  }

  
  #admin-modal,
  #admin-modal * {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  #admin-modal .crimson-glow {
    filter: none !important;
  }
}

@media not all {
/* admin-pricing-sticky-header-test */
@media (min-width:641px){
 #admin-pricing-scroll-box{position:relative!important;overflow-y:auto!important;overflow-x:auto!important}
 #admin-pricing-scroll-box thead{position:sticky!important;top:0!important;z-index:30!important;background:#17191e!important}
 #admin-pricing-scroll-box thead th{position:static!important;background:#17191e!important;box-shadow:inset 0 -1px 0 #343b46!important}
}
@media (max-width:640px){
 #admin-pricing-scroll-box thead{position:sticky!important;top:0!important;z-index:30!important}
}
}

@media not all {
/* admin-pricing-fixed-controls-v2 */
@media (min-width:641px){
  #admin-pricing-scroll-box{
    height:52vh !important;
    max-height:52vh !important;
    min-height:320px !important;
    overflow-y:auto !important;
    overflow-x:auto !important;
    position:relative !important;
  }
  #admin-pricing-scroll-box thead{
    position:sticky !important;
    top:0 !important;
    z-index:40 !important;
    background:#17191e !important;
  }
  #admin-pricing-scroll-box thead tr,
  #admin-pricing-scroll-box thead th{
    background:#17191e !important;
  }
}
}

/* admin-layout-v3-test */
@media (min-width:641px){
  
  #admin-modal > div { position:relative !important; }
  #admin-tab-order-panel { z-index:80 !important; }
  button[onclick*="toggleAdminTabOrder"],
  #admin-tab-order-toggle {
    position:absolute !important;
    top:22px !important;
    right:58px !important;
    z-index:70 !important;
    margin:0 !important;
  }

  
  #tab-main-pricing {
    overflow:hidden !important;
  }

  
  #admin-pricing-scroll-box{
    height:calc(100vh - 500px) !important;
    max-height:none !important;
    min-height:360px !important;
    overflow-y:auto !important;
    overflow-x:auto !important;
  }

  
  #admin-pricing-scroll-box th{
    padding-top:9px !important;
    padding-bottom:9px !important;
    line-height:1.15 !important;
  }
  #admin-pricing-scroll-box td{
    padding-top:8px !important;
    padding-bottom:8px !important;
    line-height:1.2 !important;
  }
  #admin-pricing-scroll-box tbody tr{
    min-height:48px !important;
  }
}

/* admin-scroll-drag-v4-test */
@media (min-width:641px){
  
  #admin-modal > div{overflow:hidden!important}
  .admin-tab-content{overflow-y:hidden!important;min-height:0!important}

  
  #admin-crm-scroll-box,#admin-orders-scroll-box{
    height:calc(100vh - 300px)!important;min-height:360px!important;
    overflow:auto!important;position:relative!important;
    scrollbar-width:thin;scrollbar-color:#4b5563 #0b0d10;
  }
  #admin-crm-scroll-box thead,#admin-orders-scroll-box thead{
    position:sticky!important;top:0!important;z-index:35!important;background:#17191e!important;
  }
  #admin-crm-scroll-box thead tr,#admin-crm-scroll-box thead th,
  #admin-orders-scroll-box thead tr,#admin-orders-scroll-box thead th{background:#17191e!important}

  
  #tab-service-order>div{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  #tab-service-order>div>div:first-child{flex:0 0 auto!important}
  #admin-service-order-scroll-box{
    flex:1 1 auto!important;min-height:0!important;overflow:auto!important;position:relative!important;
    scrollbar-width:thin;scrollbar-color:#4b5563 #0b0d10;
  }
  #admin-service-order-scroll-box thead{position:sticky!important;top:0!important;z-index:35!important}
}
.service-order-draggable.dragging{opacity:.45!important}
.service-order-draggable.drag-over{outline:1px solid #fb7185!important;outline-offset:-1px}

/* admin-remove-outer-scrollbar-v5 */
@media (min-width:641px){
  html:has(#admin-modal:not(.hidden)),
  body:has(#admin-modal:not(.hidden)){
    overflow:hidden !important;
    height:100% !important;
  }

  #admin-modal{
    overflow:hidden !important;
    height:100vh !important;
    max-height:100vh !important;
  }

  #admin-modal > div{
    overflow:hidden !important;
    max-height:calc(100vh - 40px) !important;
  }

  #tab-service-order{
    overflow:hidden !important;
    height:100% !important;
    max-height:100% !important;
  }

  
  #admin-modal::-webkit-scrollbar,
  #admin-modal > div::-webkit-scrollbar,
  #tab-service-order::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  #admin-modal,
  #admin-modal > div,
  #tab-service-order{
    scrollbar-width:none !important;
  }
}

/* pricing-direct-drag-v7-style */
#admin-pricing-table-body .pricing-row-draggable{user-select:none}
#admin-pricing-table-body .pricing-row-draggable.pricing-dragging{opacity:.45!important}
#admin-pricing-table-body .pricing-row-draggable.pricing-drag-over{outline:1px solid #fb7185!important;outline-offset:-1px}

/* pricing-longpress-drag-v8-style */
#admin-pricing-table-body .pricing-row-draggable{
  user-select:text!important;-webkit-user-select:text!important;cursor:default!important;
}
#admin-pricing-table-body .pricing-row-draggable.pricing-longpress-ready{
  cursor:grab!important;outline:1px solid #fb7185!important;outline-offset:-1px;
}
#admin-pricing-table-body .pricing-row-draggable.pricing-longpress-moving{
  cursor:grabbing!important;opacity:.55!important;
}
#admin-pricing-table-body .pricing-row-draggable.pricing-longpress-target{
  outline:2px solid #fb7185!important;outline-offset:-2px;
}

/* pricing-hold800-v9-style */
#admin-pricing-table-body .pricing-row-draggable{
  user-select:text!important;-webkit-user-select:text!important;cursor:default!important;
}
#admin-pricing-table-body .pricing-row-draggable.hold800-active{
  cursor:grabbing!important;
  outline:2px solid #fb7185!important;
  outline-offset:-2px!important;
  background:#171217!important;
}
#admin-pricing-table-body .pricing-row-draggable.hold800-target{
  outline:2px solid #f43f5e!important;
  outline-offset:-2px!important;
}

/* pricing-column-resize-v10-style */
#admin-pricing-scroll-box table{table-layout:fixed!important;min-width:1100px}
#admin-pricing-scroll-box thead th{position:sticky!important;position:-webkit-sticky!important}
#admin-pricing-scroll-box thead th{position:relative}
#admin-pricing-scroll-box .pricing-col-resizer{
 position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;
 z-index:30;touch-action:none;user-select:none;
}
#admin-pricing-scroll-box .pricing-col-resizer::after{
 content:"";position:absolute;top:18%;bottom:18%;left:4px;width:1px;background:rgba(251,113,133,.55);
}
#admin-pricing-scroll-box .pricing-col-resizer:hover::after,
body.pricing-column-resizing #admin-pricing-scroll-box .pricing-col-resizer::after{width:2px;background:#fb7185}
body.pricing-column-resizing{cursor:col-resize!important;user-select:none!important}

/* pricing-mobile-opt-v11-style */
@media (max-width:640px){
  
  #admin-pricing-table-body .pricing-row-draggable{
    -webkit-user-select:none!important;user-select:none!important;
    -webkit-touch-callout:none!important;
    touch-action:pan-y!important;
  }
  
  #admin-pricing-table-body .pricing-mobile-hide-edit{display:none!important}
  
  #admin-pricing-table-body .pricing-visibility-btn{
    width:34px!important;height:34px!important;padding:0!important;
    border-radius:9px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn span{display:none!important}
  #admin-pricing-table-body .pricing-visibility-btn i{font-size:15px!important;margin:0!important}
}

/* pricing-mobile-fix-v12-style */
@media (max-width:640px){
  #admin-pricing-scroll-box{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain;
  }
  #admin-pricing-table-body .pricing-row-draggable{
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn{
    position:relative!important;z-index:20!important;
    width:38px!important;height:38px!important;min-width:38px!important;
    padding:0!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn span{display:none!important}
}

/* pricing-mobile-fix-v13-style */
@media (max-width:640px){
  #admin-pricing-scroll-box{
    overflow-x:scroll!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    scrollbar-gutter:stable;
  }
  #admin-pricing-scroll-box table{
    min-width:1250px!important;
    width:max-content!important;
  }
  #admin-pricing-table-body .pricing-row-draggable{
    touch-action:pan-x pan-y!important;
    user-select:none!important;-webkit-user-select:none!important;
    -webkit-touch-callout:none!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn{
    pointer-events:auto!important;width:40px!important;height:40px!important;
    min-width:40px!important;padding:0!important;z-index:50!important;
  }
  #admin-pricing-table-body .pricing-mobile-drag-handle{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:38px;height:38px;margin-right:4px;border-radius:9px;
    background:#27272a;color:#fda4af;touch-action:none!important;
    user-select:none!important;-webkit-user-select:none!important;
  }
}
@media (min-width:641px){
  #admin-pricing-table-body .pricing-mobile-drag-handle{display:none!important}
}

/* pricing-mobile-handle-first-v14-style */
@media (max-width:640px){
  #admin-pricing-table-body td:first-child{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    justify-content:flex-start!important;
    min-width:125px!important;
  }
  #admin-pricing-table-body td:first-child .pricing-mobile-drag-handle{
    flex:0 0 38px!important;
    margin:0!important;
  }
}

/* pricing-mobile-compact-landscape-v15-style */
@media (max-width:932px), (max-height:500px) and (orientation:landscape){
  #admin-pricing-scroll-box{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:thin!important;
  }
  #admin-pricing-scroll-box table{
    table-layout:fixed!important;
    width:900px!important;
    min-width:900px!important;
    max-width:none!important;
  }
  #admin-pricing-scroll-box th,
  #admin-pricing-scroll-box td{
    padding:7px 6px!important;
    line-height:1.15!important;
    white-space:normal!important;
    vertical-align:middle!important;
  }
  #admin-pricing-scroll-box th:nth-child(1),
  #admin-pricing-scroll-box td:nth-child(1){width:118px!important;min-width:118px!important}
  #admin-pricing-scroll-box th:nth-child(2),
  #admin-pricing-scroll-box td:nth-child(2){width:135px!important;min-width:135px!important}
  #admin-pricing-scroll-box th:nth-child(3),
  #admin-pricing-scroll-box td:nth-child(3){width:155px!important;min-width:155px!important}
  #admin-pricing-scroll-box th:nth-child(4),
  #admin-pricing-scroll-box td:nth-child(4){width:92px!important;min-width:92px!important}
  #admin-pricing-scroll-box th:nth-child(5),
  #admin-pricing-scroll-box td:nth-child(5){width:110px!important;min-width:110px!important}
  #admin-pricing-scroll-box th:nth-child(6),
  #admin-pricing-scroll-box td:nth-child(6){width:110px!important;min-width:110px!important}
  #admin-pricing-scroll-box th:nth-child(7),
  #admin-pricing-scroll-box td:nth-child(7){width:72px!important;min-width:72px!important}
  #admin-pricing-scroll-box th:nth-child(8),
  #admin-pricing-scroll-box td:nth-child(8){width:108px!important;min-width:108px!important}

  #admin-pricing-table-body .pricing-row-draggable{
    touch-action:pan-x pan-y!important;
  }
  #admin-pricing-table-body td:first-child{
    min-width:118px!important;
    gap:4px!important;
    padding-left:5px!important;
  }
  #admin-pricing-table-body td:first-child .pricing-mobile-drag-handle{
    width:32px!important;height:32px!important;flex:0 0 32px!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn{
    width:32px!important;height:32px!important;min-width:32px!important;
  }
  #admin-pricing-table-body button{
    margin:1px!important;
  }

  
  #tab-main-pricing{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    touch-action:pan-x pan-y!important;
  }
  #admin-modal > div{
    min-width:0!important;
    max-width:calc(100vw - 12px)!important;
  }
}

/* pricing-mobile-portrait-compact-v16-style */
@media (max-width:640px) and (orientation:portrait){
  #admin-pricing-scroll-box{
    width:100%!important;max-width:100%!important;
    overflow-x:auto!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
  }
  #admin-pricing-scroll-box table{
    table-layout:fixed!important;
    width:760px!important;min-width:760px!important;max-width:760px!important;
  }
  #admin-pricing-scroll-box th,
  #admin-pricing-scroll-box td{
    padding:5px 4px!important;
    font-size:11px!important;
    line-height:1.12!important;
    white-space:normal!important;
    word-break:normal!important;
  }
  #admin-pricing-scroll-box th:nth-child(1),
  #admin-pricing-scroll-box td:nth-child(1){width:100px!important;min-width:100px!important}
  #admin-pricing-scroll-box th:nth-child(2),
  #admin-pricing-scroll-box td:nth-child(2){width:112px!important;min-width:112px!important}
  #admin-pricing-scroll-box th:nth-child(3),
  #admin-pricing-scroll-box td:nth-child(3){width:132px!important;min-width:132px!important}
  #admin-pricing-scroll-box th:nth-child(4),
  #admin-pricing-scroll-box td:nth-child(4){width:76px!important;min-width:76px!important}
  #admin-pricing-scroll-box th:nth-child(5),
  #admin-pricing-scroll-box td:nth-child(5){width:94px!important;min-width:94px!important}
  #admin-pricing-scroll-box th:nth-child(6),
  #admin-pricing-scroll-box td:nth-child(6){width:94px!important;min-width:94px!important}
  #admin-pricing-scroll-box th:nth-child(7),
  #admin-pricing-scroll-box td:nth-child(7){width:58px!important;min-width:58px!important}
  #admin-pricing-scroll-box th:nth-child(8),
  #admin-pricing-scroll-box td:nth-child(8){width:94px!important;min-width:94px!important}

  #admin-pricing-table-body td:first-child{
    min-width:100px!important;width:100px!important;
    gap:3px!important;padding:4px 3px!important;
  }
  #admin-pricing-table-body td:first-child .pricing-mobile-drag-handle{
    width:28px!important;height:30px!important;flex:0 0 28px!important;
  }
  #admin-pricing-table-body .pricing-visibility-btn{
    width:30px!important;height:30px!important;min-width:30px!important;
  }
  #admin-pricing-table-body td:nth-child(8){
    padding-left:2px!important;padding-right:2px!important;
  }
  #admin-pricing-table-body td:nth-child(8) button{
    padding:5px!important;margin:0!important;
  }
}

/* pricing-mobile-scroll-fix-v17-style */
@media (max-width:932px){
  #admin-modal{
    overflow:hidden!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
  #admin-modal > div{
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #tab-main-pricing{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
  }
  #admin-pricing-scroll-box{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:48dvh!important;
    min-height:280px!important;
    max-height:520px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior:contain!important;
  }
  #admin-pricing-scroll-box table{
    max-width:none!important;
  }
  
  #admin-pricing-table-body .pricing-row-draggable,
  #admin-pricing-table-body td,
  #admin-pricing-table-body th{
    touch-action:pan-x pan-y!important;
  }
  #admin-pricing-table-body .pricing-mobile-drag-handle{
    touch-action:none!important;
  }
}

/* pricing-column-edit-v18-style */
#admin-pricing-scroll-box thead th{position:relative!important}
.pricing-col-resizer-v18{display:none}
#admin-pricing-scroll-box.pricing-column-editing .pricing-col-resizer-v18{display:block;position:absolute;top:0;right:-7px;width:16px;height:100%;cursor:col-resize;z-index:90;touch-action:none}
#admin-pricing-scroll-box.pricing-column-editing .pricing-col-resizer-v18:after{content:"";position:absolute;left:7px;top:10%;bottom:10%;width:2px;background:#fb7185}
#admin-pricing-scroll-box.pricing-column-editing thead th{outline:1px dashed rgba(251,113,133,.35);outline-offset:-1px}
#pricing-column-edit-toggle.active{background:#9f1239!important;border-color:#fb7185!important;color:#fff!important}
body.pricing-column-resizing-v18{cursor:col-resize!important;user-select:none!important}
@media(max-width:932px){#admin-pricing-scroll-box table{min-width:980px!important;width:980px!important;max-width:none!important}}

/* pricing-desktop-compact-v19-style */
@media (min-width:933px){
  
  #tab-main-pricing,
  #tab-main-pricing > div{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  #admin-pricing-scroll-box{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
  }
  #admin-pricing-scroll-box table{
    width:100%!important;
    min-width:1040px!important;
    max-width:none!important;
    table-layout:fixed!important;
  }

  
  #admin-pricing-scroll-box th:nth-child(1),
  #admin-pricing-scroll-box td:nth-child(1){width:8%!important;min-width:82px!important}
  #admin-pricing-scroll-box th:nth-child(2),
  #admin-pricing-scroll-box td:nth-child(2){width:12%!important;min-width:120px!important}
  #admin-pricing-scroll-box th:nth-child(3),
  #admin-pricing-scroll-box td:nth-child(3){width:16%!important;min-width:155px!important}
  #admin-pricing-scroll-box th:nth-child(4),
  #admin-pricing-scroll-box td:nth-child(4){width:9%!important;min-width:90px!important}
  #admin-pricing-scroll-box th:nth-child(5),
  #admin-pricing-scroll-box td:nth-child(5){width:10%!important;min-width:100px!important}
  #admin-pricing-scroll-box th:nth-child(6),
  #admin-pricing-scroll-box td:nth-child(6){width:10%!important;min-width:105px!important}
  #admin-pricing-scroll-box th:nth-child(7),
  #admin-pricing-scroll-box td:nth-child(7){width:10%!important;min-width:105px!important}
  #admin-pricing-scroll-box th:nth-child(8),
  #admin-pricing-scroll-box td:nth-child(8){width:10%!important;min-width:100px!important}
  #admin-pricing-scroll-box th:nth-child(9),
  #admin-pricing-scroll-box td:nth-child(9){width:15%!important;min-width:145px!important}

  #admin-pricing-scroll-box th,
  #admin-pricing-scroll-box td{
    padding:8px 7px!important;
    line-height:1.2!important;
    vertical-align:middle!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #admin-pricing-scroll-box th{
    white-space:nowrap!important;
    font-size:12px!important;
  }
  #admin-pricing-scroll-box td{
    white-space:normal!important;
    word-break:normal!important;
    font-size:12px!important;
  }
  
  #admin-pricing-scroll-box th:nth-child(9),
  #admin-pricing-scroll-box td:nth-child(9){
    overflow:visible!important;
    white-space:nowrap!important;
    padding-left:5px!important;padding-right:5px!important;
  }
  #admin-pricing-scroll-box td:nth-child(9) button{
    margin:1px!important;
  }
  
  #admin-pricing-scroll-box td:nth-child(8) .pricing-visibility-btn{
    max-width:92px!important;
    margin:auto!important;
  }
}

@media not all {
/* admin-add-service-desktop-v20-style */
@media (min-width:933px){
  
  #tab-main-pricing form:has(#admin-device-type){
    display:grid!important;
    grid-template-columns:
      minmax(135px,1.05fr)
      minmax(150px,1.15fr)
      minmax(165px,1.25fr)
      minmax(115px,.85fr)
      minmax(135px,1fr)
      minmax(145px,1.05fr)
      minmax(145px,1.05fr)!important;
    gap:12px!important;
    align-items:start!important;
    width:100%!important;
  }
  #tab-main-pricing form:has(#admin-device-type) > div{
    min-width:0!important;
    width:100%!important;
  }
  #tab-main-pricing form:has(#admin-device-type) input,
  #tab-main-pricing form:has(#admin-device-type) select{
    width:100%!important;
    min-width:0!important;
  }
  
  #tab-main-pricing form:has(#admin-device-type) > button[type="submit"]{
    grid-column:1 / -1!important;
    width:100%!important;
    margin-top:2px!important;
  }
  
  #tab-main-pricing form:has(#admin-device-type) label{
    min-height:30px!important;
    display:flex!important;
    align-items:flex-end!important;
    line-height:1.15!important;
  }
  
  #tab-main-pricing form:has(#admin-device-type) .flex.items-center.justify-between{
    min-height:30px!important;
    align-items:flex-end!important;
    gap:5px!important;
  }
}
}

@media not all {
/* admin-add-service-desktop-v21-style */
@media (min-width:933px){
  
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type){
    display:grid!important;
    grid-template-columns:
      minmax(130px,1fr)
      minmax(145px,1fr)
      minmax(160px,1.12fr)
      minmax(115px,.85fr)
      minmax(135px,.95fr)
      minmax(145px,1fr)
      minmax(145px,1fr)!important;
    gap:10px!important;
    width:100%!important;
    align-items:start!important;
  }
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) > div{
    width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
  }
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) input,
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) select{
    width:100%!important;
    min-width:0!important;
  }
  
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) > div:nth-child(7){
    grid-column:7!important;
    grid-row:1!important;
  }
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) > div:nth-child(-n+6){
    grid-row:1!important;
  }
  
  #tab-main-pricing form:has(#admin-device-type) > div:has(#admin-device-type) > div input + input{
    margin-top:6px!important;
  }
  #tab-main-pricing form:has(#admin-device-type) > button[type="submit"]{
    width:100%!important;
    margin-top:12px!important;
  }
}
}

@media not all {
/* admin-add-service-desktop-v22-style */
@media (min-width:933px){
  .admin-add-service-grid{
    display:grid!important;
    grid-template-columns:
      minmax(145px,1.05fr)
      minmax(155px,1.08fr)
      minmax(170px,1.18fr)
      minmax(125px,.88fr)
      minmax(145px,1fr)
      minmax(155px,1.05fr)
      minmax(155px,1.05fr)!important;
    gap:10px!important;
    width:100%!important;
    align-items:start!important;
  }
  .admin-add-service-grid > div{
    min-width:0!important;
    width:100%!important;
    grid-column:auto!important;
    grid-row:1!important;
  }
  .admin-add-service-grid select,
  .admin-add-service-grid input{
    width:100%!important;
    min-width:0!important;
  }
  .admin-add-service-grid label{
    line-height:1.15!important;
  }
}
}

@media not all {
/* admin-add-service-responsive-v23-style */
@media (min-width:933px) and (max-width:1399px){
  .admin-add-service-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:10px 12px!important;
    width:100%!important;
    overflow:visible!important;
  }
  
  .admin-add-service-grid > div:nth-child(1),
  .admin-add-service-grid > div:nth-child(2),
  .admin-add-service-grid > div:nth-child(3),
  .admin-add-service-grid > div:nth-child(4){
    grid-row:1!important;
    grid-column:auto!important;
  }
  .admin-add-service-grid > div:nth-child(1){grid-column:1 / span 3!important}
  .admin-add-service-grid > div:nth-child(2){grid-column:4 / span 3!important}
  .admin-add-service-grid > div:nth-child(3){grid-column:7 / span 3!important}
  .admin-add-service-grid > div:nth-child(4){grid-column:10 / span 3!important}

  
  .admin-add-service-grid > div:nth-child(5){
    grid-row:2!important;grid-column:1 / span 4!important;
  }
  .admin-add-service-grid > div:nth-child(6){
    grid-row:2!important;grid-column:5 / span 4!important;
  }
  .admin-add-service-grid > div:nth-child(7){
    grid-row:2!important;grid-column:9 / span 4!important;
  }

  .admin-add-service-grid > div{
    min-width:0!important;width:100%!important;
  }
  .admin-add-service-grid input,
  .admin-add-service-grid select{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
  }
  .admin-add-service-grid .flex.items-center.justify-between{
    gap:8px!important;
  }
  .admin-add-service-grid label{
    white-space:normal!important;
    overflow:visible!important;
  }
}


@media (min-width:1400px){
  .admin-add-service-grid{
    display:grid!important;
    grid-template-columns:
      minmax(140px,1.05fr)
      minmax(150px,1.08fr)
      minmax(165px,1.16fr)
      minmax(120px,.86fr)
      minmax(135px,.95fr)
      minmax(145px,1fr)
      minmax(145px,1fr)!important;
    gap:10px!important;
  }
  .admin-add-service-grid > div{
    grid-row:1!important;grid-column:auto!important;
    min-width:0!important;
  }
  .admin-add-service-grid input,
  .admin-add-service-grid select{
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
}
}

/* admin-add-service-force-4plus3-v24-style */
@media (min-width:933px){
  .admin-add-service-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .admin-add-service-grid > div{
    min-width:0!important;
    width:100%!important;
  }

  
  .admin-add-service-grid > div:nth-child(1){
    grid-column:1 / 4!important;grid-row:1!important;
  }
  .admin-add-service-grid > div:nth-child(2){
    grid-column:4 / 7!important;grid-row:1!important;
  }
  .admin-add-service-grid > div:nth-child(3){
    grid-column:7 / 10!important;grid-row:1!important;
  }
  .admin-add-service-grid > div:nth-child(4){
    grid-column:10 / 13!important;grid-row:1!important;
  }

  
  .admin-add-service-grid > div:nth-child(5){
    grid-column:1 / 5!important;grid-row:2!important;
  }
  .admin-add-service-grid > div:nth-child(6){
    grid-column:5 / 9!important;grid-row:2!important;
  }
  .admin-add-service-grid > div:nth-child(7){
    grid-column:9 / 13!important;grid-row:2!important;
  }

  .admin-add-service-grid input,
  .admin-add-service-grid select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .admin-add-service-grid label,
  .admin-add-service-grid .flex.items-center.justify-between{
    min-height:28px!important;
  }

  
  .admin-add-service-grid > div:nth-child(1),
  .admin-add-service-grid > div:nth-child(2),
  .admin-add-service-grid > div:nth-child(3),
  .admin-add-service-grid > div:nth-child(4){
    align-self:start!important;
  }
}

@media not all {
/* admin-add-service-compact-v25-style */
@media (min-width:933px){
  
  #tab-main-pricing > div:has(.admin-add-service-grid){
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .admin-add-service-grid{
    gap:7px 10px!important;
  }

  .admin-add-service-grid label{
    min-height:20px!important;
    margin-bottom:3px!important;
    font-size:11px!important;
    line-height:1.05!important;
  }

  .admin-add-service-grid select,
  .admin-add-service-grid input{
    padding-top:7px!important;
    padding-bottom:7px!important;
    min-height:36px!important;
    height:36px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }

  
  .admin-add-service-grid > div:nth-child(-n+3) input{
    margin-top:5px!important;
  }

  
  #tab-main-pricing > div:has(.admin-add-service-grid) button[onclick*="addPricing"],
  #tab-main-pricing > div:has(.admin-add-service-grid) button[onclick*="addAdminPricing"],
  #tab-main-pricing > div:has(.admin-add-service-grid) button[type="button"].w-full{
    margin-top:8px!important;
    min-height:38px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  
  #admin-pricing-scroll-box{
    height:calc(100vh - 445px)!important;
    min-height:390px!important;
  }
}
}

/* admin-add-service-ultra-compact-v26-style */
@media (min-width:933px){
  
  #tab-main-pricing > div:has(.admin-add-service-grid){
    padding:10px 12px!important;
    margin-bottom:10px!important;
  }
  #tab-main-pricing > div:has(.admin-add-service-grid) > h3,
  #tab-main-pricing > div:has(.admin-add-service-grid) > h4{
    margin:0 0 7px 0!important;
    line-height:1!important;
    font-size:12px!important;
  }

  .admin-add-service-grid{
    gap:5px 10px!important;
  }
  .admin-add-service-grid label{
    min-height:16px!important;
    margin:0 0 2px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .admin-add-service-grid select{
    height:32px!important;
    min-height:32px!important;
    padding:4px 9px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  .admin-add-service-grid input{
    height:30px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  .admin-add-service-grid > div:nth-child(-n+3) input{
    margin-top:3px!important;
  }
  .admin-add-service-grid .flex.items-center.justify-between{
    min-height:16px!important;
    height:16px!important;
    margin-bottom:2px!important;
  }

  
  #tab-main-pricing > div:has(.admin-add-service-grid) > button{
    height:34px!important;
    min-height:34px!important;
    padding:5px 10px!important;
    margin-top:7px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }

  
  #admin-pricing-scroll-box{
    height:calc(100dvh - 365px)!important;
    min-height:430px!important;
    max-height:none!important;
  }
}

/* admin-performance-cleanup-v29 */
@media (min-width:641px){
  #admin-modal,
  #admin-password-modal{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  #admin-modal *,
  #admin-password-modal *{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    text-shadow:none!important;
  }

  
  #admin-tab-bar,
  #admin-pricing-scroll-box,
  #admin-orders-scroll-box,
  #admin-crm-scroll-box,
  #admin-service-order-scroll-box{
    scroll-behavior:auto!important;
    overscroll-behavior:contain;
    will-change:auto!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  #admin-pricing-scroll-box tbody tr,
  #admin-orders-scroll-box tbody tr,
  #admin-crm-scroll-box tbody tr,
  #admin-service-order-scroll-box tbody tr{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    filter:none!important;
  }

  
  #admin-modal button,
  #admin-modal input,
  #admin-modal select{
    transition:background-color 90ms linear,border-color 90ms linear,color 90ms linear,opacity 90ms linear!important;
  }

  
  #admin-tab-bar{scroll-behavior:auto!important}
}

/* admin-ultra-smooth-v30 */
@media (min-width:933px){
  
  #admin-modal{
    background:#000!important;
    opacity:1!important;
    isolation:isolate!important;
  }

  
  #admin-pricing-scroll-box{
    contain:layout paint style!important;
    isolation:isolate!important;
    scroll-behavior:auto!important;
    overscroll-behavior:contain!important;
    background:#050505!important;
  }

  
  #admin-pricing-scroll-box thead,
  #admin-pricing-scroll-box thead th{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    box-shadow:none!important;
  }

  
  #admin-pricing-scroll-box tbody tr,
  #admin-pricing-scroll-box tbody td{
    transition:none!important;
    animation:none!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  #admin-pricing-scroll-box tbody tr:hover{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}

/* admin-pricing-sticky-header-v47 */
#admin-pricing-scroll-box{position:relative!important;}
#admin-pricing-scroll-box table{border-collapse:separate!important;border-spacing:0!important;}
#admin-pricing-scroll-box thead{position:sticky!important;top:0!important;z-index:35!important;}
#admin-pricing-scroll-box thead tr{position:relative!important;z-index:35!important;}
#admin-pricing-scroll-box thead th{position:sticky!important;top:0!important;z-index:36!important;background:#111827!important;background-clip:padding-box!important;box-shadow:inset 0 -1px 0 #374151!important;}
@media (min-width:933px){#admin-pricing-scroll-box thead,#admin-pricing-scroll-box thead th{position:sticky!important;top:0!important;}}

/* crm-status-colors-v410 */
#admin-customers-table-body select.crm-status-select { color: #fff; background-color: #263240; border-color: #4b647f; }
#admin-customers-table-body select.crm-status-received { background-color: #123b65; color: #93c5fd; border-color: #2563eb; }
#admin-customers-table-body select.crm-status-repairing { background-color: #5a390a; color: #fde68a; border-color: #d97706; }
#admin-customers-table-body select.crm-status-completed { background-color: #064e3b; color: #a7f3d0; border-color: #059669; }
#admin-customers-table-body select.crm-status-delivered { background-color: #334155; color: #e2e8f0; border-color: #64748b; }
#admin-customers-table-body select.crm-status-select option { background-color: #171717; color: #fff; }

/* admin-scroll-repair-v423 */
@media (min-width:641px) {
  #admin-modal > div { min-height:0!important; }
  #admin-modal .admin-tab-content:not(.hidden) {
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    scrollbar-width:thin;
    scrollbar-color:#4b5563 #0b0d10;
  }
  
  #tab-main-pricing:not(.hidden) {
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  #tab-main-pricing #admin-pricing-scroll-box {
    flex:0 0 auto!important;
    height:clamp(180px, calc(100dvh - 390px), 600px)!important;
    min-height:0!important;
    max-height:600px!important;
    overflow-y:auto!important;
    overflow-x:auto!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-y:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:#64748b #0b0d10!important;
  }
  #tab-main-pricing #admin-pricing-scroll-box thead,
  #tab-main-pricing #admin-pricing-scroll-box thead th {
    position:sticky!important;
    top:0!important;
  }
  #admin-modal .admin-tab-content:not(.hidden)::-webkit-scrollbar,
  #tab-main-pricing #admin-pricing-scroll-box::-webkit-scrollbar {width:9px;height:9px;}
  #admin-modal .admin-tab-content:not(.hidden)::-webkit-scrollbar-thumb,
  #tab-main-pricing #admin-pricing-scroll-box::-webkit-scrollbar-thumb {background:#4b5563;border-radius:8px;}
  
  #admin-crm-scroll-box,#admin-orders-scroll-box,#admin-service-order-scroll-box {
    min-height:0!important;
    max-height:calc(100dvh - 290px)!important;
    overflow:auto!important;
  }
}

/* v424-desktop-high-refresh-compat */
@media (min-width:933px) {
  html.v424-chromium-desktop,
  html.v424-chromium-desktop body { scroll-behavior:auto!important; }
  html.v424-chromium-desktop #admin-tab-bar,
  html.v424-chromium-desktop #admin-pricing-scroll-box,
  html.v424-chromium-desktop #admin-orders-scroll-box,
  html.v424-chromium-desktop #admin-crm-scroll-box,
  html.v424-chromium-desktop #admin-service-order-scroll-box,
  html.v424-chromium-desktop .admin-tab-content { scroll-behavior:auto!important; }
  
  html.v424-chromium-desktop #admin-pricing-scroll-box,
  html.v424-chromium-desktop #admin-orders-scroll-box,
  html.v424-chromium-desktop #admin-crm-scroll-box { will-change:auto!important; }
  
  html.v424-chromium-desktop:has(#admin-modal:not(.hidden))
    .animate-phone-ring,
  html.v424-chromium-desktop:has(#admin-modal:not(.hidden))
    .animate-pulse-ring,
  html.v424-chromium-desktop:has(#admin-modal:not(.hidden))
    .animate-zalo { animation-play-state:paused!important; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
}

/* v428-banner-viewport-fixed */
#v426-left-promo{display:none!important}
@media(min-width:1280px) and (min-height:600px){
 #v426-left-promo{display:block!important;position:fixed!important;left:max(12px,calc((100vw - 1600px)/2 + 14px));top:112px;width:calc((100dvh - 112px) * 7 / 22);height:calc(100dvh - 112px);z-index:40;pointer-events:auto;overflow:hidden;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.55)}
 #v426-left-promo a,#v426-left-promo img{display:block;width:100%;height:100%}
 #v426-left-promo img{object-fit:cover;object-position:center;background:#070709;border:1px solid #9f1239;border-radius:12px;aspect-ratio:7/22}
}
@media(min-width:1280px) and (max-width:1570px){#hero>.relative.z-10{padding-left:clamp(155px,14vw,220px)}}

/* v430-fullbleed-banner */
@media(min-width:1280px) and (min-height:600px){
 #v426-left-promo { top:104px!important; bottom:90px!important; height:calc(100dvh - 194px)!important; width:calc((100dvh - 194px) * 7 / 22)!important; }
 #v426-left-promo a, #v426-left-promo img {width:100%!important;height:100%!important;}
 #v426-left-promo img {object-fit:fill!important;object-position:center!important;display:block!important;}
}

/* v432-bilateral-banners */
#v432-right-promo{display:none!important}
@media(min-width:1280px) and (min-height:600px){
  #v426-left-promo, #v432-right-promo{
    position:fixed!important;top:104px!important;bottom:90px!important;
    height:calc(100dvh - 194px)!important;width:calc((100dvh - 194px)*400/1838)!important;
    max-width:calc((100vw - 940px)/2 - 16px);
    overflow:hidden;border-radius:12px;z-index:40;
    border:1px solid rgba(225,29,72,.65);background:#070709;
  }
  #v426-left-promo{left:max(12px,calc((100vw - 1600px)/2 + 14px))!important}
  #v432-right-promo{right:max(12px,calc((100vw - 1600px)/2 + 14px))!important}
  #v432-right-promo.v432-visible{display:block!important}
  #v426-left-promo a,#v432-right-promo a,
  #v426-left-promo img,#v432-right-promo img{display:block;width:100%!important;height:100%!important}
  #v426-left-promo img,#v432-right-promo img{
    object-fit:contain!important;object-position:center!important;
    aspect-ratio:400/1838!important;border:0!important;background:#070709;
  }
}

/* v433-banner-no-letterbox */
@media (min-width:1280px) and (min-height:600px) {
 #v426-left-promo, #v432-right-promo {
   top:104px!important;bottom:90px!important;
   height:calc(100dvh - 194px)!important;
   width:calc((100dvh - 194px)*400/1838)!important;
   max-width:calc((100vw - 920px)/2 - 12px)!important;
   aspect-ratio:400/1838!important;
   box-sizing:border-box!important;
 }
 #v426-left-promo a,#v432-right-promo a {width:100%!important;height:100%!important;display:block!important}
 #v426-left-promo img,#v432-right-promo img {
   width:100%!important;height:100%!important;
   object-fit:contain!important;object-position:center!important;
   aspect-ratio:auto!important;border:0!important;
 }
}

/* v436-left-banner-no-border */
#v426-left-promo { border: 0 !important; box-shadow: none !important; outline: none !important; }
#v426-left-promo img { border: 0 !important; box-shadow: none !important; outline: none !important; }

/* v437-banner-readable-desktop */
@media (min-width:1280px) and (min-height:600px) {
  #v426-left-promo {
    top:104px!important;
    bottom:90px!important;
    height:calc(100dvh - 194px)!important;
    width:min(calc((100dvh - 194px)*400/1440),calc((100vw - 940px)/2 - 16px))!important;
    max-width:260px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #v426-left-promo a,#v426-left-promo img {width:100%!important;height:100%!important;display:block!important}
  #v426-left-promo img {
    object-fit:contain!important;object-position:center!important;
    aspect-ratio:400/1440!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;
  }
}
@media (min-width:1280px) and (max-width:1460px) {
  #v426-left-promo {max-width:185px!important;}
}

/* v439-right-banner-ratio */
@media (min-width:1280px) and (min-height:600px) {
 #v432-right-promo{
   width:min(calc((100dvh - 194px)*440/1440),calc((100vw - 940px)/2 - 16px))!important;
   max-width:260px!important;
   border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
 }
 #v432-right-promo img{aspect-ratio:11/36!important;object-fit:contain!important;border:0!important;background:transparent!important}
}

/* v444-match-banner-dimensions */
@media(min-width:1280px) and (min-height:600px){
 #v432-right-promo{width:min(calc((100dvh - 194px)*400/1440),calc((100vw - 940px)/2 - 16px))!important;max-width:260px!important;aspect-ratio:5/18!important}
 #v432-right-promo img{width:100%!important;height:100%!important;aspect-ratio:5/18!important;object-fit:contain!important;object-position:center!important}
}
@media(min-width:1280px) and (max-width:1460px){#v432-right-promo{max-width:185px!important}}


#homepage-image-container.store-carousel { width:100%; max-width:100%; isolation:isolate; }

.store-slides {position:relative; height:clamp(170px,25vw,255px); background:#080808;}
.store-slide {position:absolute; inset:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0 8px; opacity:0; visibility:hidden; transition:opacity .55s ease,visibility .55s;}
.store-slide-active {opacity:1; visibility:visible; z-index:1;}
.store-slide-picture {min-width:0; min-height:0; border-radius:12px; overflow:hidden; background:#121212;}
.store-slide img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}

.store-slide-picture img {transition:transform 380ms cubic-bezier(.2,.75,.25,1); transform:translateZ(0); will-change:auto;}
@media (hover:hover) and (pointer:fine) {
 .store-slide-active .store-slide-picture:hover img {transform:scale(1.065);}
 .store-slide-active .store-slide-picture:hover {box-shadow:0 0 0 1px rgba(244,63,94,.6);}
}
.store-slide-arrow {opacity:.95; box-shadow:0 2px 12px rgba(0,0,0,.6);}
.store-slide-arrow:focus-visible {outline:2px solid #fb315e;outline-offset:3px;}
.store-slide-dots {max-width:min(70%,460px);overflow-x:auto;scrollbar-width:none;padding:4px 2px;}
.store-slide-dots::-webkit-scrollbar {display:none;}
.store-slide-dot {flex:0 0 auto;}
@media(prefers-reduced-motion:reduce){.store-slide-picture img{transition:none}}
.store-slide-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:36px; height:36px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:white; background:rgba(0,0,0,.65); display:grid; place-items:center; cursor:pointer; transition:background .2s;}
.store-slide-arrow:hover {background:#e11d48;}
.store-slide-prev {left:12px;} .store-slide-next {right:12px;}
.store-slide-bottom {position:absolute; bottom:8px; left:0; right:0; z-index:3; display:flex; align-items:center; justify-content:center; gap:12px; pointer-events:none;}
.store-slide-counter {color:white; background:rgba(0,0,0,.7); border-radius:14px; padding:3px 9px; font-size:11px; font-weight:700;}
.store-slide-dots {display:flex; align-items:center; gap:7px; pointer-events:auto;}
.store-slide-dot {width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.5); border:0; cursor:pointer; transition:width .25s,background .25s;}
.store-slide-dot.store-dot-active {width:22px; background:#fb315e;}
@media(max-width:640px){.store-slides{height:145px}.store-slide{gap:8px;padding:0 3px}.store-slide-picture{border-radius:8px}.store-slide-arrow{width:28px;height:28px}.store-slide-prev{left:5px}.store-slide-next{right:5px}}
@media(prefers-reduced-motion:reduce){.store-slide{transition:none}}

/* v477-admin-tab-no-fade */
#admin-tab-bar .admin-tab-btn:hover,
#admin-tab-bar .admin-tab-btn:active,
#admin-tab-bar .admin-tab-btn.tab-dragging,
#admin-tab-bar .admin-tab-btn[draggable="true"]:active { opacity:1!important; filter:none!important; }

/* v478-admin-tabs-normal-pointer */
#admin-tab-bar .admin-tab-btn,
#admin-tab-bar .admin-tab-btn:hover,
#admin-tab-bar .admin-tab-btn:active {cursor:default!important;opacity:1!important;filter:none!important;user-select:auto!important;-webkit-user-select:auto!important;}
#admin-tab-bar .admin-tab-btn.tab-dragging,
#admin-tab-bar .admin-tab-btn.tab-drag-over {cursor:default!important;opacity:1!important;filter:none!important;outline:none!important;}

/* v503-mobile-sheet-review */
.v503-mobile-cards{display:none}
@media(max-width:640px){
 #v492-import-preview{padding:10px!important;min-width:0!important;max-width:100%;overflow:hidden}
 #v492-import-preview .v503-desktop-table{display:none!important}
 #v492-import-preview .v503-mobile-cards{display:grid;gap:10px;max-height:420px;overflow-y:auto;overscroll-behavior:contain}
 #v492-import-preview .v503-filters{display:flex;flex-direction:column;gap:8px}
 #v492-import-preview .v503-filters label,#v492-import-preview .v503-filters select,#v492-import-preview .v503-filters input{display:block;width:100%;min-width:0;max-width:100%;margin:0}
 #v492-import-preview .v503-filters label{display:flex;flex-direction:column;gap:5px}
 #v492-import-preview .v503-review-card{background:#11151d;border:1px solid #394252;border-radius:10px;padding:11px;overflow-wrap:anywhere}
 #v492-import-preview .v503-review-heading{display:flex;flex-direction:column;gap:7px}
 #v492-import-preview .v503-review-heading strong{font-size:12px;color:#f9fafb;line-height:1.45}
 #v492-import-preview .v503-review-status{font-size:11px;font-weight:700}
 #v492-import-preview .v503-review-meta{font-size:11px;color:#a6b3c7;margin-top:8px}
 #v492-import-preview .v503-review-diff{font-size:11px;color:#fcd9a3;border-top:1px solid #344052;padding-top:8px;margin-top:8px;line-height:1.5}
}

/* v504-ultra-compact-mobile */
@media(max-width:640px){
 #admin-pricing-scroll-box{overflow-x:hidden!important}
 #admin-pricing-scroll-box table{display:block!important;min-width:0!important;width:100%!important}
 #admin-pricing-scroll-box thead{display:none!important}
 #admin-pricing-table-body{display:block!important}
 #admin-pricing-table-body tr.pricing-row-draggable{
  display:grid!important;grid-template-columns:minmax(0,1fr) 128px;
  grid-template-areas:"model warranty" "service service" "type state" "cost actions" "customer actions" "partner actions";
  gap:3px 8px;align-items:center;
  margin:7px 4px;padding:9px 10px;border:1px solid #374151!important;
  border-radius:12px;background:#151a23!important;min-width:0!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td{
  display:block!important;width:auto!important;min-width:0!important;
  padding:1px!important;text-align:left!important;white-space:normal!important;
  overflow-wrap:anywhere;line-height:1.4
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(1){grid-area:type;font-size:11px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(2){grid-area:model;font-size:13px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(3){grid-area:service;font-size:12px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(4){grid-area:warranty;font-size:12px;font-weight:800;color:#34d399;text-align:right!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(4)::before{content:"BH ";font-weight:800}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5){grid-area:cost;font-size:12px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5)::before{content:"Nhập: ";color:#94a3b8;font-weight:600}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6){grid-area:customer;font-size:12px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6)::before{content:"Khách: ";color:#94a3b8;font-weight:600}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7){grid-area:partner;font-size:12px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7)::before{content:"Đối tác: ";color:#94a3b8;font-weight:600}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){grid-area:state;justify-self:end}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8) button{font-size:10px!important;padding:3px 7px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){
  grid-area:actions;display:flex!important;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-self:center;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9) button{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:35px;min-width:35px;height:35px;padding:0!important;margin:0!important;
 }
 #admin-pricing-table-body .pricing-mobile-hide-edit{display:inline-flex!important}
}
@media(max-width:350px){
 #admin-pricing-table-body tr.pricing-row-draggable{grid-template-columns:minmax(0,1fr) 85px}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9) button{width:35px;min-width:35px}
}

/* v5041-mobile-improvements */
.v5041-mobile-visibility{display:none}
@media(min-width:641px){.v5041-tools,.v5041-tools-content{display:contents!important}.v5041-tools>summary{display:none!important}}
@media(max-width:640px){
 .v5041-tools{margin:6px 0 10px;border:1px solid #374151;border-radius:10px;background:#171b22}
 .v5041-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:10px 12px;color:#e5e7eb;font-size:12px;font-weight:800;list-style:none}
 .v5041-tools>summary::-webkit-details-marker{display:none}
 .v5041-tools[open]>summary{border-bottom:1px solid #374151}
 .v5041-tools-content{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;padding:9px}
 .v5041-tools-content>button{width:100%;min-width:0;white-space:normal;font-size:11px!important;padding:8px 5px!important;margin:0!important}
 .v5041-tools-content>button:nth-of-type(2){grid-column:1/-1}
 #admin-pricing-table-body tr.pricing-row-draggable{grid-template-columns:minmax(0,1fr) 169px!important;gap:2px 5px!important;padding:9px 8px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){grid-area:state!important;justify-self:end}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){display:flex!important;grid-area:actions!important;flex-wrap:nowrap!important;gap:3px!important;justify-content:flex-end!important;align-self:center!important;min-width:0!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button{display:inline-flex!important;flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:34px!important;padding:0!important;margin:0!important;border-radius:7px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button.v5041-mobile-visibility{background:#065f46!important;border:1px solid #059669;color:#34d399!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button.v5041-mobile-visibility.v5041-is-hidden{background:#4c0519!important;border-color:#be123c;color:#fb7185!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5),
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6),
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7){white-space:normal!important;overflow-wrap:anywhere;font-size:11px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8) button{padding:2px 5px!important}
}
@media(max-width:360px){
 #admin-pricing-table-body tr.pricing-row-draggable{grid-template-columns:minmax(0,1fr) 154px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button{flex-basis:28px!important;width:28px!important;min-width:28px!important;height:32px!important}
}

/* v5042-mobile-single-eye-small-icons */
@media(max-width:640px){
  /* Trạng thái ẩn/hiện đã có ở nút đầu của hàng thao tác: bỏ nút mắt dư. */
  #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){
    display:none!important;
  }
  /* Năm nút trên cùng một hàng, nhỏ gọn hơn nhưng vẫn có vùng bấm. */
  #admin-pricing-table-body tr.pricing-row-draggable{
    grid-template-columns:minmax(0,1fr) 154px!important;
  }
  #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){
    display:flex!important;flex-wrap:nowrap!important;
    gap:3px!important;justify-content:flex-end!important;
    min-width:0!important;
  }
  #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button{
    flex:0 0 28px!important;width:28px!important;min-width:28px!important;
    height:31px!important;border-radius:6px!important;
    padding:0!important;margin:0!important;
    font-size:11px!important;
  }
  #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button i{
    font-size:11px!important;
  }
}
@media(max-width:360px){
  #admin-pricing-table-body tr.pricing-row-draggable{
    grid-template-columns:minmax(0,1fr) 154px!important;
  }
}

/* v505-mobile-compact-three-tabs */
@media(max-width:640px){
 #admin-crm-scroll-box,#admin-orders-scroll-box,#tab-finance>div:last-child{overflow-x:hidden!important}
 #admin-crm-scroll-box table,#admin-orders-scroll-box table,#tab-finance>div:last-child table{display:block!important;width:100%!important;min-width:0!important}
 #admin-crm-scroll-box thead,#admin-orders-scroll-box thead,#tab-finance>div:last-child thead{display:none!important}
 #admin-customers-table-body,#admin-orders-table-body,#finance-table-body{display:block!important}
 #admin-customers-table-body tr,#admin-orders-table-body tr,#finance-table-body tr{
  display:grid!important;position:relative;min-width:0!important;
  margin:7px 5px;padding:9px 10px;border:1px solid #334155!important;
  border-radius:10px;background:#19202b!important;gap:3px 8px;align-items:center;
 }
 #admin-customers-table-body td,#admin-orders-table-body td,#finance-table-body td{
  display:block!important;min-width:0!important;width:auto!important;
  padding:0!important;white-space:normal!important;overflow-wrap:anywhere;
  text-align:left!important;font-size:11px!important;line-height:1.4!important;
 }
 /* CRM: left content + right status/action cluster */
 #admin-customers-table-body tr{
  grid-template-columns:minmax(0,1fr) minmax(112px,auto);
  grid-template-areas:"date status" "person status" "device actions" "imei actions" "price actions";
 }
 #admin-customers-table-body td:nth-child(1){grid-area:person;font-size:12px!important}
 #admin-customers-table-body td:nth-child(2){grid-area:device}
 #admin-customers-table-body td:nth-child(3){grid-area:imei}
 #admin-customers-table-body td:nth-child(3)::before{content:"IMEI: ";color:#94a3b8}
 #admin-customers-table-body td:nth-child(4){grid-area:price;color:#fb7185!important}
 #admin-customers-table-body td:nth-child(4)::before{content:"Giá sửa: ";color:#94a3b8}
 #admin-customers-table-body td:nth-child(5){grid-area:date;font-size:10px!important}
 #admin-customers-table-body td:nth-child(5)>span:first-child{display:none!important}
 #admin-customers-table-body td:nth-child(6){grid-area:status;align-self:start;justify-self:end}
 #admin-customers-table-body td:nth-child(6) select{width:auto!important;max-width:125px!important;padding:6px 5px!important;font-size:11px!important}
 #admin-customers-table-body td:nth-child(7){grid-area:actions;align-self:center}
 #admin-customers-table-body td:nth-child(7)>div{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:4px!important}
 #admin-customers-table-body td:nth-child(7) button{min-width:28px!important;min-height:30px!important;padding:4px 6px!important}
 /* Orders: name phone, service, time and compact controls */
 #admin-orders-table-body tr{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"time status" "name status" "phone action" "service action";
 }
 #admin-orders-table-body td:nth-child(1){grid-area:name;font-weight:800}
 #admin-orders-table-body td:nth-child(2){grid-area:phone}
 #admin-orders-table-body td:nth-child(3){grid-area:service}
 #admin-orders-table-body td:nth-child(4){grid-area:time;font-size:10px!important;color:#94a3b8}
 #admin-orders-table-body td:nth-child(5){grid-area:status;justify-self:end}
 #admin-orders-table-body td:nth-child(5) select{max-width:125px!important;width:auto!important;font-size:11px!important;padding:5px!important}
 #admin-orders-table-body td:nth-child(6){grid-area:action;justify-self:end}
 #admin-orders-table-body td:nth-child(6) button{min-height:30px;padding:4px 7px!important}
 /* Finance: exact 3 aligned equal-width columns; keep editable cost control */
 #finance-table-body tr{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-areas:"date name name" "device device device" "revenue cost profit";
  gap:4px!important;padding:10px 7px!important;
 }
 #finance-table-body td:nth-child(1){grid-area:date}
 #finance-table-body td:nth-child(2){grid-area:name;text-align:right!important}
 #finance-table-body td:nth-child(3){grid-area:device}
 #finance-table-body td:nth-child(4){grid-area:revenue}
 #finance-table-body td:nth-child(5){grid-area:cost}
 #finance-table-body td:nth-child(6){grid-area:profit}
 #finance-table-body td:nth-child(n+4){text-align:center!important;font-size:10px!important;white-space:nowrap!important;overflow-wrap:normal!important}
 #finance-table-body td:nth-child(4)::before,#finance-table-body td:nth-child(5)::before,#finance-table-body td:nth-child(6)::before{
  display:block;font-size:10px;color:#94a3b8;font-weight:500;margin-bottom:3px;
 }
 #finance-table-body td:nth-child(4)::before{content:"Doanh thu"}
 #finance-table-body td:nth-child(5)::before{content:"Giá nhập"}
 #finance-table-body td:nth-child(6)::before{content:"Lợi nhuận"}
 #finance-table-body .finance-cost-clickable{min-width:0!important;min-height:28px!important;width:100%;padding:2px 0!important;justify-content:center!important}
 #finance-table-body .finance-cost-clickable span{white-space:normal;overflow-wrap:anywhere}
 #finance-table-body td:nth-child(3) .truncate{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 #admin-customers-table-body tr:has(td[colspan]),#admin-orders-table-body tr:has(td[colspan]),#finance-table-body tr:has(td[colspan]){display:block!important}
}
@media(max-width:350px){
 #admin-customers-table-body tr{grid-template-columns:minmax(0,1fr) 112px}
 #finance-table-body td:nth-child(n+4){font-size:9px!important}
}

/* v5051-crm-compact-mobile */
.v5051-imei-inline,.v5051-service-separator{display:none}
@media(max-width:640px){
 #admin-customers-table-body tr:not(:has(td[colspan])){
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"date status" "person status" "device device" "price actions"!important;
  gap:2px 6px!important;padding:8px 9px!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1){
  grid-area:person!important;font-size:12px!important;line-height:1.35!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1) br{display:none!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1)>span.text-rose-400{display:inline!important;margin-left:6px;font-size:11px!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1)>span[title="Khách đặt lịch trực tuyến"]{
  display:inline-block!important;padding:1px 5px!important;margin-left:5px!important;
  font-size:9px!important;line-height:1.2!important;vertical-align:middle!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(2){grid-area:device!important;font-size:11px!important;line-height:1.35!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(2) br{display:none!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(2)>span.text-rose-300{display:inline!important;font-size:11px!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(4){grid-area:price!important;align-self:center!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(5){grid-area:date!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(6){grid-area:status!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7){grid-area:actions!important;justify-self:end!important;align-self:center!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7)>div{flex-wrap:nowrap!important;gap:3px!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7) button{white-space:nowrap!important;min-width:28px!important;min-height:29px!important;padding:4px 5px!important}
 #admin-customers-table-body .v5051-imei-inline,#admin-customers-table-body .v5051-service-separator{display:inline!important}
}
@media(max-width:350px){
 #admin-customers-table-body tr:not(:has(td[colspan])){grid-template-areas:"date status" "person person" "device device" "price actions"!important}
}

/* v5052-mobile-device-type-first */
@media(max-width:640px){
 #admin-pricing-table-body tr.pricing-row-draggable{
  display:grid!important;grid-template-columns:minmax(0,1fr) 154px!important;
  grid-template-areas:"type warranty" "model model" "service service" "cost actions" "customer actions" "partner actions"!important;
  align-items:center!important;gap:2px 5px!important;min-width:0!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(1){
  grid-area:type!important;display:flex!important;align-items:center!important;
  gap:6px!important;justify-self:start!important;min-width:0!important;
  font-size:11px!important;padding:0!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(1) .pricing-mobile-drag-handle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 28px!important;width:28px!important;height:29px!important;
  margin:0!important;touch-action:none!important;cursor:grab!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(2){grid-area:model!important;font-size:12px!important;font-weight:800!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(3){grid-area:service!important;font-size:11px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(4){grid-area:warranty!important;justify-self:end!important;text-align:right!important;font-size:11px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5){grid-area:cost!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6){grid-area:customer!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7){grid-area:partner!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){display:none!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){grid-area:actions!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9)>button{flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:31px!important;padding:0!important}
}

/* v5053-mobile-tab-grid */
@media(max-width:640px){
 #admin-tab-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding-bottom:5px!important;margin-bottom:4px!important;max-width:100%!important}
 #admin-tab-bar>.admin-tab-btn{min-width:0!important;width:100%!important;height:49px!important;padding:5px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;font-size:0!important;border-radius:9px!important;box-sizing:border-box!important}
 #admin-tab-bar>.admin-tab-btn i{font-size:14px!important;line-height:15px!important}
 #admin-tab-bar>.admin-tab-btn::after{content:attr(data-mobile-label);font-size:10px!important;line-height:12px!important;font-weight:750!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #admin-tab-bar:not(.v5053-expanded)>.admin-tab-btn:nth-child(n+7){display:none!important}
 #v5053-toggle-tabs{display:flex!important;align-items:center;justify-content:center;width:100%;border:1px solid #374151;background:#181e28;color:#e2e8f0;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;margin:0 0 9px}
}
@media(min-width:641px){#v5053-toggle-tabs{display:none!important}}

/* v5054-desktop-tab-grid */
@media(min-width:641px){
 #admin-tab-bar{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;max-width:100%!important;padding-bottom:6px!important;scroll-snap-type:none!important}
 #admin-tab-bar>.admin-tab-btn{display:flex!important;min-width:0!important;width:100%!important;height:58px!important;padding:6px 4px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;font-size:0!important;border-radius:9px!important;box-sizing:border-box!important}
 #admin-tab-bar>.admin-tab-btn i{font-size:17px!important;line-height:19px!important}
 #admin-tab-bar>.admin-tab-btn::after{content:attr(data-mobile-label);font-size:12px!important;line-height:14px!important;font-weight:750!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #admin-tab-bar:not(.v5053-expanded)>.admin-tab-btn:nth-child(n+7){display:none!important}
 #v5053-toggle-tabs{display:flex!important;align-items:center;justify-content:center;width:100%;max-width:100%!important;border:1px solid #374151;background:#181e28;color:#e2e8f0;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;margin:0 0 12px}
}
@media(min-width:641px) and (max-width:850px){#admin-tab-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* v5055-contact-checkbox-layout */
/* Giá khách / Giá đối tác: compact contact toggle, keep original checkbox and handlers */
#admin-price-contact-chk,#admin-tech-price-contact-chk,
#edit-price-contact-chk,#edit-tech-price-contact-chk {
  appearance:auto!important; -webkit-appearance:checkbox!important;
  width:12px!important;height:12px!important;min-width:12px!important;
  flex:0 0 12px!important;margin:0!important;padding:0!important;
  vertical-align:middle!important;
}
label:has(> #admin-price-contact-chk),label:has(> #admin-tech-price-contact-chk),
label:has(> #edit-price-contact-chk),label:has(> #edit-tech-price-contact-chk){
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:3px!important;flex:0 0 auto!important;white-space:nowrap!important;
  line-height:1!important;margin-left:4px!important;font-size:10px!important;
}
label:has(> #admin-price-contact-chk) span,label:has(> #admin-tech-price-contact-chk) span,
label:has(> #edit-price-contact-chk) span,label:has(> #edit-tech-price-contact-chk) span {
  white-space:nowrap!important;word-break:keep-all!important;display:inline-block!important;
}

/* v531-admin-add-service-layout */
/* V5.31: balanced 4+4 grid, overriding legacy fixed nth-child layouts */
#tab-main-pricing .admin-add-service-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px 14px!important; align-items:start!important; }
#tab-main-pricing .admin-add-service-grid > div {grid-column:auto!important;grid-row:auto!important;min-width:0!important; width:100%!important;}
#tab-main-pricing .admin-add-service-grid > div:nth-child(1){grid-column:1!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(2){grid-column:2!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(3){grid-column:3!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(4){grid-column:4!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(5){grid-column:1!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(6){grid-column:2!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(7){grid-column:3!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(8){grid-column:4!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid label{min-height:0!important;margin-bottom:5px!important;line-height:1.3!important;}
#tab-main-pricing .admin-add-service-grid select,#tab-main-pricing .admin-add-service-grid input:not([type="checkbox"]){height:38px!important;min-height:38px!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;border-radius:9px!important;font-size:12px!important;}
#tab-main-pricing .admin-add-service-grid .v529-supplier-field {display:flex;flex-direction:column;gap:0;min-width:0;}
#tab-main-pricing .admin-add-service-grid .v529-supplier-field input {margin-top:6px!important;}
#tab-main-pricing .admin-add-service-grid .v531-purchase-cell {padding-top:0!important;}
#tab-main-pricing .admin-add-service-grid > div:nth-child(5),#tab-main-pricing .admin-add-service-grid > div:nth-child(6),#tab-main-pricing .admin-add-service-grid > div:nth-child(7),#tab-main-pricing .admin-add-service-grid > div:nth-child(8){padding-top:2px!important;}
@media(max-width:1050px){#tab-main-pricing .admin-add-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#tab-main-pricing .admin-add-service-grid > div:nth-child(n){grid-column:auto!important;grid-row:auto!important;}}
@media(max-width:560px){#tab-main-pricing .admin-add-service-grid{grid-template-columns:minmax(0,1fr)!important;}}

/* v532-compact-two-columns */
/* Two columns, four rows; custom inputs remain available without excessive vertical spacing */
#tab-main-pricing .admin-add-service-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important;align-items:start!important;}
#tab-main-pricing .admin-add-service-grid > div:nth-child(n){grid-column:auto!important;grid-row:auto!important;padding-top:0!important;}
#tab-main-pricing .admin-add-service-grid > div:nth-child(1){grid-column:1!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(2){grid-column:2!important;grid-row:1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(3){grid-column:1!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(4){grid-column:2!important;grid-row:2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(5){grid-column:1!important;grid-row:3!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(6){grid-column:2!important;grid-row:3!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(7){grid-column:1!important;grid-row:4!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(8){grid-column:2!important;grid-row:4!important}
#tab-main-pricing .admin-add-service-grid .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){margin-top:4px!important}
#tab-main-pricing .admin-add-service-grid select,#tab-main-pricing .admin-add-service-grid input:not([type="checkbox"]){height:32px!important;min-height:32px!important;padding:5px 9px!important}
#tab-main-pricing .admin-add-service-grid .v529-supplier-field input{margin-top:4px!important}
#tab-main-pricing .admin-add-service-grid label{margin-bottom:3px!important}
@media(max-width:560px){#tab-main-pricing .admin-add-service-grid{grid-template-columns:minmax(0,1fr)!important}#tab-main-pricing .admin-add-service-grid > div:nth-child(n){grid-column:auto!important;grid-row:auto!important}}

/* v534-final-responsive-layout */
/* V5.34: Add service: desktop 4x2, mobile 2x4. Preserve DOM and handlers. */
#tab-main-pricing .admin-add-service-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:9px 12px!important;align-items:start!important;
}
#tab-main-pricing .admin-add-service-grid > div:nth-child(n){
 grid-column:auto!important;grid-row:auto!important;min-width:0!important;
}
#tab-main-pricing .admin-add-service-grid > div:nth-child(1){grid-area:1/1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(2){grid-area:1/2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(3){grid-area:1/3!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(5){grid-area:1/4!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(4){grid-area:2/1!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(6){grid-area:2/2!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(7){grid-area:2/3!important}
#tab-main-pricing .admin-add-service-grid > div:nth-child(8){grid-area:2/4!important}
#tab-main-pricing .admin-add-service-grid > div{width:100%!important}
#tab-main-pricing .admin-add-service-grid .v529-supplier-field{min-width:0!important}
#tab-main-pricing .admin-add-service-grid input:not([type=checkbox]),#tab-main-pricing .admin-add-service-grid select{width:100%!important;min-width:0!important}
@media(max-width:760px){
 #tab-main-pricing .admin-add-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(1){grid-area:1/1!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(2){grid-area:1/2!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(3){grid-area:2/1!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(5){grid-area:2/2!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(4){grid-area:3/1!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(6){grid-area:3/2!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(7){grid-area:4/1!important}
 #tab-main-pricing .admin-add-service-grid > div:nth-child(8){grid-area:4/2!important}
}
/* Edit form: 4 desktop fields on each of first two rows; status is full width. */
#edit-pricing-modal .v533-edit-row-one,
#edit-pricing-modal .v533-edit-row-two{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#edit-pricing-modal .v533-edit-row-one > div,
#edit-pricing-modal .v533-edit-row-two > div{grid-column:span 1!important;min-width:0!important}
#edit-pricing-modal .v529-supplier-field{min-width:0!important}
#edit-pricing-modal label{overflow-wrap:normal!important}
@media(max-width:760px){
 #edit-pricing-modal .v533-edit-row-one,
 #edit-pricing-modal .v533-edit-row-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #edit-pricing-modal .v533-edit-row-one > div:nth-child(-n+3){grid-column:span 2!important}
 #edit-pricing-modal .v533-edit-row-one > div:nth-child(4){grid-column:span 2!important}
 #edit-pricing-modal .v533-edit-row-two > div:first-child{grid-column:span 2!important}
 #edit-pricing-modal .v533-edit-row-two > div:nth-child(2){grid-column:span 2!important}
 #edit-pricing-modal .v533-edit-row-two > div:nth-child(3),
 #edit-pricing-modal .v533-edit-row-two > div:nth-child(4){grid-column:span 1!important}
 #edit-pricing-modal > div{max-width:100%!important}
}

/* v535-production-ui-fix */
/* Keep the edit modal comfortably sized on desktop instead of stretching edge-to-edge. */
@media(min-width:900px){
 #edit-pricing-modal > div:first-child{width:min(100%,1020px)!important;max-width:1020px!important;padding:22px 26px!important}
 #edit-pricing-modal .v533-edit-row-one,#edit-pricing-modal .v533-edit-row-two{gap:10px!important}
 #edit-pricing-modal select,#edit-pricing-modal input:not([type=checkbox]){font-size:12px!important;padding:9px 10px!important}
 #edit-pricing-modal form{font-size:11px!important}
}
@media(max-width:760px){
 /* Preserve the approved two-column layout but give controls breathing room. */
 #tab-main-pricing .admin-add-service-grid{column-gap:8px!important;row-gap:12px!important}
 #tab-main-pricing .admin-add-service-grid > div{min-width:0!important;overflow:visible!important}
 #tab-main-pricing .admin-add-service-grid select{max-width:100%!important;min-width:0!important;font-size:11px!important;padding:9px 23px 9px 8px!important;text-overflow:ellipsis!important}
 #tab-main-pricing .admin-add-service-grid input:not([type=checkbox]){max-width:100%!important;min-width:0!important;font-size:11px!important;padding:9px 8px!important;text-overflow:ellipsis!important}
 #tab-main-pricing .admin-add-service-grid label{font-size:10px!important;letter-spacing:0!important}
 #tab-main-pricing .admin-add-service-grid .flex.items-center.justify-between{gap:3px!important;flex-wrap:wrap!important}
 #tab-main-pricing .admin-add-service-grid label.inline-flex{white-space:nowrap!important;font-size:9px!important}
 .v535-selected-caption{display:block!important;font-size:10px!important;line-height:1.3!important;color:#9fb2cb!important;overflow-wrap:anywhere!important;white-space:normal!important;margin:3px 0 0!important}
 #edit-pricing-modal > div:first-child{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 20px)!important;padding:15px!important}
 #edit-pricing-modal{padding:10px!important}
 #edit-pricing-modal select,#edit-pricing-modal input:not([type=checkbox]){max-width:100%!important;min-width:0!important;font-size:12px!important}
}
@media(min-width:761px){.v535-selected-caption{display:none!important}}

/* v536-mobile-supplier-column-fix */
/* V5.36: Pricing table now has 10 cells; the mobile card CSS was still mapped to 9. */
@media(max-width:640px){
 #admin-pricing-table-body tr.pricing-row-draggable{
  grid-template-areas:"type warranty" "model model" "service service" "supplier supplier" "cost actions" "customer actions" "partner actions"!important;
  grid-template-columns:minmax(0,1fr) 154px!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5){
  grid-area:supplier!important;display:block!important;font-size:11px!important;
  color:#7dd3fc!important;min-width:0!important;overflow-wrap:anywhere!important;
  padding:2px 1px!important;white-space:normal!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(5)::before{content:"Nhà cung cấp: "!important;color:#94a3b8!important;font-weight:600!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6){grid-area:cost!important;display:block!important;font-size:11px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6)::before{content:"Nhập: "!important;color:#94a3b8!important;font-weight:600!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7){grid-area:customer!important;display:block!important;font-size:11px!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7)::before{content:"Khách: "!important;color:#94a3b8!important;font-weight:600!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){grid-area:partner!important;display:block!important;font-size:11px!important;color:#fbbf24!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8)::before{content:"Đối tác: "!important;color:#94a3b8!important;font-weight:600!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){grid-area:state!important;display:none!important}
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(10){
  grid-area:actions!important;display:flex!important;flex-wrap:nowrap!important;
  justify-content:flex-end!important;align-self:center!important;gap:3px!important;
  padding:1px!important;min-width:0!important;
 }
 #admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(10)>button{
  flex:0 0 28px!important;width:28px!important;min-width:28px!important;
  height:31px!important;padding:0!important;margin:0!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
 }
}

/* v537-admin-mobile-select-fix */
@media(max-width:760px){
 #tab-main-pricing .admin-add-service-grid select{
  box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;
  font-size:12px!important;line-height:1.25!important;
  padding:9px 23px 9px 9px!important;text-overflow:clip!important;white-space:nowrap!important;
  background-position:right 6px center!important;
 }
 #tab-main-pricing .admin-add-service-grid input:not([type=checkbox]){
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  font-size:11px!important;padding:9px 7px!important;
 }
 #tab-main-pricing .admin-add-service-grid label{font-size:10px!important;letter-spacing:0!important}
 #tab-main-pricing .admin-add-service-grid > div{min-width:0!important;overflow:visible!important}
}

/* v538-mobile-price-alignment */
@media(max-width:640px){
/* Price lines in mobile service cards: identical left alignment and consistent action column. */
#admin-pricing-table-body tr.pricing-row-draggable{
 grid-template-columns:minmax(0,1fr) 128px!important;
 grid-template-areas:"type warranty" "model model" "service service" "supplier supplier" "cost actions" "customer actions" "partner actions"!important;
 column-gap:8px!important;
}
#admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(6),
#admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(7),
#admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(8){
 grid-column:1!important;min-width:0!important;
 padding:1px 0!important;margin:0!important;
 text-align:left!important;justify-self:stretch!important;
 white-space:normal!important;line-height:1.45!important;
}
#admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(9){
 grid-area:actions!important;grid-column:2!important;
}
#admin-pricing-table-body tr.pricing-row-draggable>td:nth-child(10){
 grid-area:actions!important;grid-column:2!important;
 display:flex!important;justify-content:flex-end!important;align-items:center!important;
 min-width:0!important;gap:3px!important;
}
/* Editing: equal-height price headings, price fields and contact checkboxes. */
#edit-pricing-modal .v533-edit-row-two>div:nth-child(3),
#edit-pricing-modal .v533-edit-row-two>div:nth-child(4){
 min-width:0!important;display:flex!important;flex-direction:column!important;
 align-self:stretch!important;
}
#edit-pricing-modal .v533-edit-row-two>div:nth-child(3)>div:first-child,
#edit-pricing-modal .v533-edit-row-two>div:nth-child(4)>div:first-child{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-start!important;gap:3px!important;min-height:52px!important;
 margin-bottom:5px!important;
}
#edit-pricing-modal .v533-edit-row-two>div:nth-child(3)>div:first-child>label:first-child,
#edit-pricing-modal .v533-edit-row-two>div:nth-child(4)>div:first-child>label:first-child{
 display:block!important;min-height:28px!important;margin:0!important;
 line-height:14px!important;white-space:normal!important;
}
#edit-pricing-modal .v533-edit-row-two>div:nth-child(3)>div:first-child>label:last-child,
#edit-pricing-modal .v533-edit-row-two>div:nth-child(4)>div:first-child>label:last-child{
 display:inline-flex!important;align-items:center!important;gap:4px!important;
 margin:0!important;min-height:17px!important;
}
#edit-pricing-modal #edit-price,
#edit-pricing-modal #edit-tech-price{
 width:100%!important;min-width:0!important;margin-top:auto!important;
 height:40px!important;box-sizing:border-box!important;
}
}

/* v540-native-select-vertical-text-fix */
/* Mobile native select controls: avoid text clipping caused by vertical padding + line-height. */
@media (max-width:760px) {
 #tab-main-pricing .admin-add-service-grid select,
 #tab-main-pricing .admin-add-service-grid select:focus {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   max-width:100%!important;
   box-sizing:border-box!important;
   height:39px!important;
   min-height:39px!important;
   max-height:39px!important;
   padding-top:0!important;
   padding-bottom:0!important;
   padding-left:11px!important;
   padding-right:27px!important;
   line-height:normal!important;
   font-size:12px!important;
   font-weight:700!important;
   vertical-align:middle!important;
   white-space:nowrap!important;
   text-overflow:ellipsis!important;
   -webkit-text-size-adjust:100%!important;
 }
 #tab-main-pricing .admin-add-service-grid select option {
   font-size:14px!important;
   line-height:normal!important;
 }
}

/* v541-crm-mobile-card */
.v541-crm-mobile-service{display:none}
@media(max-width:640px){
 #admin-customers-table-body tr:not(:has(td[colspan])){
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"person status" "device device" "note note" "price price" "date actions"!important;
  gap:7px 8px!important;padding:12px!important;align-items:start!important;
  border-radius:14px!important;background:#151d28!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1){grid-area:person!important;overflow-wrap:anywhere!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(1)>span.text-rose-400{display:block!important;margin:3px 0 0!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(2){grid-area:device!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(3){display:none!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(4){
  grid-area:price!important;display:flex!important;justify-content:space-between!important;
  align-items:center!important;gap:10px!important;border-top:1px solid #334155!important;
  padding-top:9px!important;color:#34d399!important;font-weight:800!important;font-size:14px!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(4)::before{
  content:"Tổng tiền sửa chữa"!important;font-size:11px!important;font-weight:500!important;
  color:#94a3b8!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(5){grid-area:date!important;align-self:center!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(6){grid-area:status!important;justify-self:end!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7){
  grid-area:note!important;display:block!important;box-sizing:border-box!important;
  min-width:0!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:7px 9px!important;
  border:1px solid #2b384b!important;border-radius:8px!important;
  background:#111925!important;text-align:left!important;
  color:#cbd5e1!important;font-size:11px!important;line-height:1.55!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7)::before{
  content:"Ghi chú";display:block;color:#94a3b8;font-weight:700;font-size:10px;
  margin-bottom:3px;text-align:left;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7) .v528-note-preview{
  display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;
  white-space:pre-wrap!important;overflow-wrap:anywhere!important;
  text-align:left!important;margin:0!important;max-width:100%!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7) .v528-note-open{
  display:block!important;margin:5px 0 0!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(7):has(> span[style]){display:none!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(8){
  grid-area:actions!important;justify-self:end!important;align-self:center!important;
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(8)>div{
  display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:4px!important
 }
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(8) button{
  min-width:28px!important;min-height:29px!important;padding:4px 6px!important
 }
 #admin-customers-table-body .v541-crm-desktop-service{display:none!important}
 #admin-customers-table-body .v541-crm-mobile-service{display:block!important}
 #admin-customers-table-body .v541-device-name{font-size:13px;font-weight:700;color:#f8fafc}
 #admin-customers-table-body .v541-imei{font-size:10px;color:#94a3b8;margin-top:2px}
 #admin-customers-table-body .v541-service-list{margin-top:8px;display:grid;gap:6px}
 #admin-customers-table-body .v541-service-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
  align-items:start;font-size:11px;line-height:1.45
 }
 #admin-customers-table-body .v541-service-name{color:#e2e8f0;overflow-wrap:anywhere}
 #admin-customers-table-body .v541-service-price{color:#fb7185;font-weight:700;white-space:nowrap}
}

/* v543-admin-responsive */
@media(max-width:640px){
 #admin-customers-table-body .v541-service-row{grid-template-columns:minmax(0,1fr) max-content!important;gap:8px!important}
 #admin-customers-table-body .v541-service-name{min-width:0!important;overflow-wrap:anywhere!important}
 #admin-customers-table-body .v541-service-price{white-space:nowrap!important;text-align:right!important}
 #admin-customers-table-body .v528-note-cell{text-align:left!important;min-width:0!important;overflow-wrap:anywhere!important}
 #admin-customers-table-body tr:not(:has(td[colspan]))>td:nth-child(8)>div{max-width:100%!important}
 #tab-main-pricing,#tab-main-pricing .admin-add-service-grid{min-width:0!important;max-width:100%!important}
 #v543-data-check-panel{overflow-wrap:anywhere}
}
@media(min-width:641px) and (max-width:900px){
 #v543-data-check-panel{max-width:100%;overflow-wrap:anywhere}
}

/* v544-edit-save-button-fix */
#v544-edit-save-button {
            background-color: #e6003e;
            color: #fff;
            border: 1px solid transparent;
            box-shadow: 0 10px 15px -3px rgba(225,29,72,.30), 0 4px 6px -4px rgba(225,29,72,.30);
            transition: background-color .15s ease, opacity .15s ease;
        }
        #v544-edit-save-button:hover:not(:disabled) { background-color: #c90036; }
        #v544-edit-save-button:focus-visible { outline: 2px solid #fb7185; outline-offset: 3px; }
        #v544-edit-save-button:disabled { background-color: #e6003e; opacity: .7; cursor: wait; }
        @media (prefers-reduced-motion: reduce) {
            #v544-edit-save-button { transition: none; }
        }

/* imei-camera-v545-style */
.imei-input-row{display:flex;align-items:stretch;gap:8px}.imei-input-row input{min-width:0;flex:1}
.imei-scan-button{display:none;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;padding:0 12px;border:1px solid #fb2461;border-radius:12px;background:#e6003e;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:767px),(pointer:coarse){.imei-scan-button{display:inline-flex}}
#imei-camera-dialog{width:min(94vw,520px);max-height:90dvh;overflow:auto;margin:auto;padding:0;border:1px solid #9f1239;border-radius:18px;background:#111;color:#f3f4f6;box-shadow:0 20px 65px #000a;font-family:inherit}
#imei-camera-dialog::backdrop{background:rgba(0,0,0,.85)}
#imei-camera-dialog .imei-camera-panel{padding:18px}#imei-camera-dialog .imei-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#imei-camera-dialog h3{font-size:18px;font-weight:800;margin:0}#imei-camera-close{min-width:44px;min-height:44px;background:#262626;border:0;border-radius:10px;color:#fff;font-size:22px;cursor:pointer}
#imei-camera-dialog p{font-size:13px;line-height:1.6;margin:12px 0;color:#cbd5e1}
#imei-camera-dialog .imei-camera-view{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#000}
#imei-camera-video{width:100%;height:100%;object-fit:contain}#imei-camera-dialog .imei-camera-guide{position:absolute;inset:26% 5%;border:2px solid #fb2461;border-radius:10px;pointer-events:none}
#imei-camera-status{min-height:42px}#imei-camera-result[hidden]{display:none}#imei-camera-result{background:#1c1c1c;border:1px solid #475569;border-radius:12px;padding:12px}
#imei-camera-result label{display:block;font-size:12px;color:#94a3b8}#imei-camera-value{display:block;overflow-wrap:anywhere;font-family:monospace;font-size:22px;font-weight:700;color:#fff;margin-top:6px}
#imei-camera-dialog .imei-camera-actions{display:flex;gap:10px;margin:14px 0}#imei-camera-dialog .imei-camera-actions button{flex:1;min-height:46px;padding:10px;border:0;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer}
#imei-camera-retry{background:#292929;color:#fff}#imei-camera-use{background:#e6003e;color:#fff}#imei-camera-dialog button:disabled{opacity:.5;cursor:wait}
#imei-camera-dialog small{display:block;color:#94a3b8;font-size:11px;line-height:1.6}#imei-camera-dialog button:focus-visible,.imei-scan-button:focus-visible{outline:2px solid #fb7185;outline-offset:3px}

/* serial-ocr-v546-style */
#imei-camera-dialog .imei-camera-modes{display:flex;gap:8px;margin-top:14px}
#imei-camera-dialog .imei-camera-modes button{flex:1;min-height:44px;padding:8px;border:1px solid #475569;border-radius:10px;background:#202020;color:#cbd5e1;font-weight:700;font-size:12px}
#imei-camera-dialog .imei-camera-modes button[aria-pressed="true"]{background:#e6003e;border-color:#e6003e;color:#fff}
#imei-camera-dialog.imei-camera-text .imei-camera-guide{inset:38% 5%}
#imei-camera-dialog.imei-camera-text video{object-fit:cover}
#imei-camera-value{width:100%;box-sizing:border-box;background:#111;border:1px solid #475569;border-radius:8px;padding:10px;min-height:46px}
#imei-camera-capture{width:100%;min-height:48px;margin-top:12px;background:#e6003e;color:white;border:0;border-radius:12px;font-weight:800}
#imei-camera-capture[hidden]{display:none}

/* serial-zoom-v547-style */
#imei-camera-zoom{display:flex;align-items:center;gap:7px;margin-top:12px;color:#94a3b8;font-size:12px}
#imei-camera-zoom[hidden],#imei-camera-alternatives-label[hidden]{display:none}
#imei-camera-zoom button{flex:1;min-height:40px;border:1px solid #475569;border-radius:9px;background:#222;color:#fff;font-weight:700}
#imei-camera-zoom button[aria-pressed="true"]{background:#e6003e;border-color:#e6003e}
#imei-camera-video{transform-origin:center center}
#imei-camera-alternatives-label{display:block;font-size:12px;color:#cbd5e1;margin-top:12px}
#imei-camera-alternatives{display:block;width:100%;min-height:44px;border:1px solid #475569;border-radius:9px;background:#202020;color:#fff;padding:8px;margin-top:6px}

/* serial-camera-compact-v548-style */
/* Compact previews; OCR maps the same 5% horizontal / 20% vertical inset. */
#imei-camera-dialog .imei-camera-view{aspect-ratio:2/1}
#imei-camera-dialog .imei-camera-guide{inset:18% 5%}
#imei-camera-dialog.imei-camera-text .imei-camera-view{aspect-ratio:3/1}
#imei-camera-dialog.imei-camera-text .imei-camera-guide{inset:20% 5%}

/* camera-clean-v549-style */
#imei-camera-status:empty{display:none}

/* barcode-camera-layout-v550-style */
/* Fill the horizontal viewport even when the camera supplies portrait frames. */
#imei-camera-dialog .imei-camera-view{aspect-ratio:2/1;position:relative;overflow:hidden}
#imei-camera-dialog #imei-camera-video{display:block;width:100%;height:100%;object-fit:cover}
#imei-camera-dialog:not(.imei-camera-text) .imei-camera-guide{inset:12% 5%;border-radius:12px}
#imei-camera-dialog.imei-camera-text .imei-camera-view{aspect-ratio:3/1}
#imei-camera-dialog.imei-camera-text .imei-camera-guide{inset:20% 5%}

/* v533-edit-layout-css */
#edit-pricing-modal .v533-edit-row-one > div, #edit-pricing-modal .v533-edit-row-two > div { min-width:0; }
#edit-pricing-modal .v533-edit-row-one label, #edit-pricing-modal .v533-edit-row-two label { line-height:1.35; }
#edit-pricing-modal .v533-edit-row-one input, #edit-pricing-modal .v533-edit-row-one select,
#edit-pricing-modal .v533-edit-row-two input, #edit-pricing-modal .v533-edit-row-two select { min-width:0; max-width:100%; }
@media(max-width:639px){#edit-pricing-modal{padding:8px}#edit-pricing-modal > div{padding:16px}#edit-pricing-modal .v533-edit-row-two .v529-supplier-field{width:100%}}

/* v455-performance-offscreen */
@supports (content-visibility: auto) {
        @media (max-width: 767px) {
          #quy-trinh, #lookup-section, #lien-he { content-visibility:auto; contain-intrinsic-size:auto 620px; }
        }
      }

/* baorepair-v515-style */
#v515-sync-entry{background:#e90046;color:#fff;border:1px solid #ff2867;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:800;display:inline-flex;gap:8px;align-items:center;cursor:pointer}
#v515-sync-entry:hover{background:#c9003d}
#v515-advanced{display:inline-flex;align-items:center;position:relative}
#v515-advanced summary{cursor:pointer;list-style:none;padding:8px 12px;background:#171a21;border:1px solid #3a4353;border-radius:9px;color:#cbd5e1;font-size:12px;font-weight:700}
#v515-advanced summary::-webkit-details-marker{display:none}
#v515-advanced .v515-advanced-items{position:absolute;z-index:100;top:calc(100% + 6px);right:0;width:min(380px,85vw);background:#10141b;border:1px solid #384252;border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:7px;box-shadow:0 18px 40px #000b}
#v515-advanced .v515-advanced-items button.v516-menu-action{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;text-align:left;width:100%;font-size:12px;padding:10px 12px;border-radius:8px;margin:0;background:#1a202a!important;color:#e5e7eb!important;border:1px solid #374151;cursor:pointer;white-space:normal;line-height:1.4}
#v515-advanced .v515-advanced-items button.v516-menu-action:hover{background:#273244!important;border-color:#64748b}
#v515-advanced .v515-advanced-items{display:flex!important;flex-direction:column;flex-wrap:nowrap;max-height:min(440px,65vh);overflow-y:auto;width:min(320px,88vw);z-index:10000}
#v515-advanced:not([open]) .v515-advanced-items{display:none!important}
#v515-advanced summary{white-space:nowrap} 
#v515-modal{position:fixed;inset:0;z-index:2147483000;background:#000b;display:none;align-items:center;justify-content:center;padding:16px}
#v515-modal.v515-open{display:flex}
#v515-modal .v515-dialog{width:min(540px,100%);max-height:85vh;overflow:auto;background:#11151d;color:#f8fafc;border:1px solid #344052;border-radius:16px;box-shadow:0 20px 80px #000b;padding:22px;font-family:inherit}
#v515-modal .v515-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#v515-modal h3{font-size:17px;font-weight:800;margin:0;color:white}
#v515-modal .v515-desc{font-size:13px;color:#aeb8c8;white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}
#v515-modal .v515-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}
#v515-modal button{border-radius:9px;padding:9px 15px;font-size:12px;font-weight:700;background:#222a35;border:1px solid #435065;color:#fff}
#v515-modal button.v515-primary{background:#e90046;border-color:#e90046}
#v515-modal input{width:100%;margin-top:12px;background:#090d13;color:#fff;border:1px solid #586478;border-radius:9px;padding:11px;font-size:14px}
#v515-modal .v515-step{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #29313d;font-size:13px}
#v515-modal .v515-num{background:#292f3a;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}
#v515-advanced .v515-advanced-items{display:none!important}
body > .v515-advanced-items{display:none;position:fixed;z-index:2147482000;background:#10141b;border:1px solid #384252;border-radius:12px;padding:8px;box-shadow:0 18px 40px #000b;max-height:min(440px,65vh);overflow-y:auto;flex-direction:column;gap:6px}
body > .v515-advanced-items.v517-open{display:flex}
body > .v515-advanced-items .v516-menu-action{display:block!important;visibility:visible!important;opacity:1!important;width:100%;padding:10px 12px;text-align:left;background:#1a202a!important;color:#e5e7eb!important;border:1px solid #374151;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;cursor:pointer}
body > .v515-advanced-items .v516-menu-action:hover{background:#273244!important;border-color:#64748b}

/* baorepair-v518-style */
#v515-advanced{display:inline-flex!important;align-items:center;gap:7px;padding:9px 13px!important;border:1px solid #3a4353!important;border-radius:9px!important;background:#171a21!important;color:#e5e7eb!important;font-size:12px!important;font-weight:750!important;cursor:pointer}
#v515-advanced:hover{border-color:#e90046!important}
#v518-tools-modal{display:none;position:fixed;inset:0;z-index:2147483100;background:#000c;align-items:center;justify-content:center;padding:16px}
#v518-tools-modal.v518-show{display:flex}
#v518-tools-modal .v518-panel{width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3b475a;border-radius:17px;background:#10141b;color:#f8fafc;box-shadow:0 20px 75px #000b;font-family:inherit}
#v518-tools-modal .v518-header{display:flex;justify-content:space-between;gap:15px;padding:23px 25px 17px;border-bottom:1px solid #2c3543}
#v518-tools-modal .v518-kicker{font-size:11px;color:#ff235e;font-weight:850;letter-spacing:.05em}
#v518-tools-modal h3{margin:6px 0;font-size:21px;font-weight:850;color:white}
#v518-tools-modal p{font-size:12px;color:#aab6c6;line-height:1.6;margin:0}
#v518-tools-modal .v518-close{height:35px;min-width:35px;background:#1b2532;border:1px solid #384558;border-radius:9px;color:white;cursor:pointer}
#v518-tools-modal .v518-scroll{overflow-y:auto;padding:17px 25px 22px}
#v518-tools-modal h4{font-size:11px;letter-spacing:.06em;color:#9daec3;font-weight:800;margin:12px 0}
#v518-tools-modal .v518-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}
#v518-tools-modal .v518-item{min-height:72px;display:flex;align-items:center;gap:12px;text-align:left;background:#1a2330;border:1px solid #374356;border-radius:11px;padding:12px;color:white;cursor:pointer}
#v518-tools-modal .v518-item:hover{background:#273449;border-color:#6c809a}
#v518-tools-modal .v518-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:9px;background:#2b394e;color:#99c6ff}
#v518-tools-modal .v518-label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
#v518-tools-modal .v518-label strong{font-size:12px;line-height:1.3}
#v518-tools-modal .v518-label small{font-size:11px;color:#9dadc0;line-height:1.4}
#v518-tools-modal .v518-item>.fa-chevron-right{color:#788aa0;font-size:10px}
#v518-tools-modal .v518-danger{border-color:#80344a;background:#2b1b25}
#v518-tools-modal .v518-danger .v518-icon{background:#512438;color:#ff5682}
#v518-tools-modal .v518-note{padding:12px;border:1px solid #6a453a;border-radius:9px;background:#271d1c;color:#edbba9!important}
#v518-tools-modal footer{display:flex;justify-content:flex-end;padding:13px 25px;border-top:1px solid #2c3543}
#v518-tools-modal .v518-done{background:#e90046;color:white;border:0;border-radius:9px;padding:10px 24px;font-weight:800;font-size:12px;cursor:pointer}
@media(max-width:600px){#v518-tools-modal{padding:9px}#v518-tools-modal .v518-header{padding:17px}#v518-tools-modal .v518-scroll{padding:14px 17px}#v518-tools-modal .v518-grid{grid-template-columns:1fr}#v518-tools-modal h3{font-size:18px}}

/* V5.23: quick link to the source pricing spreadsheet, matching BAOREPAIR admin controls */
#v523-sheet-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid #405069;border-radius:9px;background:#18202b;color:#eaf4ff;text-decoration:none;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer;white-space:normal;text-align:center}
#v523-sheet-link:hover,#v523-sheet-link:focus-visible{background:#253449;border-color:#7ba3d2;color:#fff;outline:none}
@media(max-width:600px){#v523-sheet-link{padding:9px 11px;font-size:11px}}

/* baorepair-v519-dialog-polish */
/* BAOREPAIR V5.19: tool feedback stays inside Admin UI, not Chrome alert windows. */
#v515-modal{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#v515-modal .v515-dialog{width:min(570px,calc(100vw - 24px));background:linear-gradient(155deg,#161c25,#0c1016);border:1px solid #3a4658;border-radius:16px;padding:0;box-shadow:0 25px 90px #000d;overflow:hidden}
#v515-modal .v515-head{padding:20px 22px;margin:0;border-bottom:1px solid #303a4a}
#v515-modal h3{font-size:18px;letter-spacing:.1px}
#v515-modal #v515-close{min-width:34px;min-height:34px;padding:5px;border:1px solid #3d4b5e;border-radius:8px;background:#202936;color:#d5dfec;cursor:pointer}
#v515-modal #v515-content{padding:18px 22px 4px;max-height:55vh;overflow:auto}
#v515-modal .v515-desc{white-space:pre-line;font-size:13px;line-height:1.85;color:#e0e7f0;overflow-wrap:anywhere}
#v515-modal .v515-actions{padding:16px 22px;margin:0;border-top:1px solid #303a4a;gap:9px}
#v515-modal .v515-actions button{cursor:pointer;padding:11px 17px;background:#1d2633;border:1px solid #455368;color:#eef2f7;border-radius:9px;min-width:84px}
#v515-modal .v515-actions button.v515-primary{background:#ed0048;border-color:#ed0048;color:white}
#v515-modal input{background:#080c13!important;border:1px solid #57677d!important;border-radius:9px!important;color:white!important;outline:none!important}
#v515-modal input:focus{border-color:#f0044b!important;box-shadow:0 0 0 3px #e9004622}
#v515-modal[data-kind="confirm"] .v515-head,#v515-modal[data-kind="prompt"] .v515-head{border-left:4px solid #ed0048}
#v515-modal[data-kind="notice"] .v515-head{border-left:4px solid #31bfa2}
@media(max-width:600px){#v515-modal .v515-head{padding:16px}#v515-modal #v515-content{padding:14px 16px 4px}#v515-modal .v515-actions{padding:12px 16px}}

/* v522-style */
#v522-report{position:fixed;z-index:2147483000;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:15px}#v522-report.show{display:flex}#v522-report .panel{width:min(950px,100%);max-height:90vh;display:flex;flex-direction:column;background:#11151c;color:#f4f7fb;border:1px solid #344052;border-radius:16px;box-shadow:0 25px 85px #000b;font-family:inherit}#v522-report header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344052}#v522-report header strong{font-size:17px;color:white}#v522-report header small{display:block;font-size:12px;color:#9aabba;margin-top:4px}#v522-report .body{padding:16px 22px;overflow:auto;min-height:80px}#v522-report table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}#v522-report th{position:sticky;top:0;background:#202b3a;color:#eaf0fa;padding:10px;white-space:nowrap}#v522-report td{padding:9px;border-bottom:1px solid #354253;vertical-align:top;overflow-wrap:anywhere}#v522-report pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 inherit}#v522-report footer{padding:13px 22px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #344052;flex-wrap:wrap}#v522-report button{border:1px solid #44516a;background:#222c3a;color:white;border-radius:9px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:750}#v522-report button.primary{background:#ec0046;border-color:#ec0046}@media(max-width:600px){#v522-report .body{padding:10px}#v522-report header{padding:14px}#v522-report footer{padding:10px}}

/* v524-crm-delete-style */
#v524-crm-delete{display:none;position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.76);backdrop-filter:blur(4px)}
#v524-crm-delete.open{display:flex}
#v524-crm-delete .panel{width:min(440px,100%);background:#11151c;border:1px solid #39465a;border-radius:17px;padding:24px;box-shadow:0 24px 90px #000c;color:#f8fafc;font-family:inherit}
#v524-crm-delete .symbol{width:50px;height:50px;border-radius:12px;background:#391824;color:#ff4778;display:grid;place-items:center;font-size:22px;margin-bottom:16px}
#v524-crm-delete h3{margin:0 0 8px;color:white;font-size:19px;font-weight:850}
#v524-crm-delete p{margin:0 0 15px;color:#b4c0d1;font-size:13px;line-height:1.6}
#v524-crm-delete .name{padding:10px 12px;border:1px solid #39465a;background:#1b2531;border-radius:9px;margin-bottom:14px;font-size:13px;overflow-wrap:anywhere}
#v524-crm-delete .warning{background:#2a1c23;border:1px solid #68404c;border-radius:9px;padding:11px;color:#f0bcc9;font-size:12px;line-height:1.6}
#v524-crm-delete .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
#v524-crm-delete button{cursor:pointer;border-radius:9px;padding:10px 18px;font-size:12px;font-weight:800;font-family:inherit}
#v524-crm-delete .cancel{background:#222b38;color:#f0f3f8;border:1px solid #47546a}
#v524-crm-delete .delete{background:#e90046;color:white;border:1px solid #e90046}
#v524-crm-delete button:focus-visible{outline:2px solid #ff779b;outline-offset:2px}
@media(max-width:480px){#v524-crm-delete .panel{padding:18px}#v524-crm-delete .actions button{flex:1}}

/* v525-crm-edit-css */
#v525-crm-edit{display:none;position:fixed;inset:0;z-index:2147483250;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:15px}
#v525-crm-edit.open{display:flex}
#v525-crm-edit .panel{background:#12161e;color:#f8fafc;border:1px solid #3c475a;border-radius:17px;width:min(620px,100%);max-height:92vh;overflow:auto;padding:23px;box-shadow:0 24px 90px #000b;font-family:inherit}
#v525-crm-edit h3{font-size:20px;font-weight:850;margin:0 0 7px;color:#fff}
#v525-crm-edit .hint{font-size:12px;color:#a9b8cb;line-height:1.6;margin-bottom:17px}
#v525-crm-edit .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#v525-crm-edit label{display:flex;flex-direction:column;gap:6px;color:#a8bdd2;font-size:12px;font-weight:700}
#v525-crm-edit input{background:#202631;border:1px solid #435064;border-radius:9px;padding:11px;color:#fff;min-width:0;outline:none;font-size:13px}
#v525-crm-edit input:focus{border-color:#ed0046}
#v525-crm-edit .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}
#v525-crm-edit button{border-radius:9px;padding:11px 18px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid #44546b;background:#232b39;color:white}
#v525-crm-edit .save{background:#ed0046;border-color:#ed0046}
@media(max-width:530px){#v525-crm-edit .fields{grid-template-columns:1fr}#v525-crm-edit .panel{padding:17px}}

/* v526-finance-orphan-style */
#v526-orphans{display:none;position:fixed;inset:0;z-index:2147483100;background:#000c;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(3px)}#v526-orphans.open{display:flex}
#v526-orphans .panel{width:min(1040px,100%);max-height:92vh;display:flex;flex-direction:column;background:#10151d;color:#f4f7fc;border:1px solid #384659;border-radius:16px;box-shadow:0 20px 80px #000b;font-family:inherit}
#v526-orphans header,#v526-orphans footer{padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #354154}#v526-orphans footer{border-top:1px solid #354154;border-bottom:0;flex-wrap:wrap}
#v526-orphans .content{overflow:auto;padding:16px 19px}#v526-orphans h3{font-weight:850;font-size:16px;margin:0;color:#fff}#v526-orphans p{font-size:12px;color:#acbacb;line-height:1.6;margin:9px 0}
#v526-orphans button{font:700 12px inherit;font-family:inherit;font-size:12px;font-weight:800;padding:10px 13px;border-radius:9px;border:1px solid #49566b;background:#222d3b;color:white;cursor:pointer}#v526-orphans button.danger{background:#e90046;border-color:#e90046}#v526-orphans button:disabled{opacity:.4;cursor:not-allowed}
#v526-orphans table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}#v526-orphans th{background:#1b2737;color:#dce7f7;position:sticky;top:0;text-align:left}#v526-orphans td,#v526-orphans th{padding:10px;border-bottom:1px solid #344155;vertical-align:top}#v526-orphans .warn{background:#312025;color:#ffc6d4;border:1px solid #70434f;padding:12px;border-radius:9px}

/* v527-dialog-css */
#v527-dialog{position:fixed;inset:0;z-index:2147483500;background:rgba(0,0,0,.79);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:16px;font-family:inherit}
#v527-dialog.open{display:flex}#v527-dialog .v527-panel{width:min(470px,100%);background:#11161e;color:#f6f8fc;border:1px solid #3c4a5f;border-radius:16px;box-shadow:0 24px 90px #000c;padding:24px}
#v527-dialog .v527-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #813249;border-radius:13px;background:#391926;color:#ff5681;margin-bottom:14px;font-size:21px}
#v527-dialog h3{margin:0 0 10px;font-size:19px;color:#fff;font-weight:800}#v527-dialog p{margin:0 0 15px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#b8c6d8;max-height:48vh;overflow:auto}
#v527-dialog input{display:none;width:100%;box-sizing:border-box;background:#1d2633;border:1px solid #526078;color:#fff;border-radius:9px;padding:11px 12px;font:600 13px inherit;margin:0 0 15px}
#v527-dialog .v527-actions{display:flex;justify-content:flex-end;gap:9px}#v527-dialog button{padding:10px 17px;border-radius:9px;border:1px solid #49576d;background:#222c3a;color:#fff;cursor:pointer;font:800 12px inherit;min-width:100px}
#v527-dialog button.v527-yes{background:#ed0046;border-color:#ed0046}#v527-dialog button:focus-visible{outline:2px solid #ff89aa;outline-offset:3px}
@media(max-width:480px){#v527-dialog .v527-panel{padding:19px}#v527-dialog button{flex:1}}

/* v528-note-style */
.v528-note-cell{min-width:155px;max-width:235px;color:#cbd5e1;font-size:12px;vertical-align:middle}
.v528-note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.5}
.v528-note-open{background:#1d2939;border:1px solid #3c526a;border-radius:7px;color:#a8dbff;font-size:11px;padding:3px 8px;margin-top:4px;cursor:pointer}
#v528-note-modal{position:fixed;inset:0;z-index:2147483400;background:#000b;display:none;align-items:center;justify-content:center;padding:16px}
#v528-note-modal.open{display:flex}
#v528-note-modal .panel{background:#121820;color:white;border:1px solid #3b485a;border-radius:16px;width:min(540px,100%);padding:23px;box-shadow:0 20px 80px #000b}
#v528-note-modal h3{font-weight:800;font-size:18px;margin:0 0 14px;color:#fff}
#v528-note-modal .note{white-space:pre-wrap;overflow-wrap:anywhere;color:#c7d4e4;font-size:13px;line-height:1.7;max-height:55vh;overflow:auto}
#v528-note-modal button{display:block;margin:20px 0 0 auto;background:#ed0046;color:white;border:0;border-radius:9px;padding:10px 24px;font-size:12px;font-weight:800;cursor:pointer}

/* v539-add-service-mobile-legibility */
@media(max-width:639px){
 .admin-add-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 8px!important}
 .admin-add-service-grid>div{min-width:0!important;max-width:100%!important}
 .admin-add-service-grid select,.admin-add-service-grid input[type="text"]{
   box-sizing:border-box!important;display:block!important;width:100%!important;
   min-width:0!important;max-width:100%!important;
   font-size:12px!important;line-height:1.3!important;
   padding:9px 8px!important;border-radius:10px!important;
 }
 .admin-add-service-grid select{padding-right:24px!important;text-overflow:ellipsis!important}
 .admin-add-service-grid input::placeholder{font-size:11px!important;opacity:.9}
 .admin-add-service-grid label{letter-spacing:0!important;font-size:10px!important;line-height:1.35!important}
 .admin-add-service-grid .flex.items-center.justify-between{gap:3px!important;min-width:0!important}
 .admin-add-service-grid .flex.items-center.justify-between>label:first-child{min-width:0!important}
 .admin-add-service-grid .flex.items-center.justify-between>label:last-child{
  flex:0 0 auto!important;font-size:9px!important;gap:2px!important;white-space:nowrap!important
 }
 .admin-add-service-grid .flex.items-center.justify-between input[type="checkbox"]{width:12px!important;height:12px!important}
 .admin-add-service-grid .v529-supplier-field{min-width:0!important}
}

/* admin-all-tabs-focus-v553 */
/* All existing and dynamically inserted controls, including dialogs outside Admin.
   Keep original typography when blurred and preserve pinch zoom. */
@media (max-width: 1024px) and (hover: none), (pointer: coarse) {
    html body :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]),
        textarea,
        select,
        [contenteditable]:not([contenteditable="false"])
    ):focus {
        font-size: 16px !important;
    }
}

/* admin-service-focus-priority-v554 */
@media (max-width: 1024px) and (hover: none), (pointer: coarse) {
    html body #admin-modal :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]),
        textarea, select, [contenteditable]:not([contenteditable="false"])
    ):focus,
    html body :is(#edit-pricing-modal, #v525-crm-edit, #v527-dialog, #process-modal, #promobox-modal, #imei-camera-dialog) :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]),
        textarea, select, [contenteditable]:not([contenteditable="false"])
    ):focus,
    html body #admin-modal #tab-main-pricing .admin-add-service-grid input:not([type="checkbox"]):not([type="radio"]):focus,
    html body #admin-modal #tab-main-pricing .admin-add-service-grid select:focus,
    html body #admin-modal #tab-main-pricing .admin-add-service-grid textarea:focus {
        font-size: 16px !important;
    }
}

/* V5.56 booking feedback, keeps Safari focused controls at 16px. */
.v556-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#booking-feedback{font-size:13px;line-height:1.6;color:#fda4af;padding:10px 12px;border:1px solid #713042;border-radius:10px;overflow-wrap:anywhere}
#booking-feedback[data-state="success"]{color:#86efac;border-color:#166534}
#booking-feedback[data-state="pending"]{color:#fcd34d;border-color:#854d0e}
#booking-submit:disabled{opacity:.6;cursor:wait;transform:none}
#booking-retry{padding:9px 14px;border:1px solid #fb7185;border-radius:10px;color:#fff;background:#881337;font-size:13px;font-weight:700}
#booking-retry[hidden],#booking-feedback[hidden]{display:none}