@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.branch-form-container{animation:fadeIn .6s cubic-bezier(.22,1,.36,1);margin:2rem auto;max-width:800px}@media (max-width:768px){.branch-form-container{padding:0 1rem}.card-body{padding:1.5rem}.btn{margin-bottom:.8rem;padding:.75rem 1.5rem;width:100%}.d-flex.justify-content-between{flex-direction:column;gap:.8rem}.swal2-popup{padding:1.8rem!important;width:90%!important}}.branches-popup .popup-header{align-items:center;background:linear-gradient(135deg,#a8c0ff,#6a8cff);color:#fff;display:flex;justify-content:space-between;width:800px}.branches-popup .popup-title-wrapper{flex:1 1;margin:0;padding:0}.branches-popup .popup-header-title{color:#fff;font-size:1.4rem;font-weight:600;padding:.5rem 0;text-align:center;text-shadow:0 1px 2px #0000001a}.branches-popup .search-toggle-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:-49px;margin-right:.5rem;transition:all .3s ease;width:36px}.branches-popup .search-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.branches-popup .search-container{left:83px;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:0}.branches-popup .search-container.visible{opacity:1;width:250px}.branches-popup #branchSearch{background:#ffffffe6;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:.5rem 1rem;transition:all .3s ease}.branches-popup #branchSearch:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.branches-popup .popup-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;margin-bottom:20px;margin-left:.5rem;padding:0 .5rem;transition:all .2s ease}.branches-popup .popup-close-btn:hover{opacity:.8;transform:scale(1.1)}@media (max-width:850px){.branches-popup .popup-header{width:95%}}@media (max-width:768px){.branches-popup .popup-header-title{margin-top:.5rem;order:1;width:100%}.branches-popup .search-toggle-btn{order:0}.branches-popup .popup-close-btn{order:2}.branches-popup .search-container{left:-8px;margin-top:.5rem;position:absolute;top:67px;transform:none;width:100%!important}.branches-popup .search-container.visible{width:100%!important}}@media (max-width:576px){.branches-popup .popup-header-title{font-size:1.2rem}.branches-popup .popup-close-btn,.branches-popup .search-toggle-btn{font-size:1.5rem;margin-left:20px}}.form-check .form-check-input{float:left;margin-left:.5em}.user-form-container{animation:fadeIn .6s cubic-bezier(.22,1,.36,1);margin:2rem auto;max-width:800px}.custom-modal-popup .modal-title{color:#fff;font-weight:600;margin:0}.custom-modal-popup .close{background:#0000;font-size:1.75rem;font-weight:300;margin:-5px -5px 0 0;opacity:.8;padding:0;transition:opacity .2s}.custom-modal-popup .close:hover{opacity:1}.custom-modal-popup .form-group{margin-bottom:15px}.custom-modal-popup #userSearch{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:8px 15px;transition:all .3s;width:100%}.custom-modal-popup #userSearch:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.custom-modal-popup .table-responsive{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000000d;overflow-y:auto}.custom-modal-popup .table{color:#2c3e50;margin-bottom:0}.custom-modal-popup .table thead th{background-color:#34495e;border-bottom:2px solid #2c3e50;color:#fff;font-weight:500;padding:12px 15px;position:sticky;top:0;z-index:10}.custom-modal-popup .table tbody td{border-top:1px solid #e9ecef;padding:10px 15px;vertical-align:middle}.custom-modal-popup .table tbody tr:hover{background-color:#3498db0d}.custom-modal-popup .table td:nth-child(6){font-weight:500;text-transform:capitalize}.custom-modal-popup .table td:nth-child(6).text-success,.custom-modal-popup .table td:nth-child(6):contains("Active"){color:#27ae60}.custom-modal-popup .table td:nth-child(6).text-danger,.custom-modal-popup .table td:nth-child(6):contains("Inactive"){color:#e74c3c}.custom-modal-popup .btn{border-radius:4px;font-size:.8125rem;font-weight:500;min-width:70px;padding:5px 10px;transition:all .2s}.custom-modal-popup .btn i{margin-right:5px}.custom-modal-popup .btn-warning{background-color:#f39c12;border-color:#e67e22;color:#fff}.custom-modal-popup .btn-warning:hover{background-color:#e67e22;border-color:#d35400}.custom-modal-popup .btn-danger{background-color:#e74c3c;border-color:#c0392b;color:#fff}.custom-modal-popup .btn-danger:hover{background-color:#c0392b;border-color:#a5281b}.custom-modal-popup .modal-footer{background-color:#ecf0f1;border-top:1px solid #dfe6e9;padding:15px 20px;text-align:right}.custom-modal-popup .btn-secondary{background-color:#7f8c8d;border-color:#95a5a6;color:#fff;min-width:80px}.custom-modal-popup .btn-secondary:hover{background-color:#95a5a6;border-color:#7f8c8d}.custom-modal-popup .text-center{color:#7f8c8d;font-style:italic;padding:20px}@media (max-width:950px){.swal2-popup.custom-modal-popup{width:95vw!important}.custom-modal-popup .table tbody td,.custom-modal-popup .table thead th{font-size:.85rem;padding:8px 10px}.custom-modal-popup .btn{font-size:.75rem;min-width:60px;padding:4px 8px}}@media (max-width:768px){.custom-modal-popup .table-responsive{display:block;overflow-x:auto}.custom-modal-popup .btn{margin:1px;min-width:50px;padding:3px 5px}.custom-modal-popup .btn i{margin-right:3px}}.custom-modal-popup .table-responsive::-webkit-scrollbar-track{background:#f1f1f1}.custom-modal-popup .table-responsive::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.custom-modal-popup .table-responsive::-webkit-scrollbar-thumb:hover{background:#95a5a6}.swal2-popup.custom-modal-popup{border-radius:8px;box-shadow:0 5px 30px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:95vw;overflow:hidden;padding:0;width:900px}.custom-modal-popup .modal-header{background-color:#2c3e50;border-bottom:1px solid #34495e;padding:15px 20px}.custom-modal-popup .modal-body{background-color:#f8f9fa;box-sizing:border-box;padding:20px}.custom-modal-popup .table-responsive{background:#fff;border:1px solid #dee2e6;margin:0 auto;max-height:400px;max-width:100%;overflow:auto;width:860px}.custom-modal-popup .table{border-collapse:collapse;margin:0;min-width:860px;width:100%}.custom-modal-popup .table td:first-child,.custom-modal-popup .table th:first-child{width:8%}.custom-modal-popup .table td:nth-child(2),.custom-modal-popup .table th:nth-child(2){width:15%}.custom-modal-popup .table td:nth-child(3),.custom-modal-popup .table th:nth-child(3){width:20%}.custom-modal-popup .table td:nth-child(4),.custom-modal-popup .table td:nth-child(5),.custom-modal-popup .table th:nth-child(4),.custom-modal-popup .table th:nth-child(5){width:15%}.custom-modal-popup .table td:nth-child(6),.custom-modal-popup .table th:nth-child(6){width:12%}.custom-modal-popup .table td:nth-child(7),.custom-modal-popup .table th:nth-child(7){width:15%}@media (max-width:950px){.swal2-popup.custom-modal-popup{width:95vw!important}.custom-modal-popup .table-responsive{width:calc(95vw - 40px)}}.custom-modal-popup .table-responsive::-webkit-scrollbar{height:8px;width:8px}.sidebar .menu-title{font-size:5px;font-weight:500}.sidebar .sub-menu .nav-link{font-size:4px;padding:6px 12px}.sidebar .menu-icon{font-size:6px;margin-right:8px}.item-master-container{background:#fff;box-shadow:0 5px 15px #00000014;margin:10px}.item-master-container h2{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px}.item-form{display:flex;flex-direction:column;gap:20px}.form-section{box-shadow:0 1px 10px #0000000d;padding:18px}.form-section h3{border-bottom:1px solid #eaeef5;color:#3498db;font-weight:500;margin-bottom:16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.input-field{margin-bottom:12px}.input-field input,.input-field select{background:#0000;border:1px solid #d1d5db;border-radius:6px;font-size:13px;height:42px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-field input:focus,.input-field select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.input-field label{font-size:13px}.input-field input:focus+label,.input-field input:not(:placeholder-shown)+label,.input-field select:focus+label,.input-field select:not(:invalid)+label{background:#fff;color:#3498db;left:10px;top:0;transform:translateY(-50%) scale(.85)}.input-field input::placeholder{color:#0000}.input-field input[type=date]:not(:focus):not(:placeholder-shown)+label{color:#6b7280;left:10px;top:0;transform:translateY(-50%) scale(.85)}.toggle-tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 10px #0000000d;margin-top:12px;overflow:hidden}.tab-button{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px;position:relative;transition:all .3s ease}.tab-button:hover{background:#81b9df42;color:#3498db}.tab-button.active{color:#3498db}.tab-button.active:after{animation:tabUnderline .3s cubic-bezier(.4,0,.2,1);background:#3498db;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}@keyframes tabUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-content{padding:16px}.form-actions{margin-top:12px}.submit-btn{background:linear-gradient(135deg,#3498db,#2c80b9);border:none;border-radius:6px;box-shadow:0 2px 8px #3498db33;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 3px 10px #3498db4d;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.item-master-container{margin:10px;padding:15px}.form-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab-button{padding:8px;text-align:left}.tab-button.active:after{bottom:0;height:100%;left:0;right:auto;width:2px}}.category-select-container{align-items:center;display:flex}.add-category-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:2px 8px;position:absolute;right:12px;transition:all .3s ease}.add-category-btn:hover{background:#2980b9}.add-category-form{display:flex;gap:8px;margin-top:8px}.add-category-form input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.save-category-btn{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .3s ease}.save-category-btn:hover{background:#27ae60}.save-category-btn:disabled{background:#95a5a6;cursor:not-allowed}.role-form-container{animation:fadeIn .6s cubic-bezier(.22,1,.36,1);margin:2rem auto;max-width:700px}.card{background:#fff;border:none;border-radius:14px;box-shadow:0 8px 30px #6495ed14;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.card:hover{box-shadow:0 12px 35px #6495ed1f;transform:translateY(-3px)}.card-header{background:linear-gradient(135deg,#a8c0ff,#6a8cff);color:#fff;font-weight:600;letter-spacing:.3px;padding:1.5rem;text-shadow:0 1px 2px #0000000d}.card-body{background-color:#fafcff;padding:2rem}.form-label{font-weight:500;margin-bottom:.5rem}.form-control,.form-label{color:#4a5568;font-size:.95rem}.form-control{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease-out}.form-control:focus{border-color:#a8c0ff;box-shadow:0 0 0 3px #a8c0ff33;outline:none}.btn{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:inline-flex;font-size:.95rem;justify-content:center;overflow:hidden;padding:.65rem 1.6rem;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.btn:after{background:linear-gradient(#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.btn:hover:after{opacity:1}.btn i{margin-right:8px;transition:transform .3s ease}.btn:hover i{transform:translateX(2px)}.btn-primary{background:linear-gradient(135deg,#8aa4ff,#6a8cff)}.btn-primary:hover{background:linear-gradient(135deg,#7d97f5,#5a7bef);box-shadow:0 4px 12px #8aa4ff40}.btn-info{background:linear-gradient(135deg,#b0e0e6,#89cff0);color:#2d3748}.btn-info:hover{background:linear-gradient(135deg,#9fd4db,#7ac1e8);box-shadow:0 4px 12px #b0e0e640;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#c1d1ff,#a5b8ff);color:#2d3748}.btn-secondary:hover{background:linear-gradient(135deg,#b0c2fa,#95aaf5);box-shadow:0 4px 12px #c1d1ff40}.btn-warning{background:linear-gradient(135deg,#a0e7f0,#7ad4e0);color:#2d3748}.btn-warning:hover{background:linear-gradient(135deg,#8fdae4,#6ac7d4);box-shadow:0 4px 12px #a0e7f040;transform:translateY(-2px)}.btn-danger:hover{background:linear-gradient(135deg,#f5a6ad,#f57d88);box-shadow:0 4px 12px #ffb3ba40;transform:translateY(-2px)}.swal2-popup{background:#f8faff!important;border:none!important;border-radius:14px!important;box-shadow:0 12px 35px #8aa4ff26!important}.swal2-title{color:#4a5568!important;font-size:1.6rem!important;font-weight:600!important;margin-bottom:1.2rem!important}.swal2-html-container{color:#718096!important;font-size:1rem!important}.swal2-confirm{background:linear-gradient(135deg,#8aa4ff,#6a8cff)!important;border:none!important;box-shadow:0 2px 8px #8aa4ff33!important}.swal2-cancel{background:linear-gradient(135deg,#e2e8f0,#cbd5e0)!important;border:none!important;color:#4a5568!important}.swal2-popup .table{border-radius:8px;overflow:hidden}.swal2-popup .table th{background:linear-gradient(135deg,#b0c2fa,#95aaf5);color:#2d3748;font-weight:500;padding:12px 15px}.swal2-popup .table td{border-bottom:1px solid #edf2f7;color:#4a5568;padding:12px 15px}.swal2-popup .table tr:nth-child(2n){background-color:#f8faff}.swal2-popup .table tr:hover{background-color:#f0f5ff}.roles-popup .popup-header{align-items:center;background:linear-gradient(135deg,#a8c0ff,#6a8cff);color:#fff;display:flex;justify-content:space-between;width:600px}.roles-popup .popup-title-wrapper{flex:1 1;margin:0;padding:0}.roles-popup .popup-header-title{color:#fff;font-size:1.4rem;font-weight:600;padding:.5rem 0;text-align:center;text-shadow:0 1px 2px #0000001a}.roles-popup .search-toggle-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:-49px;margin-right:.5rem;transition:all .3s ease;width:36px}.roles-popup .search-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.roles-popup .search-container{left:83px;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:0}.roles-popup .search-container.visible{opacity:1;width:250px}.roles-popup #roleSearch{background:#ffffffe6;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:.5rem 1rem;transition:all .3s ease}.roles-popup #roleSearch:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.roles-popup .popup-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.8rem;line-height:1;margin-bottom:20px;margin-left:.5rem;padding:0 .5rem;transition:all .2s ease}.roles-popup .popup-close-btn:hover{opacity:.8;transform:scale(1.1)}@media (max-width:750px){.roles-popup .popup-header{width:95%}}@media (max-width:768px){.roles-popup .popup-header-title{margin-top:.5rem;order:1;width:100%}.roles-popup .search-toggle-btn{order:0}.roles-popup .popup-close-btn{order:2}.roles-popup .search-container{left:-8px;margin-top:.5rem;position:absolute;top:67px;transform:none;width:100%!important}.roles-popup .search-container.visible{width:100%!important}}@media (max-width:576px){.roles-popup .popup-header-title{font-size:1.2rem}.roles-popup .popup-close-btn,.roles-popup .search-toggle-btn{font-size:1.5rem;margin-left:20px}}@media (max-width:768px){.btn{font-size:.85rem!important;padding:.5rem 1rem!important}.btn i{font-size:.9em;margin-right:6px}.btn-danger,.btn-info,.btn-primary,.btn-secondary,.btn-warning{min-width:100px}}@media (max-width:480px){.btn{font-size:.8rem!important;padding:.4rem .8rem!important}}.swal2-html-container.swal2-no-display-style{display:inline-grid!important}.custom-modal-popup{background:#0000!important;box-shadow:none!important}.custom-modal-popup .modal-content{border:none;border-radius:.3rem}.custom-modal-popup #roleSearch{border-radius:4px}.custom-modal-popup thead{background-color:#4781ba}.custom-modal-popup{border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.custom-modal-popup .modal-header{align-items:center;background-color:#4781ba;border-bottom:1px solid #dee2e6;color:#fff;display:flex;justify-content:space-between;padding:10px 15px}.custom-modal-popup .close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.custom-modal-popup #roleSearch{border-radius:10px;padding:8px}.custom-modal-popup table{border-collapse:collapse;margin-top:10px}.custom-modal-popup td,.custom-modal-popup th{border:1px solid #dee2e6;padding:10px;text-align:left}.custom-modal-popup thead{background-color:#89b3de;color:#fff}.custom-modal-popup .btn+.btn{margin-left:8px}.custom-modal-popup .modal-footer{border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;padding:10px 15px}.custom-modal-popup .table-responsive::-webkit-scrollbar{height:4px;width:6px}.custom-modal-popup .table-responsive::-webkit-scrollbar-thumb{background-color:#6c757d;border-radius:3px}.swal2-popup .modal-body{height:450px}.custom-modal-popup{margin:1rem auto!important;max-width:800px;padding:0!important;width:90%!important}.custom-modal-popup .modal-content{border-radius:8px;overflow:hidden}.custom-modal-popup .modal-header{padding:12px 15px;position:relative}.custom-modal-popup .modal-title{font-size:1.25rem;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-modal-popup .modal-body{max-height:60vh;overflow-y:auto;padding:15px}.custom-modal-popup .table-responsive{overflow-x:auto}.custom-modal-popup table{min-width:600px;width:100%}.custom-modal-popup .table td,.custom-modal-popup .table th{padding:8px 12px;white-space:nowrap}.custom-modal-popup .btn{font-size:.85rem!important;padding:.4rem .8rem!important}.custom-modal-popup .modal-footer{padding:12px 15px}@media (max-width:768px){.custom-modal-popup{margin:.5rem auto!important;width:95%!important}.custom-modal-popup .modal-header{align-items:flex-start;flex-direction:column;padding:10px}.custom-modal-popup .modal-title{margin-bottom:10px;max-width:100%}.custom-modal-popup .modal-body{max-height:50vh;padding:10px}.custom-modal-popup .table td,.custom-modal-popup .table th{font-size:.9rem;padding:6px 8px}.custom-modal-popup .btn{font-size:.8rem!important;margin:2px 0;padding:.3rem .6rem!important}.custom-modal-popup .btn i{margin-right:4px!important}}@media (max-width:480px){.custom-modal-popup{width:98%!important}.custom-modal-popup .modal-body,.custom-modal-popup .modal-footer,.custom-modal-popup .modal-header{padding:8px;width:319px}.custom-modal-popup .table td,.custom-modal-popup .table th{font-size:.8rem;padding:4px 6px}.custom-modal-popup .btn{font-size:.75rem!important;padding:.2rem .4rem!important}.custom-modal-popup .btn i{font-size:.7rem;margin-right:3px!important}}.custom-modal-popup .btn{align-items:center;display:inline-flex;font-size:.85rem;justify-content:center;margin:2px;padding:.5rem .75rem;white-space:nowrap}.custom-modal-popup .btn i{font-size:.9em;margin-right:4px}@media (max-width:768px){@media (max-width:480px){@media (max-width:360px){.custom-modal-popup .btn{min-width:30px;padding:.3rem!important;width:auto}}}}.custom-modal-popup .btn-danger,.custom-modal-popup .btn-warning{min-width:80px}@media (max-width:768px){.custom-modal-popup .btn-danger,.custom-modal-popup .btn-warning{min-width:70px}}.item-master-popup{background:#0000!important;border-radius:8px;box-shadow:none!important;font-family:Poppins,sans-serif;margin:1rem auto!important;max-width:800px;padding:0!important;width:90%!important}.item-master-popup .modal-content{border:none;border-radius:8px;box-shadow:0 10px 25px #0003;overflow:hidden}.item-master-popup .modal-header{align-items:center;background:linear-gradient(135deg,#3498db,#2c80b9);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:12px 15px}.item-master-popup .modal-title{font-size:1.1rem;font-weight:600;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-master-popup .close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;transition:all .2s ease}.item-master-popup .close:hover{opacity:.8;transform:scale(1.1)}.item-master-popup .modal-body{background-color:#fff;max-height:60vh;overflow-y:auto;padding:15px}.item-master-popup #itemSearch{border:1px solid #d1d5db;border-radius:6px;font-size:13px;margin-bottom:15px;padding:8px 12px;transition:all .3s ease;width:100%}.item-master-popup #itemSearch:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26;outline:none}.item-master-popup .table-responsive{overflow-x:auto}.item-master-popup table{border-collapse:collapse;font-size:13px;width:100%}.item-master-popup th{background:linear-gradient(135deg,#a8c0ff,#6a8cff);color:#fff;font-weight:500;padding:10px 12px;position:sticky;text-align:left;top:0}.item-master-popup td{border-bottom:1px solid #eaeef5;color:#4a5568;padding:10px 12px}.item-master-popup tr:nth-child(2n){background-color:#f8faff}.item-master-popup tr:hover{background-color:#f0f5ff}.item-master-popup .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;margin:2px;padding:6px 12px;transition:all .3s ease}.item-master-popup .btn i{margin-right:4px}.btn-delete:disabled{box-shadow:none;transform:none}.item-master-popup .modal-footer{background-color:#f5f7fa;border-top:1px solid #eaeef5;display:flex;justify-content:flex-end;padding:12px 15px}.item-master-popup .no-data{color:#6b7280;font-style:italic;padding:20px;text-align:center}.item-master-popup .modal-body::-webkit-scrollbar{width:6px}.item-master-popup .modal-body::-webkit-scrollbar-thumb{background-color:#c1d1ff;border-radius:3px}.item-master-popup .modal-body::-webkit-scrollbar-track{background-color:#f0f5ff}@media (max-width:768px){.item-master-popup{width:95%!important}.item-master-popup .modal-header{padding:10px}.item-master-popup .modal-title{font-size:1rem}.item-master-popup .close{font-size:1.3rem}.item-master-popup td,.item-master-popup th{font-size:12px;padding:8px 10px}.item-master-popup .btn{font-size:11px;padding:5px 8px}}@media (max-width:480px){.item-master-popup{width:98%!important}.item-master-popup .modal-body,.item-master-popup .modal-footer,.item-master-popup .modal-header{padding:8px}.item-master-popup .modal-title{font-size:.9rem}.item-master-popup td,.item-master-popup th{font-size:11px;padding:6px 8px}.item-master-popup .btn{font-size:10px;min-width:60px;padding:4px 6px}.item-master-popup .btn i{margin-right:2px}}.item-master-popup{animation:fadeIn .3s ease-out}.category-select-container{position:relative}.category-select-container label{color:#333;font-size:10px;left:2;position:absolute;top:0;transition:all .3s}.category-select-container select:focus+label,.category-select-container select:not([value=""])+label{color:#007bff;font-size:13px;top:0x}.ledger-popup-body{flex-grow:1;padding:20px}.ledger-search-input{width:100%}.ledger-table-container{flex-grow:1}.ledger-table-wrapper{flex-grow:1;max-height:calc(90vh - 250px)}.ledger-table thead th{background:linear-gradient(135deg,#a8c0ff,#6a8cff);padding:12px 15px}.ledger-table td{padding:12px 15px}.btn-edit:hover{box-shadow:0 2px 5px #a0e7f04d;transform:translateY(-1px)}.btn-delete:hover{box-shadow:0 2px 5px #ffb3ba4d;transform:translateY(-1px)}.ledger-popup-footer{padding:5px 20px}.ledger-popup-close-btn{background:linear-gradient(135deg,#3498db,#2c80b9);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 9px;transition:all .3s ease}.ledger-popup-close-btn:hover{background:linear-gradient(135deg,#2c80b9,#256a9e);transform:translateY(-1px)}.ledger-no-results{color:#6c757d;font-style:italic;padding:20px;text-align:center}.ledger-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.ledger-table-wrapper::-webkit-scrollbar-thumb{background-color:#adb5bd;border-radius:4px}.ledger-table-wrapper::-webkit-scrollbar-track{background-color:#f1f3f5}@media (max-width:768px){.ledger-popup-container{width:95%}.ledger-popup-header{padding:12px 15px}.ledger-table td,.ledger-table th{font-size:13px;padding:10px 12px}.ledger-actions{flex-direction:column;gap:5px}.ledger-action-btn{justify-content:center;width:100%}}@media (max-width:576px){.ledger-popup-container{width:98%}.ledger-popup-body,.ledger-popup-footer,.ledger-popup-header{padding:12px}.ledger-table td,.ledger-table th{font-size:12px;padding:8px 10px}.ledger-action-btn{font-size:12px;padding:5px 8px}.ledger-popup-title{font-size:1.1rem}}@media (max-width:480px){.ledger-table thead{display:none}.ledger-table,.ledger-table tbody,.ledger-table td,.ledger-table tr{display:block;width:100%}.ledger-table tr{border-bottom:2px solid #dee2e6;margin-bottom:15px;padding-top:8px;position:relative}.ledger-table td{border-bottom:1px solid #e9ecef;padding-left:50%;position:relative;text-align:right}.ledger-table td:before{color:#495057;content:attr(data-label);font-weight:700;left:15px;padding-right:10px;position:absolute;text-align:left;width:calc(50% - 15px)}.ledger-actions{justify-content:flex-end}.ledger-action-btn{width:auto}}.ledger-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ledger-popup-container{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.ledger-popup-header{align-items:center;background:linear-gradient(135deg,#3498db,#2c80b9);border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.ledger-popup-title{font-size:1.25rem;font-weight:600;margin:0}.ledger-popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:all .2s ease}.ledger-popup-close:hover{opacity:.8;transform:scale(1.1)}.ledger-popup-body{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:11px}.ledger-search-container{flex-shrink:0;margin-bottom:15px}.ledger-search-input{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 15px;transition:all .3s ease;width:30%}.ledger-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.ledger-table-container{border:1px solid #dee2e6;border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ledger-table-wrapper{overflow-y:auto}.ledger-table{border-collapse:collapse;font-size:14px;margin-bottom:0;width:100%}.ledger-table thead th{background:linear-gradient(135deg,#5580f0,#6a8cff);color:#fff;font-weight:500;padding:6px 14px;position:sticky;text-align:left;top:0;z-index:10}.ledger-table tbody tr{border-bottom:1px solid #e9ecef}.ledger-table tbody tr:last-child{border-bottom:none}.ledger-table tbody tr:hover{background-color:#00000008}.ledger-table td{color:#495057;padding:10px 13px;vertical-align:middle}.ledger-table tr:nth-child(2n){background-color:#f8f9fa}.ledger-actions{display:flex;gap:8px}.ledger-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;gap:5px;padding:6px 12px;transition:all .3s ease}.ledger-popup-footer{background-color:#f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:flex-end}.ledger-popup-body{overflow:hidden}.ledger-table-wrapper{flex:1 1;overflow:auto;position:relative}.ledger-popup-container{height:auto;min-height:500px}:root{--primary-color:#4285f4;--primary-light:#e8f0fe;--primary-dark:#3367d6;--success-color:#34a853;--warning-color:#f9ab00;--danger-color:#ea4335;--text-primary:#202124;--text-secondary:#5f6368;--border-color:#dadce0;--bg-color:#f8f9fa;--card-bg:#fff;--hover-bg:#f1f3f4;--active-tab-bg:#fff;--inactive-tab-bg:#f1f3f4;--tab-shadow:0 1px 2px #0000001a}*{font-family:Inter,sans-serif}body{background-color:#f8f9fa;background-color:var(--bg-color)}.sale-container{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px 0 #3c40431a,0 2px 6px 2px #3c404326;margin:10px;padding:10px}.tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding-left:8px}.tab,.tabs{position:relative}.tab{align-items:center;background:#f1f3f4;background:var(--inactive-tab-bg);border:1px solid #dadce0;border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 1px 2px #0000001a;box-shadow:var(--tab-shadow);color:#5f6368;color:var(--text-secondary);display:flex;font-size:13px;height:36px;margin-right:-1px;max-width:200px;min-width:120px;padding:8px 24px 8px 16px;transition:all .2s ease;z-index:1}.tab:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='36'%3E%3Cpath d='M0 0q8 0 8 8v20q0 8-8 8' fill='%23f1f3f4'/%3E%3C/svg%3E");left:-8px}.tab:after,.tab:before{background-repeat:no-repeat;background-size:8px 36px;content:"";height:100%;position:absolute;top:0;width:8px}.tab:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='36'%3E%3Cpath d='M0 0q-8 0-8 8v20q0 8 8 8' fill='%23f1f3f4'/%3E%3C/svg%3E");right:-8px}.tab:hover{background:#e8e8e8}.tab.active{background:#fff;background:var(--active-tab-bg);border-color:#dadce0;border-color:var(--border-color);box-shadow:0 2px 3px -1px #0000001a;color:#4285f4;color:var(--primary-color);font-weight:500;height:37px;z-index:2}.tab.active:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='37'%3E%3Cpath d='M0 0q8 0 8 8v21q0 8-8 8' fill='%23fff'/%3E%3C/svg%3E")}.tab.active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='37'%3E%3Cpath d='M0 0q-8 0-8 8v21q0 8 8 8' fill='%23fff'/%3E%3C/svg%3E")}.close-tab{background:#0000;border:none;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;margin-left:8px;padding:0 0 2px 5px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .2s}.close-tab:hover{color:#ea4335;color:var(--danger-color)}.add-tab{align-items:center;background:#4285f4;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:36px;margin-left:12px;margin-top:1px;padding:8px 13px;transition:all .3s ease;width:100px}.add-tab:hover{background:#3367d6;background:var(--primary-dark);box-shadow:0 1px 3px #4285f44d}.item-section{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow:hidden}.item-section-header{align-items:center;background:#e8f0fe;background:var(--primary-light);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.section-title{color:#202124;color:var(--text-primary);font-size:14px;font-weight:500}.section-title,.shortcut-hint{align-items:center;display:flex}.shortcut-hint{color:#5f6368;color:var(--text-secondary);font-size:12px;margin-left:15px}.shortcut-key{background:#00000014;border-radius:4px;color:#202124;color:var(--text-primary);font-size:11px;font-weight:500;margin-right:5px;padding:2px 6px}.btn{font-size:13px;padding:6px 12px;transition:all .3s ease}.btn-add{align-items:center;background:#4285f4;background:var(--primary-color);color:#fff;display:flex;height:28px;justify-content:center;margin-left:10px;padding:0;width:28px}.btn-add:hover{background:#3367d6;background:var(--primary-dark)}.barcode-section{align-items:center;background:#fff;border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;display:flex;padding:4px 8px}.barcode-section span{color:#5f6368;color:var(--text-secondary);font-size:12px;margin-right:8px}.barcode-input{border:none;font-size:13px;outline:none;padding:4px 8px;width:150px}.item-table-container{max-height:250px;overflow-x:auto}.item-table{border-collapse:collapse;font-size:13px;width:100%}.item-table td,.item-table th{border:1px solid #dadce0;border:1px solid var(--border-color);padding:8px 12px;text-align:left}.item-table th{background:#f5f7fa;color:#202124;color:var(--text-primary);font-weight:500;position:sticky;top:0;z-index:10}.item-table tr:nth-child(2n){background-color:#fafafa}.item-table tr:hover{background-color:#f1f3f4;background-color:var(--hover-bg)}.disc-input,.qty-input{border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;font-size:13px;padding:4px 6px;width:60px}.disc-input:focus,.qty-input:focus{border-color:#4285f4;border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f433;outline:none}.btn-delete{background:#0000;color:#ea4335;color:var(--danger-color);font-size:16px;opacity:.7;transition:opacity .2s}.btn-delete:hover{opacity:1}.no-items{color:#5f6368;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.item-table tfoot tr{background:#f5f7fa!important;bottom:0;position:sticky;z-index:10}.item-table tfoot td{border-top:2px solid #dadce0;border-top:2px solid var(--border-color);color:#202124;color:var(--text-primary);font-weight:500}.party-details-section{background:#fff;background:var(--card-bg);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow:hidden}.party-details-header{background:#e8f0fe;background:var(--primary-light);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);padding:12px 16px}.party-details-title{color:#202124;color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.party-details-content{display:flex;gap:20px}.party-details-left,.party-details-right{flex:1 1}.form-group{margin-bottom:16px}.form-control{border:1px solid #dadce0;border:1px solid var(--border-color);color:#202124;color:var(--text-primary);height:40px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:focus{border-color:#4285f4;border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f433}.form-group label{background:var(--card-bg);color:#5f6368;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:focus+label,.form-control:not(:placeholder-shown)+label,select.form-control:focus+label,select.form-control:not(:invalid)+label{background:#fff;background:var(--card-bg);color:#4285f4;color:var(--primary-color);left:10px;top:0;transform:translateY(-50%) scale(.85)}select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px}input[type=date].form-control:not(:focus):not(:placeholder-shown)+label{color:#5f6368;color:var(--text-secondary);left:10px;top:0;transform:translateY(-50%) scale(.85)}.btn-add-party{align-items:center;background:#4285f4;background:var(--primary-color);border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:all .2s ease;width:40px}.btn-add-party:hover{background:#3367d6;background:var(--primary-dark)}.bill-discount-inputs{display:flex;gap:12px}.bill-discount-inputs .form-group{flex:1 1;margin-bottom:0}.state-gst{display:flex;gap:12px}.state-gst .form-group{flex:1 1;margin-bottom:0}.form-control[readonly]{color:#5f6368;color:var(--text-secondary)}.action-buttons .btn{font-size:13px;gap:6px;padding:8px 20px}.btn.new{background:#4285f4;background:var(--primary-color);color:#fff}.btn.new:hover{background:#3367d6;background:var(--primary-dark)}.btn.save{background:#34a853;background:var(--success-color);color:#fff}.btn.save:hover{background:#2d9249}.btn.print{background:#f9ab00;background:var(--warning-color);color:#fff}.btn.print:hover{background:#e09b00}.btn.close{background:#5f6368;color:#fff}.btn.close:hover{background:#4d5156}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-modal{background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:1000px;width:90%}.popup-header{align-items:center;background:#4285f4;background:var(--primary-color);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px}.popup-header h3{font-size:16px;font-weight:500}.close-btn{background:#0000;color:#fff;line-height:1;opacity:.8;transition:opacity .2s}.close-btn:hover{opacity:1}.search-container{background:#f8f9fa;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);padding:16px}.search-input{border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;font-size:13px;padding:10px 12px;width:100%}.search-input:focus{border-color:#4285f4;border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f433;outline:none}.popup-table-container{flex:1 1;overflow-y:auto}.popup-table{border-collapse:collapse;font-size:13px;width:100%}.popup-table td,.popup-table th{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left}.popup-table th{background:#f5f7fa;color:#202124;color:var(--text-primary);font-weight:500;position:sticky;top:0}.popup-table tr:hover{background-color:#f1f3f4;background-color:var(--hover-bg)}.btn-add-item{background:#4285f4;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-add-item:hover{background:#3367d6;background:var(--primary-dark)}.loading,.no-data{color:#5f6368;color:var(--text-secondary);padding:20px;text-align:center}.confirm-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-popup-modal{background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;max-width:90%;overflow:hidden;width:400px}.confirm-popup-header{align-items:center;background:#4285f4;background:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:16px}.confirm-popup-header h3{font-size:16px;font-weight:500;margin:0}.confirm-popup-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;opacity:.8}.confirm-popup-close-btn:hover{opacity:1}.confirm-popup-body{color:#202124;color:var(--text-primary);font-size:14px;padding:24px;text-align:center}.confirm-popup-actions{border-top:1px solid #dadce0;border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:center;padding:16px}.confirm-popup-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 24px;transition:all .2s}.confirm-popup-btn.confirm{background:#ea4335;background:var(--danger-color);color:#fff}.confirm-popup-btn.confirm:hover{background:#d33426}.confirm-popup-btn.cancel{background:#f1f3f4;color:#202124;color:var(--text-primary)}.confirm-popup-btn.cancel:hover{background:#e0e2e4}@media (max-width:768px){.party-details-content{flex-direction:column}.bill-discount-inputs,.state-gst{flex-direction:column;gap:16px}.tabs{padding-left:0}.tab{min-width:100px;padding:8px 20px 8px 12px}}@media (max-width:576px){.sale-container{margin:10px;padding:15px}.action-buttons{flex-wrap:wrap}.action-buttons .btn{flex:1 1;min-width:auto}.item-section-header{align-items:flex-start;flex-direction:column;gap:12px}.barcode-section{width:100%}.popup-table td,.popup-table th{padding:8px 12px}}.btn-danger{background:linear-gradient(135deg,#ffb3ba,#ff8a94);color:#fff}.gst-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:4px;width:69px}.gst-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.rate-input{border:1px solid #ddd;border-radius:4px;padding:4px;text-align:right;width:80px}.rate-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.party-input-group{position:relative;width:100%}.party-dropdown{border-radius:6px;box-shadow:0 4px 12px #0000001a;font-size:13px;max-height:220px}.party-search-container{background-color:#fafafa;border-bottom:1px solid #eee;padding:6px 8px}.party-search-input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:6px 10px;width:100%}.party-list{list-style:none;margin:0;padding:0}.party-item{border-bottom:1px solid #f1f1f1;transition:background .2s}.party-item:last-child{border-bottom:none}.party-name{color:#333;font-size:13px;font-weight:600;margin-bottom:2px}.party-details{color:#777;display:flex;flex-wrap:wrap;font-size:11px;gap:6px}.party-details span{align-items:center;display:inline-flex}.party-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:150px;width:100%;z-index:1000}.party-item{cursor:pointer;padding:8px 12px}.party-item:hover{background-color:#f0f0f0}.no-results{color:#999}.item-section-header,.party-details-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapse-icon{font-size:.8em;margin-left:8px}.item-section-content,.party-details-content{transition:all .3s ease}.party-details-title .invoice-no{background:#f5f5f5;border-radius:4px;color:#555;font-size:.9em;font-weight:400;margin-left:15px;padding:2px 8px}.party-details-header{align-items:center;display:flex;justify-content:space-between;width:100%}.party-details-title{align-items:center;display:flex;flex-grow:1;gap:10px}.invoice-no{background:#f5f5f5;border-radius:4px;color:#555;font-size:.9em;font-weight:400;margin-left:auto;order:3;padding:2px 8px}.collapse-icon{order:1}.shortcut-hint{order:2}.form-control[type=text],.form-control[type=textarea]{min-height:40px;padding-top:10px;resize:vertical}textarea.form-control{line-height:1.5;min-height:80px}.action-buttons{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8f9facc;border:1px solid #e0e0e099;border-radius:8px;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:12px}.action-buttons .btn{align-items:center;border:1px solid #0000000d;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.action-buttons .btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.action-buttons .btn:active{box-shadow:0 2px 4px #0000000d;transform:translateY(0)}.btn.new{background:linear-gradient(135deg,#64b5f6e6,#4dd0e1e6)}.btn.new:hover{background:linear-gradient(135deg,#42a5f5e6,#26c6dae6)}.btn.save{background:linear-gradient(135deg,#81c784e6,#66bb6ae6)}.btn.save:hover{background:linear-gradient(135deg,#66bb6ae6,#43a047e6)}.btn.print{background:linear-gradient(135deg,#ffb74de6,#ffa726e6)}.btn.print:hover{background:linear-gradient(135deg,#ffa726e6,#fb8c00e6)}.btn.print:disabled{background:#ccccccb3;color:#ffffffb3;cursor:not-allowed}.btn.close{background:linear-gradient(135deg,#9e9e9ee6,#616161e6)}.btn.close:hover{background:linear-gradient(135deg,#757575e6,#424242e6)}.action-buttons .btn i{font-size:16px;opacity:.9}.action-buttons .btn:after{background:#ffffff4d}@media (max-width:768px){.action-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.action-buttons .btn{flex:1 1 45%;min-width:auto;padding:8px 16px}}@media (max-width:480px){.action-buttons .btn{font-size:13px}}.invoice-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:30px;width:100%;z-index:1000}.invoice-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:88vh;max-width:900px;overflow-y:auto;width:80%}.invoice-modal-header{align-items:center;background-color:#d7e0ff;border-bottom:1px solid #241e1e;display:flex;justify-content:space-between;padding:11px 20px;top:0;z-index:10}.invoice-modal-actions{display:flex;gap:10px}@media print{body *{visibility:hidden}.invoice-modal,.invoice-modal *{visibility:visible}.invoice-modal{background-color:#fff;height:auto;left:0;position:absolute;top:0;width:100%}.invoice-modal-header{display:none}}.payment-fields-container{align-items:center;background:#f8f9fa;border-radius:4px;gap:5px;margin-top:5px;padding:10px 15px}.payment-field label{display:block;margin-bottom:4px}.payment-field input{height:25px;margin-bottom:3px;padding:2px;width:40%}.small-input{padding:2px;width:40px}.payment-form-container{background-color:#e8f0fe;background-color:var(--primary-light);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;margin:15px 0;padding:16px}.payment-field-group,.payment-form-container{align-items:center;display:flex;gap:20px}.payment-field label{color:#5f6368;color:var(--text-secondary)}.payment-input{border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;font-size:13px;height:36px;padding:8px 12px;text-align:right;width:100px}.balance-amount{color:#ea4335;color:var(--danger-color);font-size:13px;min-width:80px}.form-group-section{margin-left:auto}.form-group-compact{min-width:180px}.form-group-compact .form-control{font-size:13px;height:36px;padding:8px 12px}@media (max-width:992px){.payment-form-container{align-items:stretch;flex-direction:column}.form-group-section{margin-left:0;width:100%}.payment-field-group{justify-content:space-between;width:100%}}@media (max-width:576px){.form-group-row{flex-direction:column;gap:12px}.form-group-compact{width:100%}.payment-field-group{align-items:flex-start;flex-direction:column;gap:12px}}.new-party{width:600px}.balance-field{width:200px}.payment-fields-container{align-items:flex-start;border:1px solid #dee2e6;gap:20px;justify-content:space-between;margin-top:15px}.form-group.state-gst{gap:15px}.form-group.state-gst>.form-group{flex:1 1;min-width:180px}.balance-field{display:flex;flex-direction:column;gap:5px;min-width:300px}.payment-field label{margin-right:8px}.payment-field input{border-radius:4px;padding:6px 8px}.balance-amount{font-weight:700;padding:4px 0}@media (max-width:992px){.payment-fields-container{flex-direction:column}.balance-field{max-width:100%;width:100%}}@media (max-width:576px){.form-group.state-gst>.form-group{min-width:100%}.payment-field{align-items:flex-start;flex-direction:column}.payment-field input{width:100%}}.payment-fields-container .form-control{font-size:13px;height:36px;padding:8px 12px}.payment-fields-container .form-group label{color:#495057;font-size:13px}.payment-fields-container select.form-control{background-position:right 8px center;padding-right:30px}.payment-fields-container{margin-bottom:16px}.payment-field input{height:36px}.balance-amount{color:#dc3545;font-size:14px;font-weight:600}@media (max-width:768px){.payment-fields-container{flex-direction:column}.payment-field{width:100%}}.balance-display{padding:5px}.payment-fields-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding:16px}.payment-field-row{align-items:center;display:flex;gap:16px;width:100%}.payment-field{gap:8px;justify-content:flex-end;min-width:200px;position:relative}.payment-field label{color:#495057;font-size:13px;font-weight:500;white-space:nowrap}.payment-field input{border:1px solid #ced4da;border-radius:6px;color:#000;font-size:13px;height:30px;padding:8px 12px;text-align:right;width:100px}.payment-field input:focus{border-color:#5b46e0;box-shadow:0 0 0 .2rem #5b46e040;outline:none}.balance-display{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:14px;font-weight:700;min-width:120px;padding:6px 4px;text-align:center}.form-group-row,.form-group-section{display:flex;flex-wrap:wrap;gap:16px;width:100%}.compact-form-group{flex:1 1;min-width:180px}.compact-form-group .form-control{font-size:13px;height:36px;padding:8px 12px}.compact-form-group label{color:#495057;font-size:13px}@media (max-width:992px){.payment-field-row{align-items:flex-start;flex-direction:column}.payment-field{width:100%}.payment-field input{width:120px}}@media (max-width:576px){.form-group-row{flex-direction:column;gap:12px}.compact-form-group{width:100%}.payment-field{align-items:flex-start;flex-direction:column;gap:4px}.payment-field input{width:100%}.balance-display{text-align:left;width:100%}}.payment-field.floating-label{padding-top:15px;position:relative}.payment-field.floating-label label{font-size:12px;left:0;opacity:.8;position:absolute;top:0}.payment-field.floating-label input{padding-bottom:4px;padding-top:12px}.negative-balance{background-color:#fff5f5;color:#dc3545}.positive-balance{background-color:#f5fff7;color:#28a745}.payment-field{margin-bottom:20px}.party-details-content{background-color:#fff;border-radius:0 0 8px 8px;padding:16px}.party-details-right{display:flex;flex-direction:column;gap:16px}.form-group.state-gst{display:flex;flex-wrap:wrap;gap:16px;width:100%}.supplier-input-group{position:relative;width:100%}.supplier-input-group input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.supplier-input-group input:focus{border-color:#5b46e0;box-shadow:0 0 0 2px #5b46e033;outline:none}.supplier-input-group label{background:#fff;color:#777;font-size:13px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.supplier-input-group input:focus+label,.supplier-input-group input:not(:placeholder-shown)+label{background:#fff;color:#5b46e0;top:0;transform:translateY(-50%) scale(.85)}.supplier-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.supplier-list{padding:8px 0}.supplier-item{cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s}.supplier-item:hover{background-color:#f5f5f5}.no-results{color:#777;font-size:13px;font-style:italic;padding:12px 16px}.form-group{flex:1 1;min-width:200px}.form-group textarea{padding-top:14px}.form-control[readonly]{background-color:#f8f9fa;border-color:#e9ecef;color:#555;cursor:not-allowed}@media (max-width:768px){.form-group.state-gst{flex-direction:column;gap:16px}.form-group{min-width:100%}.supplier-dropdown{margin-top:8px;position:relative}}.payment-field{align-items:center;display:flex;gap:10px}.payment-field label{align-items:center;display:flex;margin-bottom:0}.payment-field input[type=checkbox]{height:auto;margin-right:5px;width:auto}.selected-row{background-color:#e3f2fd!important}.popup-actions{align-items:center;display:flex;gap:10px}.btn-add-selected{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-add-selected:disabled{background-color:#6c757d;cursor:not-allowed}.popup-table td:first-child,.popup-table th:first-child{text-align:center;width:40px}.color-picker-panel{font-size:.9rem;margin-bottom:1rem;text-align:right}.color-picker-panel input{margin-left:.5rem;vertical-align:middle}.invoice-card{background:#fff;box-shadow:0 4px 12px #0000000d;color:#2a2e3f;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:2rem}.invoice-header{align-items:center;display:flex;justify-content:space-between}.company-info h1{font-size:1.75rem;margin:0 0 .5rem}.company-info p{line-height:1.4;margin:0}.invoice-title{font-size:1.5rem;margin:1.5rem 0;text-align:center}.invoice-meta{display:flex;justify-content:space-between;margin-bottom:1.5rem}.invoice-meta label{color:#6b7191;display:block;font-size:.85rem;margin-bottom:.25rem}.invoice-meta p{font-size:1rem;margin:0}.invoice-table{border-collapse:collapse;margin-bottom:1.5rem;width:100%}.invoice-table td,.invoice-table th{border:1px solid #e3e6ef;font-size:.95rem;padding:.75rem 1rem}.text-right{text-align:right}.invoice-totals{display:flex;justify-content:space-between;margin-bottom:1.5rem}.invoice-totals>div{flex:1 1}.invoice-totals p{margin:.25rem 0}.grand-total{margin-left:2rem;padding-top:1rem}.invoice-footer{border-top:1px dashed #e3e6ef;font-size:.9rem;padding-top:1rem}.align-right{text-align:right}.print-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:20px;padding:5px 15px;transition:all .2s ease}.print-button:hover{opacity:.9;transform:translateY(-1px)}@media print{body *{visibility:hidden}.invoice-page,.invoice-page *{visibility:visible}.invoice-page{background:#fff!important;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.color-picker-panel{display:none}.invoice-card{border:none!important;box-shadow:none!important;page-break-after:avoid;page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-after:auto;page-break-inside:avoid}}.print-preview-modal{align-items:center;background:#000c;bottom:0;display:flex;flex-direction:column;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.print-preview-header{display:flex;justify-content:space-between;margin-bottom:20px;max-width:800px;padding:10px 0;width:100%}.print-preview-header button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.print-preview-header button:first-child{background:#666}.print-preview-content{background:#fff;box-shadow:0 0 10px #0003;max-width:800px;padding:20px;width:100%}@media print{body *{visibility:hidden}.print-preview-modal,.print-preview-modal *{visibility:visible}.print-preview-modal{background:#fff;left:0;margin:0;padding:0;position:absolute;top:0}.print-preview-header{display:none}.print-preview-content{box-shadow:none;margin:0;padding:0}.invoice-card.print-view{border:none}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:768px){.invoice-meta,.invoice-totals{flex-direction:column;gap:1rem}.grand-total{margin-left:0}.invoice-table td,.invoice-table th{white-space:nowrap}.invoice-title{font-size:1.2rem}.company-info h1{font-size:1.4rem}.company-info p,.invoice-meta label,.invoice-meta p{font-size:.9rem}.invoice-footer{font-size:.85rem}}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.invoice-table td,.invoice-table th{white-space:nowrap}@media (max-width:768px){.invoice-meta,.invoice-totals{flex-direction:column;gap:1rem}.grand-total{margin-left:0}.company-info h1{font-size:1.5rem}.invoice-title{font-size:1.3rem}.invoice-footer{font-size:.85rem}.invoice-card{padding:1rem}}.tableWrapper{max-height:0}.saleInvoice{padding:15px}h1{font-size:22px;font-weight:600;margin-bottom:8px}.filterSection{display:flex;flex-direction:column;gap:8px}.filterSection h2{font-size:14px;font-weight:500}.divider{border:1px solid #dbe9f7;margin:12px 0}.salesSummary{height:92px;margin-bottom:12px}@media (max-width:768px){.saleInvoice{padding:12px}.transactionsTable{min-width:550px}.tableWrapper{max-height:350px}}.add-sale-button{background-color:#1a2456;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.add-sale-button:hover{background-color:#2c3a7d}.action-button.view{background-color:#e0efff;color:#1a2456}.status.paid{background-color:#e6f7ee;color:#28a745}.status.unpaid{background-color:#fee;color:#dc3545}.status.partial{background-color:#fff3cd;color:#ffc107}.search-bar input,.search-bar select{border-color:#d0e5f7;border-radius:6px;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .3s ease}.search-bar input:focus,.search-bar select:focus{border-color:#007bff}.action-button.print{background:none;border:none;cursor:pointer;font-size:18px}.transactionsTable input[type=number],.transactionsTable input[type=text]{background-color:#fff;border:1px solid #d0e5f7;border-radius:4px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:6px 10px;transition:border-color .2s ease}.transactionsTable input[type=number]:focus,.transactionsTable input[type=text]:focus{border-color:#1a2456;box-shadow:0 0 0 2px #1a24561a;outline:none}.transactionsTable input[type=number]::placeholder,.transactionsTable input[type=text]::placeholder{color:#a0aec0;font-size:12px}.transactionsTable input[type=number]{padding-right:8px}.action-button.pay{background-color:#1a2456;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.action-button.pay:hover{background-color:#2c3a7d}.back-button{align-items:center;background-color:initial;border:1px solid #d0e5f7;border-radius:4px;color:#1a2456;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:6px 12px;transition:all .2s}.back-button:hover{background-color:#e7f1fb;border-color:#1a2456}@media (max-width:768px){.transactionsTable input[type=number],.transactionsTable input[type=text]{font-size:12px;padding:5px 8px}.action-button.pay{padding:5px 10px}}body{background-color:#f5f7fa}.receipt-container{background:#fff;border-radius:8px;box-shadow:0 5px 15px #00000014;margin:20px auto;max-width:1000px;padding:20px}.tabs{border-bottom:1px solid #eaeef5;display:flex;margin-bottom:20px}.tab{color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.tab.active{border-bottom:2px solid #3498db;color:#3498db}.receipt-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{position:relative}.form-control{background:#0000;border:1px solid #d1d5db;border-radius:6px;font-size:13px;height:42px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}textarea.form-control{min-height:100px;resize:vertical}.form-group label{background:#fff;color:#6b7280;font-size:13px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-control:focus+label,.form-control:not(:placeholder-shown)+label,input[type=date]:not(:focus):not(:placeholder-shown)+label,select:not(:invalid)+label{background:#fff;color:#3498db;left:10px;top:0;transform:translateY(-50%) scale(.85)}.form-control::placeholder{color:#0000}.select-arrow select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px}.btn-cancel,.btn-submit,.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#3498db,#2c80b9);box-shadow:0 2px 8px #3498db33}.btn-submit:hover{box-shadow:0 3px 10px #3498db4d;transform:translateY(-1px)}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.btn-view{background:linear-gradient(135deg,#a0e7f0,#7ad4e0);color:#2d3748}.btn-view:hover{background:linear-gradient(135deg,#8fdae4,#6ac7d4);transform:translateY(-1px)}.modal-content{animation:fadeIn .3s ease-out;max-width:900px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#a8c0ff,#6a8cff);color:#fff}.modal-header h3{font-weight:600}.close-button{color:#fff;line-height:1}.modal-body{max-height:calc(80vh - 60px);overflow-y:auto}.receipts-table-container{overflow-x:auto}.receipts-table{border-collapse:collapse;font-size:13px;width:100%}.receipts-table th{background:linear-gradient(135deg,#b0c2fa,#95aaf5);color:#2d3748;font-weight:500;padding:10px 12px;text-align:left}.receipts-table td{border-bottom:1px solid #eaeef5;color:#4a5568;padding:10px 12px}.receipts-table tr:nth-child(2n){background-color:#f8faff}.receipts-table tr:hover{background-color:#f0f5ff}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px;padding:5px 10px;transition:all .2s ease}.btn-edit{background:linear-gradient(135deg,#a0e7f0,#7ad4e0);color:#2d3748}.btn-edit:hover{background:linear-gradient(135deg,#8fdae4,#6ac7d4)}.btn-delete{background:linear-gradient(135deg,#ffb3ba,#ff8a94);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#f5a6ad,#f57d88)}.btn-delete:disabled{background:#9ca3af;cursor:not-allowed}.no-data{color:#6b7280;padding:20px}.loading{color:#3498db}.error{color:#e74c3c;padding:20px;text-align:center}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit,.btn-view{margin-bottom:10px;width:100%}.receipts-table{min-width:600px}.modal-content{width:95%}}@media (max-width:480px){.receipt-container{padding:15px}.modal-header h3{font-size:16px}.receipts-table td,.receipts-table th{font-size:12px;padding:8px 10px}.btn-delete,.btn-edit{font-size:11px;padding:4px 8px}}.receipt-container{background:#f4f8fc;color:#1a2456;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px}.add-button{background-color:#1a2456;border-radius:4px;padding:8px 16px;transition:background-color .2s}.add-button:hover{background-color:#2c3a7d}.search-filter-section{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.search-bar{flex-grow:1;min-width:250px;position:relative}.search-bar input{width:100%}.filter-dropdowns{flex-wrap:wrap;gap:10px}.filter-dropdowns select{background-color:#fff;border:1px solid #d0e5f7;border-radius:4px;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px}.summary{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #005cb30d;height:80px;margin-bottom:15px;padding:12px}.summary h2{color:#333;font-size:16px;margin-bottom:6px}.total-amount{color:#1a2456;font-size:20px;font-weight:700}.transactionsContainer h2{font-size:16px;margin-bottom:8px}.transactionsTable th{font-weight:600}.status.completed{background-color:#e6f7ee;color:#28a745}.status.pending{background-color:#fff3cd;color:#ffc107}.status.cancelled{background-color:#fee;color:#dc3545}.action-button.edit{background-color:#e0efff}.action-button.print{background-color:#f0f7ff;color:#1a2456}.receipt-form-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.receipt-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.form-header h3{color:#333;font-size:18px;margin:0}.close-button{color:#666;font-size:20px}.form-body{padding:20px}.form-group label{color:#555;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.party-select{position:relative}.party-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.party-option{cursor:pointer;padding:8px 10px}.party-option:hover{background-color:#f5f5f5}.form-actions{border-top:1px solid #eee;gap:10px;padding:15px 20px}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.save-button{background-color:#1a2456;color:#fff}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.error,.loading{font-size:16px}.error{color:#dc3545}@media (max-width:768px){.search-filter-section{flex-direction:column}.filter-dropdowns{width:100%}.filter-dropdowns select{flex-grow:1}.transactionsTable{min-width:550px}.receipt-form-container{width:95%}}@media (max-width:480px){.header-section{align-items:flex-start;gap:10px}.add-button{width:100%}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.receipt-containers{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;padding:10px}.receipt-print{background:#fff;border:1px solid #555;box-shadow:0 0 10px #0000001a;padding:30px;width:800px}.receipt-header{color:#000;font-size:14px;margin-bottom:20px;text-align:right}.receipt-header h2{color:#000;font-size:22px;margin:0;text-align:right}.receipt-header p{margin:2px 0}.amount-section,.for-section,.receipt-details,.received-from,.signature-section{margin-top:20px;width:100%}.amount-figures h4,.amount-in-words h4,.receipt-details h3,.received-from h3{background-color:#6b82b7f7;color:#fff;font-size:15px;margin:0;padding:8px 12px}.received-from p{border:1px solid #ccc;font-size:16px;margin:0;padding:12px}.receipt-details .details-grid{border:1px solid #ccc;border-top:none;display:flex;font-size:15px;justify-content:space-between}.payment-containers{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;padding:10px}.payment-print{background:#fff;border:1px solid #555;box-shadow:0 0 10px #0000001a;padding:30px;width:800px}.payment-header{color:#000;font-size:14px;margin-bottom:20px;text-align:right}.payment-header h2{color:#000;font-size:22px;margin:0;text-align:right}.payment-header p{margin:2px 0}.divider{background-color:#555;height:1px;margin:10px 0}.amount-section,.for-section,.paid-to,.payment-details,.signature-section{margin-top:20px}.amount-figures h4,.amount-in-words h4,.paid-to h3,.payment-details h3{background-color:#6b82b7f7;color:#fff;font-size:15px;margin:0;padding:8px 12px}.paid-to p{border:1px solid #ccc;font-size:16px;margin:0;padding:12px}.payment-details .details-grid{border:1px solid #ccc;border-top:none;display:flex;font-size:15px;justify-content:space-between}.detail-item{border-left:1px solid #ccc;flex:1 1;padding:10px 12px}.detail-item:first-child{border-left:none}.amount-section{border:1px solid #ccc;display:flex;margin-top:20px}.amount-figures,.amount-in-words{flex:1 1}.amount-figures .amount-row,.amount-in-words p{border-top:1px solid #ccc;font-size:16px;margin:0;padding:12px}.amount-row{display:flex;justify-content:space-between}.for-section{font-size:16px;font-weight:500;margin-top:30px;text-align:right}.signature-section{font-weight:700;margin-top:60px;text-align:right}.error,.loading{font-size:18px;padding:20px;text-align:center}.details{display:flex}.bcg-wrapper{font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:24px 16px}.bcg-title{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 24px}.bcg-field{position:relative}.bcg-field label{background:#fff;color:#6b7280;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:0;transform:translateY(-50%)}.bcg-field input,.bcg-field label,.bcg-field select{font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bcg-field input,.bcg-field select{background:#0000;border:1px solid #d1d5db;border-radius:6px;height:42px;outline:none;padding:10px 12px}.bcg-field input:focus,.bcg-field select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.bcg-field input:focus+label,.bcg-field input:not(:placeholder-shown)+label,.bcg-field input[readonly]+label,.bcg-field select:focus+label,.bcg-field select:not([value=""])+label{background:#fff;color:#3498db;left:10px;top:0;transform:translateY(-50%) scale(.85)}.bcg-field select:not(:focus):invalid+label{color:#6b7280;left:10px;top:0;transform:translateY(-50%) scale(.85)}.bcg-field input::placeholder{color:#0000}.bcg-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px}.bcg-field input[readonly]{background-color:#f8f9fb;cursor:not-allowed}.bcg-card{background:#fff;border-radius:8px;box-shadow:0 1px 10px #0000000d;margin-bottom:20px;padding:20px}.bcg-form{display:flex;flex-wrap:wrap;gap:20px}.bcg-add{background:linear-gradient(135deg,#3498db,#2c80b9);border:none;border-radius:6px;box-shadow:0 2px 8px #3498db33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.bcg-add:hover{background:linear-gradient(135deg,#2980b9,#256fa3);box-shadow:0 3px 10px #3498db4d;transform:translateY(-1px)}.bcg-add:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.bcg-loading{color:#6b7280;font-size:12px;margin-top:4px}.bcg-error{background:#fff0f0;border-left:3px solid #e11d48;border-radius:6px;color:#e11d48;font-size:14px;margin-bottom:20px;padding:12px 16px}.bcg-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bcg-table-header h2{font-size:18px;margin:0}.bcg-clear{align-items:center;background:none;border:none;border-radius:4px;color:#e11d48;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 8px}.bcg-clear:hover{background:#e11d480d}.tableWrapper{border:1px solid #e3e6ef;border-radius:8px;overflow-x:auto}.transactionsTable{font-size:14px;min-width:800px}.transactionsTable thead{background:#f8f9fb}.transactionsTable th{color:#5a5a5a;font-weight:500;padding:12px 16px;text-align:left;white-space:nowrap}.transactionsTable td{border-top:1px solid #e3e6ef;padding:12px 16px;vertical-align:top}.transactionsTable td.center{text-align:center}.bcg-del{align-items:center;display:flex;justify-content:center}.bcg-empty{padding:40px 0;text-align:center}.bcg-empty-content{color:#a1a9be;flex-direction:column;gap:8px}.bcg-empty-content,.bcg-footer{align-items:center;display:flex}.bcg-footer{gap:16px;justify-content:space-between;margin-top:24px}.bcg-summary{color:#5a5a5a;display:flex;font-size:14px;gap:16px}.bcg-actions{display:flex;gap:12px}.bcg-generate,.bcg-preview{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.bcg-preview{background:#fff;border:1px solid #e3e6ef}.bcg-preview:hover{border-color:#3498db;color:#3498db}.bcg-generate{background:linear-gradient(135deg,#e11d48,#b91c3c);border:none;color:#fff}.bcg-generate:hover{background:linear-gradient(135deg,#c81840,#9e1733)}.bcg-generate:disabled,.bcg-preview:disabled{cursor:not-allowed;opacity:.5}.bcg-modal-mask{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.bcg-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.bcg-modal-header{align-items:center;border-bottom:1px solid #e3e6ef;display:flex;justify-content:space-between;padding:16px 20px}.bcg-modal-header h2{font-size:18px;margin:0}.bcg-close{background:none;border:none;border-radius:4px;color:#5a5a5a;cursor:pointer;padding:4px}.bcg-close:hover{background:#f8f9fb;color:#2c3e50}.bcg-modal-content{flex:1 1;padding:20px}.bcg-sheet-info{color:#5a5a5a;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.bcg-sheet{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.bcg-lbl-header{font-weight:500}.bcg-lbl-header,.bcg-lbl-line1,.bcg-lbl-line2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcg-modal-btns{border-top:1px solid #e3e6ef;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.bcg-btn-primary{background:linear-gradient(135deg,#3498db,#2c80b9);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.bcg-btn-primary:hover{background:linear-gradient(135deg,#2980b9,#256fa3)}.bcg-btn-secondary{background:#fff;border:1px solid #e3e6ef;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.bcg-btn-secondary:hover{border-color:#3498db;color:#3498db}@media print{body *{margin:0;padding:0;visibility:hidden}.bcg-modal,.bcg-modal *{visibility:visible}.bcg-modal{border-radius:0;box-shadow:none;height:auto;left:0;max-height:none;position:absolute;top:0;width:100%}.bcg-modal-btns,.bcg-modal-header,.bcg-sheet-info{display:none}.bcg-sheet{grid-gap:0;page-break-after:always}.bcg-label{border:none;height:100%;margin:0;padding:0}@page{size:auto;margin:5mm}}@media (max-width:768px){.bcg-form{grid-template-columns:1fr}.bcg-footer{align-items:flex-start;flex-direction:column}.bcg-actions{justify-content:flex-end;width:100%}.bcg-sheet{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.bcg-sheet{grid-template-columns:repeat(2,1fr)}.bcg-modal-btns{flex-direction:column}.bcg-btn-primary,.bcg-btn-secondary{width:100%}}.preview-panel{background:#f8f9fb;border:1px solid #e3e6ef;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding:16px}.panel-title{color:#2c3e50;font-size:16px;font-weight:500;margin:0 0 12px}.barcode-preview{height:100px}.barcode-line{margin-bottom:4px}.add-button{background:linear-gradient(135deg,#3498db,#2c80b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px;transition:all .3s ease;width:100%}.add-button:hover{background:linear-gradient(135deg,#2980b9,#256fa3)}.add-button:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.pre-card{display:flex;flex-direction:column;gap:20px}.preview-panel{flex:0 0 300px;margin-top:0}}.barcode-display{align-items:center;background:#fff;border:1px solid #e3e6ef;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:8px;text-align:center;width:100%}.barcode-text{color:#2c3e50;font-size:13px;line-height:1.4;margin-top:4px}.barcode-line,.barcode-text{text-align:center;width:100%}.bcg-label{align-items:center;border:1px dashed #e3e6ef;border-radius:4px;display:flex;flex-direction:column;font-size:11px;gap:4px;height:100%;justify-content:center;padding:8px;text-align:center}.bcg-label svg{display:block;margin:0 auto}@media print{.bcg-label{border:none;height:40mm;margin:0;padding:0;page-break-inside:avoid}.bcg-label svg{height:20mm!important;width:100%!important}.bcg-lbl-header,.bcg-lbl-line1,.bcg-lbl-line2{text-align:center;width:100%}.bcg-sheet{grid-auto-rows:40mm;grid-template-columns:repeat(5,1fr)}}.barcode-preview{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:768px){.barcode-display{max-width:300px;width:100%}}.dropdown-input-container{display:flex;gap:8px;width:100%}.dropdown-select{flex:1 1;min-width:120px}.custom-input{flex:2 1;min-width:0}.bcg-field input,.bcg-field select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:200px}:root{--white:#fff;--border:#e0e0e0;--text-muted:#6d6d6d;--primary:#2962ff}*,:after,:before{box-sizing:border-box}.dashboard{color:#212121;font-family:Inter,Poppins,sans-serif;padding:1.25rem}.banner{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.banner__left{font-size:.875rem}.banner__left,.banner__right{align-items:center;display:flex;gap:.5rem}.kpi{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.kpi__card{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:10px;padding:1rem}.kpi__header{align-items:center;display:flex;gap:.75rem;position:relative}.kpi__header h4{flex-grow:1;font-size:.95rem;font-weight:600}.icon--more{color:#6d6d6d;color:var(--text-muted);cursor:pointer;font-size:1.1rem}.kpi__body{margin-top:1.25rem}.amount{font-size:1.35rem;font-weight:700}.count{color:#6d6d6d;color:var(--text-muted);font-size:.8rem}.avatar{border-radius:50%;color:#fff;color:var(--white);display:grid;font-size:1.35rem;height:36px;place-items:center;width:36px}.chart{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:10px}.chart__header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.chart__header h3{font-size:1rem;font-weight:600}.chart__controls{display:flex;gap:.5rem}.chart__body{align-items:center;color:#6d6d6d;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:3rem 1rem}.icon--empty{font-size:3rem;margin-bottom:.75rem}.btn--icon{background:#0000;border:none;color:#6d6d6d;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.35rem}.btn--icon:hover{background:#f5f5f5;border-radius:50%}.chip{align-items:center;background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.35rem .6rem}.chip--primary{background:#2962ff;background:var(--primary);border-color:#2962ff;border-color:var(--primary);color:#fff;color:var(--white)}.chip--date:hover,.chip--secondary:hover{background:#f5f5f5}.mr-4{margin-right:.25rem}.ml-2{margin-left:.15rem}.icon{vertical-align:middle}.icon--sm{font-size:1rem}.avatar,.btn--icon,.chip,.icon{transition:transform .18s ease,color .18s ease,filter .18s ease}.avatar:hover{cursor:pointer;filter:brightness(1.15);transform:scale(1.08)}.btn--icon:hover,.icon--more:hover{color:#2962ff;color:var(--primary);transform:rotate(90deg)}.chip:hover{filter:brightness(.95);transform:translateY(-1px)}.banner:hover .icon,.chart__controls button:hover .icon,.kpi__card:hover .icon{color:#2962ff;color:var(--primary)}.add-item-button{background-color:#1a2456;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.add-item-button:hover{background-color:#2c3a7d}.info{gap:15px}.search-filter-section{flex-grow:1}.search-bar{margin-bottom:12px}.search-bar input{width:370px}.search-bar select{background-color:#fff;cursor:pointer}.filterSection{margin-bottom:12px}.filterOptions{display:flex;flex-wrap:wrap;gap:8px}.filterOption{font-size:12px;padding:4px 10px}.filterOption.active{background-color:#1a2456;color:#fff}.itemsSummary{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #005cb30d;height:92px;margin-bottom:12px;min-width:200px;padding:8px 12px}.itemsSummary h2{font-size:16px;margin-bottom:6px}.totalAmount{margin-bottom:4px}.amountBreakdown{display:flex;gap:8px}.itemsContainer{background:#fff;border-radius:8px;box-shadow:0 1px 4px #005cb30d;padding:12px}.itemsContainer h2{font-size:16px;margin-bottom:8px}.itemsTable{border-collapse:collapse;min-width:700px;width:100%}.itemsTable thead{background-color:#e7f1fb;position:sticky;top:0;z-index:1}.itemsTable td,.itemsTable th{border-bottom:1px solid #d0e5f7;font-size:13px;padding:8px 10px;text-align:left}.itemsTable th{color:#1a2456}.status{border-radius:10px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;text-transform:capitalize}.status.active{background-color:#e6f7ee;color:#28a745}.status.inactive{background-color:#fee;color:#dc3545}.action-button{border:none;border-radius:3px;cursor:pointer;font-size:12px;margin:0 2px;padding:4px 8px}.action-button.edit{background-color:#f0f7ff;color:#1a2456}.action-button.delete{background-color:#fee;color:#dc3545}.action-button:hover{opacity:.8}.search-icon{color:#6a6a6a;left:10px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.allItems{padding:12px}.info{flex-direction:column}.search-bar{gap:8px}.itemsSummary,.search-bar input{width:100%}.itemsTable{min-width:550px}.tableWrapper{max-height:350px}}.allItems{background:#f4f8fc;color:#1a2456;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px}.allItems h1{font-size:22px;font-weight:600;margin-bottom:8px}.header-actions{gap:10px}.btn-primary,.btn-secondary{border:none;border-radius:4px;transition:background-color .2s}.btn-primary{background-color:#1a2456}.btn-primary:hover{background-color:#2c3a7d}.btn-secondary{background-color:#e0efff;border:1px solid #c4dff9;color:#1a2456}.btn-secondary:hover{background-color:#d0e5f7}.filters-section{margin-bottom:15px}.search-filter{align-items:center;gap:10px;margin-bottom:12px}.search-filter input{border:1px solid #d0e5f7;border-radius:4px;padding:8px 12px 8px 32px;width:370px}.search-filter select{border:1px solid #d0e5f7;border-radius:4px;padding:8px 12px}.filter-tag{background-color:#e0efff;border:1px solid #c4dff9;color:#1a2456;padding:4px 10px}.filter-tag.active{background-color:#1a2456}.summary-section{margin-bottom:15px}.summary-card{background-color:#fff;box-shadow:0 1px 4px #005cb30d;padding:8px 12px}.summary-card h3{color:#6a6a6a;margin-bottom:6px}.summary-card p{font-size:20px;font-weight:700}.table-section{box-shadow:0 1px 4px #005cb30d;padding:12px}.table-section h2{font-size:16px;margin-bottom:8px}table{border-collapse:collapse;width:100%}table thead{background-color:#e7f1fb;position:sticky;top:0}table td,table th{border-bottom:1px solid #d0e5f7;font-size:13px;padding:8px 10px;text-align:left}table th{color:#1a2456}.btn-delete,.btn-edit,.btn-view{border-radius:3px;margin:0 2px;padding:4px 8px}.btn-view{background-color:#e6f7ee;color:#28a745}.btn-edit{background-color:#f0f7ff;color:#1a2456}.btn-delete{background-color:#fee;color:#dc3545}.btn-delete:hover,.btn-edit:hover,.btn-view:hover{opacity:.8}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;box-shadow:0 4px 20px #00000026;max-width:700px;overflow:auto;width:80%}.modal-header{border-bottom:1px solid #d0e5f7}.modal-header h3{color:#1a2456}.modal-header button{color:#6a6a6a}.modal-footer{border-top:1px solid #d0e5f7;text-align:right}.modal-footer button{background-color:#1a2456;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.loading{color:#1a2456;padding:30px 0;text-align:center}@media (max-width:768px){.allItems{padding:12px}.header-section{align-items:flex-start;gap:10px}.search-filter{flex-direction:column;gap:8px}.search-filter input{width:100%}.modal-content{max-height:90vh;width:95%}}.all-recipes-container,.recipe-form-container{background:#f8fafc;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#1a2456;font-family:Poppins,sans-serif;margin:15px;padding:20px}.all-recipes-container h1,.recipe-form-container h2{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px;padding-bottom:8px;position:relative}.all-recipes-container h1:after,.recipe-form-container h2:after{background:linear-gradient(90deg,#3498db,#6a8cff);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.header-section{flex-wrap:wrap;gap:15px;margin-bottom:20px}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#6a8cff,#4781ba);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5a7bef,#3a6ca8);box-shadow:0 4px 8px #6a8cff4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #4781ba;color:#4781ba}.btn-secondary:hover{background:#f0f5ff;transform:translateY(-2px)}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:15px}.search-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.search-filter input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:14px;min-width:250px;padding:8px 15px;transition:all .3s}.search-filter input:focus{border-color:#6a8cff;box-shadow:0 0 0 3px #6a8cff1a;outline:none}.search-filter select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 15px}.quick-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background:#e7f1fb;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s}.filter-tag:hover{background:#d0e0f5}.filter-tag.active{background:#4781ba;color:#fff}.summary-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;flex:1 1;min-width:150px;padding:15px;text-align:center}.summary-card h3{color:#6b7280;font-size:14px;margin-bottom:8px}.summary-card p{color:#1a2456;font-size:24px;font-weight:600}.table-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.table-section h2{color:#2c3e50;font-size:18px;margin-bottom:15px}.recipe-table{border-collapse:collapse;width:100%}.recipe-table th{background:#f0f5ff;color:#4781ba;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.recipe-table td{border-bottom:1px solid #f0f4f8;font-size:14px;padding:12px 15px}.recipe-table tr:last-child td{border-bottom:none}.recipe-table tr:hover{background:#f8faff}.btn-delete,.btn-edit,.btn-view{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;padding:6px 12px;transition:all .3s}.btn-view{background:#e0f2fe;color:#0369a1}.btn-edit{background:#f0fdf4;color:#15803d}.btn-delete{background:#fee2e2;color:#b91c1c}.btn-delete:hover,.btn-edit:hover,.btn-view:hover{opacity:.9;transform:translateY(-1px)}.recipe-form-container{margin:20px auto;max-width:900px}.form-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.form-section h3{border-bottom:1px solid #f0f4f8;color:#4781ba;font-size:16px;padding-bottom:8px}.form-group,.form-section h3{margin-bottom:15px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6a8cff;box-shadow:0 0 0 3px #6a8cff1a;outline:none}.recipe-details-table{border-collapse:collapse;margin-bottom:15px;width:100%}.recipe-details-table th{background:#f0f5ff;color:#4781ba;font-size:13px;font-weight:500;padding:10px 12px;text-align:left}.recipe-details-table td{border-bottom:1px solid #f0f4f8;padding:10px 12px}.recipe-details-table input,.recipe-details-table select{border:1px solid #e2e8f0;border-radius:4px;font-size:13px;padding:8px 10px;width:100%}.add-btn,.remove-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;height:45px;padding:6px 12px;transition:all .3s}.add-btn{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.remove-btn{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.add-btn:hover,.remove-btn:hover{opacity:.9;transform:translateY(-1px)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-submit{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#6b7280}.btn-cancel:hover{background:#f8fafc}.btn-submit{background:linear-gradient(135deg,#6a8cff,#4781ba);border:none;color:#fff}.btn-submit:hover{background:linear-gradient(135deg,#5a7bef,#3a6ca8);box-shadow:0 4px 8px #6a8cff4d;transform:translateY(-2px)}.btn-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{color:#2c3e50;font-size:18px;margin:0}.modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;transition:all .3s}.modal-header button:hover{color:#1a2456}.modal-body{padding:20px}.modal-footer{border-top:1px solid #f0f4f8;display:flex;justify-content:flex-end;padding:15px 20px}.loading{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:20px}@media (max-width:768px){.header-section{align-items:flex-start}.header-actions{justify-content:flex-end;width:100%}.recipe-table td,.recipe-table th{font-size:13px;padding:10px 12px}.btn-delete,.btn-edit,.btn-view{font-size:11px;margin-right:3px;padding:5px 8px}}@media (max-width:480px){.all-recipes-container,.recipe-form-container{margin:10px;padding:15px}.search-filter{flex-direction:column;gap:10px}.search-filter input,.search-filter select{min-width:100%}.recipe-table{display:block;overflow-x:auto}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-submit{width:100%}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-field{margin-bottom:15px;position:relative}.input-field select{background:#0000;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;height:42px;outline:none;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;width:220px}.input-field select:focus{border-color:#6a8cff;box-shadow:0 0 0 3px #6a8cff1a}.input-field label{background:#fff;color:#6b7280;font-size:14px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field select:focus+label,.input-field select:not([value=""])+label{background:#fff;color:#6a8cff;left:10px;top:0;transform:translateY(-50%) scale(.85)}.input-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px}.stockTable .col-total{background-color:#e6f7ee;color:#28a745;font-weight:700}.stockTable th.col-total-header{background-color:#d4edda;color:#155724;font-weight:700}.stockTable td.col-total{background-color:#e6f7ee;color:#28a745;font-weight:700}.date-filters input[type=date]{border:1px solid #ccc;border-radius:4px;padding:5px}.date-filters button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:5px 10px}.date-filters button:hover{background-color:#e0e0e0}.date-range-info{color:#666;font-size:.9em;margin-top:5px}.date-filters input[type=date]{background:#fff;border:1px solid var(--border);border-radius:6px;font-size:14px;padding:8px 10px;width:250px}.side-panel{width:600px}.side-panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.side-panel-header h3{color:#333;font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background:#e0e0e0;border-radius:50%;color:#333}.side-panel-content{flex:1 1;overflow-y:auto;padding:20px}.production-details-table{border-collapse:collapse;margin-bottom:20px;width:100%}.production-details-table td,.production-details-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.production-details-table th{background-color:#f8f9fa;color:#333;font-weight:700}.production-details-table tr:hover{background-color:#f5f5f5}.production-total{background:#f8f9fa;border-radius:4px;border-top:2px solid #e0e0e0;padding:15px}.side-panel-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px}.assistance-section{text-align:center}.callback-btn{background:#1a2456;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.callback-btn:hover{background:#141c46}.production-link:hover{color:#00008b}@media (max-width:768px){.side-panel{width:100%}}.side-panel-overlay{animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.side-panel{animation:slideIn .3s ease-out forwards;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;transform:translateX(100%);width:700px}.side-panel.closing{animation:slideOut .3s ease-in forwards}.side-panel-overlay.closing{animation:fadeOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.side-panel-overlay{z-index:9999;z-index:2147483647}@media (max-width:768px){.date-filters{flex-direction:column;gap:8px;width:100%}.date-filters>div{width:100%}.date-filters input[type=date]{max-width:100%;width:100%}.date-filters button{max-width:100%;padding:10px;width:40%}@media (max-width:480px){.date-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.date-filters>div:first-child,.date-filters>div:nth-child(2){grid-column:1/-1}.date-filters button{margin:0}}}@media (max-width:1024px) and (min-width:769px){.date-filters{flex-wrap:wrap;gap:8px}.date-filters>div{min-width:140px}.date-filters input[type=date]{width:100%}}@media (max-width:768px){.search-bar{align-items:stretch;flex-direction:column}}.panel-total{box-shadow:0 2px 6px #0000000d;display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:flex-start;margin-top:15px;transition:all .3s ease-in-out}.panel-total:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-2px)}.panel-total div{align-items:center;background:#c7e1ff;border:1px solid #c2e1ff;border-radius:6px;color:#333;display:flex;font-size:15px;justify-content:space-between;min-width:180px;padding:12px 16px;transition:background .2s ease-in-out}.panel-total div:hover{background:#f5f7fa}.panel-total strong{color:#1a2456;font-weight:600}.panel-total div:before{color:#28a745;content:"• ";font-weight:700}@media (max-width:768px){.panel-total{flex-direction:column;gap:10px;padding:15px}.panel-total div{min-width:100%;text-align:left}}.recipeReport{background:#f4f8fc;color:#1a2456;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px}.recipeReport h1{font-size:22px;font-weight:600;margin-bottom:8px}.header-section,.info{margin-bottom:15px}.info{display:flex;justify-content:space-between}.search-bar input{padding:8px 12px 8px 32px;width:300px}.search-bar input,.search-bar select{border:1px solid #d0e5f7;border-radius:4px;font-size:14px}.salesSummary,.search-bar select{padding:8px 12px}.salesSummary{background-color:#fff;box-shadow:0 1px 4px #005cb30d}.salesSummary h2{font-size:16px;margin-bottom:6px}.transactionsContainer{box-shadow:0 1px 4px #005cb30d}.menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.menu-header h2{font-size:16px;margin:0}.menu-header span{color:#6a6a6a;font-size:14px}.tableWrapper{max-height:400px}.transactionsTable{min-width:700px}.transactionsTable thead{background-color:#e7f1fb;z-index:1}.transactionsTable td,.transactionsTable th{font-size:13px;padding:8px 10px}.transactionsTable th{color:#1a2456}.zero-value{color:#999}.positive-value{color:#28a745;font-weight:500}.negative-value{color:#dc3545;font-weight:500}.col-total-header{color:#155724}.col-total,.col-total-header{background-color:#caffe0;font-weight:700}.col-total{color:#28a745}.no-data{font-size:13px;padding:10px}.error-container,.loading-container{padding:30px 0}.spinner{border:3px solid #f3f3f3;border-top-color:#1a2456;height:24px;margin:0 auto 10px;width:24px}.retry-button{background-color:#89c4f4;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px}@media (max-width:768px){.recipeReport{padding:12px}.transactionsTable{min-width:550px}.info{flex-direction:column;gap:15px}.search-bar input{width:100%}}.recipecosting-header{background-color:#fffeaf}.margin-per{background-color:#c6edff}.details-panel{background-color:#fff;box-shadow:-5px 0 20px #00000014;color:#2d2d2d;font-family:Segoe UI,Tahoma,sans-serif;height:100vh;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .4s ease-in-out;width:60%;z-index:9999}.details-panel.open{right:0}.panel-content{padding:24px}.panel-header{border-bottom:1px solid #eee;margin-bottom:20px}.panel-header h2{color:#1a2456;font-size:18px;margin:0}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px;transition:color .2s}.close-button:hover{color:#ff4d4f}.panel-section{margin-bottom:25px}.panel-section h3{border-left:4px solid #007bff;color:#3b3b3b;font-size:15px;font-weight:600;margin-bottom:12px;padding-left:8px}.info-row{border-bottom:1px dashed #e4e4e4;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.info-row span:first-child{color:#666;font-weight:500}.info-row span:last-child{font-weight:600}.material-table{border:1px solid #f0f0f0;border-collapse:collapse;border-radius:6px;margin-top:10px;overflow:hidden;width:100%}.material-table td,.material-table th{border-bottom:1px solid #f5f5f5;font-size:13px;padding:10px 12px;text-align:left}.material-table th{background-color:#f9f9f9;color:#1a2456}.material-table td{color:#444}.costing-formula{font-size:14px;margin-top:20px}.formula-row{border-bottom:1px dashed #e0e0e0;padding:10px 0}.formula-row:first-child{background-color:#d4f7dc;border-radius:4px;color:#155724;font-weight:700;padding:12px}.panel-footer{border-top:1px solid #eee;color:#777;font-size:12px;line-height:1.5;margin-top:30px;padding-top:10px}.main-content.blurred{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:1200px){.details-panel{width:50%}}@media (max-width:768px){.details-panel{width:80%}}@media (max-width:480px){.details-panel{width:100%}}.report-info-grid{grid-gap:12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px;padding:12px}.report-info-item{display:flex;flex-direction:column}.report-info-item span:first-child{color:#666;font-size:12px;margin-bottom:4px}.report-info-item span:last-child{color:#333;font-size:14px;font-weight:500}.costing-formula{border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;overflow:hidden}.formula-row{background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;font-size:13px;justify-content:space-between;padding:10px 15px}.formula-row:last-child{border-bottom:none}.formula-row.highlight{background-color:#e6f7ff;font-weight:600}.formula-row span:first-child{color:#555}.formula-row span:last-child{color:#1a2456;font-weight:500}.material-table{box-shadow:0 1px 3px #0000000d}.material-table th{background-color:#f5f5f5;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.material-table td{padding:12px 15px}.panel-header h3{align-items:center;color:#1a2456;display:flex;font-size:13px}.panel-header h2:before{background-color:#1890ff;border-radius:3px;content:"";display:inline-block;height:20px;margin-right:10px;width:6px}.costing-formula-container{border:1px solid #e0e0e0;border-radius:4px;margin-top:10px;padding:0}.formula-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;font-weight:700;padding:12px 15px}.formula-header,.formula-item{display:flex;justify-content:space-between}.formula-item{border-bottom:1px dashed #e0e0e0;padding:10px 15px}.formula-item:last-child{border-bottom:none}.formula-item span:first-child{color:#555}.formula-item span:last-child{color:#333;font-weight:500}.panel-section{margin-bottom:20px}.panel-section h3{border-bottom:1px solid #eee;color:#333;font-size:16px;margin-bottom:10px;padding-bottom:5px}.transactionsTable td.star-col,.transactionsTable th.star-col{padding:12px 8px;text-align:center;vertical-align:middle;width:56px}.star-btn{border:1px solid #efefef;color:#c9c9c9;font-size:16px;height:38px;line-height:1;width:38px}.star-btn.starred{background:linear-gradient(180deg,#fff0f4,#ffe8f0);border-color:#e84b6b2e;color:#e84b6b}@media (max-width:760px){.transactionsTable td.star-col,.transactionsTable th.star-col{width:48px}.star-btn{font-size:14px;height:34px;width:34px}}.transactionsTable td.update-col,.transactionsTable th.update-col{background:linear-gradient(90deg,#f8edff,#f5ebff);padding:12px;vertical-align:middle}.update-inputs{flex-wrap:wrap;gap:10px}.update-field{background:#fff;border:1px solid #e7e0f6;border-radius:12px;min-height:36px;padding:6px 8px}.update-field input{background:#0000;border:none;font-size:14px;outline:none;padding:4px;width:130px}.update-field.small input{width:90px}.update-field .unit{color:#777;font-size:13px;margin-left:8px}.transactionsTable th.update-col{white-space:nowrap}.transactionsTable td.update-col .update-inputs{max-width:100%}.save-footer{bottom:18px;right:20px}.save-btn{background:#c81a56;border-radius:10px;box-shadow:0 6px 20px #c81a562e;font-weight:700;padding:12px 20px}.save-btn:disabled{cursor:not-allowed;opacity:.7}.transactionsTable td .conversion{color:#9aa0b2;display:block;font-size:12px;margin-top:6px}.transactionsTable td .raw-name{color:#1b254f;font-weight:600}:root{--bg:#f4f8fc;--primary:#1a2456;--muted:#6a6a6a;--accent:#e7f1fb;--pill:#e0efff;--border:#d0e5f7;--pink:#e03d6b}.saleInvoice{background:#f4f8fc;background:var(--bg);box-sizing:border-box;color:#1a2456;color:var(--primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.header-section{gap:12px;margin-bottom:14px}.header-section h1{font-size:22px;font-weight:600;margin:0}.search-bar{box-sizing:border-box;flex-wrap:wrap;gap:10px;padding:10px;width:100%}.search-bar,.search-input{align-items:center;display:flex}.search-input{min-width:180px;position:relative;width:420px}.search-input i{color:#8b97b2;left:10px;position:absolute}.search-input input{background:#fff;border:1px solid #d0e5f7;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none;padding:8px 12px 8px 34px;width:100%}.search-input input:focus{border-color:#1a2456;border-color:var(--primary);box-shadow:0 0 0 3px #1a24560f}.filter-select,.search-bar input[type=date],.search-bar select{background:#fff;border:1px solid #d0e5f7;border:1px solid var(--border);border-radius:6px;font-size:14px;padding:8px 10px}.filterOption{background-color:#e0efff;background-color:var(--pill);border:1px solid #c4dff9;border-radius:16px;color:#1a2456;color:var(--primary);cursor:pointer;font-size:13px;padding:6px 12px}.salesSummary{background:#fff;border-radius:8px;box-shadow:0 1px 4px #005cb30a;display:flex;flex-direction:column;justify-content:center;min-width:180px;padding:10px 14px;text-align:right}.salesSummary h2{font-size:15px;margin:0 0 6px}.totalAmount{color:#1a2456;color:var(--primary);font-size:20px;font-weight:700}.amountBreakdown{color:#6a6a6a;color:var(--muted);font-size:12px;margin-top:6px}.transactionsContainer{box-shadow:0 1px 4px #005cb30a;margin-top:12px;padding:12px}.tableWrapper{background:#fff;border:1px solid #d0e5f7;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;max-height:520px;overflow:auto;width:100%}.transactionsTable{border-collapse:collapse;font-size:13px;min-width:760px;width:100%}.transactionsTable thead{background:#e7f1fb;background:var(--accent);position:sticky;top:0;z-index:4}.transactionsTable td,.transactionsTable th{border-bottom:1px solid #d0e5f7;border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:middle}.star-col{text-align:center;width:58px}.cat-col{width:140px}.raw-col{width:250px}.closing-col{text-align:left;width:190px}.update-col{width:450px}.comments-col{width:200px}.no-data{color:#999;padding:18px;text-align:center}.transactionsTable input[type=number],.transactionsTable input[type=text]{background:#fff;border:1px solid #e6eef9;border-radius:8px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.transactionsTable input[type=number]{padding-right:10px;text-align:right}.transactionsTable input:focus{border-color:#1a2456;border-color:var(--primary);box-shadow:0 0 0 3px #1a24560f;outline:none}.update-field,.update-inputs{align-items:center;display:flex;gap:8px}.update-field{flex:1 1}.update-field .unit{color:#6a6a6a;color:var(--muted);font-size:12px}.conversion{color:#9aa3bb;font-size:12px;margin-top:6px}.star-btn{align-items:center;background:#fff;border:1px dashed #e6eef9;border-radius:8px;color:#bbb;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;width:36px}.star-btn.starred{background:#ffefd6;border:1px solid #ff8a0029;color:#ff8a00}.comments-col input{width:100%}.save-footer{align-items:center;bottom:22px;display:flex;gap:10px;position:fixed;right:24px;z-index:999}.save-btn{background:linear-gradient(180deg,#2c4168,#392073);border:none;border-radius:12px;box-shadow:0 6px 18px #e03d6b2e;color:#fff;cursor:pointer;font-weight:600;min-width:84px;padding:7px}.save-btn[disabled]{cursor:not-allowed;opacity:.6}.transactionsTable .closing-col{color:#4a5568;font-weight:600}.transactionsTable .raw-name{color:#1f2a4d;font-weight:700}.transactionsTable .cat-col{color:#3b4a6b}.error-container,.loading-container{padding:26px 0;text-align:center}@media (max-width:1100px){.search-input{width:320px}.transactionsTable{min-width:700px}.tableWrapper{max-height:420px}}@media (max-width:780px){.header-section h1{font-size:18px}.search-input{width:220px}.search-bar{gap:8px}.transactionsTable{font-size:12px;min-width:550px}.tableWrapper{max-height:350px}.save-footer{bottom:12px;right:12px}}.tableWrapper::-webkit-scrollbar{height:10px;width:10px}.tableWrapper::-webkit-scrollbar-thumb{background:#1a245614;border-radius:6px}.expand-btn{align-items:center;background:#fff;border:1px solid #d0d7e6;border-radius:4px;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.expand-btn.expanded{background:#f0f4ff;border-color:#a5b4fc}.details-row td{background:#fbfbfb;padding:12px 8px}.nested-table td,.nested-table th{border:1px solid #e8eaf0;font-size:13px;padding:6px 8px}.nested-table thead th{background:#f4f6fb;font-weight:600}.no-data,.small-error,.small-loading{font-size:14px;padding:8px}.transactionsTable td:first-child,.transactionsTable th:first-child{text-align:center;width:40px}.nested-table td:first-child,.nested-table th:first-child{min-width:140px;white-space:nowrap}.nested-table-wrapper{border:1px solid #e0e0e0;border-radius:6px;max-height:160px;overflow-y:auto}.nested-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.nested-table-wrapper::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:4px}.column-total{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#1a2456;font-size:.9em;font-weight:700;margin-top:5px;padding:4px 8px}.supplierReport{color:#1a2456;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:16px}.header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-dropdowns{align-items:flex-end;display:flex;gap:12px}.filter-dropdowns label{color:#666;display:block;font-size:12px;margin-bottom:6px}.filter-dropdowns input[type=date],.filter-dropdowns select{background:#fff;border:1px solid #d0e5f7;border-radius:6px;padding:8px 10px}.transactionsContainer{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000008;padding:10px}.reportTable{border-collapse:collapse;min-width:900px;width:100%}.reportTable thead th{background:#e6f3ff;border-bottom:1px solid #eef6ff;font-weight:600;padding:12px 10px;text-align:left}.reportTable tbody td{border-bottom:1px solid #f4f6f9;padding:12px 10px;vertical-align:middle}.colTotal{color:#0b3b6f;font-size:12px;margin-top:6px}.smallError,.smallLoading{color:#666;font-size:13px;padding:8px 10px}.smallError{background:#fff1f2;border-radius:6px;color:#b00020;padding:8px}.no-data{color:#777;font-style:italic;padding:14px}@media (max-width:900px){.reportTable{min-width:700px}.filter-dropdowns{flex-wrap:wrap}}input[list]{border:1px solid #d0e5f7;border-radius:6px;padding:8px 12px}.search-filter-section .filter-dropdowns>div{display:inline-block;margin-right:12px;vertical-align:top}.supplier-report{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-top:20px;overflow-x:auto;padding:16px}.supplier-table{border-collapse:collapse;color:#333;font-size:14px;width:100%}.supplier-table thead{background:#fafafa}.supplier-table thead th{border-bottom:1px solid #eee;font-size:13px;font-weight:600;padding:10px 12px;text-align:left}.supplier-table tbody td{border-bottom:1px solid #f6f6f6;font-size:13px;padding:10px 12px;vertical-align:middle}.supplier-row{background:#fdfdfd;font-size:14px;font-weight:600}.expandBtn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#444;cursor:pointer;font-size:18px;height:36px;min-width:36px;transition:.2s}.expandBtn:hover{background:#f0f8ff}.expandBtn.open{background:#e8f6ff;color:#007bff}.nested-table{background:#fff;border-collapse:collapse;width:100%}.nested-table thead th{background:#fafafa;border-bottom:1px solid #eee;font-size:13px;padding:8px 10px}.nested-table tbody td{border-bottom:1px solid #f6f6f6;font-size:13px;padding:8px 10px}.innerDetailsRow td{background:#fbfdff;padding:0}.nested-table-wrapper{padding:12px 6px}.total-cell{color:#000;font-weight:700}.total-row{background:#f9fafc;font-weight:600}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.item-master-container{background:#f8fafc;color:#334155;min-height:100vh;padding:20px}.top-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.left-controls,.top-controls{align-items:flex-end;display:flex}.left-controls{flex-wrap:wrap;gap:12px}.control-item{position:relative}.control-item label{color:#64748b;display:block;font-size:11px;font-weight:500;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.form-control.small{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:400;min-width:140px;padding:8px 12px;transition:all .15s}.form-control.small:focus{border-color:#6366f1;outline:none}.btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.3px;padding:8px 16px;transition:all .15s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5}.btn-info{background:#60a5fa;color:#1e293b}.btn-info:hover{background:#3b82f6}.btn-secondary{background:#cbd5e1;color:#475569}.btn-secondary:hover{background:#94a3b8}.two-col{align-items:stretch;display:flex;gap:20px}.card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:480px;padding:16px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-header,.panel-header.small{border-bottom:1px solid #f1f5f9;padding-bottom:12px}.panel-header.small{margin-bottom:12px}.panel-title{color:#475569;font-size:14px;font-weight:600;letter-spacing:.3px}.search-wrap{position:relative}.search-wrap:before{color:#94a3b8;content:"🔍";font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrap .form-control.small{font-weight:400;min-width:180px;padding-left:32px}.list-rows{margin-top:8px;max-height:360px;overflow:auto;padding-right:4px}.list-row{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:6px;display:flex;gap:12px;margin-bottom:6px;padding:12px;transition:all .15s}.list-row:hover{background:#f8fafc;border-color:#e2e8f0}.list-row.selected{background:#f0f9ff;border-color:#6366f1}.list-row.header{background:#0000;border:none;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px}.col-checkbox{text-align:center;width:36px}.col-checkbox input[type=checkbox]{accent-color:#6366f1;border:1px solid #cbd5e1;border-radius:3px;cursor:pointer;height:16px;width:16px}.col-name{color:#475569;flex:1 1;font-weight:500}.col-name div:first-child{font-size:13px;font-weight:500;margin-bottom:2px}.col-name div:last-child{color:#94a3b8;font-size:11px;font-weight:400}.col-qty{align-items:center;display:flex;gap:8px;justify-content:flex-end;width:200px}.small-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#475569;font-size:12px;font-weight:500;padding:6px 8px;text-align:center;transition:all .15s;width:70px}.small-input:focus{border-color:#6366f1;outline:none}.unit-badge{background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.3px;min-width:50px;padding:6px 10px;text-align:center;text-transform:uppercase}.list-footer{display:flex;justify-content:center;margin-top:auto;padding-top:16px}.send-btn{background:#0000;border:1px solid #cbd5e1;border-radius:16px;color:#64748b;font-size:12px;font-weight:500;letter-spacing:.3px;padding:10px 24px;transition:all .15s}.send-btn:hover{background:#475569;border-color:#475569;color:#fff}.ready-body{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;max-height:340px;overflow:auto;padding:8px}.ready-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all .15s}.ready-item:hover{border-color:#e2e8f0}.ready-head{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px}.right-controls-inline{align-items:center;display:flex;gap:8px}.small-select{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#475569;font-size:11px;font-weight:400;min-width:70px;padding:6px 8px;transition:all .15s}.small-select:focus{border-color:#6366f1;outline:none}.btn-delete{align-items:center;background:#fecaca;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;min-width:24px;padding:6px 8px;transition:all .15s}.btn-delete:hover{background:#fca5a5}.go-arrow{align-items:center;background:#f1f5f9;border:none;border-radius:3px;color:#64748b;cursor:pointer;display:flex;font-size:10px;font-weight:400;height:20px;justify-content:center;padding:4px;transition:all .15s;width:20px}.go-arrow:hover{background:#e2e8f0}.ingredients{background:#f8fafc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px}.ingredient-row{align-items:center;border-radius:4px;display:flex;gap:8px;padding:8px 6px;transition:all .15s}.ingredient-row:hover{background:#fff}.ing-name{color:#64748b;flex:1 1;font-size:12px;font-weight:400}.ing-qty{align-items:center;display:flex;gap:8px;justify-content:flex-end;width:160px}.tiny-input{background:#fff;border:1px solid #e2e8f0;border-radius:3px;color:#475569;font-size:11px;font-weight:500;padding:4px 6px;text-align:center;width:70px}.unit-grey{color:#94a3b8;font-size:10px;font-weight:500;min-width:30px;text-transform:uppercase}.ing-price{color:#475569;font-size:11px;font-weight:500;text-align:right;width:70px}.panel-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.toggle-wrap{align-items:center;display:flex;gap:6px}.toggle-wrap small{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.3px}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{display:none}.slider{background:#cbd5e1;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:all .15s}.slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;top:2px;width:16px}.switch input:checked+.slider{background:#6366f1}.switch input:checked+.slider:before{transform:translateX(16px)}.error-container,.loading-container,.no-data{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px;color:#94a3b8;font-size:13px;font-style:italic;font-weight:400;padding:32px 16px;text-align:center}.error-container{background:#fef2f2;border-color:#fecaca;color:#dc2626}.spinner{animation:spin 1s linear infinite;border:2px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:20px;margin:0 auto 8px;width:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1200px){.two-col{flex-direction:column;gap:16px}.card-panel{min-height:400px}}@media (max-width:768px){.top-controls{align-items:stretch;flex-direction:column;gap:12px}.left-controls{justify-content:center}.right-controls{align-self:center}.col-qty{width:160px}.small-input,.tiny-input{width:60px}}@media (max-width:480px){.card-panel,.item-master-container{padding:12px}.panel-header{align-items:stretch;flex-direction:column;gap:8px}.right-controls-inline{justify-content:space-between}.ing-qty{width:140px}}.btn:focus,.form-control.small:focus,.small-input:focus,.small-select:focus,.switch input:focus+.slider{outline:1px solid #6366f1;outline-offset:1px}.btn{display:inline-block!important;position:relative!important;z-index:10!important}.btn,.btn:focus{opacity:1!important;visibility:visible!important}.btn:focus{outline:2px solid #6366f1!important;outline-offset:2px!important}.btn:active,.btn:focus{background-color:inherit!important}.btn:active{opacity:.95!important;transform:translateY(1px);visibility:visible!important}.btn:active,.btn:focus,.btn:focus-visible,.btn:hover{background-color:inherit!important;opacity:1!important;visibility:visible!important}.btn:disabled{background-color:inherit!important;cursor:not-allowed;opacity:.6!important;visibility:visible!important}.panel-footer,.top-controls{position:relative;z-index:100}.panel-footer .btn,.top-controls .btn{position:relative;z-index:101}.btn{transition:all .2s ease!important}.btn-primary:focus{background:#4f46e5!important;color:#fff!important}.btn-primary:active{background:#4338ca!important}.btn-secondary:focus{background:#94a3b8!important;color:#475569!important}.btn-secondary:active{background:#64748b!important}.btn-info:focus{background:#3b82f6!important;color:#1e293b!important}.btn-info:active{background:#2563eb!important}.col-checkbox input[type=checkbox]:focus{outline:2px solid #6366f1;outline-offset:1px}@media (prefers-contrast:high){.btn:focus{outline:3px solid #000!important;outline-offset:2px!important}}@media (prefers-reduced-motion:reduce){.btn{transition:none!important}}.list-row.header{background:#f8fafc!important;position:relative;z-index:1}.btn span{position:relative;z-index:2}.left-controls,.right-controls{position:relative;z-index:100}.item-master-container *{visibility:visible!important}.panel-footer *,.top-controls *{opacity:1!important;visibility:visible!important}@media print{.btn{opacity:1!important;visibility:visible!important}}
/*# sourceMappingURL=main.9217890a.css.map*/