:root{--blue:#1C3D65;--blue-mid:#325B8E;--blue-lt:#7DA3CA;--blue-dk:#00355E;--g50:#F7F8F8;--g200:#DCDDDD;--g400:#B5B5B6;--g500:#989DA0;--ink:#1b2126;--ink2:#666D73;--ok:#407864;--ok-bg:#EAF2EE;--warn:#B45309;--warn-bg:#FEF3E2;--bad:#B91C1C;--bad-bg:#FDECEC;--shadow:0 1px 3px rgba(28,61,101,.1), 0 6px 18px rgba(28,61,101,.06);--nav-h:60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--g50);color:var(--ink);font-family:Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%;overflow-x:hidden}#root{min-height:100dvh}a{color:var(--blue)}button,input,select,textarea{font-family:inherit;font-size:16px}img{max-width:100%}.app{max-width:520px;margin:0 auto;min-height:100dvh;background:#fff;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px)}.app.nonav{padding-bottom:24px}.bar{position:sticky;top:0;z-index:30;background:var(--blue);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:10px;min-height:56px}.bar .brand{display:flex;flex-direction:column;min-width:0;flex:1}.bar h1{font-size:17px;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .sub{font-size:11.5px;font-weight:500;opacity:.85;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .act{display:flex;gap:8px;flex:0 0 auto}.iconbtn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.45);background:#ffffff1a;color:#fff;border-radius:10px;font-size:13px;font-weight:700;padding:0 10px;cursor:pointer}.iconbtn .dot{background:#fff;color:var(--blue);border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;padding:0 5px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--g200);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);max-width:520px;margin:0 auto}.nav a{min-height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--ink2);font-size:11.5px;font-weight:700}.nav a .ico{font-size:19px;line-height:1}.nav a.on{color:var(--blue)}.nav a.on .ico{transform:translateY(-1px)}.wrap{padding:14px 12px}.card{background:#fff;border:1px solid var(--g200);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.sec-t{font-size:13px;font-weight:800;color:var(--blue-mid);letter-spacing:.5px;margin:18px 2px 8px}.muted{color:var(--ink2)}.small{font-size:12.5px}.row{display:flex;align-items:center;gap:10px}.row.wrap2{flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack>*+*{margin-top:10px}.btn{min-height:44px;min-width:44px;padding:0 16px;border-radius:11px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--blue);border-color:var(--blue-lt)}.btn.sm{min-height:44px;min-width:44px;font-size:13px;padding:0 11px;border-radius:9px}.btn.danger{background:#fff;color:var(--bad);border-color:#e9b6b6}.btn.block{width:100%}.btn.line{background:#06c755;border-color:#06c755}label.f{display:block;margin-bottom:12px}label.f>span{display:block;font-size:12.5px;font-weight:700;color:var(--ink2);margin-bottom:4px}input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--g200);border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-lt);outline-offset:-1px;border-color:var(--blue-lt)}.f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid var(--g200);background:#fff;color:var(--ink2);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center}.chip.on{border-color:var(--blue);background:var(--blue);color:#fff}.chk{display:flex;align-items:center;gap:9px;min-height:44px}.chk input{width:20px;height:20px;min-height:0}.msg{border-radius:11px;padding:10px 12px;font-size:13.5px;font-weight:600;margin-bottom:10px;border:1px solid}.msg.ok{background:var(--ok-bg);border-color:#bfd8cd;color:#1c443f}.msg.warn{background:var(--warn-bg);border-color:#f0d4a8;color:#7c4a02}.msg.bad{background:var(--bad-bg);border-color:#edc2c2;color:#7f1d1d}.msg.info{background:#eef3f9;border-color:#cbdbec;color:var(--blue-dk)}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800;border:1px solid}.tag.b{background:#eef3f9;border-color:#cbdbec;color:var(--blue-mid)}.tag.g{background:var(--ok-bg);border-color:#bfd8cd;color:#1c443f}.tag.a{background:var(--warn-bg);border-color:#f0d4a8;color:#7c4a02}.tag.r{background:var(--bad-bg);border-color:#edc2c2;color:#7f1d1d}.tag.n{background:var(--g50);border-color:var(--g200);color:var(--ink2)}.cp-wrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-wrap a{color:#1c3d65;text-decoration:underline;word-break:break-all}.cp-btn{border:1px solid #7DA3CA;background:#fff;color:#325b8e;border-radius:8px;font-size:13px;font-weight:700;padding:0 14px;min-height:44px;min-width:44px;cursor:pointer;font-family:inherit;white-space:nowrap}.cp-btn:hover{background:#f2f7fb}.ava{width:30px;height:30px;border-radius:999px;background:var(--blue-mid);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 auto;overflow:hidden}.ava img{width:100%;height:100%;object-fit:cover}.avas{display:flex}.avas .ava+.ava{margin-left:-7px;box-shadow:0 0 0 2px #fff}.day{margin-bottom:6px}.day-h{position:sticky;top:56px;background:#fff;z-index:10;padding:9px 2px 6px;font-weight:800;color:var(--blue);border-bottom:1px solid var(--g200);display:flex;gap:8px;align-items:baseline}.it{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:11px 2px;border-bottom:1px solid var(--g50)}.it .tm{font-size:12.5px;font-weight:800;color:var(--blue-mid);padding-top:2px}.it .ti{font-weight:700;line-height:1.4}.pl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;padding:11px 0;border-bottom:1px solid var(--g50)}.pl .ph{width:88px;height:88px;border-radius:11px;background:var(--g50);border:1px solid var(--g200);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#666d73;font-size:12px;font-weight:600}.pl .ph img{width:100%;height:100%;object-fit:cover}.pl .nm{font-weight:800;line-height:1.35}.meta{font-size:12.5px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:4px 10px}.amt{font-variant-numeric:tabular-nums;font-weight:800}.amt.pos{color:var(--ok)}.amt.neg{color:var(--bad)}.bar-budget{height:9px;border-radius:999px;background:var(--g200);overflow:hidden}.bar-budget i{display:block;height:100%;background:var(--blue-mid)}.bar-budget i.over{background:var(--bad)}dialog{margin:auto;border:none;border-radius:16px;padding:0;width:min(460px,94vw);max-height:88dvh;box-shadow:0 24px 60px #00000047}dialog::backdrop{background:#06234573}.dlg{display:flex;flex-direction:column;max-height:88dvh}.dlg h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--g200);font-size:16px;background:var(--g50);border-radius:16px 16px 0 0}.dlg .body{padding:14px 16px;overflow:auto}.dlg .foot{padding:12px 16px;border-top:1px solid var(--g200);display:flex;gap:10px;justify-content:flex-end;background:#fff;border-radius:0 0 16px 16px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--g50)}.login .box{width:min(380px,92vw);background:#fff;border:1px solid var(--g200);border-radius:18px;padding:36px 28px 24px;box-shadow:0 18px 50px #1c3d6524;text-align:center}.login .cn{font-size:24px;font-weight:900;color:var(--blue);letter-spacing:6px}.login .en{font-size:11px;color:var(--g500);letter-spacing:4px;margin-top:6px}.login .hr{width:52px;height:2px;background:var(--blue);margin:14px auto}.login .site{font-size:15px;color:var(--blue-mid);letter-spacing:5px;font-weight:700;margin-bottom:22px}.empty{text-align:center;color:var(--ink2);padding:28px 14px;font-size:14px}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--g200);border-top-color:var(--blue);border-radius:999px;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tlink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 8px;font-size:13px;font-weight:700;color:var(--blue-mid);text-decoration:underline;background:none;border:none;cursor:pointer;font-family:inherit}.dlg .recon{position:sticky;bottom:-14px;z-index:2;background:#fff;margin:12px -16px -14px;padding:10px 16px 14px;border-top:1px solid var(--g200)}.dlg .recon .msg{margin:0}