:root{color-scheme:light dark;--bg:#f3f6fb;--card:#fff;--text:#213852;--line:#dce5ee;--accent:#163a73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,-apple-system,sans-serif;overflow-wrap:anywhere}body.dark{--bg:#111c2b;--card:#1c2b3d;--text:#e0e8f2;--line:#35465a;--accent:#719ad6}header{display:flex;align-items:center;gap:12px;background:var(--card);padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}header img{width:42px;height:42px}header div{flex:1}small{display:block;color:var(--accent);font-size:11px}header select{width:96px}main{max-width:640px;margin:auto;padding:18px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left))}h1{font-size:24px}h2{font-size:20px}label{display:block;margin:14px 0}label span{display:block;margin-bottom:6px}input,select,button{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:10px;background:var(--card);min-height:44px;padding:10px;max-width:100%}input,select{width:100%}button{cursor:pointer}button:disabled{opacity:.5}form button{background:var(--accent);color:var(--card);width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;width:100%;text-align:left}.qty{font-size:24px;font-weight:700}.negative{color:#bf452f}.muted{font-size:13px;opacity:.8}.stale{background:#fff0cf;color:#805c18}.fresh{background:#dff6eb;color:#155d4a}#sync{border-radius:10px;padding:12px;font-size:13px}#qr img{max-width:230px;width:100%;background:white;padding:8px}#message{color:#be3c34}pre{white-space:pre-wrap;font-size:12px;max-width:100%}details{margin:24px 0}footer{text-align:center;font-size:12px;padding:12px 12px calc(16px + env(safe-area-inset-bottom));color:var(--accent)}[hidden]{display:none!important}