code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.area-tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;margin-top:1rem;overflow:hidden}.area-tabs{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.5rem;scrollbar-width:thin}.area-tabs::-webkit-scrollbar{height:4px}.area-tabs::-webkit-scrollbar-track{background:#f1f1f1}.area-tabs::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.area-tab-wrapper{flex-shrink:0}.area-tab{align-items:center;background:#fff;border:1px solid #e9ecef;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;min-width:120px;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.area-tab:hover{background:#f8f9fa;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.area-tab.active{background:#fff;border-bottom-width:4px;border-color:#e9ecef;box-shadow:0 4px 12px #00000026;position:relative;transform:translateY(-3px)}.area-tab.active:before{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:8px 8px 0 0;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.area-tab.active .area-tab-name{color:#2c3e50;font-weight:800;position:relative;text-shadow:0 1px 2px #0000001a;z-index:1}.area-tab-name{align-items:center;color:#2c3e50;display:flex;flex-grow:1;font-weight:600;gap:.5rem}.active-indicator{animation:pulse 2s infinite;color:currentColor;font-size:.8rem}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.area-tab-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .3s ease}.area-tab:hover .area-tab-actions{opacity:1}.area-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;height:20px;justify-content:center;padding:.15rem .3rem;transition:all .3s ease}.area-btn-edit{background:#f39c12;color:#fff}.area-btn-edit:hover{background:#e67e22}.area-btn-delete{background:#e74c3c;color:#fff}.area-btn-delete:hover{background:#c0392b}.area-btn-save{background:#27ae60;color:#fff}.area-btn-save:hover{background:#219a52}.area-btn-cancel{background:#95a5a6;color:#fff}.area-btn-cancel:hover{background:#7f8c8d}.area-btn-add{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.area-btn-add:hover{background:#2980b9;transform:translateY(-2px)}.area-edit-form{align-items:center;background:#fff;border:1px solid #3498db;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;gap:.5rem;padding:.5rem}.area-name-input{background:#fff;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;min-width:120px;padding:.5rem}.area-name-input:focus{border-color:#3498db;outline:none}.area-color-input{background:none;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;height:32px;width:32px}@media (max-width:768px){.area-tabs{gap:.25rem;padding:.75rem 1rem}.area-tab{min-width:100px;padding:.5rem .75rem}.area-tab-name{font-size:.9rem}.area-tab-actions{opacity:1}.area-btn{font-size:.6rem;height:18px;padding:.1rem .2rem}.area-name-input{font-size:.8rem;min-width:100px}.area-color-input{height:28px;width:28px}}@media (max-width:480px){.area-tab,.area-tabs{padding:.5rem}.area-tab{flex-direction:column;gap:.25rem;min-width:80px}.area-edit-form{flex-direction:column;padding:.75rem}.area-name-input{width:100%}}.product-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;overflow:hidden}.products-tab .product-table-container,.qr-tab .product-table-container{border-radius:0 0 12px 12px;box-shadow:0 2px 6px #0000001a;margin-top:0}.table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.table-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.table-actions{align-items:center;display:flex;gap:1rem}.add-product-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.add-product-btn:hover{background:#219a52;transform:translateY(-2px)}.btn{border-radius:6px;font-size:.9rem;font-weight:500;height:32px;min-width:32px;padding:.5rem 1rem}.btn-primary{background:#3498db}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.btn-save{background:#27ae60;color:#fff}.btn-save:hover{background:#219a52}.btn-cancel{background:#e74c3c;color:#fff}.btn-cancel:hover{background:#c0392b}.btn-edit{background:#f39c12;color:#fff}.btn-edit:hover{background:#e67e22}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.table-wrapper{overflow-x:auto}.product-table{border-collapse:collapse;font-size:.9rem;width:100%}.product-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:1rem .75rem;text-align:left;white-space:nowrap}.product-table td{border-bottom:1px solid #e9ecef;padding:.75rem;vertical-align:middle}.product-row{transition:all .3s ease}.product-row:hover{background:#f8f9fa}.product-row.editing{background:#e8f4f8;border-left:4px solid #3498db}.product-row.dragging{background:#fff3cd;box-shadow:0 8px 25px #00000026}.drag-handle{color:#adb5bd;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;width:30px}.drag-handle:active{cursor:grabbing}.drag-icon{font-size:1.2rem;line-height:1}.drag-header{width:30px}.checkbox-cell,.checkbox-header{text-align:center;width:40px}.checkbox-cell input[type=checkbox]{accent-color:#3498db;cursor:pointer;height:16px;width:16px}.color-cell{text-align:center;width:60px}.color-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;margin:0 auto;width:24px}.name-cell{min-width:150px}.product-name{color:#2c3e50;font-weight:600}.deposit-cell,.price-cell{text-align:right;width:100px}.deposit-value,.price-value{color:#27ae60;font-weight:600}.color-edit-cell{text-align:center;width:80px}.actions-cell{text-align:center;width:120px}.action-buttons{display:flex;gap:.5rem;justify-content:center}.table-input{background:#fff;border:2px solid #3498db;border-radius:4px;font-size:.9rem;padding:.5rem;transition:border-color .3s ease;width:100%}.table-input:focus{border-color:#2980b9;outline:none}.deposit-input,.price-input{text-align:right}.color-input{background:none;border:2px solid #3498db;border-radius:4px;cursor:pointer;height:32px;width:40px}.empty-state{color:#7f8c8d;font-size:1.1rem;padding:3rem;text-align:center}.empty-state p{margin:0}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:1rem}.table-actions{justify-content:center}.product-table{font-size:.8rem}.product-table td,.product-table th{padding:.5rem .25rem}.table-input{font-size:.8rem;padding:.25rem}.action-buttons{flex-direction:column;gap:.25rem}.btn{font-size:.8rem;height:28px;min-width:28px}}@media (max-width:480px){.table-header{padding:1rem}.table-header h3{font-size:1.2rem}.color-edit-cell,.deposit-cell,.product-table td:nth-child(6),.product-table td:nth-child(7),.product-table th:nth-child(6),.product-table th:nth-child(7){display:none}}.qr-code-generator{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.qr-code-generator h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.qr-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.qr-info p{color:#495057;margin:.5rem 0}.qr-info-detail{color:#6c757d;font-size:.9rem;font-style:italic}.selected-products-preview{margin-bottom:1.5rem}.selected-products-preview h4{color:#495057;margin-bottom:.75rem}.selected-products-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-product-tag{align-items:center;background:#e9ecef;border-radius:20px;color:#495057;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.product-color-dot{border:1px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0003;height:12px;width:12px}.qr-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.btn{height:30px;padding:1rem 2rem;width:30px}.btn-big{height:50px;min-width:180px}.btn-secondary:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#219a52;transform:translateY(-2px)}.btn-download{background-color:#27ae60;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-download:hover{background-color:#219a52;transform:translateY(-2px)}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;margin-bottom:1.5rem;padding:1rem}.qr-codes-container{margin-top:2rem}.qr-codes-container h4{color:#2c3e50;margin-bottom:1rem}.qr-codes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.qr-code-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.qr-code-card:hover{border-color:#3498db;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.qr-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.qr-code-header h5{color:#2c3e50;font-size:1.1rem;margin:0}.qr-code-info{background:#3498db;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.qr-code-image{margin-bottom:1rem}.qr-code-image img{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%}@media (max-width:768px){.qr-actions{flex-direction:column}.btn{margin-bottom:.5rem;min-width:100%;width:100%}.qr-codes-grid{grid-template-columns:1fr}.selected-products-list{justify-content:center}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 6px #0000001a;padding:2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-text{text-align:left}.header-text h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-text p{color:#7f8c8d;font-size:1.1rem;margin:0}.header-actions{display:flex;gap:1rem}.btn-export{align-items:center;background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-export:hover{background-color:#219a52;transform:translateY(-2px)}.btn-import{align-items:center;background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-import:hover{background-color:#c0392b;transform:translateY(-2px)}.btn-danger{align-items:center;background-color:#8e44ad;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-danger:hover{background-color:#732d91;transform:translateY(-2px)}.app-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;justify-content:center;padding:1rem 2rem}.nav-button{background:#ecf0f1;border:none;border-radius:25px;color:#7f8c8d;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.nav-button.active{background:#3498db;color:#fff}.app-main{flex:1 1;margin:0 auto;padding:0 2rem 2rem}.app-main,.products-tab{width:100%}.products-tab .product-table-container{border-radius:0 0 12px 12px;margin-top:0}.qr-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.selection-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.selection-controls h3{color:#2c3e50;margin:0}.selection-buttons{display:flex;gap:.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{color:#fff}.btn-secondary,.btn-secondary:hover:not(:disabled){background-color:#95a5a6}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 -2px 4px #0000001a;color:#7f8c8d;font-size:.9rem;padding:1rem 2rem;text-align:center}.app-footer p{margin:0}.empty-state{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.empty-state-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.empty-state-content h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 1rem}.empty-state-content p{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin:.5rem 0}.empty-state-content p:first-of-type{color:#34495e;font-weight:500}@media (max-width:1024px){.qr-layout{grid-template-columns:1fr}.header-text h1{font-size:2rem}.app-main{padding:0 1rem 1rem}}@media (max-width:768px){.app-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:1rem}.header-text{text-align:center}.header-text h1{font-size:1.8rem}.header-actions{justify-content:center}.btn-danger,.btn-export,.btn-import{font-size:.9rem;min-width:100px;padding:.5rem 1rem}.app-nav{align-items:center;flex-direction:column;padding:1rem}.nav-button{max-width:300px;width:100%}.selection-controls{align-items:stretch;flex-direction:column;gap:1rem}.selection-buttons{justify-content:center}}
/*# sourceMappingURL=main.c29786e2.css.map*/