:root{--bg:#f5f6f8;--card:#fff;--ink:#161b22;--muted:#5c6672;--line:#dfe3e8;--perso:#2b5fab;--pro:#b8621b;--accent:var(--perso);--accent-ink:#fff;--cash:#1f7a4d;--cb:#6b4fb8;--danger:#b3261e;--warn-bg:#fff4d6;--warn-ink:#6b4a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1116;--card:#171b22;--ink:#e8ecf1;--muted:#9aa4b0;--line:#2a313b;--perso:#6f9ee8;--pro:#e8934a;--accent-ink:#0b0e12;--cash:#45b87d;--cb:#a48ef0;--danger:#ff8a80;--warn-bg:#3a2f10;--warn-ink:#f4d58a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body.pro{--accent:var(--pro)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-text-size-adjust:100%;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:640px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:4px 0 12px;font-size:1.3rem}h2{margin:0 0 10px;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:14px}.muted{color:var(--muted);font-size:.88rem}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:750}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.stat b{font-variant-numeric:tabular-nums;font-size:1.2rem;display:block}.stat span{color:var(--muted);font-size:.8rem}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:48px;padding:10px 12px}textarea{min-height:70px}input.montant{text-align:center;min-height:64px;font-size:2rem;font-weight:750}label{color:var(--muted);margin:10px 0 4px;font-size:.88rem;display:block}button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;min-height:48px;padding:10px 16px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}button.huge{width:100%;min-height:64px;font-size:1.15rem}button.link{color:var(--danger);background:0 0;border:0;min-height:40px;padding:4px 8px}button.ghost{color:var(--accent);background:0 0;border:0;min-height:40px;padding:4px 8px;font-weight:600}button:disabled{opacity:.5}.err{color:var(--danger);margin-top:8px;font-size:.9rem}.ok{color:var(--cash);margin-top:8px;font-size:.9rem}.banner{background:var(--warn-bg);color:var(--warn-ink);border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:.92rem}.espace{background:var(--card);border:1px solid var(--line);z-index:5;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:5px;display:grid;position:sticky;top:0}.espace button{min-height:52px;color:var(--muted);background:0 0;border:0;font-size:1.02rem;font-weight:700}.espace button.on.perso{background:var(--perso);color:#fff}.espace button.on.pro{background:var(--pro);color:#fff}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{flex:1;min-width:70px}.seg button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border-radius:99px;min-height:40px;padding:6px 10px;font-size:.88rem}.chips button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tag{color:#fff;vertical-align:middle;border-radius:99px;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-block}.tag.especes{background:var(--cash)}.tag.cb{background:var(--cb)}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.list li:last-child{border-bottom:0}.list .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list button.item{all:unset;cursor:pointer;align-items:center;gap:10px;width:100%;display:flex}.day{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 2px;font-size:.8rem;font-weight:700}.bar{background:var(--line);border-radius:99px;height:10px;display:flex;overflow:hidden}.bar i{height:100%;display:block}.bar i.especes{background:var(--cash)}.bar i.cb{background:var(--cb)}.bar i.acc{background:var(--accent)}.legend{color:var(--muted);gap:14px;margin-top:6px;font-size:.8rem;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.cols{align-items:flex-end;gap:8px;height:120px;margin-top:8px;display:flex}.cols div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.cols span{color:var(--muted);font-size:.7rem}.cols b{background:var(--accent);border-radius:6px 6px 2px 2px;width:100%;min-height:2px}.cols div.cur b{outline:2px solid var(--ink);outline-offset:1px}.photo{object-fit:contain;background:var(--bg);border-radius:10px;width:100%;max-height:260px}.lignes .row{margin-bottom:6px}.lignes input{min-height:42px;padding:6px 10px}.lignes input.m{text-align:right;flex:none;width:96px}table{border-collapse:collapse;width:100%;font-size:.85rem}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 2px}td select{min-height:38px;padding:4px 6px;font-size:.82rem}nav.tabs{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs button{min-height:60px;color:var(--muted);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:.78rem;display:flex}nav.tabs button span{font-size:1.25rem;line-height:1}nav.tabs button.on{color:var(--accent);font-weight:700}.spin{border:3px solid var(--line);border-top-color:var(--accent);vertical-align:-4px;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite s;display:inline-block}@keyframes s{to{transform:rotate(360deg)}}
