:root{--bg: #eef0eb;--surface: #fafbf8;--surface-2: #f3f5f0;--ink: #1a1e1c;--muted: #5e6761;--line: #d6dbd3;--accent: #2f5d50;--accent-ink: #ffffff;--accent-soft: rgba(47, 93, 80, .1);--crit: #b42318;--crit-soft: rgba(180, 35, 24, .09);--warn: #a86200;--warn-soft: rgba(168, 98, 0, .1);--good: #2e7d4f;--good-soft: rgba(46, 125, 79, .1);--f-display: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--f-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--f-data: "IBM Plex Mono", ui-monospace, Menlo, monospace;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #101412;--surface: #171c19;--surface-2: #1d231f;--ink: #e3e8e4;--muted: #99a39c;--line: #2b332e;--accent: #86c0ab;--accent-ink: #0f1a16;--accent-soft: rgba(134, 192, 171, .12);--crit: #f2735f;--crit-soft: rgba(242, 115, 95, .12);--warn: #e6a640;--warn-soft: rgba(230, 166, 64, .12);--good: #6fc08f;--good-soft: rgba(111, 192, 143, .12);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}.num,.mono{font-family:var(--f-data);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.neg{color:var(--crit)}.pos{color:var(--good)}h1,h2,h3{font-family:var(--f-display);font-stretch:78%;margin:0;text-wrap:balance}h1{font-size:28px;font-weight:800;letter-spacing:-.01em}h2{font-size:18px;font-weight:700}h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-stretch:70%}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;min-height:38px;text-decoration:none;color:var(--ink)}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--crit);border-color:var(--crit);background:transparent}.btn.ghost{background:transparent}.btn.big{min-height:56px;font-size:16px;padding:12px 20px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;min-height:38px}label.field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);min-width:0}label.field>span{font-weight:600}label.check{display:flex;align-items:center;gap:8px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.error{color:var(--crit);background:var(--crit-soft);border-radius:8px;padding:8px 12px;font-size:13px}.notice{background:var(--accent-soft);border-radius:8px;padding:8px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-width:0;overflow-x:auto}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tile{background:var(--surface);padding:12px 14px;min-width:0}.tile .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tile .v{font-family:var(--f-display);font-stretch:80%;font-weight:700;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.2}.tile .s{font-size:11.5px;color:var(--muted)}.badge{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;border:1px solid currentColor;white-space:nowrap}.badge.critical,.badge.short,.badge.suspended{color:var(--crit)}.badge.review,.badge.warn{color:var(--warn)}.badge.normal,.badge.within_tolerance,.badge.balanced,.badge.active,.badge.muted{color:var(--muted)}.badge.ok{color:var(--good)}.tag{display:inline-block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:1px 6px;border-radius:4px;border:1px solid var(--line);color:var(--muted);margin-right:6px}.tag.calculation{color:var(--accent);border-color:var(--accent)}.tag.fact{color:var(--ink)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.data td.r,table.data th.r{text-align:right}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--surface-2)}table.data tr.selected td{background:var(--accent-soft)}.scroll-x{overflow-x:auto}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100%}.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-family:var(--f-display);font-stretch:75%;font-weight:800;font-size:22px;padding:0 10px 12px}.brand span{color:var(--accent)}.side a.nav{display:block;padding:7px 10px;border-radius:7px;color:var(--ink);text-decoration:none;font-weight:500}.side a.nav.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.side .group{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 10px 4px}.side .foot{margin-top:auto;padding:10px;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.main{padding:24px clamp(16px,3vw,36px) 60px;min-width:0;display:flex;flex-direction:column;gap:18px}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.page-head p{margin:4px 0 0;color:var(--muted)}.banner{background:var(--warn-soft);color:var(--ink);padding:8px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;border-bottom:1px solid var(--line)}@media (max-width: 820px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line);align-items:center}.side>div:not(.brand){display:contents}.side a.nav{white-space:nowrap}.side .group,.side .foot{display:none}.brand{padding:4px 10px;font-size:18px}}.review-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 1200px){.review-grid:has(.review-pages){grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.review-pages{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--surface);z-index:41;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--line)}.drawer>*,.modal>*{flex-shrink:0}.modal{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;background:var(--surface);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}.login .card{width:min(380px,100%);padding:28px;display:flex;flex-direction:column;gap:14px}.pos-screen{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg)}.pos-top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.pos-top .brand{padding:0;font-size:20px}.pos-top .spacer{flex:1}.pos-body{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;min-height:0}.pos-col{min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.pos-col+.pos-col{border-left:1px solid var(--line)}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}.conn i{width:8px;height:8px;border-radius:50%;background:var(--good)}.conn.offline{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.conn.offline i{background:var(--warn)}.conn.syncing i{background:var(--accent);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.conn.syncing i{animation:none}}.tab-btn{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;min-height:56px;align-items:center}.tab-btn.active{border-color:var(--accent);background:var(--accent-soft)}.cats{display:flex;gap:6px;flex-wrap:wrap}.cat{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600;min-height:38px}.cat[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.menu-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;min-height:84px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-weight:600}.menu-btn:active{transform:scale(.98);background:var(--accent-soft)}.menu-btn .price{font-family:var(--f-data);font-weight:500;color:var(--muted);font-size:13px}.ticket{display:flex;flex-direction:column;gap:6px}.ticket-line{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:8px 4px;border-bottom:1px dashed var(--line);cursor:pointer}.ticket-line.comped .nm,.ticket-line.voided .nm{text-decoration:line-through;color:var(--muted)}.totals{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;padding-top:8px}.totals .grand{font-family:var(--f-display);font-stretch:80%;font-weight:800;font-size:26px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{min-height:58px;font-size:22px;font-weight:600;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.pin-dots{display:flex;gap:10px;justify-content:center;font-size:26px;letter-spacing:6px;min-height:36px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}@media (max-width: 1000px){.pos-body{grid-template-columns:170px minmax(0,1fr) 300px}}@media (max-width: 760px){.pos-screen{height:auto}.pos-body{grid-template-columns:1fr}.pos-col+.pos-col{border-left:0;border-top:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){.menu-btn:active{transform:none}}