.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--bg: #0f172a;--bg2: #1e293b;--bg3: #263449;--fg: #f1f5f9;--muted: #94a3b8;--line: #334155;--brand: #ea580c;--brand2: #fb923c;--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--radius: 12px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--brand2);text-decoration:none}h1,h2,h3{margin:0 0 8px;font-weight:700}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}p{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--err)}.brand{color:var(--brand2)}.right{text-align:right}.center{text-align:center}.bold{font-weight:700}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:8px}.mt{margin-top:12px}.mb{margin-bottom:12px}.topbar{position:sticky;top:0;z-index:20;background:var(--bg2);border-bottom:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:10px;min-height:52px}.topbar .title{font-weight:700;font-size:17px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .back{font-size:22px;padding:0 6px;color:var(--fg);background:none;border:0}.page{padding:14px;padding-bottom:calc(24px + var(--safe-b));flex:1;width:100%;max-width:1100px;margin:0 auto}.page.wide{max-width:1400px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card.click{cursor:pointer}.card.click:active{background:var(--bg3)}.card.tight{padding:10px 12px}button,.btn{font:inherit;border:0;border-radius:10px;padding:12px 16px;background:var(--bg3);color:var(--fg);cursor:pointer;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.5;cursor:default}.btn-brand{background:var(--brand);color:#fff}.btn-brand:active{background:#c2410c}.btn-ok{background:#15803d;color:#fff}.btn-err{background:#b91c1c;color:#fff}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-sm{padding:6px 10px;min-height:34px;font-size:14px;border-radius:8px}.btn-lg{padding:16px 20px;font-size:18px;min-height:56px;width:100%}.btn-icon{padding:8px;min-width:44px}input,select,textarea{font:inherit;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}input.lg{font-size:22px;padding:14px;text-align:center;font-weight:700}label{display:block;font-size:13px;color:var(--muted);margin:8px 0 4px}input[type=checkbox]{width:auto;min-height:0;transform:scale(1.3);margin-right:8px}.field{margin-bottom:8px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:52px;background:var(--bg2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.click{cursor:pointer}tr.click:hover{background:var(--bg3)}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2)}.tablewrap table th{top:0}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg3);color:var(--fg);font-weight:600;white-space:nowrap}.badge.ok{background:#14532d;color:#bbf7d0}.badge.warn{background:#78350f;color:#fde68a}.badge.err{background:#7f1d1d;color:#fecaca}.badge.brand{background:#7c2d12;color:#fed7aa}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.stat .v{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.stat .l{font-size:12px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);background:#0b1220;border:1px solid var(--line);color:var(--fg);padding:10px 16px;border-radius:10px;z-index:100;max-width:92vw;box-shadow:0 10px 30px #00000080}.toast.ok{border-color:var(--ok)}.toast.err{border-color:var(--err)}.toast.warn{border-color:var(--warn)}.modal-bg{position:fixed;inset:0;background:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--bg2);border-top-left-radius:18px;border-top-right-radius:18px;padding:16px;width:100%;max-width:560px;max-height:92vh;overflow:auto;padding-bottom:calc(16px + var(--safe-b))}@media(min-width:700px){.modal-bg{align-items:center}.modal{border-radius:18px}}.scanbox{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;max-height:42vh}.scanbox video{width:100%;height:100%;object-fit:cover}.scanbox .frame{position:absolute;inset:30% 12%;border:2px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 0 0 200vmax #00000059}.scanbox .line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:var(--brand2);box-shadow:0 0 8px var(--brand2)}.flash{animation:flash .35s ease}@keyframes flash{0%{background:#14532d}to{background:var(--bg2)}}.flash-err{animation:flasherr .5s ease}@keyframes flasherr{0%{background:#7f1d1d}to{background:var(--bg2)}}.sken-red{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.sken-red:last-child{border-bottom:0}.sken-red .kol{font-size:20px;font-weight:800;min-width:54px;text-align:right;font-variant-numeric:tabular-nums}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.ok{background:var(--ok)}.dot.wait{background:var(--warn)}.dot.err{background:var(--err)}.qtybtns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qtybtns button{min-height:52px;font-size:18px}.navlinks{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.navlinks a{padding:8px 12px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);color:var(--fg);font-weight:600;font-size:14px}.navlinks a.router-link-active{background:var(--brand);border-color:var(--brand);color:#fff}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:18px;text-align:center;color:var(--muted)}.pre{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px;background:var(--bg);padding:8px;border-radius:8px;max-height:200px;overflow:auto}