:root{--bg: #f6f6f3;--surface: #ffffff;--surface-2: #f0f0ec;--text: #1c1c1a;--muted: #6b6b66;--border: #e3e3de;--brand: #0f766e;--brand-soft: #e6f3f1;--red: #b42318;--red-soft: #fdecea;--amber: #a15c07;--amber-soft: #fdf3e2;--calm: #55554f;--calm-soft: #ececE7;--radius: 12px;--shadow: 0 1px 2px rgb(0 0 0 / .05);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #121211;--surface: #1b1b19;--surface-2: #242421;--text: #ecece8;--muted: #a3a39c;--border: #2f2f2b;--brand: #2dd4bf;--brand-soft: #123532;--red: #f87171;--red-soft: #3a1717;--amber: #fbbf24;--amber-soft: #3a2a0c;--calm: #c7c7c0;--calm-soft: #2a2a27;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}h1{font-size:1.4rem;margin:.1rem 0 0;line-height:1.25}.h2,.section h2{font-size:1rem;margin:1.5rem 0 .6rem;display:flex;align-items:center;gap:.5rem}.count{font-size:.75rem;background:var(--surface-2);color:var(--muted);border-radius:99px;padding:.05rem .5rem}.muted{color:var(--muted)}.small{font-size:.8rem}.shell{min-height:100vh;padding-bottom:72px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text)}.topnav{display:none;gap:.25rem;flex:1}.topnav a,.tabbar a{color:var(--muted);padding:.4rem .7rem;border-radius:8px;font-weight:500}.topnav a.active{color:var(--text);background:var(--surface-2)}.topbar>.btn{margin-left:auto}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.tabbar a.active{color:var(--brand)}@media(min-width:760px){.topnav{display:flex}.tabbar{display:none}.shell{padding-bottom:0}}main{max-width:860px;margin:0 auto;padding:1rem}.page{display:flex;flex-direction:column}.loading,.empty{color:var(--muted);padding:1rem 0}.hint{color:var(--muted);font-size:.85rem;margin-top:1.5rem}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media(min-width:760px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .85rem;box-shadow:var(--shadow);min-width:0}.tile-label{font-size:.78rem;color:var(--muted)}.tile-value{font-size:1.45rem;font-weight:700;margin-top:.15rem;font-variant-numeric:tabular-nums}.tile-sub{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-brand{background:var(--brand-soft);border-color:transparent}.tile-brand .tile-value{color:var(--brand)}.tile-warn .tile-value{color:var(--amber)}.section{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;gap:.75rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .85rem;box-shadow:var(--shadow)}.row.clickable{cursor:pointer}.row.clickable:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.row-title{font-weight:600;overflow-wrap:anywhere}.row-sub{color:var(--muted);font-size:.83rem}.row-side{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.amount{font-weight:700;font-variant-numeric:tabular-nums}.row.alert{border-left:4px solid var(--amber)}.row.alert-action{border-left-color:var(--red)}.row.alert-warning{border-left-color:var(--amber)}.row.alert-info{border-left-color:var(--brand)}.more{align-self:flex-start;margin-top:.5rem}.chip{font-size:.75rem;font-weight:600;border-radius:99px;padding:.12rem .55rem;white-space:nowrap}.chip-red,.chip-late{background:var(--red-soft);color:var(--red)}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-calm{background:var(--calm-soft);color:var(--calm)}.chip-brand{background:var(--brand-soft);color:var(--brand)}.progress{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:.5rem 0}.progress .seg{height:6px;background:var(--surface-2);border-radius:3px;position:relative}.progress .seg.on{background:var(--brand)}.progress .seg span{position:absolute;top:9px;left:0;font-size:.66rem;color:var(--muted);white-space:nowrap;display:none}.progress:not(.compact){margin-bottom:1.6rem}.progress:not(.compact) .seg.now span{display:block;color:var(--text);font-weight:600}@media(min-width:760px){.progress:not(.compact) .seg span{display:block}}.progress.compact{margin:.2rem 0 0;max-width:220px}.progress.compact .seg{height:4px}.btn{font:inherit;font-weight:600;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:10px;padding:.55rem .9rem;cursor:pointer}@media(prefers-color-scheme:dark){.btn{color:#06201d}}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn.small{padding:.25rem .6rem;font-size:.8rem;border-radius:8px}.btn.block{display:block;width:100%;text-align:left;margin-top:.5rem}.btn .muted{color:inherit;opacity:.75;font-weight:400}.btn:disabled{opacity:.6}.btns{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.btns.wrap{flex-wrap:wrap}.link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-size:.8rem;padding:0}.form{display:flex;flex-direction:column;gap:.6rem}.form label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--muted)}input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;width:100%}.back{margin-bottom:.75rem;font-size:.9rem}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.eyebrow{font-size:.8rem;color:var(--muted)}.detail-amount{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:.5rem 0 1rem}@media(min-width:760px){.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.facts dt{font-size:.75rem;color:var(--muted)}.facts dd{margin:.1rem 0 0;font-weight:600;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin-top:.75rem;box-shadow:var(--shadow)}.card-title{font-weight:700;margin-bottom:.35rem}.card.match.ask{border-color:var(--amber)}.card.match.ok{border-color:var(--brand)}details.card summary{cursor:pointer;font-weight:600}details.card .row{box-shadow:none;margin-top:.5rem}.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--border)}.timeline li{position:relative;padding:0 0 .9rem 1rem;display:flex;flex-wrap:wrap;gap:.15rem .6rem;align-items:baseline}.timeline li:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--brand)}.tl-date{font-size:.8rem;color:var(--muted);min-width:90px}.tl-label{font-weight:600}.tl-detail{font-size:.83rem;color:var(--muted);flex-basis:100%;padding-left:calc(90px + .6rem)}@media(max-width:520px){.tl-detail{padding-left:0}}.address{display:block;font-size:.95rem;background:var(--surface-2);padding:.5rem .7rem;border-radius:8px;overflow-wrap:anywhere}.dropzone{margin-top:.75rem;border:2px dashed var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.25rem;align-items:center;text-align:center;cursor:pointer;color:var(--muted)}.dropzone strong{color:var(--text)}.dropzone .ok{color:var(--brand);font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal-box{background:var(--surface);width:100%;max-width:760px;max-height:88vh;overflow:auto;border-radius:16px 16px 0 0;padding:1rem;position:relative}@media(min-width:760px){.modal{align-items:center}.modal-box{border-radius:16px}}.close{position:absolute;right:1rem;top:1rem}.pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:8px;padding:.7rem;font-size:.8rem}.pre.body{font-family:inherit;font-size:.85rem;max-height:50vh;overflow:auto}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.search{flex:1}.toggle{display:flex;gap:.35rem;align-items:center;color:var(--muted);white-space:nowrap}.toggle input{width:auto}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--border);font-size:.85rem}.table th{color:var(--muted);font-weight:600}.login{max-width:420px;margin:10vh auto;padding:1rem;text-align:center}.login .card{text-align:left}.error{color:var(--red);font-size:.85rem;margin:0}.steps{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem}.steps .address{margin-top:.35rem;font-size:.8rem}.toggle-row{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;margin-top:0}.toggle-row input{width:auto;margin-top:.25rem}.login .card+.card{margin-top:.75rem}