.fp-root{background:var(--wh-surface,#fff);font-family:var(--wh-font,"Open Sans",sans-serif);flex-direction:column;height:100%;min-height:0;display:flex}.fp-header{border-bottom:1px solid var(--wh-border,#0f172a14);background:var(--wh-surface,#fff);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.fp-header-left{align-items:center;gap:12px;min-width:0;display:flex}.fp-header-title{color:var(--wh-text,#0f172a);white-space:nowrap;font-size:15px;font-weight:600}.fp-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.fp-body{flex-direction:column;flex:1;gap:24px;padding:24px 24px 32px;display:flex;overflow:auto}.fp-section{flex-direction:column;gap:8px;display:flex}.fp-label{color:var(--wh-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.fp-hint{color:var(--wh-text-muted,#64748b);font-size:12px;line-height:1.45}.fp-input,.fp-textarea{box-sizing:border-box;border-radius:var(--wh-radius-md,8px);border:1px solid var(--wh-border,#0f172a1f);background:var(--wh-surface,#fff);color:var(--wh-text,#0f172a);font-family:var(--wh-font,"Open Sans",sans-serif);width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.fp-input::placeholder,.fp-textarea::placeholder{color:var(--wh-text-muted,#94a3b8)}.fp-input:focus,.fp-textarea:focus{border-color:var(--wh-indigo,#6366f1);box-shadow:0 0 0 3px var(--wh-indigo-muted,#6366f11f);outline:none}.fp-input-title{font-size:18px;font-weight:600}.fp-textarea{resize:vertical;min-height:76px;line-height:1.5}.fp-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.fp-readtext{color:var(--wh-text-secondary,#334155);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.fp-readtext.is-muted{color:var(--wh-text-muted,#94a3b8)}.fp-title-read{color:var(--wh-text,#0f172a);margin:0;font-size:21px;font-weight:700;line-height:1.3}.fp-scan{border-radius:var(--wh-radius-lg,12px);border:1px solid var(--wh-border,#0f172a14);background:var(--wh-bg,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.fp-scan-text{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.fp-scan-title{color:var(--wh-text,#0f172a);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.fp-attach-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fp-attach-count{color:var(--wh-text-muted,#94a3b8);font-weight:500}.fp-attach-list{flex-wrap:wrap;gap:8px;display:flex}.fp-chip{border-radius:var(--wh-radius-full,9999px);background:var(--wh-bg-secondary,#f1f5f9);border:1px solid var(--wh-border,#0f172a14);align-items:center;gap:7px;max-width:280px;padding:6px 10px;display:inline-flex}.fp-chip-thumb{object-fit:cover;border:1px solid var(--wh-border,#0f172a14);border-radius:4px;width:18px;height:18px}.fp-chip-name{font-size:12px;font-family:var(--wh-font,"Open Sans",sans-serif);color:var(--wh-text,#0f172a);text-overflow:ellipsis;white-space:nowrap;max-width:200px;text-decoration:none;overflow:hidden}.fp-chip-remove{cursor:pointer;color:var(--wh-text-muted,#94a3b8);background:0 0;border:none;padding:0;display:flex}.fp-meta-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.fp-meta-cell{flex-direction:column;gap:8px;display:flex;position:relative}.fp-card{background:var(--wh-bg,#f8fafc);border-radius:var(--wh-radius-lg,12px);border:1px solid var(--wh-border,#0f172a14);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.fp-card-value{color:var(--wh-text,#0f172a);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.fp-card-value.is-overdue{color:var(--wh-error,#ef4444)}.fp-card-value .fp-card-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fp-avatar{background:var(--wh-indigo,#6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.fp-avatar-sm{width:24px;height:24px;font-size:11px}.fp-avatar-xs{width:22px;height:22px;font-size:10px}.fp-dropdown-backdrop{z-index:99;position:fixed;inset:0}.fp-dropdown{background:var(--wh-surface,#fff);border:1px solid var(--wh-border,#0f172a1a);border-radius:var(--wh-radius-md,8px);box-shadow:var(--wh-shadow-lg,0 10px 15px -3px #00000014);z-index:100;max-height:240px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow:auto}.fp-dropdown-item{border-radius:var(--wh-radius-sm,6px);text-align:left;cursor:pointer;font-family:var(--wh-font,"Open Sans",sans-serif);color:var(--wh-text,#0f172a);background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.fp-dropdown-item:hover{background:var(--wh-surface-hover,#0f172a0a)}.fp-dropdown-item.is-selected{background:var(--wh-indigo-muted,#6366f11a)}.fp-dropdown-item.is-none{color:var(--wh-text-muted,#94a3b8)}.fp-dropdown-search{z-index:1;box-sizing:border-box;background:var(--wh-surface,#fff);border:1px solid var(--wh-border,#0f172a1a);border-radius:var(--wh-radius-sm,6px);font-family:var(--wh-font,"Open Sans",sans-serif);color:var(--wh-text,#0f172a);outline:none;width:100%;margin:-4px 0 4px;padding:8px 10px;font-size:13px;display:block;position:sticky;top:-4px}.fp-dropdown-search:focus{border-color:var(--wh-indigo,#6366f1)}.fp-dropdown-search::placeholder{color:var(--wh-text-muted,#94a3b8)}.fp-dropdown-empty{text-align:center;font-family:var(--wh-font,"Open Sans",sans-serif);color:var(--wh-text-muted,#94a3b8);padding:10px;font-size:13px}.fp-segment{border-radius:var(--wh-radius-md,8px);background:var(--wh-bg,#f8fafc);border:1px solid var(--wh-border,#0f172a14);padding:3px;display:inline-flex}.fp-segment-btn{border-radius:var(--wh-radius-sm,6px);color:var(--wh-text-muted,#94a3b8);font-size:12px;font-weight:600;font-family:var(--wh-font,"Open Sans",sans-serif);cursor:pointer;background:0 0;border:none;padding:6px 16px;transition:background .15s,color .15s,box-shadow .15s}.fp-segment-btn:disabled{cursor:default;opacity:.6}.fp-segment-btn.is-active{background:var(--wh-surface,#fff);box-shadow:var(--wh-shadow-sm,0 1px 2px 0 #0000000d)}.fp-segment-btn.is-active.is-unpaid{color:var(--wh-error,#ef4444)}.fp-segment-btn.is-active.is-paid{color:var(--wh-success,#10b981)}.fp-paid-stamp{color:var(--wh-text-secondary,#334155);align-items:center;gap:6px;font-size:12px;display:inline-flex}.fp-divider-section{border-top:1px solid var(--wh-border,#0f172a14);flex-direction:column;gap:12px;padding-top:20px;display:flex}.fp-settle-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fp-settle-preview{color:var(--wh-text-secondary,#334155);font-size:12px}.fp-settle-box{background:var(--wh-bg,#f8fafc);border-radius:var(--wh-radius-lg,12px);border:1px solid var(--wh-border,#0f172a14);flex-direction:column;gap:12px;padding:14px;display:flex}.fp-settle-summary{color:var(--wh-text,#0f172a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.fp-settle-outstanding{color:var(--wh-warning,#f59e0b);font-weight:600}.fp-settle-outstanding.is-clear{color:var(--wh-success,#10b981)}.fp-progress{border-radius:var(--wh-radius-full,9999px);background:var(--wh-border,#0f172a1a);height:6px;overflow:hidden}.fp-progress-fill{border-radius:var(--wh-radius-full,9999px);background:var(--wh-indigo,#6366f1);height:100%;transition:width .3s}.fp-progress-fill.is-complete{background:var(--wh-success,#10b981)}.fp-settle-rows{flex-direction:column;display:flex}.fp-settle-row{border-top:1px solid var(--wh-border,#0f172a14);color:var(--wh-text,#0f172a);grid-template-columns:84px 1fr 72px auto;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.fp-settle-row-head{color:var(--wh-text-muted,#64748b);border-top:none;padding-bottom:4px;font-weight:600}.fp-settle-cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fp-icon-btn{cursor:pointer;color:var(--wh-text-muted,#94a3b8);border-radius:var(--wh-radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:background .12s,color .12s;display:inline-flex}.fp-icon-btn:hover{background:var(--wh-error-light,#ef44441f);color:var(--wh-error,#ef4444)}.fp-footer{border-top:1px solid var(--wh-border,#0f172a14);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.fp-footer-meta{color:var(--wh-text-muted,#94a3b8);font-size:12px}@media (width<=560px){.fp-settle-grid{grid-template-columns:1fr}}.fp-tabs{border-bottom:1px solid var(--wh-border,#0f172a14);background:var(--wh-surface,#fff);flex-shrink:0;gap:4px;padding:0 20px;display:flex}.fp-tab{appearance:none;color:var(--wh-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:color .12s,border-color .12s}.fp-tab:hover{color:var(--wh-text,#0f172a)}.fp-tab.is-active{color:var(--wh-indigo,#6366f1);border-bottom-color:var(--wh-indigo,#6366f1)}.fp-tl{flex-direction:column;gap:18px;display:flex}.fp-tl-row{align-items:flex-start;gap:12px;display:flex}.fp-tl-icon{background:var(--wh-surface-2,#0f172a0a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fp-tl-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fp-tl-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fp-tl-text{color:var(--wh-text,#0f172a);font-size:13px;line-height:1.4}.fp-tl-text strong{font-weight:600}.fp-tl-time{color:var(--wh-text-muted,#94a3b8);white-space:nowrap;flex-shrink:0;font-size:11px}.fp-tl-sub{color:var(--wh-text-muted,#64748b);font-size:12px}.fp-tl-changes{background:var(--wh-surface-2,#0f172a08);color:var(--wh-text,#0f172a);border-radius:8px;flex-direction:column;gap:4px;margin:2px 0 0;padding:6px 10px;font-size:12px;list-style:none;display:flex}.fp-tl-field{color:var(--wh-text-muted,#64748b);font-weight:600}.fp-tl-old{color:var(--wh-text-muted,#94a3b8);text-decoration:line-through}.fp-tl-new{color:var(--wh-text,#0f172a);font-weight:600}.fp-tl-backfill{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-style:italic}.fp-tl-empty{color:var(--wh-text-muted,#64748b);flex-direction:column;align-items:center;gap:8px;padding:40px 0;font-size:13px;display:flex}