*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#2a2a2a;color:#fff}img{max-width:100%;height:auto;display:block}video,iframe{max-width:100%;height:auto}:root{--primary-color:#ff6b6b;--secondary-color:#ff6b6b;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--dark-color:#2a2a2a;--light-color:#2a2a2a;--border-color:#444;--sidebar-width:250px}.admin-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--dark-color);color:white;position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;z-index:2000;transition:left .3s ease}.logo{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.logo a{cursor:pointer;transition:opacity .2s ease}.logo a:hover{opacity:.8}.logo h2{font-size:1.5rem;margin-bottom:.5rem}.logo p{font-size:.9rem;opacity:.7}.admin-nav{flex:1;padding:1rem 0}.admin-nav a{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:white;text-decoration:none;transition:background .3s;cursor:pointer}.admin-nav a:hover{background:rgba(255,255,255,0.1)}.admin-nav a.active{background:var(--primary-color)}.admin-nav a span{font-size:1.2rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,0.1)}.sidebar-footer p{margin-bottom:1rem;font-size:.9rem;opacity:.8}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1900;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.admin-main{margin-left:var(--sidebar-width);flex:1;padding:2rem}.admin-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.admin-header h1{color:#fff;font-size:2rem}.mobile-menu-btn{display:none;font-size:2rem;cursor:pointer;user-select:none}.admin-section{background:#333;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.filter-group{display:flex;gap:1rem;align-items:center}.filter-group label{font-weight:600}.filter-group select{padding:.6rem 2.5rem .6rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:#333;color:#fff;font-size:.95rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff6b6b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer;transition:all .3s ease}.filter-group select:hover{border-color:rgba(255,107,107,0.5)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,107,107,0.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{background:#333;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.3);display:flex;align-items:center;gap:1.5rem}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:50%}.stat-info h3{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem}.stat-info p{color:#aaa;font-size:.9rem}.data-table{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:#2a2a2a}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:#fff}tbody tr:hover{background:#3a3a3a}.btn-primary{background:var(--primary-color);color:white;border:none;padding:.8rem 1.5rem;cursor:pointer;border-radius:4px;font-size:1rem;transition:background .3s}.btn-primary:hover{background:#b71c1c}.btn-secondary{background:#666;color:white;border:none;padding:.8rem 1.5rem;cursor:pointer;border-radius:4px;font-size:1rem;transition:background .3s}.btn-secondary:hover{background:#555}.btn-success{background:var(--success-color);color:white;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-size:.9rem}.btn-warning{background:var(--warning-color);color:white;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-size:.9rem}.btn-danger{background:var(--danger-color);color:white;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-size:.9rem}.btn-small{padding:.3rem .8rem;font-size:.85rem}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.status-ausstehend{background:#fff3cd;color:#856404}.status-bezahlt{background:#d4edda;color:#155724}.status-verarbeitung{background:#d1ecf1;color:#0c5460}.status-versandt{background:#cfe2ff;color:#084298}.status-zugestellt{background:#d1e7dd;color:#0f5132}.status-storniert{background:#f8d7da;color:#721c24}.modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.modal-content{background-color:white;color:#333;margin:5% auto;padding:2rem;border-radius:8px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto}.modal-content h2,.modal-content h3,.modal-content h4{color:#333}.modal-content label{color:#333}.modal-content input,.modal-content select,.modal-content textarea{color:#333;background-color:#fff;transition:all .3s ease}.modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff6b6b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-color:#fff;padding-right:2.5rem;cursor:pointer}.modal-content select:hover{border-color:rgba(255,107,107,0.5)}.modal-content select:focus,.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,107,107,0.15)}.modal-content p,.modal-content span,.modal-content small{color:#555}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover{color:#000}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff6b6b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-group select:hover{border-color:rgba(255,107,107,0.5)}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,107,107,0.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.action-buttons{display:flex;gap:.5rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#ffe0e0;color:#d32f2f;border:1px solid #f99}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state p{font-size:1.1rem}.verpacken-details{margin-top:1.5rem}#verpacken-modal .modal-content{position:relative;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;width:100%;max-width:100%;margin:0;border-radius:0;padding:0;overflow:hidden}#verpacken-modal h2{padding:.6rem 3rem .6rem 1rem;margin:0;font-size:.9rem;border-bottom:1px solid #dee2e6;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#verpacken-modal .modal-content>.close{position:absolute;top:.35rem;right:.75rem;float:none;font-size:1.5rem;z-index:1}#verpacken-modal .verpacken-details{flex:1;display:flex;flex-direction:column;overflow:hidden;margin:0}.artikelItem{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.artikelItem:last-child{border-bottom:none}.artikelItem input[type="checkbox"]{transform:scale(1.2);margin-right:.5rem}.artikel-status{font-size:.85rem;font-weight:600}.artikel-status-verpackt{color:var(--success-color)}.artikel-status-offen{color:var(--warning-color)}[id^="scanner-"]{display:none;width:100%;height:300px;background:#000;margin-top:10px;border-radius:10px}@media (max-width:480px){.sidebar{left:-250px;width:250px;height:100vh;position:fixed;top:0;z-index:4000}.sidebar.active{left:0}.mobile-menu-btn{display:block;min-width:44px;min-height:44px;padding:10px}.admin-main{margin-left:0;padding:.75rem}.admin-header{flex-direction:row;align-items:center;margin-bottom:1rem;gap:.5rem}.admin-header h1{font-size:1.2rem}.admin-section{padding:1rem;border-radius:6px}.form-row{grid-template-columns:1fr;gap:.75rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:16px}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem;gap:1rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-info h3{font-size:1.5rem}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px;font-size:.9rem}th,td{padding:.75rem .5rem}.btn-primary,.btn-secondary{padding:.9rem 1.5rem;font-size:1rem;min-height:44px;min-width:44px}.btn-success,.btn-warning,.btn-danger{padding:.7rem 1rem;min-height:40px}.filter-group{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.filter-group select{width:100%;padding:.75rem;font-size:16px}.artikelItem{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.artikel-actions{flex-direction:column;width:100%}.produktnummer-input{width:100%;font-size:16px}.scan-btn,.artikelItem button{width:100%;padding:.9rem;font-size:1rem;min-height:44px}[id^="scanner-"]{height:200px !important}.scanner-box{height:200px}.modal-content{width:100%;margin:0;padding:1rem;max-height:100vh;border-radius:0}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}.action-buttons{flex-wrap:wrap;gap:.5rem}.action-buttons button{flex:1 1 100%;min-width:100%}.order-card{padding:1rem}.order-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-actions{flex-direction:column;width:100%}.order-actions button{width:100%}.section-header{flex-direction:column;align-items:stretch;gap:1rem}}@media (min-width:481px) and (max-width:767px){.sidebar{left:-250px;width:250px;position:fixed;z-index:4000}.sidebar.active{left:0}.mobile-menu-btn{display:block;min-width:44px;min-height:44px}.admin-main{margin-left:0;padding:1.25rem}.admin-header h1{font-size:1.5rem}.admin-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:700px}.filter-group{flex-wrap:wrap}.action-buttons button{flex:1 1 calc(50% - .25rem)}}@media (min-width:768px) and (max-width:1024px){.sidebar{left:-250px;width:250px;position:fixed;z-index:4000}.sidebar.active{left:0}.mobile-menu-btn{display:block}.admin-main{margin-left:0;padding:1.5rem}.admin-section{padding:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-row{grid-template-columns:1fr 1fr}.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width:1025px) and (max-width:1280px){.sidebar{width:220px}:root{--sidebar-width:220px}.admin-main{margin-left:220px;padding:1.75rem}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1281px){.stats-grid{grid-template-columns:repeat(4,1fr)}.admin-main{padding:2rem}}@media (max-width:1024px){button{min-height:44px;min-width:44px}.admin-nav a{padding:1.2rem 1.5rem;font-size:1.05rem}}.active-section-force{display:block !important;opacity:1 !important;visibility:visible !important}.order-card{background:#333;padding:1rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.order-card-header{display:flex;align-items:center;justify-content:space-between}.order-card-header h3{margin-bottom:0}.order-toggle-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;transition:transform .2s ease}.order-toggle-btn.open{transform:rotate(180deg)}.order-card-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease;margin-top:.5rem}.order-card-details.open{max-height:600px;opacity:1}.order-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.artikelItem{border-bottom:1px solid #ddd;padding:12px 0;display:flex;flex-direction:column;gap:10px}.artikel-info{font-size:1rem;color:#fff}.artikel-actions{display:flex;gap:10px;align-items:center}.produktnummer-input{flex:1;padding:8px;border:1px solid #bbb;border-radius:6px}.scan-btn{padding:8px 12px;background:#333;color:white;border:none;border-radius:6px}.artikel-status{font-weight:600;padding:6px;border-radius:6px;width:120px;text-align:center}.artikel-status.verpackt{background:#d4edda;color:#155724}.scanner-box{width:100%;height:260px;background:#000;border-radius:10px}