:root{color:#202936;font-synthesis:none;text-rendering:optimizelegibility;--orange:#f36c21;--orange-dark:#d95510;--ink:#202936;--muted:#667384;--border:#e1e6eb;--green:#1e7b55;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}[hidden]{display:none!important}a{color:#a94712}.loading-screen,.loading-row{color:var(--muted);align-items:center;gap:12px;display:flex}.loading-screen{justify-content:center;min-height:100vh}.spinner{border:2px solid #d6dce3;border-top-color:var(--orange);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{background:radial-gradient(at 88% 18%,#fff0e7 0,#0000 38%),#f6f7f8;grid-template-columns:minmax(320px,480px) minmax(260px,440px);justify-content:center;align-items:center;gap:clamp(30px,8vw,110px);min-height:100vh;padding:32px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:42px;box-shadow:0 18px 50px #1f31420c}.brand-mark{background:var(--orange);color:#fff;letter-spacing:-.06em;border-radius:14px;place-items:center;width:50px;height:50px;font-size:17px;font-weight:850;display:grid}.brand-mark.small{border-radius:11px;flex:none;width:38px;height:38px;font-size:13px}.eyebrow{color:#a35a30;letter-spacing:.14em;margin:0 0 8px;font-size:10px;font-weight:800;line-height:1.4}.login-card .eyebrow{margin-top:26px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.025em}h1{margin-bottom:10px;font-size:30px;line-height:1.18}h2{margin-bottom:8px;font-size:23px}h3{margin-bottom:8px;font-size:18px}h4{font-size:14px}.muted,.panel-help{color:var(--muted);line-height:1.6}.login-card>.muted{margin-bottom:27px}.stack-form{flex-direction:column;gap:10px;display:flex}.stack-form label{margin-top:4px;font-size:13px;font-weight:700}input[type=text],input[type=password],select{width:100%;min-height:45px;color:var(--ink);background:#fff;border:1px solid #cbd3dc;border-radius:9px;padding:10px 12px}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--orange);outline:3px solid #f36c211c}.button{border:0;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:750;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--orange);color:#fff}.button.primary:hover:not(:disabled){background:var(--orange-dark)}.button.secondary{color:#343e4b;background:#eef1f4}.button.secondary:hover:not(:disabled),.button.quiet:hover:not(:disabled){background:#e4e8ed}.button.quiet{color:#4c5765;background:0 0}.button.full{width:100%;margin-top:8px}.small-button{border:1px solid var(--border);color:#334152;white-space:nowrap;background:#fff;padding:8px 11px;font-size:12px}.fine-print{color:#7c8794;font-size:11px;line-height:1.55}.login-card .fine-print{margin:22px 0 0}.login-note{max-width:350px}.note-icon{width:38px;height:38px;color:var(--orange-dark);background:#fff;border:1px solid #f1d5c7;border-radius:12px;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.login-note p{color:var(--muted);font-size:14px;line-height:1.7}.status-message{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5}.status-message.error{color:#9a312b;background:#fff4f2;border:1px solid #efc7c3}.status-message.success{color:#146745;background:#effaf4;border:1px solid #b9dfcf}.status-message.warning{color:#81510b;background:#fff9e9;border:1px solid #eed69c}.status-message.info{color:#385579;background:#f2f7fc;border:1px solid #cad8e8}.app-shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#222e3d;flex-direction:column;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1b;align-items:center;gap:11px;padding:0 8px 27px;display:flex}.sidebar-brand b{font-size:14px;display:block}.sidebar-brand small{color:#b6c2cf;margin-top:3px;font-size:10px;display:block}.sidebar nav{gap:7px;margin-top:22px;display:grid}.nav-item{text-align:left;color:#cad4df;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 11px;font-size:13px;font-weight:650;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#354457}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.nav-symbol{text-align:center;color:#ff9a60;width:18px;font-size:19px;line-height:14px}.sidebar-foot{color:#c4cfdb;border-top:1px solid #ffffff1b;align-items:center;gap:8px;margin-top:auto;padding:14px 8px 0;font-size:11px;display:flex}.secure-dot{background:#63c996;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #63c99624}.main-area{min-width:0;padding:28px clamp(22px,4vw,54px) 20px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.topbar .eyebrow{margin-bottom:5px}.topbar h1{margin:0;font-size:21px}.page-content{max-width:1180px;min-height:calc(100vh - 155px);padding-top:30px}.app-footer{border-top:1px solid var(--border);color:#83909d;max-width:1180px;margin-top:18px;padding-top:14px;font-size:10px}.intro-row,.library-intro{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px;display:flex}.intro-row>div:first-child{max-width:650px}.intro-row .muted,.library-intro .muted{margin:0;font-size:13px}.merchant-badge{background:#fff8f3;border:1px solid #f1d1bd;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;min-width:150px;padding:12px 15px;display:flex}.merchant-badge span{color:#875239;letter-spacing:.1em;font-size:9px;font-weight:800}.merchant-badge strong{color:#263546;font-size:22px}.work-grid{grid-template-columns:minmax(310px,.95fr) minmax(320px,1.05fr);align-items:stretch;gap:16px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:13px;box-shadow:0 3px 12px #1f314206}.form-panel{padding:23px}.panel-help{margin-bottom:19px;font-size:12px}.fixed-field{background:#f6fbf7;border:1px solid #d9eadd;border-radius:9px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.fixed-field span{font-size:12px;font-weight:750}.fixed-field strong{color:var(--green);font-size:15px}.fixed-field small{color:#6b8171;justify-self:end;font-size:10px}.field-group{flex-direction:column;gap:7px;display:flex}.field-group label{margin-top:4px}.field-note{color:#778392;margin:-2px 0 2px;font-size:11px;line-height:1.55}.payload-preview{background:#fffaf6;border:1px solid #e8d5c8;border-radius:8px;flex-direction:column;gap:5px;margin:5px 0 6px;padding:11px 12px;display:flex}.payload-preview>span{color:#82543a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.input-preview{color:#475466;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.form-actions{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.form-actions .button{flex:170px}.result-panel{min-height:470px;padding:23px}.empty-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex}.empty-preview p{color:#7a8795;max-width:280px;font-size:12px;line-height:1.6}.empty-barcode{color:#9ba7b2;background:repeating-linear-gradient(90deg,#fff,#fff 5px,#f0f3f6 5px 7px);border:1px dashed #c9d1d9;border-radius:10px;place-items:center;width:110px;height:62px;margin-bottom:21px;font-size:37px;display:grid}.preview-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-header .eyebrow{margin-bottom:4px}.preview-header h3{margin:0}.verified-tag{color:#176743;white-space:nowrap;background:#eff9f2;border-radius:99px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex}.barcode-image-frame{background:#fff;border:1px solid #e8ebee;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:140px;margin:18px 0;padding:13px 8px;display:flex;overflow-x:auto}.barcode-image{image-rendering:auto;width:auto;max-width:100%;height:auto;display:block}.decoded-value{background:#f3fbf5;border:1px solid #c9e1d1;border-radius:9px;flex-direction:column;gap:6px;padding:12px;display:flex}.decoded-value span{color:#3d7552;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.decoded-value code{color:#263546;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:750}.barcode-details{grid-template-columns:1fr 1fr;gap:0 16px;margin:13px 0;display:grid}.detail-row{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:10px;padding:7px 0;font-size:10px;display:flex}.detail-row dt{color:#758190}.detail-row dd{color:#2d3947;text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.preview-actions{gap:8px;display:flex}.preview-actions .button{text-align:center;flex:1;text-decoration:none}.file-caption{color:#788493;overflow-wrap:anywhere;margin:10px 0 13px;font-size:10px}.verification-text{color:#6c7987;margin:11px 0 0;font-size:10px;line-height:1.55}.accuracy-note{color:#75531b;background:#fff9e9;border:1px solid #f0d5a5;border-radius:9px;margin-top:16px;padding:13px 15px;font-size:11px;line-height:1.55}.library-intro{align-items:center;margin-bottom:18px}.library-intro .muted{font-size:12px}.library-list{gap:9px;display:grid}.library-card{border:1px solid var(--border);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.library-card-code{align-items:center;gap:12px;min-width:0;display:flex}.mini-barcode{color:#404e5d;background:repeating-linear-gradient(90deg,#f6f8f9,#f6f8f9 4px,#e8edf1 4px 6px);border:1px solid #dfe5ea;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.library-card-text{gap:4px;min-width:0;display:grid}.library-card-text b{overflow-wrap:anywhere;font-size:12px}.library-card-text code{color:#415267;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.library-card-text small{color:#85909c;font-size:10px}.library-card-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#9b3934;background:#fff;border:1px solid #e6c9c6;border-radius:8px;width:33px;height:33px;font-size:20px;line-height:1}.icon-button:hover{background:#fff3f1}.empty-library{text-align:center;background:#fbfcfd;border:1px dashed #d5dce2;border-radius:12px;align-content:center;justify-items:center;min-height:220px;padding:25px;display:grid}.empty-library h3{margin:7px 0}.empty-library p{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.empty-library-icon{color:#aab4bf;font-size:30px}.library-preview{max-width:600px;margin:18px 0 0 auto}@media (width<=1000px){.work-grid{grid-template-columns:1fr}.result-panel{min-height:350px}.empty-preview{min-height:300px}}@media (width<=720px){.login-layout{grid-template-columns:minmax(0,440px);align-content:center;gap:23px;padding:20px}.login-card{padding:28px 23px}.login-note{padding:0 8px}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:11px 12px;position:static}.sidebar-brand{border-bottom:0;padding:0 4px 10px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:9px;display:grid}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:64px;padding:7px 4px;font-size:10px;line-height:1.2}.nav-item span:last-child{overflow-wrap:anywhere}.nav-symbol{font-size:17px;line-height:16px}.sidebar-foot{display:none}.main-area{padding:17px 15px 16px}.page-content{padding-top:22px}.topbar{padding-bottom:16px}.topbar h1{font-size:18px}.intro-row,.library-intro{flex-direction:column;align-items:flex-start}.merchant-badge{width:100%}.library-card{flex-direction:column;align-items:flex-start}.library-card-actions{justify-content:flex-end;width:100%}.barcode-details{grid-template-columns:1fr}.preview-header{flex-direction:column}}