:root{--field:#ff7a00;--field-dark:#cc6200;--field-lift:#ff9633;--field-tint:rgba(255,122,0,0.12);--field-line:rgba(255,122,0,0.38);--ink:#ffffff;--ink-2:rgba(255,255,255,0.72);--muted:rgba(255,255,255,0.46);--ink-4:rgba(255,255,255,0.32);--paper:#1c1c1c;--sand:#000000;--sunk:#2e2e2e;--line:rgba(255,255,255,0.1);--line-strong:#4a4a4a;--ok:#35d07f;--ok-tint:rgba(53,208,127,0.13);--ok-line:rgba(53,208,127,0.36);--warning:#ffc857;--warning-tint:rgba(255,200,87,0.13);--warning-line:rgba(255,200,87,0.36);--danger:#ff5252;--danger-tint:rgba(255,82,82,0.13);--danger-line:rgba(255,82,82,0.36);--radius:14px;--radius-sm:10px;--nav-height:64px;--mono:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--brandface:"Orbitron","Montserrat",system-ui,sans-serif;--shadow:0 2px 10px rgba(0,0,0,0.6),0 18px 44px -18px rgba(0,0,0,0.9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.metric,.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}:focus-visible{outline:3px solid var(--field-lift);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px));max-width:560px;margin:0 auto;position:relative}.banner{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;position:-webkit-sticky;position:sticky;top:0;z-index:40}.banner.offline{background:var(--warning);color:#000}.banner.syncing{background:var(--field);color:#000}.banner .dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.header{background:var(--paper);padding:18px 16px 16px;border-bottom:1px solid var(--line)}.header .greeting{font-size:13px;color:var(--muted);letter-spacing:.01em}.header h1{font-size:22px;font-weight:700;margin:2px 0 0;letter-spacing:-.02em}.header .sub{font-size:13.5px;color:var(--muted);margin-top:2px}.status-line{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 12px;border-radius:999px;font-size:13.5px;font-weight:600;border:1px solid}.status-line.on{background:var(--ok-tint);color:var(--ok);border-color:var(--ok-line)}.status-line.off{background:var(--sunk);color:var(--muted);border-color:var(--line)}.status-line .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.section{padding:16px}.section+.section{padding-top:0}.section-title{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.section-title .spacer{flex:1 1}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card+.card{margin-top:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(72% 90% at 88% 118%,rgba(255,122,0,.34),transparent 62%),linear-gradient(160deg,#2e2e2e,#1c1c1c);border:1px solid var(--field-line);color:var(--ink);border-radius:var(--radius);padding:20px}.hero .label{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600}.hero .figure,.hero .label{font-family:var(--mono);color:var(--field)}.hero .figure{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:4px 0 6px}.hero .delta{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600}.hero .delta.up{color:var(--ok)}.hero .delta.down{color:var(--danger)}.hero .delta.flat{color:var(--muted)}.hero .counts{display:flex;gap:22px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hero .counts .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.hero .counts .v{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:19px;font-weight:600;margin-top:1px}.owed{border:1px solid var(--warning-line);background:var(--warning-tint);border-radius:var(--radius);padding:16px}.owed.settled{border-color:var(--ok-line);background:var(--ok-tint)}.owed.overdue{border-color:var(--danger-line);background:var(--danger-tint)}.owed .label{font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--warning)}.owed.settled .label{color:var(--ok)}.owed.overdue .label{color:var(--danger)}.owed .figure{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;letter-spacing:-.025em;margin:3px 0 2px;color:var(--warning)}.owed.settled .figure{color:var(--ok)}.owed.overdue .figure{color:var(--danger)}.owed .breakdown{font-size:13.5px;color:var(--ink-2)}.owed .deadline{font-size:14px;font-weight:600;margin-top:8px;display:flex;align-items:center;gap:6px}.owed .btn{margin-top:14px;width:100%}.statement{padding:0;overflow:hidden}.statement .line{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15.5px;width:100%;background:none;border:none;border-bottom:1px solid var(--line);text-align:left;border-radius:0;height:auto;color:inherit;font-family:inherit}.statement .line .name{flex:1 1}.statement .line .v{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.statement .line .chev{color:var(--ink-4);font-size:18px}.statement .line.total{border-bottom:none;background:var(--sunk);font-weight:700;font-size:17px;padding:16px}.statement .line.total .v{font-size:22px}.statement .line.minus .v{color:var(--warning)}.btn,.btn-hero,button{font-family:inherit;font-size:16px;font-weight:600;min-height:48px;padding:0 18px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--paper);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .08s,background .14s,opacity .14s}.btn:active,button:active{transform:scale(.985)}.btn[aria-disabled=true],button:disabled{opacity:.45;cursor:not-allowed}.btn-primary,button.btn-primary{background:var(--field);border-color:var(--field);color:#000}.btn-primary:active{background:var(--field-dark)}.btn-secondary{background:var(--paper);border-color:var(--field-line);color:var(--field)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#000}.btn-danger{background:var(--danger);border-color:var(--danger);color:#000}.btn.sm,button.sm{min-height:40px;font-size:14.5px;padding:0 14px}.btn-hero,.btn.block,button.block{width:100%}.btn-hero{min-height:58px;font-size:18px;font-weight:700;letter-spacing:-.01em;background:var(--field);border-color:var(--field);color:#000;box-shadow:0 6px 18px -8px rgba(59,31,140,.7)}.alert-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius-sm)}.alert-row+.alert-row{margin-top:8px}.alert-row.crit{border-left-color:var(--danger)}.alert-row.warn{border-left-color:var(--warning)}.alert-row .body{flex:1 1;min-width:0}.alert-row .body strong{display:block;font-size:15.5px;font-weight:600}.alert-row .body .detail{font-size:13.5px;color:var(--muted);margin-top:1px}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--paper);width:100%;text-align:left;border-radius:0;border:none;border-bottom:1px solid var(--line);min-height:56px;font-size:15.5px;color:inherit;font-family:inherit;font-weight:400}.row:last-child{border-bottom:none}.row .body{flex:1 1;min-width:0}.row .body strong{display:block;font-weight:600}.row .body .detail{font-size:13.5px;color:var(--muted)}.row .chev{color:var(--ink-4);font-size:20px}.list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--sunk);color:var(--muted);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.ok,.badge.success{background:var(--ok-tint);color:var(--ok);border-color:var(--ok-line)}.badge.warn{background:var(--warning-tint);color:var(--warning);border-color:var(--warning-line)}.badge.crit,.badge.error{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-line)}.badge.plain:before{display:none}.stat{display:flex;flex-direction:column;gap:1px}.stat .label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.stat .value{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px}.pos-search{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--sand);padding:12px 16px 8px}.pos-search input{width:100%;height:50px;font-size:16px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);padding:0 16px;background:var(--paper);font-family:inherit;color:var(--ink)}.pos-search input:focus{outline:none;border-color:var(--field-lift)}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;min-height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--paper);font-size:14.5px;font-weight:500;color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--field);border-color:var(--field);color:#000}.tiles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;padding:0 16px 16px}@media (min-width:440px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px;min-height:96px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;font-size:15px;position:relative;transition:border-color .12s,background .12s,transform .08s}.tile .name{font-weight:600;line-height:1.3}.tile .price{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--field);font-size:15.5px}.tile .left{font-family:var(--mono);font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.tile .left:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tile .left.ok{color:var(--ok)}.tile .left.warn{color:var(--warning)}.tile .left.crit{color:var(--danger)}.tile:disabled{opacity:.5}.tile.added{border-color:var(--field);background:var(--field-tint)}.tile .inCart{position:absolute;top:8px;right:8px;min-width:24px;height:24px;border-radius:999px;background:var(--field);color:#000;font-family:var(--mono);font-size:12.5px;font-weight:700;display:grid;place-items:center;padding:0 6px}.cart-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px) + 10px);width:min(528px,calc(100% - 24px));z-index:45;box-shadow:var(--shadow)}.cart-bar .btn-hero{justify-content:space-between;padding:0 18px}.cart-bar .qty-badge{background:rgba(255,255,255,.22);border-radius:999px;padding:3px 10px;font-family:var(--mono);font-size:14px}.sheet-backdrop{position:fixed;inset:0;background:rgba(22,19,31,.5);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--paper);width:min(560px,100%);border-radius:20px 20px 0 0;max-height:88dvh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(14px);opacity:.6}to{transform:none;opacity:1}}.sheet .grabber{width:38px;height:4px;border-radius:999px;background:var(--line-strong);margin:10px auto 4px}.sheet .sheet-head{display:flex;align-items:center;gap:12px;padding:8px 16px 12px;border-bottom:1px solid var(--line)}.sheet .sheet-head h2{margin:0;font-size:18px;font-weight:700;flex:1 1}.sheet .sheet-body{padding:12px 16px}.sheet .sheet-foot{padding:12px 16px 16px;border-top:1px solid var(--line);position:-webkit-sticky;position:sticky;bottom:0;background:var(--paper)}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}.stepper button{min-height:44px;width:44px;padding:0;border:none;border-radius:0;background:var(--paper);font-size:22px;font-weight:500;color:var(--field)}.stepper button:active{background:var(--field-tint)}.stepper .qty{min-width:46px;text-align:center;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;font-size:17px;border-left:1.5px solid var(--line-strong);border-right:1.5px solid var(--line-strong);align-self:stretch;display:grid;place-items:center}.pay-choice{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pay-choice button{min-height:52px}.pay-choice button[aria-pressed=true]{background:var(--field);border-color:var(--field);color:#000}.field{margin-bottom:14px}.label,label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:5px}input,select,textarea{width:100%;min-height:48px;font-size:16px;font-family:inherit;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 14px;background:var(--paper);color:var(--ink)}textarea{padding:12px 14px;min-height:90px;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--field-lift)}.msg{padding:12px 14px;border-radius:var(--radius-sm);font-size:15px;border:1px solid;margin-bottom:12px}.msg.success{background:var(--ok-tint);border-color:var(--ok-line);color:var(--ok)}.msg.error{background:var(--danger-tint);border-color:var(--danger-line);color:var(--danger)}.msg.warn{background:var(--warning-tint);border-color:var(--warning-line);color:var(--warning)}.empty{padding:34px 20px;text-align:center;color:var(--muted)}.empty .glyph{font-size:30px;opacity:.4}.empty strong{display:block;color:var(--ink);font-size:16px;margin:10px 0 4px}.empty p{margin:0 auto 14px;max-width:34ch;font-size:14.5px;line-height:1.55}.spin{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(0,0,0,.25);border-top-color:currentcolor;border-radius:50%;animation:rot .7s linear infinite}.spin.dark{border-color:var(--line-strong);border-top-color:var(--field)}@keyframes rot{to{transform:rotate(1turn)}}.sk{background:linear-gradient(90deg,var(--sunk) 25%,#e4e1ec 50%,var(--sunk) 75%);background-size:800px 100%;animation:shimmer 1.3s linear infinite;border-radius:6px;display:block}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.receipt-tick{width:68px;height:68px;border-radius:50%;background:var(--ok-tint);border:2px solid var(--ok-line);color:var(--ok);display:grid;place-items:center;font-size:32px;margin:0 auto 14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:50}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:600;position:relative;min-height:48px}.nav a .icon{font-size:20px;line-height:1}.nav a.active{color:var(--field)}.nav a.sell{color:#000}.nav a.sell .icon{background:var(--field);color:#000;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin-top:-20px;box-shadow:0 6px 16px -6px rgba(59,31,140,.75);border:3px solid var(--paper);font-size:21px}.nav a.sell span:not(.icon):not(.pip){color:var(--field)}.nav a.sell.active .icon{background:var(--field-dark)}.nav .pip{position:absolute;top:6px;right:50%;margin-right:-22px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--warning);color:#000;font-family:var(--mono);font-size:10.5px;font-weight:700;display:grid;place-items:center}.nav .pip.crit{background:var(--danger)}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login .box{width:100%;max-width:400px}.login .mark{width:56px;height:56px;border-radius:16px;background:var(--field);color:#000;display:grid;place-items:center;font-size:21px;font-weight:700;margin:0 auto 16px}.logo-mark{display:block;flex-shrink:0;object-fit:contain;border-radius:50%;box-shadow:0 0 0 1px var(--field-line),0 0 28px -8px rgba(255,122,0,.8)}.login-mark{margin:0 auto 16px}