:root{--red: #D6181F;--red-dark: #A90F15;--red-soft: #FDECEC;--red-mid: #F1C6C8;--ground: #F6F4F4;--card: #FFFFFF;--ink: #1F1A1A;--muted: #6B6060;--line: #E9E4E4;--line-soft: #F0ECEC;--green: #1E7B45;--green-ink: #1E5A36;--green-soft: #E6F3EB;--orange-ink: #9A4A00;--orange-soft: #FFF1E0;--orange-line: #F2B366;--blue: #2F5DA8;--font: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;color:var(--ink);background:var(--ground);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #2F5DA8;outline-offset:2px}h1,h2{margin:0;text-wrap:balance}p{margin:0;line-height:1.45}input:not([type=checkbox]),textarea{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px}input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px var(--red-soft)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--red);margin:0;flex-shrink:0}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.screen{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:var(--ground)}.hdr{background:var(--red);color:#fff;padding:calc(14px + var(--safe-top)) 16px 16px;position:sticky;top:0;z-index:20}.hdr-row{display:flex;align-items:center;gap:10px}.hdr-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hdr-name{font-weight:700;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-name.store{font-weight:800;letter-spacing:.05em;font-size:18px}.hdr-sub{font-size:13px;color:#ffe1e2;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.content{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(96px + var(--safe-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:560px;margin:0 auto;display:grid;background:#fff;border-top:1px solid var(--line);padding-bottom:var(--safe-bottom)}.tab{height:66px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--muted)}.tab.on{color:var(--red);font-weight:700}.banner{padding:10px 16px;font-size:13px}.banner.bad{background:var(--red-soft);color:var(--red-dark)}.card{background:var(--card);border-radius:var(--radius);padding:14px 16px;border:0;text-align:left}.card.flat{background:var(--ground)}.list-card{padding:4px 16px}.stack{display:flex;flex-direction:column;gap:14px}.stack-s{display:flex;flex-direction:column;gap:8px}.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.center{text-align:center}.small{font-size:13px}.muted-text{color:var(--muted)}.ok-text{color:var(--green)}.red-text{color:var(--red)}.danger-text{color:var(--red-dark)!important}.page-title{font-size:21px;font-weight:700}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-title{font-size:16px;font-weight:600}.section-label{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted)}.card-title{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;padding:4px 0 8px}.btn{min-height:50px;padding:0 16px;border-radius:14px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;text-decoration:none;background:#fff;color:var(--ink)}.btn.small{min-height:38px;font-size:13px;padding:0 12px}.btn.big{min-height:58px;font-size:18px}.btn.wide{width:100%}.btn.primary{background:var(--red);color:#fff}.btn.primary:active{background:var(--red-dark)}.btn.dark{background:var(--ink);color:#fff}.btn.success{background:var(--green);color:#fff}.btn.danger{background:var(--red-dark);color:#fff}.btn.outline{background:#fff;border:1.5px solid var(--red);color:var(--red)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.light{background:#fff;color:var(--ink)}.btn.tile{background:#fff;border:1px solid var(--line);font-weight:600;min-height:52px}.link{background:none;border:0;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:8px 0;min-height:40px}.round-btn{width:42px;height:42px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ground);color:var(--ink);flex-shrink:0}.round-btn.light{background:#ffffff2e;color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;min-height:38px}.chip.light{background:#ffffff2e;color:#fff}.chip.warn{background:var(--orange-soft);color:var(--orange-ink)}.chip.dark{background:#0000008c;color:#fff}.chip.red-soft{background:var(--red-soft);color:var(--red-dark)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.badge.ok,.badge.soft{background:#fff3;color:#fff}.badge.warn{background:#fff1e0;color:var(--orange-ink)}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.pill.ok{background:var(--green-soft);color:var(--green-ink)}.pill.warn{background:var(--orange-soft);color:var(--orange-ink)}.pill.bad{background:#fbe3e4;color:var(--red-dark)}.pill.soft{background:var(--ground);color:var(--muted)}.alert{padding:12px 14px;border-radius:12px;font-size:14px}.alert.bad{background:#fbe3e4;color:var(--red-dark)}.alert.warn{background:var(--orange-soft);color:var(--orange-ink)}.alert.good{background:var(--green-soft);color:var(--green-ink)}.alert ul{margin:6px 0 0;padding-left:18px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;background:#ede8e8;border-radius:14px}.seg button{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;padding:0 6px}.seg button.on{background:#fff;color:var(--red);font-weight:700;box-shadow:0 1px 3px #1f1a1a1f}.seg.big button{min-height:48px;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.chips button.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.check-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;color:var(--muted)}.search-box input{border:0;padding:0;box-shadow:none!important}.search-input{width:100%}.phone-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.phone-input span{display:flex;align-items:center;padding:0 12px;background:var(--ground);font-weight:600;border-right:1px solid var(--line)}.phone-input input{border:0;border-radius:0}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;min-height:56px;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left}.list-row:last-child{border-bottom:0}.list-row.static{cursor:default}.line-name{font-weight:600;overflow-wrap:anywhere}.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:14px}.kv:first-child{border-top:0}.kv.big{font-size:16px;font-weight:600;align-items:center}.kv3{display:grid;grid-template-columns:minmax(0,1fr) 48px 96px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:14px}.kv3 span:nth-child(n+2){text-align:right}.link-card{display:flex;align-items:center;gap:12px;width:100%}.warn-card{border:1.5px solid var(--orange-line)}.icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ground);color:var(--ink);flex-shrink:0}.icon-box.red{background:var(--red);color:#fff}.icon-box.warn{background:var(--orange-soft);color:var(--orange-ink)}.avatar{width:48px;height:48px;border-radius:50%;background:var(--ground);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.avatar.small{width:34px;height:34px;font-size:14px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);padding:28px 16px}.empty b{color:var(--ink);font-size:16px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--muted)}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}.dot.warn{background:#b85c00}.dot.blue{background:var(--blue)}.dot.dark{background:var(--ink)}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center}.stepper input{width:42px;min-height:36px;padding:0;text-align:center;font-weight:700;border:0;background:transparent}.stepper.big button{width:42px;height:42px;border-radius:10px}.stepper.big input{width:56px;min-height:42px;background:var(--ground);border-radius:10px;font-size:18px}.sale-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0 4px}.photo-btn{width:184px;height:184px;border-radius:50%;border:0;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 12px #fbe3e4,0 18px 36px #d6181f47;margin:10px 0 6px}.photo-btn span{font-size:22px;font-weight:700;letter-spacing:.1em}.photo-btn:active{transform:scale(.97)}.sale-empty p{max-width:280px}.sale-empty .seg{width:100%}.cart{padding:4px 16px 8px}.cart-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted);padding-top:6px}.cart-line{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line-soft)}.cart-line.last-added{background:var(--green-soft);margin:0 -8px;padding:12px 8px;border-radius:10px;border-top-color:transparent}.line-total{width:64px;text-align:right;font-weight:700}.fav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fav{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;min-height:64px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:left;font-size:13px}.fav b{color:var(--red);font-size:14px}.paybar{position:sticky;bottom:calc(76px + var(--safe-bottom));display:flex;align-items:center;gap:12px;padding:12px 12px 12px 18px;background:#fff;border-radius:18px;box-shadow:0 -2px 16px #1f1a1a1a;margin-top:auto}.paybar-total{font-size:30px;font-weight:800;color:var(--red);line-height:1.1}.paybar-total small,.big-total small{font-size:.5em}.total-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px}.big-total{font-size:46px;font-weight:800;color:var(--red);line-height:1.1}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;padding:0 4px}.quick button.on{border:2px solid var(--red);background:var(--red-soft);color:var(--red-dark);font-weight:700}.change-row{display:flex;justify-content:space-between;font-size:16px}.done-head{display:flex;align-items:center;gap:14px}.done-check{width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}.change-box{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--green-soft);color:var(--green-ink);border-radius:14px}.change-box b{font-size:24px}.ticket{margin:0;background:#fff;padding:16px;border-radius:6px;box-shadow:0 2px 10px #1f1a1a14;font-family:var(--mono);font-size:12.5px;line-height:1.5;white-space:pre-wrap;overflow-x:auto}.rec-line{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-top:1px solid var(--line-soft)}.rec-line:first-child{border-top:0}.rec-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.rec-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cost-input{display:flex;flex-direction:column;margin-left:auto;width:84px}.cost-input input{min-height:38px;text-align:right;padding:0 8px}.sum-row{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.big-num{font-size:22px;font-weight:800}.kpi-main{display:flex;flex-direction:column;gap:4px}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{display:flex;flex-direction:column;gap:4px}.kpi span{font-size:12px;color:var(--muted)}.kpi b{font-size:19px}.bars{height:150px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end}.bar-col{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:4px;height:100%}.bar{background:var(--red-mid);border-radius:6px 6px 0 0}.bar.today{background:var(--red)}.bar-val{font-size:11px;font-weight:700;color:var(--red);text-align:center;min-height:14px}.bar-lbl{font-size:11px;color:var(--muted);text-align:center}.jrow{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left}.jrow:last-child{border-bottom:0}.jtime{width:44px;font-size:13px;font-weight:600;color:var(--muted);display:flex;flex-direction:column}.jtime small{font-weight:400;font-size:11px}.count-row{display:grid;grid-template-columns:64px minmax(0,1fr) 78px;align-items:center;padding:4px 0;border-top:1px solid var(--line)}.count-row:first-child{border-top:0}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#1f1a1a73;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:92%;display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;padding-bottom:var(--safe-bottom);animation:up .18s ease-out}@keyframes up{0%{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px}.sheet-head h2{font-size:18px}.sheet-body{overflow-y:auto;padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}.sheet-foot{padding:12px 16px 16px;border-top:1px solid var(--line-soft)}.toasts{position:fixed;left:0;right:0;top:calc(12px + var(--safe-top));z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{max-width:480px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 6px 20px #1f1a1a2e}.toast.good{background:var(--ink);color:#fff}.toast.bad{background:var(--red-dark);color:#fff}.camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000}.camera-video{width:100%;height:100%;object-fit:cover}.camera-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:calc(12px + var(--safe-top)) 16px 12px;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff}.camera-top .round-btn{background:#fff3;color:#fff}.camera-title{font-weight:700}.scan-frame{position:absolute;left:12%;right:12%;top:34%;height:22%;border:3px solid rgba(255,255,255,.9);border-radius:16px}.scan-frame span{position:absolute;left:6%;right:6%;top:50%;height:2px;background:var(--red);box-shadow:0 0 8px var(--red)}.camera-error{position:absolute;left:16px;right:16px;top:40%;background:#fff;color:var(--ink);padding:16px;border-radius:14px;text-align:center}.camera-toast{position:absolute;left:16px;right:16px;top:calc(76px + var(--safe-top));padding:12px 16px;border-radius:14px;font-weight:700;text-align:center}.camera-toast.good{background:var(--green);color:#fff}.camera-toast.bad{background:#fff;color:var(--red-dark)}.camera-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 16px calc(20px + var(--safe-bottom));background:linear-gradient(transparent,#0009)}.shutter{width:84px;height:84px;border-radius:50%;border:5px solid #fff;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}.camera-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.spinner.dark{border-color:var(--red-mid);border-top-color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.logo-big{font-weight:800;font-size:44px;letter-spacing:-.02em;color:var(--red)}.logo-big.light{color:#fff}.login,.lock{min-height:100%;display:flex;flex-direction:column;background:var(--red);max-width:560px;margin:0 auto}.login-top,.lock-top{padding:calc(48px + var(--safe-top)) 24px 32px;color:#fff;display:flex;flex-direction:column;gap:6px}.login-tag,.lock-addr{color:#ffe1e2;font-size:15px}.login-card,.lock-card{flex:1;background:#fff;border-radius:28px 28px 0 0;padding:24px 24px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px}.login-card h1{font-size:20px}.lock-store{font-weight:800;font-size:26px;letter-spacing:.05em;overflow-wrap:anywhere}.lock-q{margin-top:16px;font-size:21px;font-weight:600}.ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.op{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:15px}.op.on{background:var(--red-soft);border:2px solid var(--red);color:var(--red-dark);font-weight:700}.op.on .avatar{background:var(--red);color:#fff}.pin-label{text-align:center;color:var(--muted)}.pinpad{display:flex;flex-direction:column;align-items:center;gap:14px}.pin-dots{display:flex;gap:18px}.pin-dots span{width:16px;height:16px;border-radius:50%;border:2px solid #CFC7C7}.pin-dots span.on{background:var(--red);border-color:var(--red)}.pin-dots.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin-error{color:var(--red-dark);font-weight:600;font-size:14px}.keys{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.keys button{height:58px;border:0;border-radius:14px;background:var(--ground);font-size:24px;font-weight:500}.keys button.muted{background:#fff;border:1px solid var(--line);font-size:15px;color:var(--muted)}.keys button:active{background:var(--red-soft)}.lock-links{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.lock-links .link{color:var(--muted)}@media (min-width: 600px){body{background:#eae5e5}}