@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&family=DM+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Inter,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cyan-deeper:#1f5570;--bg:#f4f7f9;--border:#e2e8ed;--border-dark:#ccd4db;--text-primary:#0f1e28;--text-secondary:#4a6070;--text-muted:#8fa3b0;--font-mono:"DM Mono",monospace;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000012,0 1px 4px #0000000a;--shadow-lg:0 12px 40px #0000001a,0 2px 8px #0000000d;--radius-lg:16px;--radius-xl:24px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f4f7f9;background:var(--bg);color:#0f1e28;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-ui)}.App{text-align:center}.App-header{align-items:center;background:#fff;background:var(--surface);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.landing-search-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:420px;width:100%}.App-header:before{background-image:radial-gradient(circle,#c8d8e4 1px,#0000 0);background-size:28px 28px;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a141c8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:420px;outline:none;padding:1.5rem 1.75rem;text-align:center;width:100%}.modal h2{color:#0f1e28;color:var(--text-primary);font-size:1.1rem;margin:0}.modal p{color:#4a6070;color:var(--text-secondary);font-size:.9rem;margin:0}.modal button{align-self:center;background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.82rem;font-weight:500;gap:6px;margin-top:10px;padding:6px 14px;transition:background .15s,transform .1s}.settings-modal{animation:fadeUp .25s ease;background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000001a,0 2px 8px #0000000d;box-shadow:var(--shadow-lg);max-height:85vh;max-width:95vw;overflow-y:auto;padding:1.75rem 1.75rem 1.5rem;position:relative;width:700px}.modal-close-btn{background:#0000;border:none;color:#8fa3b0;color:var(--text-muted);cursor:pointer;font-size:1.4rem;position:absolute;right:12px;top:10px;transition:color .15s,transform .1s}.modal-close-btn:hover{transform:scale(1.1)}.modal-close-btn:hover,.modal-title{color:#0f1e28;color:var(--text-primary)}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.modal-field{align-items:center;border-bottom:1px solid #e2e8ed;border-bottom:1px solid var(--border);color:#4a6070;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.modal-field:last-of-type{border-bottom:none}.modal-label{color:#8fa3b0;color:var(--text-muted);font-weight:500}.modal-logout-btn{background:#e53e3e;border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.9rem;font-weight:600;height:40px;margin-top:1.5rem;transition:background .18s,transform .1s;width:100%}.modal-logout-btn:hover{background:#c53030}.modal-logout-btn:active{transform:scale(.98)}.App-header:after{background:radial-gradient(ellipse,#419fc41c 0,#0000 68%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:-160px;transform:translateX(-50%);width:800px}.search-intro{animation:fadeUp .4s ease;margin-bottom:1.25rem;text-align:center}.search-title{color:#0f1e28;color:var(--text-primary);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.35rem}.search-subtitle{color:#8fa3b0;color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0 auto;max-width:320px}.landing-center{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;width:100%}.landing-card{animation:cardIn .55s cubic-bezier(.22,1,.36,1) both;background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0000001a,0 2px 8px #0000000d;box-shadow:var(--shadow-lg);max-width:94vw;padding:2.75rem 3rem 3rem;position:relative;width:420px;z-index:1}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-logo-wrap{align-items:center;animation:fadeUp .5s ease .1s both;display:flex;flex-direction:column;gap:8px;margin-bottom:1.75rem}.landing-logo{border-radius:14px;height:64px;object-fit:contain;width:72px}.landing-powered{align-items:center;color:#8fa3b0;color:var(--text-muted);display:flex;font-size:.68rem;font-weight:500;gap:5px;letter-spacing:.07em;text-transform:uppercase}.landing-powered img{height:13px;opacity:.55;position:relative;top:1px;width:auto}.barcode-title{animation:fadeUp .5s ease .15s both;color:#0f1e28;color:var(--text-primary);font-size:1.55rem;font-weight:600;height:auto;letter-spacing:-.02em;line-height:1.25;margin-bottom:.35rem}.barcode-title:after{display:none}.landing-subtitle{animation:fadeUp .5s ease .18s both;color:#8fa3b0;color:var(--text-muted);font-size:.82rem;margin-bottom:0}.landing-divider{animation:fadeUp .5s ease .2s both;background:#b8dff0;background:var(--cyan-mid);border-radius:99px;height:2px;margin:1.5rem auto;width:36px}.form-app{align-items:stretch;animation:fadeUp .5s ease .25s both;display:flex;flex-direction:column;gap:10px;margin-top:0}.form-app input[type=text]{background:#f4f7f9;background:var(--bg);border:1px solid #ccd4db;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);color:#0f1e28;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;height:44px;outline:none;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.form-app input[type=text]::placeholder{color:#8fa3b0;color:var(--text-muted)}.form-app input[type=text]:focus{background:#fff;background:var(--surface);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc424}.btn-primary-action,.form-app input[type=submit]{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;font-weight:600;height:44px;letter-spacing:.02em;transition:background .18s,box-shadow .18s,transform .1s;width:100%}.btn-primary-action:hover,.form-app input[type=submit]:hover{background:#2e7a9a;background:var(--cyan-dark);box-shadow:0 4px 14px #419fc452}.btn-primary-action:active,.form-app input[type=submit]:active{transform:scale(.98)}.camera-wrap{display:flex;justify-content:center;margin-top:1rem;width:100%}.btn-secondary-action{background:#e8f6fb;background:var(--cyan-light);border:1px solid #b8dff0;border:1px solid var(--cyan-mid);border-radius:10px;border-radius:var(--radius-md);color:#2e7a9a;color:var(--cyan-dark);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.85rem;font-weight:500;height:40px;letter-spacing:.01em;margin-top:10px;transition:background .18s,border-color .18s;width:100%}.btn-secondary-action:hover{background:#d2ecf7;border-color:#419fc4;border-color:var(--cyan)}.form-page{min-height:calc(100vh - 56px)}.form-page,.landing-actions{display:flex;flex-direction:column}.landing-actions{animation:fadeUp .5s ease .3s both;gap:8px;margin-top:4px}.div-app,.div-bill{align-items:center;background:#f4f7f9;background:var(--bg);color:#0f1e28;color:var(--text-primary);display:flex;flex-direction:column;font-size:1rem;justify-content:center;min-height:80vh}.scan-mode-wrapper{background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000012,0 1px 4px #0000000a;box-shadow:var(--shadow-md);margin:1.5rem auto;max-width:500px;padding:1.5rem 2rem 2rem}.scan-mode-title{color:#8fa3b0;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.scan-mode-toggle{gap:1.5rem;margin:1rem 0}.scan-mode-toggle,.scan-option{align-items:center;display:flex}.scan-option{color:#4a6070;color:var(--text-secondary);cursor:pointer;font-size:.88rem;font-weight:500;gap:.45rem;transition:color .18s}.scan-option:hover{color:#2e7a9a;color:var(--cyan-dark)}.scan-option input[type=radio]{accent-color:#419fc4;accent-color:var(--cyan);cursor:pointer;transform:scale(1.2)}.scan-input{background:#f4f7f9;background:var(--bg);border:1px solid #ccd4db;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);display:block;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.95rem;margin:1.25rem auto 1rem;max-width:90%;outline:none;padding:.65rem 1rem;transition:border-color .18s,box-shadow .18s;width:320px}.scan-input:focus{background:#fff;background:var(--surface);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc424}.camera-mode-wrapper{margin-top:0;max-width:500px}.camera-toggle-button{background:#419fc4;background:var(--cyan);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.8rem;font-weight:500;padding:7px 13px;transition:background .15s,transform .1s}.camera-toggle-button:hover{background:#2e7a9a;background:var(--cyan-dark)}.camera-toggle-button:active{transform:scale(.97)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a141c94;color:#fff;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.95rem;gap:1rem;inset:0;justify-content:center;position:fixed;z-index:2000}.spinner{animation:spin .85s linear infinite;border:3px solid #ffffff2e;border-radius:50%;border-top:3px solid var(--cyan-mid);height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text:after{animation:dots 1.5s steps(3) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.pdf-submit-wrapper{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000012,0 1px 4px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.85rem;justify-content:center;margin:1rem auto 2rem;max-width:500px;padding:1.5rem 2rem;text-align:center}.email-input{background:#f4f7f9;background:var(--bg);border:1px solid #ccd4db;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;outline:none;padding:.65rem 1rem;transition:border-color .18s,box-shadow .18s;width:100%}.email-input:focus{background:#fff;background:var(--surface);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc424}.email-checkbox-label{align-items:center;color:#4a6070;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem}.done-order-button{align-items:center;background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.9rem;font-weight:600;gap:8px;margin-top:50px;padding:10px 22px;transition:background .18s,box-shadow .18s}.done-order-button:hover{background:#2e7a9a;background:var(--cyan-dark);box-shadow:0 4px 14px #419fc452}.pdf-submit-wrapper .validation-errors{text-align:left}.generate-pdf-button{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.88rem;font-weight:600;padding:9px 20px;transition:background .18s}.generate-pdf-button:hover{background:#2e7a9a;background:var(--cyan-dark)}.login-container{background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0000001a,0 2px 8px #0000000d;box-shadow:var(--shadow-lg);margin:80px auto;max-width:400px;padding:2.5rem;text-align:center}.login-container h2{color:#0f1e28;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.login-container input{background:#f4f7f9;background:var(--bg);border:1px solid #ccd4db;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;margin:7px 0;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s;width:100%}.login-container input:focus{background:#fff;background:var(--surface);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc424}.login-container button{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;font-weight:600;margin-top:10px;padding:10px 20px;transition:background .18s;width:100%}.login-container button:hover{background:#2e7a9a;background:var(--cyan-dark)}.login-container p{color:#8fa3b0;color:var(--text-muted);font-size:.82rem;margin-top:12px}.verification-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0 2rem}.verify-again-button{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.88rem;font-weight:500;padding:9px 18px;transition:background .18s}.verify-again-button:hover{background:#2e7a9a;background:var(--cyan-dark)}.unverify-button{background:#ef4444;border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.88rem;font-weight:500;padding:9px 18px;transition:background .18s}.unverify-button:hover{background:#dc2626}.verification-complete{margin-top:2rem;text-align:center}.full-verify-button{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;font-weight:600;margin-left:0;padding:10px 22px;transition:background .18s}.full-verify-button:hover{background:#218838}.bill-header{align-items:center;background:#fff;background:var(--surface);color:#0f1e28;color:var(--text-primary);display:flex;flex-direction:column;font-size:1rem;height:auto;justify-content:flex-start;min-height:20vh;padding:1.5rem;width:auto}.admin-level2-container{margin-top:0}.App-link{color:#419fc4;color:var(--cyan)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.signin-container{align-items:stretch;display:flex;flex-direction:column;gap:10px;width:100%}.signin-container h2{color:#8fa3b0;color:var(--text-muted);font-size:.82rem;font-weight:500;letter-spacing:.04em;margin-bottom:2px;text-align:center;text-transform:uppercase}.signin-container button{background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.93rem;font-weight:600;height:44px;letter-spacing:.02em;transition:background .18s,box-shadow .18s,transform .1s;width:100%}.signin-container button:hover:not(:disabled){background:#2e7a9a;background:var(--cyan-dark);box-shadow:0 4px 14px #419fc452}.signin-container button:active:not(:disabled){transform:scale(.98)}.signin-container button:disabled{cursor:not-allowed;opacity:.6}.app-full-width{flex-direction:column;max-width:100%;padding:2rem;position:relative;z-index:1}.app-full-width,.app-topbar{align-items:center;display:flex;width:100%}.app-topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8ed;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm);height:56px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-topbar-left{align-items:center;display:flex;gap:10px}.app-topbar-right{align-items:center;display:flex;gap:8px}.topbar-back-btn{align-items:center;background:#f4f7f9;background:var(--bg);border:1px solid #ccd4db;border:1px solid var(--border-dark);border-radius:10px;border-radius:var(--radius-md);color:#4a6070;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;transition:background .15s,border-color .15s,color .15s}.topbar-back-btn:hover{background:#e8f6fb;background:var(--cyan-light);border-color:#419fc4;border-color:var(--cyan);color:#2e7a9a;color:var(--cyan-dark)}.topbar-user-greeting{color:#4a6070;color:var(--text-secondary);font-size:.82rem;font-weight:500}.topbar-user-greeting span{color:#0f1e28;color:var(--text-primary);font-weight:600}.topbar-action-btn{align-items:center;background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;transition:background .15s,transform .1s}.topbar-action-btn:hover{background:#2e7a9a;background:var(--cyan-dark)}.topbar-action-btn:active{transform:scale(.97)}.topbar-action-btn.secondary{background:#f4f7f9;background:var(--bg);border:1px solid #b8dff0;border:1px solid var(--cyan-mid);color:#2e7a9a;color:var(--cyan-dark)}.topbar-action-btn.secondary:hover{background:#e8f6fb;background:var(--cyan-light);border-color:#419fc4;border-color:var(--cyan)}.app-full-width{padding:1.5rem 2rem 2rem}.order-heading{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm);color:#0f1e28;color:var(--text-primary);display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;letter-spacing:-.01em;margin-bottom:1.25rem;margin-top:20px;padding:10px 16px}.order-heading:before{color:#419fc4;color:var(--cyan);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:500}.done-scanning-btn{align-items:center;background:#22c55e;border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 8px #22c55e40;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:background .18s,box-shadow .18s}.done-scanning-btn:hover{background:#16a34a;box-shadow:0 4px 14px #22c55e52}.generate-pdf-btn{align-items:center;background:#419fc4;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:background .18s,opacity .18s}.generate-pdf-btn:hover:not(:disabled){background:#2e7a9a;background:var(--cyan-dark)}.generate-pdf-btn:disabled{cursor:not-allowed;opacity:.5}.link-btn{background:none;border:none;color:#2e7a9a;color:var(--cyan-dark);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.82rem;padding:0;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:#1f5570;color:var(--cyan-deeper)}.validation-errors{background:#fef2f2;background:var(--red-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--red-border,#fecaca);border-radius:10px;border-radius:var(--radius-md);color:#b91c1c;font-size:.82rem;line-height:1.6;padding:10px 14px;width:100%}.validation-errors ul{margin:4px 0 0 16px;padding:0}.pdf-email-notice{background:#f4f7f9;background:var(--bg);border:1px solid #e2e8ed;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#4a6070;color:var(--text-secondary);font-size:.82rem;padding:8px 12px}:root{--cyan:#419fc4;--cyan-dark:#2e7a9a;--cyan-light:#e8f6fb;--cyan-mid:#b8dff0;--bg:#f5f7f9;--surface:#fff;--border:#e4e8ec;--border-dark:#cdd4da;--text-primary:#1a2530;--text-secondary:#5a6a77;--text-muted:#9aaab5;--green:#22c55e;--green-bg:#f0fdf4;--green-border:#bbf7d0;--yellow:#f59e0b;--yellow-bg:#fffbeb;--yellow-border:#fde68a;--red:#ef4444;--red-bg:#fef2f2;--red-border:#fecaca;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f,0 1px 3px #0000000a;--font-ui:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}.table-wrapper{background:#fff;background:var(--surface);border:1px solid #e4e8ec;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;box-shadow:var(--shadow-md);font-family:DM Sans,sans-serif;font-family:var(--font-ui);overflow:hidden;position:relative}.table-scroll{max-height:680px;overflow-x:auto;overflow-y:auto}.table-scroll::-webkit-scrollbar{height:6px;width:6px}.table-scroll::-webkit-scrollbar-track{background:#f5f7f9;background:var(--bg)}.table-scroll::-webkit-scrollbar-thumb{background:#b8dff0;background:var(--cyan-mid);border-radius:99px}.scroll-pill{background:#419fc4;background:var(--cyan);border-radius:999px;box-shadow:0 2px 8px #419fc459;color:#fff;font-size:.72rem;font-weight:600;left:50%;letter-spacing:.03em;opacity:.95;padding:5px 14px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);white-space:nowrap;z-index:20}.barcode-table{border-collapse:collapse;color:#1a2530;color:var(--text-primary);font-size:.85rem;min-width:1050px;width:100%}.barcode-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.barcode-table thead th{background:#419fc4;background:var(--cyan);border-bottom:2px solid #2e7a9a;border-bottom:2px solid var(--cyan-dark);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.07em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.barcode-table thead th:first-child{border-radius:0}.barcode-table tbody tr{border-bottom:1px solid #e4e8ec;border-bottom:1px solid var(--border);transition:background .12s ease}.barcode-table tbody tr:last-child{border-bottom:none}.barcode-table tbody tr:hover{background:#f8fbfd}.barcode-table td{border:none;color:#1a2530;color:var(--text-primary);font-size:.84rem;line-height:1.45;padding:11px 16px;vertical-align:middle}.status-container{align-items:center;display:inline-flex;gap:6px}.badge{border-radius:999px;box-sizing:border-box;display:block;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:4px 9px;text-align:center;text-transform:capitalize;white-space:nowrap;width:100%}.badge.scanned{background:#f0fdf4;background:var(--green-bg);border:#bbf7d0;border:var(--green-border);color:#15803d}.badge.incomplete{background:#fffbeb;background:var(--yellow-bg);border:#fde68a;border:var(--yellow-border);color:#92400e}.badge.not-scanned{background:#fef2f2;background:var(--red-bg);border:#fecaca;border:var(--red-border);color:#991b1b}.barcode-table td:nth-child(3){color:#5a6a77;color:var(--text-secondary);font-size:.9rem;letter-spacing:.02em}.scan-status{align-items:flex-start;border:1px solid #0000;border-left-width:4px;border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;gap:5px;min-height:36px;padding:6px 10px;width:140px}.scan-status.scanned{border-left-color:#22c55e;border-left-color:var(--green)}.scan-status.incomplete{border-left-color:#f59e0b;border-left-color:var(--yellow)}.scan-status.not-scanned{border-left-color:#ef4444;border-left-color:var(--red)}.scan-status.scanned{background:#f0fdf4;background:var(--green-bg);border-color:#22c55e;border-color:var(--green)}.scan-status.incomplete{background:#fffbeb;background:var(--yellow-bg);border-color:#f59e0b;border-color:var(--yellow)}.scan-status.not-scanned{background:#fef2f2;background:var(--red-bg);border-color:#ef4444;border-color:var(--red)}.status-action{color:#5a6a77;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.75rem;gap:4px}.scan-status{background:#fff;border-left:4px solid #0000}.completed-text{color:#22c55e;color:var(--green);font-weight:500}.scanned-breakdown{color:#5a6a77;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.78rem;gap:2px}.scanned-breakdown .scan-total{border-top:1px solid #e4e8ec;border-top:1px solid var(--border);color:#1a2530;color:var(--text-primary);font-weight:600;margin-top:3px;padding-top:3px}.scanned-breakdown span strong{color:#1a2530;color:var(--text-primary);font-weight:500}.manual-text{color:#5a6a77;color:var(--text-secondary);font-size:.75rem;margin-bottom:5px}.scan-status .photo-upload-label,.scan-status button{justify-content:center;width:100%}.barcode-table button,.photo-upload-label{align-items:center;background:#fff;background:var(--surface);border:1px solid #cdd4da;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--radius-sm);color:#1a2530;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-ui);font-size:.78rem;font-weight:500;gap:5px;padding:5px 12px;transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.barcode-table button:hover,.photo-upload-label:hover{background:#e8f6fb;background:var(--cyan-light);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc41f;color:#2e7a9a;color:var(--cyan-dark)}button.photo-upload-label{background:#419fc4;background:var(--cyan);border-color:#2e7a9a;border-color:var(--cyan-dark);color:#fff}button.photo-upload-label:hover{background:#2e7a9a;background:var(--cyan-dark);color:#fff}.adjust-button{align-items:center;background:#fff;background:var(--surface);border:1px solid #cdd4da;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--radius-sm);color:#5a6a77;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;height:30px;justify-content:center;transition:all .12s;width:30px}.adjust-button:hover{background:#e8f6fb;background:var(--cyan-light);border-color:#419fc4;border-color:var(--cyan);color:#2e7a9a;color:var(--cyan-dark)}.adjust-button.up:hover{background:#f0fdf4;background:var(--green-bg);border-color:#22c55e;border-color:var(--green);color:#15803d}.adjust-button.down:hover{background:#fef2f2;background:var(--red-bg);border-color:#ef4444;border-color:var(--red);color:#991b1b}.adjust-input{background:#f5f7f9;background:var(--bg);border:1px solid #cdd4da;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--radius-sm);color:#1a2530;color:var(--text-primary);font-size:.78rem;outline:none;padding:5px 8px;transition:border-color .12s,box-shadow .12s;width:64px}.adjust-input:focus{background:#fff;background:var(--surface);border-color:#419fc4;border-color:var(--cyan);box-shadow:0 0 0 3px #419fc426}.toggle-mode-container{background:#f5f7f9;background:var(--bg);border:1px solid #cdd4da;border:1px solid var(--border-dark);border-radius:999px;cursor:pointer;display:flex;height:32px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:160px}.scan-suggestion{align-items:flex-start;display:flex;flex-direction:column;gap:3px;margin-top:3px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:3px}.suggestion-label{align-self:center;color:#9aaab5;color:var(--text-muted);font-size:.6rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.suggestion-chip{border-radius:999px;display:inline-block;font-size:.68rem;font-weight:600;padding:2px 7px;white-space:nowrap}.suggestion-chip.carton{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.suggestion-chip.single{background:#f5f7f9;background:var(--bg);border:1px solid #cdd4da;border:1px solid var(--border-dark);color:#5a6a77;color:var(--text-secondary)}.toggle-mode-container .slider{border-radius:999px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .22s cubic-bezier(.4,0,.2,1),background-color .22s ease;width:calc(50% - 2px);will-change:transform;z-index:1}.toggle-mode-container span{align-items:center;color:#5a6a77;color:var(--text-secondary);display:flex;flex:1 1;font-size:.65rem;font-weight:600;justify-content:center;letter-spacing:.02em;overflow:hidden;padding:0 4px;transition:color .2s;white-space:nowrap;z-index:2}.toggle-mode-container span.active{color:#fff}.barcode-table td span{color:#5a6a77;color:var(--text-secondary);font-size:.82rem}@media (max-width:1024px){.barcode-table thead th{font-size:.65rem;padding:10px}.barcode-table td{font-size:.8rem;padding:9px 10px}.toggle-mode-container{width:145px}}@media (max-width:768px){.barcode-table{font-size:.75rem}.barcode-table td,.barcode-table th{padding:7px 8px}}.pu-root{display:inline-block;font-family:DM Sans,sans-serif;font-family:var(--font-ui,"DM Sans",sans-serif);position:relative}.pu-trigger{align-items:center;background:#f5f7f9;background:var(--bg,#f5f7f9);border:1px solid #cdd4da;border:1px solid var(--border-dark,#cdd4da);border-radius:10px;border-radius:var(--radius-md,10px);color:#5a6a77;color:var(--text-secondary,#5a6a77);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:500;gap:5px;padding:5px 10px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pu-trigger.has-photos,.pu-trigger:hover{background:#e8f6fb;background:var(--cyan-light,#e8f6fb);border-color:#419fc4;border-color:var(--cyan,#419fc4);color:#2e7a9a;color:var(--cyan-dark,#2e7a9a)}.pu-trigger.full{background:#f0fdf4;border-color:#22c55e;color:#15803d}.pu-icon{font-size:.85rem}.pu-count{font-feature-settings:"tnum";align-items:baseline;display:inline-flex;font-variant-numeric:tabular-nums;gap:1px}.pu-count-num{color:inherit;font-size:.82rem;font-weight:700}.pu-count-sep{font-size:.7rem;opacity:.6}.pu-count-max{font-size:.72rem;opacity:.7}.pu-chevron{display:inline-block;font-size:.7rem;opacity:.6;transition:transform .2s ease}.pu-chevron.open{transform:rotate(180deg)}.pu-panel{animation:puFadeIn .15s ease;background:#fff;background:var(--surface,#fff);border:1px solid #e4e8ec;border:1px solid var(--border,#e4e8ec);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;left:0;padding:10px;position:absolute;top:calc(100% + 6px);width:200px;z-index:50}@keyframes puFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pu-upload-btn{align-items:center;background:#419fc4;background:var(--cyan,#419fc4);border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#fff;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;justify-content:center;margin-bottom:8px;padding:7px 0;transition:background .15s;width:100%}.pu-upload-btn:hover{background:#2e7a9a;background:var(--cyan-dark,#2e7a9a)}.pu-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.pu-thumb-wrap{overflow:visible;position:relative}.pu-thumb,.pu-thumb-wrap{border-radius:6px;border-radius:var(--radius-sm,6px)}.pu-thumb{aspect-ratio:1;border:1px solid #e4e8ec;border:1px solid var(--border,#e4e8ec);display:block;object-fit:cover;width:100%}.pu-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 1px 4px #0000002e;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:18px;justify-content:center;line-height:1;padding:0;position:absolute;right:-5px;top:-5px;transition:background .15s,transform .1s;width:18px}.pu-remove:hover{background:#dc2626;transform:scale(1.15)}.pu-empty{color:#9aaab5;color:var(--text-muted,#9aaab5);font-size:.75rem;margin:0;padding:8px 0 4px;text-align:center}.signin-ms-btn{align-items:center;background:#2f6dd0;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:.9rem;font-weight:600;gap:10px;height:44px;justify-content:center;transition:background .18s,box-shadow .18s;width:100%}.signin-ms-btn:hover:not(:disabled){background:#1e50a2;box-shadow:0 4px 14px #2f6dd04d}.signin-ms-btn:disabled{cursor:not-allowed;opacity:.6}.signin-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:10px;letter-spacing:.05em;margin:4px 0;text-transform:uppercase}.signin-divider:after,.signin-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.signin-google-wrap{display:flex;justify-content:center;width:100%}
/*# sourceMappingURL=main.4fe4d38a.css.map*/