:root{--ground:#f4f5fa;--surface:#fff;--ink:#1c1f3f;--text:#3a3f5c;--muted:#8a8fa8;--line:#eceef5;--soft:#f2f3f8;--primary:#14785a;--primary-soft:#e3f4ec;--mint:#17a673;--mint-soft:#e4f6ee;--mint-ink:#0d7a53;--mint-deep:#05291d;--amber:#f5a524;--amber-soft:#fef3dc;--amber-ink:#8a5a06;--rose:#f0506e;--rose-soft:#fde8ec;--rose-ink:#9b1c37;--font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:"Gambetta", "Manrope", Georgia, serif;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ground:#0b1310;--surface:#131c18;--ink:#e9f1ec;--text:#c0cdc6;--muted:#8a9a92;--line:#23322c;--soft:#18231e;--primary:#3fc48d;--primary-soft:#14332a;--mint:#3fd9a0;--mint-soft:#133128;--mint-ink:#5ce0ad;--mint-deep:#05291d;--amber:#f7b13f;--amber-soft:#33270f;--amber-ink:#ffc46a;--rose:#ff6b85;--rose-soft:#35161f;--rose-ink:#ff8ea1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);background:var(--ground);color:var(--text);overscroll-behavior-y:contain;margin:0;font-size:15px;line-height:1.5}.num{font-variant-numeric:tabular-nums}.app{background:var(--ground);flex-direction:column;max-width:560px;min-height:100%;margin-inline:auto;display:flex}.topbar{z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar h1{font-size:19px;font-weight:500;font-family:var(--font-head);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.topbar .sub{color:var(--muted);font-size:12px;font-weight:500;display:block}.icon-btn{border:1px solid var(--line);background:var(--surface);min-width:40px;height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.icon-btn:active{background:var(--soft)}.content{padding:16px 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;gap:14px;display:flex}.sync{background:var(--mint-soft);color:var(--mint-ink);align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.sync.pending{background:var(--amber-soft);color:var(--amber-ink)}.sync.offline{background:var(--soft);color:var(--muted)}.sync.refused{background:var(--rose-soft);color:var(--rose-ink)}.sync button{font:inherit;color:inherit;cursor:pointer;background:#ffffffb3;border:0;border-radius:10px;margin-inline-start:auto;padding:6px 12px;font-weight:650}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.card{background:var(--surface);border-radius:var(--radius);padding:16px}.card.tap{cursor:pointer}.card.tap:active{background:var(--soft)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--surface);text-align:center;border-radius:14px;padding:12px 10px}.stat .value{color:var(--ink);font-size:17px;font-weight:700}.stat .label{color:var(--muted);font-size:11px}.shop-row{align-items:flex-start;gap:12px;display:flex}.shop-row .name{color:var(--ink);font-weight:650}.shop-row .meta{color:var(--muted);font-size:12.5px}.shop-row .right{text-align:end;flex:none;margin-inline-start:auto}.shop-row .owed{color:var(--ink);font-weight:650}.shop-row .owed.clear{color:var(--mint)}.pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill{background:var(--soft);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:650}.pill.mint{background:var(--mint-soft);color:var(--mint-ink)}.pill.indigo{background:var(--primary-soft);color:var(--primary)}.pill.rose{background:var(--rose-soft);color:var(--rose-ink)}.pill.amber{background:var(--amber-soft);color:var(--amber-ink)}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:12.5px;font-weight:600}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.search{background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8FA8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;background-size:18px;padding-inline-start:38px}[dir=rtl] .search{background-position:calc(100% - 12px);padding-inline:14px 38px}.btn{background:var(--primary);color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.btn:active{filter:brightness(.95)}.btn[disabled]{opacity:.5}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.mint{background:var(--mint);color:var(--mint-deep)}.btn.row{width:auto;padding:0 18px}.btn-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.product{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.product:last-child{border-bottom:0}.product .name{color:var(--ink);font-weight:600}.product .meta{color:var(--muted);font-size:12.5px}.stepper{flex:none;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.stepper button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;font:inherit;color:var(--ink);cursor:pointer;border-radius:12px;font-size:19px;font-weight:600}.stepper button:active{background:var(--soft)}.stepper input{text-align:center;font-variant-numeric:tabular-nums;width:58px;padding:9px 6px}.footer-bar{padding:14px 16px calc(env(safe-area-inset-bottom) + 14px);background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:12px;margin:0 -16px -24px;display:flex;position:sticky;bottom:0}.footer-bar .total{color:var(--ink);font-size:18px;font-weight:700}.footer-bar .label{color:var(--muted);font-size:12px}.note{color:var(--muted);margin:0;font-size:13px}.empty{text-align:center;color:var(--muted);padding:32px 16px}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.kv:last-child{border-bottom:0}.kv dt{color:var(--muted);font-size:13px}.kv dd{color:var(--ink);margin:0;font-weight:600}.login{min-height:100%;padding:28px 20px calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;justify-content:center;gap:18px;max-width:460px;margin-inline:auto;display:flex}.login .brand{align-items:center;gap:12px;display:flex}.login .brand h1{color:var(--ink);margin:0;font-size:21px}.login .mark{background:var(--primary);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.error{background:var(--rose-soft);color:var(--rose-ink);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.lang-row{flex-wrap:wrap;gap:8px;display:flex}.lang-row button{border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px}.lang-row button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:650}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);z-index:20;background:var(--ink);color:#fff;border-radius:14px;max-width:90vw;padding:12px 18px;font-size:13.5px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #1c1f3f40}p.note.error{background:var(--rose-soft);color:var(--rose-ink);border-radius:12px;padding:10px 14px;font-weight:600}.unit-pick{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;margin-top:6px;padding:4px 8px;font-size:13px}