*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1a2e;-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100dvh}button{cursor:pointer;border:none;background:none}button,input{font-family:inherit}a{text-decoration:none}.app{display:flex;flex-direction:column;min-height:100dvh;background:#f0f2f5}.hub-header{gap:14px;background:#1a3785;padding:0 16px;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hub-header,.hub-header-icon{display:flex;align-items:center}.hub-header-icon{color:#fff;background:none;border:none;font-size:22px;line-height:1;padding:4px;cursor:pointer;justify-content:center;width:32px;height:32px}.hub-logo{height:24px;width:auto;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}.hub-title{color:#fff;font-size:1.15rem;font-weight:700;flex:1 1}.hub-section-label{background:#dce9f8;padding:8px 16px;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#5a7aaa;border-bottom:1px solid #c8d8ee}.hub-menu{display:flex;flex-direction:column;gap:1px;background:#e0e4ea}.hub-menu-item{display:flex;align-items:center;gap:14px;background:#fff;padding:16px 16px 16px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s;width:100%;text-align:left;border:none;position:relative}.hub-menu-item:active{background:#f0f4ff}.hub-item-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#444}.hub-item-icon svg{width:28px;height:28px}.hub-item-name{flex:1 1;font-size:1rem;font-weight:600;color:#1a1a2e}.hub-item-chevron{color:#aab;font-size:1.4rem;font-weight:300;line-height:1}.hub-menu-item.scan-print-item .hub-item-icon,.hub-menu-item.scan-print-item .hub-item-name{color:#1a3785}.sp-body{flex:1 1;display:flex;flex-direction:column;padding:16px;gap:14px;background:#f5f6f8}.scanner-zone{background:#2e2e2e;border-radius:6px;min-height:220px;justify-content:center;overflow:hidden;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.scanner-zone,.scanner-zone-idle{display:flex;flex-direction:column;align-items:center}.scanner-zone-idle{gap:14px}.scanner-brackets{width:52px;height:52px;position:relative}.scanner-brackets:after,.scanner-brackets:before{content:"";position:absolute;width:18px;height:18px;border-color:#ccc;border-style:solid}.scanner-brackets:before{top:0;left:0;border-width:2px 0 0 2px}.scanner-brackets:after{bottom:0;right:0;border-width:0 2px 2px 0}.scanner-brackets-inner:after,.scanner-brackets-inner:before{content:"";position:absolute;width:18px;height:18px;border-color:#ccc;border-style:solid}.scanner-brackets-inner:before{top:0;right:0;border-width:2px 2px 0 0}.scanner-brackets-inner:after{bottom:0;left:0;border-width:0 0 2px 2px}.scanner-idle-text{color:#ccc;font-size:.95rem;text-align:center;padding:0 20px}.scanner-zone-camera{width:100%;height:100%;min-height:220px;position:relative}.scanner-zone-camera #sp-qr-reader{width:100%}.scanner-zone-camera #sp-qr-reader video{width:100%!important;max-height:240px;object-fit:cover}#sp-qr-reader__dashboard,#sp-qr-reader__header_message,#sp-qr-reader__status_span{display:none!important}.scan-line-anim{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4fc3f7,transparent);box-shadow:0 0 6px #4fc3f7;animation:scanMove 1.8s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes scanMove{0%,to{top:15%;opacity:.6}50%{top:80%;opacity:1}}.zone-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;width:100%;box-sizing:border-box}.zone-spinner{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.15);border-top-color:#4fc3f7;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.zone-text{color:#ccc;font-size:.9rem;text-align:center}.zone-success-icon{width:44px;height:44px;border-radius:50%;background:rgba(76,175,80,.2);border:2px solid #4caf50;color:#4caf50;font-size:1.4rem}.zone-error-icon,.zone-success-icon{display:flex;align-items:center;justify-content:center}.zone-error-icon{width:52px;height:52px;border-radius:50%;background:rgba(244,67,54,.15);border:2px solid #f44336;color:#f44336;flex-shrink:0}.zone-error-title{color:#fff;font-size:1rem;font-weight:700;margin:0}.zone-error-body{color:#bbb;font-size:.88rem;line-height:1.5;text-align:center;margin:0;padding:0 8px;word-break:break-word;overflow-wrap:break-word;max-width:100%}.zone-action-btn{background:#4fc3f7;color:#000;border:none;border-radius:6px;padding:8px 20px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:4px}.zone-action-btn.danger{background:#ef5350;color:#fff}.consignment-row{display:flex;align-items:center;background:#fff;border:1px solid #dde2ea;border-radius:6px;overflow:hidden}.consignment-input{flex:1 1;border:none;outline:none;padding:14px;font-size:.95rem;color:#1a1a2e;background:transparent}.consignment-input::placeholder{color:#aab}.consignment-add{width:50px;height:100%;background:none;border:none;border-left:1px solid #dde2ea;font-size:1.5rem;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px;align-self:stretch;min-height:50px;-webkit-tap-highlight-color:transparent}.consignment-add:active{background:#f0f4ff}.go-dashboard{text-align:center;padding:12px;color:#666;font-size:.95rem;font-weight:600;cursor:pointer;background:none;border:none;display:block;width:100%;-webkit-tap-highlight-color:transparent}.go-dashboard:active{color:#1a3785}.result-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 12px rgba(0,0,0,.07);flex-direction:column;padding:28px 20px 24px;gap:14px;text-align:center}.result-card,.result-icon-wrap{display:flex;align-items:center}.result-icon-wrap{width:64px;height:64px;border-radius:50%;background:#f0fdf4;border:2px solid #22c55e;justify-content:center;flex-shrink:0}.result-title{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0}.result-ref-pill{display:inline-flex;align-items:center;gap:7px;background:#f1f5ff;border:1px solid #c7d5f8;border-radius:999px;padding:4px 14px 4px 6px}.result-ref-badge{background:#1a3785;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:999px}.result-ref-value{font-size:.95rem;font-weight:700;font-family:monospace;color:#1a3785;letter-spacing:.04em}.result-btn-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#1a3785;color:#fff;border:none;border-radius:10px;padding:15px 20px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s;margin-top:4px}.result-btn-primary:active{background:#162d6a}.result-btn-secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#fff;color:#1a3785;border:1.5px solid #1a3785;border-radius:10px;padding:13px 20px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s}.result-btn-secondary:active{background:#f1f5ff}.result-btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:none;color:#64748b;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .15s}.result-btn-ghost:active{background:#f8fafc}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@supports (padding:env(safe-area-inset-bottom)){.app{padding-bottom:env(safe-area-inset-bottom)}}