:root{--navy: #1f2b57;--navy-deep: #141d3d;--navy-soft: #2e3c6e;--cream: #f7f4ee;--paper: #fffdf9;--oat: #ece6da;--line: #e2dccf;--ink: #262c3f;--muted: #6b7183;--gold: #b98a1e;--gold-soft: #f6edd8;--green: #1b7a4b;--green-soft: #e5f3ea;--amber: #a85c10;--amber-soft: #fdf0e0;--red: #b3261e;--red-soft: #fbe9e7;--grey-soft: #eef0f4}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tnum,.balenum,.stat-card .n,.wdisplay .wv,.key,.checkrow .n,.nextbale .num{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit}a{color:inherit;text-decoration:none}.screen{min-height:100%;display:flex;flex-direction:column;background:var(--cream)}.appbar{background:var(--navy);color:#fff;padding:14px 18px 12px;display:flex;align-items:center;gap:10px;padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0;z-index:20}.appbar .back{font-size:1.5rem;line-height:1;opacity:.9;width:28px;text-align:left}.appbar .t{font-weight:800;font-size:1.12rem;letter-spacing:-.01em;flex:1;min-width:0}.appbar .t small{display:block;font-weight:600;font-size:.78rem;color:#aeb9d8;letter-spacing:0}.offline-ok,.offline-syncing,.offline-off{background:#26386f;border-radius:999px;font-size:.72rem;font-weight:800;padding:6px 11px;white-space:nowrap}.offline-ok{color:#9fe6bb}.offline-syncing{color:#f5cf8d}.offline-off{color:#ffc9c4}.body{flex:1;padding:18px 16px;display:flex;flex-direction:column;gap:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.stat-strip,.runstat{display:flex;gap:10px}.stat-card{flex:1;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:12px 12px 10px;text-align:center;min-width:0}.stat-card .n{font-weight:850;font-size:1.5rem;color:var(--navy);letter-spacing:-.02em}.stat-card .l{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-card.hero{background:var(--navy);border-color:var(--navy)}.stat-card.hero .n{color:#fff}.stat-card.hero .l{color:#aeb9d8}.bigbtn{background:var(--navy);color:#fff;border-radius:18px;padding:20px;font-weight:850;font-size:1.35rem;text-align:center;letter-spacing:-.01em;box-shadow:0 4px 14px #1f2b5740;width:100%;display:block}.bigbtn .sub{display:block;font-size:.82rem;font-weight:650;color:#aeb9d8;margin-top:3px;letter-spacing:0}.bigbtn:disabled{background:#9aa1b4;box-shadow:none}.btnrow{display:flex;gap:10px}.midbtn{flex:1;background:var(--paper);border:2px solid var(--navy);color:var(--navy);border-radius:16px;padding:13px 6px;font-weight:800;font-size:.92rem;text-align:center;min-height:56px}.h-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:4px}.h-row h4{font-size:.86rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.h-row a,.h-row button{font-size:.86rem;font-weight:750;color:var(--navy)}.balelist{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;overflow:hidden}.balerow{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1.5px solid var(--line);width:100%;text-align:left}.balerow:last-child{border-bottom:0}.balenum{font-weight:850;font-size:1.25rem;color:var(--navy);width:52px;letter-spacing:-.02em;flex:none}.baledesc{flex:1;min-width:0}.baledesc .c{font-weight:750;font-size:.98rem;color:var(--ink)}.baledesc .s{font-size:.8rem;color:var(--muted);font-weight:600}.pill{border-radius:999px;font-size:.74rem;font-weight:800;padding:6px 11px;white-space:nowrap;flex:none}.pill.ok{background:var(--green-soft);color:var(--green)}.pill.check{background:var(--amber-soft);color:var(--amber)}.pill.sync{background:var(--grey-soft);color:#5a627a}.pill.gold{background:var(--gold-soft);color:var(--gold)}.pill.bad{background:var(--red-soft);color:var(--red)}.nextbale{background:var(--gold-soft);border:1.5px solid #eadfc0;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px}.nextbale .num{font-weight:850;font-size:2rem;color:var(--gold);letter-spacing:-.02em}.nextbale .t{font-weight:750;color:#6b5b28;font-size:.95rem;line-height:1.35}.linecard{background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;width:100%;text-align:left}.linecard.sel{border-color:var(--navy);background:#fff}.ln-chip{background:var(--navy);color:#fff;font-weight:850;border-radius:12px;padding:10px 12px;font-size:1.05rem;min-width:84px;text-align:center;letter-spacing:-.01em;flex:none}.ln-chip.none{background:var(--oat);color:var(--muted);font-size:.8rem;font-weight:800}.linecard .mid{flex:1;min-width:0}.linecard .code{font-weight:850;font-size:1.2rem;color:var(--ink);letter-spacing:-.01em}.linecard .trad{font-size:.86rem;color:var(--muted);font-weight:650}.linecard .count{font-size:.78rem;font-weight:800;color:var(--muted);flex:none}.ghostbtn{border:2px dashed #c6bfae;border-radius:16px;padding:14px;text-align:center;font-weight:800;color:var(--muted);font-size:.95rem;width:100%}.cap{background:#fff;border:2.5px solid var(--navy);border-radius:14px;overflow:hidden}.cap .caprow{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--navy)}.cap .capcell{padding:12px 14px;border-right:2px solid var(--navy);min-width:0}.cap .capcell:last-child{border-right:0}.cap .full{grid-column:1 / -1;border-right:0}.cap .lbl{font-size:.62rem;font-weight:850;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.cap .val{font-weight:850;font-size:1.5rem;color:var(--navy);letter-spacing:-.01em;margin-top:2px;word-break:break-word}.cap .val.huge{font-size:2.3rem}.cap .caprow:last-child{border-bottom:0}.cap .val .sub{font-size:.95rem;color:var(--muted);font-weight:700}.cap .val .ln{font-size:1rem;color:var(--muted);font-weight:800;margin-top:2px}.hint{display:flex;gap:10px;background:var(--grey-soft);border-radius:14px;padding:12px 14px;font-size:.86rem;color:#4a5268;font-weight:650;align-items:flex-start}.hint .i{font-size:1.1rem}.camerabtn{background:var(--navy);color:#fff;border-radius:18px;padding:19px;font-weight:850;font-size:1.2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 14px #1f2b5740;width:100%}.camerabtn.inert{background:#9aa1b4;box-shadow:none}.cam-ico{width:26px;height:26px;border:2.5px solid #fff;border-radius:7px;position:relative;display:inline-block;flex:none}.cam-ico:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2.5px solid #fff;border-radius:50%}.linklike{text-align:center;font-weight:750;color:var(--navy);font-size:.95rem;padding:8px;width:100%}.vcard{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;overflow:hidden}.vhead{padding:14px 16px;display:flex;align-items:center;gap:10px}.vhead.ok{background:var(--green-soft)}.vhead.warn{background:var(--amber-soft)}.vhead .t{font-weight:850;font-size:1.05rem;flex:1}.vhead.ok .t{color:var(--green)}.vhead.warn .t{color:var(--amber)}.vrows{padding:6px 16px}.vrow{display:flex;align-items:center;padding:9px 0;border-bottom:1.5px dashed var(--line);font-size:.95rem;gap:8px}.vrow:last-child{border-bottom:0}.vrow .f{width:92px;font-weight:750;color:var(--muted);font-size:.85rem;flex:none}.vrow .v{flex:1;font-weight:800;color:var(--ink)}.tick{color:var(--green);font-weight:900}.cross{color:var(--red);font-weight:900}.advice{padding:12px 16px;background:var(--grey-soft);font-size:.86rem;font-weight:700;color:#4a5268;text-align:center}.resolve{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.rbtn{border-radius:14px;padding:15px;font-weight:850;font-size:1.05rem;text-align:center;width:100%}.rbtn.primary{background:var(--green);color:#fff}.rbtn.mid{background:var(--paper);border:2px solid var(--navy);color:var(--navy)}.rbtn.danger{background:transparent;color:var(--red);font-size:.92rem;padding:8px}.photopanel{padding:12px 16px 4px}.photoframe{background:#c9c2b4;border-radius:12px;height:150px;width:100%;overflow:hidden;display:block;position:relative}.photoframe img{width:100%;height:100%;object-fit:cover;display:block}.photocap{font-size:.78rem;font-weight:700;color:var(--muted);text-align:center;padding:8px 4px 2px}.zoomwrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0e18f0;z-index:100;display:flex;flex-direction:column}.zoomwrap img{flex:1;width:100%;object-fit:contain}.zoomclose{color:#fff;font-weight:800;padding:18px;text-align:center;font-size:1rem}.donecard{background:var(--green-soft);border:1.5px solid #bfe0cc;border-radius:18px;padding:18px;text-align:center}.donecard .dt{font-weight:850;font-size:1.3rem;color:var(--green)}.donecard .ds{font-size:.9rem;font-weight:650;color:#2c5c42;margin-top:4px}.samebtn{background:var(--navy);color:#fff;border-radius:20px;padding:26px 20px;text-align:center;box-shadow:0 5px 16px #1f2b574d;margin-top:auto;width:100%}.samebtn .big{font-weight:900;font-size:1.7rem;letter-spacing:-.02em}.samebtn .small{font-size:.95rem;font-weight:700;color:#aeb9d8;margin-top:4px}.undo{background:#2b2f3d;color:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;font-size:.9rem;font-weight:700;gap:8px}.undo b{margin-left:auto;color:#f5cf8d;font-weight:850;white-space:nowrap}.wdisplay{background:var(--paper);border:2px solid var(--line);border-radius:20px;padding:18px;text-align:center}.wdisplay .wv{font-weight:900;font-size:3.6rem;color:var(--navy);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.wdisplay .wv.empty{color:#c3bdb0}.wdisplay .wv small{font-size:1.4rem;color:var(--muted);font-weight:800}.wdisplay .wband{font-size:.82rem;font-weight:750;color:var(--green);margin-top:2px}.wdisplay .wband.warn{color:var(--amber)}.wdisplay .wband.none{color:var(--muted)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:17px 0;text-align:center;font-weight:850;font-size:1.5rem;color:var(--navy);font-variant-numeric:tabular-nums}.key.fn{background:var(--oat);font-size:1.2rem;color:var(--muted)}.wskip{display:flex;gap:10px;align-items:center;justify-content:center}.wskip .a{font-weight:750;color:var(--muted);font-size:.88rem;padding:8px 10px}.wskip .sep{color:#c6bfae}.alert{background:var(--red-soft);border:2px solid #e5b5b1;border-radius:16px;padding:15px 16px}.alert .at{font-weight:850;color:var(--red);font-size:1.08rem}.alert .as{font-size:.87rem;color:#7c3a35;font-weight:650;margin-top:3px}.empty-note{text-align:center;color:var(--muted);font-weight:650;font-size:.92rem;padding:22px 10px}.spinner-note{text-align:center;color:var(--muted);font-weight:700;padding:30px 10px}.formfield{display:flex;flex-direction:column;gap:6px}.formfield label{font-size:.8rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.formfield input{background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:14px;font-size:1.05rem;font-weight:750;color:var(--ink)}.formfield input:focus{outline:none;border-color:var(--navy)}.errline{background:var(--red-soft);border:1.5px solid #e5b5b1;border-radius:12px;padding:12px 14px;color:var(--red);font-weight:750;font-size:.9rem}:root{--wool-dark: #1f3a2e;--wool-mid: #3d6b55;--ink: #16181d;--muted: #626a75;--line: #dfe3e8;--bg: #f7f8f7;--danger: #a4262c;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}header.app{background:var(--wool-dark);color:#fff;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}header.app h1{margin:0;font-size:20px;letter-spacing:.02em}header.app .sub{opacity:.75;font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px}.card h2{margin:0 0 4px;font-size:17px}.muted{color:var(--muted);font-size:14px}label{display:block;margin:12px 0 4px;font-size:14px;font-weight:600}input{width:100%;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:8px}.wrap button,header.app button{margin-top:16px;width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:var(--wool-mid);border:0;border-radius:8px;min-height:48px;cursor:pointer}.wrap button:disabled,header.app button:disabled{opacity:.6;cursor:default}.wrap button.link,header.app button.link{background:none;color:var(--wool-mid);text-decoration:underline;width:auto;padding:4px 0;min-height:0}.error{margin-top:12px;padding:12px;border-radius:8px;background:#fdf3f4;border:1px solid #f0c8ca;color:var(--danger);font-size:14px}.tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2ef;color:var(--wool-dark);margin-right:6px}