:root{--brand:#0f766e;--brand2:#115e59;--bg:#f4f7f6;--ink:#163333;--muted:#6b7c7b;--danger:#dc2626;--card:#fff;--line:#e5ecea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}.screen{min-height:100svh}.login{display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:var(--card);border-radius:28px;padding:28px;box-shadow:0 18px 55px #0f766e18}.logo{width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,#14b8a6,#115e59);display:grid;place-items:center;color:white;font-size:30px;font-weight:800;margin:0 auto 18px}.title{text-align:center;margin:0}.subtitle{text-align:center;color:var(--muted);margin:6px 0 24px}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;color:var(--muted);font-weight:700}.field input,.search input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fbfdfd;outline:none}.field input:focus,.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e18}.primary,.secondary,.danger{padding:13px 16px;border-radius:13px;font-weight:800}.primary{background:var(--brand);color:#fff}.secondary{background:#e6f3f1;color:var(--brand2)}.danger{background:#fee2e2;color:#991b1b}.wide{width:100%;margin-top:14px}.hint{font-size:12px;color:var(--muted);margin-top:16px}.topbar{position:sticky;top:0;z-index:5;background:#ffffffec;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:19px}.topbar small{color:var(--muted)}.content{padding:16px 16px 92px;max-width:780px;margin:auto}.hero{background:linear-gradient(135deg,var(--brand),#134e4a);color:#fff;border-radius:22px;padding:20px;margin-bottom:14px}.hero h2{margin:0 0 4px}.hero p{margin:0;color:#d7fffa}.search{display:flex;gap:8px;margin:12px 0}.search input{flex:1}.search button{width:48px;border-radius:13px;background:var(--brand);color:#fff;font-size:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;margin:10px 0;box-shadow:0 7px 22px #16333308}.card-head{display:flex;justify-content:space-between;gap:12px}.code{font-weight:900}.muted{color:var(--muted);font-size:13px}.product{display:grid;grid-template-columns:64px 1fr;gap:12px}.product img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#eef5f3}.product h3{font-size:15px;margin:0 0 5px}.meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;margin-top:13px}.actions>*{flex:1}.empty{text-align:center;padding:28px;color:var(--muted)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(15px);border-top:1px solid var(--line)}.nav button{flex:1;max-width:150px;background:transparent;color:var(--muted);padding:4px 0;font-size:12px}.nav button.active{color:var(--brand);font-weight:900}.nav span{display:block;font-size:22px;line-height:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.section-title h2{font-size:18px;margin:0}.switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:20;background:#071d1dcc;display:grid;place-items:end center;padding:14px}.sheet{background:var(--card);width:min(620px,100%);max-height:92svh;overflow:auto;border-radius:24px;padding:18px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.close{background:#edf3f2;border-radius:50%;width:34px;height:34px}.scanner{position:relative;background:#000;border-radius:18px;overflow:hidden;margin:10px 0}.scanner video{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.scan-frame{position:absolute;inset:18% 12%;border:3px solid #5eead4;border-radius:18px;box-shadow:0 0 0 999px #0005}.scanner-tip{color:var(--muted);font-size:12px}.setting{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.setting strong{display:block}.setting span{color:var(--muted);font-size:12px}.log{white-space:pre-wrap;background:#0b1d1c;color:#c8fff7;border-radius:14px;padding:14px;font:11px/1.5 ui-monospace,monospace;max-height:55svh;overflow:auto}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;z-index:50;background:#163333;color:#fff;padding:10px 15px;border-radius:12px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.content{padding-top:28px}.nav{position:fixed;left:16px;right:auto;top:90px;bottom:auto;display:grid;width:92px;border:1px solid var(--line);border-radius:18px;padding:8px}.nav button{max-width:none}.nav span{font-size:20px}.content{margin-left:125px;margin-right:16px}}