:root{--ps-bg: #f6f7f9;--ps-surface: #ffffff;--ps-border: #dfe3e8;--ps-text: #1a202c;--ps-text-muted: #64748b;--ps-primary: #2563eb;--ps-primary-dark: #1d4ed8;--ps-danger: #dc2626;--ps-success: #16a34a;--ps-warning: #d97706;--ps-radius: 10px;--ps-shadow: 0 1px 3px rgba(15, 23, 42, .12)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ps-border);border-radius:var(--ps-radius);background:var(--ps-surface);color:var(--ps-text);font-weight:600;cursor:pointer;min-height:44px;padding:8px 16px;font-size:15px;transition:background .12s ease,transform 60ms ease;-webkit-user-select:none;user-select:none}.ui-btn:active{transform:scale(.98)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--lg{min-height:56px;font-size:17px;padding:12px 22px}.ui-btn--xl{min-height:68px;font-size:20px;padding:14px 26px}.ui-btn--primary{background:var(--ps-primary);border-color:var(--ps-primary);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--ps-primary-dark)}.ui-btn--danger{background:var(--ps-danger);border-color:var(--ps-danger);color:#fff}.ui-btn--ghost{background:transparent;border-color:transparent}.ui-btn--secondary:hover:not(:disabled){background:#eef1f5}.ui-badge{display:inline-flex;align-items:center;border:1.5px solid var(--ps-border);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;color:var(--ps-text-muted);background:var(--ps-surface);white-space:nowrap}.ui-badge--clickable{cursor:pointer;min-height:36px}.ui-badge--active{background:var(--ps-primary);border-color:var(--ps-primary);color:#fff}.ui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100}.ui-modal{background:var(--ps-surface);border-radius:14px;box-shadow:0 20px 50px #0f172a4d;width:min(480px,94vw);max-height:90vh;overflow:auto}.ui-modal--wide{width:min(760px,96vw)}.ui-modal__title{font-size:18px;font-weight:700;padding:18px 22px 0}.ui-modal__body{padding:18px 22px 22px}.ui-spinner{display:flex;align-items:center;gap:10px;color:var(--ps-text-muted);padding:16px;justify-content:center}.ui-spinner__ring{width:22px;height:22px;border:3px solid var(--ps-border);border-top-color:var(--ps-primary);border-radius:50%;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--ps-bg);color:var(--ps-text);-webkit-font-smoothing:antialiased}input,select{min-height:44px;border:1px solid var(--ps-border);border-radius:var(--ps-radius);padding:8px 12px;font-size:16px;width:100%;background:#fff}input:focus,select:focus{outline:2px solid var(--ps-primary);outline-offset:1px}kbd{background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:12px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center}.row-end{display:flex;gap:10px;justify-content:flex-end}.row-between{display:flex;gap:10px;justify-content:space-between;align-items:center}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:600;color:var(--ps-text-muted)}.login{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#2563eb)}.login__card{background:#fff;border-radius:18px;padding:36px;width:min(400px,92vw);display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #0f172a66}.login__logo{margin:0;font-size:34px}.login__logo span{color:var(--ps-primary)}.login__hint{margin:-10px 0 6px;color:var(--ps-text-muted)}.login__error{background:#fef2f2;color:var(--ps-danger);border-radius:8px;padding:10px 12px;font-size:14px}.setup{height:100%;display:flex;align-items:center;justify-content:center}.setup__card{background:#fff;border-radius:18px;padding:32px;width:min(560px,94vw);box-shadow:var(--ps-shadow)}.setup__card h3{margin:22px 0 10px}.setup__user{color:var(--ps-text-muted)}.setup__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.setup__footer{margin-top:26px;display:flex;justify-content:flex-end}.register{height:100%;display:flex;flex-direction:column}.register__header{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--ps-border)}.register__brand{font-size:20px;font-weight:800;white-space:nowrap}.register__brand span:first-child{color:var(--ps-primary)}.register__branch{margin-left:10px;font-size:13px;font-weight:600;color:var(--ps-text-muted)}.register__search{max-width:420px}.register__actions{margin-left:auto;display:flex;gap:8px}.register__main{flex:1;display:grid;grid-template-columns:1fr 400px;min-height:0}.grid-panel{display:flex;flex-direction:column;min-height:0;padding:14px;gap:12px}.grid-panel__categories{display:flex;gap:8px;flex-wrap:wrap}.grid-panel__grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start;padding-bottom:20px}.grid-panel__empty{color:var(--ps-text-muted);padding:30px}.product-tile{min-height:110px;border:1px solid var(--ps-border);border-radius:12px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;box-shadow:var(--ps-shadow);transition:transform 60ms ease;font:inherit}.product-tile:active{transform:scale(.97)}.product-tile__name{font-weight:700;font-size:15px}.product-tile__price{color:var(--ps-primary);font-weight:700}.product-tile__allergens{font-size:11px;color:var(--ps-warning);margin-top:auto}.product-tile{position:relative}.product-tile--oos{opacity:.55;background:repeating-linear-gradient(-45deg,#fff,#fff 10px,#fef2f2 10px,#fef2f2 20px)}.product-tile__oos-badge{position:absolute;top:8px;right:8px;background:var(--ps-danger);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:999px}.product-tile__low-badge{position:absolute;top:8px;right:8px;background:var(--ps-warning);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.shift-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:2px}.shift-dot--on{background:var(--ps-success);box-shadow:0 0 0 3px #16a34a33}.shift-dot--off{background:#cbd5e1}.shift__summary{background:var(--ps-bg);border-radius:12px;padding:12px 16px}.shift__row{display:flex;justify-content:space-between;padding:4px 0;font-size:15px}.shift__row--big{border-top:1px solid var(--ps-border);margin-top:6px;padding-top:10px;font-size:17px;font-weight:700}.shift__hint{color:var(--ps-text-muted);margin:0;font-size:14px}.shift__variance{font-weight:800;padding:3px 12px;border-radius:999px;font-size:14px}.shift__variance--ok{background:#dcfce7;color:var(--ps-success)}.shift__variance--short{background:#fee2e2;color:var(--ps-danger)}.shift__variance--over{background:#fef3c7;color:var(--ps-warning)}.oos{display:flex;flex-direction:column;gap:14px}.oos__lead{margin:0;font-size:15px}.oos__table{width:100%;border-collapse:collapse;font-size:14px}.oos__table th{text-align:left;color:var(--ps-text-muted);font-size:12px;padding:4px 8px;border-bottom:1px solid var(--ps-border)}.oos__table td{padding:6px 8px;border-bottom:1px solid var(--ps-border)}.oos__row--short td{background:#fef2f2;font-weight:600}.oos__fix{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.oos__fix ol{margin:8px 0;padding-left:20px}.cart{display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--ps-border);min-height:0}.cart__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0}.cart__header h2{margin:0}.cart__lines{flex:1;overflow-y:auto;padding:12px 16px}.cart__empty{color:var(--ps-text-muted);text-align:center;padding:50px 10px;line-height:2}.cart-line{border:1px solid var(--ps-border);border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.cart-line--selected{border-color:var(--ps-primary);box-shadow:0 0 0 1px var(--ps-primary)}.cart-line__main{display:flex;justify-content:space-between;font-weight:700}.cart-line__sub{display:flex;justify-content:space-between;color:var(--ps-text-muted);font-size:13px;margin-top:2px}.cart-line__note{color:var(--ps-warning)}.cart-line__actions{display:flex;align-items:center;gap:8px;margin-top:8px}.cart-line__qty{min-width:28px;text-align:center;font-weight:700;font-size:17px}.cart__totals{border-top:1px solid var(--ps-border);padding:14px 16px}.cart__row{display:flex;justify-content:space-between;padding:3px 0}.cart__row--discount{color:var(--ps-text-muted);cursor:pointer}.cart__row--total{font-size:22px;font-weight:800;padding-top:8px}.cart__charge{width:100%;margin-top:12px}.cart__kbd{opacity:.7;font-size:13px;margin-left:8px}.pay{display:flex;flex-direction:column;gap:18px}.pay__summary{background:var(--ps-bg);border-radius:12px;padding:14px 16px}.pay__row{display:flex;justify-content:space-between;padding:3px 0;font-size:16px}.pay__row--due strong{color:var(--ps-danger)}.pay__row--change strong{color:var(--ps-success);font-size:22px}.pay__list{list-style:none;margin:10px 0 0;padding:0}.pay__list li{display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px dashed var(--ps-border)}.pay__remove{margin-left:auto;border:none;background:none;color:var(--ps-danger);cursor:pointer;font-size:15px}.pay__methods{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pay__method{display:flex;flex-direction:column;gap:10px}.pay__method h4{margin:0}.pay__quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feed{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);background:#fff;border-left:1px solid var(--ps-border);box-shadow:-12px 0 40px #0f172a2e;z-index:60;display:flex;flex-direction:column}.feed__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ps-border)}.feed__header h3{margin:0}.feed__list{flex:1;overflow-y:auto;padding:12px 16px}.feed__empty{color:var(--ps-text-muted);text-align:center;padding:40px 0}.feed-item{border:1px solid var(--ps-border);border-radius:12px;padding:10px 12px;margin-bottom:8px}.feed-item--voided{opacity:.55}.feed-item__top{display:flex;justify-content:space-between;font-weight:700}.feed-item__sub{display:flex;justify-content:space-between;align-items:center;color:var(--ps-text-muted);font-size:13px;margin-top:4px}.feed-item__actions{display:flex;gap:8px;margin-top:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;border-radius:10px;padding:12px 20px;z-index:200;box-shadow:0 10px 30px #0f172a66;max-width:90vw}.receipt{font-family:Courier New,monospace;font-size:13px;background:#fff;color:#000;max-width:300px;margin:0 auto;padding:8px}.receipt__center{text-align:center}.receipt__brand{font-size:16px;font-weight:700}.receipt__muted{color:#555;font-size:12px}.receipt__si{margin-top:6px}.receipt__rule{border-top:1px dashed #000;margin:8px 0}.receipt__line{margin-bottom:4px}.receipt__item{display:flex;justify-content:space-between;gap:8px}.receipt__note{padding-left:12px;font-size:12px;color:#444}.receipt__total{font-weight:700;font-size:15px;margin:4px 0}.receipt__voided{font-weight:700;font-size:15px;margin-top:8px}@media print{body *{visibility:hidden}#print-receipt,#print-receipt *{visibility:visible}#print-receipt{position:absolute;left:0;top:0;width:72mm;max-width:72mm;padding:0;font-size:11px}.ui-modal__backdrop{position:static;background:none}@page{size:80mm auto;margin:2mm}}