@font-face{font-family:Kanit;src:url("assets/fonts/Kanit-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Kanit;src:url("assets/fonts/Kanit-Medium.ttf") format("truetype");font-weight:600;font-display:swap}

:root{
  color-scheme:light;
  --cream:#f8f1e6;
  --cream-2:#fffaf2;
  --paper:#fffdf8;
  --espresso:#32170d;
  --muted:#7b6a61;
  --orange:#f45b1f;
  --orange-dark:#d94810;
  --orange-soft:#ffe2cc;
  --green:#4e7a45;
  --green-dark:#285f35;
  --green-soft:#e7efdf;
  --line:rgba(50,23,13,.09);
  --shadow:0 18px 50px rgba(74,44,24,.10),0 3px 10px rgba(74,44,24,.05);
  --ease:cubic-bezier(.32,.72,0,1);
  --radius:28px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

*{box-sizing:border-box}
html{background:var(--cream);scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 85% -10%,rgba(244,91,31,.12),transparent 28rem),var(--cream);color:var(--espresso);font-family:Kanit,Tahoma,sans-serif;padding:44px 14px calc(116px + var(--safe-bottom));line-height:1.35}
button,input,textarea{font:inherit;color:inherit}
button{border:0;cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(244,91,31,.32);outline-offset:3px}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.demo-ribbon{position:fixed;z-index:20;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,253,248,.88);box-shadow:0 8px 24px rgba(50,23,13,.08);backdrop-filter:blur(18px);font-size:12px;color:var(--green-dark);white-space:nowrap}
.status-dot{width:9px;height:9px;border-radius:50%;background:#49ae5f;box-shadow:0 0 0 5px rgba(73,174,95,.11);display:inline-block;flex:0 0 auto}

.app-header{max-width:1180px;margin:0 auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.brand-block{display:flex;align-items:center;gap:12px}
.brand-mark{font-size:clamp(38px,8vw,58px);font-weight:600;letter-spacing:-.06em;line-height:.9}
.brand-petal{color:var(--orange);font-size:.54em;margin-left:8px;vertical-align:middle}
.branch-name,.branch-subtitle{margin:0}.branch-name{font-weight:600;font-size:15px}.branch-subtitle{color:var(--muted);font-size:12px;margin-top:2px}
.header-actions{display:flex;gap:9px;align-items:stretch}
.shift-chip,.online-chip{min-height:56px;display:flex;align-items:center;gap:10px;border-radius:20px;background:rgba(255,253,248,.82);padding:9px 14px;box-shadow:0 12px 28px rgba(50,23,13,.06);text-align:left}
.shift-chip{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.shift-chip:active{transform:scale(.97)}
.shift-chip span,.online-chip span{display:flex;flex-direction:column}.shift-chip small,.online-chip small{font-size:11px;color:var(--muted)}.line-icon{font-size:20px;color:var(--orange)}

.app-shell{max-width:1180px;margin:0 auto}.view{animation:view-in .55s var(--ease) both}.view:not(.is-active){display:none}@keyframes view-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.view-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:var(--orange-dark);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.view-heading h1,.report-hero h1{font-size:clamp(25px,5vw,42px);line-height:1.05;margin:0;letter-spacing:-.025em}.search-box{display:flex;align-items:center;gap:8px;background:var(--paper);padding:0 14px;border-radius:18px;min-height:50px;box-shadow:0 10px 30px rgba(50,23,13,.05);min-width:min(280px,45vw)}.search-box input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.search-box span{font-size:24px;color:var(--muted)}

.category-strip{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-button{min-height:62px;padding:11px 16px;border-radius:22px;background:rgba(255,253,248,.72);color:var(--espresso);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);white-space:nowrap;transition:transform .5s var(--ease),background .5s var(--ease),color .5s var(--ease)}.category-button.is-active{background:var(--orange);color:#fff;box-shadow:0 14px 30px rgba(244,91,31,.22)}.category-button:active{transform:scale(.97)}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-shell{padding:4px;border-radius:26px;background:rgba(255,255,255,.36);box-shadow:var(--shadow)}.product-card{height:100%;display:flex;flex-direction:column;background:var(--paper);border-radius:22px;overflow:hidden;position:relative;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.product-card:active{transform:scale(.985)}.product-image{width:100%;aspect-ratio:1.25/1;object-fit:cover;background:linear-gradient(135deg,#f3ddc5,#efe8d9)}.product-placeholder{width:100%;aspect-ratio:1.25/1;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,rgba(244,91,31,.22),transparent 35%),linear-gradient(145deg,#f1e3cf,#e8eddf);font-size:42px}.product-info{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:6px;padding:12px;align-items:end;flex:1}.product-name{font-size:clamp(14px,3.8vw,18px);font-weight:600;line-height:1.25}.product-price{display:block;color:var(--orange-dark);font-size:20px;margin-top:4px}.add-button{width:48px;height:48px;border-radius:50%;background:var(--orange);color:#fff;font-size:28px;line-height:1;box-shadow:0 10px 24px rgba(244,91,31,.23);transition:transform .5s var(--ease)}.add-button:active{transform:scale(.9)}.empty-state{text-align:center;color:var(--muted);padding:56px 20px}

.desktop-cart-shell{display:none;padding:5px;border-radius:30px;background:rgba(255,255,255,.34);height:max-content;position:sticky;top:18px}.desktop-cart{background:var(--paper);border-radius:25px;padding:20px;min-height:320px}.cart-empty{min-height:270px;display:grid;place-items:center;text-align:center;color:var(--muted)}.cart-empty strong{display:block;color:var(--espresso);font-size:18px;margin-bottom:5px}.desktop-cart h2{font-size:22px;margin:0 0 18px}.cart-mini-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-mini-line small{display:block;color:var(--muted)}.cart-mini-total{display:flex;justify-content:space-between;align-items:end;margin:22px 0 16px}.cart-mini-total strong{font-size:32px}

.mobile-cart-bar{position:fixed;z-index:15;left:12px;right:12px;bottom:calc(74px + var(--safe-bottom));min-height:72px;border-radius:25px;background:rgba(255,253,248,.96);box-shadow:0 18px 50px rgba(50,23,13,.2);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px 12px;backdrop-filter:blur(18px);animation:cart-in .55s var(--ease)}@keyframes cart-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.cart-count{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-weight:600}.mobile-cart-bar small{display:block;color:var(--muted);font-size:10px}.mobile-cart-bar strong{font-size:21px}.cart-cta{display:flex;align-items:center;gap:9px;background:var(--orange);color:#fff;border-radius:18px;padding:12px 15px;font-weight:600}.cart-cta b{font-size:24px;font-weight:400}

.bottom-nav{position:fixed;z-index:14;left:50%;bottom:calc(8px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),620px);height:62px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;border-radius:25px;background:rgba(50,23,13,.94);box-shadow:0 18px 45px rgba(50,23,13,.24);backdrop-filter:blur(20px)}.nav-item{background:transparent;color:rgba(255,255,255,.62);border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .55s var(--ease),color .55s var(--ease),transform .55s var(--ease);min-height:48px}.nav-item span{font-size:21px}.nav-item small{font-size:10px}.nav-item.is-active{background:#fff4e7;color:var(--orange-dark)}.nav-item:active{transform:scale(.96)}

.report-hero{margin:-14px -14px 0;padding:50px 20px 38px;display:flex;align-items:end;justify-content:space-between;gap:18px;background:radial-gradient(circle at 80% 15%,rgba(244,91,31,.42),transparent 17rem),linear-gradient(140deg,#2c160e,#5c2f18);color:#fff;border-radius:0 0 30px 30px}.report-hero p{margin:8px 0 0;color:rgba(255,255,255,.72)}.eyebrow-light{color:#ffc49f}.date-filter{min-height:50px;background:#fff8ed;border-radius:18px;padding:0 18px;font-weight:600;white-space:nowrap}.report-content{display:grid;gap:13px;margin-top:-18px;position:relative}.metric-shell,.report-panel,.reconcile-panel,.sync-panel,.receipt-row{background:var(--paper);border-radius:24px;box-shadow:var(--shadow)}.metric-shell{min-height:116px;text-align:left;padding:18px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;transition:transform .5s var(--ease)}.metric-shell:active{transform:scale(.985)}.metric-primary{min-height:140px}.metric-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--cream);font-size:26px}.metric-icon.green{background:var(--green-soft);color:var(--green-dark)}.metric-icon.orange{background:var(--orange-soft);color:var(--orange-dark)}.metric-shell span:nth-child(2){display:flex;flex-direction:column}.metric-shell small{font-size:13px}.metric-shell strong{font-size:clamp(24px,7vw,38px);line-height:1.05}.metric-shell em{font-style:normal;color:var(--muted);font-size:12px}.metric-primary strong{font-size:clamp(38px,12vw,66px)}.metric-primary em{color:var(--green-dark)}.metric-arrow{font-size:30px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid .metric-shell{grid-template-columns:46px 1fr auto;padding:14px}.metric-grid .metric-icon{width:46px;height:46px;font-size:22px}.report-panel{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-heading h2{font-size:18px;margin:0}.panel-heading button{background:transparent;color:var(--orange-dark);min-height:44px}.muted{color:var(--muted);font-size:12px}.hourly-chart{height:190px;display:flex;align-items:end;gap:6px;border-bottom:1px solid var(--line);padding:18px 2px 0}.hour-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.hour-bar{width:min(100%,28px);min-height:5px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#ff8c52,var(--orange));transform-origin:bottom;animation:bar-rise .8s var(--ease) both}@keyframes bar-rise{from{transform:scaleY(.05);opacity:.25}to{transform:scaleY(1);opacity:1}}.hour-column small{font-size:9px;color:var(--muted)}.top-products{margin:0;padding:0;list-style:none}.top-products li{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.top-products li:last-child{border-bottom:0}.rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--orange-soft);color:var(--orange-dark);font-weight:600}.top-products small{display:block;color:var(--muted)}.top-products strong{font-size:16px}.reconcile-panel{display:grid;grid-template-columns:repeat(3,1fr) 45px;gap:8px;padding:18px;text-align:left;background:linear-gradient(135deg,#f8fff5,#edf5e7)}.reconcile-panel div{padding-right:6px;border-right:1px solid rgba(78,122,69,.2)}.reconcile-panel div:nth-child(3){border-right:0}.reconcile-panel small{display:block;color:var(--muted);font-size:10px}.reconcile-panel strong{font-size:18px}.success{color:var(--green-dark)}.check-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:24px}.sync-panel{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;background:var(--green-soft);color:var(--green-dark)}.cloud-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green-dark);color:#fff}.sync-panel small{display:block;color:var(--green);font-size:11px}.sync-panel>span:last-child{font-size:10px;color:var(--muted)}

.read-only-badge{padding:8px 12px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:11px}.receipt-list{display:grid;gap:10px}.receipt-row{padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;transition:transform .5s var(--ease)}.receipt-row:active{transform:scale(.985)}.receipt-row small{display:block;color:var(--muted)}.receipt-row strong{font-size:20px}.receipt-row .payment-label{color:var(--orange-dark)}

.app-dialog{width:min(100% - 18px,560px);max-height:calc(100dvh - 20px);padding:0;border:0;border-radius:30px;background:transparent;overflow:visible}.app-dialog::backdrop{background:rgba(31,15,8,.48);backdrop-filter:blur(12px)}.dialog-sheet{max-height:calc(100dvh - 20px);overflow:auto;background:var(--paper);border-radius:30px;padding:22px;box-shadow:0 28px 80px rgba(31,15,8,.28);animation:dialog-in .55s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:none}}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.dialog-header h2{font-size:27px;margin:0}.icon-button{width:46px;height:46px;border-radius:50%;background:var(--cream);font-size:28px}.cart-lines{display:grid;gap:8px}.cart-line{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;color:var(--muted)}.quantity-control{display:flex;align-items:center;gap:8px}.quantity-control button{width:38px;height:38px;border-radius:50%;background:var(--cream);font-size:20px}.addon-row,.confirm-check{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:var(--green-soft);margin:15px 0}.addon-row input,.confirm-check input{width:24px;height:24px;accent-color:var(--green-dark)}.addon-row span,.confirm-check span{display:flex;flex-direction:column}.addon-row small,.confirm-check small{color:var(--muted);font-size:11px}.note-field{display:grid;gap:7px;margin:15px 0}.note-field textarea,.cash-input input{border:0;background:var(--cream);border-radius:18px;padding:13px;resize:none;outline:0}.dialog-total{display:flex;justify-content:space-between;align-items:end;margin:20px 0}.dialog-total strong{font-size:38px}.primary-button{width:100%;min-height:58px;border-radius:999px;background:var(--orange);color:#fff;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 14px 30px rgba(244,91,31,.23);transition:transform .55s var(--ease),opacity .55s var(--ease)}.primary-button span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18)}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.42;cursor:not-allowed}.primary-button.compact{min-height:50px}.secondary-action{min-height:48px;border-radius:999px;background:var(--cream);padding:0 18px;font-weight:600}.checkout-total{text-align:center;padding:22px;border-radius:25px;background:linear-gradient(135deg,#fff8ee,#f1eadf);margin-bottom:13px}.checkout-total strong{font-size:clamp(50px,17vw,74px);line-height:1}.checkout-total small{display:block;color:var(--green);font-size:15px}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--cream);padding:5px;border-radius:18px}.payment-tab{min-height:48px;border-radius:14px;background:transparent}.payment-tab.is-active{background:var(--paper);box-shadow:0 8px 20px rgba(50,23,13,.07);color:var(--orange-dark)}.payment-panel{margin-top:14px}.static-qr-wrap{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center;border-radius:24px;padding:14px;background:#fffaf3;box-shadow:inset 0 0 0 2px var(--orange)}.qr-demo{aspect-ratio:1;border-radius:16px;background:repeating-conic-gradient(#24120b 0 25%,#fff 0 50%) 0/22px 22px;position:relative;border:9px solid #fff;box-shadow:0 8px 22px rgba(50,23,13,.1)}.qr-demo:after{content:"";position:absolute;inset:17%;background:#fff;border:10px solid #24120b;box-shadow:inset 0 0 0 10px #fff,inset 0 0 0 20px #24120b}.qr-demo span{position:absolute;z-index:1;inset:auto 8px 8px;background:#fff;color:var(--orange-dark);text-align:center;border-radius:8px;font-weight:600;font-size:11px}.static-qr-wrap small{color:var(--muted)}.static-qr-wrap strong{display:block;color:var(--orange-dark);font-size:43px}.static-qr-wrap p{font-size:10px;color:var(--muted)}.cash-input{display:grid;gap:7px}.cash-input input{font-size:28px;text-align:right}.quick-cash{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.quick-cash button{min-height:44px;padding:0 15px;border-radius:999px;background:var(--cream)}.change-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--green-soft);border-radius:18px}.change-row strong{font-size:28px;color:var(--green-dark)}.paperless-note{text-align:center;color:var(--green-dark);font-size:12px;margin:14px 0}.receipt-paper{border-radius:22px;background:#fffaf2;padding:18px;border-top:4px solid var(--orange)}.receipt-brand{text-align:center;margin-bottom:14px}.receipt-brand strong{font-size:28px}.receipt-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:10px 0;border-block:1px dashed rgba(50,23,13,.2)}.receipt-items{display:grid;gap:7px;padding:14px 0}.receipt-item{display:grid;grid-template-columns:1fr auto;gap:8px}.receipt-grand-total{display:flex;justify-content:space-between;align-items:end;border-top:1px dashed rgba(50,23,13,.2);padding-top:13px}.receipt-grand-total strong{font-size:30px}.receipt-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:14px}.text-button{width:100%;background:transparent;min-height:46px;color:var(--orange-dark);margin-top:8px}.drilldown-list{display:grid;gap:8px}.drilldown-order{padding:14px;border-radius:18px;background:var(--cream);display:grid;grid-template-columns:1fr auto;gap:8px}.drilldown-order small{display:block;color:var(--muted)}.toast{position:fixed;z-index:40;left:50%;bottom:110px;transform:translate(-50%,24px);background:var(--espresso);color:#fff;border-radius:999px;padding:11px 17px;opacity:0;pointer-events:none;transition:opacity .45s var(--ease),transform .45s var(--ease);white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}

.product-image[src*="/lunchbox/"]{aspect-ratio:4/5;object-fit:contain;background:#f8f1e6}.product-mm{font-family:"Myanmar Text","Noto Sans Myanmar",sans-serif;font-size:11px;line-height:1.35;color:var(--muted);margin:4px 0 0}.product-info{align-items:end}.product-info>div{min-width:0}.pos-tools{display:flex;justify-content:flex-end;margin:-4px 0 12px}.held-orders-button{min-height:44px;padding:0 15px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-weight:600;display:flex;align-items:center;gap:8px}.held-orders-button strong{display:grid;place-items:center;min-width:25px;height:25px;padding-inline:6px;border-radius:999px;background:var(--green-dark);color:#fff}.free-addon{margin-block:15px}.free-addon-check{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--green-dark);color:#fff;font-weight:700}.cart-actions{display:grid;grid-template-columns:minmax(105px,.55fr) minmax(0,1.45fr);gap:8px}.cart-actions .secondary-action{width:100%;min-height:58px}.payment-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-tab{padding:5px;font-size:12px;line-height:1.25}.payment-panel,.cash-input{min-width:0}.cash-input input{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.store-qr{display:block;width:100%;max-width:145px;aspect-ratio:1;object-fit:contain;border-radius:16px;background:#fff}.split-payment-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.split-payment-card>div{padding:16px;border-radius:18px;background:var(--cream)}.split-payment-card small{display:block;color:var(--muted)}.split-payment-card strong{display:block;font-size:26px;color:var(--orange-dark)}.split-icon{font-size:12px;font-weight:700}.metric-icon.danger{background:#fff0eb;color:#b64022}.danger-button{width:100%;min-height:48px;border-radius:999px;background:#fff0eb;color:#a8331c;font-weight:600;margin-top:10px}.danger-button.solid{background:#b64022;color:#fff}.danger-button:disabled{opacity:.42}.void-banner{display:grid;gap:2px;background:#fff0eb;color:#a8331c;padding:12px;border-radius:14px;margin-bottom:12px}.void-banner small{color:#84402f}.receipt-row.is-voided,.drilldown-order.is-voided{opacity:.65;background:#f5eee8}.dialog-description{color:var(--muted);margin-top:-5px}.required{font-size:10px;color:#a8331c}.date-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-range-fields label{display:grid;gap:7px;min-width:0}.date-range-fields input{box-sizing:border-box;width:100%;min-width:0;border:0;background:var(--cream);border-radius:16px;padding:13px;font:inherit}.date-actions{display:grid;grid-template-columns:minmax(95px,.5fr) minmax(0,1.5fr);gap:8px;margin-top:18px}.date-actions .secondary-action{width:100%;min-height:50px}
@media (min-width:700px){body{padding-inline:28px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-content{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-22px}.metric-primary,.report-panel,.reconcile-panel,.sync-panel,.report-content>.secondary-action{grid-column:1/-1}.metric-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.report-hero{margin-inline:0;border-radius:32px;padding-inline:34px}.receipt-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){body{padding-bottom:96px}.pos-layout{grid-template-columns:minmax(0,1fr) 340px}.desktop-cart-shell{display:block}.mobile-cart-bar{display:none!important}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header{padding-top:8px}.view-heading{margin-top:18px}.report-content{max-width:900px;margin-inline:auto;margin-top:-22px}.receipt-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){body{padding-inline:10px}.app-header{align-items:flex-start}.header-actions{display:grid;grid-template-columns:1fr}.shift-chip{display:none}.online-chip{min-height:44px;padding:8px 11px}.online-chip small{display:none}.branch-subtitle{max-width:170px}.view-heading{align-items:start;flex-direction:column}.search-box{width:100%;min-width:0}.category-strip{margin-inline:-2px}.report-hero{padding-top:46px}.metric-grid .metric-shell{grid-template-columns:1fr auto;min-height:108px}.metric-grid .metric-icon{display:none}.static-qr-wrap{grid-template-columns:125px 1fr}.reconcile-panel{grid-template-columns:repeat(3,1fr)}.check-mark{display:none}.sync-panel{grid-template-columns:40px 1fr}.sync-panel>span:last-child{display:none}}
@media (max-width:370px){.product-grid{gap:9px}.product-info{grid-template-columns:1fr 43px;padding:10px}.add-button{width:43px;height:43px}.product-name{font-size:13px}.product-price{font-size:18px}.metric-grid{grid-template-columns:1fr}.static-qr-wrap{grid-template-columns:1fr}.qr-demo{width:150px;margin:auto}.brand-mark{font-size:37px}}
@media (max-width:640px){.report-hero{margin-inline:0}.date-filter{align-self:flex-start}}
@media (max-width:370px){.report-hero{align-items:flex-start;flex-direction:column}.date-range-fields{grid-template-columns:1fr}.payment-tabs{grid-template-columns:1fr}.payment-tab{min-height:44px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Keep report date controls legible on their light surfaces. */
.date-filter{color:var(--espresso)}
.date-range-fields input{color:var(--espresso);color-scheme:light}

/* Production access, sync and payment evidence */
.production-ribbon{background:#eaf6e7;color:var(--green-dark)}
.login-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 75% 18%,rgba(244,91,31,.2),transparent 18rem),linear-gradient(145deg,#f8f1e6,#fffdf8)}
.login-gate[hidden]{display:none}
.login-card{width:min(100%,420px);display:grid;gap:14px;padding:28px;background:var(--paper);border-radius:28px;box-shadow:0 24px 70px rgba(50,23,13,.18)}
.login-card h1,.login-card p{margin:0}.login-card>.primary-button{width:100%;margin-top:4px}.form-error{padding:10px 12px;border-radius:12px;background:#fff0eb;color:#a8331c;font-size:13px}
.evidence-capture{position:relative;display:grid;gap:3px;margin-top:12px;padding:14px 16px 14px 52px;border:1px dashed rgba(83,49,31,.28);border-radius:18px;background:#fffaf2;color:var(--espresso);cursor:pointer}
.evidence-capture:before{content:"▣";position:absolute;left:17px;top:50%;translate:0 -50%;font-size:24px;color:var(--orange-dark)}
.evidence-capture input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.evidence-capture span{font-weight:600}.evidence-capture small{color:var(--muted)}
.evidence-preview{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-top:10px;padding:10px;border-radius:16px;background:var(--green-soft)}.evidence-preview img{width:72px;height:72px;object-fit:cover;border-radius:12px}.evidence-preview button{min-height:44px;border-radius:999px;background:#fff;color:var(--green-dark);font-weight:600}
.export-button{width:100%;min-height:52px;background:var(--espresso);color:#fff}
body.is-authenticating>:not(.login-gate){visibility:hidden}