:root{--bf-bg: #fdf5e6;--bf-bg-alt: #faf0e6;--bf-surface: #faf0e6;--bf-surface-strong: #fffbf3;--bf-surface-soft: #f0e6d0;--bf-ink: #2f2f2f;--bf-muted: #707070;--bf-line: #d2c5a8;--bf-accent: #b8860b;--bf-accent-strong: #a67b0a;--bf-on-accent: #fdf5e6;--bf-success: #2f6f55;--bf-success-soft: #dcecdf;--bf-danger: #b00020;--bf-danger-soft: #f5d9dd;--bf-shadow: 0 12px 28px rgba(0, 0, 0, .06);--bf-body-font: "Noto Sans TC", system-ui, sans-serif}html[data-locale=en]{--bf-body-font: "Noto Sans", system-ui, sans-serif}html[data-locale=zh-TW]{--bf-body-font: "Noto Sans TC", system-ui, sans-serif}html[data-locale=ja]{--bf-body-font: "Noto Sans JP", system-ui, sans-serif}html[data-locale=th]{--bf-body-font: "Noto Sans Thai", system-ui, sans-serif}html[data-theme-style=classic]{--bf-bg: #ffffff;--bf-bg-alt: #ffffff;--bf-surface: #ffffff;--bf-surface-strong: #ffffff;--bf-surface-soft: #f5f5f5;--bf-ink: #000000;--bf-muted: #616161;--bf-line: #e0e0e0;--bf-accent: #000000;--bf-accent-strong: #000000;--bf-on-accent: #ffffff;--bf-success: #1f4d3c;--bf-success-soft: #e7eee9;--bf-danger: #b00020;--bf-danger-soft: #f5d9dd;--bf-shadow: 0 10px 24px rgba(0, 0, 0, .04)}html[data-theme-mode=dark][data-theme-style=industrial]{--bf-bg: #121212;--bf-bg-alt: #121212;--bf-surface: #1e1e1e;--bf-surface-strong: #161616;--bf-surface-soft: #2a2a2a;--bf-ink: #e0e0e0;--bf-muted: #888888;--bf-line: #2a2a2a;--bf-accent: #e6b325;--bf-accent-strong: #d4a320;--bf-on-accent: #121212;--bf-success: #8fd4b6;--bf-success-soft: rgba(143, 212, 182, .18);--bf-danger: #cf6679;--bf-danger-soft: rgba(207, 102, 121, .18);--bf-shadow: none}html[data-theme-mode=dark][data-theme-style=classic]{--bf-bg: #000000;--bf-bg-alt: #000000;--bf-surface: #1e1e1e;--bf-surface-strong: #1e1e1e;--bf-surface-soft: #303030;--bf-ink: #ffffff;--bf-muted: #bdbdbd;--bf-line: #424242;--bf-accent: #ffffff;--bf-accent-strong: #ffffff;--bf-on-accent: #000000;--bf-success: #b9dcca;--bf-success-soft: rgba(185, 220, 202, .16);--bf-danger: #cf6679;--bf-danger-soft: rgba(207, 102, 121, .18);--bf-shadow: none}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bf-bg);color:var(--bf-ink);font-family:var(--bf-body-font);line-height:1.5;transition:background-color .18s ease,color .18s ease,border-color .18s ease}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{width:min(760px,100% - 2rem);margin-inline:auto;padding:.5rem 0 3.5rem}.page-shell>.app-header:first-child{margin-top:-.5rem;padding-top:calc(.7rem + env(safe-area-inset-top))}.app-header{position:sticky;top:0;z-index:20;isolation:isolate;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:calc(.2rem + env(safe-area-inset-top)) 0 .8rem;margin-bottom:.25rem;border-bottom:0;background:transparent}.app-header:before{content:"";position:absolute;inset:0 0 0 50%;width:100vw;border-bottom:1px solid var(--bf-line);background:color-mix(in srgb,var(--bf-surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(-50%);pointer-events:none;z-index:-1}.app-header--plain{border-bottom:0;justify-content:flex-start;margin-bottom:0;padding-bottom:0}.app-header--plain:before{border-bottom:0}.brand-lockup{display:inline-flex;gap:.75rem;align-items:center}.brand-mark{width:.85rem;height:.85rem;border-radius:999px;background:var(--bf-accent);box-shadow:0 0 0 .35rem #b8860b1f}.brand-title,.panel-title,.headline,.subhead{margin:0;font-family:var(--bf-body-font);color:var(--bf-ink);line-height:1.2}.brand-title{font-size:clamp(1.22rem,2.2vw,1.55rem);font-weight:800}.headline{font-size:clamp(1.4rem,3vw,1.82rem);font-weight:800}.panel-title{font-size:clamp(1.08rem,2.1vw,1.32rem);font-weight:700}.subhead{font-size:.96rem;font-weight:700}.eyebrow{margin:0 0 .35rem;color:var(--bf-muted);font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:none}.eyebrow--inverse{color:var(--bf-muted)}.muted-copy{margin:0;color:var(--bf-muted);line-height:1.55}.muted-copy--inverse{color:var(--bf-muted)}.section-card{border-radius:24px;border:1px solid var(--bf-line);background:var(--bf-surface);box-shadow:var(--bf-shadow);color:var(--bf-ink)}.section-card{padding:.95rem 1rem}.metric-grid{display:grid;gap:.75rem;margin-block:1rem}.panel-header{display:flex;gap:.85rem;align-items:center;justify-content:space-between;margin-bottom:.8rem}.panel-header--compact{align-items:flex-start;margin-block:.15rem .45rem}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.button-row--between{justify-content:space-between}.button-primary,.button-secondary,.button-ghost{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;min-height:3rem;padding:.72rem 1rem;border-radius:18px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.button-primary:hover,.button-primary:focus-visible,.button-secondary:hover,.button-secondary:focus-visible,.button-ghost:hover,.button-ghost:focus-visible,.provider-button:hover,.provider-button:focus-visible,.tab-button:hover,.tab-button:focus-visible{outline:none;opacity:.92}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled,.provider-button:disabled{opacity:.6;cursor:not-allowed}.button-primary,.button-primary--inverse{color:var(--bf-on-accent);background:var(--bf-accent);border-color:var(--bf-accent)}.button-secondary,.button-secondary--inverse{color:var(--bf-accent-strong);background:transparent;border-color:var(--bf-accent-strong)}.button-ghost{color:var(--bf-accent-strong);background:transparent;border-color:transparent}.icon-button{display:inline-flex;width:2.85rem;height:2.85rem;align-items:center;justify-content:center;padding:0;border-radius:999px;border:1px solid var(--bf-line);background:var(--bf-surface);color:var(--bf-accent-strong);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.icon-button--secondary{background:transparent;border-color:var(--bf-accent-strong)}.icon-button--ghost{background:transparent;border-color:transparent}.icon-button:hover,.icon-button:focus-visible{outline:none;opacity:.92}.icon-button:disabled{opacity:.6;cursor:not-allowed}.app-icon{display:block;width:1.25rem;height:1.25rem;flex:0 0 auto}.surface-note{margin:0;padding:.68rem .82rem;border-radius:14px;background:var(--bf-surface-soft);border:1px solid var(--bf-line);color:var(--bf-muted);line-height:1.5}.surface-note--inverse{background:var(--bf-surface-soft);border-color:var(--bf-line);color:var(--bf-muted)}.status-pill{--status-pill-bg: color-mix(in srgb, var(--bf-surface-soft) 76%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-line) 66%, transparent);--status-pill-fg: var(--bf-ink);display:inline-flex;gap:.38rem;align-items:center;justify-content:center;min-height:1.75rem;padding:.24rem .68rem;border-radius:999px;background:var(--status-pill-bg);border:1px solid var(--status-pill-border);color:var(--status-pill-fg);font-size:.8rem;font-weight:700}.status-pill--quiet{--status-pill-bg: color-mix(in srgb, var(--bf-surface-soft) 68%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-line) 54%, transparent);--status-pill-fg: var(--bf-muted)}.status-pill--accent{--status-pill-bg: color-mix(in srgb, var(--bf-accent) 18%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-accent) 34%, transparent);--status-pill-fg: var(--bf-accent-strong)}.status-pill--neutral{--status-pill-bg: color-mix(in srgb, var(--bf-line) 16%, var(--bf-surface-soft));--status-pill-border: color-mix(in srgb, var(--bf-line) 72%, transparent);--status-pill-fg: color-mix(in srgb, var(--bf-muted) 82%, var(--bf-ink))}.status-pill--danger{--status-pill-bg: color-mix(in srgb, var(--bf-danger-soft) 84%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-danger) 28%, transparent);--status-pill-fg: color-mix(in srgb, var(--bf-danger) 88%, var(--bf-ink))}.status-pill--role-admin{--status-pill-bg: color-mix(in srgb, var(--bf-accent) 20%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-accent) 34%, transparent);--status-pill-fg: var(--bf-accent-strong)}.status-pill--role-member{--status-pill-bg: color-mix(in srgb, var(--bf-surface-soft) 84%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-line) 68%, transparent);--status-pill-fg: var(--bf-ink)}.status-pill--role-viewer{--status-pill-bg: color-mix(in srgb, var(--bf-line) 12%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-line) 56%, transparent);--status-pill-fg: var(--bf-muted)}.status-pill__marker{width:.42rem;height:.42rem;flex:0 0 auto;border-radius:999px;background:currentColor;opacity:.92}.status-pill--debt{padding-inline:.76rem;font-weight:800}.status-pill--debt-pending{--status-pill-bg: color-mix(in srgb, var(--bf-accent) 16%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-accent) 28%, transparent);--status-pill-fg: color-mix(in srgb, var(--bf-accent-strong) 86%, var(--bf-ink))}.status-pill--debt-paid{--status-pill-bg: color-mix(in srgb, var(--bf-accent) 22%, var(--bf-surface-soft));--status-pill-border: color-mix(in srgb, var(--bf-accent) 34%, transparent);--status-pill-fg: var(--bf-accent-strong)}.status-pill--debt-confirmed{--status-pill-bg: color-mix(in srgb, var(--bf-success-soft) 78%, var(--bf-surface));--status-pill-border: color-mix(in srgb, var(--bf-success) 28%, transparent);--status-pill-fg: color-mix(in srgb, var(--bf-success) 88%, var(--bf-ink))}.status-pill--debt-carried-over{--status-pill-bg: color-mix(in srgb, var(--bf-line) 22%, var(--bf-surface-soft));--status-pill-border: color-mix(in srgb, var(--bf-line) 76%, transparent);--status-pill-fg: var(--bf-muted)}.app-switch{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;min-height:3rem;color:var(--bf-muted)}.app-switch__label{font-size:.88rem;font-weight:700;line-height:1.35}.app-switch__input{position:relative;width:3.1rem;height:1.9rem;margin:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--bf-line) 36%,var(--bf-surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bf-line) 82%,white);appearance:none;-webkit-appearance:none;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}.app-switch__input:before{content:"";position:absolute;top:50%;left:.2rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--bf-surface);box-shadow:0 8px 18px color-mix(in srgb,black 18%,transparent);transform:translateY(-50%);transition:transform .16s ease}.app-switch__input:checked{background:color-mix(in srgb,var(--bf-accent) 82%,white 6%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bf-accent) 88%,black 8%)}.app-switch__input:checked:before{transform:translate(1.2rem,-50%)}.app-switch__input:focus-visible{outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bf-accent) 88%,black 8%),0 0 0 3px color-mix(in srgb,var(--bf-accent) 18%,transparent)}.app-switch__input:disabled{cursor:not-allowed;opacity:.72}.settlement-sort-toggle{min-width:min(100%,17rem)}.feature-list{display:grid;gap:.7rem}.feature-list--compact{margin-top:0}.feature-row{display:flex;gap:.65rem;align-items:flex-start}.feature-row p{margin:0;line-height:1.5}.feature-dot{width:.6rem;height:.6rem;flex:0 0 auto;margin-top:.45rem;border-radius:999px;background:var(--bf-accent)}.tab-strip{display:flex;flex-wrap:wrap;gap:.65rem}.tab-button{min-height:2.85rem;padding:.7rem .95rem;border:1px solid var(--bf-line);border-radius:18px;background:var(--bf-surface-strong);color:var(--bf-muted);cursor:pointer}.tab-button--active{border-color:var(--bf-accent);background:var(--bf-surface-soft);color:var(--bf-accent-strong);font-weight:700}.field-grid{display:grid;gap:.75rem}.field-label{display:grid;gap:.35rem;font-weight:600;color:var(--bf-ink)}.input-shell{width:100%;min-height:3rem;padding:.72rem .9rem;border:1px solid var(--bf-line);border-radius:18px;background:var(--bf-surface-strong);color:var(--bf-ink)}.input-shell:focus{outline:2px solid color-mix(in srgb,var(--bf-accent) 30%,transparent);outline-offset:1px}html[data-density=compact] .page-shell{padding-bottom:2.8rem}html[data-density=compact] .section-card{padding:.82rem .9rem}html[data-density=compact] .button-primary,html[data-density=compact] .button-secondary,html[data-density=compact] .button-ghost,html[data-density=compact] .icon-button,html[data-density=compact] .input-shell,html[data-density=compact] .tab-button{min-height:2.75rem}html[data-density=compact] .metric-grid,html[data-density=compact] .panel-header,html[data-density=compact] .button-row,html[data-density=compact] .field-grid{gap:.65rem}@media(min-width:700px){.metric-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.page-shell{width:min(100% - 1rem,100%)}}