@tattvafoundation/upyog-css 1.0.30 → 1.0.31

package/dist/index.css

@@ -242,10 +242,6 @@ img, video {
   50% {
     opacity: .5; } }
 
-@keyframes pulse {
-  50% {
-    opacity: .5; } }
-
 @-webkit-keyframes bounce {
   0%, to {
     -webkit-transform: translateY(-25%);
@@ -8935,7 +8931,7 @@ body {
   text-align: center; }
 
 .timeline-contents .secondary-colors {
-  color: #0b0c0c;
+  color: #64748b;
   color: var(--secondary-color);
   padding: 5px;
   font-size: small; }
@@ -8953,11 +8949,11 @@ body {
   height: 30px;
   border-radius: 50%;
   text-align: center;
-  border: 2px solid #d1b03f;
+  border: 2px solid #2563eb;
   border: 2px solid var(--primary-color); }
 
 .circles.completed {
-  background-color: #d1b03f;
+  background-color: #2563eb;
   background-color: var(--primary-color);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -9104,6 +9100,7 @@ body {
   text-align: center; }
 
 .bmc-row-card-header {
+  border: 1px solid #e2e8f0;
   border: 1px solid var(--border-color);
   -webkit-box-shadow: 0 5px 10px var(--shadow-color);
   box-shadow: 0 5px 10px var(--shadow-color); }
@@ -9124,6 +9121,7 @@ body {
   color: #fff; }
 
 .bmc-card-button {
+  background-color: #2563eb;
   background-color: var(--primary-color); }
 
 .bmc-card-button-cancel {
@@ -9150,7 +9148,7 @@ body {
   position: relative; }
 
 .bmc-radio-btn-wrap:hover .bmc-radio-btn-checkmark {
-  border-color: #d1b03f;
+  border-color: #2563eb;
   border-color: var(--primary-color); }
 
 .bmc-radio-btn {
@@ -9167,12 +9165,12 @@ body {
   border-radius: 50%; }
 
 .bmc-radio-btn:checked + .bmc-radio-btn-checkmark {
-  border-color: #d1b03f;
+  border-color: #2563eb;
   border-color: var(--primary-color); }
 
 .bmc-radio-btn:checked + .bmc-radio-btn-checkmark:after {
   display: block;
-  background-color: #d1b03f;
+  background-color: #2563eb;
   background-color: var(--primary-color);
   height: 1.25rem;
   width: 1.25rem;
@@ -9182,9 +9180,11 @@ body {
   left: 6px; }
 
 .bmc-title {
+  color: #64748b;
   color: var(--secondary-color); }
 
 .bmc-hover-table td, .bmc-hover-table th {
+  border: 1px solid #e2e8f0;
   border: 1px solid var(--border-color); }
 
 .bmc-range-slider::-moz-range-thumb, .bmc-range-slider::-ms-thumb, .bmc-range-slider::-webkit-slider-thumb {
@@ -9206,6 +9206,7 @@ body {
   color: var(--text-color); }
 
 .bmc-pagination li.active button {
+  background-color: #2563eb;
   background-color: var(--primary-color); }
 
 [dir=ltr] .bmc-course-amount {
@@ -10819,6 +10820,1225 @@ button.submit-bar:hover {
         .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox svg, .multi-column-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp svg, .multi-column-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-column-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg {
           opacity: 1; }
 
+:root {
+  --primary-color:#2563eb;
+  --primary-hover:#1d4ed8;
+  --primary-light:#dbeafe;
+  --secondary-color:#64748b;
+  --secondary-light:#f1f5f9;
+  --success-color:#059669;
+  --warning-color:#d97706;
+  --danger-color:#dc2626;
+  --dark-color:#1e293b;
+  --light-color:#f8fafc;
+  --border-color:#e2e8f0;
+  --text-primary:#0f172a;
+  --text-secondary:#64748b;
+  --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);
+  --shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);
+  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1); }
+
+* {
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+body {
+  font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
+  background: linear-gradient(135deg, #dbeafe, #f8fafc);
+  background: linear-gradient(135deg, var(--primary-light), var(--light-color));
+  color: #0f172a;
+  color: var(--text-primary);
+  line-height: 1.6;
+  min-height: 100vh; }
+
+.inventory_container {
+  max-width: 2000px;
+  margin: 0 auto;
+  padding: 2rem; }
+
+.inventory_header {
+  text-align: center;
+  margin-bottom: 3rem;
+  padding: 2rem 0;
+  background: #fff;
+  border-radius: 12px;
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-md); }
+
+.inventory_header h1 {
+  color: #2563eb;
+  color: var(--primary-color);
+  font-size: 2.5rem;
+  font-weight: 700;
+  margin-bottom: .5rem; }
+
+.inventory_header p {
+  color: #64748b;
+  color: var(--text-secondary);
+  font-size: 1.1rem; }
+
+.inventory_form-container {
+  background: #fff;
+  border-radius: 16px;
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--shadow-lg);
+  box-shadow: var(--shadow-lg);
+  overflow: hidden;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease; }
+
+.inventory_form-header {
+  background: linear-gradient(135deg, #2563eb, #1d4ed8);
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
+  color: #fff;
+  padding: 2rem;
+  text-align: center; }
+
+.inventory_form-header h2 {
+  font-size: 1.8rem;
+  font-weight: 600;
+  margin-bottom: .5rem; }
+
+.inventory_form-header p {
+  opacity: .9;
+  font-size: 1rem; }
+
+.inventory_form-body {
+  padding: 2.5rem; }
+
+.inventory_form-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-gap: 2rem;
+  gap: 2rem;
+  margin-bottom: 2rem; }
+
+.inventory_form-group {
+  position: relative; }
+
+.inventory_form-group.full-width {
+  grid-column: 1/-1; }
+
+.inventory_form-label {
+  display: block;
+  font-weight: 600;
+  color: #0f172a;
+  color: var(--text-primary);
+  margin-bottom: .5rem;
+  font-size: .95rem; }
+
+.inventory_required {
+  color: #dc2626;
+  color: var(--danger-color);
+  margin-left: 2px; }
+
+.inventory_form-input, .inventory_form-select, .inventory_form-textarea {
+  width: 100%;
+  padding: .875rem 1rem;
+  border: 2px solid #e2e8f0;
+  border: 2px solid var(--border-color);
+  border-radius: 8px;
+  font-size: 1rem;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  background: #fff;
+  color: #0f172a;
+  color: var(--text-primary);
+  line-height: normal; }
+
+.inventory_form-input:focus, .inventory_form-select:focus, .inventory_form-textarea:focus {
+  outline: none;
+  border-color: #2563eb;
+  border-color: var(--primary-color);
+  -webkit-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+  -webkit-transform: translateY(-1px);
+  transform: translateY(-1px); }
+
+.inventory_form-textarea {
+  resize: vertical;
+  min-height: 100px; }
+
+.inventory_radio-group {
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-top: .5rem; }
+
+.inventory_radio-group, .inventory_radio-option {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.inventory_radio-option {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  padding: .75rem 1rem;
+  border: 2px solid #e2e8f0;
+  border: 2px solid var(--border-color);
+  border-radius: 8px;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  background: #fff;
+  min-width: 140px; }
+
+.inventory_radio-option:hover {
+  border-color: #2563eb;
+  border-color: var(--primary-color);
+  background: #dbeafe;
+  background: var(--primary-light); }
+
+.inventory_radio-option input[type=radio], .inventory_radio-option .checkbox-wrap .input-emp[type=radio], .checkbox-wrap .inventory_radio-option .input-emp[type=radio] {
+  margin-right: .5rem;
+  accent-color: #2563eb;
+  accent-color: var(--primary-color); }
+
+.inventory_radio-option.selected {
+  border-color: #2563eb;
+  border-color: var(--primary-color);
+  background: #dbeafe;
+  background: var(--primary-light);
+  font-weight: 600; }
+
+.inventory_section-divider {
+  border: none;
+  height: 1px;
+  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#e2e8f0), to(transparent));
+  background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
+  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--border-color)), to(transparent));
+  background: linear-gradient(90deg, transparent, var(--border-color), transparent);
+  margin: 2.5rem 0; }
+
+.inventory_section-title {
+  font-size: 1.3rem;
+  font-weight: 600;
+  color: #2563eb;
+  color: var(--primary-color);
+  margin-bottom: 1.5rem;
+  padding-bottom: .5rem;
+  border-bottom: 2px solid #dbeafe;
+  border-bottom: 2px solid var(--primary-light); }
+
+.inventory_button-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  margin-top: 3rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.inventory_btn {
+  padding: .875rem 2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 1rem;
+  font-weight: 600;
+  cursor: pointer;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  min-width: 120px; }
+
+.inventory_btn-primary {
+  background: linear-gradient(135deg, #2563eb, #1d4ed8);
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
+  color: #fff;
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-md); }
+
+.inventory_btn-primary:hover {
+  -webkit-transform: translateY(-2px);
+  transform: translateY(-2px);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--shadow-lg);
+  box-shadow: var(--shadow-lg); }
+
+.inventory_btn-secondary {
+  background: #f1f5f9;
+  background: var(--secondary-light);
+  color: #64748b;
+  color: var(--secondary-color);
+  border: 2px solid #e2e8f0;
+  border: 2px solid var(--border-color); }
+
+.inventory_btn-secondary:hover {
+  background: #e2e8f0;
+  background: var(--border-color);
+  -webkit-transform: translateY(-1px);
+  transform: translateY(-1px); }
+
+.inventory_status-indicator {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #059669;
+  background: var(--success-color);
+  margin-left: .5rem;
+  -webkit-animation: pulse 2s infinite;
+  animation: pulse 2s infinite; }
+
+@keyframes pulse {
+  0% {
+    opacity: 1; }
+  50% {
+    opacity: .5; }
+  to {
+    opacity: 1; } }
+
+@media (max-width: 768px) {
+  .inventory_container {
+    padding: 1rem; }
+  .inventory_form-grid {
+    grid-template-columns: 1fr;
+    grid-gap: 1.5rem;
+    gap: 1.5rem; }
+  .inventory_header h1 {
+    font-size: 2rem; }
+  .inventory_form-body {
+    padding: 1.5rem; }
+  .inventory_button-group {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; }
+  .inventory_radio-group {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .inventory_radio-option {
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center; } }
+
+.commodity-card {
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 10px;
+  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  max-width: 400px;
+  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif; }
+
+.commodity-card:hover {
+  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+  -webkit-transform: translateY(-2px);
+  transform: translateY(-2px); }
+
+.commodity-card__header {
+  position: relative;
+  margin-bottom: 16px; }
+
+.commodity-card__image-container {
+  position: relative;
+  width: 100%;
+  height: 200px;
+  background: #f8fafc;
+  border-radius: 8px;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.commodity-card__image {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+  object-fit: cover; }
+
+.commodity-card__placeholder {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  color: #64748b; }
+
+.commodity-card__badge {
+  left: 12px;
+  background: #3b82f6;
+  color: #fff;
+  letter-spacing: .5px; }
+
+.commodity-card__badge, .commodity-card__stock {
+  position: absolute;
+  top: 12px;
+  padding: 4px 12px;
+  border-radius: 20px;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase; }
+
+.commodity-card__stock {
+  right: 12px; }
+
+.commodity-card__stock.in-stock {
+  background: #10b981;
+  color: #fff; }
+
+.commodity-card__stock.out-of-stock {
+  background: #ef4444;
+  color: #fff; }
+
+.commodity-card__body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.commodity-card__title-section {
+  text-align: left; }
+
+.commodity-card__title {
+  font-size: 20px;
+  font-weight: 700;
+  color: #1e293b;
+  margin: 0 0 4px;
+  line-height: 1.3; }
+
+.commodity-card__model {
+  font-size: 14px;
+  color: #64748b;
+  margin: 0 0 8px;
+  font-weight: 500; }
+
+.commodity-card__description {
+  font-size: 14px;
+  color: #475569;
+  margin: 0;
+  line-height: 1.5; }
+
+.commodity-card__price-section {
+  text-align: center;
+  padding: 12px;
+  background: #f1f5f9;
+  border-radius: 8px; }
+
+.commodity-card__price {
+  font-size: 18px;
+  font-weight: 800;
+  color: #059669;
+  margin-bottom: 4px; }
+
+.commodity-card__price-label {
+  font-size: 12px;
+  color: #64748b;
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: .5px; }
+
+.commodity-card__specs {
+  background: #fafafa;
+  padding: 12px;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb; }
+
+.commodity-card__specs-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #374151;
+  margin: 0 0 8px; }
+
+.commodity-card__specs-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 4px;
+  gap: 4px; }
+
+.commodity-card__spec-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  font-size: 13px; }
+
+.commodity-card__spec-label {
+  color: #6b7280;
+  font-weight: 500; }
+
+.commodity-card__spec-value {
+  color: #374151;
+  font-weight: 600; }
+
+.commodity-card__controls {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.commodity-card__controls, .commodity-card__quantity {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.commodity-card__quantity {
+  grid-gap: 8px;
+  gap: 8px; }
+
+.commodity-card__quantity-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: #374151; }
+
+.commodity-card__quantity-controls {
+  grid-gap: 0;
+  gap: 0;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  padding: 4px; }
+
+.commodity-card__quantity-btn, .commodity-card__quantity-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.commodity-card__quantity-btn {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: #fff;
+  border-radius: 4px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  color: #475569; }
+
+.commodity-card__quantity-btn:hover:not(:disabled) {
+  background: #e2e8f0;
+  color: #1e293b; }
+
+.commodity-card__quantity-btn:disabled {
+  opacity: .5;
+  cursor: not-allowed; }
+
+.commodity-card__quantity-value {
+  min-width: 32px;
+  text-align: center;
+  font-weight: 600;
+  color: #1e293b; }
+
+.commodity-card__actions {
+  grid-gap: 8px;
+  gap: 8px; }
+
+.commodity-card__actions, .commodity-card__details-btn {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.commodity-card__details-btn {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: 1px solid #e2e8f0;
+  background: #fff;
+  border-radius: 8px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  color: #64748b;
+  padding: 5px; }
+
+.commodity-card__details-btn:hover {
+  background: #f1f5f9;
+  border-color: #cbd5e1;
+  color: #475569; }
+
+.commodity-card__add-btn {
+  padding: 10px 20px;
+  background: #3b82f6;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  font-weight: 600;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  font-size: 14px; }
+
+.commodity-card__add-btn:hover:not(:disabled) {
+  background: #2563eb;
+  -webkit-transform: translateY(-1px);
+  transform: translateY(-1px); }
+
+.commodity-card__add-btn:disabled {
+  background: #94a3b8;
+  cursor: not-allowed;
+  -webkit-transform: none;
+  transform: none; }
+
+.commodity-card__total {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 12px;
+  background: #ecfdf5;
+  border: 1px solid #d1fae5;
+  border-radius: 8px; }
+
+.commodity-card__total-label {
+  font-size: 14px;
+  color: #065f46;
+  font-weight: 600; }
+
+.commodity-card__total-value {
+  font-size: 18px;
+  font-weight: 800;
+  color: #059669; }
+
+.commodity-card__details {
+  background: #f8fafc;
+  padding: 16px;
+  border-radius: 8px;
+  border: 1px solid #e2e8f0; }
+
+.commodity-card__details-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #374151;
+  margin: 0 0 12px; }
+
+.commodity-card__details-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.commodity-card__detail-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  font-size: 13px;
+  padding: 4px 0;
+  border-bottom: 1px solid #e5e7eb; }
+
+.commodity-card__detail-item:last-child {
+  border-bottom: none; }
+
+.commodity-card__detail-label {
+  color: #6b7280;
+  font-weight: 500; }
+
+.commodity-card__detail-value {
+  color: #374151;
+  font-weight: 600; }
+
+.config-panel {
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 24px;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
+
+.config-panel__title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 8px;
+  gap: 8px;
+  font-size: 18px;
+  font-weight: 600;
+  color: #1e293b;
+  margin-bottom: 16px; }
+
+.config-panel__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-gap: 16px;
+  gap: 16px; }
+
+.config-panel__field {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.config-panel__field, .config-panel__label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.config-panel__label {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 500;
+  color: #374151;
+  text-transform: capitalize; }
+
+.config-panel__select {
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  background: #fff;
+  font-size: 14px;
+  color: #374151;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+
+.config-panel__select:focus {
+  outline: none;
+  border-color: #3b82f6;
+  -webkit-box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
+
+.config-panel__summary {
+  margin-top: 16px;
+  padding: 12px;
+  background: #f0f9ff;
+  border: 1px solid #bae6fd;
+  border-radius: 8px; }
+
+.config-panel__summary-text {
+  font-size: 14px;
+  color: #0c4a6e; }
+
+.Inventory-table {
+  width: 100%;
+  background-color: #fff;
+  border-radius: 8px;
+  overflow: hidden;
+  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-md);
+  border: 1px solid #e2e8f0;
+  border: 1px solid var(--border-color); }
+
+.Inventory-table table {
+  width: 100%;
+  border-collapse: collapse;
+  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
+  background-color: #fff; }
+
+.Inventory-table thead {
+  background: linear-gradient(135deg, #2563eb, #1d4ed8);
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
+  position: sticky;
+  top: 0;
+  z-index: 10; }
+
+.Inventory-table thead th {
+  padding: 16px 12px;
+  text-align: left;
+  font-weight: 600;
+  font-size: 14px;
+  color: #fff;
+  border-bottom: 2px solid #1d4ed8;
+  border-bottom: 2px solid var(--primary-hover);
+  text-transform: uppercase;
+  letter-spacing: .5px;
+  white-space: nowrap;
+  position: relative; }
+
+.Inventory-table thead th:hover {
+  background-color: #1d4ed8;
+  background-color: var(--primary-hover); }
+
+.Inventory-table thead th:not(:last-child):after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 25%;
+  height: 50%;
+  width: 1px;
+  background-color: rgba(255, 255, 255, 0.2); }
+
+.Inventory-table tbody {
+  background-color: #fff; }
+
+.Inventory-table tbody tr {
+  -webkit-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  border-bottom: 1px solid #e2e8f0;
+  border-bottom: 1px solid var(--border-color); }
+
+.Inventory-table tbody tr:hover {
+  background-color: #dbeafe !important;
+  background-color: var(--primary-light) !important;
+  -webkit-transform: translateX(2px);
+  transform: translateX(2px);
+  -webkit-box-shadow: inset 3px 0 0 #2563eb;
+  box-shadow: inset 3px 0 0 #2563eb;
+  -webkit-box-shadow: inset 3px 0 0 var(--primary-color);
+  box-shadow: inset 3px 0 0 var(--primary-color); }
+
+.Inventory-table tbody tr.even-row {
+  background-color: #f8fafc;
+  background-color: var(--light-color); }
+
+.Inventory-table tbody tr.odd-row {
+  background-color: #fff; }
+
+.Inventory-table tbody td {
+  padding: 12px;
+  font-size: 14px;
+  color: #0f172a;
+  color: var(--text-primary);
+  vertical-align: middle;
+  line-height: 1.5; }
+
+.Inventory-table tbody td:last-child {
+  border-right: none; }
+
+.Inventory-table tbody td[data-column=status] {
+  background-color: #fff7e6 !important;
+  font-weight: 500; }
+
+.table-fixed-first-column tbody td:first-child, .table-fixed-first-column thead th:first-child {
+  position: sticky;
+  left: 0;
+  z-index: 5;
+  background-color: inherit; }
+
+.table-fixed-first-column tbody td:first-child {
+  border-right: 1px solid #fdf0c4;
+  border-bottom: none; }
+
+.table-sticky-header thead {
+  position: sticky;
+  top: 0;
+  z-index: 10; }
+
+.table-border-style {
+  border: 1px solid #e2e8f0;
+  border: 1px solid var(--border-color); }
+
+.loader-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.8);
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  z-index: 20; }
+
+.loader-overlay, .table-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.table-controls {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-bottom: 1rem;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.table-controls .search-section {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  min-width: 250px; }
+
+.table-controls .info-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.table-controls p {
+  margin: 0;
+  color: #64748b;
+  color: var(--text-secondary);
+  font-size: 14px;
+  font-weight: 500; }
+
+@media (max-width: 1024px) {
+  .Inventory-table {
+    font-size: 13px; }
+  .Inventory-table tbody td, .Inventory-table thead th {
+    padding: 10px 8px; }
+  .table-controls {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch; }
+  .table-controls .search-section {
+    width: 100%; }
+  .table-controls .info-section {
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; } }
+
+@media (max-width: 768px) {
+  .Inventory-table {
+    border-radius: 0;
+    margin: 0 -1rem;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-left: none;
+    border-right: none; }
+  .Inventory-table thead th {
+    font-size: 12px;
+    padding: 12px 6px; }
+  .Inventory-table tbody td {
+    font-size: 12px;
+    padding: 10px 6px; }
+  .Inventory-table {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; }
+  .Inventory-table table {
+    min-width: 600px; } }
+
+@media (max-width: 480px) {
+  .Inventory-table thead th {
+    font-size: 11px;
+    padding: 10px 4px; }
+  .Inventory-table tbody td {
+    font-size: 11px;
+    padding: 8px 4px; }
+  .table-controls {
+    grid-gap: .5rem;
+    gap: .5rem; }
+  .table-controls .info-section {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    grid-gap: .5rem;
+    gap: .5rem; }
+  .mobile-card-view .Inventory-table thead {
+    display: none; }
+  .mobile-card-view .Inventory-table tbody, .mobile-card-view .Inventory-table tbody td, .mobile-card-view .Inventory-table tbody tr {
+    display: block; }
+  .mobile-card-view .Inventory-table tbody tr {
+    background-color: #fff;
+    border: 1px solid #e2e8f0;
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    margin-bottom: 10px;
+    padding: 12px;
+    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: var(--shadow-sm);
+    box-shadow: var(--shadow-sm); }
+  .mobile-card-view .Inventory-table tbody td {
+    border: none;
+    padding: 6px 0;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+  .mobile-card-view .Inventory-table tbody td:before {
+    content: attr(data-label) ": ";
+    font-weight: 600;
+    color: #64748b;
+    color: var(--text-secondary);
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-right: 8px; } }
+
+@media print {
+  .Inventory-table {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border: 1px solid #000; }
+  .Inventory-table thead th {
+    background-color: #f0f0f0 !important;
+    color: #000 !important; }
+  .Inventory-table tbody tr:hover {
+    background-color: initial !important;
+    -webkit-transform: none !important;
+    transform: none !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important; } }
+
+.Inventory-table:focus-within, .Inventory-table[focus-within] {
+  outline: 2px solid #2563eb;
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px; }
+
+.Inventory-table::-webkit-scrollbar {
+  height: 6px; }
+
+.Inventory-table::-webkit-scrollbar-track {
+  background: #f1f5f9;
+  background: var(--secondary-light); }
+
+.Inventory-table::-webkit-scrollbar-thumb {
+  background: #64748b;
+  background: var(--secondary-color);
+  border-radius: 3px; }
+
+.Inventory-table::-webkit-scrollbar-thumb:hover {
+  background: #2563eb;
+  background: var(--primary-color); }
+
+.inv-badge {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 6px;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: capitalize;
+  min-width: 100px;
+  border: 1px solid transparent;
+  background-color: #f5f5f5;
+  color: #444; }
+
+.inv-badge-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%; }
+
+.inv-badge-approved {
+  background-color: #e6ffed;
+  color: #0f9d58;
+  border-color: #0f9d58; }
+
+.inv-badge-approved .inv-badge-dot {
+  background-color: #0f9d58; }
+
+.inv-badge-rejected {
+  background-color: #ffe6e6;
+  color: #d93025;
+  border-color: #d93025; }
+
+.inv-badge-rejected .inv-badge-dot {
+  background-color: #d93025; }
+
+.inv-badge-pending {
+  background-color: #fff9e6;
+  color: #fbbc04;
+  border-color: #fbbc04; }
+
+.inv-badge-pending .inv-badge-dot {
+  background-color: #fbbc04; }
+
+.inv-badge-inprogress {
+  background-color: #e6f0ff;
+  color: #1967d2;
+  border-color: #1967d2; }
+
+.inv-badge-inprogress .inv-badge-dot {
+  background-color: #1967d2; }
+
+.inv-badge-default {
+  background-color: #eee;
+  color: #555;
+  border-color: #ccc; }
+
+.inv-badge-default .inv-badge-dot {
+  background-color: #aaa; }
+
+.asset-mgmt-wrapper {
+  background: #fff;
+  border-radius: 8px;
+  padding: 24px;
+  margin: 24px 0;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
+
+.asset-mgmt-header {
+  margin-bottom: 24px; }
+
+.asset-mgmt-title {
+  margin: 0 0 8px !important;
+  color: #333 !important;
+  font-size: 18px !important;
+  font-weight: 600 !important; }
+
+.asset-mgmt-subtitle {
+  margin: 0 !important;
+  color: #666 !important;
+  font-size: 14px !important; }
+
+.asset-mgmt-id-section {
+  margin-bottom: 16px; }
+
+.asset-mgmt-label {
+  display: block;
+  margin-bottom: 8px;
+  font-weight: 500;
+  color: #333; }
+
+.asset-mgmt-input {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px; }
+
+.asset-mgmt-input:focus {
+  outline: none;
+  border-color: #007bff;
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
+  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }
+
+.asset-mgmt-input:disabled {
+  background-color: #f8f9fa;
+  cursor: not-allowed; }
+
+.asset-mgmt-error {
+  background-color: #fff5f5;
+  border: 1px solid #fed7d7;
+  border-radius: 4px;
+  padding: 12px;
+  font-size: 14px;
+  color: red; }
+
+.asset-mgmt-eligibility {
+  background-color: #fffaf0;
+  border: 1px solid #fbd38d;
+  border-radius: 4px;
+  padding: 12px;
+  font-size: 14px;
+  color: orange; }
+
+.asset-mgmt-incidents {
+  margin: 24px 0; }
+
+.asset-mgmt-incidents-title {
+  margin: 0 0 16px !important;
+  color: #333 !important;
+  font-size: 16px !important;
+  font-weight: 600 !important; }
+
+.asset-mgmt-details {
+  margin-top: 24px; }
+
+.asset-mgmt-details-title {
+  margin: 0 0 16px !important;
+  color: #333 !important;
+  font-size: 16px !important;
+  font-weight: 600 !important; }
+
+.asset-mgmt-details-card {
+  background-color: #f8f9fa;
+  border: 1px solid #e9ecef;
+  border-radius: 6px;
+  padding: 16px; }
+
+.asset-mgmt-details-item {
+  margin: 0 0 8px !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important; }
+
+.asset-mgmt-details-item:last-child {
+  margin-bottom: 0 !important; }
+
+.asset-mgmt-details-label {
+  color: #333 !important;
+  font-weight: 600 !important; }
+
 .display-none {
   display: none; }