.image-capture-buttons{display:flex;gap:10px;justify-content:flex-start;align-items:center;margin-left:20px;margin-bottom:15px}.button-like,.camera-button,.camera-container button,.image-preview .delete-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;flex:0 0 48px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background-color:#909297;border:none!important;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.button-like svg,.camera-button svg,.camera-container button svg,.image-preview .delete-button svg{width:24px!important;height:24px!important;flex:none!important}.button-like:hover,.camera-button:hover,.image-preview .delete-button:hover{background-color:#7a7c82;transform:scale(1.05)}.error-message{color:#c0392b;background-color:#ffebee;padding:10px;border-radius:4px;margin-bottom:10px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-preview{position:relative;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease-in-out}.image-preview:hover{transform:translateY(-2px)}.image-preview img{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:0}.image-preview .delete-button{position:absolute;top:-10px;right:-10px;background-color:#ef4444;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;box-shadow:0 2px 4px #0003}.image-preview .delete-button svg{width:16px!important;height:16px!important}.image-preview .delete-button:hover{background-color:#dc2626}.delivery-tracker{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto}.scanner-container{display:flex;flex-direction:column;margin-bottom:20px}.camera-container{position:relative;width:100%;max-width:400px;height:300px;margin:0 auto 20px;overflow:hidden;border-radius:8px;border:2px solid #4CAF50;background-color:#f9f9f9}#scanner-container{width:100%;height:100%;position:relative}#scanner-container:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#ff000080;animation:scanLine 2s linear infinite;z-index:10}@keyframes scanLine{0%{top:20%}50%{top:80%}to{top:20%}}#scanner-container video{width:100%;height:100%;object-fit:cover;border-radius:8px}.scanner-active-indicator{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:50%;background-color:#4caf50;box-shadow:0 0 #4caf5066;animation:pulse 2s infinite;z-index:20}@keyframes pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.camera-error-message{width:100%;max-width:400px;height:150px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid #f44336;background-color:#f443361a;text-align:center;padding:20px}.camera-error-message p{color:#f44336;font-weight:700;margin:0}.scanner-options{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.scanner-options select{padding:8px;border-radius:4px;border:1px solid #ddd;background-color:#fff;flex-grow:1}.tracking-input{display:flex;flex-direction:column;gap:15px;margin-top:15px;width:100%}.tracking-input input{width:100%;padding:15px;font-size:18px;border:2px solid #ddd;border-radius:8px}.tracking-input button{padding:15px 20px;font-size:18px;font-weight:700;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:10px;height:60px}.tracking-input button:disabled{background-color:#ccc;cursor:not-allowed}.image-capture-section{margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.image-capture-section h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#333}.image-indicator{color:#666;font-size:14px;margin-left:8px}.stats-container{display:flex;gap:20px;margin:20px 0}.stat-box{flex:1;padding:15px;border-radius:8px;background-color:#f5f5f5;text-align:center}.stat-box h3{margin:0 0 10px;font-size:16px;color:#555}.stat-box p{margin:0;font-size:24px;font-weight:700}.scan-results{margin-top:20px}.scan-results h2{margin-bottom:10px;font-size:18px}.result-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px}.result-item{padding:10px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.result-item:last-child{border-bottom:none}.result-item.success{background-color:#4caf501a}.result-item.error{background-color:#f443361a}.result-tracking{font-weight:700}.result-message{font-size:14px;color:#666;max-width:60%}.result-time{font-size:12px;color:#999}.batch-controls{display:flex;flex-direction:column;margin-bottom:20px;padding:15px;background-color:#f0f0f0;border-radius:8px}@media (min-width: 600px){.batch-controls{flex-direction:row;justify-content:space-between;align-items:center}}.batch-info{display:flex;flex-direction:column}.batch-info h3{margin:0 0 5px;font-size:16px}.batch-info p{margin:0;font-size:14px;color:#666}.button-group{display:flex;gap:10px;margin-top:15px;width:100%}.primary-button{padding:15px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;min-height:50px;width:100%}.secondary-button{padding:15px 20px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;min-height:50px;width:100%}.loading-indicator{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-indicator p{color:#fff;font-weight:700;margin-top:15px;text-align:center;max-width:80%}.status-indicator{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.status-success{background-color:#4caf50;color:#fff}.status-error{background-color:#f44336;color:#fff}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2196f3;animation:spin 1s ease-in-out infinite}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;font-weight:700;box-shadow:0 4px 8px #0000001a;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;animation:fadeInOut 3s ease-in-out forwards}.notification.success{background-color:#4caf50;color:#fff}.notification.error{background-color:#f44336;color:#fff}.notification.info{background-color:#2196f3;color:#fff}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.records-viewer{max-width:1200px;margin:0 auto;padding:20px}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.records-header h2{margin:0;color:#333}.refresh-button,.retry-button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.refresh-button:hover,.retry-button:hover{background-color:#e0e0e0}.loading{text-align:center;padding:40px;color:#666}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:20px;text-align:center;color:#c00}.retry-button{margin-top:10px;background-color:#fff;color:#c00;border-color:#c00}.no-records{text-align:center;padding:60px 20px;color:#666}.records-list{display:grid;gap:20px}.record-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.record-card:hover{box-shadow:0 4px 8px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.record-date{color:#666;font-size:14px}.record-sku,.record-rma{font-weight:600;color:#333;font-size:16px}.record-content{color:#444}.serial-numbers{margin-bottom:15px}.serial-numbers ul{margin:5px 0 0 20px;padding:0}.serial-numbers li{list-style:disc;margin:3px 0}.record-details p{margin:5px 0}.record-details strong{color:#333}.record-images{margin-top:15px}.image-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.image-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s;border:1px solid #ddd}.image-thumbnail:hover{transform:scale(1.05);border-color:#2563eb}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .2s ease-in-out}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;cursor:default}.image-preview-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.close-preview{position:absolute;top:-40px;right:0;background:white;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-preview:hover{background-color:#f0f0f0}@media (max-width: 768px){.records-viewer{padding:10px}.records-header h2{font-size:20px}.record-card{padding:15px}.record-header{flex-direction:column;align-items:flex-start;gap:5px}.image-thumbnails{gap:5px}.image-thumbnail{width:60px;height:60px}}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px 20px;border-radius:4px;margin:10px 0;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 20px;border-radius:4px;margin:10px 0;text-align:center}.save-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;margin-left:10px;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#218838}.save-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.65}.dimensions-group{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:4px}.dimensions-group h3{margin:0 0 15px;font-size:16px;color:#495057}.dimensions-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 576px){.dimensions-inputs{grid-template-columns:1fr}}:root{--primary: #C0392B;--primary-hover: #943126;--primary-light: #F2D7D5;--secondary: #3498DB;--secondary-hover: #2980B9;--success: #2ECC71;--warning: #F39C12;--error: #E74C3C;--gray-100: #F8F9FA;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #6C757D;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--white: #FFFFFF;--black: #000000;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 4px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-800);background-color:var(--gray-100);padding:var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--primary-hover);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md);background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) ease}@media (max-width: 768px){body{padding:var(--spacing-md)}.container{padding:var(--spacing-sm)}h1{font-size:var(--font-size-2xl)}}.tabs-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.tab-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--gray-200);color:var(--gray-700);border:none;border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;flex:1;min-width:100px;box-shadow:var(--shadow-sm)}.tab-button:hover{background-color:var(--gray-300);transform:translateY(-2px)}.tab-button.active{background-color:var(--primary);color:var(--white)}.tab-button.active:hover{background-color:var(--primary-hover)}.tab-button svg{margin-right:var(--spacing-sm);width:20px;height:20px}.form-container{max-width:800px;margin:0 auto}.form-group{display:flex;margin-bottom:var(--spacing-lg);align-items:flex-start}.form-group label{width:180px;font-weight:var(--font-weight-semibold);padding-right:var(--spacing-md);text-align:right;padding-top:var(--spacing-sm);color:var(--gray-700)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{padding:var(--spacing-md);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background-color:var(--white)}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--gray-500)}.radio-group,.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-xs)}.radio-option,.checkbox-option{display:flex;align-items:center;cursor:pointer}.radio-option input,.checkbox-option input{margin-right:var(--spacing-sm);cursor:pointer}.radio-option label,.checkbox-option label{font-weight:var(--font-weight-normal);cursor:pointer;width:auto;text-align:left;padding:0;color:var(--gray-800)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) ease;text-align:center;min-width:150px}.button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button.secondary{background-color:var(--secondary)}.button.secondary:hover{background-color:var(--secondary-hover)}.button.success{background-color:var(--success)}.button.warning{background-color:var(--warning)}.button.error{background-color:var(--error)}.button.outline{background-color:transparent;border:var(--border-width-thin) solid var(--primary);color:var(--primary)}.button.outline:hover{background-color:var(--primary-light)}.button svg{margin-right:var(--spacing-sm)}.button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.qr-code-preview{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--border-radius-lg);background-color:var(--white);box-shadow:var(--shadow-sm);margin-top:var(--spacing-lg);min-height:200px}.qr-code-preview h3{margin-bottom:var(--spacing-md);color:var(--gray-800)}.qr-code-image{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.qr-code-data{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-md);font-family:monospace;font-size:var(--font-size-sm);max-width:100%;overflow-wrap:break-word;word-break:break-all}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center}.alert svg{margin-right:var(--spacing-sm);flex-shrink:0}.alert.success{background-color:#2ecc7126;border-left:var(--border-width-thick) solid var(--success);color:var(--success)}.alert.warning{background-color:#f39c1226;border-left:var(--border-width-thick) solid var(--warning);color:var(--warning)}.alert.error{background-color:#e74c3c26;border-left:var(--border-width-thick) solid var(--error);color:var(--error)}.alert.info{background-color:#3498db26;border-left:var(--border-width-thick) solid var(--secondary);color:var(--secondary)}.spinner{width:30px;height:30px;border:3px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.form-group{flex-direction:column}.form-group label{width:100%;text-align:left;margin-bottom:var(--spacing-xs);padding-top:0}.input-container{width:100%}.button-group{flex-direction:column}.button{width:100%}}@media screen and (max-width: 480px){.app-header h1{font-size:var(--font-size-xl)}.app-content{padding:var(--spacing-md)}.tabs-container{flex-direction:column}.tab-button{width:100%;margin-bottom:var(--spacing-xs)}.form-group{flex-direction:column}.form-group label{width:100%;text-align:left;margin-bottom:var(--spacing-sm);padding-right:0}.input-container,.button{width:100%}.button-group{flex-direction:column}.delivery-stats{grid-template-columns:1fr}.camera-preview{max-width:100%}}@media screen and (min-width: 481px) and (max-width: 768px){.app-content{padding:var(--spacing-md)}.tabs-container{flex-wrap:wrap}.tab-button{flex:1 1 auto;min-width:120px}.form-group{flex-direction:column}.form-group label{width:100%;text-align:left;margin-bottom:var(--spacing-sm);padding-right:0}.input-container{width:100%}.delivery-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 769px) and (max-width: 1024px){.app-content{padding:var(--spacing-lg)}.form-group label{width:160px}}@media screen and (min-resolution: 192dpi){button,input[type=text],input[type=number],textarea,.radio-option,.checkbox-option{padding:calc(var(--spacing-md) * 1.2)}.button{padding:calc(var(--spacing-md) * 1.2) calc(var(--spacing-lg) * 1.2)}}@media (hover: none) and (pointer: coarse){.tab-button,.button,.tool-button{min-height:48px}input[type=radio],input[type=checkbox]{min-width:24px;min-height:24px}.radio-option,.checkbox-option{margin-bottom:var(--spacing-md)}.radio-option label,.checkbox-option label{font-size:var(--font-size-lg)}}@media print{body{margin:0;padding:0;background-color:#fff}.app-container{width:100%;max-width:none}.app-header,.tabs-container,.button,.form-container{display:none!important}.qr-code-preview{box-shadow:none;border:none;margin:0;padding:0}}.app-container{max-width:1000px;margin:0 auto}.app-header{margin-bottom:var(--spacing-xl);text-align:center}.app-header h1{color:var(--primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.app-content{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.logistics-form,.rma-form,.deliveries-form{display:none;animation:fadeIn var(--transition-normal) ease}.logistics-form.active,.rma-form.active,.deliveries-form.active{display:block}.info-icon{color:var(--secondary);margin-left:var(--spacing-xs);cursor:help}.image-tools{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tool-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--border-radius-lg);background-color:var(--gray-200);color:var(--gray-700);border:none;cursor:pointer;transition:all var(--transition-fast) ease}.tool-button:hover{background-color:var(--gray-300);transform:translateY(-2px)}.tool-button.active{background-color:var(--primary);color:var(--white)}.tool-button svg{width:24px;height:24px}.camera-preview{width:100%;max-width:500px;margin:0 auto;overflow:hidden;border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--gray-300);background-color:var(--gray-100)}.camera-preview video,.camera-preview img{width:100%;display:block;object-fit:cover}.delivery-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--white);box-shadow:var(--shadow-sm);text-align:center}.stat-card h3{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-xs)}.stat-card .value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary)}.scan-results{max-height:300px;overflow-y:auto;border:var(--border-width-thin) solid var(--gray-300);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg)}.scan-item{padding:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--gray-200);display:flex;align-items:center}.scan-item:last-child{border-bottom:none}.scan-item .status-indicator{width:10px;height:10px;border-radius:50%;margin-right:var(--spacing-md)}.scan-item .status-indicator.success{background-color:var(--success)}.scan-item .status-indicator.error{background-color:var(--error)}.scan-item .tracking-number{flex:1;font-weight:var(--font-weight-medium)}.scan-item .timestamp{color:var(--gray-600);font-size:var(--font-size-sm)}@media print{.app-header,.tabs-container,button:not(.print-button){display:none!important}.qr-code-preview{box-shadow:none;border:none;padding:0}.large-label{width:110mm;height:50mm;padding:10mm;box-sizing:border-box;page-break-after:always}.small-label{width:57mm;height:32mm;padding:2mm;box-sizing:border-box;font-size:10px;page-break-after:always}}body{font-family:sans-serif;padding:20px}.form-group{display:flex;margin-bottom:15px;align-items:flex-start}.form-group label{width:150px;font-weight:700;padding-right:10px;text-align:right;padding-top:8px}.input-container{flex:1;max-width:600px}.radio-option{display:flex;align-items:center}.radio-option label{font-weight:400;margin-left:5px;padding-top:0;width:auto;text-align:left}input[type=text],textarea{padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;width:100%;max-width:400px}input[type=radio],input[type=checkbox]{margin:0;cursor:pointer}input[type=number]{padding:4px 8px;border:1px solid #ccc;border-radius:4px}button{padding:10px 15px;border:none;border-radius:4px;background-color:#c0392b;color:#fff;cursor:pointer;margin-top:10px;margin-left:0;flex:1 1 auto;max-width:150px}button:hover{background-color:#943126}.qr-code-container{margin-top:20px;text-align:center;border:1px solid #eee;padding:20px;border-radius:5px}.qr-code-container img{margin-bottom:10px;max-width:100%}.qr-code-container p{word-break:break-all;margin-bottom:10px}@media print{body *{visibility:hidden}.print-section,.print-section *{visibility:visible}.print-section{position:absolute;left:0;top:0}.large-label{width:110mm;height:50mm;padding:10mm;box-sizing:border-box;page-break-after:always}.small-label{width:57mm;height:32mm;padding:2mm;box-sizing:border-box;font-size:10px;page-break-after:always}.small-label img{max-width:28mm;height:auto}@page{size:auto;margin:0}}@media (max-width: 600px){.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:auto;text-align:left;padding-right:0}input[type=text],textarea{width:100%}}.image-capture-container{margin-top:15px;padding:15px;border:1px solid #eee;border-radius:4px}.image-capture-buttons{display:flex;gap:10px;margin-bottom:5px;flex-wrap:wrap}.button-like,.camera-button{width:48px;height:48px;padding:8px;border:none;border-radius:8px;background-color:#909297;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative}.button-like svg,.camera-button svg{width:24px;height:24px}.button-like:hover,.camera-button:hover{background-color:#7a7c82;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.camera-button.active{background-color:#dc2626}.camera-button.active:hover{background-color:#b91c1c}.camera-container button{background-color:#22c55e}.camera-container button:hover{background-color:#16a34a}.image-preview button{background-color:#ef4444}.image-preview button:hover{background-color:#dc2626}.camera-container{margin-top:15px;text-align:center;background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.camera-container video{margin-bottom:15px;border:2px solid #e0e0e0;border-radius:8px;max-width:100%;width:400px;background-color:#000}.image-preview{margin-top:15px;text-align:center;background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-preview img{margin-bottom:15px;border:2px solid #e0e0e0;border-radius:8px;max-width:400px;width:100%}.records-container{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:8px}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.record-card{background:white;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.record-card h3{margin:0 0 10px;color:#c0392b}.record-card p{margin:5px 0}.record-card pre{background:#f5f5f5;padding:10px;border-radius:4px;white-space:pre-wrap;word-break:break-all}.record-date{margin-top:10px;font-size:.9em;color:#666;border-top:1px solid #eee;padding-top:10px}