:root{--ink:#222;--mute:#6b6b6b;--line:#b9b9b9;--soft:#ececec;--paper:#fff;--page:#e6e6e6;--dark:#333;--bad:#a31f1f}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.center-card{background:var(--paper);border:2px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;max-width:420px;margin:40px auto;padding:24px;display:flex}.center-card h1{margin:0;font-size:22px}.primary{background:var(--dark);color:#fff;border:0;border-radius:12px;padding:14px;font-size:18px;font-weight:700}.link{color:var(--mute);background:0 0;border:0;text-decoration:underline}.hint{background:var(--soft);border-radius:10px;margin:0;padding:10px}.small{color:var(--mute);margin:0;font-size:13px}.subtitle{margin:0;font-weight:600}.err{color:var(--bad);min-height:1.4em;margin:0;font-weight:700}.pinpad{flex-direction:column;align-items:center;gap:14px;display:flex}.pin-dots{letter-spacing:10px;font-size:30px}.pin-keys{grid-template-columns:repeat(3,84px);gap:12px;display:grid}.pin-keys button{border:2px solid var(--dark);background:var(--paper);border-radius:14px;height:72px;font-size:26px;font-weight:700}.emulator{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.emulator input{border:2px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:8px}.bar{background:var(--soft);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.bar .brand{font-weight:700}.bar .grow{flex:1}.pill{border:1.5px solid var(--dark);background:var(--paper);border-radius:999px;padding:3px 12px}.pill.off{border-style:dashed}.page{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:16px;display:flex}.card{background:var(--paper);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.card h2{margin:0;font-size:18px}label.field{text-align:left;flex-direction:column;gap:4px;font-weight:600;display:flex}label.field input,label.field select{border:2px solid var(--line);font:inherit;border-radius:10px;padding:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.slip{white-space:pre;border:1px dashed var(--dark);background:#fff;width:max-content;max-width:100%;padding:10px;font-family:ui-monospace,Consolas,monospace;overflow-x:auto}@media (width<=600px){.pin-keys{grid-template-columns:repeat(3,72px)}.pin-keys button{height:64px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.problems{z-index:50;border-bottom:2px solid var(--bad);background:#fff3f3;padding:8px 16px;position:sticky;top:0}.problems p{color:var(--bad);margin:4px 0;font-weight:700}.wait-card p{margin:0}.wait-steps{text-align:left;flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}body{min-height:100vh}.menu{position:relative}.menu-list{z-index:20;background:var(--paper);border:2px solid var(--dark);border-radius:12px;flex-direction:column;min-width:200px;display:flex;position:absolute;top:110%;right:0;overflow:hidden}.menu-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;padding:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row .grow{flex:1}.denom-groups{grid-template-columns:1fr 1fr;gap:12px;display:grid}.denoms{border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;display:flex}.drow{grid-template-columns:1fr 44px 80px 44px;align-items:center;gap:6px;display:grid}.drow input{border:2px solid var(--line);font:inherit;text-align:center;border-radius:8px;padding:8px}.drow input[aria-invalid=true]{border-color:var(--bad)}.drow button{border:2px solid var(--dark);background:var(--paper);border-radius:8px;height:40px;font-size:20px}.dialog{border:2px solid var(--dark);background:var(--paper);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.sums th{font-weight:400}.sums td{text-align:right}.total{font-size:20px}.update{margin:8px 16px}.sell{grid-template-columns:1fr 380px;gap:16px;padding:16px;display:grid}.products{flex-direction:column;gap:12px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button,.seg button{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 16px}.chips button[aria-pressed=true],.seg button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tile{border:2px solid var(--dark);background:var(--paper);border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:96px;padding:10px;display:flex}.cart{background:var(--paper);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lines li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px;padding-bottom:6px;display:grid}.qty{align-items:center;gap:8px;display:flex}.qty button{border:2px solid var(--dark);background:var(--paper);border-radius:8px;width:40px;height:40px;font-size:20px}.seg{gap:8px;display:flex}.grand{font-size:20px;font-weight:700}.pay{width:100%}.modal{z-index:30;position:fixed;inset:15% 25% auto;box-shadow:0 8px 30px #00000040}@media (width<=900px){.sell{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.modal{inset:10% 5% auto}}.shop-body{display:contents}.veil{z-index:29;background:#00000059;position:fixed;inset:0}.search{border:2px solid var(--line);width:100%;font:inherit;border-radius:10px;padding:11px 14px;font-size:16px}.pay-screen{grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.quick button,.chips button{min-height:48px}.done{text-align:center;align-items:center}.change{flex-direction:column;align-items:center;display:flex}.big{font-size:56px}@media (width<=900px){.pay-screen{grid-template-columns:1fr}}.history{grid-template-columns:360px 1fr;gap:16px;padding:16px;display:grid}.history .lines button{text-align:left;border:2px solid var(--line);background:var(--paper);border-radius:10px;width:100%;padding:10px}.history .lines button[aria-pressed=true]{border-color:var(--dark)}.struck span:first-child,.struck span:nth-child(2){color:var(--mute);text-decoration:line-through}@media (width<=900px){.history{grid-template-columns:1fr}}.stock{grid-template-columns:1fr 400px;align-items:start;gap:16px;padding:16px;display:grid}.stock-warn{border:2px solid var(--dark);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.stock-warn b{font-size:18px}.stock-warn .grow{flex:1}.stock-warn button{border:2px solid var(--dark);background:var(--paper);border-radius:10px;padding:8px 14px;font-weight:600}.stock-table{border:2px solid var(--line);border-radius:12px;overflow:hidden}.stock-head,.stock-row{grid-template-columns:1.4fr 1.5fr 1fr 110px;align-items:center;gap:10px;padding:10px 14px;display:grid}.stock-head{background:var(--soft);font-weight:700}.stock-list{margin:0;padding:0;list-style:none}.stock-row{text-align:left;border:0;border-top:1px solid var(--line);background:var(--paper);width:100%}.stock-row[aria-pressed=true]{background:var(--soft);box-shadow:inset 4px 0 0 var(--dark)}.stock-empty{text-align:center;padding:20px}.stock-qty{font-size:17px;font-weight:700}.badge{border:2px solid var(--dark);text-align:center;border-radius:6px;padding:1px 10px;font-weight:700;display:inline-block}.badge.tipis{border-style:dashed}.badge.habis{background:var(--dark);color:#fff}.stock-now{border:2px solid var(--dark);background:var(--paper);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;display:flex}.stock-now .stock-qty{font-size:26px}.stock-detail h3{margin:0;font-size:16px}.stock-moves{margin:0;padding:0;list-style:none}.stock-moves li{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr auto;gap:2px 10px;padding:9px 4px;display:grid}.stock-moves .type{font-weight:700}.stock-moves .delta{text-align:right;font-weight:700}.stock-moves .note{grid-column:2/-1}@media (width<=900px){.stock{grid-template-columns:1fr}.stock-head,.stock-row{grid-template-columns:1fr 1fr}}.goods-form{flex-direction:column;gap:10px;display:flex}.goods-form h3{margin:0;font-size:16px}.goods-rows{flex-direction:column;gap:10px;display:flex}.goods-row{border:2px solid var(--line);border-radius:12px;grid-template-columns:2fr 1fr 1fr 1.4fr auto;align-items:end;gap:6px 10px;padding:10px;display:grid}.goods-preview{grid-column:1/-1}.goods-unit{flex-direction:column;gap:4px;font-weight:600;display:flex}.goods-unit b{padding:10px 0}.goods-btn{border:2px solid var(--dark);background:var(--paper);border-radius:10px;min-height:48px;padding:10px 14px;font-weight:600}.goods-detail{flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.goods-marks{flex-wrap:wrap;gap:4px 14px;display:flex}@media (width<=900px){.goods-row{grid-template-columns:1fr 1fr}}.hw-id{letter-spacing:2px;margin:4px 0;font-size:30px;font-weight:800;display:block}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}