:root{--bg: #eef2f7;--surface: #ffffff;--border: #d5dde7;--text: #16202e;--muted: #667589;--accent: #1d6fd0;--accent-dark: #17579f;--accent-soft: #e6f0fb;--danger: #c0392b;--success: #1e8e5a;--radius: 1rem;--shadow: 0 .0625rem .1875rem rgba(22, 32, 46, .09);--gap: 1rem}html{font-size:16px}@media(min-width:1200px){html{font-size:17px}}@media(min-width:1500px){html{font-size:19px}}@media(min-width:1800px){html{font-size:21px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;line-height:1.4;-webkit-user-select:none;user-select:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.3;cursor:default}.screen{height:100%;display:flex;flex-direction:column}.screen--login,.screen--done{align-items:center;justify-content:center;padding:1.5rem}.modes{width:min(62rem,100%);text-align:center}.modes__title{margin:0 0 2.6rem;font-size:2.6rem;font-weight:600}.modes__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}.mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:3rem 1.8rem;border-radius:1.4rem;background:var(--surface);border:.0625rem solid var(--border);box-shadow:var(--shadow);min-height:26rem}.mode:active{border-color:var(--accent);background:var(--accent-soft)}.mode__icon{width:8.4rem;height:8.4rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.mode__name{font-size:1.85rem;font-weight:600}.mode__hint{font-size:1.1rem;color:var(--muted);max-width:17rem;line-height:1.35}.pinpad{width:min(27rem,100%);text-align:center}.pinpad__back{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;margin-bottom:1.2rem;border-radius:var(--radius);color:var(--muted);border:.0625rem solid var(--border);background:var(--surface);min-height:3.2rem;font-size:1rem}.pinpad__title{margin:0 0 1.6rem;font-size:1.85rem;font-weight:600}.pinpad__display{display:flex;justify-content:center;gap:.85rem;min-height:1.4rem;margin-bottom:1.4rem}.pinpad__dot{width:1.05rem;height:1.05rem;border-radius:50%;border:.125rem solid var(--border);background:var(--surface)}.pinpad__dot--filled{background:var(--accent);border-color:var(--accent)}.pinpad__error{margin:0 0 1rem;color:var(--danger);font-weight:500;font-size:1.05rem}.pinpad__keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.key{height:5.2rem;border-radius:var(--radius);background:var(--surface);border:.0625rem solid var(--border);font-size:1.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.key:active{background:var(--accent-soft)}.key--accent{background:var(--accent);border-color:var(--accent);color:#fff}.key--accent:active{background:var(--accent-dark)}.key--muted{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.3rem;background:var(--surface);border-bottom:.0625rem solid var(--border)}.topbar__user{display:flex;flex-direction:column}.topbar__name{font-size:1.25rem;font-weight:600}.topbar__role{font-size:.9rem;color:var(--muted)}.topbar__exit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:var(--radius);border:.0625rem solid var(--border);color:var(--muted);min-height:3.4rem;font-size:1.05rem}.banner{margin:0;padding:.75rem 1.3rem;font-weight:500}.banner--error{background:#fdecea;color:var(--danger)}.layout{flex:1;display:grid;grid-template-columns:15rem 1fr 20rem;min-height:0}.sidebar{border-right:.0625rem solid var(--border);background:var(--surface);overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.tab{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:4.2rem;padding:.7rem .9rem;border-radius:var(--radius);text-align:left;border:.0625rem solid transparent}.tab--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark);font-weight:600}.tab__name{font-size:1.1rem;line-height:1.25}.tab__count{font-size:.85rem;color:var(--muted);background:var(--bg);border-radius:.65rem;padding:.1rem .55rem}.tab--active .tab__count{background:#fff;color:var(--accent-dark)}.tab__badge{font-size:.85rem;font-weight:600;color:#fff;background:var(--accent);border-radius:.65rem;padding:.1rem .55rem;min-width:1.6rem;text-align:center}.content{overflow-y:auto;padding:1.1rem;min-height:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.9rem;align-content:start}.grid__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:var(--muted);font-size:1.1rem}.card{background:var(--surface);border:.0625rem solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:12rem;box-shadow:var(--shadow)}.card--active{border-color:var(--accent);box-shadow:0 0 0 .125rem var(--accent-soft)}.card__name{margin:0 0 .3rem;font-size:1.15rem;font-weight:600;line-height:1.3}.card__note{margin:0 0 .2rem;font-size:.9rem;color:var(--muted)}.card__unit{margin:0;font-size:.9rem;color:var(--muted)}.card__controls{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.card__qty{font-size:1.7rem;font-weight:600;min-width:2.6rem;text-align:center}.round{width:4rem;height:4rem;border-radius:50%;border:.0625rem solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.round--plus{background:var(--accent);border-color:var(--accent);color:#fff}.round--plus:active{background:var(--accent-dark)}.round--sm{width:3rem;height:3rem}.cart{border-left:.0625rem solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.cart__head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem;border-bottom:.0625rem solid var(--border)}.cart__title{font-size:1.2rem;font-weight:600;flex:1}.cart__clear{color:var(--muted);padding:.5rem}.cart__empty{flex:1;margin:0;padding:1.4rem 1.1rem;color:var(--muted);font-size:1rem}.cart__list{flex:1;list-style:none;margin:0;padding:.6rem;overflow-y:auto;min-height:0}.cart__line{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem .6rem;border-radius:.8rem}.cart__line+.cart__line{border-top:.0625rem solid var(--border)}.cart__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cart__name{font-size:1.02rem;font-weight:500;line-height:1.32}.cart__unit{font-size:.95rem;color:var(--muted)}.cart__buttons{display:grid;grid-template-columns:1fr 1fr 3.4rem;gap:.45rem}.bar{height:3.3rem;border-radius:.75rem;border:.0625rem solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center}.bar--plus{background:var(--accent);border-color:var(--accent);color:#fff}.bar--plus:active{background:var(--accent-dark)}.bar--drop{background:var(--surface);color:var(--muted)}.bar--drop:active{background:#fdecea;border-color:var(--danger);color:var(--danger)}.cart__foot{border-top:.0625rem solid var(--border);padding:1rem 1.1rem}.cart__summary{display:flex;justify-content:space-between;color:var(--muted);font-size:1rem;margin-bottom:.8rem}.submit{width:100%;min-height:4.4rem;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1.25rem;font-weight:600}.submit:active{background:var(--accent-dark)}.ghost{width:100%;min-height:3.8rem;border-radius:var(--radius);border:.0625rem solid var(--border);color:var(--muted);font-size:1.1rem}.done{text-align:center;max-width:30rem}.done__mark{width:7.2rem;height:7.2rem;margin:0 auto 1.4rem;border-radius:50%;background:#e6f6ee;color:var(--success);display:flex;align-items:center;justify-content:center}.done__mark--muted{background:var(--bg);color:var(--muted)}.done__title{margin:0 0 .6rem;font-size:2rem}.done__text{margin:0 0 1.8rem;color:var(--muted);font-size:1.1rem}.done__buttons{display:flex;flex-direction:column;gap:.75rem}@media(max-width:860px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:.0625rem solid var(--border)}.tab{flex:0 0 auto}.cart{border-left:none;border-top:.0625rem solid var(--border);max-height:45vh}.modes__grid{grid-template-columns:1fr}.mode{min-height:12rem}}.topbar__actions{display:flex;gap:.7rem}.topbar__search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius);background:var(--accent);color:#fff;min-height:3.4rem;font-size:1.05rem;font-weight:600}.topbar__search:active{background:var(--accent-dark)}.search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;min-height:0}.search__head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background:var(--surface);border-bottom:.0625rem solid var(--border)}.search__field{flex:1;display:flex;align-items:center;gap:.7rem;min-height:3.8rem;padding:0 1.1rem;border:.125rem solid var(--accent);border-radius:var(--radius);background:var(--bg);color:var(--muted);overflow:hidden}.search__text{flex:1;display:flex;align-items:center;font-size:1.35rem;color:var(--text);white-space:nowrap;overflow:hidden}.search__placeholder{color:var(--muted)}.search__caret{display:inline-block;width:.125rem;height:1.5rem;margin-left:.15rem;background:var(--accent);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.search__close{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.3rem;min-height:3.8rem;border-radius:var(--radius);border:.0625rem solid var(--border);color:var(--muted);font-size:1.05rem;background:var(--surface)}.search__results{overflow-y:auto;padding:1rem 1.2rem;min-height:0}.search__foot{background:var(--surface);border-top:.0625rem solid var(--border);padding:.7rem 1.2rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.9rem;align-items:end}.search__done{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.8rem;padding:0 1.8rem;border-radius:var(--radius);background:var(--success);color:#fff;font-size:1.15rem;font-weight:600;white-space:nowrap}.kb{display:flex;flex-direction:column;gap:.38rem}.kb__row{display:flex;gap:.45rem;justify-content:center}.kb__key{flex:1 1 0;min-width:0;height:3.2rem;border-radius:.65rem;background:var(--bg);border:.0625rem solid var(--border);font-size:1.3rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.kb__key:active{background:var(--accent-soft);border-color:var(--accent)}.kb__key--muted{color:var(--muted);font-size:1rem;text-transform:none}.kb__key--wide{flex:1.6 1 0}.kb__key--space{flex:6 1 0;font-size:1rem;text-transform:none;color:var(--muted)}.kb__row--digits .kb__key{height:2.8rem;font-size:1.1rem}.round--drop{border-color:var(--border);background:var(--surface);color:var(--muted)}.round--drop:active{background:#fdecea;border-color:var(--danger);color:var(--danger)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.list__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .9rem;background:var(--surface);border:.0625rem solid var(--border);border-radius:.8rem;min-height:4rem}.list__row--active{border-color:var(--accent);background:var(--accent-soft)}.list__info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.list__name{font-size:1.05rem;font-weight:500;line-height:1.3}.list__meta{font-size:.88rem;color:var(--muted)}.list__controls{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.list__qty{font-size:1.35rem;font-weight:600;min-width:2rem;text-align:center}.search__erase{flex:0 0 auto;width:4.4rem;height:3rem;border-radius:.65rem;border:.0625rem solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center}.search__erase:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.greeting{text-align:center;max-width:32rem}.greeting__mark{width:7.4rem;height:7.4rem;margin:0 auto 1.6rem;border-radius:50%;background:#e6f6ee;color:var(--success);display:flex;align-items:center;justify-content:center}.greeting__label{margin:0 0 .4rem;font-size:1.2rem;color:var(--muted)}.greeting__name{margin:0 0 .8rem;font-size:2.6rem;font-weight:600;line-height:1.15}.greeting__hint{margin:0 0 2rem;font-size:1.1rem;color:var(--muted)}.greeting__button{max-width:20rem;margin:0 auto}.stock{flex:1;display:grid;grid-template-columns:1fr 22rem;min-height:0}.stock__main{display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.stock__scan{width:min(30rem,100%);text-align:center}.stock__scanicon{width:8.4rem;height:8.4rem;margin:0 auto 1.4rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.stock__scantitle{margin:0 0 .6rem;font-size:1.9rem;font-weight:600}.stock__scanhint{margin:0 0 1.6rem;color:var(--muted);font-size:1.05rem}.stock__input{width:100%;min-height:4.2rem;padding:0 1.2rem;margin-bottom:1rem;border:.125rem solid var(--accent);border-radius:var(--radius);font-size:1.4rem;text-align:center;outline:none;background:var(--surface);color:var(--text)}.stock__find{max-width:100%}.stock__done{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.4rem 0 0;padding:.9rem 1rem;border-radius:var(--radius);background:#e6f6ee;color:var(--success);font-size:1.05rem;text-align:left}.stock__card{width:min(28rem,100%);text-align:center}.stock__label{margin:0 0 .3rem;color:var(--muted);font-size:1.05rem}.stock__name{margin:0 0 .4rem;font-size:1.6rem;font-weight:600;line-height:1.25}.stock__meta{margin:0 0 1.2rem;color:var(--muted);font-size:1rem}.stock__qty{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1.2rem;padding:.8rem;background:var(--surface);border:.0625rem solid var(--border);border-radius:var(--radius)}.stock__qtyvalue{font-size:2.8rem;font-weight:600}.stock__qtyunit{font-size:1.2rem;color:var(--muted)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.2rem}.stock__buttons{display:flex;flex-direction:column;gap:.7rem}.stock__side{border-left:.0625rem solid var(--border);background:var(--surface);padding:1.1rem;overflow-y:auto}.stock__sidetitle{margin:0 0 .9rem;font-size:1.15rem;font-weight:600}.muted-block{color:var(--muted);font-size:1rem}.stock__history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.stock__historyrow{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;background:var(--bg);border-radius:.8rem}.stock__historyname{font-size:.98rem;font-weight:500;line-height:1.3}.stock__historyqty{font-size:.9rem;color:var(--muted)}@media(max-width:900px){.stock{grid-template-columns:1fr}.stock__side{border-left:none;border-top:.0625rem solid var(--border)}}.free{overflow-y:auto;padding:1.4rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center}.free__hint{margin:0;max-width:34rem;color:var(--muted);font-size:1.1rem;line-height:1.4}.free__qty{display:flex;flex-direction:column;align-items:center;gap:.6rem}.free__qtylabel{color:var(--muted);font-size:1rem}.free__qtyrow{display:flex;align-items:center;gap:1.2rem}.free__qtyvalue{font-size:2.4rem;font-weight:600;min-width:3rem}.cart__free{display:inline-block;margin-top:.2rem;padding:.1rem .5rem;border-radius:.6rem;background:#fff6e5;color:#9a6400;font-size:.85rem}.cart__add{width:100%;min-height:3.6rem;margin-bottom:.8rem;border-radius:var(--radius);border:.125rem dashed var(--border);color:var(--muted);font-size:1.02rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.cart__add:active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}