:root{--primary: #ff6b00;--primary-dark: #d95a00;--secondary: #1f2937;--success: #16a34a;--danger: #dc2626;--text: #111827;--text-muted: #6b7280;--bg: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--touch: 56px;--cart-width: 380px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);user-select:none;-webkit-user-select:none;overflow:hidden}button{font:inherit;cursor:pointer}.pos{height:100vh;display:grid;grid-template-rows:auto 1fr}.pos__header{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--secondary);color:#fff}.pos__brand{font-size:19px;font-weight:800;letter-spacing:.6px}.pos__brand span{color:var(--primary)}.pos__spacer{flex:1}.pos__chip{padding:7px 12px;border-radius:8px;background:#ffffff1f;font-size:13px}.pos__chip--status{display:inline-flex;align-items:center;gap:7px}.pos__body{display:grid;grid-template-columns:1fr var(--cart-width);min-height:0}.menu{display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0}.menu__tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:var(--surface);border-bottom:1px solid var(--border)}.menu__tab{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;white-space:nowrap}.menu__tab--active{background:var(--primary);border-color:var(--primary);color:#fff}.menu__grid{overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;align-content:start}.product{min-height:104px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);text-align:left;display:flex;flex-direction:column;gap:6px;transition:transform 80ms ease}.product:active{transform:scale(.97)}.product__name{font-weight:600;line-height:1.25;flex:1}.product__price{font-size:17px;font-weight:700;color:var(--primary-dark);font-variant-numeric:tabular-nums}.product__old{font-size:13px;color:var(--text-muted);text-decoration:line-through}.cart{background:var(--surface);border-left:1px solid var(--border);display:grid;grid-template-rows:auto 1fr auto;min-height:0}.cart__head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:8px}.cart__type{flex:1;min-height:42px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:13px}.cart__type--active{background:var(--secondary);border-color:var(--secondary);color:#fff}.cart__items{overflow-y:auto;padding:10px 16px;min-height:0}.cart__line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.cart__name{font-weight:600}.cart__meta{font-size:12px;color:var(--text-muted)}.cart__qty{display:flex;align-items:center;gap:8px}.qty-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center}.cart__total-line{display:flex;justify-content:space-between;padding:3px 0;font-variant-numeric:tabular-nums}.cart__foot{padding:14px 16px;border-top:1px solid var(--border);display:grid;gap:10px}.cart__grand{display:flex;justify-content:space-between;align-items:baseline;font-size:25px;font-weight:800;font-variant-numeric:tabular-nums}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-btn{min-height:var(--touch);border-radius:10px;border:none;background:var(--secondary);color:#fff;font-weight:700;font-size:15px}.pay-btn--primary{background:var(--success)}.pay-btn--wide{grid-column:1 / -1}.pay-btn:disabled{opacity:.45;cursor:not-allowed}.pos__center{height:100vh;display:grid;place-items:center;padding:24px}.pos__error{background:#fee2e2;color:#991b1b;padding:10px 16px;font-size:14px}.pos__banner{background:#dcfce7;color:#14532d;padding:10px 16px;font-size:14px;font-weight:600}.login-box{width:100%;max-width:360px;display:grid;gap:12px}.login-box h1{margin:0 0 4px;font-size:25px}.login-box input,.login-box select{padding:13px 15px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.login-box button{min-height:var(--touch);border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:17px;font-weight:700}.empty{color:var(--text-muted);text-align:center;padding:32px 12px}@media(max-width:900px){.pos__body{grid-template-columns:1fr;grid-template-rows:1fr auto}.cart{border-left:none;border-top:1px solid var(--border);max-height:48vh}}.pay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#111827b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.pay-sheet{background:#fff;border-radius:16px;padding:22px;width:min(460px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.pay-sheet__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.pay-sheet__total{font-size:30px;font-weight:800}.pay-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.pay-mode{min-height:52px;border-radius:10px;border:1px solid var(--border);background:#f9fafb;font-weight:800;font-size:14px;letter-spacing:.5px;cursor:pointer}.pay-mode--active{background:var(--primary, #ff6b00);border-color:var(--primary, #ff6b00);color:#fff}.pay-section{display:grid;gap:6px;margin-bottom:16px}.pay-input{width:100%;padding:14px 16px;font-size:20px;font-weight:700;border-radius:10px;border:1px solid var(--border)}.pay-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pay-quick__btn{padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;font-weight:700;font-size:13px;cursor:pointer}.pay-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.pay-split strong{display:block;font-size:19px}.pay-change{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px 16px;border-radius:10px;background:#dcfce7;color:#14532d}.pay-change strong{font-size:26px;font-weight:800}.pay-change--short{background:#fee2e2;color:#991b1b}.pay-warn{margin:6px 0 0;font-size:13px;color:#b45309}.pay-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:6px}.shift-report{display:grid;gap:6px;margin:16px 0;font-size:14px}.shift-report__row{display:flex;justify-content:space-between}.shift-report__row--strong{font-weight:800;font-size:16px}.shift-report__rule{height:1px;background:var(--border);margin:6px 0}.receipt__paper{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;padding:16px 12px;margin:14px 0;background:#fafafa;border:1px dashed var(--border);border-radius:8px}.receipt__brand{text-align:center;font-size:18px;font-weight:800;letter-spacing:3px}.receipt__meta{text-align:center;color:#6b7280;font-size:12px}.receipt__number{text-align:center;font-size:17px;font-weight:800;margin-top:6px}.receipt__rule{border-top:1px dashed #9ca3af;margin:10px 0}.receipt__line{display:flex;justify-content:space-between;gap:10px;padding:1px 0}.receipt__line--total{font-weight:800;font-size:15px;margin:6px 0}.receipt__thanks{margin-top:8px}.receipt__change{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;background:#dcfce7;color:#14532d;margin-bottom:14px}.receipt__change strong{font-size:28px;font-weight:800}@media print{body *{visibility:hidden}.receipt__paper,.receipt__paper *{visibility:visible}.receipt__paper{position:absolute;left:0;top:0;width:100%;margin:0;border:none;background:#fff}}