.filters-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.filter-group .form-control{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group .form-control:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.summary-section{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.1)}.summary-stats{display:flex;gap:30px;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;color:#6c757d;margin-bottom:4px;font-weight:500}.stat-value{font-size:18px;font-weight:700;color:#007bff}.summary-actions{display:flex;gap:10px}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.data-table th{padding:12px 8px;text-align:left;font-weight:600;color:#495057;border-right:1px solid #dee2e6;position:relative}.data-table th:last-child{border-right:none}.data-table th.sortable{cursor:pointer;user-select:none;transition:background-color .15s ease-in-out}.data-table th.sortable:hover{background-color:#e9ecef}.data-table th.sortable i{margin-left:5px;opacity:.5;transition:opacity .15s ease-in-out}.data-table th.sortable:hover i{opacity:1}.data-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .15s ease-in-out}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr.selected{background-color:#e3f2fd}.data-table td{padding:10px 8px;border-right:1px solid #dee2e6;vertical-align:middle}.data-table td:last-child{border-right:none}.data-table .form-control{padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;width:100%;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.data-table .form-control:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.data-table .form-control:disabled{background-color:#e9ecef;opacity:1;cursor:not-allowed}.gst-container,.hsn-container{display:flex;align-items:center;gap:8px}.gst-container input[type=checkbox],.hsn-container input[type=checkbox]{margin:0;transform:scale(1.1)}.gst-container input[type=text],.hsn-container input[type=text]{flex:1;min-width:0}.select-all-checkbox{transform:scale(1.2);margin:0}.item-checkbox{transform:scale(1.1);margin:0}.pagination-section{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:8px;border:1px solid #e9ecef}.pagination-info{font-size:14px;color:#6c757d;font-weight:500}.pagination-controls{display:flex;gap:10px}.pagination-controls .btn{padding:8px 16px;font-size:14px}.pagination-controls .btn:disabled{opacity:.5;cursor:not-allowed}.tab-content{display:none}.tab-content.active{display:block}.groups-info{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.groups-info h3{color:#495057;margin-bottom:10px}.groups-info p{color:#6c757d;margin:0}.loading-row{text-align:center;padding:40px;color:#6c757d}.loading-row i{font-size:24px;margin-bottom:10px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){.filters-row{grid-template-columns:1fr;gap:10px}.summary-section{flex-direction:column;gap:15px;align-items:stretch}.summary-stats{justify-content:space-around;gap:15px}.table-container{overflow-x:auto}.data-table{min-width:800px}.pagination-section{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.summary-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.gst-container,.hsn-container{flex-direction:column;align-items:stretch;gap:5px}.gst-container input[type=checkbox],.hsn-container input[type=checkbox]{align-self:flex-start}}@media (prefers-color-scheme:dark){.filters-section{background:#2d3748;border-color:#4a5568}.filter-group label{color:#e2e8f0}.summary-section{background:#2d3748;border-color:#4a5568}.table-container{background:#2d3748}.data-table thead{background:#4a5568}.data-table th{color:#e2e8f0;border-color:#4a5568}.data-table tbody tr{border-color:#4a5568}.data-table tbody tr:hover{background-color:#4a5568}.data-table tbody tr.selected{background-color:#2b6cb0}.data-table td{border-color:#4a5568;color:#e2e8f0}.pagination-section{background:#2d3748;border-color:#4a5568}.groups-info{background:#4a5568;border-color:#2d3748}.groups-info h3{color:#e2e8f0}.groups-info p{color:#a0aec0}}.date-picker{position:relative;background-image:url('data:image/svg+xml;charset=UTF-8,<svg 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"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;padding-right:35px;cursor:pointer}.date-picker:focus{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23007bff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.date-picker::placeholder{color:#6c757d;font-style:italic}.hsn-digit-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.hsn-digit-popup .popup-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:400px;width:90%}.hsn-digit-popup h3{margin:0 0 1rem 0;color:#333}.hsn-digit-popup p{margin:0 0 1.5rem 0;color:#666}.digit-options{display:flex;gap:1rem;margin-bottom:1.5rem}.digit-btn{flex:1;padding:.75rem;border:2px solid #007bff;background:#fff;color:#007bff;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.digit-btn:hover{background:#007bff;color:#fff}.popup-actions{text-align:right}.hsn-digit-header{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;padding:.75rem 1rem;margin-bottom:1rem}.hsn-digit-info{display:flex;align-items:center;gap:.5rem;color:#1976d2;font-weight:500}.hsn-digit-info button{margin-left:auto;padding:.25rem .5rem;font-size:.875rem}.gst-inherit-checkbox:disabled,.hsn-inherit-checkbox:disabled{opacity:.5;cursor:not-allowed;background-color:#f8f9fa}.gst-inherit-checkbox:disabled+.gst-input,.hsn-inherit-checkbox:disabled+.hsn-input{background-color:#fff;cursor:text}.date-picker:invalid{border-color:#dc3545}.sortable{cursor:pointer;user-select:none;position:relative;transition:background-color .2s}.sortable:hover{background-color:#f8f9fa}.sortable i{margin-left:.5rem;opacity:.6;transition:opacity .2s}.sortable:hover i{opacity:1}.sortable i.fas.fa-sort-down,.sortable i.fas.fa-sort-up{opacity:1;color:#007bff}.export-success-message{position:fixed;top:20px;right:20px;z-index:10000;background:#fff;border:1px solid #28a745;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:slideInRight .3s ease-out}.success-content{display:flex;align-items:center;gap:1rem;padding:1rem;color:#155724}.success-content i.fa-check-circle{color:#28a745;font-size:1.5rem}.success-content div{flex:1}.success-content button{padding:.25rem .5rem;font-size:.875rem}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.update-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease;margin:1rem 0;box-shadow:0 2px 4px rgba(0,123,255,.3)}.update-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.4)}.update-btn i{margin-right:.5rem}.change-summary{margin:1rem 0}select.gst-input{min-width:80px!important}.change-count-display{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:.75rem 1rem;margin:1rem 0;animation:slideInDown .3s ease-out}.change-count-info{display:flex;align-items:center;gap:.5rem;color:#856404;font-weight:500}.change-count-text{font-size:.9rem}.field-changed{border-color:#ffc107!important;background-color:#fff3cd!important;transition:all .3s ease}.field-changed:focus{border-color:#ffc107!important;box-shadow:0 0 0 .2rem rgba(255,193,7,.25)!important}.change-indicator{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:.75rem 1rem;margin-bottom:1rem;animation:slideInDown .3s ease-out}.change-info{display:flex;align-items:center;gap:.5rem;color:#856404;font-weight:500}.change-info i{color:#f39c12}.change-info button{margin-left:auto;padding:.25rem .75rem;font-size:.875rem}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.gst-error-message,.hsn-error-message{animation:fadeIn .2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.date-picker:valid{border-color:#28a745}@media (prefers-color-scheme:dark){.date-picker{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23a0aec0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>')}.date-picker:focus{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2363b3ed" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>')}}.slab-panel{background:#eef4ff;border:1px solid #cbd4f5;border-radius:8px;padding:16px;margin-top:-6px}.slab-panel-content{display:flex;justify-content:flex-end;align-items:flex-end;gap:20px}.slab-panel-content .slab-field{display:flex;flex-direction:column;min-width:160px}.slab-panel-content .slab-field label{font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.slab-panel-content .slab-field .form-control{width:160px;padding:6px 10px;border-radius:6px;border:1px solid #94a3b8;font-size:13px}.slab-panel-content .slab-field .form-control:disabled{background:#e2e8f0;color:#64748b}.slab-error{color:#dc2626;font-size:12px;margin-top:4px}.slab-error.hidden{display:none}@media (max-width:768px){.slab-panel-content{flex-direction:column;align-items:stretch;gap:12px}.slab-panel-content .slab-field,.slab-panel-content .slab-field .form-control{width:100%}}.bulk-edit-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-bottom:1px solid #dee2e6;cursor:pointer;transition:all .3s ease}.bulk-edit-header:hover{background:linear-gradient(135deg,#e9ecef 0,#dee2e6 100%)}.bulk-edit-box.minimized{position:fixed;bottom:20px;right:20px;width:300px;height:auto;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:8px}.bulk-edit-box.minimized .bulk-edit-header{border-bottom:none;border-radius:8px}.bulk-edit-box.minimized .bulk-edit-title{font-size:14px;font-weight:500}.bulk-edit-box.minimized .bulk-close-btn{display:none}.bulk-edit-title{font-weight:600;color:#495057;font-size:16px}.bulk-close-btn{background:0 0;border:none;color:#6c757d;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.bulk-close-btn:hover{background-color:#e9ecef;color:#495057}.bulk-grid-container{display:flex;flex-direction:row;gap:8px;padding:20px;height:200px;align-items:stretch;width:100%;box-sizing:border-box}.parent-cell{flex:0 0 22%;display:block}.hsn-cell{flex:0 0 22%;display:block}.gst-cell{flex:0 0 22%;display:block}.slab-cell{flex:0 0 34%;display:block}.bulk-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column}.bulk-group .group-header{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);padding:6px 8px;border-bottom:1px solid #e0e0e0;font-weight:600;color:#495057;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.bulk-group .group-header i{color:#6c757d;font-size:14px}.bulk-group .group-content{padding:6px;background-color:#fff;flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.parent-group .group-header{background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);color:#1976d2}.hsn-group .group-header{background:linear-gradient(135deg,#f3e5f5 0,#e1bee7 100%);color:#7b1fa2}.gst-group .group-header{background:linear-gradient(135deg,#e8f5e8 0,#c8e6c9 100%);color:#388e3c}.slab-group .group-header{background:linear-gradient(135deg,#fff3e0 0,#ffcc02 100%);color:#f57c00}.bulk-group .bulk-field-group{margin-bottom:4px}.bulk-group .bulk-field-group:last-child{margin-bottom:0}.bulk-group .bulk-field-group label{display:block;margin-bottom:2px;font-weight:500;color:#495057;font-size:11px}.bulk-group .bulk-field{width:100%;padding:3px 6px;border:1px solid #ced4da;border-radius:4px;font-size:12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.bulk-group .bulk-field:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.slab-field-row:last-child{margin-bottom:0}.slab-field-label{flex:0 0 auto;width:140px!important;max-width:140px!important;margin-right:10px!important;font-weight:500!important;color:#495057!important;font-size:12px!important;white-space:nowrap!important;text-align:right!important;padding:4px!important;line-height:1.4!important;margin-bottom:0!important}.slab-field-input{flex:1 1 auto!important;width:auto!important;min-width:120px!important;padding:4px 8px!important;border:1px solid #ced4da!important;border-radius:4px!important;font-size:12px!important;background-color:#fff!important;margin-left:0!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;max-width:200px!important}.slab-field-input:focus{border-color:#80bdff!important;outline:0!important;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)!important}.slab-field-input:disabled{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important;opacity:.65!important}.slab-field-input.field-error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.field-error-message{color:#dc3545!important;font-size:10px!important;margin-top:2px!important;margin-left:160px}.bulk-group .bulk-checkbox-label{display:flex;align-items:center;gap:4px;font-weight:500;color:#495057;cursor:pointer;margin-bottom:0;font-size:11px}.bulk-group .bulk-checkbox{margin:0;cursor:pointer}.bulk-group .bulk-field.disabled-field,.bulk-group .bulk-field:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.bulk-group .bulk-field.disabled-field:focus,.bulk-group .bulk-field:disabled:focus{border-color:#ced4da;box-shadow:none}.bulk-field.field-error{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.field-error-message{color:#dc3545;font-size:10px;margin-top:2px;padding-left:4px}.bulk-group.disabled-group{opacity:.5;pointer-events:none}.bulk-group.disabled-group .bulk-field{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.bulk-grid-container{flex-direction:column;height:auto;padding:8px;gap:8px}.gst-cell,.hsn-cell,.parent-cell,.slab-cell{flex:none;width:100%}.bulk-group .group-content{padding:8px}.bulk-group .group-header{padding:8px 10px;font-size:14px;white-space:normal}.bulk-group .bulk-field-group label{font-size:13px}.bulk-group .bulk-field{font-size:14px;padding:6px 8px}.bulk-group .bulk-checkbox-label{font-size:13px}}