@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{font-family:Inter,sans-serif;background-color:#f8f9fa;color:#343a40}.input-field{width:100%;background-color:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.5rem .75rem;transition:box-shadow .2s}.input-field:focus{outline:none;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: #1e40af;border-color:transparent}.input-field::placeholder{color:#6b7280}.input-field-box{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s}.input-field-box:focus{outline:none;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: #1e40af;border-color:transparent}.input-field-bare{width:100%;background-color:transparent;border:none;padding:0}.input-field-bare:focus{outline:none;box-shadow:none}.btn-primary{background-color:#1e40af;color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:disabled{opacity:.5}.btn-quote-request{background-color:#f97316;color:#fff;border-radius:.375rem}.btn-primary-icon{background-color:#1e40af;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s}.btn-primary-icon:hover{background-color:#1d4ed8}.btn-secondary{background-color:#e5e7eb;color:#374151;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;transition:background-color .2s}.btn-secondary:hover{background-color:#d1d5db}.btn-secondary:disabled{opacity:.5}.btn-success{background-color:#16a34a;color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.btn-success:hover{background-color:#15803d}.btn-success:disabled{opacity:.5}.btn-danger{background-color:#dc2626;color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.btn-danger:hover{background-color:#b91c1c}.btn-danger:disabled{opacity:.5}.btn-icon-danger{color:#ef4444;padding:.25rem;border-radius:9999px}.btn-icon-danger:hover{color:#b91c1c;background-color:#fee2e2}.btn-icon-secondary{color:#6b7280;padding:.25rem;border-radius:9999px}.btn-icon-secondary:hover{color:#374151;background-color:#f3f4f6}.btn-nav{background-color:#0003;color:#fff;border-radius:9999px;padding:.5rem;transition:all .2s}.btn-nav:hover{background-color:#0006}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.btn-back{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#4b5563}.btn-back:hover{color:#1e40af}.btn-back-white{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff}.btn-back-white:hover{opacity:.8}.btn-back-styled{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 1px 2px #0000000d;padding:.5rem 1rem;transition:background-color .2s}.btn-back-styled:hover{background-color:#f9fafb}.new-back-button-style{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;background-color:#fff;color:#000;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 1px 2px #0000000d;padding:.5rem 1rem;transition:background-color .2s}.new-back-button-style:hover{background-color:#f9fafb}.btn-back-catalog{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 1px 2px #0000000d;padding:.5rem 1rem;transition:background-color .2s}.btn-back-catalog:hover{background-color:#f9fafb}.badge-primary{background-color:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:600;padding:.125rem .625rem;border-radius:9999px}.badge-secondary{background-color:#f3f4f6;color:#1f2937;font-size:.75rem;font-weight:600;padding:.125rem .625rem;border-radius:9999px}.table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loading-spinner>div{width:4rem;height:4rem;border:4px solid #1e40af;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-chip{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;white-space:nowrap;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.filter-chip:hover{background-color:#f9fafb}.filter-chip.active{background-color:#1e40af;color:#fff;border-color:#1e40af;border-width:2px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;font-weight:700;transform:scale(1.05)}.promotion-chip{background-color:#fffbeb;border-color:#fbbf24;color:#b45309}.promotion-chip.active{background-color:#fbbf24;color:#fff;border-color:#fbbf24}.category-chip{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;text-align:center;box-shadow:0 1px 2px #0000000d;transition:all .2s}.category-chip:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.catalog-category-button{background-color:#fff;border:2px solid #1e40af;border-radius:.5rem;padding:1rem;text-align:center;display:flex;align-items:center;justify-content:center;height:8rem;transition:all .2s ease-in-out}.catalog-category-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-2px)}.promotion-catalog{background-color:#fffbeb;border-color:#fbbf24;color:#b45309}.promotion-catalog:hover{background-color:#fef3c7}.input-card{background-color:#fff;border:2px solid #fb923c;border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 2px #0000000d}.add-item-button{background-color:#f97316;color:#fff;font-weight:700;width:4rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:background-color .2s}.add-item-button:hover{background-color:#ea580c}.quote-request-card{border:4px solid #f97316}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.input-field{@apply w-full px-4 py-2 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-primary transition-colors;}.input-file{@apply block w-full text-sm text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-primary hover:file:bg-blue-100;}.btn-primary{@apply bg-primary text-white font-bold py-2 px-4 rounded-lg hover:bg-secondary transition-colors disabled:bg-opacity-50 disabled:cursor-not-allowed;}.btn-secondary{@apply bg-gray-200 text-neutral-dark font-bold py-2 px-4 rounded-lg hover:bg-gray-300 transition-colors disabled:bg-opacity-50 disabled:cursor-not-allowed;}.btn-primary-icon{@apply bg-primary text-white font-bold text-2xl w-12 h-10 flex items-center justify-center rounded-lg hover:bg-secondary transition-colors disabled:bg-opacity-50;}.btn-icon-danger{@apply text-red-600 hover:text-red-800 p-1 rounded-full hover:bg-red-100 transition-colors;}.btn-icon-secondary{@apply text-secondary hover:text-primary p-1 rounded-full hover:bg-blue-100 transition-colors;}.btn-back{@apply flex items-center gap-2 text-sm font-semibold text-secondary hover:text-primary;}.btn-back-white{@apply flex items-center gap-2 text-sm font-semibold text-white hover:text-gray-300 transition-colors;}.btn-nav{@apply p-2 rounded-full bg-black/30 hover:bg-black/50 disabled:opacity-30 disabled:cursor-not-allowed transition-colors;}.btn-success{@apply w-full bg-green-500 text-white font-bold py-3 px-6 rounded-lg hover:bg-green-600 transition-colors shadow-lg hover:shadow-green-500/50 disabled:bg-gray-400 disabled:cursor-not-allowed;}.btn-tag{@apply px-3 py-1.5 rounded-full text-sm transition-colors;}.badge{@apply px-2 inline-flex text-xs leading-5 font-semibold rounded-full;}.badge-green{@apply bg-green-100 text-green-800;}.badge-yellow{@apply bg-yellow-100 text-yellow-800;}.badge-red{@apply bg-red-100 text-red-800;}.badge-gray{@apply bg-gray-100 text-gray-800;}.badge-secondary{@apply text-xs text-white bg-secondary px-2 py-0.5 rounded-full;}.table-header{@apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;}.loading-spinner{@apply flex items-center justify-center min-h-screen;}.loading-spinner>div{@apply w-16 h-16 border-4 border-primary border-t-transparent rounded-full animate-spin;}.error-message{@apply text-center p-8;}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}