@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.template-selector-modal{max-height:80vh;max-width:600px;overflow-y:auto}.product-info{background:var(--light-purple);border-radius:6px;margin-bottom:20px;padding:15px}.product-info h3{color:var(--purple);font-weight:600;margin:0 0 10px}.product-info p{font-size:14px;margin:5px 0}.template-selection{margin-bottom:20px}.template-selection h4{color:var(--purple);font-weight:600;margin:0 0 15px}.template-option{border:1px solid #e1e1e1;border-radius:6px;margin-bottom:10px;transition:all .2s ease}.template-option:hover{border-color:var(--purple);box-shadow:0 2px 4px #5e23561a}.template-option label{cursor:pointer;display:block;font-weight:400;margin:0;padding:15px}.template-option input[type=radio]{margin-right:12px;transform:scale(1.2)}.template-option:has(input:checked){background:var(--light-purple);border-color:var(--purple)}.template-preview{display:inline-block;vertical-align:top;width:calc(100% - 30px)}.template-info strong{color:var(--purple);font-size:16px;font-weight:600}.template-category{color:var(--green);font-size:14px;font-weight:500;margin-left:8px}.template-description{color:#666;font-size:13px;line-height:1.4;margin:5px 0}.template-size{color:#888;font-size:12px;margin-top:5px}.template-option:first-of-type{background:#f8f9fa}.template-option:first-of-type strong{color:#495057}.template-option:first-of-type p{color:#6c757d;font-size:13px;margin:2px 0 0}@media (max-width:768px){.template-selector-modal{margin:10px;max-width:95%}.template-option label{padding:12px}.template-info strong{font-size:15px}}.large-modal{max-width:800px}.search-results{max-height:200px}.product-result{padding:8px 0}.selected-count{border-radius:4px;margin-top:10px;padding:8px}.modal-actions button{padding:10px 20px}@media (max-width:768px){.templates-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:center}.filters-section{flex-direction:column;gap:15px}.search-box{min-width:auto}.filter-controls{flex-direction:column}.templates-grid{grid-template-columns:1fr}.template-actions{justify-content:center}.form-row{grid-template-columns:1fr}.modal{margin:10px;padding:20px}.modal-actions{flex-direction:column}.radio-group{gap:8px}}@media (max-width:480px){.page-header h1{font-size:2rem}.template-actions{flex-direction:column}.btn-small{text-align:center}}.templates-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;border-bottom:2px solid var(--light-purple);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.page-header h1{color:var(--purple);font-size:2.5rem;font-weight:600;margin:0}.header-actions{display:flex;gap:10px}.filters-section{align-items:center;background:var(--light-purple);border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.search-box{flex:1 1;min-width:300px}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;width:100%}.filter-controls{display:flex;gap:15px}.filter-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px;padding:10px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.template-card{background:#fff;border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .2s ease}.template-card:hover{box-shadow:0 4px 8px #00000026}.template-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.template-header h3{color:var(--purple);font-size:1.3rem;font-weight:600;margin:0}.default-badge{background:var(--green);color:#fff}.default-badge,.inactive-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.inactive-badge{background:#ccc;color:#666}.template-info{margin-bottom:20px}.info-item{font-size:14px;line-height:1.4;margin-bottom:8px}.info-item strong{color:var(--purple);font-weight:600}.template-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-small{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.btn-small:hover{transform:translateY(-1px)}.btn-small:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background:#138496}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger:hover:not(:disabled){background:#c82333}.loading{font-size:18px}.loading,.no-results{color:#666;padding:60px 20px}.no-results{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;font-size:16px;text-align:center}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:100%}.large-modal{max-width:900px}.modal h2{color:var(--purple);font-size:1.8rem;font-weight:600;margin:0 0 25px}.form-group{margin-bottom:20px}.form-group label{color:var(--purple);display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group input[type=file]{padding:8px}.form-row{grid-gap:15px;gap:15px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.radio-group input[type=radio]{margin-right:8px;width:auto}.product-type-selection{grid-gap:.75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:.75rem}.product-type-option{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.25rem;cursor:pointer;display:flex;min-height:70px;padding:.75rem;transition:all .2s ease}.product-type-option:hover{border-color:var(--purple);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.product-type-option.selected{background:var(--light-purple);border-color:var(--purple);box-shadow:0 2px 8px #5e235626}.product-type-option input[type=checkbox]{margin-right:.5rem;transform:scale(1.1)}.product-type-icon{font-size:1.25rem;margin-right:.5rem}.product-type-details{flex:1 1}.product-type-label{color:var(--purple);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.product-type-description{color:#666;font-size:.75rem;line-height:1.3}.product-type-summary{background:var(--light-purple);border-radius:.25rem;color:var(--purple);font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem;text-align:center}.product-type-warning{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:.25rem;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.75rem}.product-type-warning .icon{font-size:1.1rem}.search-results{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;margin-top:10px;max-height:300px;overflow-y:auto;padding:10px}.product-result{border-bottom:1px solid #eee;padding:12px 0}.product-result:last-child{border-bottom:none}.product-result label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem;margin:0}.product-result input[type=checkbox]{margin-right:10px;transform:scale(1.1)}.product-result-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.product-type-badge{background:var(--light-purple);border-radius:.25rem;color:var(--purple);font-size:.75rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.product-details{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.product-separator{color:#ccc}.selected-count{background:var(--light-purple);border:1px solid var(--purple);border-radius:6px;color:var(--purple);font-weight:600;margin-top:15px;padding:12px;text-align:center}.modal-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-actions button:not(.btn-primary){background:#6c757d;color:#fff}.modal-actions button:not(.btn-primary):hover{background:#545b62}.btn-primary:hover{background:var(--dark-green)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.products-list{margin:20px 0;max-height:400px;overflow-y:auto}.products-list table{border-collapse:collapse;font-size:14px;width:100%}.products-list td,.products-list th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.products-list th{background:var(--light-purple);color:var(--purple);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-list tbody tr:hover{background:#f8f9fa}.products-list .product-type-cell{font-size:.875rem;white-space:nowrap}@media (max-width:768px){.templates-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:center}.filters-section{flex-direction:column;gap:15px}.search-box{min-width:auto}.filter-controls{flex-direction:column}.templates-grid{grid-template-columns:1fr}.template-actions{justify-content:center}.form-row{grid-template-columns:1fr}.modal{margin:10px;padding:20px}.large-modal{max-width:95vw}.modal-actions{flex-direction:column}.radio-group{gap:8px}.product-type-selection{gap:.5rem;grid-template-columns:1fr}.product-type-option{min-height:60px;padding:.5rem}.product-result-content{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.page-header h1{font-size:2rem}.template-actions{flex-direction:column}.btn-small{text-align:center}.product-type-option{min-height:50px}.products-list{font-size:12px}.products-list td,.products-list th{padding:8px 6px}}:root{--purple:#5e2356;--green:#aab534;--light-purple:#f0e6ee;--dark-green:#878f28;--white:#fff;--light-gray:#f5f5f5;--error-red:#dc3545;--success-green:#28a745;--text-dark:#2d3748;--text-medium:#4a5568;--text-light:#718096;--border-light:#e2e8f0;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--light-gray);color:#2d3748;color:var(--text-dark);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.app-header{background:linear-gradient(135deg,#5e2356,#878f28);background:linear-gradient(135deg,var(--purple) 0,var(--dark-green) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);padding:1rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.app-title{font-size:1.75rem;font-weight:600;margin:0}.app-subtitle{font-size:.875rem;font-weight:400;opacity:.9}.nav-tabs{display:flex;gap:.5rem;margin-top:1rem}.nav-tab{background:#fff3;border:none;border-radius:.375rem;color:#5e2356;color:var(--purple);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.nav-tab:hover{background:#fff6}.nav-tab.active{color:#5e2356;color:var(--purple)}.card,.nav-tab.active{background:#fff;background:var(--white)}.card{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.card-header{background:#f0e6ee;background:var(--light-purple);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1.5rem}.card-title{color:#5e2356;color:var(--purple);font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background:#5e2356;background:var(--purple);color:#fff;color:var(--white)}.btn-primary:hover{background:#4a1e47;transform:translateY(-1px)}.btn-secondary{background:#aab534;background:var(--green);color:#fff;color:var(--white)}.btn-secondary:hover{background:#878f28;background:var(--dark-green);transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #5e2356;border:1px solid var(--purple);color:#5e2356;color:var(--purple)}.btn-outline:hover{background:#5e2356;background:var(--purple);color:#fff;color:var(--white)}.btn-danger{background:#dc3545;background:var(--error-red);color:#fff;color:var(--white)}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;background:var(--success-green);color:#fff;color:var(--white)}.btn-success:hover{background:#218838}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.form-group{margin-bottom:1rem}.form-label{color:#2d3748;color:var(--text-dark);display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#5e2356;border-color:var(--purple);box-shadow:0 0 0 3px #5e23561a;outline:none}.form-input.error{border-color:#dc3545;border-color:var(--error-red)}.form-error{color:#dc3545;color:var(--error-red);font-size:.75rem;margin-top:.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.table-container{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;overflow-x:auto}.table{background:#fff;background:var(--white);border-collapse:collapse;width:100%}.table th{background:#f0e6ee;background:var(--light-purple);color:#5e2356;color:var(--purple);font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1rem}.table tbody tr:hover{background:#f5f5f5;background:var(--light-gray)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background:#28a7451a;color:#28a745;color:var(--success-green)}.badge-danger{background:#dc35451a;color:#dc3545;color:var(--error-red)}.badge-primary{background:#5e23561a;color:#5e2356;color:var(--purple)}.loading{align-items:center;display:flex;justify-content:center;padding:2rem}.empty-state,.loading{color:#718096;color:var(--text-light)}.empty-state{padding:3rem 2rem}.empty-state h3{color:#4a5568;color:var(--text-medium);font-size:1.125rem;font-weight:500}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}@media (max-width:768px){.main-content{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.form-row,.form-row-3{grid-template-columns:1fr}.nav-tabs{flex-wrap:wrap}}.selection-summary{background:#f0e6ee;background:var(--light-purple);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;padding:1rem}.summary-card{align-items:center;display:flex;gap:1rem;justify-content:space-between}.summary-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{color:#5e2356;color:var(--purple);display:block;font-size:1.5rem;font-weight:600}.stat-label{color:#4a5568;color:var(--text-medium);display:block;font-size:.875rem;margin-top:.25rem}.products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:500px;overflow-y:auto;padding:.5rem}.product-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.product-card:hover{box-shadow:0 2px 8px #5e23561a}.product-card.selected,.product-card:hover{border-color:#5e2356;border-color:var(--purple)}.product-card.selected{background:#f0e6ee;background:var(--light-purple)}.product-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.product-checkbox input[type=checkbox]{margin:0;transform:scale(1.2)}.product-info{flex:1 1}.product-brand,.product-sku{margin-bottom:.25rem}.product-brand{font-weight:500}.product-style{color:#4a5568;color:var(--text-medium);font-size:.875rem;line-height:1.3}.product-details{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding-top:.75rem}.product-price{margin-bottom:.5rem}.sale-price{font-size:1.1rem;margin-right:.5rem}.regular-price{color:#4a5568;color:var(--text-medium);font-size:.9rem;margin-right:.5rem;text-decoration:line-through}.current-price{color:#2d3748;color:var(--text-dark);font-size:1.1rem;font-weight:600}.sale-badge{background:var(--danger-red);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.product-meta{color:#4a5568;color:var(--text-medium);font-size:.875rem}.shelf-count{margin-bottom:.25rem}.template-info{font-style:italic}.quantity-selector{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.quantity-selector label{color:#2d3748;color:var(--text-dark);font-size:.875rem;font-weight:500}.quantity-input{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:4px;font-size:.875rem;padding:.25rem .5rem;text-align:center;width:60px}.quantity-input:focus{border-color:#5e2356;border-color:var(--purple);box-shadow:0 0 0 2px #5e23561a;outline:none}.large-modal{max-height:90vh;max-width:1200px;width:95%}.large-modal .modal-content{max-height:calc(90vh - 140px);overflow-y:auto}.loading{color:#4a5568;color:var(--text-medium)}.empty-state,.loading{padding:3rem;text-align:center}.empty-state h3{color:#2d3748;color:var(--text-dark);margin-bottom:.5rem}.empty-state p{color:#4a5568;color:var(--text-medium)}@media (max-width:768px){.products-grid{grid-template-columns:1fr}.summary-card{align-items:stretch;flex-direction:column;gap:1rem}.summary-stats{justify-content:center}.large-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}}.promotion-status-banner{border:1px solid;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.promotion-status-banner.active{background:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e}.promotion-status-banner.inactive{background:#fefce8;border-color:#eab308;color:#713f12}.status-info{align-items:center;display:flex;justify-content:space-between}.status-label{font-size:1rem;font-weight:600}.status-dates{font-size:.875rem;opacity:.8}.print-summary{background:#f0e6ee;background:var(--light-purple);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem}.print-summary h3{color:#5e2356;color:var(--purple);margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;padding:1rem;text-align:center}.summary-number{color:#5e2356;color:var(--purple);display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-label{color:#4a5568;color:var(--text-medium);display:block;font-size:.875rem;line-height:1.3}.products-section h4{border-bottom:2px solid #5e2356;border-bottom:2px solid var(--purple);color:#2d3748;color:var(--text-dark);margin-bottom:1rem;padding-bottom:.5rem}.products-table-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;max-height:400px;overflow:hidden;overflow-y:auto}.products-print-table{border-collapse:collapse;width:100%}.products-print-table th{background:#5e2356;background:var(--purple);color:#fff;font-size:.875rem;font-weight:600;padding:.75rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.products-print-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:.75rem;vertical-align:top}.products-print-table tr:hover{background:#f0e6ee;background:var(--light-purple)}.product-sku{color:#5e2356;color:var(--purple);font-size:.9rem;font-weight:600}.product-details{line-height:1.4}.product-name{font-weight:500;margin-bottom:.25rem}.product-manufacturer{color:#4a5568;color:var(--text-medium);font-size:.875rem}.pricing-info{line-height:1.4}.regular-price{color:#2d3748;color:var(--text-dark);font-size:.875rem}.sale-price{color:var(--danger-red);font-size:.875rem;font-weight:600}.template-info{align-items:center;display:flex;gap:.5rem}.template-name{color:#2d3748;color:var(--text-dark);font-size:.875rem}.template-indicator{color:#28a745;color:var(--success-green);font-size:1rem}.no-template{color:#4a5568;color:var(--text-medium);font-size:.875rem;font-style:italic}.custom-message{background:#f0e6ee;background:var(--light-purple);border-radius:4px;color:#2d3748;color:var(--text-dark);display:inline-block;font-size:.875rem;padding:.25rem .5rem}.no-message{color:#4a5568;color:var(--text-medium);font-style:italic}.tag-count{background:#5e2356;background:var(--purple);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.print-actions{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;text-align:center}.print-info{margin-bottom:1.5rem}.print-info p{color:#4a5568;color:var(--text-medium);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.print-button{align-items:center;background:#28a745;background:var(--success-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.print-button:hover:not(:disabled){background:#878f28;background:var(--dark-green);box-shadow:0 4px 12px #abb5344d;transform:translateY(-1px)}.print-button:disabled{background:#718096;background:var(--text-light);box-shadow:none;color:#4a5568;color:var(--text-medium);cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.modal-header{align-items:center;background:#f0e6ee;background:var(--light-purple);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#5e2356;color:var(--purple);font-size:1.25rem;margin:0}.btn-close{background:none;border:none;border-radius:4px;color:#4a5568;color:var(--text-medium);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.btn-close:hover{background:#e2e8f0;background:var(--border-light);color:#2d3748;color:var(--text-dark)}@media (max-width:768px){.summary-grid{grid-template-columns:repeat(2,1fr)}.status-info{align-items:flex-start;flex-direction:column;gap:.5rem}.products-print-table{font-size:.875rem}.products-print-table td,.products-print-table th{padding:.5rem}.print-button{justify-content:center;width:100%}}@media (max-width:480px){.summary-grid{grid-template-columns:1fr}.products-table-container{overflow-x:auto}.products-print-table{min-width:600px}}.product-type-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);margin-bottom:1.5rem}.product-type-tabs .flex{margin-bottom:-2px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#2d3748;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.tab-button:hover{background:#f0e6ee;background:var(--light-purple);color:#5e2356;color:var(--purple)}.tab-button.active{background:#5e2356;background:var(--purple);border-bottom:2px solid #5e2356;border-bottom:2px solid var(--purple);color:#fff}.tab-button .flex{align-items:center;display:flex;gap:.5rem}.tab-button .badge{background:#ffffff4d;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:.25rem .5rem;text-align:center}.tab-button:not(.active) .badge{background:#f0e6ee;background:var(--light-purple);color:#5e2356;color:var(--purple)}.product-type-form{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;padding:1rem}.product-type-form,.product-type-indicator{background:#f0e6ee;background:var(--light-purple);margin-bottom:1rem}.product-type-indicator{align-items:center;border-radius:20px;color:#5e2356;color:var(--purple);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.description-field{position:relative}.description-field textarea{line-height:1.4;min-height:80px;resize:vertical}.description-field .field-note{color:#4a5568;color:var(--text-medium);font-size:.75rem;font-style:italic;margin-top:.25rem}.description-field.required:after{color:var(--danger-red);content:"*";font-weight:700;margin-left:.25rem}.product-row.wine-kit{border-left:4px solid #722f37}.product-row.beer{border-left:4px solid #f4a72b}.product-row.diy{border-left:4px solid #4a5568}.table .description-cell{max-width:200px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.table .description-cell:hover{word-wrap:break-word;background:#f0e6ee;background:var(--light-purple);border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:.5rem;position:relative;white-space:normal;z-index:10}.empty-state.product-type{background:linear-gradient(135deg,#f0e6ee,#aab5341a);background:linear-gradient(135deg,var(--light-purple) 0,#aab5341a 100%);border:2px dashed #e2e8f0;border:2px dashed var(--border-light);border-radius:12px;padding:3rem 2rem;text-align:center}.empty-state.product-type h3{color:#5e2356;color:var(--purple);font-size:1.25rem;margin-bottom:.5rem}.empty-state.product-type p{color:#4a5568;color:var(--text-medium);margin-bottom:1.5rem}.empty-state.product-type .icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.product-type-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.product-type-filters .filter-group{align-items:center;display:flex;gap:.5rem}.product-type-filters label{color:#2d3748;color:var(--text-dark);font-size:.875rem;font-weight:600}.product-modal .product-type-section{background:#f0e6ee;background:var(--light-purple);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.product-modal .product-type-section h4{color:#5e2356;color:var(--purple);font-size:1rem;font-weight:600;margin:0 0 .5rem}.product-modal .product-type-section p{color:#4a5568;color:var(--text-medium);font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.product-type-tabs .flex{flex-direction:column;gap:.25rem}.tab-button{border-bottom:none;border-left:3px solid #0000;border-radius:6px}.tab-button.active{border-bottom:none;border-left:3px solid #5e2356;border-left:3px solid var(--purple)}.product-type-tabs{border-bottom:none;border-left:2px solid #e2e8f0;border-left:2px solid var(--border-light);padding-left:1rem}}@media (max-width:480px){.tab-button{font-size:.8rem;padding:.5rem 1rem}.tab-button .badge{font-size:.7rem;padding:.2rem .4rem}.product-type-filters{align-items:stretch;flex-direction:column}.product-type-filters .filter-group{justify-content:space-between}}.product-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-loading{align-items:center;color:#4a5568;color:var(--text-medium);display:flex;justify-content:center;padding:3rem}.tab-loading:before{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-top:2px solid #5e2356;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--purple);content:"";height:20px;margin-right:.5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.27787ea0.css.map*/