body{background-color:#373636;font-family:Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;padding:20px}h2{color:#fff;font-size:1.3em}:root{--table-max-width:1000px;--border-color:#373b3e;--text-light:#dee2e6;--text-white:#fff;--input-border:#ced4da;--focus-color:#3498db;--first-col-width:250px}.action-container{background-color:#373636;border-radius:8px;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:15px;width:90%}.left-actions,.right-actions{display:flex;gap:10px}.formula-details-summary-table,.library-table,.table-dark{background-color:#373636;border:none;border-collapse:collapse;border-radius:4px;color:#fff;color:var(--text-white);font-size:1.1em;margin:5px auto;overflow:hidden;width:100%}.library-table{background-color:#373636;border:none;box-shadow:none;box-sizing:border-box;margin:0 auto;padding:0 15px;width:90%}.formula-details-summary-table{margin:2px 0;width:100%}.formula-details-summary-table td{color:#fff;color:var(--text-white);font-size:.8em;padding:5px 7px}.formula-details-summary-table td:first-child{font-weight:700;white-space:nowrap;width:60%}.formula-details-summary-table td:last-child{font-size:.9em;font-weight:700;min-width:120px;padding-left:15px;width:40%}.formula-details-summary-table td input{background:#0000;border:none;color:inherit;font-size:1.1em;font-weight:700;padding-left:5px;text-align:left;width:100%}.formula-details-summary-table .colorant-load{color:#87ceeb}.formula-details-summary-table .binder-load.binder-load-green{color:green}.formula-details-summary-table .binder-load.binder-load-red{color:#f08080}.formula-details-summary-table .custom-cost{color:#ff0}.formula-details-summary-table .standard-cost{color:#0f0}@media (max-width:768px){.formula-details-summary-table,.formula-details-summary-table td,.library-table,.library-table td,.library-table th,.table-dark,.table-dark td,.table-dark th{display:block;width:100%}.action-container,.formula-details-box,.library-table{width:100%}.formulator-action-buttons{flex-direction:column;gap:10px}}.library-table td,.table-dark td{background-color:#373636;color:#dee2e6;color:var(--text-light);font-size:1em;padding:9px 11px}.library-table td{border-bottom:.5px solid #fff;border-top:.5px solid #fff}.library-table th,.table-dark th{font-size:1.2em;font-weight:700;padding:20px 11px;text-align:left}.library-table tr:nth-child(2) th{font-size:1em;padding:2px 11px 20px}.library-table tr:nth-child(2) th input{padding:8px 11px}.table-dark td:first-child,.table-dark th:first-child{font-size:1.2em;width:450px}.table-dark td:not(:has(input)){font-size:1.2em}.table-dark td:nth-child(6),.table-dark td:nth-child(7){color:#fff;color:var(--text-white);font-size:1.2em;font-weight:700}.table-dark td:nth-child(8),.table-dark th:nth-child(8){color:#ff0;font-weight:700}.table-dark td:nth-child(9),.table-dark th:nth-child(9){color:#0f0;font-weight:700}.table-dark .binder-header td,.table-dark .colorant-header td,.table-dark .section-header td,.table-dark .vehicle-header td{border-top:.5px solid #373b3e;border-top:.5px solid var(--border-color);color:#fff;color:var(--text-white);font-weight:700;text-align:center}.table-dark .binder-row,.table-dark .binder-row:hover,.table-dark .colorant-row,.table-dark .colorant-row:hover,.table-dark .vehicle-row,.table-dark .vehicle-row:hover{background-color:initial}.table-dark .grand-total td,.table-dark td:nth-child(6),.table-dark td:nth-child(7){border-top:.5px solid #373b3e;border-top:.5px solid var(--border-color);color:#fff;color:var(--text-white);font-weight:700}.library-table input,.table-dark select,input[type=date],input[type=number],input[type=text]{background-color:#373636;border:1px solid #ced4da;border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;color:#fff;color:var(--text-white);font-size:1.2em;padding:8px 11px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.table-dark td input[type=text]{-webkit-appearance:none;appearance:none;background-color:#373636;border:1px solid #ced4da;border-radius:4px;color:#fff;font-size:1.2em;padding:8px 11px;-webkit-user-select:text;user-select:text;width:100%}.table-dark td.read-only-value{font-size:1.2em!important}.table-dark td.zero-hidden{color:#373636!important}.library-table input:focus,input[type=date]:focus,input[type=number]:focus,input[type=text]:focus,select:focus{background-color:#000;border-color:#3498db;border-color:var(--focus-color);box-shadow:0 0 5px #3498db80;color:#fff;outline:none}.table-dark td:nth-child(2) input[type=text],.table-dark td:nth-child(3) input[type=text],.table-dark td:nth-child(4) input[type=text],.table-dark td:nth-child(5) input[type=text]{width:100px}.table-dark td:nth-child(8) input[type=text]{color:#ff0;width:100px}.table-dark td:first-child select{font-size:.9em;padding-right:22px;width:390px}.table-dark td:nth-child(9) select{color:#0f0;padding-right:22px;width:130px}.table-dark td:nth-child(8) input[type=text]:disabled,.table-dark td:nth-child(9) select:disabled{background-color:#373636;color:inherit;opacity:1}input[type=number]{-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input::placeholder{color:#ccc;opacity:1}input[type=text][readonly]:not(.binder-load):not(.colorant-load):not(.custom-cost):not(.standard-cost){padding:8px 11px}.login-input::placeholder{color:#666;font-size:16px}.controls-container{margin-bottom:10px}.formulation-title{color:#fff;color:var(--text-white);margin:0 0 10px;text-align:center}.formula-details-box{background-color:#373636;border:.5px solid #ccc;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 100px);padding:10px;width:300px}.formula-details-box h2{font-size:1.3em;margin:0}.formula-info p{font-size:1.1em;margin:5px 0}.edit-toggle-container{align-items:center;display:flex;gap:10px}.edit-toggle-container label{color:#fff;color:var(--text-white);font-size:1.3em}.formula-inputs-container{display:flex;flex-direction:column;gap:8px}.formula-input{background-color:#373636;border:1px solid #ced4da;border:1px solid var(--input-border);border-radius:4px;color:#fff;color:var(--text-white);font-size:1em;padding:5px 7px;width:150px}.enter-values-button{background-color:#6c757d;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:5px 10px;transition:all .2s ease}.enter-values-button:hover{background-color:#5a5656}.enter-values-button:disabled{cursor:not-allowed;opacity:.6}.formulator-action-buttons{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;padding:0 20px;width:100%}.formulator-action-buttons button{background-color:#6c757d;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.925em;padding:7px 13px;transition:all .2s ease}.formulator-action-buttons button:hover{background-color:#5a5656}.formulator-action-buttons button:disabled{cursor:not-allowed;opacity:.6}.formulator-action-buttons .print-button{background-color:#dc3545;margin-right:15px}.formulator-action-buttons .print-button:hover{background-color:#712828}.formulator-action-buttons .go-to-formulas-btn{background-color:#218838;margin-right:15px}.formulator-action-buttons .go-to-formulas-btn:hover{background-color:#1e7e34}.formulator-action-buttons .capture-image-btn{background-color:#17a2b8;margin-right:15px}.formulator-action-buttons .capture-image-btn:hover{background-color:#138496}.formulator-action-buttons .clear-formula-btn,.formulator-action-buttons .save-formula-btn{background-color:#007bff;margin-right:15px}.formulator-action-buttons .clear-formula-btn:hover,.formulator-action-buttons .save-formula-btn:hover{background-color:#0069d9}.view-image-button{background:none;border:none;color:#3498db;cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline}.view-image-button:disabled{color:#ccc;cursor:not-allowed}.notes-textarea{background-color:#373636;border:1px solid #ced4da;box-sizing:border-box;flex:1 1;font-size:1em;margin-top:auto;min-height:200px;padding:5px;resize:none}.notes-textarea,button{border-radius:4px;color:#fff}button{background-color:#6c757d;border:1px solid #fff;cursor:pointer;font-size:.925em;font-weight:500;padding:7px 13px;transition:all .2s ease}button:hover{background-color:#5a5656}button:disabled{cursor:not-allowed;opacity:.6}.table-dark tfoot button:first-of-type{background-color:#ff0;color:#000}.table-dark tfoot button:first-of-type:hover{background-color:#cc0}.table-dark tfoot button:last-of-type{background-color:#0f0;color:#000}.table-dark tfoot button:last-of-type:hover{background-color:#0c0}.clear-filters-btn,.export-btn,.export-pdf-btn,.import-btn,.new-formula-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.new-formula-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background-color .3s}.new-formula-btn:hover{background-color:#218838}.clear-filters-btn{background-color:#6c757d}.clear-filters-btn:hover{background-color:#5a6268}.import-btn{background-color:#007bff}.import-btn:hover{background-color:#0069d9}.export-btn{background-color:#17a2b8}.export-btn:hover{background-color:#138496}.export-pdf-btn{background-color:#dc3545}.export-pdf-btn:hover{background-color:#c82333}.header-logo{display:block;height:auto;margin:20px auto;max-width:100%}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(16px)}.overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.confirm-popup,.delete-popup,.image-popup,.save-popup,.tint-popup,.webcam-popup{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#4a4a4af2;border-radius:12px;box-shadow:0 4px 20px #0006;color:#fff;left:50%;min-width:400px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.confirm-popup-content,.delete-popup-content,.image-popup-content,.save-popup-content,.tint-popup-content,.webcam-popup-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.confirm-popup-content h2,.delete-popup-content h2,.image-popup-content h2,.save-popup-content h2,.tint-popup-content h2,.webcam-popup-content h2{color:#fff;font-size:1.8em;margin:0;text-shadow:2px 2px 4px #0000004d}.confirm-popup-content input,.delete-popup-content input,.image-popup-content input,.save-popup-content input,.tint-popup-content input,.webcam-popup-content input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1.2em;padding:12px;transition:all .2s;width:100%}.confirm-popup-content input:focus,.delete-popup-content input:focus,.image-popup-content input:focus,.save-popup-content input:focus,.tint-popup-content input:focus,.webcam-popup-content input:focus{border-color:#007bff;box-shadow:0 0 10px #007bff4d;outline:none}.confirm-popup-content input::placeholder,.delete-popup-content input::placeholder,.image-popup-content input::placeholder,.save-popup-content input::placeholder,.tint-popup-content input::placeholder,.webcam-popup-content input::placeholder{color:#ffffff80}.confirm-popup-content button,.delete-popup-content button,.image-popup-content button,.save-popup-content button,.tint-popup-content button,.webcam-popup-content button{background-color:#007bff;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2em;min-width:120px;padding:12px 24px;transition:all .2s}.confirm-popup-content button:hover,.delete-popup-content button:hover,.image-popup-content button:hover,.save-popup-content button:hover,.tint-popup-content button:hover,.webcam-popup-content button:hover{background-color:#0056b3;transform:scale(1.05)}.confirm-popup-content button:last-child,.delete-popup-content button:last-child,.image-popup-content button:last-child,.save-popup-content button:last-child,.tint-popup-content button:last-child,.webcam-popup-content button:last-child{background-color:#6c757d}.confirm-popup-content button:last-child:hover,.delete-popup-content button:last-child:hover,.image-popup-content button:last-child:hover,.save-popup-content button:last-child:hover,.tint-popup-content button:last-child:hover,.webcam-popup-content button:last-child:hover{background-color:#5a6268}.webcam-popup{min-width:500px}.webcam-popup video{border-radius:8px;margin:10px 0;max-width:400px;width:100%}.image-popup{min-width:500px}.image-popup img{border-radius:8px;margin:10px 0;max-height:70vh;max-width:100%}.confirm-popup,.delete-popup{min-width:350px}.confirm-popup-content p,.delete-popup-content p{color:#fff;font-size:1.2em;margin:10px 0}.tint-popup-content .ingredient-label{color:#fff;font-size:5em;font-weight:700;margin-bottom:10px;text-shadow:3px 3px 6px #00000080,0 0 20px #00b3ff4d}.tint-popup-content .ingredient-value{color:#0f0;font-size:20em;font-weight:700;margin:20px 0;text-shadow:4px 4px 8px #0009,0 0 30px #00ff004d}
/*# sourceMappingURL=main.cca295df.css.map*/