:root{--bg: #f5f6f4;--surface: #ffffff;--surface-2: #eef0ec;--line: #dcdfd8;--fg: #1b1f1c;--muted: #5f675f;--accent: #1f5f4a;--accent-fg: #ffffff;--accent-soft: #dcebe4;--warn: #8a5a00;--warn-soft: #f8ecd2;--bad: #a3282c;--bad-soft: #f8dedd;--info: #22547e;--info-soft: #dde9f4;--tape: #fbfbf7;--radius: 10px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #16181a;--surface: #1e2123;--surface-2: #262a2c;--line: #34393b;--fg: #e8ebe7;--muted: #9aa39b;--accent: #5fbf98;--accent-fg: #0e1a15;--accent-soft: #1f3a30;--warn: #e2b04a;--warn-soft: #3a2f17;--bad: #ef8a86;--bad-soft: #3d2120;--info: #8bbbe6;--info-soft: #1c2c3b;--tape: #f2f2ea;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 var(--sans);-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;text-wrap:balance;margin:0}h1{font-size:1.35rem}h2{font-size:1.05rem}h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100%}.side{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{font-weight:700;padding:4px 10px 14px;display:grid;gap:2px}.brand small{color:var(--muted);font-weight:400}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--fg)}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav svg{width:20px;height:20px;flex:none}.nav .nav-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:0;background:none;cursor:pointer;text-align:left;width:100%}.nav .nav-btn:hover{background:var(--surface-2)}.btn svg{width:18px;height:18px}.side .spacer{flex:1}.main{min-width:0;padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));max-width:1100px;width:100%}.tabs,.topbar{display:none}@media (max-width: 760px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom))}.tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabs a{display:grid;justify-items:center;gap:2px;font-size:.72rem;color:var(--muted);padding:4px 0}.tabs a.active{color:var(--accent);font-weight:600}.tabs a:hover{text-decoration:none}.tabs svg{width:24px;height:24px}.tabs a.scan svg{width:30px;height:30px}.topbar{display:flex;align-items:center;gap:8px;margin:-4px 0 12px}}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head h1{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.85rem}.stack{display:grid;gap:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;white-space:nowrap;min-height:40px}.btn:hover{background:var(--surface-2);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad)}.btn.ghost{border-color:transparent;background:transparent}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px;min-height:40px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea.input{min-height:90px;resize:vertical}label.field{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}label.field>span{font-weight:600}.search{position:relative;flex:1;min-width:200px}.search input{padding-left:36px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.flush{padding:0;overflow:hidden}.error{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:10px 12px}.notice{background:var(--info-soft);color:var(--info);border-radius:8px;padding:10px 12px}.notice.row>.grow{flex:1 1 260px}.tape{font-family:var(--mono);font-weight:700;letter-spacing:.06em;background:var(--tape);color:#111;border:1px solid #c9c9bd;border-radius:4px;padding:1px 8px;white-space:nowrap;display:inline-block}.tape.lg{font-size:1.5rem;padding:4px 14px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.chip.in_stock{background:var(--accent-soft);color:var(--accent)}.chip.in_use,.chip.on_loan,.chip.in_transit{background:var(--info-soft);color:var(--info)}.chip.at_customer,.chip.in_repair{background:var(--warn-soft);color:var(--warn)}.chip.lost,.chip.disposed,.chip.consumed,.chip.damaged,.chip.broken{background:var(--bad-soft);color:var(--bad)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters select{width:auto;max-width:100%}.list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list>a,.list>.li{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--surface);color:var(--fg)}.list>a:hover{background:var(--surface-2);text-decoration:none}.thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.thumb svg{width:22px;height:22px}.li-main{min-width:0;display:grid;gap:3px}.li-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-sub{font-size:.83rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.li-side{display:grid;justify-items:end;gap:4px}.more{display:flex;justify-content:center;padding:14px}.item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.item-head h1{font-size:1.5rem}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,260px);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.gallery a{scroll-snap-align:start;position:relative}.gallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background:var(--surface-2)}.gallery .add{aspect-ratio:4 / 3;border:2px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer;text-align:center;padding:10px}.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}@media (max-width: 900px){.cols{grid-template-columns:1fr}}dl.props{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 12px;margin:0}dl.props dt{color:var(--muted);font-size:.88rem}dl.props dd{margin:0;min-width:0;overflow-wrap:anywhere}@media (max-width: 420px){dl.props{grid-template-columns:1fr;gap:2px}dl.props dd{margin-bottom:8px}}.codes{display:grid;gap:6px}.code-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px;align-items:center}.code-row .kind{font-size:.8rem;color:var(--muted)}.code-row .val{font-family:var(--mono);overflow-wrap:anywhere}.timeline{display:grid;gap:10px}.ev{display:grid;grid-template-columns:12px 1fr;gap:10px}.ev:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);margin-top:7px}.ev.moved:before{background:var(--info)}.ev.created:before{background:var(--accent)}.ev .when{font-size:.8rem;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:50;padding:16px}.dialog{background:var(--surface);border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;display:grid;gap:14px}@media (max-width: 760px){.overlay{place-items:end center;padding:0}.dialog{border-radius:16px 16px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}.pick{display:grid;gap:1px;background:var(--line);border-radius:8px;overflow:hidden;max-height:46vh;overflow-y:auto;border:1px solid var(--line)}.pick button{text-align:left;background:var(--surface);border:0;padding:10px 12px;cursor:pointer;display:grid;gap:1px}.pick button:hover,.pick button.sel{background:var(--accent-soft)}.pick small{color:var(--muted)}.tree{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tree a{display:flex;align-items:center;gap:10px;background:var(--surface);padding:10px 12px;color:var(--fg)}.tree a:hover{background:var(--surface-2);text-decoration:none}.tree .count{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.tree .tree-row{display:flex;align-items:center;background:var(--surface)}.tree .tree-row>a{flex:1;min-width:0}.tree .tree-row>.btn{margin-right:6px}.scanner{position:relative;background:#000;border-radius:14px;overflow:hidden;aspect-ratio:3 / 4;max-height:62vh;width:100%}.scanner video{width:100%;height:100%;object-fit:cover}.scanner .frame{position:absolute;left:12%;right:12%;top:36%;height:22%;border:3px solid rgb(255 255 255 / .9);border-radius:12px;box-shadow:0 0 0 999px #00000059}.scanner .hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#fff;font-size:.9rem;text-shadow:0 1px 2px #000}.scanner .found{border-color:#5fe0a8}.bigcode{font-family:var(--mono);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.empty{padding:30px 16px;text-align:center;color:var(--muted)}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login .card{width:min(380px,100%);display:grid;gap:14px}table.plain{width:100%;border-collapse:collapse}table.plain th,table.plain td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.plain th{font-size:.8rem;color:var(--muted);font-weight:600}.table-wrap{overflow-x:auto}.user-row{grid-template-columns:minmax(0,1fr) auto!important}@media (max-width: 760px){.user-row{grid-template-columns:1fr!important}}