:root{--bg: #fbfaf8;--surface: #ffffff;--border: #e4e0d9;--text: #1c1a17;--muted: #6d675e;--accent: #3d85c6;--danger: #e06666;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161513;--surface: #201e1b;--border: #35322d;--text: #ece8e1;--muted: #9b948a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Noto Sans TC,sans-serif}[hidden]{display:none!important}button{font:inherit;padding:.45rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button.active{background:var(--accent);border-color:var(--accent);color:#fff}input{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.login{display:grid;place-items:center;min-height:100vh}.login form{display:grid;gap:.75rem;padding:1.5rem;width:min(340px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.error{color:var(--danger);margin:0}.topbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:2}.topbar h1{font-size:1rem;margin:0 1rem 0 0;letter-spacing:.02em}.topbar nav,.topbar .range{display:flex;gap:.4rem}.topbar .range{margin-left:auto}main{padding:1rem;max-width:1100px;margin:0 auto}.panels{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto}.panel h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem}.totals{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.tile .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tile .value{font-size:1.5rem;font-variant-numeric:tabular-nums}.bars{display:grid;gap:.5rem}.bar-row{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:.6rem;align-items:center}.bar-track{background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px;height:12px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--accent)}.bar-value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;gap:.75rem;align-items:baseline;padding:.6rem .4rem;border-bottom:1px solid var(--border);cursor:pointer}.row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.row .grow{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .amount{font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.85rem}.hint{color:var(--muted);max-width:60ch}.tag{font-size:.72rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}select{font:inherit;padding:.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:min(640px,92vw);width:100%}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border)}td.num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:640px){.topbar .range{margin-left:0;width:100%}}.upload{font:inherit;padding:.45rem .8rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}.upload:hover{filter:brightness(1.08)}.banner{padding:.7rem 1rem;background:color-mix(in srgb,var(--danger) 14%,var(--surface));border-bottom:1px solid var(--border);color:var(--text)}.banner strong{font-weight:600}