:root{
  --bg:#f4f0e8; --panel:#fffdf8; --ink:#2b2621; --muted:#7f766b;
  --brand:#34291f; --gold:#b69356; --line:#ded6ca;
  --green:#2f7354; --red:#a4473f; --blue:#315f78; --soft:#eee6da;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-size:18px;padding-bottom:92px}
button,input,select{font:inherit}
button{cursor:pointer}
.topbar{
  position:sticky;top:0;z-index:20;background:rgba(52,41,31,.97);color:#fff;
  padding:14px max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 2px 10px rgba(0,0,0,.12)
}
.brand{font-weight:900;font-size:28px;letter-spacing:.08em}
.subtitle{font-size:14px;color:#e9ddca}
.icon-btn{width:48px;height:48px;border-radius:50%;border:1px solid #846c4f;background:#fff;color:var(--brand);font-size:28px}
main{max-width:1120px;margin:0 auto;padding:18px}
.page{display:none}
.page.active{display:block}
.date-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 18px}
.big-date{font-size:26px;font-weight:900}
.muted{color:var(--muted);font-size:15px}
.tiny{font-size:14px;color:var(--muted);line-height:1.5}
.status-pill{background:var(--green);color:#fff;border-radius:999px;padding:9px 14px;font-weight:800}
.status-pill.closed{background:#8c8177}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.summary-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 3px 12px rgba(55,43,31,.05)}
.summary-card.wide{grid-column:1/-1}
.summary-card .label{font-weight:800;color:#6e6459}
.value{font-size:34px;font-weight:950;margin-top:4px}
.positive{color:var(--green)}
.negative{color:var(--red)}
.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.mega-btn{min-height:116px;border:0;border-radius:22px;font-weight:950;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 5px 12px rgba(0,0,0,.08)}
.mega-btn .emoji{font-size:32px}
.mega-btn.primary{background:var(--brand);color:#fff}
.mega-btn.income{background:#dcecdf;color:#214d38}
.mega-btn.expense{background:#f1d9d4;color:#7a302a}
.mega-btn.report{background:#dce8ee;color:#264f64}
.goal-card,.recent-card,.report-card,.form-card,.admin-box,.cart-panel{
  background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:14px
}
.goal-head{display:flex;justify-content:space-between;font-weight:900;gap:12px}
.progress{height:18px;background:#e5dfd7;border-radius:999px;overflow:hidden;margin:10px 0 7px}
.progress>div{height:100%;width:0;background:var(--gold);transition:.3s}
.section-title{font-size:20px;font-weight:950;margin-bottom:10px}
.simple-list .row,.breakdown .row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}
.simple-list .row:last-child,.breakdown .row:last-child{border-bottom:0}
.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.page-head h1{font-size:29px;margin:0}
.back-btn{width:52px;height:52px;border-radius:16px;border:1px solid var(--line);background:var(--panel);font-size:28px}
.category-tabs{display:flex;gap:9px;overflow:auto;padding:4px 0 12px;scrollbar-width:none}
.category-tabs button,.range{
  flex:0 0 auto;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:11px 17px;font-weight:900
}
.category-tabs button.active,.range.active{background:var(--brand);color:white;border-color:var(--brand)}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.product-btn{min-height:104px;border-radius:20px;border:1px solid var(--line);background:var(--panel);padding:14px;text-align:left;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.product-btn strong{display:block;font-size:21px;line-height:1.2}
.product-btn .price{font-weight:950;font-size:23px;margin-top:8px;color:#6f522b}
.product-btn .price.missing{color:var(--red);font-size:16px}
.cart-panel{position:sticky;bottom:95px;box-shadow:0 -6px 22px rgba(0,0,0,.12)}
.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px dashed var(--line)}
.cart-line .qty{display:flex;align-items:center;gap:8px}
.qty button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px}
.cart-total{display:flex;justify-content:space-between;font-size:26px;font-weight:950;padding:14px 0}
.confirm-btn,.secondary-btn,.danger-outline,.file-label{
  width:100%;min-height:58px;border-radius:16px;font-weight:950;padding:13px 16px;margin-top:12px
}
.confirm-btn{background:var(--green);color:#fff;border:0;font-size:23px}
.confirm-btn.danger{background:var(--red)}
.confirm-btn:disabled{opacity:.4}
.secondary-btn{background:var(--brand);color:#fff;border:0}
.danger-outline{background:#fff;border:2px solid var(--red);color:var(--red)}
.text-btn{width:100%;border:0;background:transparent;padding:14px;color:var(--muted);font-weight:800}
.form-card label,.admin-box label,.dialog-card label{display:block;font-weight:900;margin:16px 0 8px}
.money-input{display:flex;align-items:center;border:2px solid #b9ad9f;border-radius:18px;background:#fff;padding:0 16px}
.money-input span{font-size:34px;font-weight:900}
.money-input input{width:100%;border:0;outline:0;background:transparent;padding:14px;font-size:40px;font-weight:950}
.large-input{width:100%;min-height:56px;border:2px solid #cfc6bb;border-radius:14px;padding:11px 13px;background:#fff}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.choice{border:2px solid var(--line);border-radius:16px;padding:13px 10px;background:#fff;font-weight:900}
.choice.selected{border-color:var(--brand);background:var(--soft)}
.range-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.range{width:100%}
.breakdown .bar{height:8px;background:#e9e2d9;border-radius:999px;overflow:hidden;margin-top:5px}
.breakdown .bar span{display:block;height:100%;background:var(--gold)}
.big-number{font-weight:950;font-size:38px}
.admin-box summary{font-weight:950;font-size:21px;cursor:pointer}
.note{margin:10px 0}
.admin-product{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}
.admin-product button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:800}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.file-label{display:block;text-align:center;background:#ede5d9;border:1px solid #cfc3b3}
.file-label input{display:none}
.bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));
  box-shadow:0 -3px 15px rgba(0,0,0,.08)
}
.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;font-weight:900;color:#746b62}
.bottom-nav button span{font-size:23px}
.bottom-nav button.active{color:var(--brand)}
dialog{border:0;padding:0;border-radius:22px;width:min(92vw,520px);box-shadow:0 20px 70px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(0,0,0,.48)}
.dialog-card{padding:20px}
.dialog-title{font-size:28px;font-weight:950}
.dialog-total{font-size:48px;font-weight:950;margin:10px 0;color:var(--green)}
.toast{position:fixed;left:50%;bottom:108px;transform:translateX(-50%) translateY(20px);background:#1f1b17;color:#fff;padding:13px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:99;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:760px){
  body{font-size:19px}
  main{padding:24px}
  .main-actions{grid-template-columns:repeat(4,1fr)}
  .mega-btn{min-height:132px}
  .summary-grid{grid-template-columns:1fr 1fr 1.2fr}
  .summary-card.wide{grid-column:auto}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .cart-panel{position:relative;bottom:auto}
}
@media(min-width:1000px){
  .product-grid{grid-template-columns:repeat(4,1fr)}
}
\n\n/* v1.1 menu-discount-experience */\n.discount-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}\n.discount-grid .choice{padding:12px 6px}\n.compact-top{margin-top:2px}\n.final-pay-box{margin-top:16px;padding:15px 16px;border-radius:16px;background:#eee6da;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}\n.final-pay-box strong{font-size:30px;color:var(--green)}\n.people-picker{display:grid;grid-template-columns:64px 1fr 64px;gap:10px;align-items:center}\n.people-picker button{height:60px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:30px;font-weight:900}\n.people-picker strong{text-align:center;font-size:34px}\n.tea-choice-list{display:grid;grid-template-columns:1fr;gap:8px}\n.tea-choice{width:100%;border:2px solid var(--line);background:#fff;border-radius:16px;padding:13px 14px;text-align:left;font-weight:900;display:flex;justify-content:space-between;gap:12px}\n.tea-choice.selected{border-color:var(--brand);background:var(--soft)}\n.cart-line .included-tea{font-size:14px;color:#6f665e;margin-top:4px}\n@media(max-width:560px){.discount-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}\n

/* v1.2 長輩友善分類、客戶訂單、憑證、體驗介面 */
.customer-order-home,.client-link-card{
  background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.secondary-mini{
  border:0;background:var(--brand);color:white;font-weight:900;border-radius:14px;
  padding:11px 15px;min-height:46px;white-space:nowrap
}
.link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.block-link{display:flex}
.expense-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.expense-main-grid .choice{min-height:62px;font-size:18px}
.subcategory-box{
  margin-top:14px;padding:14px;border-radius:17px;background:#f3ede3;border:1px solid #ded4c5
}
.subcategory-box[hidden]{display:none}
.sub-title{font-weight:950;margin-bottom:10px;font-size:19px}
.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.receipt-btn{
  min-height:58px;border:2px solid #c9b99f;background:#fffaf2;border-radius:16px;
  font-weight:950;color:#4c3c2c
}
.receipt-preview-wrap{
  margin-top:12px;background:#f4eee5;border-radius:16px;padding:10px;text-align:center
}
.receipt-preview-wrap img{
  display:block;max-width:100%;max-height:320px;margin:0 auto;border-radius:12px;object-fit:contain
}
.text-btn.compact{padding:8px}
.customer-order-list{display:grid;gap:12px}
.customer-order-card{
  background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:17px;
  box-shadow:0 3px 12px rgba(0,0,0,.05)
}
.customer-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.customer-order-no{font-size:22px;font-weight:950}
.customer-order-items{margin:12px 0;padding-top:8px;border-top:1px dashed var(--line)}
.customer-order-item{display:flex;justify-content:space-between;gap:10px;padding:5px 0}
.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.accept-order,.cancel-order,.delete-sale{
  min-height:48px;border-radius:14px;font-weight:950;padding:9px 12px
}
.accept-order{border:0;background:var(--green);color:#fff}
.cancel-order,.delete-sale{border:2px solid var(--red);background:#fff;color:var(--red)}
.order-history{display:grid;gap:10px}
.history-row{
  padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff
}
.history-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.history-items{font-size:14px;color:var(--muted);line-height:1.55;margin-top:5px}
.history-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.receipt-thumb{
  width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--line)
}
.experience-dialog{background:transparent;box-shadow:none}
.experience-card{
  background:linear-gradient(180deg,#fffdf8 0%,#f6f0e6 100%);
  border:1px solid #d9c9af;border-radius:24px
}
.experience-top{display:flex;gap:14px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e2d8c9}
.experience-icon{
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--brand);color:white;font-size:27px;font-weight:900;flex:0 0 auto
}
.experience-sub{font-size:15px;color:#6f6458;line-height:1.5;margin-top:3px}
.experience-step{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:16px 0;border-bottom:1px dashed #d9cfc1}
.step-no{
  width:32px;height:32px;border-radius:50%;background:#c5aa7a;color:white;font-weight:950;
  display:flex;align-items:center;justify-content:center
}
.step-title{font-size:20px;font-weight:950;margin-bottom:10px}
.experience-total{
  display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:15px 16px;
  border-radius:16px;background:#382d24;color:white;font-weight:900
}
.experience-total strong{font-size:30px}
.tea-choice{
  align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.03)
}
.tea-choice.selected::after{
  content:"✓ 已選";font-size:13px;background:var(--brand);color:white;padding:5px 8px;border-radius:999px
}
@media(min-width:760px){
  .expense-main-grid{grid-template-columns:repeat(3,1fr)}
}


/* v1.3：登入、Logo、預約、薪資月份 */
.topbar-brand,.topbar-right{display:flex;align-items:center;gap:10px}
.top-logo{width:52px;height:52px;object-fit:contain}
.user-pill{
  border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;
  border-radius:999px;padding:8px 12px;font-size:14px;font-weight:900
}
.login-overlay{
  position:fixed;inset:0;z-index:1000;background:linear-gradient(180deg,#2b231c,#4a3a2a);
  display:flex;align-items:center;justify-content:center;padding:18px
}
.login-overlay.hidden{display:none}
.login-card{
  width:min(94vw,520px);background:#fffaf2;border-radius:28px;padding:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.38);text-align:center
}
.login-logo{width:130px;height:130px;object-fit:contain;background:#34291f;border-radius:24px;padding:14px}
.login-title{font-size:32px;font-weight:950;margin-top:10px}
.login-subtitle{font-size:18px;color:var(--muted);margin:4px 0 16px}
.login-users{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.login-user{
  min-height:75px;border:2px solid #d6c9b7;border-radius:17px;background:white;
  font-weight:950;font-size:20px;color:#44372b
}
.login-user:hover{background:#f2eadf}
.pin-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.pin-name{font-size:25px;font-weight:950;margin-bottom:3px}
.pin-input{
  width:100%;height:64px;border:2px solid #bdae9a;border-radius:16px;margin-top:10px;
  font-size:32px;font-weight:950;text-align:center;letter-spacing:.5em;padding-left:.5em;background:white
}
.login-help{margin-top:14px}
.salary-month-box{
  margin-top:12px;padding:13px;border-radius:16px;background:#f6efe5;border:1px solid #dfd3c2
}
.reservation-toolbar{
  display:grid;grid-template-columns:1fr;gap:10px;background:var(--panel);border:1px solid var(--line);
  border-radius:20px;padding:17px
}
.reservation-toolbar label{display:block;font-weight:900;margin-bottom:7px}
.sync-status{margin:12px 0;font-size:14px;color:var(--muted)}
.reservation-list{display:grid;gap:11px}
.reservation-card{
  background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:16px;
  display:grid;grid-template-columns:76px 1fr;gap:12px
}
.reservation-time{
  font-size:24px;font-weight:950;color:#6b5031;text-align:center;padding:7px;border-radius:14px;background:#eee4d6;height:max-content
}
.reservation-name{font-size:20px;font-weight:950}
.reservation-meta{font-size:14px;color:var(--muted);line-height:1.6;margin-top:4px}
.reservation-plan{display:inline-block;margin-top:7px;padding:6px 9px;border-radius:999px;background:#e2ecdf;color:#35513a;font-weight:900;font-size:13px}
.login-admin-info{padding:12px 0;font-weight:900}
@media(min-width:720px){
  .reservation-toolbar{grid-template-columns:1fr 1fr;align-items:end}
}
@media(max-width:520px){
  .top-logo{width:42px;height:42px}
  .brand{font-size:22px}
  .subtitle{font-size:12px}
  .user-pill{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.first-login-badge{
  display:block;width:max-content;margin:5px auto 0;padding:3px 7px;border-radius:999px;
  background:#e8dfcf;color:#6a5131;font-size:12px;font-weight:900
}
.setup-code-input{letter-spacing:.25em!important}


/* v1.8：正式營運、飲品選項、體驗重設計、資金現金流 */
.logo-home-btn{
  appearance:none;border:0;background:transparent;padding:0;margin:0;display:flex;align-items:center;
  border-radius:12px;cursor:pointer
}
.logo-home-btn:active{transform:scale(.97)}

.phase-banner{
  margin:0 0 14px;padding:13px 15px;border-radius:16px;display:flex;gap:9px;align-items:center;
  flex-wrap:wrap;border:1px solid
}
.phase-banner strong{font-size:17px}
.phase-banner span{font-size:14px}
.phase-banner.test{background:#fff2d8;border-color:#e7c98e;color:#715021}
.phase-banner.official{background:#e5f0e8;border-color:#bcd2c2;color:#2e573d}
.phase-mini{display:inline-block;font-size:11px;padding:2px 6px;border-radius:999px;vertical-align:2px;margin-left:4px}
.phase-mini.test{background:#f4dfb5;color:#684819}
.phase-mini.official{background:#d9eadf;color:#28513a}

.funds-preview{
  margin-top:14px;background:linear-gradient(135deg,#30271f,#58452f);color:#fff;border-radius:21px;padding:16px;
  box-shadow:0 5px 16px rgba(43,34,26,.13)
}
.funds-preview .muted{color:#e4d7c6}
.funds-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.funds-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.funds-mini-grid>div{background:#ffffff13;border:1px solid #ffffff20;border-radius:14px;padding:11px}
.funds-mini-grid span{display:block;font-size:13px;color:#e7dbc9}
.funds-mini-grid strong{display:block;font-size:21px;margin-top:4px}
.funds-mini-grid .funds-total{grid-column:1/-1;background:#ffffff20}

.integration-status{
  display:flex;gap:12px;align-items:flex-start;border-radius:17px;padding:14px 15px;margin-bottom:13px;
  font-size:14px;line-height:1.5
}
.integration-status.pending{background:#fff5df;border:1px solid #e5c98e;color:#644a20}
.integration-dot{width:11px;height:11px;border-radius:50%;background:#d89932;margin-top:5px;flex:none}

.product-note{font-size:12px;line-height:1.4;color:#7b6a56;margin-top:5px}
.product-option-hint{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:#efe8dd;color:#665541;font-size:13px;font-weight:800}
.cart-option{font-size:13px;color:#684f31;margin-top:3px;font-weight:800}

.item-option-dialog{background:transparent;box-shadow:none}
.item-option-card{max-width:460px;border-radius:24px;background:#fffdf9}
.item-option-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
.option-big-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.option-big{
  min-height:76px;border:2px solid var(--line);background:#fff;border-radius:17px;font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;gap:9px
}
.option-big span{font-size:25px}
.option-big.selected{border-color:var(--brand);background:#efe7db}
.tea-snack-grid{display:grid;grid-template-columns:1fr;gap:9px}
.tea-snack-choice{
  min-height:54px;border:2px solid var(--line);background:#fff;border-radius:15px;font-weight:900;text-align:left;padding:10px 14px
}
.tea-snack-choice.selected{border-color:#a98249;background:#f7efe2;color:#62491f}

.experience-card{
  max-width:520px;padding:0!important;overflow:hidden;border-radius:26px!important;background:#fbf8f2!important
}
.experience-hero{
  padding:22px 22px 20px;background:linear-gradient(145deg,#31271f,#5b4732);color:#fff
}
.experience-kicker{font-size:12px;letter-spacing:.14em;color:#d9c5a7;margin-bottom:5px}
.experience-hero .dialog-title{font-size:30px;margin:0}
.experience-hero .experience-sub{color:#eadfce;margin-top:7px;line-height:1.55;font-size:14px}
.experience-section{margin:14px 16px;padding:16px;background:#fff;border:1px solid #e5dbcd;border-radius:19px}
.experience-section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.experience-section .step-no{
  width:30px;height:30px;border-radius:50%;background:#aa8550;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:950;flex:none
}
.experience-section .step-title{font-size:19px;font-weight:950;margin:2px 0}
.experience-section .people-picker{margin-top:5px}
.tea-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tea-choice{
  min-height:74px;border:2px solid #ded4c5;background:#fff;border-radius:16px;padding:11px;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:8px
}
.tea-choice strong{font-size:16px}
.tea-choice small{display:block;color:#8a7d6e;margin-top:3px}
.tea-choice.selected{border-color:#a98249;background:#f7efe2}
.tea-pot-label{font-size:12px;padding:4px 7px;border-radius:999px;background:#e7dccb;color:#675033;white-space:nowrap}
.experience-footer{padding:0 16px 18px}
.experience-footer>div:first-child{
  display:flex;align-items:center;justify-content:space-between;background:#eae0d2;border-radius:16px;padding:13px 15px;margin-bottom:10px
}
.experience-footer strong{font-size:25px;color:#4b3825}
.experience-confirm{margin-top:0!important}

.cashflow-summary{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}
.cashflow-balance-card,.cashflow-total-card{
  background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:16px
}
.cashflow-balance-card span,.cashflow-total-card span{font-size:14px;color:var(--muted)}
.cashflow-balance-card strong,.cashflow-total-card strong{display:block;font-size:28px;margin-top:5px}
.cashflow-total-card{grid-column:1/-1;background:#34291f;color:#fff}
.cashflow-total-card span{color:#dfd2bf}
.cashflow-adjust-card{margin-bottom:14px}

@media(max-width:520px){
  .tea-choice-list{grid-template-columns:1fr}
}

.experience-snack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.experience-snack-choice{min-height:58px;border:2px solid #ded4c5;background:#fff;border-radius:15px;font-weight:900;padding:9px}
.experience-snack-choice.selected{border-color:#a98249;background:#f7efe2;color:#62491f}
@media(max-width:520px){.experience-snack-grid{grid-template-columns:1fr}}