:root{--bg:#f4f6f5;--card:#fff;--text:#17201e;--muted:#5c6b67;--line:#dfe5e3;--brand:#0f766e;--brand-ink:#fff;--brand-soft:#e3f3f1;--warn:#9a5b00;--warn-bg:#fff6e5;--bad:#b42318;--bad-bg:#fdecea;--ok:#157f3d;--ok-bg:#e8f6ed;--radius:14px;--tabbar-h:64px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{min-height:100vh}button{font:inherit;color:inherit}input,select,textarea{font:inherit;border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;min-height:44px;padding:12px;font-size:16px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:3px solid #99d5cf}button:focus-visible{outline-offset:1px;outline:3px solid #99d5cf}.splash{min-height:100vh;color:var(--muted);place-items:center;font-size:20px;display:grid}.app{max-width:560px;min-height:100vh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);margin:0 auto}.topbar{z-index:5;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f4f6f5f0;grid-template-columns:88px 1fr auto;align-items:center;gap:8px;display:grid;position:sticky;top:0}.topbar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;overflow:hidden}.topbar-right{justify-content:flex-end;min-width:88px;display:flex}.topbar-spacer{width:1px}.iconbtn{color:var(--brand);text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 4px;font-size:17px}.content{flex-direction:column;gap:12px;padding:14px;display:flex}.section{flex-direction:column;gap:10px;display:flex}.section-title{color:var(--muted);align-items:center;gap:6px;margin:8px 0 0;font-size:15px;display:flex}.section-title.bad{color:var(--bad)}.section-title.warn{color:var(--warn)}.section-title.ok{color:var(--ok)}.count{background:var(--line);color:var(--text);border-radius:99px;padding:0 8px;font-size:12px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 2px #0000000f}.card.status-overdue{border-left:5px solid var(--bad)}.card.status-dueSoon{border-left:5px solid #e8a317}.card.status-confirmed{border-left:5px solid var(--ok)}.card-main{all:unset;cursor:pointer;flex-direction:column;gap:4px;display:flex}.card-title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card h3{margin:0;font-size:18px}.amount{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.card-due{margin:0;font-size:16px;font-weight:600}.card-due.bad{color:var(--bad)}.card-due.ok,.ok-text{color:var(--ok)}.card-hint{color:var(--text);margin:0}.card-meta{color:var(--muted);margin:0;font-size:14px}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions .btn{flex:auto}.btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);cursor:pointer;min-height:44px;color:var(--text);background:#fff;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.ghost{background:0 0}.btn.danger{color:var(--bad);border-color:#f1c0bb}.btn.danger:not(.ghost){background:var(--bad);color:#fff;border-color:var(--bad)}.btn.small{min-height:36px;padding:6px 10px;font-size:14px}.btn.big{width:100%;min-height:52px;font-size:17px}.btn:disabled{opacity:.45;cursor:not-allowed}.link{color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:0;min-height:36px;padding:6px 0;font-weight:600}.stack{flex-direction:column;gap:8px;display:flex}.notice{background:var(--brand-soft);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.5}.notice-warn{background:var(--warn-bg);color:#5b3a00}.notice-error{background:var(--bad-bg);color:var(--bad)}.notice-ok{background:var(--ok-bg);color:var(--ok)}.notice.sticky{z-index:20;border-radius:0;position:sticky;top:0}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty-icon{font-size:44px}.empty h2{margin:0;font-size:19px}.empty p{color:var(--muted);margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.block{display:block}.center{text-align:center}.hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.hero.ok{background:var(--ok-bg);border-color:#bfe5cc}.hero p{margin:0}.hero-big{font-size:22px;font-weight:700}.facts{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:7.5em 1fr;gap:8px 12px;margin:0;padding:14px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:15px;font-weight:600}.field.has-error input,.field.has-error select{border-color:var(--bad)}.hint{color:var(--muted);margin:0;font-size:13px}.error-text{color:var(--bad);margin:0;font-size:13px}.row2{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form-actions .btn{min-width:100px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.seg{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:1 1 0;min-height:44px;padding:10px;font-weight:600}.seg.on{background:var(--brand);color:#fff;border-color:var(--brand)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;min-height:40px;padding:8px 14px}.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:700}.chip.icon{padding:4px 10px;font-size:20px}.tabbar{z-index:10;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);max-width:560px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:var(--tabbar-h);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:12px;display:flex}.tabbar button span:first-child{font-size:20px}.tabbar button.on{color:var(--brand);font-weight:700}.backdrop{z-index:50;background:#0f171673;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:560px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;flex-direction:column;gap:10px;max-height:88vh;display:flex;overflow:auto}.sheet h2{margin:0;font-size:19px;line-height:1.4}.sheet p{margin:0;line-height:1.5}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 14px);color:#fff;z-index:60;background:#17201e;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.stale-banner{z-index:15;background:var(--warn-bg);border-bottom:1px solid #f0d9a8;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.stale-banner p{margin:2px 0 0}.stale-actions{flex-shrink:0;gap:6px;display:flex}.badge{background:var(--line);border-radius:99px;align-self:flex-start;padding:3px 10px;font-size:13px;font-weight:600}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.tool-head{align-items:flex-start;gap:12px;display:flex}.tool-head p{margin:2px 0 0}.tool-icon{background:var(--brand-soft);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:30px;display:grid}.stepper{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper li{background:var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.stepper li.on{background:var(--brand);color:#fff}.stepper li.done{background:var(--brand-soft);color:var(--brand)}.wizard-step{flex-direction:column;gap:12px;display:flex}.wizard-step h2{margin:0;font-size:19px}.wizard-step p{margin:0;line-height:1.55}.copy-box{border:2px dashed var(--brand);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.copy-box code{word-break:break-all;font-family:inherit;font-size:18px;font-weight:700}.copy-box.small code{font-size:15px}.steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;line-height:1.55;display:flex}.bullets{margin:0;padding-left:20px}.radio,.check{align-items:center;gap:8px;min-height:44px;display:flex}.radio input,.check input{width:20px;height:20px;min-height:0}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;width:100%;min-height:44px;padding:12px;display:flex}.coverage p{margin:4px 0}.section>p{margin:0}