:root{--teal: #038693;--teal-dark: #02646e;--teal-soft: #e6f3f4;--navy: #001e37;--bg: #f7fafc;--card: #ffffff;--green: #10b981;--green-soft: #e7f7f1;--red: #ef4444;--red-soft: #fee9e9;--muted: #64748b;--line: #e2e8f0;--line-soft: #edf2f7;--off: #94a3b8;--r-card: 18px;--r-btn: 14px;--r-input: 12px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--shadow-sm: 0 1px 3px rgba(0, 30, 55, .05);--shadow-md: 0 4px 12px rgba(0, 30, 55, .08);--tap: 44px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--navy);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dark)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus{outline:none}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;background:var(--bg);position:relative}.head{background:var(--card);border-bottom:1px solid var(--line);padding:calc(14px + var(--safe-t)) var(--s5) 12px;flex-shrink:0}.headrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.brand{display:flex;align-items:center;gap:var(--s2);font-size:14px;font-weight:800;letter-spacing:.09em}.h1{font-size:24px;font-weight:700;margin:0 0 4px}.h2{font-size:20px;font-weight:700;margin:0}.sub{font-size:14px;color:var(--muted);margin:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bars{display:flex;gap:6px;margin-top:var(--s3)}.bars i{height:4px;flex:1;border-radius:var(--r-pill);background:var(--line)}.bars i.on{background:var(--teal)}.scrollwrap{position:relative;flex:1;min-height:0;display:flex}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--r-pill)}.fade{position:absolute;left:0;right:0;bottom:0;height:28px;pointer-events:none;background:linear-gradient(to bottom,rgba(247,250,252,0),var(--bg))}.pad{padding:var(--s5)}.titleblock{background:var(--card);padding:18px var(--s5) var(--s4);border-bottom:1px solid var(--line)}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack-sm{display:flex;flex-direction:column;gap:var(--s3)}.rowbet{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s4)}.card.outstanding{border-color:#fbc9c9;background:#fff7f7}.card-flush{overflow:hidden}.listrow{display:flex;align-items:center;gap:var(--s3);padding:11px var(--s4)}.listrow+.listrow{border-top:1px solid var(--line-soft)}.btn{min-height:var(--tap);border:0;border-radius:var(--r-btn);background:var(--teal);color:#fff;font-size:15px;font-weight:700;padding:0 var(--s5);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);transition:background .12s ease,transform 80ms ease}.btn:hover:not(:disabled){background:var(--teal-dark)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{background:var(--off)}.btn-lg{min-height:56px;width:100%;font-size:16px;border-radius:16px}.btn-xl{min-height:76px;width:100%;font-size:20px;font-weight:800;border-radius:20px}.btn-ghost{background:var(--card);color:var(--teal);border:1px solid var(--teal)}.btn-ghost:hover:not(:disabled){background:var(--teal-soft)}.btn-quiet{background:var(--card);color:var(--muted);border:1px solid var(--line)}.btn-danger{background:var(--card);color:var(--red);border:1px solid var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.segwrap{display:flex;background:#f1f5f9;border-radius:var(--r-btn);padding:4px;gap:4px}.seg{flex:1;min-height:var(--tap);border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .12s ease,color .12s ease}.seg[aria-pressed=true]{background:var(--teal);color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.seg:disabled{color:var(--off)}.pillrow{display:flex;gap:var(--s2);flex-wrap:wrap}.pill{min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.pill[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}.pill-stack{flex:1;flex-direction:column;justify-content:center;gap:1px;padding:6px;min-height:52px}.pill-stack b{font-size:14px;font-weight:600}.pill-stack span{font-size:11px}.pill[aria-pressed=true] .pill-sub{color:#bfe4e8}.pill-sub{color:var(--muted)}.chip{font-size:12px;font-weight:600;padding:6px 11px;border-radius:var(--r-pill);background:#f1f5f9;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.chip-teal{background:var(--teal-soft);color:var(--teal)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-outline{background:var(--card);border:1px solid var(--teal);color:var(--teal)}.stepper{display:flex;align-items:center;gap:6px}.stepbtn{width:var(--tap);height:var(--tap);padding:0;border-radius:var(--r-input);border:1px solid var(--line);background:var(--card);color:var(--navy);font-size:20px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center}.stepbtn.plus{background:var(--teal);border-color:var(--teal);color:#fff}.stepbtn:disabled{background:#f8fafc;border-color:var(--line-soft);color:#cbd5e1}.stepbtn.dim{color:#cbd5e1;border-color:var(--line-soft)}.qty{min-width:24px;text-align:center;font-size:16px;font-weight:700}.qty.zero{color:var(--off)}.field{width:100%;min-height:52px;border:1px solid var(--line);border-radius:var(--r-input);background:var(--card);padding:0 14px;font-size:16px}textarea.field{min-height:92px;padding:14px;line-height:1.45;resize:vertical}.field:focus-visible{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0386931f}.field[aria-invalid=true]{border-color:var(--red)}.label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px}.hint{font-size:12px;color:var(--muted);margin-top:6px}.fielderr{font-size:12px;font-weight:600;color:var(--red);margin-top:6px}.item{display:flex;align-items:center;gap:var(--s3);padding:9px 14px}.item+.item{border-top:1px solid var(--line-soft)}.item-name{font-size:15px;font-weight:600}.item-meta{font-size:13px;color:var(--muted);margin-top:2px}.item.off .item-name,.item.off .item-meta{color:var(--off)}.stickybar{background:var(--teal);padding:var(--s3) var(--s4) calc(var(--s4) + var(--safe-b));display:flex;align-items:center;justify-content:space-between;gap:var(--s3);box-shadow:0 -4px 12px #001e371a;flex-shrink:0}.stickybar .t1{font-size:17px;font-weight:700;color:#fff}.stickybar .t2{font-size:12px;color:#bfe4e8;margin-top:2px}.stickybar .btn{background:#fff;color:var(--teal)}.stickybar .btn:hover:not(:disabled){background:#eaf6f7}.stickybar .btn:disabled{background:#ffffff8c;color:var(--teal)}.footbar{background:var(--card);border-top:1px solid var(--line);padding:var(--s3) var(--s5) calc(18px + var(--safe-b));flex-shrink:0}.tabbar{display:flex;background:var(--card);border-top:1px solid var(--line);padding:var(--s2) var(--s3) calc(var(--s3) + var(--safe-b))}.tabbtn{flex:1;min-height:var(--tap);border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--off);font-size:11px;font-weight:600}.tabbtn[aria-current=page]{color:var(--teal);font-weight:700}.timeline-dot{width:12px;height:12px;border-radius:var(--r-pill);background:#cbd5e1;flex-shrink:0}.timeline-dot.on{background:var(--teal);box-shadow:0 0 0 4px #03869324}.timeline-line{width:2px;flex:1;background:var(--line);margin-top:4px}.track{position:relative;width:100%;max-width:342px;height:20px}.track .rail{position:absolute;left:38px;right:38px;top:8px;height:4px;border-radius:var(--r-pill);background:var(--line)}.track .fill{position:absolute;left:38px;top:8px;height:4px;border-radius:var(--r-pill);background:var(--teal);transition:width .35s ease}.track .dots{position:relative;display:flex;justify-content:space-between}.tcell{width:76px;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600;color:var(--off)}.tcell.past{color:var(--muted)}.tcell.now{color:var(--teal);font-weight:700}.dot{width:20px;height:20px;border-radius:var(--r-pill);background:var(--card);border:3px solid var(--line);display:flex;align-items:center;justify-content:center}.dot.done,.dot.now{background:var(--teal);border-color:var(--teal)}.dot.now{box-shadow:0 0 0 5px #03869329}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(90px + var(--safe-b));z-index:60;background:var(--navy);color:#fff;font-size:14px;font-weight:600;padding:12px 16px;border-radius:var(--r-input);box-shadow:var(--shadow-md);max-width:min(420px,calc(100vw - 32px))}.toast-err{background:var(--red)}.banner{border-radius:var(--r-input);padding:12px 14px;font-size:14px;font-weight:600}.banner-err{background:var(--red-soft);color:var(--red)}.banner-info{background:var(--teal-soft);color:var(--teal)}.empty{text-align:center;padding:var(--s7) var(--s5);color:var(--muted)}.empty h3{font-size:16px;font-weight:700;color:var(--navy);margin:var(--s4) 0 var(--s1)}.empty p{font-size:14px;margin:0}.skel{background:linear-gradient(90deg,#eef2f6 25%,#f6f9fb,#eef2f6 75%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-card)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:var(--r-pill);animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.pinpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}.pinkey{min-height:64px;border-radius:16px;background:var(--bg);border:1px solid var(--line);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.pinkey.blank{background:transparent;border-color:transparent}.pindots{display:flex;gap:var(--s4);justify-content:center}.pindot{width:16px;height:16px;border-radius:var(--r-pill);background:var(--card);border:2px solid var(--line)}.pindot.on{background:var(--teal);border-color:var(--teal)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}