:root{--brand-navy: #12263a;--brand-teal: #3ec1a7;--brand-teal-text: #2a9d85;--brand-amber: #f2c14e;--teal-900: #12263a;--teal-800: #12505d;--teal-600: #1b7686;--teal-100: #d9edf1;--bg: #f6f7f8;--surface: #ffffff;--surface-2: #f0f2f4;--border: #dfe3e8;--text: #16232b;--text-dim: #5f7078;--expired: #c0392b;--expired-bg: #fdecea;--urgent: #b4630a;--urgent-bg: #fdf1e0;--warning: #8a6d10;--warning-bg: #fdf8e3;--ok: #1e7a45;--ok-bg: #e6f5ec;--disposed: #6b7a82;--disposed-bg: #eef1f3;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 35, 43, .06), 0 4px 12px rgba(16, 35, 43, .06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 58px}@media (prefers-color-scheme: dark){:root{--bg: #10181c;--surface: #172228;--surface-2: #1e2c33;--border: #2b3a42;--text: #e8eef1;--text-dim: #9aacb5;--expired-bg: #3a1b18;--urgent-bg: #3a2a12;--warning-bg: #35300f;--ok-bg: #14301f;--disposed-bg: #232f35;--expired: #ff8a7a;--urgent: #ffb454;--warning: #e8cf5a;--ok: #5fd08c;--disposed: #9aacb5;--teal-100: #143039}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;min-height:100%}.appbar{position:sticky;top:0;z-index:20;background:var(--teal-900);color:#fff;padding:calc(var(--safe-top) + 10px) 16px 10px;display:flex;align-items:center;gap:12px}.appbar h1{font-size:17px;margin:0;font-weight:600;letter-spacing:.02em;flex:1;display:flex;align-items:baseline;gap:8px}.appbar .tagline{font-size:11px;font-weight:400;opacity:.66;font-style:italic}.appbar button,.icon-btn{background:transparent;border:0;color:inherit;padding:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}.appbar button:active{background:#ffffff24}.badge-dot{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--expired);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--teal-900)}main{flex:1;padding:16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px);max-width:900px;width:100%;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.nav a{padding:8px 4px 6px;text-align:center;text-decoration:none;color:var(--text-dim);font-size:10.5px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.nav a.active{color:var(--teal-600)}.nav a svg{width:21px;height:21px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:22px 0 10px}.section-title:first-child{margin-top:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 16px;font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);color:var(--text);min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal-600);color:#fff}.btn-primary:active:not(:disabled){background:var(--teal-800)}.btn-outline{background:transparent;border-color:var(--border)}.btn-danger{background:var(--expired-bg);color:var(--expired);border-color:transparent}.btn-block{width:100%}.btn-sm{padding:7px 11px;font-size:13px;min-height:36px}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}label.field{display:block;margin-bottom:14px}label.field>span.label-text{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-dim);margin-bottom:5px}input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal-600);outline-offset:-1px;border-color:transparent}input.low-confidence{border-color:var(--urgent);background:var(--urgent-bg)}input.conflict{border-color:var(--expired);background:var(--expired-bg)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.chip-expired{background:var(--expired-bg);color:var(--expired)}.chip-urgent{background:var(--urgent-bg);color:var(--urgent)}.chip-warning{background:var(--warning-bg);color:var(--warning)}.chip-ok{background:var(--ok-bg);color:var(--ok)}.chip-disposed{background:var(--disposed-bg);color:var(--disposed)}.chip-neutral{background:var(--surface-2);color:var(--text-dim)}.source-chip{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.source-barcode{background:var(--ok-bg);color:var(--ok)}.source-ocr{background:var(--teal-100);color:var(--teal-600)}.source-ai{background:#ede4fb;color:#6b3fbe}.source-manual{background:var(--surface-2);color:var(--text-dim)}@media (prefers-color-scheme: dark){.source-ai{background:#2b2140;color:#c1a6f5}}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{border-radius:var(--radius);padding:14px;border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;box-shadow:var(--shadow)}.tile .n{font-size:30px;font-weight:700;line-height:1.1}.tile .l{font-size:12px;font-weight:600;color:var(--text-dim);margin-top:2px}.tile-expired{background:var(--expired-bg);border-color:transparent}.tile-expired .n,.tile-expired .l{color:var(--expired)}.tile-urgent{background:var(--urgent-bg);border-color:transparent}.tile-urgent .n,.tile-urgent .l{color:var(--urgent)}.tile-warning{background:var(--warning-bg);border-color:transparent}.tile-warning .n,.tile-warning .l{color:var(--warning)}.tile-ok{background:var(--ok-bg);border-color:transparent}.tile-ok .n,.tile-ok .l{color:var(--ok)}.row{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;margin-bottom:8px;border-left:4px solid var(--border)}.row-expired{border-left-color:var(--expired)}.row-urgent{border-left-color:var(--urgent)}.row-warning{border-left-color:var(--warning)}.row-ok{border-left-color:var(--ok)}.row-disposed{border-left-color:var(--disposed);opacity:.62}.row .thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);flex-shrink:0}.row .body{flex:1;min-width:0}.row .name{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{font-size:12px;color:var(--text-dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .right{text-align:right;flex-shrink:0}.row .date{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.row .days{font-size:11px;color:var(--text-dim);margin-top:2px}.camera-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 4}.camera-wrap video{width:100%;height:100%;object-fit:cover;display:block}.frame-guide{position:absolute;top:12%;right:8%;bottom:12%;left:8%;border:2px dashed rgba(255,255,255,.55);border-radius:var(--radius);pointer-events:none}.frame-guide.locked{border-color:#4ade80;border-style:solid}.barcode-box{position:absolute;border:2px solid #4ade80;border-radius:4px;background:#4ade8029;pointer-events:none;transition:all 90ms linear}.hints{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.hint{background:#000000b3;color:#fff;font-size:12.5px;font-weight:500;padding:6px 10px;border-radius:999px;align-self:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint-good{background:#1e7a45d9}.shutter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.shutter{width:68px;height:68px;border-radius:50%;border:4px solid var(--teal-600);background:var(--surface);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.shutter:after{content:"";width:50px;height:50px;border-radius:50%;background:var(--teal-600)}.shutter:active:after{background:var(--teal-800)}.shutter:disabled{opacity:.5}.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding:2px;-webkit-overflow-scrolling:touch}.thumb-item{position:relative;flex-shrink:0}.thumb-item img{width:68px;height:68px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--border);display:block}.thumb-item.primary img{border-color:var(--teal-600)}.thumb-item .x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--expired);color:#fff;border:2px solid var(--surface);font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.thumb-item .star{position:absolute;bottom:2px;left:2px;font-size:9px;font-weight:700;background:var(--teal-600);color:#fff;padding:1px 4px;border-radius:3px}.thumb-add{flex-shrink:0;width:68px;height:68px;border-radius:var(--radius-sm);border:2px dashed var(--border);background:var(--surface-2);color:var(--text-dim);display:grid;place-items:center;cursor:pointer}.thumb-add:active{background:var(--surface)}.muted{color:var(--text-dim);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-all}.stack{display:flex;flex-direction:column;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.banner{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.banner-warn{background:var(--urgent-bg);color:var(--urgent)}.banner-error{background:var(--expired-bg);color:var(--expired)}.banner-info{background:var(--teal-100);color:var(--teal-800)}.banner-ok{background:var(--ok-bg);color:var(--ok)}@media (prefers-color-scheme: dark){.banner-info{color:var(--teal-100)}}.empty{text-align:center;padding:44px 20px;color:var(--text-dim)}.empty svg{width:44px;height:44px;opacity:.4;margin-bottom:10px}.spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.filter-chip{flex-shrink:0;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.filter-chip.on{background:var(--teal-600);color:#fff;border-color:transparent}dialog.sheet{border:0;border-radius:var(--radius) var(--radius) 0 0;padding:18px;padding-bottom:calc(18px + var(--safe-bottom));background:var(--surface);color:var(--text);width:100%;max-width:560px;margin:auto auto 0}dialog.sheet::backdrop{background:#00000080}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);cursor:zoom-in;border:1px solid var(--border)}.zoomed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000eb;display:grid;place-items:center;padding:16px}.zoomed img{max-width:100%;max-height:100%;object-fit:contain}table.audit{width:100%;border-collapse:collapse;font-size:12.5px}table.audit th,table.audit td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:top}table.audit th{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table-scroll{overflow-x:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 560px){.modal-backdrop{align-items:center;padding:20px}}.modal{background:var(--surface);color:var(--text);border-radius:var(--radius) var(--radius) 0 0;padding:18px;padding-bottom:calc(18px + var(--safe-bottom));width:100%;max-width:520px;max-height:92vh;overflow-y:auto;box-shadow:0 -8px 40px #0000004d}@media (min-width: 560px){.modal{border-radius:var(--radius);padding-bottom:18px}}.modal-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.dup-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.dup-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;background:var(--surface-2);min-width:0}.dup-card-incoming{border-color:var(--teal-600);border-width:2px;background:var(--surface)}.dup-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:4px}.dup-hint{font-size:11.5px;margin:-4px 0 4px;padding-left:2px}.lab-switch{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--teal-800);color:#fff}.lab-switch-label{font-size:12px;opacity:.8}.lab-switch select{flex:1;max-width:320px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:13px;padding:0 8px}.lab-switch select option{color:#12263a}.chip-lab{background:var(--brand-teal);color:var(--brand-navy);font-weight:600}