:root{--brand: #0f5c57;--brand-hover: #0b4b47;--brand-weak: #e6f2f0;--ink: #18181b;--ink-2: #3f3f46;--muted: #71717a;--border: #e4e4e7;--border-str: #d4d4d8;--surface: #ffffff;--canvas: #f4f4f5;--paid: #15803d;--paid-bg: #ecfdf3;--pending: #5c5c66;--pending-mark: #8b8b94;--pending-bg: #f4f4f5;--overdue: #b91c1c;--overdue-bg: #fef2f2;--warn: #b45309;--warn-bg: #fffbeb;--danger: #b91c1c;--r-sm: 6px;--r-md: 10px;--r-full: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--font: "IBM Plex Sans", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;--topbar-h: 56px;--tabbar-h: 60px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:var(--topbar-h);padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__brand{margin:0;font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;color:var(--brand);white-space:nowrap}.topbar__spacer{flex:1}.topbar__user{margin:0;font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.page{max-width:1080px;margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + 24px)}.tabs{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{display:grid;justify-items:center;gap:2px;padding:8px 4px;min-height:var(--tabbar-h);border:0;background:none;color:var(--muted);font:inherit;font-size:var(--fs-xs);cursor:pointer}.tabbar__item--active{color:var(--brand);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;margin-bottom:16px}.panel__title{margin:0 0 14px;font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em}.panel__count{color:var(--muted);font-weight:400}.field{display:grid;gap:4px;font-size:var(--fs-sm);color:var(--muted);min-width:0}.control{width:100%;padding:9px 11px;font-family:inherit;font-size:var(--fs-md);color:var(--ink);background:var(--surface);border:1px solid var(--border-str);border-radius:var(--r-sm);transition:border-color .12s,box-shadow .12s}.control:hover:not(:disabled):not(:focus){border-color:var(--muted)}.control:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-weak)}.control:disabled{background:var(--canvas);color:var(--muted)}.control--cell{max-width:7rem;padding:6px 9px}.control--partial{max-width:6.5rem;padding:5px 9px;font-size:var(--fs-sm)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.actions{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:12px}.form-row--footer{margin-top:16px;margin-bottom:0}.form-row>.field{flex:0 1 var(--w, 170px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:var(--fs-md);font-weight:500;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.btn:disabled{cursor:default}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-hover)}.btn--primary:disabled{background:var(--canvas);color:var(--muted)}.btn--quiet{background:var(--surface);border-color:var(--border-str);color:var(--ink)}.btn--quiet:hover:not(:disabled){border-color:var(--muted);background:var(--canvas)}.btn--quiet:disabled{color:var(--muted);background:var(--canvas)}.btn--danger{background:var(--surface);border-color:var(--border-str);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--overdue-bg);border-color:var(--danger)}.btn--sm{padding:5px 10px;font-size:var(--fs-sm)}.btn--icon{padding:6px;background:none;border-color:transparent;color:var(--muted);border-radius:var(--r-sm)}.btn--icon:hover:not(:disabled){color:var(--danger);background:var(--overdue-bg)}.btn--link{padding:0;background:none;border:0;color:var(--brand);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.btn--link:hover{color:var(--brand-hover)}.error-text{margin:0 0 12px;font-size:var(--fs-sm);color:var(--danger)}.notice{margin:0 0 12px;font-size:var(--fs-sm);color:var(--paid)}.warn-text{margin:0 0 4px;font-size:var(--fs-sm);color:var(--warn)}.hint{margin:10px 0 0;font-size:var(--fs-sm);color:var(--muted);line-height:1.7}.hint--lead{margin:0 0 12px}.empty{margin:0;padding:20px 0;font-size:var(--fs-sm);color:var(--muted)}.code{display:block;padding:8px 10px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--r-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);word-break:break-all}.steps{margin:0 0 16px;padding-left:20px;font-size:var(--fs-sm);color:var(--ink-2)}.steps>li{margin-bottom:8px}.badge-row{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0;border-top:1px solid var(--border);margin-bottom:12px}.badge-row--plain{border-top:0;padding-bottom:0;margin-bottom:0}.verify{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:8px}.verify__code{font-size:var(--fs-xl);letter-spacing:.2em;color:var(--brand)}.verify__note{font-size:var(--fs-sm);color:var(--muted)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{padding:8px;text-align:left;font-weight:500;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--muted);border-bottom:1px solid var(--border-str);white-space:nowrap}.table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:2px 9px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.pill--paid{background:var(--paid-bg);color:var(--paid)}.pill--pending{background:var(--pending-bg);color:var(--pending)}.pill--overdue{background:var(--overdue-bg);color:var(--overdue)}.pill--cancelled{background:var(--pending-bg);color:var(--pending);text-decoration:line-through}.pill--warn{background:var(--warn-bg);color:var(--warn)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-sm);color:var(--muted)}.badge--on{color:var(--paid)}.collect{display:grid;gap:12px}.collect__bar{display:flex;height:12px;border-radius:var(--r-full);overflow:hidden;background:var(--pending-bg)}.collect__seg{height:100%}.collect__legend{display:flex;flex-wrap:wrap;gap:8px 24px}.collect__item{display:grid;gap:1px}.collect__label{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--muted)}.collect__dot{width:8px;height:8px;border-radius:var(--r-full);flex:none}.collect__seg--paid,.collect__dot--paid{background:var(--paid)}.collect__seg--pending,.collect__dot--pending{background:var(--pending-mark)}.collect__seg--overdue,.collect__dot--overdue{background:var(--overdue)}.collect__value{font-size:var(--fs-xl);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.collect__value--overdue{color:var(--overdue)}.collect__note{font-size:var(--fs-xs);color:var(--muted)}.push{display:grid;gap:10px}.push__stats{display:flex;flex-wrap:wrap;gap:8px 24px}.push__item{display:grid;gap:1px}.push__label{font-size:var(--fs-xs);color:var(--muted)}.push__value{font-size:var(--fs-lg);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.push__value--failed{color:var(--overdue)}.push__failure{margin:0;padding:10px 12px;border-radius:var(--r-md);background:var(--overdue-bg);border:1px solid var(--overdue);font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}.push__failure strong{color:var(--overdue)}.push__failure--resolved{background:var(--canvas);border-color:var(--border-str)}.push__failure--resolved strong{color:var(--ink-2)}.push__reason{display:block;margin-top:4px;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);color:var(--muted)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:28px 24px}.login__brand{margin:0 0 4px;font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em;color:var(--brand)}.login__tagline{margin:0 0 24px;font-size:var(--fs-sm);color:var(--muted)}.login__form{display:grid;gap:14px}.login__footer{margin:16px 0 0;text-align:center}@media(max-width:639px){.table--stack thead{display:none}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{display:block;width:100%}.table--stack tr{border:1px solid var(--border-str);border-radius:var(--r-md);padding:10px 12px;margin-bottom:10px}.table--stack td{padding:4px 0;border-bottom:0}.table--stack td[data-label]{display:grid;grid-template-columns:5rem 1fr;gap:12px;align-items:center}.table--stack td[data-label]:before{content:attr(data-label);font-size:var(--fs-xs);color:var(--muted)}.table--stack td:not([data-label]){padding-top:10px}.table--stack .control--cell{max-width:none}.table--stack input[type=checkbox]{width:20px;height:20px}.table--scroll{min-width:max-content}}@media(min-width:640px){.page{padding:24px 24px 48px}.panel{padding:20px 24px}.topbar{padding:0 24px;gap:20px}.tabbar{display:none}.tabs{display:flex;gap:4px}.tabs__item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;transition:background-color .12s,color .12s}.tabs__item:hover{background:var(--canvas)}.tabs__item--active{background:var(--brand-weak);color:var(--brand);font-weight:600}}