:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{display:flex;flex-direction:column;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fullscreen-centered-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;padding:20px;text-align:center;background-color:#f0f2f5}.error-layout{flex-direction:column}.error-title{color:#d9534f;margin-bottom:1rem}.error-message{color:#333;max-width:600px}.reload-button{margin-top:20px;padding:10px 20px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background-color:#fff}.login-page{position:relative;width:100vw;height:100vh;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:90%;max-width:400px;text-align:center}.login-container h2{margin-top:0;margin-bottom:.5rem;font-size:1.75rem;color:#333}.login-container p{margin-bottom:2rem;color:#666}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#444}.input-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.login-container button{width:100%;padding:.85rem;border:none;border-radius:6px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login-container button:hover{background-color:#0056b3}.login-container button:disabled{background-color:#a0c7e4;cursor:not-allowed}.error-message{margin-top:1rem;color:#dc3545;font-size:.9rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#f0f2f5}h1{font-size:2.5em;line-height:1.1;text-align:center;margin-bottom:2rem}h2{border-bottom:1px solid #e9ecef;padding-bottom:.75rem;margin-top:0;font-size:1.25rem;color:#343a40}h3{margin-top:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed;opacity:.5}.App{max-width:1200px;margin:0 auto;padding:2rem;text-align:left;min-height:100vh;box-sizing:border-box}.user-bar{display:flex;justify-content:flex-end;align-items:center;background-color:#fff;padding:.75rem 1.5rem;border-radius:8px;margin:-2rem -2rem 2rem;font-size:.9em;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a}.user-bar span{margin-right:1rem}.logout-button{padding:.4em .8em;background-color:#dc3545;color:#fff;border:none;font-size:.9em;transition:background-color .2s}.logout-button:hover{background-color:#c82333;border-color:transparent}.section-container{background-color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.stock-table{width:100%;border-collapse:collapse}.stock-table th,.stock-table td{border:none;border-bottom:1px solid #e9ecef;padding:.85rem 1rem;text-align:left;transition:background-color .15s ease-in-out;white-space:nowrap}.stock-table th{background-color:#f8f9fa;border-bottom-width:2px}.stock-table tbody tr:last-child td{border-bottom:none}.stock-table tbody tr:not(.stock-warning):not(.stock-danger):hover,.stock-table tbody tr:not(.stock-warning):not(.stock-danger):active{background-color:#f8f9fa}.stock-warning{background-color:#fff3cd}.stock-warning:hover,.stock-warning:active{background-color:#ffe69c}.stock-danger{background-color:#fdd}.stock-danger:hover,.stock-danger:active{background-color:#ffb8b8}.form-panel{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1.5rem}.sale-panel form{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.form-panel input,.form-panel select{padding:.6em;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#213547;font-size:1rem}.sale-input-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.quantity-input{width:80px}.submit-sale-btn{width:100%;padding:1em;margin-top:0;background-color:#28a745;color:#fff;border:none}.submit-sale-btn:hover{background-color:#218838;border-color:#1e7e34}.action-cell{display:flex;gap:5px;justify-content:center}.modify-stock-btn{padding:.3em .8em;font-size:1.2em;line-height:1;border:none;color:#fff}.modify-stock-btn.add{background-color:#007bff}.modify-stock-btn.add:hover{background-color:#0069d9}.modify-stock-btn.subtract{background-color:#6c757d}.modify-stock-btn.subtract:hover{background-color:#5a6268}.tab-buttons{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #dee2e6;padding-bottom:1rem}.tab-buttons button{padding:.5rem 1rem;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:5px;font-size:.9rem;transition:all .2s ease-in-out}.tab-buttons button:hover{border-color:#aaa;background-color:#f8f9fa}.tab-buttons button.active{background-color:#337ab7;color:#fff;border-color:#2e6da4}.tab-buttons button.active:hover{border-color:#2e6da4}.components-table-container{max-height:800px;overflow-y:auto}.log-table-container{max-height:400px;overflow-y:auto}.app-footer{width:100%;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0;color:#aaa}.production-panel form{display:flex;width:100%;gap:.75rem}.production-panel select{flex-grow:1}.production-panel input[type=number]{flex-shrink:0;width:80px;text-align:center}.production-panel form button[type=submit]{background-color:#007bff;color:#fff;border:none}.production-panel form button[type=submit]:hover{background-color:#0056b3;border-color:transparent}@media screen and (max-width:768px){.log-table thead{display:none}.log-table tr{display:block;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.log-table td{display:block;text-align:right;position:relative;padding-left:50%;border-bottom:1px solid #eee;padding-top:.5rem;padding-bottom:.5rem;white-space:normal}.log-table tr td:last-child{border-bottom:none}.log-table td:before{content:attr(data-label);position:absolute;left:10px;font-weight:700;text-align:left;white-space:nowrap}}.category-header td{background-color:#e9ecef;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding-top:.5rem;padding-bottom:.5rem}.category-header:hover,.category-header:active{background-color:#e9ecef!important}.log-details{display:block;margin-top:.5rem;color:#6c757d}.log-details strong{display:block;margin-top:.25rem;font-weight:600}.log-details span{display:block;padding-left:.5rem}