@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--radius-xl: .75rem;--animate-spin: spin 1s linear infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-bg: #F4F7FB;--color-surface: #FFFFFF;--color-border: #E4EAF3;--color-text: #0F1923;--color-text-2: #5A6A82;--color-text-3: #9BACC0;--color-primary: #1A56DB;--color-primary-dk: #1344B5;--color-primary-lt: #EBF1FF;--color-warning: #D97706;--color-warning-lt: #FEF3C7;--color-danger: #DC2626;--color-danger-lt: #FEF2F2;--color-neutral-lt: #F3F4F6;--radius-sm2: 10px;--radius-md2: 16px;--radius-lg2: 22px;--radius-xl2: 28px;--shadow-card: 0 2px 16px rgba(26, 86, 219, .08), 0 1px 4px rgba(0, 0, 0, .05)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.w-full{width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-1{gap:calc(var(--spacing) * 1)}.text-primary{color:var(--color-primary)}.uppercase{text-transform:uppercase}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:40%}}@layer components{.page-shell{display:flex;min-height:100dvh;flex-direction:column;align-items:stretch;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 0);padding-top:calc(var(--spacing) * 0);padding-bottom:calc(var(--spacing) * 0);background-color:var(--color-surface);padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px)}@media(width>=40rem){.page-shell{align-items:center}}@media(width>=40rem){.page-shell{padding-inline:calc(var(--spacing) * 4)}}@media(width>=40rem){.page-shell{padding-top:calc(var(--spacing) * 6)}}@media(width>=40rem){.page-shell{padding-bottom:calc(var(--spacing) * 10)}}@media(min-width:640px){.page-shell{background-color:var(--color-bg)}}.card{width:100%;max-width:none;border-radius:0;padding:calc(var(--spacing) * 4);background-color:var(--color-surface);border:0}@media(width>=40rem){.card{max-width:calc(var(--spacing) * 110)}}@media(width>=40rem){.card{border-radius:var(--radius-xl2)}}@media(width>=40rem){.card{padding:calc(var(--spacing) * 7)}}@media(min-width:640px){.card{border:1px solid var(--color-border);box-shadow:var(--shadow-card)}}}@layer components{.page-header{margin-bottom:calc(var(--spacing) * 5)}.page-title{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-leading: var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-text)}.page-subtitle{margin-top:calc(var(--spacing) * 1.5);font-size:.95rem;--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-text-2)}.footer-note{margin-top:calc(var(--spacing) * 2);text-align:center;font-size:.72rem;color:var(--color-text-3)}}@layer components{.page-intro{margin-bottom:calc(var(--spacing) * 6);text-align:center}.intro-icon{margin-inline:auto;margin-bottom:calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:center;font-size:1.6rem;width:52px;height:52px;border-radius:var(--radius-md2);background-color:var(--color-primary-lt)}.text-muted-sm{margin-bottom:calc(var(--spacing) * 3);font-size:.8rem;color:var(--color-text-3)}.section-stack{margin-top:calc(var(--spacing) * 5);display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5)}.alert-warning{margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-md2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5);background-color:var(--color-warning-lt);border:1px solid rgba(217,119,6,.3)}.alert-warning-title{margin-bottom:calc(var(--spacing) * 2);font-size:.85rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking: .04em;letter-spacing:.04em;text-transform:uppercase;color:var(--color-warning)}.text-danger{color:var(--color-danger)}.overlay{position:fixed;inset:calc(var(--spacing) * 0);z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 6);background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-card{display:flex;width:100%;max-width:calc(var(--spacing) * 110);flex-direction:column;align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 6);background-color:var(--color-surface);border-radius:20px}.overlay-label{align-self:flex-start;font-size:.7rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-2)}.overlay-value{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-text-2)}.btn-neutral{width:100%;border-radius:var(--radius-xl);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));background-color:var(--color-neutral-lt);color:var(--color-text)}.btn-neutral:active{background-color:var(--color-border)}}@layer components{.btn-primary-main{margin-bottom:calc(var(--spacing) * 3);display:flex;width:100%;align-items:center;gap:calc(var(--spacing) * 4);border-radius:var(--radius-xl2);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 5);text-align:left;--tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));background-color:var(--color-primary);color:#fff}.btn-primary-main:active{scale:.98}.btn-primary-main:active{--tw-brightness: brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.btn-secondary{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1.5px;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3.5);text-align:center;font-size:.75rem;--tw-leading: var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:active{background-color:var(--color-primary-lt);border-color:var(--color-primary)}.cta-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4.25);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.cta-btn:active{scale:.985}.cta-btn--primary{background-color:var(--color-primary);color:#fff}.back-btn{margin-bottom:calc(var(--spacing) * 5);display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1.5);font-size:.95rem;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary)}}@layer components{.field{margin-bottom:calc(var(--spacing) * 4);display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.5)}.field__label{font-size:.85rem;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-2)}.field-input{width:100%;border-radius:var(--radius-sm2);border-style:var(--tw-border-style);border-width:2px;padding:calc(var(--spacing) * 3.5);font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-outline-style: none;outline-style:none;background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1a56db1a}.textarea-input{height:calc(var(--spacing) * 40);resize:none;--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.placeholder-sans::placeholder{font-family:var(--font-sans)}}@layer components{.brand-logo{margin-inline:auto;margin-bottom:calc(var(--spacing) * 3);width:56px;height:56px}.brand-title{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:1.75rem;letter-spacing:-.02em;color:var(--color-primary)}}@layer components{.app-header{position:sticky;top:calc(var(--spacing) * 0);z-index:50;display:flex;align-items:center;justify-content:space-between;border-radius:0;padding-inline:calc(var(--spacing) * 4);height:52px;margin-bottom:-1px;background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 4px #0000000f}@media(width>=40rem){.app-header{border-top-left-radius:var(--radius-xl2);border-top-right-radius:var(--radius-xl2)}}.app-header-brand{display:flex;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-primary)}.app-header-logo{flex-shrink:0;width:24px;height:24px}.btn-header-primary{display:flex;align-items:center;gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));border-radius:var(--radius-sm2);background-color:var(--color-primary);color:#fff}.btn-header-primary:active{background-color:var(--color-primary-dk)}}@layer components{.actions-grid{margin-bottom:calc(var(--spacing) * 4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 2)}.loading-inline{margin-bottom:calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-2)}.spinner{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);animation:var(--animate-spin);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border);border-top-color:var(--color-primary)}.error-box{margin-bottom:calc(var(--spacing) * 2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-danger);background-color:var(--color-danger-lt);border:1px solid rgba(220,38,38,.2)}}@layer components{.page-container{width:100%;max-width:calc(var(--spacing) * 110)}.card-flat-top{padding-top:calc(var(--spacing) * 4);border-top:0;border-radius:0;box-shadow:none}.stack-md{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5)}.loading-block{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 10)}.spinner-lg{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);animation:var(--animate-spin);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:var(--color-border);border-top-color:var(--color-primary)}}@layer components{.upload-dropzone{margin-bottom:calc(var(--spacing) * 5);display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2.5);border-style:var(--tw-border-style);border-width:2px;--tw-border-style: dashed;border-style:dashed;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 9);text-align:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));border-color:var(--color-border);border-radius:var(--radius-md2)}.upload-dropzone-active{border-color:var(--color-primary);background-color:var(--color-primary-lt)}.upload-file-list{margin-bottom:calc(var(--spacing) * 4);display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.upload-file-item{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);font-size:.9rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm2)}.upload-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{font-size:.78rem;color:var(--color-text-3)}.icon-xl{font-size:2.4rem;--tw-leading: 1;line-height:1}.spinner-xl{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);animation:var(--animate-spin);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:var(--color-border);border-top-color:var(--color-primary)}}@layer components{.barcode-card{overflow:hidden;border-style:var(--tw-border-style);border-width:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));border-radius:var(--radius-lg2);background-color:var(--color-bg)}.barcode-card-success{border-color:#22c55e4d}.barcode-card-warn{border-color:#f59e0b4d}.barcode-card-neutral{border-color:var(--color-border)}.barcode-header{display:flex;align-items:center;justify-content:space-between;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);border-bottom:1px solid rgba(0,0,0,.05)}.barcode-label{font-size:.7rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking: .08em;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-2)}.barcode-status{display:flex;align-items:center;justify-content:center;font-size:.65rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);width:20px;height:20px;border-radius:999px}.barcode-status-success{background-color:#22c55e1a;color:#15803d}.barcode-status-warn{background-color:#f59e0b1a;color:#b45309}.barcode-status-neutral{background-color:var(--color-neutral-lt);color:var(--color-text-3)}.barcode-view{cursor:pointer;padding-inline:calc(var(--spacing) * 3.5);padding-top:calc(var(--spacing) * 2.5);padding-bottom:calc(var(--spacing) * 1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));background-color:var(--color-surface)}.barcode-view:active{background-color:var(--color-bg)}.barcode-hint{margin-top:calc(var(--spacing) * .5);display:block;text-align:right;font-size:.65rem;color:var(--color-text-3)}.barcode-input-row{display:flex;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 3)}.barcode-input{flex:1;padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);font-size:.85rem;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-outline-style: none;outline-style:none;border-radius:var(--radius-sm2);font-family:var(--font-mono);background-color:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text)}.barcode-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a56db1a}.barcode-input-valid{border-color:#22c55e66;background-color:#22c55e0d}.barcode-btn{flex-shrink:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));border-radius:var(--radius-sm2);background-color:var(--color-primary);color:#fff}.barcode-btn:active{background-color:var(--color-primary-dk)}}@layer components{.icon-lg{flex-shrink:0;font-size:2rem;--tw-leading: 1;line-height:1}.icon-md{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.icon-sm{font-size:1.1rem}.title{font-size:1.1rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.subtitle{font-size:.82rem;--tw-leading: var(--leading-snug);line-height:var(--leading-snug);opacity:80%}}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-border-style: solid}}}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYthSQBLyM.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYthqQBA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzEY2tbZX9.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v16/aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{min-height:100dvh;background:var(--color-bg)}