.lfbiz-page {
  --fb-yellow: #ffd12f;
  --fb-ink: #28261f;
  --fb-muted: #8b877c;
  --fb-line: #eeeae0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f7f6f2;
  color: var(--fb-ink);
  font-family:
    -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
    sans-serif;
  letter-spacing: 0;
}
.lfbiz-page * {
  box-sizing: border-box;
}
.lfbiz-page button,
.lfbiz-page input,
.lfbiz-page textarea,
.lfbiz-page select {
  font: inherit;
  letter-spacing: 0;
}
.lfbiz-page button {
  cursor: pointer;
}
.lfbiz-page button:disabled {
  cursor: default;
  opacity: 0.48;
}
.lfbiz-top {
  height: calc(55px + env(safe-area-inset-top));
  flex: none;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  padding: env(safe-area-inset-top) 7px 0;
  background: #fff;
  border-bottom: 1px solid var(--fb-line);
}
.lfbiz-top > div {
  min-width: 0;
  text-align: center;
}
.lfbiz-top h1 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.lfbiz-top small {
  display: block;
  margin-top: 2px;
  color: var(--fb-muted);
  font-size: 9px;
}
.lfbiz-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: inherit;
}
.lfbiz-create {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: 28px 16px calc(28px + env(safe-area-inset-bottom));
}
.lfbiz-welcome {
  text-align: center;
}
.lfbiz-welcome > span {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  margin: auto;
  border-radius: 8px;
  background: var(--fb-yellow);
}
.lfbiz-welcome h2 {
  margin: 13px 0 5px;
  font-size: 21px;
}
.lfbiz-welcome p {
  margin: 0 auto 25px;
  max-width: 270px;
  color: var(--fb-muted);
  font-size: 11px;
  line-height: 1.6;
}
.lfbiz-create form,
.lfbiz-inline {
  padding: 14px;
  border: 1px solid var(--fb-line);
  border-radius: 8px;
  background: #fff;
}
.lfbiz-create label,
.lfbiz-inline label {
  display: block;
  margin-bottom: 13px;
}
.lfbiz-create label > span,
.lfbiz-inline label > span {
  display: block;
  margin-bottom: 6px;
  color: #67635a;
  font-size: 11px;
  font-weight: 650;
}
.lfbiz-page input,
.lfbiz-page textarea,
.lfbiz-page select {
  width: 100%;
  min-width: 0;
  border: 1px solid #ddd8cc;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: inherit;
}
.lfbiz-page input,
.lfbiz-page select {
  height: 42px;
  padding: 0 10px;
}
.lfbiz-page textarea {
  padding: 10px;
  resize: vertical;
}
.lfbiz-page input:focus,
.lfbiz-page textarea:focus,
.lfbiz-page select:focus {
  border-color: #d9aa18;
  box-shadow: 0 0 0 2px #ffd12f26;
}
.lfbiz-primary {
  width: 100%;
  height: 43px;
  border: 0;
  border-radius: 6px;
  background: var(--fb-yellow);
  color: #332b15;
  font-size: 13px;
  font-weight: 750;
}
.lfbiz-error {
  margin: 10px 0;
  padding: 9px 10px;
  border-radius: 6px;
  background: #fff0eb;
  color: #b64735;
  font-size: 11px;
}
.lfbiz-page-error {
  flex: none;
  margin: 7px 10px 0;
}
.lfbiz-hero {
  flex: none;
  padding: 13px 12px 10px;
  background: #fff7d6;
  border-bottom: 1px solid #eddfaa;
}
.lfbiz-storeline {
  display: flex;
  align-items: center;
  gap: 9px;
}
.lfbiz-storemark {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 7px;
  background: var(--fb-yellow);
}
.lfbiz-storeline > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-storeline strong,
.lfbiz-storeline small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lfbiz-storeline strong {
  font-size: 15px;
}
.lfbiz-storeline small {
  margin-top: 3px;
  color: #89784e;
  font-size: 9px;
}
.lfbiz-switch {
  min-width: 70px;
  height: 31px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #d6c998;
  border-radius: 16px;
  background: #fff;
  color: #777164;
  font-size: 10px;
}
.lfbiz-switch i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aaa;
}
.lfbiz-switch.on {
  border-color: #dfb218;
  background: #fff3b5;
  color: #6e5300;
  font-weight: 700;
}
.lfbiz-switch.on i {
  background: #2c9a58;
}
.lfbiz-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
  padding: 10px 0;
  border-top: 1px solid #e8daa3;
}
.lfbiz-stats div {
  min-width: 0;
  padding: 0 8px;
  border-right: 1px solid #e8daa3;
}
.lfbiz-stats div:first-child {
  padding-left: 0;
}
.lfbiz-stats div:last-child {
  border: 0;
}
.lfbiz-stats small,
.lfbiz-stats b {
  display: block;
}
.lfbiz-stats small {
  color: #8e805d;
  font-size: 9px;
}
.lfbiz-stats b {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.lfbiz-funds {
  display: flex;
  gap: 8px;
}
.lfbiz-funds button {
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 1;
  border: 1px solid #d8c88d;
  border-radius: 5px;
  background: #fffdf5;
  color: #655832;
  font-size: 10px;
}
.lfbiz-tabs {
  height: 53px;
  flex: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--fb-line);
  background: #fff;
}
.lfbiz-tabs button {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 0;
  background: transparent;
  color: #969188;
  font-size: 9px;
}
.lfbiz-tabs button.active {
  color: #372f1c;
  font-weight: 750;
}
.lfbiz-tabs button.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 25px;
  height: 3px;
  background: var(--fb-yellow);
}
.lfbiz-tabs i {
  position: absolute;
  top: 3px;
  left: 55%;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  border-radius: 8px;
  background: #ef5c42;
  color: #fff;
  font-size: 8px;
  font-style: normal;
}
.lfbiz-main {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 12px 11px calc(24px + env(safe-area-inset-bottom));
  overscroll-behavior: contain;
}
.lfbiz-panel {
  min-width: 0;
}
.lfbiz-section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.lfbiz-section-head > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-section-head h2 {
  margin: 0;
  font-size: 16px;
}
.lfbiz-section-head small {
  display: block;
  margin-top: 2px;
  color: var(--fb-muted);
  font-size: 9px;
}
.lfbiz-section-head > button {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: var(--fb-yellow);
  font-size: 10px;
  font-weight: 700;
}
.lfbiz-order,
.lfbiz-dish,
.lfbiz-person,
.lfbiz-ledger,
.lfbiz-upgrades article {
  margin-bottom: 8px;
  border: 1px solid var(--fb-line);
  border-radius: 7px;
  background: #fff;
}
.lfbiz-order {
  padding: 11px;
}
.lfbiz-order > header {
  display: flex;
  align-items: center;
}
.lfbiz-order > header span {
  min-width: 0;
  flex: 1;
}
.lfbiz-order > header b,
.lfbiz-order > header small {
  display: block;
}
.lfbiz-order > header b {
  font-size: 13px;
}
.lfbiz-order > header small {
  margin-top: 2px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-order em,
.lfbiz-person em {
  padding: 3px 6px;
  border-radius: 4px;
  background: #f0eee8;
  color: #716d64;
  font-size: 9px;
  font-style: normal;
}
.lfbiz-order em.new {
  background: #fff1ae;
  color: #816100;
}
.lfbiz-order em.cooking {
  background: #ffeadc;
  color: #ac5521;
}
.lfbiz-order em.ready {
  background: #e3f4e8;
  color: #27824a;
}
.lfbiz-order ul {
  margin: 10px 0;
  padding: 8px 0;
  border-top: 1px solid #f2efe8;
  border-bottom: 1px solid #f2efe8;
  list-style: none;
}
.lfbiz-order li {
  display: flex;
  padding: 3px 0;
  color: #666158;
  font-size: 11px;
}
.lfbiz-order li span {
  min-width: 0;
  flex: 1;
}
.lfbiz-order footer {
  display: flex;
  align-items: center;
  gap: 7px;
}
.lfbiz-order footer > strong {
  font-size: 15px;
}
.lfbiz-order footer > small {
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-order footer > span {
  display: flex;
  gap: 5px;
  margin-left: auto;
}
.lfbiz-order footer button {
  height: 30px;
  padding: 0 9px;
  border: 0;
  border-radius: 5px;
  background: var(--fb-yellow);
  font-size: 10px;
}
.lfbiz-order footer button.subtle {
  border: 1px solid #e4ded2;
  background: #fff;
  color: #766f65;
}
.lfbiz-empty {
  min-height: 145px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #aaa49a;
  text-align: center;
}
.lfbiz-empty b {
  margin-top: 8px;
  color: #68635a;
  font-size: 12px;
}
.lfbiz-empty small {
  margin-top: 4px;
  font-size: 9px;
}
.lfbiz-inline {
  margin-bottom: 10px;
}
.lfbiz-inline > header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.lfbiz-inline > header b {
  min-width: 0;
  flex: 1;
  font-size: 13px;
}
.lfbiz-inline > header button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
}
.lfbiz-inline > p {
  margin: 0 0 12px;
  color: var(--fb-muted);
  font-size: 9px;
  line-height: 1.5;
}
.lfbiz-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.lfbiz-dish {
  min-height: 65px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px;
}
.lfbiz-dish > span {
  min-width: 0;
  flex: 1;
}
.lfbiz-dish b,
.lfbiz-dish small {
  display: block;
}
.lfbiz-dish b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.lfbiz-dish small {
  margin-top: 3px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-dish > strong {
  color: #dc593d;
  font-size: 13px;
}
.lfbiz-dish > button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: none;
  border: 0;
  border-radius: 5px;
  background: #f3f1eb;
}
.lfbiz-dish > button.danger {
  color: #b64a3b;
}
.lfbiz-stock-card {
  padding: 17px;
  border-radius: 8px;
  background: #2e302a;
  color: #fff;
  text-align: center;
}
.lfbiz-stock-card > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin: auto;
  border-radius: 7px;
  background: #ffffff16;
  color: var(--fb-yellow);
}
.lfbiz-stock-card small,
.lfbiz-stock-card strong {
  display: block;
}
.lfbiz-stock-card small {
  margin-top: 9px;
  color: #cbc9c1;
  font-size: 9px;
}
.lfbiz-stock-card strong {
  margin-top: 2px;
  font-size: 25px;
}
.lfbiz-stock-card p {
  margin: 8px 0 0;
  color: #aaa9a2;
  font-size: 9px;
}
.lfbiz-stock-card + .lfbiz-inline {
  margin-top: 10px;
}
.lfbiz-inline > .lfbiz-cost {
  margin: -4px 0 12px;
  text-align: right;
}
.lfbiz-subtitle {
  margin: 18px 2px 9px;
  font-size: 14px;
}
.lfbiz-upgrades article {
  min-height: 59px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px;
}
.lfbiz-upgrades article > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 6px;
  background: #fff3bc;
  color: #8f6d08;
}
.lfbiz-upgrades article > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-upgrades b,
.lfbiz-upgrades small {
  display: block;
}
.lfbiz-upgrades b {
  font-size: 11px;
}
.lfbiz-upgrades small {
  margin-top: 3px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-upgrades button {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #e1c153;
  border-radius: 5px;
  background: #fffbed;
  font-size: 10px;
}
.lfbiz-person {
  min-height: 70px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px;
}
.lfbiz-person > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 50%;
  background: #fff0ac;
  color: #796015;
  font-size: 13px;
  font-weight: 700;
}
.lfbiz-person > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-person b,
.lfbiz-person small {
  display: block;
}
.lfbiz-person b {
  font-size: 12px;
}
.lfbiz-person small {
  margin-top: 3px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-person p {
  margin: 6px 0 0;
  color: #68635a;
  font-size: 9px;
  line-height: 1.4;
}
.lfbiz-person em.accepted {
  background: #e2f3e7;
  color: #277c47;
}
.lfbiz-person em.declined {
  background: #f5e7e3;
  color: #a34d3d;
}
.lfbiz-pay {
  margin-top: 10px;
}
.lfbiz-ledger-total {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border-radius: 7px;
  background: #e6dfca;
}
.lfbiz-ledger-total > div,
.lfbiz-ledger-total > span {
  min-width: 0;
  padding: 13px 9px;
  background: #fff9df;
}
.lfbiz-ledger-total small,
.lfbiz-ledger-total b {
  display: block;
}
.lfbiz-ledger-total small {
  color: #8c805e;
  font-size: 8px;
}
.lfbiz-ledger-total b {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.lfbiz-ledger {
  min-height: 57px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px;
}
.lfbiz-ledger > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 50%;
  background: #f8e8e3;
  color: #bb553f;
}
.lfbiz-ledger > span.income {
  background: #e5f3e9;
  color: #2b8750;
}
.lfbiz-ledger > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-ledger b,
.lfbiz-ledger small {
  display: block;
}
.lfbiz-ledger b {
  font-size: 11px;
}
.lfbiz-ledger small {
  margin-top: 3px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-ledger > strong {
  color: #b6503d;
  font-size: 12px;
}
.lfbiz-ledger > strong.income {
  color: #25824a;
}
.lfbiz-empty-compact {
  min-height: 105px;
}
.lfbiz-customer,
.lfbiz-review {
  margin-bottom: 8px;
  border: 1px solid var(--fb-line);
  border-radius: 7px;
  background: #fff;
}
.lfbiz-customer {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px;
}
.lfbiz-customer > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 50%;
  background: #fff0ac;
  color: #796015;
  font-size: 12px;
  font-weight: 700;
}
.lfbiz-customer > div {
  min-width: 0;
  flex: 1;
}
.lfbiz-customer b,
.lfbiz-customer small {
  display: block;
}
.lfbiz-customer b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.lfbiz-customer small {
  margin-top: 3px;
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-customer em {
  max-width: 92px;
  overflow: hidden;
  padding: 3px 6px;
  border-radius: 4px;
  background: #fff7d6;
  color: #7d6725;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-style: normal;
}
.lfbiz-sim-review-note {
  margin: -3px 2px 9px;
  color: var(--fb-muted);
  font-size: 9px;
  line-height: 1.5;
}
.lfbiz-review {
  padding: 10px;
}
.lfbiz-review header {
  display: flex;
  align-items: center;
  gap: 7px;
}
.lfbiz-review header b {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.lfbiz-review header span {
  color: #e2aa00;
  font-size: 10px;
}
.lfbiz-review header small {
  color: var(--fb-muted);
  font-size: 8px;
}
.lfbiz-review p {
  margin: 7px 0 0;
  color: #625e55;
  font-size: 10px;
  line-height: 1.5;
}
.lfbiz-money {
  flex: none;
  margin: 8px 10px 0;
}
.lfbiz-money label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lfbiz-money label > span {
  width: 36px;
  margin: 0;
  flex: none;
}
.lfbiz-money label input {
  flex: 1;
}
@media (max-width: 340px) {
  .lfbiz-hero {
    padding-inline: 9px;
  }
  .lfbiz-main {
    padding-inline: 7px;
  }
  .lfbiz-stats div {
    padding-inline: 5px;
  }
  .lfbiz-storemark {
    width: 35px;
    height: 35px;
  }
  .lfbiz-switch {
    min-width: 64px;
    padding-inline: 7px;
  }
  .lfbiz-order {
    padding: 9px;
  }
  .lfbiz-pair {
    gap: 5px;
  }
  .lfbiz-dish {
    gap: 5px;
    padding-inline: 7px;
  }
  .lfbiz-ledger-total > div,
  .lfbiz-ledger-total > span {
    padding-inline: 6px;
  }
}