:root{--primary: #4F6BF6;--primary-light: #7B8FF8;--primary-dark: #3D56D9;--primary-bg: rgba(79, 107, 246, .08);--accent-green: #10B981;--accent-green-light: rgba(16, 185, 129, .1);--accent-orange: #F59E0B;--accent-orange-light: rgba(245, 158, 11, .1);--accent-red: #EF4444;--accent-red-light: rgba(239, 68, 68, .1);--accent-purple: #8B5CF6;--accent-purple-light: rgba(139, 92, 246, .1);--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-page: linear-gradient(180deg, #EEF2FF 0%, #E0E7FF 50%, #C7D2FE 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-solid: #ffffff;--bg-hover: rgba(79, 107, 246, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 10px 15px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 20px 25px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 4px 14px rgba(79, 107, 246, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);min-height:100vh;color:var(--text-primary);line-height:1.5}.container{max-width:100%;margin:0 auto;padding:12px}@media (min-width: 768px){.container{max-width:1600px;padding:24px}}.header{background:var(--bg-card-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 20px;border:1px solid rgba(79,107,246,.06);box-shadow:var(--shadow-md);margin-bottom:16px;border-radius:var(--radius-xl);position:sticky;top:12px;z-index:100}@media (min-width: 768px){.header{padding:20px 28px;margin-bottom:24px;position:static}}.header h1{color:var(--primary);margin-bottom:8px;font-size:22px;font-weight:700;letter-spacing:-.5px}@media (min-width: 768px){.header h1{font-size:28px}}.header-info{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-secondary);font-size:13px;align-items:center;font-weight:500}@media (min-width: 768px){.header-info{font-size:14px}}.mobile-nav{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;padding:0 12px}@media (min-width: 768px){.mobile-nav{display:none}}.current-tab-mobile{display:none}.hamburger{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;cursor:pointer;font-size:22px;color:var(--primary);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.hamburger:hover{background:var(--bg-card-solid);box-shadow:var(--shadow-md)}.current-tab-mobile{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 18px;border-radius:var(--radius-md);font-weight:600;color:var(--primary);flex:1;text-align:center;margin:0 12px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.nav-sidebar{position:fixed;left:-300px;top:0;bottom:0;width:300px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);transition:left var(--transition-normal);z-index:1000;overflow-y:auto;display:flex;flex-direction:column;border-right:1px solid var(--border)}.nav-sidebar.open{left:0}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:none;transition:var(--transition-normal)}.nav-overlay.show{display:block}.nav-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.nav-close{background:var(--bg-hover);border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.nav-close:hover{background:var(--accent-red-light);color:var(--accent-red)}.nav-items{padding:12px 0}.nav-item{padding:14px 24px;border:none;background:none;width:100%;text-align:left;font-size:15px;font-weight:500;cursor:pointer;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast);border-radius:0;margin:2px 0}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--primary);color:#fff}.nav-item-count{background:#0000000f;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.nav-item.active .nav-item-count{background:#ffffff40;color:#fff}.tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px;padding:12px 0}@media (min-width: 768px){.tabs{gap:12px;margin-bottom:24px}}.tabs-left{display:flex;gap:12px;flex-wrap:wrap}.tabs-user-section{display:none!important}@media (min-width: 768px){.tabs-user-section{display:flex!important;gap:12px;align-items:center}}.tab{padding:10px 20px;height:44px;display:inline-flex;align-items:center;background:var(--bg-card-solid);border:1px solid rgba(79,107,246,.08);border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition-fast);box-shadow:var(--shadow-sm);color:var(--text-secondary)}@media (min-width: 768px){.tab{padding:12px 24px;font-size:14px}}.tab:hover{background:var(--primary-bg);border-color:#4f6bf626;color:var(--primary);transform:translateY(-1px)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-glow)}.filters-mobile{display:flex!important}.filters-desktop{display:none!important}.filters-dropdown{display:block!important}@media (min-width: 768px){.filters-mobile{display:none!important}.filters-desktop{display:grid!important;grid-template-columns:minmax(200px,1fr) auto auto auto auto auto auto;gap:10px;align-items:center}.filters-dropdown{display:none!important}}.filters{background:var(--bg-card-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;border-radius:var(--radius-xl);margin-bottom:16px;box-shadow:var(--shadow-md);border:1px solid rgba(79,107,246,.06)}@media (min-width: 768px){.filters{padding:20px;margin-bottom:24px}}.filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.filter-group{flex:1;min-width:140px}@media (min-width: 640px){.filter-group{min-width:180px}}.filter-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.filter-label{font-size:12px}}.filter-input,.filter-select{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-primary);transition:var(--transition-fast)}@media (min-width: 768px){.filter-input,.filter-select{padding:12px 16px}}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.clear-filters{padding:10px 16px;background:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:var(--transition-fast)}@media (min-width: 768px){.clear-filters{padding:12px 20px}}.clear-filters:hover{background:var(--text-primary)}.toggle-group{padding:10px 16px;background:var(--bg-card-solid);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:var(--transition-fast)}@media (min-width: 768px){.toggle-group{padding:12px 20px}}.toggle-group:hover{background:var(--primary-bg)}.toggle-group.active{background:var(--primary);color:#fff}.card{background:var(--bg-card-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:16px;border:1px solid rgba(79,107,246,.06)}@media (min-width: 768px){.card{padding:28px;margin-bottom:24px}}.card h2{font-size:18px;margin-bottom:16px;font-weight:700;color:var(--text-primary)}@media (min-width: 768px){.card h2{font-size:22px}}.orders-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.orders-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1024px){.orders-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.orders-grid{grid-template-columns:repeat(4,1fr)}}.order-card{background:var(--bg-card-solid);border:1px solid rgba(79,107,246,.08);border-radius:var(--radius-xl);padding:18px;cursor:pointer;transition:var(--transition-normal);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}@media (min-width: 768px){.order-card{padding:22px}}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-light),var(--accent-purple));opacity:0;transition:var(--transition-fast)}.order-card:hover{border-color:#4f6bf626;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.order-card:hover:before{opacity:1}.order-card.reserved{border-color:var(--accent-green);background:linear-gradient(180deg,rgba(16,185,129,.05) 0%,var(--bg-card) 100%)}.order-card.reserved:before{background:var(--accent-green)}.order-card>*:last-child{margin-top:auto}.order-card.selected{border-color:var(--primary)!important;background:linear-gradient(180deg,var(--primary-bg) 0%,var(--bg-card) 100%)!important;box-shadow:var(--shadow-glow)!important}.order-card.selected:before{background:var(--primary)!important}.order-card.priority-high{border-left:4px solid var(--accent-red)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.order-number{font-size:15px;font-weight:700;color:var(--text-primary);word-break:break-all;letter-spacing:-.3px}@media (min-width: 768px){.order-number{font-size:16px}}.priority-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}@media (min-width: 768px){.priority-badge{padding:5px 12px;font-size:11px}}.priority-high{background:var(--accent-red-light);color:var(--accent-red)}.priority-medium{background:var(--accent-orange-light);color:var(--accent-orange)}.priority-low{background:#6b72801a;color:var(--text-secondary)}.order-customer{font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.order-date{font-size:12px;color:var(--text-muted);margin-bottom:12px}.order-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.courier-badge,.cod-badge{font-size:11px;padding:5px 12px;border-radius:var(--radius-full);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block}@media (min-width: 768px){.courier-badge,.cod-badge{font-size:12px;padding:6px 14px}}.courier-badge{background:var(--primary-bg);color:var(--primary)}.cod-badge{background:var(--accent-orange-light);color:var(--accent-orange)}.packed-badge{padding:5px 12px;background:var(--accent-green-light);color:var(--accent-green);border-radius:var(--radius-full);font-size:12px;font-weight:600}@media (min-width: 768px){.packed-badge{font-size:13px}}.order-packer{font-size:12px;color:var(--text-secondary);margin-top:8px;padding:6px 0;font-weight:500}@media (min-width: 768px){.order-packer{font-size:13px}}.order-packed-time{font-size:12px;color:var(--text-muted);margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}@media (min-width: 768px){.order-packed-time{font-size:13px}}.order-items{font-size:12px;color:var(--text-muted);margin-top:12px}.button{padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-fast);width:100%;max-width:200px;box-shadow:0 4px 14px #4f6bf640}.order-card .button,.order-card-content .button{max-width:none}@media (min-width: 768px){.button{padding:14px 24px;font-size:14px}}.button:hover{background:var(--primary-dark);box-shadow:0 6px 20px #4f6bf659;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.secondary{background:var(--text-secondary)}.button.secondary:hover{background:var(--text-primary)}.button.danger{background:var(--accent-red)}.button.danger:hover{background:#dc2626}.button.success{background:var(--accent-green)}.button.success:hover{background:#059669}.scanner-container{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}@media (min-width: 768px){.scanner-container{padding:24px;margin-bottom:24px;border-radius:var(--radius-xl)}}.scanner-container h2{font-size:18px;margin-bottom:12px;font-weight:700}@media (min-width: 768px){.scanner-container h2{font-size:22px}}.scanner-container p{font-size:14px;margin-bottom:16px;color:var(--text-secondary)}.scanner-reader{max-width:100%;border-radius:var(--radius-md);overflow:hidden}.scan-input{padding:14px 18px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;margin-bottom:12px;background:var(--bg-card-solid);transition:var(--transition-fast)}@media (min-width: 768px){.scan-input{font-size:16px;padding:16px 20px}}.scan-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.product-list{margin-top:16px}.product-item{display:flex;gap:14px;align-items:center;padding:14px;background:var(--bg-card-solid);border-radius:var(--radius-md);margin-bottom:10px;border:1px solid var(--border);transition:var(--transition-fast)}@media (min-width: 768px){.product-item{padding:16px;gap:16px}}.product-item.complete{background:linear-gradient(135deg,var(--accent-green-light) 0%,var(--bg-card-solid) 100%);border-color:var(--accent-green)}.product-item.partial{background:linear-gradient(135deg,var(--accent-orange-light) 0%,var(--bg-card-solid) 100%);border-color:var(--accent-orange)}.product-thumbnail{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:#fff;border:1px solid var(--border);flex-shrink:0}@media (min-width: 768px){.product-thumbnail{width:80px;height:80px}}.product-info{flex:1;min-width:0}.product-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}@media (min-width: 768px){.product-name{font-size:15px}}.product-codes{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap}.product-code{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;background:var(--bg-card);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}@media (min-width: 768px){.product-code{font-size:12px}}.product-location{font-size:13px;color:var(--text-secondary);font-weight:600}.product-weight{font-size:12px;color:var(--text-muted)}.product-quantity{font-size:18px;font-weight:700;color:var(--primary);text-align:right;flex-shrink:0}.ean-main{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:600}.ean-alt{background:#6b72801a!important;color:var(--text-secondary)!important;font-style:italic}.bom-set-header{border-left:4px solid var(--accent-purple);font-weight:700}.bom-component{padding-left:28px!important;border-left:4px solid transparent;margin-left:12px;font-size:13px}.product-item.selected{border-color:var(--primary)!important;background:var(--primary-bg)!important;box-shadow:0 0 0 2px #4f6bf633}.ean-assign-modal .product-item{cursor:pointer;transition:var(--transition-fast)}.ean-assign-modal .product-item:hover{background:var(--bg-hover);border-color:var(--primary-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--bg-card-solid);border-radius:var(--radius-xl);padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border)}@media (min-width: 768px){.modal{padding:32px}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.modal-header h2{font-size:20px;color:var(--text-primary);flex:1;font-weight:700}@media (min-width: 768px){.modal-header h2{font-size:24px}}.close-button{background:var(--bg-hover);border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;transition:var(--transition-fast)}.close-button:hover{background:var(--accent-red-light);color:var(--accent-red)}.order-navigation{display:flex;align-items:center;gap:8px;background:var(--bg-card);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border)}.nav-arrow{background:var(--primary);color:#fff;border:none;font-size:14px;cursor:pointer;padding:8px 14px;border-radius:var(--radius-sm);transition:var(--transition-fast);min-width:40px}.nav-arrow:hover:not(:disabled){background:var(--primary-dark)}.nav-arrow:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.nav-counter{font-size:13px;font-weight:700;color:var(--text-primary);min-width:60px;text-align:center}@media (min-width: 768px){.nav-counter{font-size:14px}}.order-products-preview{margin:16px 0;padding:0}.order-product-item{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}.order-product-item:last-child{border-bottom:none}.order-product-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-card);border:1px solid var(--border);flex-shrink:0}@media (min-width: 768px){.order-product-thumb{width:56px;height:56px}}.order-product-details{flex:1;min-width:0}.order-product-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}@media (min-width: 768px){.order-product-name{font-size:15px}}.order-product-codes{display:flex;gap:8px;flex-wrap:wrap}.order-product-codes span{font-size:12px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;font-weight:500}@media (min-width: 768px){.order-product-codes span{font-size:13px}}.order-product-qty{font-size:13px;font-weight:700;color:#fff;flex-shrink:0;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--primary);border-radius:var(--radius-sm)}.order-product-qty.qty-multi{background:var(--accent-purple)}@media (min-width: 768px){.order-product-qty{font-size:14px;min-width:36px;height:36px}}.order-products-more{text-align:center;padding:10px;color:var(--text-secondary);font-size:13px;font-weight:500;background:var(--bg-card);border-radius:var(--radius-sm);margin-top:10px}.order-group-card{background:linear-gradient(180deg,var(--accent-green-light) 0%,var(--bg-card) 100%)}.order-group-card:hover{border-color:var(--primary)}.group-orders-list{margin:16px 0;padding:12px;background:var(--bg-card-solid);border-radius:var(--radius-md);border:1px solid var(--border)}.group-order-item{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:13px}@media (min-width: 768px){.group-order-item{font-size:14px}}.group-order-item:last-child{border-bottom:none}.group-order-number{font-weight:700;color:var(--primary);min-width:100px;font-family:SF Mono,Monaco,monospace;font-size:12px}@media (min-width: 768px){.group-order-number{min-width:120px;font-size:13px}}.group-order-date{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-order-qty{font-weight:700;color:var(--accent-green);min-width:40px;text-align:right}.group-orders-more{text-align:center;padding:8px;color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:8px;background:var(--bg-card);border-radius:var(--radius-sm)}.group-list{display:grid;gap:12px}.group-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);background:var(--bg-card)}@media (min-width: 768px){.group-card{padding:20px}}.group-card:hover{border-color:var(--primary);background:var(--bg-card-solid);box-shadow:var(--shadow-md)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-name{font-size:15px;font-weight:700;color:var(--text-primary)}@media (min-width: 768px){.group-name{font-size:17px}}.group-count{font-size:13px;color:var(--text-secondary);background:var(--bg-card);padding:4px 12px;border-radius:var(--radius-full);font-weight:600;border:1px solid var(--border)}@media (min-width: 768px){.group-count{font-size:14px}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}@media (min-width: 768px){.form-label{font-size:14px}}.form-input{width:100%;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:15px;font-weight:500}.error{background:var(--accent-red-light);color:var(--accent-red);padding:14px 18px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;font-weight:500;border:1px solid rgba(239,68,68,.2)}@media (min-width: 768px){.error{padding:16px 20px}}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state h3{margin-bottom:12px;color:var(--text-secondary);font-size:18px;font-weight:700}@media (min-width: 768px){.empty-state h3{font-size:20px}}.empty-state p{font-size:14px}@media (min-width: 768px){.empty-state p{font-size:15px}}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border)}.orders-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--bg-card-solid)}@media (min-width: 768px){.orders-table{font-size:14px}}.orders-table thead{background:var(--bg-card);border-bottom:1px solid var(--border)}.orders-table th{padding:14px 12px;text-align:left;font-weight:700;color:var(--text-secondary);white-space:nowrap;position:sticky;top:0;background:var(--bg-card);z-index:10;font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.orders-table th{padding:16px}}.orders-table tbody tr{border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.orders-table tbody tr:hover{background:var(--bg-hover)}.orders-table td{padding:12px;vertical-align:top}@media (min-width: 768px){.orders-table td{padding:16px}}.td-order-number{font-family:SF Mono,Monaco,monospace;font-weight:700;color:var(--primary);min-width:110px}.td-customer{min-width:130px;font-weight:600}.td-image{text-align:center;vertical-align:middle;padding:8px!important;width:60px}.td-products{min-width:200px}.table-row.group-first{border-top:3px solid var(--primary);background:var(--primary-bg)}.table-row.group-member{background:#4f6bf605}.table-row.group-first:hover,.table-row.group-member:hover{background:var(--primary-bg)!important}.table-product-row{display:flex;align-items:center;gap:8px;padding:4px 0}.table-product-img{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);flex-shrink:0}@media (min-width: 768px){.table-product-img{width:44px;height:44px}}.table-product-name{font-size:13px;line-height:1.4;font-weight:500}@media (min-width: 768px){.table-product-name{font-size:14px}}.td-sku{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--text-secondary);min-width:90px}@media (min-width: 768px){.td-sku{font-size:13px}}.table-sku-row,.table-location-row,.table-qty-row{padding:4px 0;line-height:1.8}.td-location{font-size:12px;color:var(--text-primary);min-width:110px;font-weight:500}@media (min-width: 768px){.td-location{font-size:13px}}.td-qty{font-weight:700;color:var(--accent-green);min-width:50px}.td-courier,.td-cod{text-align:center;min-width:80px}.td-date{text-align:center;min-width:100px;font-size:12px;font-weight:600;color:var(--text-secondary)}.td-ean{font-size:11px;color:var(--text-muted);min-width:110px}.table-ean-row{padding:2px 0;font-family:SF Mono,Monaco,monospace}.courier-badge-small,.cod-badge-small{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}@media (min-width: 768px){.courier-badge-small,.cod-badge-small{font-size:12px;padding:5px 12px}}.courier-badge-small{background:var(--primary-bg);color:var(--primary)}.cod-badge-small{background:var(--accent-orange-light);color:var(--accent-orange)}.td-action{text-align:center;min-width:100px}.button-small{padding:8px 14px!important;font-size:12px!important;width:auto!important;margin:0!important}@media (min-width: 768px){.button-small{padding:10px 16px!important;font-size:13px!important}}.warning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.warning-modal{background:var(--bg-card-solid);border-radius:var(--radius-xl);padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:2px solid var(--accent-orange);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 768px){.warning-modal{padding:32px}}.warning-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.warning-icon{font-size:40px;line-height:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.warning-modal-header h2{font-size:20px;color:var(--accent-orange);margin:0;flex:1;font-weight:700}@media (min-width: 768px){.warning-modal-header h2{font-size:22px}}.warning-modal-content{margin-bottom:24px}.warning-message{font-size:15px;font-weight:600;color:var(--accent-orange);margin-bottom:20px;padding:14px 18px;background:var(--accent-orange-light);border-radius:var(--radius-md);border-left:4px solid var(--accent-orange)}@media (min-width: 768px){.warning-message{font-size:16px}}.warning-product,.warning-time{font-size:14px;margin-bottom:12px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}@media (min-width: 768px){.warning-product,.warning-time{font-size:15px}}.warning-product strong,.warning-time strong{color:var(--text-primary);margin-right:8px}.warning-info{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:20px;padding:14px 18px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}@media (min-width: 768px){.warning-info{font-size:14px}}.warning-modal-actions{display:flex;gap:12px;flex-direction:column}@media (min-width: 640px){.warning-modal-actions{flex-direction:row}}.warning-modal-actions .button{margin:0;flex:1}.warning-modal-actions .button.danger{background:var(--accent-orange);font-weight:700;box-shadow:0 4px 14px #f59e0b40}.warning-modal-actions .button.danger:hover{background:#d97706;box-shadow:0 6px 20px #f59e0b59}.packing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;overflow-y:auto}.packing-modal{background:var(--bg-card-solid);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.packing-modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.packing-modal-header h2{margin:0;font-size:20px;color:var(--text-primary);font-weight:700}@media (min-width: 768px){.packing-modal-header h2{font-size:24px}}.packing-modal-close{background:var(--bg-hover);border:none;font-size:28px;cursor:pointer;color:var(--text-secondary);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border-radius:var(--radius-sm)}.packing-modal-close:hover{background:var(--accent-red-light);color:var(--accent-red)}.packing-modal-content{padding:24px;overflow-y:auto;flex:1}.packing-section{margin-bottom:28px}.packing-section h3{font-size:16px;margin-bottom:16px;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:10px;font-weight:700}.packing-products-list{display:flex;flex-direction:column;gap:10px}.packing-product-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-fast)}.packing-product-item.complete{background:linear-gradient(135deg,var(--accent-green-light) 0%,var(--bg-card) 100%);border-color:var(--accent-green)}.packing-product-thumb{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;background:#fff;border:1px solid var(--border);flex-shrink:0}.packing-product-details{flex:1;min-width:0}.packing-product-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.packing-product-codes{display:flex;gap:8px;flex-wrap:wrap}.packing-product-codes span{font-size:12px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;background:var(--bg-card-solid);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.packing-product-progress{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.packing-product-progress span.complete{color:var(--accent-green)}.packing-product-progress .check-icon{color:var(--accent-green);font-size:26px}.scan-mode-btn{flex:1;padding:12px 18px;border:1px solid var(--border);background:var(--bg-card-solid);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-fast)}.scan-mode-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.scan-mode-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.packing-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--bg-card-solid);transition:var(--transition-fast)}.packing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.packing-modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-card);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.user-badge{padding:0 16px;height:40px;display:flex;align-items:center;white-space:nowrap;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);border:none;letter-spacing:-.2px}.button-icon{padding:0;height:40px;width:40px;min-width:40px;display:flex;align-items:center;justify-content:center;font-size:16px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-muted)}.button-icon:hover{background:var(--primary-bg);color:var(--primary)}.filter-toolbar-input{width:100%;padding:0 18px;font-size:14px;height:48px;border:none;border-radius:var(--radius-lg);background:var(--bg-card-solid);color:var(--text-primary);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.filter-toolbar-input:focus{outline:none;box-shadow:var(--shadow-md),0 0 0 2px var(--primary-bg)}.filter-toolbar-select{padding:0 32px 0 14px;font-size:13px;min-width:130px;height:40px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-toolbar-select:hover{border-color:#4f6bf64d;color:var(--primary)}.filter-toolbar-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.filter-toolbar-btn{padding:0 16px;font-size:13px;height:40px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.filter-toolbar-btn:hover{border-color:#4f6bf64d;background:var(--bg-card-solid);color:var(--primary)}.filter-toolbar-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #4f6bf640}.print-btn-toolbar{border-color:var(--accent-orange)!important;color:var(--accent-orange)!important;background:var(--bg-card-solid)!important}.print-btn-toolbar:hover{background:var(--accent-orange)!important;color:#fff!important}.print-btn-toolbar.pulse{animation:pulse-print 2s ease-in-out infinite}.print-btn{padding:0 16px;font-size:13px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;background:var(--accent-orange);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.print-btn:hover{background:#e68900;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.print-btn.pulse{animation:pulse-print 2s ease-in-out infinite}.filter-toggle-btn{padding:0 14px;font-size:13px;height:38px;white-space:nowrap;border:none;border-radius:var(--radius-full);background:#0000000a;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.filter-toggle-btn.active{background:var(--primary);color:#fff}.filter-dropdown-panel{background:var(--bg-card-solid);border:none;border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;box-shadow:var(--shadow-md)}.filter-dropdown-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-dropdown-select{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-primary)}.filter-dropdown-row{display:flex;gap:8px;margin-bottom:12px}.filter-dropdown-btn{flex:1;padding:10px;font-size:13px;border:none;border-radius:var(--radius-full);cursor:pointer;background:#0000000a;color:var(--text-secondary);font-weight:600;transition:var(--transition-fast)}.filter-dropdown-btn.active{background:var(--primary);color:#fff}.filter-dropdown-clear{width:100%;padding:10px;font-size:13px;border:none;border-radius:var(--radius-full);background:#0000000a;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.filter-dropdown-clear:hover{color:var(--primary);background:var(--primary-bg)}.priority-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;background:transparent;border-radius:var(--radius-lg);border:none;transition:var(--transition-fast)}.priority-filters.has-filters{background:var(--accent-purple-light);border:1px solid rgba(139,92,246,.15)}.priority-label{font-size:13px;color:var(--accent-purple);font-weight:700;margin-right:4px}.priority-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--accent-purple);transition:var(--transition-fast)}.priority-tag:hover{background:#8b5cf626;border-color:#8b5cf64d}.priority-tag-amount{font-size:11px;opacity:.7}.priority-tag-remove{background:none;border:none;cursor:pointer;padding:0 2px;font-size:14px;color:var(--accent-purple);line-height:1;opacity:.6;transition:var(--transition-fast)}.priority-tag-remove:hover{opacity:1;color:var(--accent-red)}.priority-form{display:flex;align-items:center;gap:6px}.priority-form-input{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-primary);transition:var(--transition-fast)}.priority-form-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-light)}.priority-form-input.fraza{width:140px}.priority-form-input.kwota{width:80px}.priority-form-submit{padding:6px 14px;font-size:13px;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.priority-form-submit:hover{background:#7c3aed;box-shadow:0 2px 8px #8b5cf64d}.priority-form-cancel{padding:6px 12px;font-size:13px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary)}.priority-form-cancel:hover{background:var(--bg-hover);border-color:#4f6bf633}.priority-add-btn{padding:6px 16px;font-size:13px;background:#8b5cf60f;border:1px dashed rgba(139,92,246,.3);border-radius:var(--radius-full);cursor:pointer;color:var(--accent-purple);font-weight:600;transition:var(--transition-fast)}.priority-add-btn:hover{background:var(--accent-purple-light);border-color:var(--accent-purple)}.order-date-badge{font-size:11px;padding:4px 10px;background:var(--primary-bg);border-radius:var(--radius-full);color:var(--primary);font-weight:600;white-space:nowrap}.scan-input-waiting{padding:14px 16px;font-size:15px;color:var(--text-muted);background:var(--primary-bg);border:2px dashed rgba(79,107,246,.15);border-radius:var(--radius-lg);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.reservations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reservations-header h2{margin:0}.reservations-print-btn{padding:0 20px;height:40px;font-size:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.reservations-print-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-1px)}@media print{body{background:#fff}.header,.tabs,.mobile-nav,.button,.filters{display:none}.card{box-shadow:none;border:1px solid #ddd}.orders-table{font-size:11px}.orders-table th,.orders-table td{padding:8px 6px}}@keyframes slideDown{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes pulse-print{0%,to{box-shadow:0 0 #4f6bf680;transform:scale(1)}50%{box-shadow:0 0 0 10px #4f6bf600;transform:scale(1.02)}}.button-print-list:hover{background:var(--primary-dark)!important;transform:scale(1.05)}.settings-modal{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.settings-modal h2{margin-bottom:24px;color:var(--text-primary);font-size:24px;font-weight:700}.qz-status{background:var(--accent-green-light);border:1px solid var(--accent-green);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.qz-status p{margin:6px 0;color:var(--accent-green);font-weight:500}.qz-status .small{font-size:13px;color:var(--text-secondary)}.error-box{background:var(--accent-red-light);border:1px solid var(--accent-red);border-radius:var(--radius-md);padding:18px;margin:24px 0;color:var(--accent-red)}.qz-help{background:var(--accent-orange-light);border:1px solid var(--accent-orange);border-radius:var(--radius-md);padding:18px;margin:24px 0}.qz-help h3{margin-top:0;margin-bottom:14px;color:var(--accent-orange);font-weight:700}.qz-help ol{margin:14px 0;padding-left:24px}.qz-help li{margin:10px 0;color:#92400e}.qz-help a{color:var(--primary);text-decoration:underline}.loading-box{text-align:center;padding:50px 24px}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:44px;height:44px;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--bg-card-solid);transition:var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.btn-test{margin-top:12px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-fast)}.btn-test:hover:not(:disabled){background:var(--primary-dark)}.btn-test:disabled{background:var(--text-muted);cursor:not-allowed}.settings-hints{background:var(--primary-bg);border:1px solid rgba(79,107,246,.2);border-radius:var(--radius-md);padding:14px 18px;margin:24px 0}.settings-hints .small{margin:0;color:var(--primary);font-size:13px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.btn-primary{padding:14px 28px;background:var(--accent-green);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-fast)}.btn-primary:hover{background:#059669}.btn-secondary{padding:14px 28px;background:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-fast)}.btn-secondary:hover{background:var(--text-primary)}@media (max-width: 768px){.settings-modal{width:95%;max-height:95vh}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{margin-bottom:0}.view-toggle{display:flex;gap:4px;background:#0000000a;border-radius:var(--radius-full);padding:3px}.view-toggle-btn{width:36px;height:36px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);padding:0}.view-toggle-btn:hover{color:var(--text-secondary);background:#0000000a}.view-toggle-btn.active{background:var(--bg-card-solid);color:var(--primary);box-shadow:var(--shadow-sm)}.view-toggle-btn svg{width:18px;height:18px}.table-group-row{background:var(--primary-bg)}.table-group-row:hover{background:#4f6bf61a!important}.table-group-row td{vertical-align:middle}.table-group-info{display:flex;flex-direction:column;gap:2px}.table-group-title{font-weight:700;color:var(--primary);font-size:13px}.table-group-subtitle{font-size:12px;color:var(--text-secondary)}.table-group-orders{font-size:12px;color:var(--text-muted);font-family:SF Mono,Monaco,monospace}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.login-box h1{text-align:center;color:var(--primary);margin-bottom:32px;font-size:28px;font-weight:700}.login-box .form-group{margin-bottom:24px}.login-box .button{width:100%;max-width:none;padding:16px;font-size:16px;margin-top:8px}.overdue-alert{background:#f443360d;border:1px solid rgba(244,67,54,.2);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overdue-alert-header{padding:10px 16px;font-weight:600;font-size:13px;color:#d32f2f;border-bottom:1px solid rgba(244,67,54,.1)}.overdue-alert-list{max-height:120px;overflow-y:auto;padding:4px 0}.overdue-alert-list::-webkit-scrollbar{width:4px}.overdue-alert-list::-webkit-scrollbar-track{background:transparent}.overdue-alert-list::-webkit-scrollbar-thumb{background:#f4433640;border-radius:4px}.overdue-alert-item{display:flex;align-items:center;gap:12px;padding:6px 16px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.03)}.overdue-alert-item:last-child{border-bottom:none}.overdue-alert-item.overdue-mine{background:#f443360f}.overdue-user{font-weight:500;color:var(--text-primary);min-width:90px}.overdue-mine .overdue-user{color:#d32f2f;font-weight:600}.overdue-order{color:var(--text-secondary);flex:1}.overdue-time{font-weight:700;color:#d32f2f;min-width:50px;text-align:right}.gabaryty-stats-bar{display:flex;gap:24px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.gabaryty-carryover{border-left:4px solid var(--accent-orange);background:#f59e0b0a}.gabaryty-table-wrapper{overflow-x:auto}.gabaryty-table{width:100%;border-collapse:collapse;font-size:13px}.gabaryty-table th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--border);font-weight:600;font-size:12px;color:var(--text-secondary);white-space:nowrap}.gabaryty-table td{padding:8px 6px;border-bottom:1px solid var(--border-light);vertical-align:middle}.gabaryty-table tbody tr:hover{background:var(--bg-hover)}.gabaryty-table tbody tr.gabaryty-scanned{background:#10b98114}.gabaryty-table tbody tr.gabaryty-scanned:hover{background:#10b98124}.gabaryty-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-orange-light);color:var(--accent-orange);font-size:11px;font-weight:600}.gabaryty-scan-btn{padding:12px 24px;font-size:16px;font-weight:600}@media (max-width: 768px){.gabaryty-table thead{display:none}.gabaryty-table tbody tr{display:block;padding:12px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius-sm)}.gabaryty-table tbody tr.gabaryty-scanned{border-left:4px solid var(--accent-green)}.gabaryty-table td{display:block;padding:2px 0;border:none}.gabaryty-table td:before{font-weight:600;color:var(--text-secondary);font-size:11px;margin-right:4px}.gabaryty-table td:nth-child(1){position:absolute;right:12px;top:12px}.gabaryty-table tbody tr{position:relative}}
