@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  [data-v-4f21866d], [data-v-4f21866d]::before, [data-v-4f21866d]::after, [data-v-4f21866d]::backdrop { --tw-font-weight: initial; --tw-border-style: solid; --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; }
}
}
.field-label[data-v-4f21866d] { margin-bottom: var(--spacing,.25rem); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); display: block; }
:is(.field-input[data-v-4f21866d], [data-v-4f21866d] .field-input) { border-radius: var(--radius-lg,.5rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-border-dark,#d4ccc3); background-color: var(--color-card,#fff); width: 100%; padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; transition: border-color 0.2s, box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
.field-input[data-v-4f21866d]:hover, [data-v-4f21866d] .field-input:hover { border-color: rgba(224, 123, 79, 0.4); box-shadow: rgba(224, 123, 79, 0.08) 0px 0px 0px 1px, rgba(224, 123, 79, 0.06) 0px 0px 8px; }
.field-input[data-v-4f21866d]:focus, [data-v-4f21866d] .field-input:focus { border-color: rgba(224, 123, 79, 0.6); box-shadow: rgba(224, 123, 79, 0.25) 0px 0px 0px 1px, rgba(224, 123, 79, 0.18) 0px 0px 4px, rgba(224, 123, 79, 0.08) 0px 0px 10px, rgba(224, 123, 79, 0.03) 0px 0px 24px; }
.field-input[data-v-4f21866d]::placeholder { color: rgba(102, 102, 102, 0.55); }
[data-v-4f21866d] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
@supports (color:color-mix(in lab, red, red)) {
  [data-v-4f21866d] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  [data-v-4f21866d] .field-input::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
  .field-input[data-v-4f21866d]::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .field-input[data-v-4f21866d]::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
}
.customer-item-enter[data-v-4f21866d] { animation: 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal backwards running customerSlideIn-4f21866d; }
@keyframes customerSlideIn-4f21866d { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@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: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }