:root{--teal: #0f766e;--teal-dark: #115e59;--teal-light: #ccfbf1;--ink: #1f2937;--muted: #6b7280;--bg: #f8fafc;--card: #ffffff;--border: #e5e7eb;--danger: #dc2626;--radius: 14px;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}.app-shell{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.appbar{background:var(--teal);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.appbar h1{font-size:18px;margin:0;font-weight:700}.appbar .who{font-size:12px;opacity:.9}.content{flex:1;padding:16px}.center-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.field label{font-size:13px;color:var(--muted)}input[type=email],input[type=tel],select{font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;width:100%;background:#fff}.btn{font-size:16px;font-weight:600;padding:14px 18px;border:none;border-radius:12px;background:var(--teal);color:#fff;width:100%;cursor:pointer;transition:background .15s}.btn:active{background:var(--teal-dark)}.btn:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--teal);border:1px solid var(--teal)}.msg{font-size:14px;padding:10px 12px;border-radius:10px;margin-top:8px}.msg-ok{background:var(--teal-light);color:var(--teal-dark)}.msg-err{background:#fee2e2;color:var(--danger)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:var(--ink);aspect-ratio:1 / .9;justify-content:center}.home-tile:active{background:#f1f5f9}.home-tile .emoji{font-size:38px}.home-tile .label{font-size:16px;font-weight:700}.pin-display{display:flex;gap:12px;justify-content:center;margin:18px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--teal)}.pin-dot.filled{background:var(--teal)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{font-size:22px;padding:16px 0;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer}.key:active{background:#f1f5f9}.offline-banner{position:sticky;top:0;z-index:30;background:#fef3c7;color:#92400e;font-size:13px;font-weight:600;text-align:center;padding:8px 12px;border-bottom:1px solid #fde68a}.update-prompt{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:calc(100% - 24px);max-width:520px;background:var(--teal);color:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px #0f766e66;display:flex;flex-direction:column;gap:12px}.update-prompt-msg{font-size:15px;font-weight:600;line-height:1.4}.update-prompt-actions{display:flex;gap:10px}.update-prompt-btn{flex:1;font-size:15px;font-weight:700;padding:12px 14px;border:none;border-radius:10px;background:#fff;color:var(--teal-dark);cursor:pointer}.update-prompt-btn:active{background:var(--teal-light)}.update-prompt-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}.update-prompt-btn-ghost:active{background:#ffffff26}.update-ready-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;max-width:calc(100% - 24px);background:var(--teal-dark);color:#fff;font-size:14px;font-weight:600;padding:12px 18px;border-radius:999px;box-shadow:0 6px 18px #00000040;text-align:center}.sync-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sync-badge{font-size:13px;font-weight:700;border-radius:999px;padding:5px 12px}.sync-badge-pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.sync-badge-done{background:var(--teal-light);color:var(--teal-dark)}.sync-flush-btn{margin-left:auto;font-size:14px;font-weight:700;padding:8px 16px;border:none;border-radius:10px;background:var(--teal);color:#fff;cursor:pointer}.sync-flush-btn:active{background:var(--teal-dark)}.sync-flush-btn:disabled{opacity:.6;cursor:default}.sync-error-bar{background:#fee2e2;color:var(--danger);font-size:13px;font-weight:600;border-radius:10px;padding:8px 12px;margin-bottom:14px;line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 24px}.empty-icon{font-size:48px;line-height:1}.empty-title{font-size:16px;font-weight:700;color:var(--ink)}.empty-hint{font-size:14px;color:var(--muted);line-height:1.5}.empty-action{margin-top:10px;width:100%;max-width:280px}.search-box input[type=search]{font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;width:100%;background:#fff}.sync-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:10px 2px 14px}.sync-status .sep{opacity:.5}.dot-online,.dot-offline{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-online{background:#16a34a}.dot-offline{background:#9ca3af}.search-hint{color:var(--muted);font-size:14px;text-align:center;margin-top:32px}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.result-row{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}.result-main{flex:1;min-width:0}.result-name{font-size:15px;font-weight:600;line-height:1.3}.result-sub{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-size:12px;color:var(--muted)}.result-sub .mono{font-variant-numeric:tabular-nums}.match-tag{background:var(--teal-light);color:var(--teal-dark);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.result-qty{text-align:right;flex-shrink:0;min-width:64px}.qty-num{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.qty-num.qty-low{color:#b45309}.qty-num.qty-neg{color:var(--danger)}.qty-loc{font-size:11px;color:var(--muted)}.qty-badge{margin-top:4px;font-size:10px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:6px;padding:1px 5px;display:inline-block}.qty-badge-neg{color:var(--danger);background:#fee2e2}.appbar .who.linkish{background:none;border:none;color:#fff;cursor:pointer}.mode-prompt{text-align:center;color:var(--muted);font-size:14px;margin:8px 0 16px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--card);padding:26px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.mode-card .emoji{font-size:40px}.mode-card .label{font-size:20px;font-weight:800}.mode-card .sub{font-size:11px;color:var(--muted);text-align:center}.mode-card.mode-in{border-color:#16a34a}.mode-card.mode-in .label{color:#15803d}.mode-card.mode-out{border-color:#ea580c}.mode-card.mode-out .label{color:#c2410c}.mode-card:active{background:#f1f5f9}.appbar.bar-in{background:#15803d}.appbar.bar-out{background:#c2410c}.mode-toggle{display:flex;gap:4px;background:#ffffff40;border-radius:10px;padding:3px}.mode-toggle .seg{border:none;background:transparent;color:#ffffffd9;font-size:14px;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer}.mode-toggle .seg.seg-on{background:#fff;color:var(--ink)}.pending-note{background:#fef3c7;color:#92400e;font-size:13px;font-weight:600;border-radius:10px;padding:8px 12px;margin-bottom:14px;text-align:center}.notice-bar{background:var(--teal-light);color:var(--teal-dark);font-size:13px;padding:10px 14px;text-align:center}.scan-content{padding-bottom:96px;display:flex;flex-direction:column;gap:16px}.scan-panel{display:flex;flex-direction:column;gap:10px}.scan-video-wrap{position:relative;width:100%;aspect-ratio:4 / 3;background:#0b1220;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.scan-video{width:100%;height:100%;object-fit:cover}.scan-placeholder{position:absolute;color:#94a3b8;font-size:14px}.scan-reticle{position:absolute;width:70%;height:38%;border:3px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 9999px #00000040}.scan-controls{display:flex;gap:10px}.scan-controls .btn{flex:1}.btn-primary{background:var(--teal)}.scan-error{background:#fee2e2;color:var(--danger);font-size:13px;border-radius:10px;padding:8px 12px}.manual-panel input[type=search]{font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;width:100%;background:#fff}.manual-results{list-style:none;margin:8px 0 0;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;max-height:240px;overflow-y:auto}.manual-results li+li{border-top:1px solid var(--border)}.manual-row{width:100%;text-align:left;background:#fff;border:none;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.manual-row:active{background:#f1f5f9}.m-name{font-size:14px;font-weight:600}.m-sub{font-size:12px;color:var(--muted)}.manual-empty{padding:10px 12px;font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.manual-register{flex:0 0 auto;font-size:14px;font-weight:600;padding:8px 14px;border:1px solid var(--teal);border-radius:10px;background:var(--teal-light);color:var(--teal-dark);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal-card{width:100%;max-width:560px;background:var(--card);border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0000002e;max-height:92vh;overflow-y:auto}.modal-head{font-size:18px;font-weight:700}.modal-note{font-size:13px;color:var(--muted);margin:6px 0 14px}.modal-field{display:block;margin-bottom:12px}.modal-field>span{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.modal-field .req{color:var(--danger);font-style:normal;font-size:11px;margin-left:4px}.modal-field .opt{color:var(--muted);font-style:normal;font-size:11px;margin-left:4px}.modal-field input{width:100%;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}.modal-error{background:#fee2e2;color:var(--danger);font-size:13px;border-radius:10px;padding:8px 12px;margin-bottom:10px}.modal-actions{display:flex;gap:10px;margin-top:4px}.modal-actions .btn{flex:1}.ai-panel{margin:4px 0}.ai-btn{width:100%}.ai-hint{font-size:12px;color:var(--muted);margin-top:6px;text-align:center}.ai-unmatched{margin-top:10px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.ai-unmatched-head{font-size:12px;font-weight:600;color:var(--danger);background:#fef2f2;padding:8px 12px}.ai-unmatched ul{list-style:none;margin:0;padding:0}.ai-unmatched li+li{border-top:1px solid var(--border)}.ai-unmatched-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:none;padding:10px 12px;cursor:pointer;text-align:left}.ai-unmatched-row .m-name{font-size:15px}.ai-unmatched-row .m-sub{font-size:12px;color:var(--muted)}.cart-empty{color:var(--muted);font-size:14px;text-align:center;padding:24px 8px;border:1px dashed var(--border);border-radius:12px}.cart-head{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cart-row{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px}.cart-main{flex:1;min-width:0}.cart-name{font-size:14px;font-weight:600;line-height:1.3}.cart-sub{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--muted)}.cart-sub .mono{font-variant-numeric:tabular-nums}.cart-sub .after{font-weight:700;color:var(--ink)}.cart-sub .after-neg{color:var(--danger)}.warn-neg{color:var(--danger);font-weight:700}.qty-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0}.qty-stepper button{width:34px;height:34px;font-size:20px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer}.qty-stepper button:active{background:#f1f5f9}.qty-stepper input{width:48px;text-align:center;font-size:16px;padding:6px 0;border:1px solid var(--border);border-radius:8px;font-variant-numeric:tabular-nums}.cart-del{border:none;background:none;color:var(--muted);font-size:20px;cursor:pointer;flex-shrink:0;padding:0 4px}.confirm-bar{position:sticky;bottom:0;background:#fffffff5;border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-meta{font-size:13px;color:var(--muted);white-space:nowrap}.btn-confirm{flex:1}.btn-confirm.btn-in{background:#15803d}.btn-confirm.btn-out{background:#c2410c}.scan-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));background:var(--teal);color:#fff;border:none;border-radius:999px;padding:16px 28px;font-size:16px;font-weight:700;box-shadow:0 6px 18px #0f766e66;cursor:pointer;z-index:20}.bar-stocktake,.btn-stocktake{background:#1d4ed8}.st-start-btn{margin-top:12px}.st-resume{background:var(--card);border:1px solid var(--border);border-left:4px solid #1d4ed8;border-radius:12px;padding:14px 16px;margin-top:8px}.st-resume-head{font-weight:700;color:var(--ink)}.st-resume-sub{font-size:13px;color:var(--muted);margin-top:4px}.st-resume-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.st-memo-field{margin-bottom:14px}.st-loc-fallback{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.st-loc-note{font-size:13px;color:var(--muted);margin:0 0 12px}.st-loc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.st-loc-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;font-size:16px}.st-loc-row:active{background:#f1f5f9}.st-loc-all{border-style:dashed}.st-loc-name{font-weight:600;color:var(--ink)}.st-loc-code{font-size:13px;color:var(--muted)}.st-count-head{display:flex;flex-direction:column;line-height:1.2}.st-count-title{font-size:18px;font-weight:700}.st-count-loc{font-size:12px;opacity:.85}.st-inline-diff{font-weight:700;font-variant-numeric:tabular-nums}.st-inline-diff.over{color:#15803d}.st-inline-diff.short{color:var(--danger)}.st-diff-summary{display:flex;gap:10px;margin-bottom:14px}.st-diff-summary>div{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.st-diff-num{font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.st-diff-changed{color:#1d4ed8}.st-diff-ok{color:#15803d}.st-diff-label{font-size:12px;color:var(--muted)}.st-diff-hint{font-size:13px;color:var(--muted);margin:0 0 10px}.st-diff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.st-diff-row{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.st-diff-over{border-left:4px solid #15803d;background:#f0fdf4}.st-diff-short{border-left:4px solid var(--danger);background:#fef2f2}.st-diff-name{font-weight:700;color:var(--ink)}.st-diff-spec{font-size:13px;color:var(--muted);margin-top:2px}.st-diff-nums{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.st-diff-cell{display:flex;flex-direction:column;align-items:flex-start;font-variant-numeric:tabular-nums}.st-diff-cap{font-size:11px;color:var(--muted)}.st-diff-delta .mono{font-weight:800}.st-diff-over .st-diff-delta .mono{color:#15803d}.st-diff-short .st-diff-delta .mono{color:var(--danger)}.st-diff-amount{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.st-error{margin:10px 16px 0}.st-result{width:100%;max-width:320px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 16px;margin:4px 0 8px}.st-result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.st-result-row:last-child{border-bottom:none}.st-result-row>span:first-child{color:var(--muted)}.st-result-row .mono{font-weight:700;color:var(--ink)}.st-history-btn{margin-top:14px}.st-diff-match{border-left:4px solid var(--border);background:var(--card)}.st-hist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.st-hist-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer}.st-hist-row:active{background:#f8fafc}.st-hist-date{font-weight:700;color:var(--ink)}.st-hist-sub{font-size:13px;color:var(--muted);margin-top:2px}.st-hist-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.st-hist-diff{font-weight:800;color:var(--muted)}.st-hist-diff.over{color:#15803d}.st-hist-diff.short{color:var(--danger)}.st-hist-amount{font-size:13px;color:var(--ink)}.dn-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.dn-field{display:flex;flex-direction:column;gap:4px}.dn-field>span{font-size:13px;font-weight:600;color:var(--ink)}.dn-field .req{color:var(--danger);font-size:11px;font-style:normal;margin-left:4px}.dn-field .opt{color:var(--muted);font-size:11px;font-style:normal;margin-left:4px}.dn-field input,.dn-field textarea{width:100%;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font-family:inherit}.dn-field textarea{resize:vertical}.dn-field-row{display:flex;gap:12px}.dn-field-row .dn-field{flex:1}.dn-picker{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:16px}.dn-picker-head{font-size:13px;font-weight:700;color:var(--teal-dark);margin-bottom:8px}.dn-picker input[type=search]{width:100%;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}.dn-add-manual{width:100%;margin-top:10px}.dn-empty{color:var(--muted);font-size:14px;text-align:center;padding:20px 0}.dn-lines{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}.dn-line{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.dn-line-top{display:flex;align-items:center;gap:8px}.dn-line-name{flex:1;font-size:15px;font-weight:600;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.dn-line-spec{width:100%;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.dn-line-nums{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.dn-num{display:flex;flex-direction:column;gap:4px}.dn-num>span{font-size:11px;color:var(--muted)}.dn-num-unit input{width:56px;font-size:16px;text-align:center;padding:6px 0;border:1px solid var(--border);border-radius:8px}.dn-num-price{flex:1;min-width:90px}.dn-num-price input{width:100%;font-size:16px;text-align:right;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-variant-numeric:tabular-nums}.dn-line-amount{text-align:right;font-size:14px;color:var(--ink);font-weight:600}.dn-line-amount .mono,.dn-total-row .mono,.dn-recent-sub .mono{font-variant-numeric:tabular-nums}.dn-summary{position:sticky;bottom:0;background:#fffffff7;border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dn-totals{margin-bottom:10px}.dn-total-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:2px 0}.dn-total-grand{font-size:18px;font-weight:800;color:var(--ink);border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.dn-actions{display:flex;gap:10px}.dn-actions .btn{flex:1}.dn-offline-hint{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}.dn-recent{margin-top:8px;margin-bottom:16px}.dn-recent-head{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.dn-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dn-recent-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.dn-recent-main{flex:1;min-width:0}.dn-recent-cust{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-recent-sub{font-size:12px;color:var(--muted)}.dn-recent-open{flex-shrink:0;padding:6px 14px;font-size:13px}.dn-recent-nopdf{color:var(--muted);font-size:13px}