:root{--accent:#0a6b66;--accent-strong:#08524e;--accent-soft:#e2f1ef;--on-accent:#fff;--appbar:#0a6b66;--bg:#f2f3f2;--surface:#fff;--surface-2:#f7f8f7;--text:#18201f;--muted:#66706e;--line:#e2e5e3;--green:#16794a;--green-soft:#e3f4ea;--red:#b4232c;--red-soft:#fbe9ea;--shadow:0 1px 2px #1018160f, 0 1px 1px #1018160a;--radius:14px;--appbar-h:56px;--tabbar-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--accent:#3fb3a9;--accent-strong:#5cc6bc;--accent-soft:#15302d;--on-accent:#062b28;--appbar:#133f3b;--bg:#0f1413;--surface:#182120;--surface-2:#1e2827;--text:#e9efed;--muted:#93a09d;--line:#2a3533;--green:#4cc287;--green-soft:#143024;--red:#f0727a;--red-soft:#3a1c1f;--shadow:none}}:root[data-theme=dark]{--accent:#3fb3a9;--accent-strong:#5cc6bc;--accent-soft:#15302d;--on-accent:#062b28;--appbar:#133f3b;--bg:#0f1413;--surface:#182120;--surface-2:#1e2827;--text:#e9efed;--muted:#93a09d;--line:#2a3533;--green:#4cc287;--green-soft:#143024;--red:#f0727a;--red-soft:#3a1c1f;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:manipulation;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html:has(.tabbar){background:var(--surface)}html:has(.tabbar) body{background:var(--surface)}#app{position:fixed;inset:0;overflow:hidden}@media (display-mode:standalone){html{min-height:min(100lvh, calc(100% + env(safe-area-inset-top)))}}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}svg{flex:none;display:block}.screen{background:var(--bg);flex-direction:column;max-width:640px;height:100%;margin:0 auto;display:flex}.appbar{min-height:calc(var(--appbar-h) + var(--safe-top));padding:var(--safe-top) 8px 0 16px;background:var(--appbar);color:#fff;flex:none;align-items:center;gap:4px;display:flex}.appbar.has-back{padding-left:4px}.appbar-titles{flex:1;min-width:0;padding:8px 0}.appbar h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:650;overflow:hidden}.appbar p{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:13px;overflow:hidden}.appbar-back,.appbar-action{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.appbar-back svg,.appbar-action svg{width:24px;height:24px}.appbar-back:active,.appbar-action:active{background:#ffffff26}.content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:16px 16px 24px;overflow-y:auto}.tabbar{height:calc(var(--tabbar-h) + max(var(--safe-bottom) - 12px, 0px));padding-bottom:max(var(--safe-bottom) - 12px, 0px);background:var(--surface);border-top:1px solid var(--line);flex:none;display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.tab svg{width:25px;height:25px}.tab.is-active{color:var(--accent)}.splash,.loading{place-items:center;height:100%;min-height:160px;display:grid}.splash img{border-radius:18px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:16px}.hero-date{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:600}.hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.1}.hero-stats span{color:var(--muted);font-size:13px}.progress{background:var(--surface-2);height:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;overflow:hidden}.progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.progress-sm{height:5px;margin-top:8px}.btn-road{margin-top:16px;font-size:17px}.trip{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:10px 10px 10px 14px;display:flex}.trip.is-active{background:var(--green-soft);box-shadow:none}.trip-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 0 0 var(--green);border-radius:50%;flex:none;animation:1.8s ease-out infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}}.trip-text{flex-direction:column;flex:1;min-width:0;display:flex}.trip-text strong{font-weight:700}.trip.is-active .trip-text strong{color:var(--green)}.trip-text span{color:var(--muted);font-size:14px}.trip .btn{height:42px;padding:0 14px}.section-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:22px 4px 8px;font-size:13px;font-weight:700;display:flex}.section-title span{background:var(--line);color:var(--text);border-radius:99px;padding:1px 8px;font-size:12px}.searchbar{background:var(--surface);height:48px;box-shadow:var(--shadow), inset 0 0 0 1px var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:0 14px;display:flex}.searchbar:first-child{margin-top:0}.searchbar svg{width:20px;height:20px}.searchbar input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.searchbar:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.list{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:14px;overflow:hidden}.section-title+.list{margin-top:0}.row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 10px 12px 16px;display:flex}.row:last-child{border-bottom:0}.row:active,.delivery-main:active{background:var(--surface-2)}.row-main{flex:1;min-width:0}.row-title{font-weight:620;line-height:1.25}.row-sub{color:var(--muted);margin-top:2px;font-size:14px}.row-chevron{color:var(--muted);opacity:.6}.row-chevron svg{width:18px;height:18px}.row-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:650}.row-amount.is-debt{color:var(--red)}.count{background:var(--accent);min-width:36px;height:36px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;padding:0 8px;font-weight:700;display:grid}.count.is-zero{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.count.is-done{background:var(--green)}.count svg{width:18px;height:18px}.cards{gap:8px;display:grid}.delivery{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.delivery.is-delivered{opacity:.85}.delivery{align-items:stretch;display:flex}.delivery-main{flex:1;min-width:0;padding:12px 4px 12px 16px;display:block}.delivery-side{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:92px;padding:10px 10px 10px 0;display:flex}.delivery-sum{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:750}.check-btn{border:2px solid var(--accent);width:52px;height:52px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:transform 80ms;display:grid}.check-btn svg{width:26px;height:26px}.check-btn:active{transform:scale(.94)}.check-btn.is-done{border-color:var(--green);background:var(--green);color:var(--on-accent)}.check-btn.is-busy{opacity:.5;pointer-events:none}.meta a{color:var(--accent);align-items:center;gap:4px;display:inline-flex}.meta .is-delivered-at{color:var(--green);font-weight:650}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:14px;display:flex}.meta span{align-items:center;gap:4px;display:inline-flex}.meta svg{width:15px;height:15px}.chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.delivery-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding-top:10px;display:flex}.delivery-total span{color:var(--muted);font-size:14px;font-weight:600}.delivery-total strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:750}.delivery-actions{align-items:center;gap:8px;padding:0 12px 12px;display:flex}.delivered-badge{background:var(--green-soft);height:48px;color:var(--green);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.delivered-badge svg{width:20px;height:20px}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:650;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6}.btn svg{width:20px;height:20px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:active{background:var(--accent-strong)}.btn-secondary{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}.btn-danger{background:var(--surface);color:var(--red);box-shadow:inset 0 0 0 1px var(--line)}.btn-link{color:var(--muted);background:0 0;padding:0 10px;text-decoration:underline}.btn-icon{background:var(--accent-soft);width:48px;color:var(--accent-strong);padding:0}.btn-deliver{flex:1;font-size:17px}.btn-block{width:100%;margin-top:14px;display:flex}.btn-lg{height:54px;font-size:17px}.btn.is-busy{pointer-events:none;opacity:.7}.balance{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:22px 16px;display:flex}.balance-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.balance-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0;font-size:34px;font-weight:750}.balance.is-debt .balance-amount{color:var(--red)}.balance-sub{color:var(--muted);font-size:13px}.details{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:14px;overflow:hidden}.details:empty{display:none}.detail{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:50px;padding:10px 16px;display:flex}.detail:last-child{border-bottom:0}.detail span{width:96px;color:var(--muted);flex:none;font-size:14px}.detail strong{overflow-wrap:anywhere;flex:1;font-weight:560}.detail-link{color:var(--accent)}.detail-link svg{width:20px;height:20px}.tx{border-collapse:collapse;border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;font-size:13.5px;overflow:hidden}.tx th{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 8px;font-size:11.5px;font-weight:700}.tx td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.tx tr:last-child td{border-bottom:0}.tx th:first-child,.tx td:first-child{white-space:nowrap;padding-left:12px}.tx th:last-child,.tx td:last-child{padding-right:12px}.tx .num{text-align:right;white-space:nowrap;font-weight:650}.tx .is-credit{color:var(--green)}.tx-type{font-weight:600}.tx-return .tx-type,.tx-payment .tx-type{color:var(--green)}.tx-ref{overflow-wrap:anywhere}.tx-ref small{color:var(--muted);font-size:11.5px;display:block}.profile{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:20px 0 6px;display:flex}.profile strong{margin-top:10px;font-size:20px}.profile span{color:var(--muted);font-size:14px}.avatar{background:var(--accent);width:76px;height:76px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid}.segmented{background:var(--surface);box-shadow:var(--shadow), inset 0 0 0 1px var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:14px;padding:4px;display:grid}.segmented button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:650}.segmented button.is-active{background:var(--accent);color:var(--on-accent)}.login{max-width:420px;height:100%;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));flex-direction:column;justify-content:center;margin:0 auto;display:flex;overflow-y:auto}.login-brand{text-align:center;margin-bottom:28px}.login-brand img{box-shadow:var(--shadow);border-radius:18px}.login-brand h1{margin:14px 0 2px;font-size:26px}.login-brand p{color:var(--muted);margin:0}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:14px;font-weight:600}.field input{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:0;height:50px;padding:0 14px;font-size:16px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.form .btn-block{margin-top:6px}.form-error{background:var(--red-soft);color:var(--red);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.hint{color:var(--muted);margin:12px 4px;font-size:14px}.empty{color:var(--muted);text-align:center;justify-items:center;gap:10px;padding:36px 16px;display:grid}.empty p{margin:0}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);z-index:10;background:var(--text);max-width:calc(100% - 32px);color:var(--bg);border-radius:12px;padding:12px 18px;font-size:15px;transition:opacity .3s;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0003}.toast.is-hiding{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}
