:root{color:#2c2c2c;background:#fff8f0;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{overscroll-behavior-y:contain;background:radial-gradient(circle at 100% 0,#f4d03f40,#0000 30%),radial-gradient(circle at 0 0,#c0392b1f,#0000 25%),#fff8f0;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{width:min(1200px,100% - 2rem);margin:0 auto 3rem;padding-top:1rem}.app-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8f0eb;border-bottom:1px solid #c0392b1f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand small{color:#6b6b6b;display:block}.brand__icon{font-size:1.8rem}.app-nav{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.app-nav a{border-radius:999px;padding:.45rem .7rem}.app-nav a:hover{background:#c0392b14}.app-footer{text-align:center;color:#6b6b6b;border-top:1px solid #0000000f;padding:1.5rem}.btn{cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.2rem;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{color:#fff;background:#c0392b}.btn--ghost{color:#2c2c2c;background:0 0}.btn--danger{color:#fff;background:#c0392b}.btn--danger-text{color:#c0392b}.btn--sm{padding:.45rem .8rem;font-size:.92rem}.btn--block{width:100%}.hero{padding:2rem 0 1rem}.eyebrow{color:#c0392b;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.hero h1{margin:.4rem 0;font-size:clamp(2rem,4vw,3rem)}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.panel-card{background:#fff;border:1px solid #0000000a;border-radius:1.2rem;padding:1.25rem;box-shadow:0 10px 30px #2c2c2c14}.panel-card__emoji{font-size:2rem}.panel-card--tomato{border-top:4px solid #c0392b}.panel-card--gold{border-top:4px solid #f4d03f}.panel-card--basil{border-top:4px solid #27ae60}.info-box,.panel-box,.login-card,.confirm-panel,.success-panel{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px #2c2c2c14}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mesa-layout{grid-template-columns:1.5fr .9fr;gap:1rem;display:grid}.menu-browser__tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tab{cursor:pointer;background:#fff;border:0;border-radius:999px;padding:.55rem .9rem}.tab--active{color:#fff;background:#c0392b}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.product-card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.product-card__emoji{font-size:2rem}.product-card__footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.cart-panel{background:#fff;border-top:4px solid #f4d03f;border-radius:1rem;padding:1rem;position:sticky;top:5.5rem;box-shadow:0 10px 30px #2c2c2c14}.cart-list{margin:0;padding:0;list-style:none}.cart-item{border-bottom:1px solid #0000000f;justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.cart-item small{color:#6b6b6b;display:block}.cart-panel__footer{margin-top:1rem}.cart-total{justify-content:space-between;margin-bottom:.75rem;display:flex}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:1rem;width:min(560px,100%);max-height:90vh;padding:1.25rem;overflow:auto}.modal__header{justify-content:space-between;align-items:center;display:flex}.option-group{margin-top:1rem}.option-list{flex-wrap:wrap;gap:.5rem;display:flex}.option-chip{cursor:pointer;background:#fff8f0;border:1px solid #00000014;border-radius:999px;padding:.55rem .85rem}.option-chip--selected{background:#27ae6026;border-color:#27ae60}.field{gap:.35rem;margin:.75rem 0;display:grid}.field input,.field select,.field textarea{background:#fff;border:1px solid #0000001f;border-radius:.75rem;padding:.7rem .85rem}.segmented{background:#fff;border-radius:999px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:flex;box-shadow:0 10px 30px #2c2c2c14}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .9rem}.segmented .active{color:#fff;background:#c0392b}.order-card,.stat-card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.orders-list,.stats-grid,.dashboard-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card--sales{border-top:4px solid #27ae60}.stat-card--expenses{border-top:4px solid #c0392b}.stat-card--profit{border-top:4px solid #f4d03f}.dashboard-grid{grid-template-columns:1.2fr 1fr 1fr}.bar-chart{align-items:end;gap:.5rem;min-height:180px;display:flex}.bar-chart__item{flex:1;justify-items:center;gap:.35rem;display:grid}.bar-chart__bar{background:linear-gradient(#f4d03f,#c0392b);border-radius:.5rem .5rem 0 0;width:100%;min-height:8px}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid #0000000f;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.badge{background:#f4d03f59;border-radius:999px;padding:.2rem .55rem;font-size:.82rem;display:inline-block}.badge--ok{background:#27ae602e}.badge--warn{background:#c0392b26}.order-qr{text-align:center;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #2c2c2c14}.order-qr__box{background:#fff;border:8px solid #f4d03f;border-radius:1rem;padding:1rem;display:inline-block}.login-page{place-items:center;min-height:60vh;display:grid}.login-card{width:min(420px,100%)}.customer-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.muted{color:#6b6b6b}.error-text{color:#c0392b}.success-text{color:#27ae60}.hint{color:#6b6b6b;font-size:.92rem}.stack{gap:1rem;display:grid}.warn-box{background:#f4d03f26;border-left:4px solid #f4d03f}.ok-box{background:#27ae601f;border-left:4px solid #27ae60}.shift-summary{margin:.75rem 0 0;padding:0;list-style:none}.shift-summary li{padding:.35rem 0}.order-items-compact{margin:.5rem 0;padding:0;list-style:none}.order-items-compact li{border-bottom:1px dashed #0000000f;padding:.35rem 0}.order-items-compact small{color:#6b6b6b;display:block}.order-card__meta{margin:.35rem 0}.kds-columns{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.kds-column{background:#fff;border-radius:1rem;min-height:320px;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.kds-column--new{border-top:4px solid #c0392b}.kds-column--prep{border-top:4px solid #f4d03f}.kds-column--ready{border-top:4px solid #27ae60}.kds-ticket{border-bottom:1px solid #0000000f;margin-bottom:1rem;padding-bottom:1rem}.mesa-qr-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.mesa-qr-card{text-align:center;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.not-found{text-align:center;padding:4rem 1rem}.form-grid{gap:.75rem;max-width:520px;display:grid}.experience-shell{min-height:100vh}.experience-shell--customer{background:radial-gradient(circle at 100% 0,#f4d03f33,#0000 28%),#fff8f0}.experience-shell--staff{background:#f5f2ee}.brand-header{background:#fff;border-bottom:1px solid #c0392b1a;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.brand-header--compact{background:0 0;border:0;padding:.75rem 0}.brand-header__logo{flex-shrink:0;width:52px;height:52px}.brand-header strong{font-size:1.05rem;display:block}.brand-header small{color:#6b6b6b;display:block}.staff-bar{z-index:10;background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.customer-hero{margin-bottom:1rem}.customer-hero h1{margin:.25rem 0}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.production-landing,.dev-hub{max-width:720px;margin:0 auto;padding:2rem 1rem}.print-qr-poster{text-align:center;background:#fff;border:6px solid #f4d03f;border-radius:1.25rem;max-width:420px;margin:2rem auto;padding:2rem 1.5rem;box-shadow:0 10px 30px #2c2c2c14}.print-qr-poster__logo{width:88px;height:88px;margin:0 auto .75rem}.print-qr-poster h1{color:#c0392b;margin:0}.print-qr-poster__tagline{color:#6b6b6b;margin:.35rem 0 1.25rem}.print-qr-poster__qr{background:#fff;border:4px solid #c0392b;border-radius:1rem;padding:.75rem;display:inline-block}.print-qr-poster__cta{margin:1rem 0 .35rem;font-size:1.15rem;font-weight:700}.print-qr-poster__url{color:#6b6b6b;word-break:break-all}@media print{body{background:#fff!important}.experience-shell--staff .staff-bar,.screen-only,.app-header,.app-footer{display:none!important}.print-qr-poster{box-shadow:none;page-break-inside:avoid;border:4px solid #000;max-width:100%;margin:0}}.setup-steps{margin:.5rem 0 1rem;padding-left:1.2rem}.setup-steps code,.lan-urls code{background:#0000000f;border-radius:.25rem;padding:.1rem .35rem;font-size:.88rem}.lan-urls a{color:#c0392b;word-break:break-all}.btn--lg{padding:1rem 1.2rem;font-size:1.05rem}.order-card--kitchen{border-left:4px solid #c0392b}.order-card--kitchen .order-card__number{font-size:1.4rem}.order-card--kitchen .order-card__mesa{font-size:1.1rem;font-weight:700}.badge--time{background:#c0392b1f}.order-items-compact--kitchen li strong{font-size:1.05rem}.item-note{font-weight:600;color:#c0392b!important}.kds-ticket--ready{background:#27ae6014;border-radius:.75rem;padding:.5rem}.mozo-tabs{gap:.35rem;display:flex}.mozo-tabs--mobile{width:100%}.mozo-tabs button{cursor:pointer;background:#fff;border:0;border-radius:.75rem;flex:1;padding:.7rem .5rem;font-size:.92rem;box-shadow:0 10px 30px #2c2c2c14}.mozo-tabs .active{color:#fff;background:#c0392b}.scan-panel{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.staff-page-mobile .segmented{flex-wrap:nowrap;overflow-x:auto}.staff-page-mobile .page{padding-bottom:5rem}@media (width<=900px){.mesa-layout,.dashboard-grid,.kds-columns{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start}}.experience-shell--customer{overscroll-behavior-y:contain;min-height:100dvh}body.customer-scroll-lock{overscroll-behavior-y:none;overflow:hidden}.customer-page{width:min(1100px,100%);padding:.75rem 1rem calc(6rem + env(safe-area-inset-bottom,0px));margin:0 auto}.customer-page--qr-bar{padding-bottom:calc(6rem + 72px + env(safe-area-inset-bottom,0px))}.customer-page--dual-bar{padding-bottom:calc(6rem + 144px + env(safe-area-inset-bottom,0px))}.customer-topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8f0f2;border-bottom:1px solid #c0392b1a;padding:.65rem 1rem;position:sticky;top:0}.customer-topbar .brand-header{background:0 0;border:0;padding:0}.customer-topbar .brand-header__logo{width:42px;height:42px}.customer-order__hero h1{margin:0 0 .35rem;font-size:clamp(1.45rem,4.5vw,2rem);line-height:1.2}.customer-order__hero .muted{margin:0;font-size:.95rem}.customer-order__top{margin-bottom:1rem}.customer-data-card{background:#fff;border-left:4px solid #f4d03f;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #2c2c2c14}.customer-data-card__title{margin:0 0 .75rem;font-size:1rem}.customer-data-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.field--compact{margin:0}.field--full{grid-column:1/-1}.field--compact span{font-size:.82rem;font-weight:600}.field--compact input{min-height:44px;font-size:16px}.customer-order__main{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1.25rem;display:grid}.menu-browser__tabs-wrap{z-index:20;background:linear-gradient(#fff8f0 70%,#fff8f000);margin:0 -1rem 1rem;padding:.5rem 1rem;position:sticky;top:62px}.menu-browser__tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.menu-browser__tabs::-webkit-scrollbar{display:none}.menu-browser__tabs .tab{scroll-snap-align:start;white-space:nowrap;flex:none;min-height:40px;padding:.5rem 1rem;font-size:.9rem;box-shadow:0 2px 8px #0000000f}.menu-browser__title{margin:0 0 .25rem;font-size:1.25rem}.menu-browser__desc{margin:0 0 1rem;font-size:.92rem}.product-grid--customer{grid-template-columns:1fr;gap:.75rem}.product-card--customer{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.product-card__top{align-items:flex-start;gap:.75rem;display:flex}.product-card__top h3{margin:0 0 .25rem;font-size:1.05rem;line-height:1.25}.product-card__desc{color:#6b6b6b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card__emoji{flex-shrink:0;font-size:1.75rem;line-height:1}.product-card--customer .product-card__footer{gap:.75rem;margin-top:0}.product-card__price{color:#c0392b;font-size:1.05rem}.product-card--customer .btn{flex-shrink:0;min-height:44px;padding-left:1.1rem;padding-right:1.1rem}.customer-cart--sidebar{background:#fff;border-top:4px solid #f4d03f;border-radius:1rem;padding:1rem;position:sticky;top:72px;box-shadow:0 10px 30px #2c2c2c14}.customer-cart--sidebar h3{margin:0 0 .75rem}.customer-cart--mobile{display:none}.cart-item__body{flex:1;min-width:0}.cart-item__actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.cart-float-bar{z-index:40;padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #00000014;align-items:center;gap:.65rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000001f}.cart-float-bar__toggle{cursor:pointer;text-align:left;background:#fff8f0;border:0;border-radius:.85rem;flex:1;align-items:center;gap:.65rem;min-height:48px;padding:.55rem .75rem;display:flex}.cart-float-bar__count{color:#fff;background:#c0392b;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:grid}.cart-float-bar__toggle small{color:#6b6b6b;font-size:.75rem;display:block}.cart-float-bar__toggle strong{font-size:1rem;display:block}.cart-float-bar__cta{flex-shrink:0;max-width:46%;min-height:48px;padding-left:.85rem;padding-right:.85rem;font-size:.88rem;line-height:1.15}.bottom-sheet-backdrop{z-index:60;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:#fff;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;width:100%;max-height:88vh;animation:.25s slideUp;display:flex}.bottom-sheet__drag{cursor:pointer;flex-shrink:0}.bottom-sheet__handle{background:#00000026;border-radius:999px;width:40px;height:4px;margin:.65rem auto 0}.bottom-sheet__header{border-bottom:1px solid #0000000f;flex-direction:column;gap:.15rem;padding:.5rem 1rem .75rem;display:flex}.bottom-sheet__header h3{margin:0}.bottom-sheet__hint{font-size:.78rem}.bottom-sheet__body{-webkit-overflow-scrolling:touch;padding:.75rem 1rem;overflow:auto}.bottom-sheet__footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid #0000000f}.cart-drawer-backdrop{z-index:50;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:#fff;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;width:100%;max-height:85vh;animation:.25s slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-drawer__handle{background:#00000026;border-radius:999px;width:40px;height:4px;margin:.65rem auto 0}.cart-drawer__header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.cart-drawer__header h3{margin:0}.cart-drawer__body{padding:0 1rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));overflow:auto}.modal-backdrop--sheet{z-index:100;align-items:flex-end;padding:0}.modal--sheet{border-radius:1.25rem 1.25rem 0 0;flex-direction:column;width:100%;max-width:100%;max-height:92vh;margin:0;animation:.25s slideUp;display:flex}.modal__body{flex:1;padding-bottom:.5rem;overflow:auto}.modal__handle{background:#00000026;border-radius:999px;width:40px;height:4px;margin:0 auto .5rem}.modal__footer--sticky{background:#fff;border-top:1px solid #0000000f;gap:.65rem;margin-top:1rem;padding-top:.75rem;display:grid;position:sticky;bottom:0}.modal__total{justify-content:space-between;align-items:center;display:flex}.modal__total strong{color:#c0392b;font-size:1.15rem}.success-panel--customer{text-align:center;margin-top:.5rem}.success-panel__amount{margin:.5rem 0 1rem;font-size:1.1rem}.customer-page__error{text-align:center;margin-top:1rem}.loading-box{text-align:center;padding:3rem 1rem}.order-qr--customer .order-qr__svg{width:min(200px,70vw);height:auto}.order-qr__code{word-break:break-all;font-size:.92rem}.order-qr__total{margin:.5rem 0;font-size:1.1rem}.draft-float-bar{z-index:39;padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#27ae601f,#fff);border-top:1px solid #27ae6040;align-items:center;gap:.65rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000001a}.draft-float-bar__toggle{cursor:pointer;text-align:left;background:#fff;border:0;border-radius:.85rem;flex:1;align-items:center;gap:.65rem;min-height:48px;padding:.55rem .75rem;display:flex;box-shadow:0 2px 8px #0000000f}.draft-float-bar__icon{font-size:1.35rem;line-height:1}.draft-float-bar__toggle small{color:#6b6b6b;font-size:.75rem;display:block}.draft-float-bar__toggle strong{font-size:1rem;display:block}.draft-float-bar__cta{flex-shrink:0;max-width:34%;min-height:48px}.customer-status-banner{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.customer-status-banner p{text-align:left;margin:0}.customer-status-banner__actions{flex-shrink:0;gap:.35rem;display:flex}.customer-draft-banner-desktop{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:none}.customer-draft-banner-desktop__actions{flex-shrink:0;gap:.5rem;display:flex}.hint--compact{margin:0 0 .5rem;font-size:.85rem}.confirm-dialog-backdrop{z-index:120;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:1rem;width:min(400px,100%);padding:1.25rem;box-shadow:0 10px 30px #2c2c2c14}.confirm-dialog h3{margin:0 0 .5rem}.confirm-dialog p{color:#6b6b6b;margin:0 0 1rem}.confirm-dialog__actions{justify-content:flex-end;gap:.65rem;display:flex}@media (width>=600px){.product-grid--customer{grid-template-columns:repeat(2,1fr)}.cart-float-bar__cta{max-width:220px}}@media (width>=900px){.customer-page{padding:1rem 1.25rem 2rem}.customer-data-grid{grid-template-columns:1fr 1fr 1fr}.field--full{grid-column:1/-1}.product-grid--customer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.customer-order__main{grid-template-columns:1fr}.customer-cart--sidebar{display:none}.customer-cart--mobile{display:block}.draft-float-bar{display:flex}.customer-data-grid{grid-template-columns:1fr}.menu-browser__tabs-wrap{top:56px}}@media (width>=900px){.customer-cart--mobile{display:none!important}.draft-float-bar{display:none}.customer-draft-banner-desktop{display:flex}}