:root{--bg:#f5f6f2;--surface:#fff;--ink:#172121;--text:#3f4b49;--muted:#6c7772;--line:#dfe5de;--line-strong:#c6d0ca;--primary:#156e70;--shadow:0 8px 24px #26363114;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(180deg, #156e7017, transparent 240px), var(--bg);min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{max-width:1480px;min-height:100svh;margin:0 auto;padding:18px 14px 96px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:750}h1,h2,p{margin:0}h1,h2,p,small,em,button,input,select,textarea{overflow-wrap:break-word}h1,h2,p,small,em,.note-card,.item-main,.restock-row span{-webkit-hyphens:auto;hyphens:auto}h1{color:var(--ink);font-size:34px;line-height:1}h2{color:var(--ink);font-size:17px;line-height:1.15}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #156e7052}button:active:not(:disabled){transform:translateY(1px)}.today-pill,.stats-strip,.search-panel,.inventory-card,.note-form,.restock-panel,.note-card,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.today-pill{text-align:center;border-radius:8px;min-width:86px;padding:10px 12px}.today-pill span,.stats-strip span{color:var(--ink);font-weight:850;display:block}.today-pill span{font-size:22px}.today-pill small,.stats-strip small,.item-main small,.quantity-panel span,.restock-row small,.note-card time{color:var(--muted);font-size:12px}.stats-strip{border-radius:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;display:grid;overflow:hidden}.stats-strip div{text-align:center;padding:12px 8px}.stats-strip div+div{border-left:1px solid var(--line)}.stats-strip span{font-size:24px}.control-dock{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f6f2eb;gap:12px;margin:0 -4px 12px;padding:8px 4px;display:grid;position:sticky;top:0}.control-dock>*,.mode-tabs,.search-panel,.category-row{min-width:0}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-tabs button,.filter-chip{min-width:0;min-height:44px;color:var(--muted);background:#e8ece7;border-radius:8px;font-weight:750}.mode-tabs button.active,.filter-chip.active{color:#fff;background:var(--primary)}.search-panel{border-radius:8px;padding:12px}.search-field{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:750;display:grid}.search-field input,.note-form select,.note-form textarea,.set-row input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:8px}.search-field input{min-height:48px;padding:0 14px;font-size:16px}.category-row{gap:8px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chip{flex:none;padding:0 15px}.inventory-list,.notes-list,.missing-layout,.restock-list{gap:12px;display:grid}.inventory-card{border-radius:8px;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid;position:relative;overflow:hidden}.inventory-card:before{content:"";background:0 0;width:4px;position:absolute;inset:0 auto 0 0}.inventory-card.status-low{border-color:#b4701a6b}.inventory-card.status-out{border-color:#be3e2e75}.inventory-card.status-low:before{background:#d38b2a}.inventory-card.status-out:before{background:#be3e2e}.item-main{min-width:0}.item-title-row{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;display:flex}.item-title-row h2{flex:10rem}.item-title-row h2,.item-main p,.item-main em{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere;min-width:0}.item-main p{color:var(--text);margin-top:3px;font-size:14px;line-height:1.28}.item-main small{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere;min-width:0;margin-top:5px;display:block}.item-main em{min-width:0;color:var(--primary);margin-top:7px;font-size:12px;font-style:normal;display:block}.status-badge,.tag{max-width:100%;color:var(--primary);background:#156e701a;border:1px solid #156e7029;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.status-low .status-badge{color:#8b520f;background:#d38b2a29;border-color:#b4701a38}.status-out .status-badge{color:#a1392c;background:#be3e2e21;border-color:#be3e2e3d}.quantity-panel{border-left:1px solid var(--line);text-align:right;align-self:stretch;min-width:58px;padding-left:10px}.quantity-panel strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;line-height:1;display:block}.quantity-panel span{margin-top:4px;display:block}.quick-actions,.set-row{grid-column:1/-1;gap:8px;display:grid}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions button,.set-row button,.primary-button,.secondary-button{border-radius:8px;min-height:48px;font-weight:850}.quick-actions button{color:var(--ink);background:#edf0ec}.quick-actions button:nth-child(2),.quick-actions button:nth-child(3),.primary-button{color:#fff;background:var(--primary)}.set-row{grid-template-columns:minmax(0,1fr) 86px;align-items:end}.set-row label{color:var(--muted);gap:5px;font-size:12px;font-weight:750;display:grid}.set-row input{min-height:44px;padding:0 12px}.set-row button,.secondary-button{color:var(--primary);background:#156e701a}.thumbnail{background:color-mix(in srgb, var(--thumb-accent) 17%, #fff);border-radius:8px;width:58px;height:58px;position:relative;overflow:hidden}.thumbnail span,.thumbnail i,.thumbnail b{display:block;position:absolute}.thumb-sheet span,.thumb-comfort span{border:2px solid color-mix(in srgb, var(--thumb-accent) 70%, #fff);background:#ffffff6b;border-radius:5px;inset:14px 10px 12px 16px;transform:skewY(-8deg)}.thumb-sheet i,.thumb-comfort i{border:2px solid color-mix(in srgb, var(--thumb-accent) 48%, #fff);border-radius:5px;inset:10px 14px 16px 10px;transform:skewY(-8deg)}.thumb-comfort span{border-radius:16px 5px}.thumb-braid{background:repeating-linear-gradient(45deg, #1d252c 0 6px, #3f4b55 6px 10px), var(--thumb-accent)}.thumb-braid span{border:4px solid #ffffff2e;border-radius:999px;inset:18px 7px}.thumb-bag span{background:#ffffff47;border:2px solid #fffc;border-radius:6px 6px 15px 15px;inset:10px 15px 8px}.thumb-bag i{border:2px solid #ffffffbf;border-bottom:0;border-radius:10px 10px 0 0;width:15px;height:8px;top:8px;left:22px}.thumb-bottle span{background:var(--thumb-accent);border-radius:6px 6px 9px 9px;inset:15px 19px 8px}.thumb-bottle i{background:color-mix(in srgb, var(--thumb-accent) 55%, #fff);border-radius:3px 3px 0 0;width:10px;height:10px;top:8px;left:24px}.thumb-marker span{background:#18222d;border-radius:999px;width:38px;height:9px;top:28px;left:10px;transform:rotate(-18deg)}.thumb-marker i{background:var(--thumb-accent);border-radius:3px;width:12px;height:12px;top:20px;left:36px;transform:rotate(-18deg)}.thumb-textile span{background:repeating-linear-gradient(90deg, var(--thumb-accent) 0 4px, #ffffff8c 4px 8px);border-radius:18px;inset:16px 12px}.thumb-hardware span{border:7px solid var(--thumb-accent);border-radius:999px;inset:14px}.thumb-hardware i{background:color-mix(in srgb, var(--thumb-accent) 75%, #fff);border-radius:999px;width:24px;height:8px;bottom:12px;right:9px;transform:rotate(-24deg)}.thumb-shop span{background:var(--thumb-accent);border-radius:7px;inset:18px 10px 12px}.thumb-shop i{border:3px solid color-mix(in srgb, var(--thumb-accent) 45%, #fff);border-bottom:0;border-radius:9px 9px 0 0;width:16px;height:8px;top:12px;left:21px}.thumbnail.has-image{border:1px solid color-mix(in srgb, var(--thumb-accent) 22%, var(--line));background:#fff}.thumbnail.has-image img{box-sizing:border-box;object-fit:contain;background:#fff;width:100%;height:100%;padding:5px;position:absolute;inset:0}.thumbnail.has-image span,.thumbnail.has-image i,.thumbnail.has-image b{display:none}.missing-layout{grid-template-columns:1fr}.restock-panel,.note-form{border-radius:8px;padding:14px}.restock-panel h2,.note-form h2{margin-bottom:12px}.restock-row{min-height:66px;color:var(--ink);text-align:left;background:#f1f3ef;border-radius:8px;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.restock-row .thumbnail{width:48px;height:48px}.restock-row span{gap:2px;min-width:0;display:grid}.restock-row strong,.restock-row small,.note-card h2,.note-card p,.empty-state h2,.empty-state p{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere;min-width:0}.restock-row em{color:#a1392c;font-size:22px;font-style:normal;font-weight:850}.note-form{gap:12px;display:grid}.note-form label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:750;display:grid}.note-form select{min-height:48px;padding:0 12px}.note-form textarea{resize:vertical;min-height:118px;padding:12px}.primary-button:disabled{cursor:not-allowed;opacity:.52}.note-card{border-radius:8px;padding:14px}.note-card div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.note-card p{color:var(--text);margin-top:7px;line-height:1.45}.secondary-button{width:100%}.empty-state{text-align:center;border-radius:8px;justify-items:center;gap:8px;padding:28px 20px;display:grid}.empty-state p{color:var(--muted);max-width:32rem}.empty-icon{background:#edf0ec;border-radius:8px;width:58px;height:58px}.empty-icon span{border:3px solid var(--line-strong);border-top:0;border-radius:0 0 5px 5px;width:30px;height:22px;margin:20px auto 0;display:block}.undo-bar{z-index:10;color:#fff;background:#15282b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;max-width:890px;margin:0 auto;padding:12px;display:flex;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 14px 35px #0b202447}.undo-bar button{color:#102324;background:#dff3ed;border-radius:8px;min-width:72px;min-height:42px;font-weight:850}@media (width>=760px){.app-shell{padding-inline:24px}.inventory-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.missing-layout{grid-template-columns:.9fr 1.1fr;align-items:start}}@media (width>=960px){.app-shell{padding:28px 28px 110px}.topbar{margin-bottom:18px}h1{letter-spacing:-.02em;font-size:42px}.today-pill{border-radius:12px;min-width:104px;padding:12px 16px}.stats-strip{border-radius:12px;width:min(100%,520px);margin-bottom:16px}.control-dock{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:#ffffffc2;border-radius:14px;gap:10px;margin:0 0 18px;padding:10px;box-shadow:0 8px 24px #26363114}.control-dock.with-search{grid-template-columns:300px minmax(0,1fr);align-items:stretch}.mode-tabs{min-width:0}.mode-tabs button,.filter-chip{border-radius:10px;min-height:42px}.search-panel{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(230px,.62fr) minmax(0,1fr);align-items:end;gap:12px;padding:0;display:grid}.search-field{gap:6px}.search-field input{min-height:42px}.category-row{flex-wrap:wrap;align-items:end;margin-top:0;padding-bottom:0;overflow-x:visible}.filter-chip{padding-inline:14px}.inventory-card{border-radius:12px;grid-template-columns:64px minmax(0,1fr) 72px;align-items:start;gap:14px;padding:14px;transition:border-color .14s,box-shadow .14s,transform .14s;box-shadow:0 1px 3px #26363114,0 10px 28px #2636310f}.inventory-card:hover,.inventory-card:focus-within{border-color:color-mix(in srgb, var(--primary) 28%, var(--line));transform:translateY(-1px);box-shadow:0 2px 8px #2636311a,0 16px 36px #2636311a}.thumbnail{border-radius:10px;width:64px;height:64px}.item-title-row{align-items:center}.item-main p{font-size:13px}.quantity-panel{min-width:64px;padding-left:12px}.quantity-panel strong{font-size:34px}.quick-actions,.set-row{gap:10px}.quick-actions button,.set-row button{border-radius:10px;min-height:42px}.set-row{grid-template-columns:minmax(0,1fr) 92px}.set-row input{min-height:42px}.restock-panel,.note-form,.note-card,.empty-state{border-radius:12px}}