:root{--brand:#8a6d3b;--brand-2:#a5824a;--brand-light:#f5efe3;--brand-dark:#5d4a28;--ink:#2b2b2b;--muted:#8a8a8a;--faint:#b5b0a5;--ok:#2e7d32;--warn:#b26a00;--bad:#c62828;--info:#1565c0;--line:#e4ddd0;--card:#ffffff;--bg:#faf8f4;--appbar-h:52px;--tabbar-h:56px;--safe-top:env(safe-area-inset-top, 0px);--safe-bot:env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.appbar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#fffdf9,#faf6ee);border-bottom:2px solid var(--brand);padding:calc(var(--safe-top) + 8px) 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.appbar .brand{display:flex;align-items:baseline;gap:8px;min-width:0}.appbar .brand .logo{font-size:19px;font-weight:800;color:var(--brand);letter-spacing:1.5px;white-space:nowrap}.appbar .brand .tsub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .acts{display:flex;align-items:center;gap:12px;flex-shrink:0}.appbar a.lnk{font-size:12px;color:var(--brand);text-decoration:none;cursor:pointer}.appbar a.lnk:active{color:var(--brand-2)}.refresh{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .15s}.refresh:active{background:var(--brand-light)}.refresh.spinning{animation:spin .8s linear infinite;pointer-events:none;color:var(--faint)}main{padding:12px 12px calc(var(--tabbar-h) + var(--safe-bot) + 20px)}main.noTab{padding-bottom:calc(var(--safe-bot) + 28px);max-width:520px;margin:0 auto}.banner{border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:12px;line-height:1.45}.banner.warn{background:#fff7e6;border:1px solid #e6c98a;border-left:4px solid var(--warn)}.banner.warn b{color:var(--warn)}.banner.ok{background:#eef6ee;border:1px solid #cfe5cf;border-left:4px solid var(--ok)}.banner.demo,.banner.info{background:#eef2fb;border:1px solid #c7d6f0;border-left:4px solid var(--info)}.banner.demo b,.banner.info b{color:var(--info)}.banner.bad{background:#fdecec;border:1px solid #f0b7b7;border-left:4px solid var(--bad);color:#7a1f1f}.block{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:0 1px 2px #5a461e0a}.block>h2{font-size:15px;color:var(--brand-dark);display:flex;align-items:center;gap:8px;margin-bottom:2px}.block>h2 .ic{font-size:17px}.block>h2:before{content:"";width:4px;height:16px;background:var(--brand);border-radius:2px;display:inline-block}.block>.src{font-size:11px;color:var(--muted);margin:2px 0 12px 12px;line-height:1.5}.hero{background:var(--brand-light);border-radius:10px;padding:14px 16px;margin-bottom:10px}.hero .hk{font-size:12px;color:var(--brand-dark);margin-bottom:2px}.hero .hv{font-size:30px;font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums;line-height:1.1}.hero .hv small{font-size:15px;font-weight:700;margin-left:3px}.hero .hn{font-size:11.5px;color:var(--muted);margin-top:3px}.hv.ok{color:var(--ok)}.hv.warn{color:var(--warn)}.hv.bad{color:var(--bad)}.hv.brand{color:var(--brand)}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.stat{border:1px solid var(--line);border-radius:9px;padding:9px 11px}.stat .sk{font-size:11px;color:var(--muted);margin-bottom:2px;line-height:1.3}.stat .sv{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15}.stat .sn{font-size:10.5px;color:var(--faint);margin-top:2px;line-height:1.3}.sv.ok{color:var(--ok)}.sv.warn{color:var(--warn)}.sv.bad{color:var(--bad)}.sv.brand{color:var(--brand)}.funnel{margin:4px 0 2px}.funnel .row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.funnel .lbl{width:52px;font-size:12px;text-align:right;flex-shrink:0;color:var(--ink)}.funnel .track{flex:1;background:#efeae0;border-radius:5px;height:24px;overflow:hidden}.funnel .fill{height:100%;border-radius:5px;min-width:3px;display:flex;align-items:center;padding-left:8px;color:#fff;font-size:11px;white-space:nowrap}.list{margin-top:6px}.row-c{border:1px solid var(--line);border-radius:9px;padding:10px 11px;margin-bottom:8px;background:#fff}.row-c.voided{background:#fafafa;color:var(--muted)}.row-c .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.row-c .title{font-size:13.5px;font-weight:600;min-width:0}.row-c .amt{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.row-c.voided .amt{text-decoration:line-through}.row-c .meta{font-size:11.5px;color:var(--muted);line-height:1.5}.row-c .meta b{color:var(--ink);font-weight:600}.row-c .flags{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.case-c{border:1px solid var(--line);border-radius:10px;padding:12px 13px;margin-bottom:10px;background:#fff}.case-c .ch{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.case-c .cname{font-size:15px;font-weight:700}.case-c .cno{font-size:11.5px;color:var(--muted);margin:3px 0 8px}.case-c dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12.5px}.case-c dt{color:var(--muted);white-space:nowrap}.case-c dd{text-align:right;font-variant-numeric:tabular-nums}.case-c .flags{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;border:1px solid;white-space:nowrap;line-height:1.6}.tag.quote{color:var(--info);border-color:var(--info);background:#e8f1fb}.tag.won{color:var(--ok);border-color:var(--ok);background:#e9f5ea}.tag.lost{color:var(--muted);border-color:var(--muted);background:#f2f2f2}.tag.warn{color:var(--warn);border-color:var(--warn);background:#fff7e6}.tag.bad{color:var(--bad);border-color:var(--bad);background:#fdecec}.notebox{background:var(--brand-light);border-radius:8px;padding:9px 12px;font-size:11.5px;color:var(--brand-dark);margin-top:10px;line-height:1.55}.notebox b{color:var(--brand-dark)}.empty{color:var(--muted);font-size:12.5px;padding:16px;text-align:center}.foot{font-size:10.5px;color:var(--faint);text-align:center;padding:4px 8px 0;line-height:1.5}.who{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--brand-light);border-radius:10px;padding:10px 13px;margin-bottom:14px;font-size:12.5px;color:var(--brand-dark)}.who b{font-weight:700}.who .role{font-size:11px;padding:1px 9px;border-radius:10px;border:1px solid var(--brand);color:var(--brand);background:#fff}label.fld{display:block;margin-bottom:13px}label.fld .lb{font-size:12.5px;color:var(--brand-dark);font-weight:600;margin-bottom:5px;display:block}label.fld .lb .req{color:var(--bad);margin-left:3px}label.fld .lb .opt{color:var(--faint);font-weight:400;margin-left:4px;font-size:11px}.inp,select.inp,textarea.inp{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font-size:15px;color:var(--ink);background:#fff;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.inp{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%238a6d3b' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}textarea.inp{min-height:74px;resize:vertical}.inp:focus,select.inp:focus,textarea.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8a6d3b1f}.btn{width:100%;margin-top:4px;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15.5px;font-weight:700;cursor:pointer}.btn:active{background:var(--brand-2)}.btn[disabled]{opacity:.55;cursor:default}.btn.sm{width:auto;padding:9px 16px;font-size:13.5px;margin-top:0}.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--line)}.msg{margin-top:14px;font-size:13px;border-radius:10px;padding:12px 14px;line-height:1.55;display:none}.msg.show{display:block}.msg.ok{background:#eef6ee;border:1px solid #cfe5cf;border-left:4px solid var(--ok);color:#1e4620}.msg.ok b{color:var(--ok)}.msg.bad{background:#fdecec;border:1px solid #f0b7b7;border-left:4px solid var(--bad);color:#7a1f1f}.msg .kv{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}.msg .kv b{color:var(--ink)}.msg .warn{margin-top:7px;font-size:12px;color:var(--warn)}.seg{display:flex;gap:6px;margin-bottom:10px}.seg button{flex:1;font-size:12.5px;padding:7px 6px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.seg button.on{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark);font-weight:700}.plan{margin-top:12px;border:1px dashed var(--brand-2);background:#fffdf8;border-radius:10px;padding:12px}.plan .pt{font-size:12.5px;font-weight:700;color:var(--brand-dark);margin-bottom:8px}.plan dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12.5px;margin-bottom:8px}.plan dt{color:var(--muted);white-space:nowrap}.plan dd{text-align:right;font-variant-numeric:tabular-nums}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + var(--safe-bot));padding-bottom:var(--safe-bot);background:#fffdf9;border-top:1px solid var(--line);display:flex;box-shadow:0 -1px 6px #5a461e0d}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;background:none;border:none;text-decoration:none;color:var(--muted);cursor:pointer}.tabbar .tab .ic{font-size:19px;line-height:1}.tabbar .tab.active{color:var(--brand);font-weight:700}.center{text-align:center;padding:64px 20px;color:var(--muted)}.spinner{width:34px;height:34px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;margin:0 auto 14px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errbox{background:#fdecec;border:1px solid #f0b7b7;border-left:4px solid var(--bad);border-radius:10px;padding:14px 16px;font-size:13px;color:#7a1f1f;margin:14px 12px;line-height:1.55}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:18px}.login-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:0 4px 18px #5a461e14}.login-logo{text-align:center;margin-bottom:20px}.login-logo .mark{font-size:34px;font-weight:800;color:var(--brand);letter-spacing:2px}.login-logo .sub{font-size:12px;color:var(--muted);margin-top:4px}