:root{--brand-red: #e42313;--brand-red-dark: #b91c0f;--brand-yellow: #ffc72c;--bg: #fff8e7}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,Roboto,Segoe UI,sans-serif;background:var(--bg);color:#1a1a1a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{height:100vh;display:flex;flex-direction:column}.screen{height:100%;display:flex;flex-direction:column;overflow:hidden}button{font-size:16px;padding:10px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.chip.selected{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--brand-red);color:#fff;flex-shrink:0;gap:12px}.topbar button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.4)}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-actions{display:flex;gap:8px;align-items:center}.shop-name{font-weight:700;font-size:18px}.topbar-logo{height:56px;width:56px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-yellow);background:#fff}.bottombar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-top:3px solid var(--brand-yellow);flex-shrink:0}.bottombar button:not(:disabled){background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.category-tabs{display:flex;gap:8px;padding:8px;overflow-x:auto;flex-shrink:0}.item-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;align-content:start}.item-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;min-height:64px;background:#fff;border:1px solid #f0d9a8}.item-name{font-weight:600}.item-price{color:var(--brand-red-dark);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:10}.sheet{background:#fff;width:100%;max-height:85vh;overflow-y:auto;padding:16px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:12px}.sheet textarea{width:100%;min-height:48px;padding:8px;font-size:16px;border-radius:8px;border:1px solid #ccc;-webkit-user-select:text;user-select:text}.sheet button[data-action=confirm-add]{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.qty-row{display:flex;align-items:center;gap:12px}.topping-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.topping-label{flex:1}.pin-screen,.cart-screen,.placeholder-screen{padding:16px;gap:12px}.login-logo{display:block;height:96px;width:96px;border-radius:50%;object-fit:cover;margin:0 auto 8px;border:3px solid var(--brand-yellow)}.staff-chips{display:flex;gap:8px;flex-wrap:wrap}.pin-dots{display:flex;gap:12px}.dot{width:16px;height:16px;border-radius:50%;background:#ddd;display:inline-block}.dot.filled{background:var(--brand-red)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px}.keypad .key{padding:18px;font-size:20px}.error{color:#d32f2f}.cart-lines{flex:1;overflow-y:auto}.cart-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.cart-line-info{flex:1}.cart-line-row{display:flex;justify-content:space-between;gap:8px}.cart-line-row:first-child{font-weight:600}.cart-line-topping-row{font-size:13px;color:#666;padding-left:12px}.cart-line-note{font-size:13px;color:#666;padding:2px 0}.cart-line-total-row{font-weight:600;color:var(--brand-red-dark);padding-top:4px}.cart-line-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:#888}.checkout-screen,.receipt-screen{padding:16px;gap:12px;overflow-y:auto}.checkout-screen button[data-action=confirm],.receipt-screen button[data-action=print]:not(:disabled),.order-detail-screen button[data-action=print]{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.payment-tabs{display:flex;gap:8px}.ok{color:#1a7a1a}.cash-keypad{max-width:320px}.momo-qr{width:240px;height:240px;object-fit:contain;background:#fff;border-radius:8px}.momo-qr-fallback{width:240px;height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:#eee;border-radius:8px;color:#666}.receipt-preview{flex:1;overflow-y:auto;overflow-x:auto;font-family:SF Mono,Consolas,monospace;font-size:13px;background:#fff;padding:12px;border:1px solid #e0e0e0;border-radius:8px;white-space:pre}.receipt-line.center{text-align:center}.receipt-line.bold{font-weight:700}.receipt-status{font-weight:600}.history-screen,.order-detail-screen,.report-screen{padding:16px;gap:8px;overflow-y:auto}.history-list{display:flex;flex-direction:column}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;text-align:left;background:none;border-left:none;border-right:none;border-top:none;border-radius:0}.history-row-title{font-weight:600}.history-row-sub{font-size:13px;color:#666}.pending{color:#b8860b}.order-detail-lines{flex:1;overflow-y:auto}.order-detail-line{padding:8px 0;border-bottom:1px solid #eee}.void-section{flex-shrink:0;padding-top:8px}.void-section textarea{width:100%;min-height:48px;padding:8px;font-size:16px;border-radius:8px;border:1px solid #ccc;-webkit-user-select:text;user-select:text}.void-confirmed{font-weight:600;color:var(--brand-red-dark);background:#ffe9e6;border:1px solid var(--brand-red);border-radius:8px;padding:10px 12px}