:root{--fb-bg: #ffffff;--fb-bg2: #f2f3f5;--fb-bg3: #e8eaed;--fb-text: #101418;--fb-hint: #8a9099;--fb-link: #2f7dd1;--fb-btn: #2f7dd1;--fb-btn-text: #ffffff;--fb-separator: rgba(16, 20, 24, .09);--fb-danger: #d64545;--fb-ok: #2e9e5b;--fb-shadow: 0 8px 28px rgba(8, 12, 18, .14)}@media (prefers-color-scheme: dark){:root{--fb-bg: #17212b;--fb-bg2: #1e2b38;--fb-bg3: #26333f;--fb-text: #f2f5f7;--fb-hint: #8b98a5;--fb-link: #6ab3f3;--fb-btn: #4f9ee8;--fb-btn-text: #ffffff;--fb-separator: rgba(242, 245, 247, .1);--fb-danger: #ff6b6b;--fb-ok: #4ec97a;--fb-shadow: 0 8px 28px rgba(0, 0, 0, .5)}}:root[data-scheme=light]{--fb-bg: #ffffff;--fb-bg2: #f2f3f5;--fb-bg3: #e8eaed;--fb-text: #101418;--fb-hint: #8a9099;--fb-link: #2f7dd1;--fb-btn: #2f7dd1;--fb-btn-text: #ffffff;--fb-separator: rgba(16, 20, 24, .09);--fb-danger: #d64545;--fb-ok: #2e9e5b;--fb-shadow: 0 8px 28px rgba(8, 12, 18, .14)}:root[data-scheme=dark]{--fb-bg: #17212b;--fb-bg2: #1e2b38;--fb-bg3: #26333f;--fb-text: #f2f5f7;--fb-hint: #8b98a5;--fb-link: #6ab3f3;--fb-btn: #4f9ee8;--fb-btn-text: #ffffff;--fb-separator: rgba(242, 245, 247, .1);--fb-danger: #ff6b6b;--fb-ok: #4ec97a;--fb-shadow: 0 8px 28px rgba(0, 0, 0, .5)}:root{--bg: var(--tg-theme-bg-color, var(--fb-bg));--bg-2: var(--tg-theme-secondary-bg-color, var(--fb-bg2));--bg-3: var(--tg-theme-section-bg-color, var(--fb-bg2));--text: var(--tg-theme-text-color, var(--fb-text));--hint: var(--tg-theme-hint-color, var(--fb-hint));--subtitle: var(--tg-theme-subtitle-text-color, var(--fb-hint));--link: var(--tg-theme-link-color, var(--fb-link));--btn-bg: var(--tg-theme-button-color, var(--fb-btn));--btn-text: var(--tg-theme-button-text-color, var(--fb-btn-text));--accent: var(--tg-theme-accent-text-color, var(--link));--danger: var(--tg-theme-destructive-text-color, var(--fb-danger));--separator: var(--tg-theme-section-separator-color, var(--fb-separator));--header-bg: var(--tg-theme-header-bg-color, var(--bg));--shadow: var(--fb-shadow);--ok: var(--fb-ok);--radius: 14px;--radius-sm: 10px;--gap: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100vh;min-height:100dvh}body{padding-bottom:var(--safe-bottom)}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:650}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);max-width:640px;margin:0 auto;position:relative}.screen{flex:1;padding:12px 14px calc(88px + var(--safe-bottom))}.screen--center{display:flex;align-items:center;justify-content:center}.screen--plain{padding-bottom:24px}.header{position:sticky;top:0;z-index:20;background:var(--header-bg);border-bottom:1px solid var(--separator);padding:10px 14px 8px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(8px)}.header__main{flex:1;min-width:0}.header__title{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__sub{font-size:12px;color:var(--hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__action{flex:none}.icon-btn{background:var(--bg-2);border:none;border-radius:999px;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer}.icon-btn:active{opacity:.7}.tabbar{position:sticky;top:0;z-index:19;background:var(--bg);border-bottom:1px solid var(--separator)}.tabbar__scroll{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;scrollbar-width:none}.tabbar__scroll::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--separator);background:var(--bg-2);color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;white-space:nowrap}.chip--active{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text);font-weight:600}.greeting{padding:10px 14px 0;color:var(--hint);font-size:13px}.section{margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.products{display:grid;gap:var(--gap)}.product{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:var(--bg-3);border:1px solid var(--separator);border-radius:var(--radius);padding:10px;cursor:pointer}.product:active{transform:scale(.995)}.thumb{width:58px;height:58px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:var(--bg-2)}.thumb--empty{display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--hint)}.product__info{flex:1;min-width:0}.product__name{font-size:15px;font-weight:560;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product__meta{display:flex;align-items:baseline;gap:8px;margin-top:2px}.product__price{font-size:15px;font-weight:650}.hint{font-size:12px;color:var(--hint)}.hint--warn{color:var(--danger)}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:10px}.card{background:var(--bg-3);border:1px solid var(--separator);border-radius:var(--radius);padding:12px}.card__title{font-size:15px;font-weight:620}.muted{color:var(--hint);font-size:13px}.empty{text-align:center;color:var(--hint);padding:32px 12px;font-size:14px}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px 14px calc(10px + var(--safe-bottom));background:transparent;pointer-events:none}.cartbar__inner{pointer-events:auto;max-width:612px;margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--btn-bg);color:var(--btn-text);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow);border:none;width:100%;cursor:pointer}.cartbar__count{font-size:12px;opacity:.85}.cartbar__total{margin-left:auto;font-weight:700}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px 14px calc(10px + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 55%,transparent);display:flex;gap:10px;max-width:640px;margin:0 auto}.btn{border:none;border-radius:var(--radius-sm);padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;background:var(--btn-bg);color:var(--btn-text);transition:opacity .15s ease}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:default}.btn--block{width:100%}.btn--small{padding:8px 12px;font-size:13px}.btn--ghost{background:var(--bg-2);color:var(--text);border:1px solid var(--separator)}.btn--soft{background:color-mix(in srgb,var(--btn-bg) 16%,transparent);color:var(--accent)}.btn--danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field__label{font-size:13px;color:var(--hint)}.field__hint{font-size:12px;color:var(--hint)}.input,.textarea,.select{width:100%;background:var(--bg-3);border:1px solid var(--separator);border-radius:var(--radius-sm);padding:12px;outline:none;min-height:46px}.input:focus,.textarea:focus,.select:focus{border-color:var(--btn-bg)}.textarea{min-height:84px;resize:vertical}.input--inline{padding:8px 10px;min-height:40px;text-align:right;width:78px}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--bg-2);border-radius:999px;padding:4px}.stepper__btn{width:38px;height:38px;border-radius:999px;border:none;background:var(--bg-3);font-size:20px;line-height:1;cursor:pointer}.stepper__btn:disabled{opacity:.4}.stepper__value{min-width:34px;text-align:center;font-weight:650}.status{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.status--new{background:color-mix(in srgb,var(--btn-bg) 20%,transparent);color:var(--accent)}.status--progress{background:#f0aa282e;color:#e2a126}.status--done{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.status--bad{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.timeline{list-style:none;margin:0;padding:0}.timeline__item{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:18px}.timeline__item:last-child{padding-bottom:0}.timeline__dot{width:22px;height:22px;border-radius:999px;border:2px solid var(--separator);background:var(--bg);flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--btn-text);z-index:1}.timeline__item--done .timeline__dot{background:var(--ok);border-color:var(--ok)}.timeline__item--current .timeline__dot{background:var(--btn-bg);border-color:var(--btn-bg)}.timeline__item:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--separator)}.timeline__label{font-size:15px}.timeline__item--future .timeline__label{color:var(--hint)}.toasts{position:fixed;left:0;right:0;bottom:calc(84px + var(--safe-bottom));z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;padding:0 14px}.toast{max-width:560px;width:100%;background:#222c38;color:#fff;border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;box-shadow:var(--shadow)}.toast--error{background:#b83b3b}.toast--success{background:#2e7d52}.spinner{display:flex;align-items:center;gap:10px;color:var(--hint);font-size:14px}.spinner__dot{width:18px;height:18px;border-radius:999px;border:2px solid var(--separator);border-top-color:var(--btn-bg);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errorbox{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:12px}.errorbox__text{font-size:14px}.sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;inset:0;background:#00000073}.sheet__panel{position:relative;width:100%;max-width:640px;max-height:88vh;background:var(--bg);border-radius:18px 18px 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(14px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet__grabber{width:42px;height:4px;border-radius:999px;background:var(--separator);margin:8px auto 0}.sheet__head{display:flex;align-items:center;gap:10px;padding:8px 16px}.sheet__title{font-size:17px;flex:1;min-width:0}.sheet__close{border:none;background:var(--bg-2);width:32px;height:32px;border-radius:999px;cursor:pointer;flex:none}.sheet__body{padding:4px 16px 16px;overflow-y:auto}.sheet__footer{padding:10px 16px 16px;border-top:1px solid var(--separator);display:flex;flex-direction:column;gap:8px}.divider{height:1px;background:var(--separator);margin:10px 0}.list{display:flex;flex-direction:column;gap:10px}.ordercard{width:100%;text-align:left;background:var(--bg-3);border:1px solid var(--separator);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.orderrow{display:flex;align-items:center;gap:8px}.orderrow__num{font-weight:650;font-size:15px}.orderrow__total{margin-left:auto;font-weight:650}.orderline{display:flex;gap:10px;align-items:baseline;font-size:14px}.orderline__qty{color:var(--hint);flex:none;min-width:28px}.orderline__sum{margin-left:auto;font-weight:600;white-space:nowrap}.total-line{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.total-line--grand{font-size:17px;font-weight:700;padding-top:8px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:var(--bg-3);border:1px solid var(--separator);border-radius:var(--radius);padding:12px}.stat__value{font-size:22px;font-weight:700;line-height:1.15}.stat__label{font-size:12px;color:var(--hint);margin-top:4px}.adminrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--separator)}.adminrow:last-child{border-bottom:none}.adminrow__name{flex:1;min-width:0;font-size:15px}.adminrow__fields{display:flex;flex-direction:column;gap:4px;flex:none}.minifield{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;color:var(--hint)}.off{opacity:.55}.switch{position:relative;width:48px;height:28px;border-radius:999px;border:none;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--separator);cursor:pointer;flex:none;padding:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0000004d}.switch--on{background:var(--ok)}.switch--on:after{transform:translate(20px)}.tabnav{position:sticky;bottom:0;z-index:24;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 8px calc(6px + var(--safe-bottom));background:var(--bg-2);border-top:1px solid var(--separator);margin-top:auto}.tabnav__btn{border:none;background:transparent;padding:8px 2px;border-radius:var(--radius-sm);font-size:11px;color:var(--hint);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.tabnav__icon{font-size:18px;line-height:1}.tabnav__btn--active{color:var(--accent);background:color-mix(in srgb,var(--btn-bg) 12%,transparent);font-weight:600}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--separator);font-size:14px}.kv:last-child{border-bottom:none}.kv__k{color:var(--hint)}.kv__v{text-align:right;font-weight:560}.a11y-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}