:root{--green: #046a38;--green-dark: #03502a;--green-tint: #e8f3ed;--green-line: #b9d8c7;--ink: #171717;--muted: #6b6b68;--line: #e4e4e1;--bg: #f6f6f5;--surface: #ffffff;--danger: #b3261e;--danger-tint: #fbe9e7;--warn: #8a5a00;--warn-tint: #fdf1d8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;color:var(--ink);background:var(--bg)}h1{font-size:22px;font-weight:600;margin:0}h2{font-size:17px;font-weight:600;margin:0}p{margin:0}a{color:var(--green-dark)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}.capitalize{text-transform:capitalize}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row.gap{justify-content:flex-start;flex-wrap:wrap}.grow{flex:1;min-width:0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:600;color:var(--green-dark);text-decoration:none}.status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.screen{width:100%;max-width:520px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .card{width:100%;max-width:380px}.field{display:flex;flex-direction:column;gap:6px}.field>span,.label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green-line);border-color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;font:inherit;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:active{background:var(--green-dark)}.btn.block{display:flex;width:100%}.btn.big{padding:18px 16px;font-size:18px}.btn.small{padding:8px 12px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{background:none;border:none;padding:8px 0;font:inherit;color:var(--green-dark);cursor:pointer;text-align:left}.link.skip{text-align:center;width:100%}.back{color:var(--muted);text-decoration:none;font-size:15px}.alert{padding:10px 12px;border-radius:8px;background:var(--danger-tint);color:var(--danger);font-size:15px}.note{padding:10px 12px;border-radius:8px;background:var(--green-tint);color:var(--green-dark);font-size:15px}.empty{padding:16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--green-tint);color:var(--green-dark);white-space:nowrap}.badge.ok{background:var(--green-tint)}.badge.warn{background:var(--warn-tint);color:var(--warn)}.badge.danger{background:var(--danger-tint);color:var(--danger)}.list{background:var(--surface);border:1px solid var(--line);border-radius:10px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.list-row.col{flex-direction:column;align-items:stretch}.plain{background:none;border:none;padding:0;font:inherit;color:inherit;width:100%;cursor:pointer;text-align:left}.big-value{font-size:22px;font-weight:600;margin-top:4px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff>div{padding:10px;border:1px solid var(--line);border-radius:8px}.diff>div:last-child{border-color:var(--warn);background:var(--warn-tint)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.pack{padding:12px 0;font:inherit;font-weight:600;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.pack.on{background:var(--green);border-color:var(--green);color:#fff}.scanner{display:flex;flex-direction:column;gap:14px}.scan-view{position:relative;overflow:hidden;border-radius:10px;background:#000;aspect-ratio:4 / 3}.scan-view video{width:100%;height:100%;object-fit:cover}.scan-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:var(--green);box-shadow:0 0 0 1px #ffffff80}.camera{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:#000;color:#fff}.camera-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.camera-bar .link{color:#fff}.camera-view{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-view video,.camera-view img{max-width:100%;max-height:100%;object-fit:contain}.camera-actions{display:flex;flex-direction:column;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.camera .alert{margin:0 16px}