@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-7be22213], [data-v-7be22213]::before, [data-v-7be22213]::after, [data-v-7be22213]::backdrop { --tw-border-style: solid; --tw-font-weight: initial; --tw-duration: initial; --tw-tracking: initial; --tw-leading: initial; }
}
}
:is(.field-input[data-v-7be22213], [data-v-7be22213] .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))); color: var(--color-text-primary,#2d2d2d); --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-7be22213]:disabled, [data-v-7be22213] .field-input:disabled { opacity: 0.5; cursor: not-allowed; }
.field-input[data-v-7be22213]:hover, [data-v-7be22213] .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-7be22213]:focus, [data-v-7be22213] .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-7be22213]::placeholder { color: rgba(102, 102, 102, 0.55); }
[data-v-7be22213] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
@supports (color:color-mix(in lab, red, red)) {
  [data-v-7be22213] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  [data-v-7be22213] .field-input::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
  .field-input[data-v-7be22213]::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .field-input[data-v-7be22213]::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
}
.view-toggle-btn[data-v-7be22213] { cursor: pointer; align-items: center; gap: calc(var(--spacing,.25rem) * 1.5); border-radius: var(--radius-md,.375rem); padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 1.5); --tw-font-weight: var(--font-weight-medium,500); font-size: 13px; font-weight: var(--font-weight-medium,500); transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); --tw-duration: .2s; color: var(--color-text-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition-duration: 0.2s; display: inline-flex; }
.view-toggle-btn[data-v-7be22213]:hover { background: var(--color-brand-beige); color: var(--color-text-primary); }
.view-toggle-btn.active[data-v-7be22213] { color: var(--color-brand-orange); background: rgba(224, 123, 79, 0.08); box-shadow: rgba(224, 123, 79, 0.1) 0px 1px 2px; }
.table-th[data-v-7be22213] { padding-inline: calc(var(--spacing,.25rem) * 4); padding-block: calc(var(--spacing,.25rem) * 3); text-align: left; --tw-font-weight: var(--font-weight-semibold,600); font-size: 11px; font-weight: var(--font-weight-semibold,600); --tw-tracking: var(--tracking-wider,.05em); letter-spacing: var(--tracking-wider,.05em); color: var(--color-text-secondary,#666); text-transform: uppercase; }
.upload-thumb[data-v-7be22213] { height: calc(var(--spacing,.25rem) * 11); width: calc(var(--spacing,.25rem) * 11); border-radius: var(--radius-lg,.5rem); background: var(--color-brand-beige); border: 1px solid var(--color-brand-border); justify-content: center; align-items: center; display: flex; overflow: hidden; }
.action-btn[data-v-7be22213] { align-items: center; gap: var(--spacing,.25rem); border-radius: var(--radius-lg,.5rem); padding-inline: calc(var(--spacing,.25rem) * 2.5); padding-block: calc(var(--spacing,.25rem) * 1.5); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); 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,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--default-transition-duration,.15s)); color: var(--color-text-secondary); text-decoration-line: none; display: inline-flex; }
.action-btn[data-v-7be22213]:hover { color: var(--color-text-primary); background: rgba(0, 0, 0, 0.04); }
.action-btn-success[data-v-7be22213] { color: rgba(5, 150, 105, 0.7); }
.action-btn-success[data-v-7be22213]:hover { color: rgb(5, 150, 105); background: rgba(16, 185, 129, 0.08); }
.action-btn-icon[data-v-7be22213] { height: calc(var(--spacing,.25rem) * 8); width: calc(var(--spacing,.25rem) * 8); cursor: pointer; border-radius: var(--radius-lg,.5rem); 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,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--default-transition-duration,.15s)); justify-content: center; align-items: center; display: inline-flex; }
.action-btn-danger[data-v-7be22213] { color: var(--color-text-secondary); opacity: 0.5; }
.action-btn-danger[data-v-7be22213]:hover { color: rgb(239, 68, 68); opacity: 1; background: rgba(239, 68, 68, 0.06); }
.uploads-grid[data-v-7be22213] { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; display: grid; }
.grid-card[data-v-7be22213] { border-radius: var(--radius-2xl,1rem); padding: calc(var(--spacing,.25rem) * 3); text-align: center; transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); --tw-duration: .3s; background: rgba(255, 255, 255, 0.65); border: 1px solid rgba(232, 228, 223, 0.6); flex-direction: column; align-items: center; transition-duration: 0.3s; display: flex; }
.grid-card[data-v-7be22213]:hover { background: rgba(255, 255, 255, 0.85); border-color: rgba(224, 123, 79, 0.2); transform: translateY(-2px); box-shadow: rgba(107, 84, 56, 0.06) 0px 4px 20px; }
.grid-card.is-selected[data-v-7be22213] { border-color: rgba(224, 123, 79, 0.4); box-shadow: rgba(224, 123, 79, 0.55) 0px 0px 0px 2px; }
.grid-card.is-selected[data-v-7be22213]:hover { box-shadow: rgba(224, 123, 79, 0.65) 0px 0px 0px 2px, rgba(107, 84, 56, 0.08) 0px 6px 22px; }
.grid-thumb-wrapper[data-v-7be22213] { border-radius: var(--radius-xl,.75rem); aspect-ratio: 1.3 / 1; background: var(--color-brand-beige); justify-content: center; align-items: center; width: 100%; display: flex; position: relative; overflow: hidden; }
.grid-thumb-overlay[data-v-7be22213] { justify-content: center; align-items: center; gap: calc(var(--spacing,.25rem) * 1.5); transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); --tw-duration: .2s; opacity: 0; background: rgba(255, 255, 255, 0.92); flex-direction: column; transition-duration: 0.2s; display: flex; position: absolute; inset: 0px; }
.group\/thumb:hover .grid-thumb-overlay[data-v-7be22213] { opacity: 1; }
.grid-action-btn[data-v-7be22213] { align-items: center; gap: calc(var(--spacing,.25rem) * 1.5); border-radius: var(--radius-lg,.5rem); padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 1.5); --tw-font-weight: var(--font-weight-medium,500); font-size: 12px; font-weight: var(--font-weight-medium,500); 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,cubic-bezier(.4, 0, .2, 1))); transition-duration: var(--tw-duration,var(--default-transition-duration,.15s)); justify-content: center; min-width: 90px; text-decoration-line: none; display: inline-flex; }
.grid-action-primary[data-v-7be22213] { color: var(--color-brand-orange); background: rgba(224, 123, 79, 0.1); }
.grid-action-primary[data-v-7be22213]:hover { background: rgba(224, 123, 79, 0.18); }
.grid-action-success[data-v-7be22213] { color: rgb(5, 150, 105); background: rgba(16, 185, 129, 0.1); }
.grid-action-success[data-v-7be22213]:hover { background: rgba(16, 185, 129, 0.18); }
.grid-action-danger[data-v-7be22213] { color: rgb(220, 38, 38); background: rgba(239, 68, 68, 0.06); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.grid-action-danger[data-v-7be22213]:hover { background: rgba(239, 68, 68, 0.12); }
.grid-customer[data-v-7be22213] { margin-top: calc(var(--spacing,.25rem) * 2); width: 100%; padding-inline: var(--spacing,.25rem); }
.grid-info[data-v-7be22213] { margin-top: calc(var(--spacing,.25rem) * 1.5); width: 100%; padding-inline: var(--spacing,.25rem); }
.grid-filename[data-v-7be22213] { --tw-leading: var(--leading-snug,1.375); font-size: 12px; line-height: var(--leading-snug,1.375); color: var(--color-text-primary,#2d2d2d); -webkit-line-clamp: 2; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.grid-badges[data-v-7be22213] { margin-top: calc(var(--spacing,.25rem) * 1.5); justify-content: center; gap: var(--spacing,.25rem); flex-wrap: wrap; display: flex; }
@media (prefers-reduced-motion: reduce) {
  .grid-card[data-v-7be22213] { transition: none !important; }
}
@media screen {
  .dark .field-input[data-v-7be22213] { background-color: var(--color-input-background); }
  .dark .field-input[data-v-7be22213]::placeholder { color: var(--color-text-tertiary); }
  .dark .view-toggle-btn.active[data-v-7be22213], .dark .grid-action-primary[data-v-7be22213] { color: var(--color-accent-text); }
  .dark .view-toggle-btn.active[data-v-7be22213] { box-shadow: none; }
  .dark .action-btn[data-v-7be22213]:hover { background: var(--color-brand-beige); }
  .dark .action-btn-success[data-v-7be22213] { color: rgba(74, 222, 155, 0.75); }
  .dark .action-btn-success[data-v-7be22213]:hover, .dark .grid-action-success[data-v-7be22213] { color: var(--color-success); }
  .dark .action-btn-danger[data-v-7be22213]:hover, .dark .grid-action-danger[data-v-7be22213] { color: var(--color-destructive); }
  .dark .grid-card[data-v-7be22213] { background: var(--color-card); border-color: var(--color-brand-border); }
  .dark .grid-card[data-v-7be22213]:hover { background: var(--color-card); box-shadow: none; border-color: rgba(224, 123, 79, 0.3); }
  .dark .grid-card.is-selected[data-v-7be22213]:hover { box-shadow: rgba(224, 123, 79, 0.65) 0px 0px 0px 2px; }
  .dark .grid-thumb-overlay[data-v-7be22213] { background: rgba(33, 30, 27, 0.92); }
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-leading { syntax: "*"; inherits: false; }