:root{font-family:Arial,Helvetica,sans-serif;color:#15263e;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.photo-action:focus-within{outline:3px solid #4c93ef;outline-offset:3px}input,textarea{width:100%;padding:14px;border:1px solid #c6d2e1;border-radius:9px;background:#fff;color:#15263e;font-size:16px;margin-top:9px}input:disabled,textarea:disabled{background:#f2f5f9}label{display:block;font-size:14px;font-weight:600;margin-top:22px}textarea{resize:vertical;line-height:1.5}h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 10px;font-weight:750}h2{font-size:17px;margin:0 0 10px}p{line-height:1.55}a{color:#155bbb}.muted{color:#60728b;margin:8px 0 22px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.4px;color:#60728b;margin:0 0 9px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;border-radius:9px;padding:12px 20px;font-weight:700;border:1px solid transparent;text-decoration:none}.primary{color:#fff;background:#145bc1}.primary:hover:not(:disabled){background:#0d4da7}.secondary{color:#164d93;background:#fff;border-color:#c6d2e1}.wide{width:100%;margin-top:25px}.setup{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:26px}.setup-card{width:100%;max-width:460px;padding:34px;background:#fff;border:1px solid #e0e7f0;border-radius:18px;box-shadow:0 10px 40px #07357807}.brand{display:flex;align-items:center;gap:10px;color:#073578;font-size:22px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand img{width:43px;height:43px;border-radius:10px}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;font-weight:700;margin-top:3px}.setup-card .brand{margin-bottom:35px}.setup-card h1{font-size:32px}fieldset{padding:0;margin:25px 0 0;border:0}legend{font-size:14px;font-weight:600;margin-bottom:12px}.area-options{display:flex;gap:12px}.area-option{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex:1;border:1px solid #c6d2e1;border-radius:10px;padding:18px;margin:0;cursor:pointer;font-size:16px}.area-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.area-option:focus-within{outline:3px solid #4c93ef;outline-offset:3px}.area-option.selected{background:#edf5ff;color:#145bc1;border-color:#145bc1}.footnote{text-align:center;font-size:12px;color:#74849b;margin:20px 0 0}.app-shell{max-width:1040px;margin:auto}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 28px;border-bottom:1px solid #e0e7f0;background:#fff}.identity{text-align:right;min-width:0;font-size:13px}.identity strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.identity>span{font-size:12px;color:#60728b}.online-dot{display:inline-block;width:6px;height:6px;background:#14986b;border-radius:100%;margin:0 5px 1px 9px}.online-dot.offline{background:#bd831d}.workspace{padding:30px 28px 125px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading .muted{margin-bottom:0}.counter{font-size:12px;font-weight:700;color:#60728b;background:#eaf0f8;border-radius:22px;padding:10px 13px;white-space:nowrap}.counter.complete{background:#e1f5eb;color:#147b53}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.photo-card{background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:18px;min-width:0}.photo-heading{display:flex;align-items:center;gap:10px}.photo-heading h2{margin:0;font-size:16px}.step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:700;background:#edf3fc;color:#145bc1}.has-photo .step-number{background:#e1f5eb;color:#147b53}.photo-guidance{color:#64758b;font-size:12px;line-height:1.5;min-height:36px;margin:12px 0}.photo-frame{aspect-ratio:4/3;background:#f3f6fa;border-radius:8px;overflow:hidden;border:1px dashed #cdd8e7}.photo-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8a9bb2;gap:12px}.photo-empty span{font-size:11px}.preview-button{position:relative;width:100%;height:100%;border:0;padding:0;background:#edf1f5;display:block}.preview-button img{width:100%;height:100%;object-fit:contain;display:block}.preview-button span{position:absolute;bottom:8px;left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 10px;background:#13243dcc;color:#fff;border-radius:5px;font-size:10px}.photo-action{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:13px 0 0;background:#edf4ff;color:#155bbb;border-radius:7px;cursor:pointer;overflow:hidden;font-size:13px}.photo-action input{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}.photo-action.disabled{opacity:.5}.panel{background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:24px;margin-bottom:18px}.order-panel{margin-top:24px}.panel h1{font-size:21px}.panel label:first-of-type{margin-top:18px}.field-help{font-size:12px;color:#64758b;line-height:1.6;margin:9px 0}.required,.optional{font-size:10px;font-weight:400;color:#8290a3;margin-left:8px}.save-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;color:#21578c;background:#eaf3ff;border:1px solid #cee2fc;border-radius:9px;font-size:13px;line-height:1.5;margin:0 0 20px}.notice.error{color:#a33432;background:#fff0ee;border-color:#f7d0ca}.notice button{flex-shrink:0;border:0;background:none;color:inherit;text-decoration:underline;padding:6px;font-size:12px}.panel .notice{margin-top:18px;margin-bottom:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1040px;display:flex;justify-content:space-around;padding:9px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4ef;z-index:10}.bottom-nav button{border:0;background:none;color:#74849b;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;width:24%;padding:8px;border-radius:9px;font-size:11px;font-weight:600;min-height:53px}.bottom-nav button.active{background:#edf4ff;color:#145bc1}.nav-icon{position:relative;display:flex}.nav-badge{position:absolute;right:-12px;top:-6px;min-width:16px;height:16px;font-size:9px;background:#bd711a;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:2px}.empty-state{text-align:center;padding:70px 18px;color:#74849b}.empty-state h2{color:#334b6a;margin-top:20px}.queue-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.queue-heading h2{font-size:20px;margin:8px 0 0;word-break:break-all}.type-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#155bbb}.return-label{color:#a06a14}.status{font-size:11px;white-space:nowrap;border-radius:18px;padding:7px 11px;color:#98630e;background:#fff4d8}.status.synced{color:#147b53;background:#e1f5eb}.status.failed{color:#a33432;background:#fff0ee}.queue-meta{font-size:12px;color:#74849b}.queue-thumbs{display:flex;gap:9px}.queue-thumbs img{width:calc(25% - 7px);height:110px;object-fit:contain;border-radius:7px;background:#f3f6fa;border:1px solid #e0e7f0}.queue-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;font-size:11px;color:#74849b}.text-button{padding:13px 0;background:none;border:0;color:#64758b;text-decoration:underline;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#071c36df;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.photo-modal{width:min(94vw,850px);background:#fff;border-radius:12px;padding:14px}.photo-modal>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.photo-modal button{padding:9px 16px;border:1px solid #dce4ef;border-radius:6px;background:#f6f8fc;color:#15263e}.photo-modal>img{display:block;width:100%;max-height:78dvh;object-fit:contain;background:#f3f6fa}div[hidden]{display:none!important}@media(max-width:600px){.app-header{padding:14px 18px}.brand{font-size:20px}.brand img{width:37px;height:37px}.brand-sub{font-size:7px}.identity strong{max-width:135px}.workspace{padding:24px 16px 115px}h1{font-size:24px}.page-heading{align-items:flex-start;gap:12px}.page-heading .muted{font-size:13px}.counter{font-size:10px;padding:8px 10px;margin-top:23px}.photo-grid{gap:12px}.photo-card{padding:12px}.photo-heading{gap:7px;align-items:flex-start}.photo-heading h2{font-size:13px;padding-top:4px;line-height:1.35}.step-number{width:23px;height:23px;font-size:11px}.photo-guidance{font-size:10px;min-height:60px;margin:10px 0}.photo-action{font-size:11px;min-height:43px;gap:6px}.photo-empty span{font-size:9px;text-align:center;padding:0 4px}.photo-empty svg{width:26px}.photo-empty{gap:6px}.panel{padding:19px}.save-row{flex-direction:column;align-items:stretch;gap:9px}.save-row .primary{width:100%}.setup-card{padding:26px}.setup{padding:18px}.queue-thumbs img{height:80px}.queue-footer{flex-wrap:wrap}.page-heading>.secondary{font-size:11px;padding:9px 11px;min-height:41px}.queue-heading h2{font-size:17px}.queue-meta{font-size:11px}}@media(prefers-reduced-motion:no-preference){button,.photo-action{transition:background-color .12s ease}}.signout{float:right;margin-bottom:12px;font-size:12px;min-height:40px}input[readonly]{background:#f3f6fa;color:#60728b}.setup-card .notice{margin-top:18px}.start-camera{width:100%;margin-bottom:22px}.camera-open{width:100%;font:inherit;cursor:pointer}.choose-photo{min-height:30px!important;font-size:11px!important;background:transparent!important;border:0!important;color:#60728b!important;margin-top:4px!important}.live-camera{position:fixed;inset:0;z-index:1000;background:#0c1521;color:#fff;display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);outline:none}.live-camera header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex-shrink:0}.live-camera header p{font-size:11px;letter-spacing:1px;color:#aebdd0;margin:0 0 6px}.live-camera h2{margin:0;font-size:20px}.live-camera header button{color:#fff;border:1px solid #64758b;background:transparent;padding:10px;border-radius:8px;white-space:nowrap}.camera-guidance{margin:0;padding:0 20px 12px;color:#c4d0df;font-size:13px;flex-shrink:0}.camera-viewport{flex:1;min-height:100px;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-viewport video,.camera-viewport img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.camera-viewport video[hidden]{display:none}.camera-viewport>p{padding:20px;color:#c4d0df}.live-camera footer{padding:10px 20px 14px;flex-shrink:0;max-height:45dvh;overflow-y:auto}.camera-help{font-size:12px;color:#c4d0df;text-align:center;margin:0 0 10px}.camera-controls{display:flex;justify-content:center;gap:12px}.camera-controls button{min-width:120px}.shutter{min-height:56px}.camera-error{color:#ffbdb5;font-size:13px;text-align:center;margin:0 0 10px}.camera-fallback{position:relative;overflow:hidden;text-align:center;font-size:12px;color:#b8ccee;text-decoration:underline;margin:14px 0 0;cursor:pointer;padding:8px}.camera-fallback input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.live-camera button:focus-visible,.camera-fallback:focus-within{outline:3px solid #77b3ff;outline-offset:3px}.area-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.area-option{min-width:0;width:100%;min-height:60px;position:relative;padding:16px 30px}.area-option svg{position:absolute;right:10px}.read-order{margin-top:4px}.panel .area-options .area-option{margin:0}.order-id-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 8px}.order-id-actions button{margin:0;min-width:0;min-height:52px;padding:10px 12px;font-size:13px;line-height:1.3}.order-id-actions .manual-order{color:#52657d;border-color:#d4deeb}.upload-timer{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;color:#145bc1;margin:12px 0}.upload-timer span{font-size:12px;font-weight:400;color:#60728b}.sound-enable{margin-bottom:18px;font-size:13px}.repair-backdrop{z-index:1200;overflow-y:auto;padding:20px}.repair-panel{width:min(780px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border-radius:16px;padding:24px;align-self:center}.repair-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.repair-panel h2{margin:0}.repair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.repair-grid h3{font-size:14px;margin:0 0 12px}.repair-preview{height:150px;display:flex;align-items:center;justify-content:center;background:#f2f5f9;border-radius:8px;overflow:hidden}.repair-preview img{width:100%;height:100%;object-fit:contain}.repair-missing{color:#8b4b42;font-size:13px;text-align:center}.repair-grid .wide{font-size:12px;padding:10px;margin-top:8px;min-height:44px}.repair-button{font-size:12px;min-height:40px;margin:10px 0}.repair-panel .photo-card{padding:12px}@media(max-width:420px){.repair-backdrop{padding:10px}.repair-panel{padding:16px;max-height:calc(100dvh - 20px)}.repair-grid{gap:10px}.repair-preview{height:110px}}.queue-actions{display:flex;gap:10px;flex-wrap:wrap}