:root{--primary: #2e7d32;--primary-dark: #1b5e20;--primary-light: #4caf50;--secondary: #ff9800;--secondary-dark: #f57c00;--danger: #d32f2f;--danger-light: #ef5350;--success: #388e3c;--warning: #f57c00;--info: #1976d2;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--radius: 8px;--radius-sm: 4px;--radius-lg: 12px}[data-theme=dark]{--primary: #4caf50;--primary-dark: #388e3c;--primary-light: #81c784;--secondary: #ffb74d;--secondary-dark: #ffa726;--danger: #ef5350;--danger-light: #e57373;--success: #66bb6a;--warning: #ffca28;--info: #42a5f5;--gray-50: #1a1a1a;--gray-100: #242424;--gray-200: #333333;--gray-300: #424242;--gray-400: #616161;--gray-500: #757575;--gray-600: #9e9e9e;--gray-700: #bdbdbd;--gray-800: #e0e0e0;--gray-900: #f5f5f5;--white: #121212;--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 3px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .3)}[data-theme=blue]{--primary: #1565c0;--primary-dark: #0d47a1;--primary-light: #42a5f5;--secondary: #ff9800;--secondary-dark: #f57c00;--danger: #d32f2f;--danger-light: #ef5350;--success: #388e3c;--warning: #f57c00;--info: #1976d2;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1)}[data-theme=purple]{--primary: #7b1fa2;--primary-dark: #4a148c;--primary-light: #ba68c8;--secondary: #ff9800;--secondary-dark: #f57c00;--danger: #d32f2f;--danger-light: #ef5350;--success: #7b1fa2;--warning: #f57c00;--info: #7b1fa2;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--gray-100);color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:1rem;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}@media (max-width: 800px){.app-header{padding:1rem!important}.app-header h1{justify-content:center;margin:0}}.app-header h1{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.app-main{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{background:var(--gray-200);color:var(--gray-700);padding:.75rem;text-align:center;font-size:.875rem;border-top:1px solid var(--gray-300)}.nav-bar{display:flex;flex-direction:column;gap:0;padding:0;background:var(--gray-100);border-bottom:1px solid var(--gray-300);position:sticky;top:56px;z-index:99}.nav-desktop{display:flex;flex-direction:column;width:100%}.nav-tabs{display:flex;flex-direction:row;gap:0;padding:0;border-bottom:1px solid var(--gray-200)}.nav-tab{flex:1;padding:.75rem 1rem;background:none;border:none;font-size:.85rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:3px solid transparent}.nav-tab:hover{background:var(--gray-200);color:var(--primary)}.nav-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.nav-items{display:flex;flex-direction:row;gap:.25rem;padding:.5rem 1rem;overflow-x:auto}.nav-link{padding:.4rem .75rem;border-radius:var(--radius);text-decoration:none;color:var(--gray-700);font-weight:500;font-size:.8rem;white-space:nowrap;transition:all .2s ease}.nav-link:hover{background:var(--gray-200);color:var(--primary)}.nav-link.active{background:var(--primary);color:var(--white)}.hamburger-btn{display:none}@media (max-width: 800px){.hamburger-btn{display:flex!important;align-items:center;justify-content:center;background:var(--white)!important;border:1px solid var(--gray-200)!important;font-size:1.25rem!important;cursor:pointer;color:var(--gray-700)!important;box-shadow:0 1px 3px #0000001a!important;border-radius:6px!important;width:40px!important;height:40px!important;padding:0!important;position:fixed!important;top:12px!important;left:12px!important;z-index:9999!important}}.nav-overlay,.hide-desktop{display:none}@media (max-width: 800px){.hide-desktop{display:block}.hide-mobile{display:none!important}.nav-bar{position:fixed;top:0;left:0;width:280px;height:100vh;flex-direction:column;gap:.25rem;padding:4rem 1rem 1rem;background:var(--white);border-right:1px solid var(--gray-200);transform:translate(-100%);transition:transform .3s ease;z-index:100;overflow-y:auto}.nav-bar.open{transform:translate(0)}.nav-desktop{display:none}.nav-mobile-sections{display:flex;flex-direction:column;gap:.5rem;width:100%;max-height:70vh;overflow-y:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.nav-mobile-sections::-webkit-scrollbar{width:6px}.nav-mobile-sections::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.nav-mobile-sections::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.nav-mobile-group{display:flex;flex-direction:column;gap:.25rem}.nav-mobile-header{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--gray-500);letter-spacing:.05em;padding:.5rem .75rem;border-bottom:1px solid var(--gray-200)}.nav-mobile-group .nav-link{padding:.6rem .75rem;font-size:.9rem}.nav-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.app-header{padding-left:3rem!important}}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--gray-100);color:var(--gray-700);font-size:.75rem;border-bottom:1px solid var(--gray-300)}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.status-dot.online{background:var(--success)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-light)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-icon{padding:.5rem;border-radius:50%;width:36px;height:36px}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e7d321a}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{background:var(--gray-50);font-weight:600;font-size:.875rem;color:var(--gray-700)}.table tbody tr:hover{background:var(--gray-50)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.badge-primary{background:var(--primary);color:var(--white)}.badge-secondary{background:var(--secondary);color:var(--white)}.badge-danger{background:var(--danger);color:var(--white)}.badge-info{background:var(--info);color:var(--white)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--gray-600)}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--white);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.25rem;font-weight:600}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--gray-200)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}@media (max-width: 768px){.app-main{padding:.75rem}.card{padding:.75rem;margin-bottom:.75rem}.form-row{grid-template-columns:1fr}.table th,.table td{padding:.5rem;font-size:.875rem}}.action-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.action-buttons .btn{padding:.25rem .5rem;font-size:.75rem;min-width:auto;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.action-buttons .btn{padding:.3rem .4rem;font-size:.9rem}.table .btn-sm span,.table .hide-mobile{display:none}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.modal{width:95%!important;max-width:none!important;margin:1rem;padding:1rem}.modal-body pre{font-size:.75rem;padding:.75rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer .btn{width:100%;margin:0}}.mobile-cards{display:none}@media (min-width: 801px){.mobile-cards{display:none}}button.chip{padding:.4rem .75rem;border:1px solid var(--gray-300);border-radius:20px;background:var(--white);color:var(--gray-700);font-size:.85rem;cursor:pointer;transition:all .2s}button.chip:hover{border-color:var(--primary);background:var(--gray-50)}button.chip.chip-active{background:var(--primary);border-color:var(--primary);color:#fff}button.chip.chip-active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}div.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 800px){.mobile-cards{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;width:100%}.card-mobile{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;width:100%;margin:0}.card-mobile-header{background:var(--primary);color:var(--white);padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem}.card-mobile-date{font-weight:700;font-size:.9rem}.card-mobile-badge{background:#fff3;padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.75rem}.card-mobile-badge.badge-primary{background:var(--primary);color:var(--white)}.card-mobile-badge.badge-secondary{background:var(--secondary);color:var(--white)}.card-mobile-content{padding:.5rem}.card-mobile-section{margin-bottom:.4rem}.card-mobile-label{font-weight:700;font-size:.7rem;color:var(--gray-600);display:block;margin-bottom:.15rem}.card-mobile-row{display:flex;gap:.5rem;margin-bottom:.4rem}.card-mobile-row div{flex:1;min-width:0}.card-mobile-actions{padding:.75rem;background:var(--gray-100);display:flex;gap:.5rem;flex-wrap:wrap}.card-mobile-actions .btn{flex:1;min-width:auto;font-size:.75rem;padding:.35rem .4rem}@media (max-width: 500px){.mobile-cards{padding:.25rem;gap:.5rem}.card-mobile-header{padding:.4rem .5rem}.card-mobile-date{font-size:.8rem}.card-mobile-badge{font-size:.65rem;padding:.15rem .3rem}.card-mobile-content{padding:.4rem}.card-mobile-label{font-size:.65rem}.card-mobile-section span{font-size:.75rem}.card-mobile-row{flex-direction:column;gap:.25rem}.card-mobile-actions{padding:.4rem;gap:.3rem}.card-mobile-actions .btn{font-size:.7rem;padding:.3rem .35rem}.badge{font-size:.65rem;padding:.15rem .3rem}}.section-header{background:var(--primary);color:var(--white);padding:.75rem 1rem;font-weight:600;text-align:center;font-size:1rem;margin:1rem 0 .5rem;border-radius:var(--radius)}.subsection-header{background:var(--gray-100);color:var(--gray-800);padding:.5rem 1rem;font-weight:500;font-size:.9rem;border-left:3px solid var(--gray-400);margin:1rem 0 .25rem;display:flex;justify-content:space-between;align-items:center}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.search-bar{display:flex!important;flex-wrap:wrap;gap:.5rem;align-items:stretch;padding:.5rem;background:var(--gray-100);border-radius:var(--radius);border:1px solid var(--gray-300)}.search-bar .form-input{flex:1 1 200px;min-width:0;padding:.5rem!important;font-size:1rem!important}.search-bar .form-select{min-width:140px}.search-field-indicator{font-size:.8rem;color:var(--gray-600);background:var(--white);padding:.3rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--gray-300)}.search-fields{display:flex;flex-wrap:wrap;gap:.25rem}.search-field-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.8rem}.search-field-tag button{background:none;border:none;color:var(--white);cursor:pointer;padding:0;font-size:1rem;line-height:1}button.chip{padding:.4rem .75rem;border:1px solid var(--gray-300);border-radius:20px;background:var(--white);color:var(--gray-700);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.5rem;background:var(--gray-50);border-radius:var(--radius)}button.chip:hover{border-color:var(--primary);background:var(--gray-50)}button.chip.chip-active{background:var(--primary);border-color:var(--primary);color:var(--white)}button.chip.chip-active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}div.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.lots-dropdown{border-top:1px solid var(--gray-200);margin-top:.5rem;padding-top:.5rem}.lots-dropdown-toggle{width:100%;padding:.5rem;background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;text-align:left;color:var(--gray-800)}.lots-dropdown-toggle:hover{background:var(--gray-100);color:var(--primary)}.lots-dropdown-toggle:focus{outline:2px solid var(--primary);outline-offset:2px}.lots-dropdown-content{padding:.5rem;background:var(--gray-50);border:1px solid var(--gray-200);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.lot-item{padding:.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:.5rem}.lot-item:last-child{margin-bottom:0}.lot-item-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.lot-code{font-weight:600;color:var(--primary)}.lot-capacity{font-weight:400;color:var(--gray-600);font-size:.8rem}.lot-expanded-row{background:var(--gray-50)}.lot-expanded-row td{padding:.5rem .75rem;border-bottom:1px solid var(--gray-200)}.lot-expanded-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.lot-expanded-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.25rem}.lot-expanded-header .lot-code{font-size:1rem}.lot-stock-badge{background:var(--primary);color:var(--white);padding:.4rem .75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.lot-expanded-details{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem}.lot-stock-badge{margin-left:auto}.lot-detail{font-size:.85rem;color:var(--gray-700);background:var(--gray-100);padding:.2rem .5rem;border-radius:var(--radius-sm)}.lot-stock{font-weight:500;color:var(--gray-800)}.lot-expiry{display:block;font-size:.8rem;color:var(--gray-600);margin-bottom:.25rem}.lot-containers{display:block;font-size:.8rem;color:var(--gray-700);padding:.25rem;background:var(--gray-100);border-radius:var(--radius-sm);margin-top:.25rem}.table-container,.hide-mobile{display:none!important}.mobile-cards{display:flex}}@media (min-width: 801px) and (max-width: 1024px){.action-buttons{gap:.35rem}.action-buttons .btn{padding:.3rem .6rem;font-size:.8rem}}