@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* tc-scoped:tc-wp-tool-root */

.tc-wp-tool-root{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flow-root;
  isolation: isolate;
  position: relative;
}.wpc-scope-127 .tc-wp-tool-root img, .wpc-scope-127 .tc-wp-tool-root video, .wpc-scope-127 .tc-wp-tool-root svg, .wpc-scope-127 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool, .wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool *{
  box-sizing: border-box;
  min-width: 0;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  color: #172033;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: break-word;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{
  width: 100%;
  max-width: 100%;
  padding: 54px 18px;
  background:
    linear-gradient(135deg, rgba(20, 101, 147, 0.08), rgba(26, 168, 122, 0.07)),
    repeating-linear-gradient(90deg, rgba(20, 31, 48, 0.035) 0 2px, transparent 2px 16px),
    radial-gradient(circle at 18% 12%, rgba(0, 115, 230, 0.14), transparent 34%),
    radial-gradient(circle at 82% 24%, rgba(37, 180, 125, 0.12), transparent 30%),
    #f7fafc;
  overflow-x: hidden;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-header{
  width: 100%;
  max-width: 860px;
  margin: 0 auto 24px;
  text-align: center;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-kicker{
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 7px 12px;
  border: 1px solid rgba(39, 103, 135, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: #1b647f;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool h1{
  margin: 0;
  color: #102033;
  font-size: clamp(1.8rem, 5vw, 2.8rem) !important;
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: 0;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{
  width: 100%;
  max-width: 780px;
  margin: 14px auto 0;
  color: #526174;
  font-size: 1.04rem;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(28, 58, 83, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 22px 60px rgba(21, 36, 54, 0.12);
  backdrop-filter: blur(12px);
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(26, 46, 68, 0.1);
  border-radius: 10px;
  background: #ffffff;
  padding: 22px;
  box-shadow: 0 12px 32px rgba(20, 35, 52, 0.07);
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head{
  margin: 0 0 18px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head h2{
  margin: 0 0 6px;
  color: #122238;
  font-size: 1.12rem;
  line-height: 1.25;
  font-weight: 820;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p{
  margin: 0;
  color: #627084;
  font-size: 0.94rem;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-field{
  width: 100%;
  max-width: 100%;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool label{
  display: block;
  margin: 0 0 8px;
  color: #253348;
  font-size: 0.94rem;
  font-weight: 750;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool input{
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #cfd9e6;
  border-radius: 10px;
  background: #fbfdff;
  color: #142236;
  font: inherit;
  font-size: 1rem;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool input:focus{
  border-color: #1976a3;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(25, 118, 163, 0.14);
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-helper, .wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-validation, .wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status{
  width: 100%;
  max-width: 100%;
  margin: 8px 0 0;
  font-size: 0.88rem;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-helper{
  color: #68788d;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-validation{
  color: #b42318;
  font-weight: 720;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-actions{
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  font: inherit;
  font-size: 0.94rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease, border-color 150ms ease, color 150ms ease, opacity 150ms ease;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn:focus-visible{
  outline: 3px solid rgba(25, 118, 163, 0.28);
  outline-offset: 3px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn:hover{
  transform: translateY(-1px);
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-primary{
  background: linear-gradient(135deg, #145f86, #16846f);
  color: #ffffff;
  box-shadow: 0 12px 22px rgba(20, 95, 134, 0.2);
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-secondary{
  border-color: #c9d8e3;
  background: #f2f8fb;
  color: #174d68;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-neutral{
  border-color: #d5dde7;
  background: #ffffff;
  color: #46576d;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-soft-disabled{
  opacity: 0.58;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status-wrap{
  min-height: 28px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status{
  color: #245164;
  font-weight: 720;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status.ibg-error{
  color: #b42318;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status.ibg-success{
  color: #087443;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: 180px;
  min-height: 180px;
  padding: 16px;
  border: 1px solid rgba(28, 58, 83, 0.12);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 249, 252, 0.98)),
    repeating-linear-gradient(0deg, rgba(21, 44, 66, 0.035) 0 1px, transparent 1px 18px);
  overflow: auto;
  scrollbar-color: #8fb4c4 #eef5f8;
  scrollbar-width: thin;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box::-webkit-scrollbar{
  height: 8px;
  width: 8px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box::-webkit-scrollbar-track{
  background: #eef5f8;
  border-radius: 999px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box::-webkit-scrollbar-thumb{
  background: #8fb4c4;
  border-radius: 999px;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-canvas{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 148px;
  margin: 0 auto;
  border-radius: 8px;
  background: #ffffff;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-skeleton{
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 146px;
  display: grid;
  grid-template-columns: repeat(18, minmax(0, 1fr));
  align-items: stretch;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-skel-line{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(180deg, #dce8ee, #eef5f8);
  animation: ibgPulse 1.4s ease-in-out infinite;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-w1{ grid-column: span 1; }.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-w2{ grid-column: span 2; }.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-w3{ grid-column: span 1; }.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-w4{ grid-column: span 3; }.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-w5{ grid-column: span 2; }.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-skel-scan{
  position: absolute;
  inset: 0;
  width: 40%;
  background: linear-gradient(90deg, transparent, rgba(35, 141, 174, 0.16), transparent);
  animation: ibgScan 1.8s ease-in-out infinite;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-value-card{
  width: 100%;
  max-width: 100%;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(28, 58, 83, 0.12);
  border-radius: 10px;
  background: #f8fbfd;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-value-card span{
  display: block;
  margin-bottom: 3px;
  color: #6a788c;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}.wpc-scope-127 .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-value-card strong{
  display: block;
  width: 100%;
  max-width: 100%;
  color: #172033;
  font-size: 0.98rem;
}@keyframes ibgPulse{
  0%, 100% { opacity: 0.58; }
  50% { opacity: 1; }
}@keyframes ibgScan{
  0% { transform: translateX(-110%); }
  100% { transform: translateX(260%); }
}@media (max-width: 767px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{
    grid-template-columns: 1fr;
  }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{
    grid-column: 1 / -1;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-actions{
    display: grid;
    grid-template-columns: 1fr;
  }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{
    width: 100%;
  }}@media (min-width: 320px) and (max-width: 374px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 32px 10px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ width: 100%; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{ font-size: 0.9rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 10px; padding: 10px; grid-template-columns: 1fr; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 14px; grid-column: 1 / -1; }.tc-wp-tool-root .ibg-inventory-barcode-tool input{ min-height: 44px; font-size: 0.94rem; padding: 10px 11px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{ min-height: 42px; font-size: 0.88rem; padding: 10px 12px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{ padding: 10px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-helper, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-validation{ font-size: 0.82rem; }}@media (min-width: 375px) and (max-width: 429px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 36px 12px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ width: 100%; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{ font-size: 0.94rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 12px; padding: 12px; grid-template-columns: 1fr; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 16px; grid-column: 1 / -1; }.tc-wp-tool-root .ibg-inventory-barcode-tool input{ min-height: 46px; font-size: 0.96rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{ min-height: 42px; font-size: 0.9rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{ padding: 12px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-helper, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-validation{ font-size: 0.84rem; }}@media (min-width: 430px) and (max-width: 767px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 42px 14px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ width: 100%; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{ font-size: 0.98rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 14px; padding: 14px; grid-template-columns: 1fr; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 18px; grid-column: 1 / -1; }.tc-wp-tool-root .ibg-inventory-barcode-tool input{ min-height: 48px; font-size: 0.98rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{ min-height: 43px; font-size: 0.92rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{ padding: 13px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-helper, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-status, .tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-validation{ font-size: 0.86rem; }}@media (min-width: 768px) and (max-width: 1023px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 46px 18px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ width: 100%; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{ font-size: 1rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 16px; padding: 16px; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 19px; }.tc-wp-tool-root .ibg-inventory-barcode-tool input{ font-size: 0.98rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{ font-size: 0.9rem; padding: 10px 12px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{ padding: 14px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p{ font-size: 0.88rem; }}@media (min-width: 1024px) and (max-width: 1199px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 52px 20px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ width: 100%; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-subtitle{ font-size: 1.02rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 18px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 21px; }.tc-wp-tool-root .ibg-inventory-barcode-tool input{ font-size: 1rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-btn{ font-size: 0.93rem; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-preview-box{ padding: 16px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel-head p{ font-size: 0.93rem; }}@media (min-width: 1200px){.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-bg{ padding: 60px 24px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-container{ max-width: 1200px; }.tc-wp-tool-root .ibg-inventory-barcode-tool h1{ font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-tool-card{ gap: 20px; padding: 20px; }.tc-wp-tool-root .ibg-inventory-barcode-tool .ibg-panel{ padding: 24px; }}.wpc-scope-127 .tc-wp-tool-root{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
}.wpc-scope-127 .tc-wp-tool-root .ibg-controls-panel{}.wpc-scope-127 .tc-wp-tool-root .ibg-generated-value{}.wpc-scope-127 .tc-wp-tool-root .ibg-preview-panel{}