*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3498db;--secondary:#2ecc71;--danger:#e74c3c;--warning:#f39c12;--dark:#2c3e50;--light:#ecf0f1;--border:#bdc3c7;--text:#34495e}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#34495e;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#2980b9 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2.5rem;width:100%}.login-card h1{color:var(--dark);font-size:2rem;margin-bottom:.5rem;text-align:center}.subtitle{font-size:.9rem;margin-bottom:2rem}.login-footer,.subtitle{color:#7f8c8d;text-align:center}.login-footer{border-top:1px solid var(--light);font-size:.85rem;margin-top:2rem;padding-top:1.5rem}@media (max-width:480px){.login-card{padding:1.5rem}.login-card h1{font-size:1.5rem}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.scanner-modal{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--light);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--dark);margin:0}.modal-close{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:2rem;height:32px;line-height:1;padding:0;width:32px}.modal-close:hover{color:var(--dark)}.modal-content form{padding:1.5rem}.modal-actions{border-top:1px solid var(--light);display:flex;gap:1rem;padding:1.5rem}.modal-actions .btn-outline{border-color:#ccc;border-color:var(--border,#ccc);color:#333;color:var(--dark,#333)}.modal-actions .btn-outline:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--light,#f5f5f5);color:#333;color:var(--dark,#333)}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.qr-reader{border-radius:8px;margin:1rem;overflow:hidden}#ean-reader video,#qr-reader video{border-radius:8px;width:100%}@media (max-width:768px){.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-actions{flex-direction:column}}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.btn-icon{align-items:center;display:flex;gap:.5rem;justify-content:center}.filter-bar,.search-box{margin-bottom:1.5rem}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;min-width:150px;padding:10px 12px}.paletten-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.palette-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.5rem;transition:transform .2s,box-shadow .2s}.palette-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.palette-image{border-radius:6px;flex:0 0 80px;height:80px;object-fit:cover;width:80px}.palette-info{flex:1 1;max-height:40px;overflow:hidden;padding:.25rem .5rem}.palette-info h3{color:var(--dark);font-size:16px;margin-bottom:.25rem}.palette-info h3,.palette-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.palette-meta{align-items:center;border-top:1px solid var(--light);color:#7f8c8d;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.35rem;padding-top:.35rem}.bearbeiter-badge{background-color:var(--primary);border-radius:3px;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .5rem}.empty-state{color:#7f8c8d;padding:3rem 1rem;text-align:center}@media (max-width:768px){.action-buttons,.paletten-grid{grid-template-columns:1fr}.palette-card{align-items:stretch;flex-direction:column}.palette-image{border-radius:6px;flex:none;height:96px;width:100%}}.palette-detail{margin:0 auto;max-width:1000px;padding:8px}.palette-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:12px}.palette-header h1{flex:1 1;margin:0;text-align:center}.back-btn,.logout-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 10px}.back-btn{background-color:#6c757d;color:#fff}.logout-btn{background-color:#dc3545;color:#fff}.back-btn:hover{background-color:#5a6268}.logout-btn:hover{background-color:#c82333}.palette-info-card{background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000f;margin-bottom:12px;padding:8px}.palette-info{margin-bottom:6px}.palette-display-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin-bottom:1rem}.palette-image-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.palette-image-large{height:100%;object-fit:cover;width:100%}.palette-location-info{display:flex;flex-direction:column;gap:.5rem}.palette-qr-section{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem;text-align:center}.qr-code-display{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.qr-code-image{background:#fff;border:2px solid #dee2e6;border-radius:8px;max-width:300px;padding:1rem;width:100%}.qr-code-id{color:#666;font-family:monospace;font-size:12px}.qr-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-qr-action{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-qr-action:hover{background-color:#218838}@media (max-width:640px){.palette-display-grid{grid-template-columns:1fr}.palette-image-container{margin:0 auto;max-width:300px;width:100%}}.info-row{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;padding:4px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#666;flex:0 0 90px;font-size:12px;width:90px}.tag-badge{border-radius:12px;font-size:11px;padding:2px 8px}.btn-toggle-qr{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;padding:10px 20px;transition:background-color .2s}.btn-toggle-qr:hover{background-color:#0056b3}.palette-actions{gap:8px;justify-content:center;margin-top:10px}.btn-edit{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px}.btn-edit:hover{background-color:#0056b3}.btn-delete{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-delete:hover{background-color:#c82333}.edit-palette-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:600;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.image-preview{border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-top:10px;max-height:200px;max-width:200px}.button-group{display:flex;gap:10px;margin-top:20px}.btn-primary{background-color:#28a745;border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 20px}.btn-primary:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 20px}.btn-secondary:hover{background-color:#5a6268}.artikel-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#333;margin:0}.artikel-actions{flex-wrap:wrap;gap:10px}.btn-scan{background-color:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.btn-scan:hover{background-color:#138496}.btn-add{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.btn-add:hover{background-color:#218838}.no-artikel{color:#999;font-style:italic;padding:40px;text-align:center}.artikel-list{display:flex;flex-direction:column;gap:8px}.artikel-card{grid-gap:6px;align-items:center;background:#f8f9fa;border:1px solid #e6e6e6;border-radius:4px;display:grid;gap:6px;grid-template-columns:28px 1fr 44px;padding:6px;width:100%}.artikel-image{grid-column:1;height:28px;width:28px}.artikel-image img{border-radius:3px;height:100%;object-fit:cover;width:100%}.artikel-info{display:flex;flex:1 1;flex-direction:column;gap:2px;grid-column:2}.artikel-info h3{color:#333;font-size:12px;font-weight:600;margin:0;word-break:break-word}.artikel-details{color:#666;display:flex;flex-direction:column;font-size:10px;gap:1px}.artikel-tag{margin-top:2px}.tag-badge{background-color:#007bff;border-radius:2px;color:#fff;display:inline-block;font-size:8px;padding:1px 6px}.artikel-actions{display:flex;flex-direction:row;gap:4px;grid-column:3;justify-content:flex-end}.btn-delete-small,.btn-edit-small{background:none;border:none;cursor:pointer;font-size:13px;padding:2px}.btn-delete-small{color:#dc3545}.btn-delete-small:hover{opacity:.7}.btn-edit-small{color:#007bff}.btn-edit-small:hover{opacity:.7}.scanner-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.scanner-modal{background:#fff;border-radius:10px;max-width:500px;padding:20px;position:relative;width:100%}.close-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:30px;line-height:1;position:absolute;right:10px;top:10px;width:30px}.close-btn:hover{background:#c82333}.scanner-modal h2{margin-bottom:20px;margin-top:0;text-align:center}.error,.loading{font-size:18px;padding:40px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.palette-detail{padding:10px}.palette-header h1{font-size:20px;margin-bottom:10px;order:-1;width:100%}.palette-info-card{padding:12px}.info-row strong{font-size:14px;width:100px}.palette-qr img{max-width:150px}.palette-image img{max-height:64px;max-width:64px}.section-header{align-items:stretch;flex-direction:column}.artikel-actions{width:100%}.btn-add,.btn-scan{flex:1 1}.artikel-card{grid-gap:8px;align-items:center;border-radius:5px;display:grid;gap:8px;grid-template-columns:36px 1fr 48px;padding:8px;width:100%}.artikel-image{height:32px;width:32px}.artikel-details{font-size:13px}.button-group{flex-direction:column}}.tabs{border-bottom:2px solid var(--border);display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s}.tab.active,.tab:hover{color:var(--primary)}.tab.active{border-bottom-color:var(--primary)}.table-responsive{margin-top:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border);padding:.8rem;text-align:left}.admin-table th{color:var(--dark);font-weight:600}.admin-table th,.admin-table tr:hover{background-color:var(--light)}.admin-container{padding:1rem}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.admin-header-actions{align-items:center;display:flex;gap:.5rem}@media (max-width:768px){.tabs{flex-direction:column}.tab{border-bottom:1px solid var(--border)}.tab.active{background-color:var(--light)}.admin-table{font-size:.85rem}.admin-table td,.admin-table th{padding:.5rem}.admin-header{align-items:stretch;flex-direction:column}.admin-header-actions{justify-content:flex-end}}@media (max-width:720px){.admin-container{padding:.3rem}.admin-header{align-items:center;gap:.3rem}.admin-header h1{font-size:1rem;margin:0}.admin-container .btn{font-size:.8rem;padding:.3rem .6rem}.admin-container .btn-sm{font-size:.75rem;padding:.2rem .45rem}.admin-header-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem}.admin-form .form-row{display:flex;flex-direction:column;gap:.4rem}.admin-form .form-control{box-sizing:border-box;font-size:.85rem;padding:.4rem;width:100%}.admin-form h3{font-size:.95rem;margin:.3rem 0}.admin-section h2{font-size:1.05rem;margin:.3rem 0 .5rem}.admin-section h3{font-size:.9rem;margin:.3rem 0}.csv-input-methods{display:flex;flex-direction:column;gap:.4rem}.csv-textarea{font-size:.85rem;min-height:80px;width:100%}.file-upload-label .btn{justify-content:center;width:100%}.data-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table table{min-width:500px;width:100%}.admin-section{margin-bottom:.5rem;padding:.5rem}.btn-large{font-size:.85rem;padding:.4rem .6rem}.data-table td,.data-table th{font-size:.8rem;padding:.35rem .4rem}.action-buttons{gap:.25rem}.action-buttons .btn{white-space:nowrap}}.admin-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem;padding:1.25rem}.csv-import-section .import-help pre{background:var(--light);border-radius:6px;overflow:auto;padding:.5rem}.file-upload-label{display:inline-block;position:relative}.file-upload-label .file-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.action-buttons{align-items:center;display:flex;gap:.5rem}.data-table{margin-top:.75rem}.data-table table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:.6rem}@media (max-width:768px){.admin-section{padding:.75rem}}.search-section{margin-bottom:2rem}.ean-search-form{margin:0 auto;max-width:800px}.search-input-group{align-items:stretch;display:flex;gap:.5rem}.ean-input{flex:1 1;font-size:1.1rem;padding:.75rem 1rem}.autocomplete-wrapper{flex:1 1;position:relative}.autocomplete-wrapper .ean-input{width:100%}.autocomplete-dropdown{background:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:100}.autocomplete-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:.65rem 1rem;transition:background .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item.active,.autocomplete-item:hover{background:#e3f2fd}.autocomplete-name{color:#333;flex:1 1;font-weight:500;margin-right:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-ean{color:#888;font-family:monospace;font-size:.82rem;white-space:nowrap}.artikel-info-box{background:#f0f7ff;border-left:4px solid #06c;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.artikel-info-box h3{color:#06c;margin:0 0 .5rem}.artikel-info-box p{color:#333;margin:0}.results-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.results-stats h3{color:#333;margin:0 0 .25rem}.results-stats p{color:#666;font-size:.9rem;margin:0}.export-buttons{display:flex;gap:.5rem}.lager-groups{display:flex;flex-direction:column;gap:2rem}.lager-group{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.lager-header{border-bottom:2px solid #06c;color:#06c;font-size:1.25rem;margin:0 0 1rem;padding-bottom:.75rem}.paletten-list{display:flex;flex-direction:column;gap:.75rem}.palette-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.palette-item:hover{background:#e3f2fd;border-color:#06c;transform:translateX(4px)}.palette-main{flex:1 1}.palette-main h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.palette-details{display:flex;flex-wrap:wrap;gap:.5rem}.detail-badge{background:#e0e0e0;border-radius:12px;color:#555;font-size:.85rem;padding:.25rem .75rem}.tag-badge{background:#fff3cd;border:1px solid #ffc107;color:#856404}.btn-view,.palette-actions{align-items:center;display:flex}.btn-view{background:#06c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-view:hover{background:#0052a3;transform:scale(1.1)}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column;gap:1rem}.export-buttons{flex-direction:column;width:100%}.export-buttons .btn{width:100%}.palette-item,.search-input-group{flex-direction:column}.palette-item{align-items:flex-start;gap:1rem}.palette-actions{justify-content:flex-end;width:100%}}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,var(--primary) 0,#2980b9 100%);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.header h1{font-size:1.5rem;font-weight:600}.user-info{align-items:center;display:flex;gap:1rem}.user-kuerzel{background:#fff3;border-radius:20px;font-weight:700;padding:.5rem 1rem}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card h3{color:var(--dark)}.card h3,.form-group{margin-bottom:1rem}.form-group label{color:var(--dark);display:block;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid var(--border);border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-control:focus{border-color:var(--primary);outline:none}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s}.btn-sm{font-size:.8rem;padding:.3rem .6rem}.btn-warning{background-color:#f39c12;color:#fff}.btn-warning:hover:not(:disabled){background-color:#e67e22}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#27ae60}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.btn-outline{background-color:initial;border:2px solid #fff;color:#fff}.btn-outline:hover:not(:disabled){background-color:#fff;color:var(--primary)}.btn-small{font-size:.9rem;padding:.4rem .8rem}.btn-block{width:100%}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-error{background-color:#fadbd8;border-left:4px solid var(--danger);color:#c0392b}.alert-success{background-color:#d4edda;border-left:4px solid var(--secondary);color:#155724}.loading{align-items:center;color:var(--text);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mt-1{margin-top:1rem}@media (max-width:768px){.header h1{font-size:1.2rem}.card,.main-content{padding:1rem}}
/*# sourceMappingURL=main.97b93e6f.css.map*/