https://nekowa.com/assets/ExecutorSettlement-CxlfHH2H.js

1import{ab as ht,ad as ft,aH as gt,ae as jt,aI as Nt,aJ as Je,j as e,T as Xe,aK as Q,C as J,x as yt,aL as wt,aM as St,aN as kt}from"./index-BqXoy4fy.js";import{E as Ie}from"./EmptyState-B-Pcpc4w.js";import{r as s}from"./react-DBTFCQ9V.js";import{q as Te,j as ue,U as Le,T as Ze,w as Ct,p as Ee,a0 as Ge,m as zt,a as Fe,C as $t,F as le,Q as he,a8 as fe,aR as It,x as X,V as Me,X as ne,I as Tt,N as Lt,Z as tt,a9 as Et,W as rt,g as st}from"./utils-DRBGurlB.js";import"./firebase-DUmv6NEE.js";const Mt=({currentYear:o,currentMonthStr:m,onChange:p,className:v})=>{const[d,c]=s.useState(!1),[g,z]=s.useState(o||new Date().getFullYear()),$=s.useRef(null);s.useEffect(()=>{const u=N=>{$.current&&!$.current.contains(N.target)&&c(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[]);const O=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],j=o===null?"不限年度":m?`${m.split("-")[0]}年 ${parseInt(m.split("-")[1])}月`:`${o}年 全年度`;return e.jsxs("div",{className:`relative ${v}`,ref:$,children:[e.jsxs("div",{...yt(()=>c(!d)),className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] hover:bg-[var(--bg-card-alt)] text-[var(--text-primary)] rounded-xl px-4 py-2 pl-9 cursor-pointer flex items-center justify-between transition-all select-none h-10",children:[e.jsx(tt,{className:"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--text-muted)]",size:16}),e.jsx("span",{className:"text-xs font-bold font-mono",children:j}),e.jsx(Fe,{size:14,className:`text-[var(--text-muted)] transition-transform ${d?"rotate-180":""}`})]}),d&&e.jsxs("div",{className:"absolute top-full right-0 sm:left-0 sm:right-auto mt-2 w-[calc(100vw-2rem)] sm:w-72 max-w-[288px] bg-[var(--bg-card)] border border-[var(--border)] rounded-2xl shadow-2xl z-[60] p-2 nk-in-down",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 mb-2",children:[e.jsx("button",{onClick:()=>z(u=>u-1),className:"p-1.5 hover:bg-[var(--bg-card-alt)] rounded-lg text-[var(--text-secondary)]",children:e.jsx(rt,{size:16})}),e.jsx("span",{className:"font-bold text-[var(--text-primary)] font-mono",children:g}),e.jsx("button",{onClick:()=>z(u=>u+1),className:"p-1.5 hover:bg-[var(--bg-card-alt)] rounded-lg text-[var(--text-secondary)]",children:e.jsx(st,{size:16})})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-1",children:[O.map((u,N)=>e.jsx("button",{onClick:()=>{p(g,`${g}-${(N+1).toString().padStart(2,"0")}`),c(!1)},className:"py-2 text-xs font-bold text-[var(--text-secondary)] hover:bg-[var(--accent)] hover:text-[var(--button-text)] rounded-lg transition-all",children:u},N)),e.jsx("button",{onClick:()=>{p(g,""),c(!1)},className:"col-span-3 py-2 mt-2 bg-[var(--bg-card-alt)] hover:bg-[var(--bg-card-alt)] text-[var(--text-primary)] rounded-lg text-xs font-bold",children:"全年度顯示"}),e.jsx("button",{onClick:()=>{p(null,""),c(!1)},className:"col-span-3 py-2 mt-1 bg-purple-600/20 hover:bg-purple-600/30 text-[var(--id-purple)] border border-[var(--id-purple)]/30 rounded-lg text-xs font-bold",children:"不限年度"})]})]})]})},et=({value:o,onChange:m,placeholder:p="YYYY-MM",className:v=""})=>{const[d,c]=s.useState(!1),[g,z]=s.useState(()=>o?parseInt(o.split("-")[0]):new Date().getFullYear()),$=s.useRef(null);s.useEffect(()=>{const i=F=>{$.current&&!$.current.contains(F.target)&&c(!1)};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[]),s.useEffect(()=>{d&&o&&z(parseInt(o.split("-")[0]))},[d,o]);const O=["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],[j,u]=o?[parseInt(o.split("-")[0]),parseInt(o.split("-")[1])]:[null,null],N=o?`${o.split("-")[0]} 年 ${parseInt(o.split("-")[1])} 月`:p;return e.jsxs("div",{className:`relative ${v}`,ref:$,children:[e.jsxs("button",{type:"button",onClick:()=>c(i=>!i),className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] hover:border-[var(--border-hover)] text-[var(--text-primary)] px-3 py-2 rounded-xl outline-none text-xs h-9 font-mono flex items-center justify-between gap-2 transition-all",children:[e.jsx("span",{className:o?"":"text-[var(--text-muted)]",children:N}),e.jsx(Fe,{size:11,className:`text-[var(--text-muted)] transition-transform shrink-0 ${d?"rotate-180":""}`})]}),d&&e.jsxs("div",{className:"absolute top-full left-0 mt-2 w-60 bg-[var(--bg-card)] border border-[var(--border)] rounded-2xl shadow-2xl z-[90] p-3 nk-in-down",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("button",{type:"button",onClick:()=>z(i=>i-1),className:"p-1.5 hover:bg-[var(--bg-card-alt)] rounded-lg text-[var(--text-secondary)]",children:e.jsx(rt,{size:14})}),e.jsx("button",{type:"button",onClick:()=>z(new Date().getFullYear()),className:"font-bold text-[var(--text-primary)] font-mono text-sm hover:bg-[var(--bg-card-alt)] px-3 py-1 rounded-lg transition-all",title:"點擊回到今年",children:g}),e.jsx("button",{type:"button",onClick:()=>z(i=>i+1),className:"p-1.5 hover:bg-[var(--bg-card-alt)] rounded-lg text-[var(--text-secondary)]",children:e.jsx(st,{size:14})})]}),e.jsx("div",{className:"grid grid-cols-3 gap-1",children:O.map((i,F)=>{const oe=F+1,I=j===g&&u===oe,Z=`${g}-${String(oe).padStart(2,"0")}`;return e.jsx("button",{type:"button",onClick:()=>{m(Z),c(!1)},className:`py-2 text-13 font-bold rounded-lg transition-all ${I?"bg-[var(--accent)] text-[var(--button-text)] shadow-md shadow-blue-500/20":"text-[var(--text-secondary)] hover:bg-[var(--bg-card-alt)] hover:text-[var(--text-primary)]"}`,children:i},F)})}),e.jsxs("div",{className:"grid grid-cols-2 gap-1 mt-2 pt-2 border-t border-[var(--border)]",children:[e.jsx("button",{type:"button",onClick:()=>{const i=new Date;m(`${i.getFullYear()}

1-${String(i.getMonth()+1).padStart(2,"0")}`),c(!1)},className:"py-1.5 text-12 font-bold text-[var(--accent)] hover:bg-[var(--accent)]/10 rounded-lg",children:"本月"}),e.jsx("button",{type:"button",onClick:()=>{m(""),c(!1)},className:"py-1.5 text-12 font-bold text-[var(--text-muted)] hover:bg-[var(--bg-card-alt)] rounded-lg",children:"清除"})]})]})]})},Ot=({permission:o,user:m})=>{var Qe;const p=s.useId(),v=m==null?void 0:m.executorScope,d=Array.isArray(v)&&v.length>0,c=m==null?void 0:m.id,g=t=>{if(!d||Array.isArray(t.executorUserIds)&&c&&t.executorUserIds.includes(c))return!0;const r=t.executorUserId;return typeof r=="string"&&c&&r===c?!0:v.includes(t.name)},z=t=>d?v.includes(t.executorName):!0,[$,O]=s.useState(!0),[j,u]=s.useState([]),[N,i]=s.useState([]),[F,oe]=s.useState([]),[I,Z]=s.useState(null),[x,ge]=s.useState(null),[de,at]=s.useState(new Date().getFullYear()),[ce,lt]=s.useState(""),[y,je]=s.useState(new Set),[De,Ae]=s.useState(!1),Ne=s.useRef(null);s.useEffect(()=>{const t=r=>{Ne.current&&!Ne.current.contains(r.target)&&Ae(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[]);const[ie,nt]=s.useState("unsettled"),[xe,ot]=s.useState(""),[R,ye]=s.useState(new Set),[dt,G]=s.useState(!1),[ee,Pe]=s.useState(!1),[D,Ye]=s.useState("9A"),[H,Oe]=s.useState(!1),[Re,He]=s.useState(""),[b,me]=s.useState(null),[w,U]=s.useState(null),[te,Ue]=s.useState(!1),[A,re]=s.useState(null),[S,we]=s.useState(null),[ct,Se]=s.useState(null),[ke,Ce]=s.useState(!1),[be,it]=s.useState(""),[T,W]=s.useState(""),[L,B]=s.useState(""),We=t=>{const r=new Date,a=l=>`${l.getFullYear()}-${String(l.getMonth()+1).padStart(2,"0")}`;if(t==="thisMonth")W(a(r)),B(a(r));else if(t==="last3"){const l=new Date(r.getFullYear(),r.getMonth()-2,1);W(a(l)),B(a(r))}else t==="thisYear"?(W(`${r.getFullYear()}-01`),B(`${r.getFullYear()}-12`)):(W(""),B(""))};s.useEffect(()=>{if(ke){const t=new Date,r=new Date(t.getFullYear(),t.getMonth()-1,1),a=l=>`${l.getFullYear()}-${String(l.getMonth()+1).padStart(2,"0")}`;!T&&!L&&(W(a(r)),B(a(t)))}},[ke]);const[pe,xt]=s.useState("all"),h=o.edit===!0&&!d;s.useEffect(()=>{V()},[]);const ze=d&&v.length===1;s.useEffect(()=>{ze&&!x&&ge(v[0])},[ze]);const E=(t,r="success")=>{Z({id:Date.now(),message:t,type:r})},V=async()=>{O(!0);try{const t=await ht(!0);u(t);const r=await Promise.all(t.map(l=>ft(l.id).then(n=>n.map(f=>({...f,tableId:l.id})))));i(r.flat());const a=await gt({scope:d?v:void 0});oe(a)}catch(t){console.error(t),E("載入資料失敗","error")}finally{O(!1)}},Be=s.useMemo(()=>{const t={};return j.forEach(r=>{t[r.id]=r.name}),t},[j]),Ve=s.useMemo(()=>{const t={};return j.forEach(r=>{t[r.id]=r.defaultSplitShares||[]}),t},[j]),_=s.useMemo(()=>{const t=[];return N.forEach(r=>{const a=Ve[r.tableId];(r.splitShares||[]).forEach(l=>{if(!jt(l,a)||!g(l))return;const n=Nt(l,r.amountTotal,r.costExtra||0);t.push({rowId:`${r.id}_${l.id}`,projectId:r.id,projectSerial:r.serialNumber,projectName:r.projectName,clientName:r.clientName,projectTableId:r.tableId,projectTableName:Be[r.tableId]||"未知列表",month:r.month,share:l,amount:n,isSettled:!!l.settledId,settledSerial:l.settledSerial})})}),t},[N,Be,Ve]),ve=s.useMemo(()=>{const t=new Map;return _.forEach(r=>{const a=t.get(r.share.name)||{name:r.share.name,total:0,pending:0,settled:0,pendingCount:0,settledCount:0,months:new Set};a.total+=r.amount,r.isSettled?(a.settled+=r.amount,a.settledCount++):(a.pending+=r.amount,a.pendingCount++),r.month&&a.months.add(r.month),t.set(r.share.name,a)}),Array.from(t.values()).sort((r,a)=>a.pending-r.pending)},[_]),k=s.useMemo(()=>{if(!x)return[];const t=new Set;return _.forEach(r=>{r.share.name===x&&t.add(r.projectTableId)}),j.filter(r=>t.has(r.id))},[_,x,j]);s.useEffect(()=>{je(t=>{const r=new Set(k.map(l=>l.id)),a=new Set([...t].filter(l=>r.has(l)));return a.size===t.size?t:a})},[k]);const M=s.useMemo(()=>x?_.filter(t=>{var r;if(t.share.name!==x||de!==null&&parseInt(((r=t.month)==null?void 0:r.split("-")[0])||"0")!==de||ce&&t.month!==ce||y.size>0&&!y.has(t.projectTableId)||ie==="settled"&&!t.isSettled||ie==="unsettled"&&t.isSettled)return!1;if(xe){const a=xe.toLowerCase();if(!t.projectName.toLowerCase().includes(a)&&!t.clientName.toLowerCase().includes(a))return!1}return!0}).sort((t,r)=>(r.month||"").localeCompare(t.month||"")||t.projectSerial-r.projectSerial):[],[_,x,de,ce,y,ie,xe]),C=s.useMemo(()=>M.filter(t=>R.has(t.rowId)&&!t.isSettled),[M,R]),P=s.useMemo(()=>C.reduce((t,r)=>t+r.amount,0),[C]),$e=s.useMemo(()=>Je(P,D,H),[P,D,H]),q=s.useMemo(()=>F.filter(t=>t.executorName===x&&z(t)).sort((t,r)=>r.serialNumber.localeCompare(t.serialNumber)),[F,x,d,v]),Y=s.useMemo(()=>q.filter(t=>{var r;if(be){const a=be.toLowerCase(),l=(r=t.serialNumber)==null?void 0:r.toLowerCase().includes(a),n=(t.note||"").toLowerCase().includes(a),f=(t.sourceShares||[]).some(K=>(K.projectName||"").toLowerCase().includes(a)||String(K.projectSerial||"").includes(a));if(!l&&!n&&!f)return!1}return!(T&&(t.settlementMonth||"")<T||L&&(t.settlementMonth||"")>L||pe==="paid"&&!t.isPaid||pe==="unpaid"&&t.isPaid)}),[q,be,T,L,pe]),se=s.useMemo(()=>{const t=Y.reduce((n,f)=>n+f.amountPayable,0),r=Y.reduce((n,f)=>n+f.netAmount,0),a=Y.filter(n=>n.isPaid).reduce((n,f)=>n+f.netAmount,0),l=r-a;return{total:t,net:r,paid:a,unpaid:l,count:Y.length}},[Y]),_e=t=>{!h||t.isSettled||ye(r=>{const a=new Set(r);return a.has(t.rowId)?a.delete(t.rowId):a.add(t.rowId),a})},mt=()=>{const t=M.filter(r=>!r.isSettled).map(r=>r.rowId);ye(new Set(t))},ae=()=>ye(new Set),bt=()=>{if(C.length===0){E("請先勾選要結算的項目","error");return}Ye("9A"),Oe(!1),He(""),G(!0)},pt=async()=>

1{if(!(!h||!x||C.length===0)){Pe(!0);try{const t=Je(P,D,H),r=C.map(n=>({projectId:n.projectId,projectSerial:n.projectSerial,projectName:n.projectName,tableId:n.projectTableId,shareId:n.share.id,shareName:n.share.name,amount:n.amount,month:n.month})),a={executorName:x,amountPayable:P,incomeType:D,hiExempt:H,withholdingTax:t.withholdingTax,healthInsurance:t.healthInsurance,netAmount:t.netAmount,isPaid:!1,paymentDate:null,isAutoCalc:!0,sourceShares:r,settlementMonth:new Date().toISOString().slice(0,7),note:Re},l=await wt(r.map(n=>({projectId:n.projectId,shareId:n.shareId})),a);E(`結算成功！單號 #${l.serialNumber}`),ae(),G(!1),await V()}catch(t){console.error(t);const r=(t==null?void 0:t.message)||"結算失敗";E(r,"error"),(r.includes("已被結算")||r.includes("已不存在")||r.includes("重新整理"))&&(await V(),ae())}finally{Pe(!1)}}},vt=async()=>{if(!(!h||!(w!=null&&w.id))){Ue(!0);try{await St(w.id),E("已刪除結算單並解鎖相關項目"),U(null),await V()}catch(t){console.error(t);const r=(t==null?void 0:t.message)||"刪除失敗";E(r,"error"),r.includes("已不存在")&&(await V(),U(null))}finally{Ue(!1)}}},qe=async(t,r,a)=>{if(!(!h||!t.id))try{await kt(t.id,{isPaid:r,paymentDate:a}),E(r?"已標記為已支付":"已標記為未支付"),re(null),await V()}catch(l){console.error(l),E("更新失敗","error")}},Ke=()=>new Date().toISOString().slice(0,10);return $?e.jsx("div",{className:"p-6 h-full flex items-center justify-center bg-[var(--bg-page)]",children:e.jsx(Te,{className:"animate-spin text-[var(--text-muted)]",size:32})}):x?e.jsxs("div",{className:"p-4 md:p-6 h-full font-sans flex flex-col bg-[var(--bg-page)]",children:[I&&e.jsx(Xe,{message:I.message,type:I.type,onClose:()=>Z(null)}),e.jsxs("div",{className:"flex flex-col gap-4 mb-4 shrink-0",children:[e.jsxs("div",{className:"flex flex-col xl:flex-row xl:items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[!ze&&e.jsx("button",{onClick:()=>{ge(null),ae()},className:"p-2 hover:bg-[var(--bg-card-alt)] rounded-xl text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-all border border-[var(--border)]",title:"返回選擇",children:e.jsx(Ct,{size:18})}),e.jsxs("div",{children:[e.jsxs("h2",{className:"text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(Le,{className:"text-[var(--id-purple)]",size:24}),x,d&&e.jsxs("span",{className:"ml-2 inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--accent)]/10 border border-[var(--accent)]/30 text-[var(--accent)] text-13 font-bold",children:[e.jsx(Ee,{size:11})," 受限檢視"]})]}),e.jsx("p",{className:"text-[var(--text-muted)] text-xs mt-0.5",children:"執行經紀結算"})]})]}),e.jsxs("div",{className:"flex items-center gap-5 bg-[var(--bg-card)] border border-[var(--border)] p-2.5 px-6 rounded-2xl",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-11 text-[var(--text-muted)] font-bold uppercase tracking-widest text-center",children:"已選"}),e.jsx("div",{className:"text-lg font-bold text-[var(--id-purple)] font-mono leading-none",children:C.length})]}),e.jsx("div",{className:"w-px h-6 bg-[var(--border)]"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-11 text-[var(--text-muted)] font-bold uppercase tracking-widest text-center",children:"合計"}),e.jsxs("div",{className:"text-lg font-bold text-[var(--success)] font-mono leading-none",children:["NT$",P.toLocaleString()]})]}),e.jsx("div",{className:"w-px h-6 bg-[var(--border)]"}),h?e.jsxs("button",{onClick:bt,disabled:C.length===0,className:"flex items-center gap-2 px-5 py-2.5 bg-purple-600 hover:bg-purple-500 disabled:bg-[var(--bg-card-alt)] disabled:text-[var(--text-muted)] text-white rounded-xl text-xs font-bold transition-all shadow-lg shadow-purple-900/20 active:scale-95 disabled:cursor-not-allowed disabled:active:scale-100",children:[e.jsx(ue,{size:14})," 產生結算單"]}):e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 bg-[var(--bg-card-alt)] text-[var(--text-muted)] rounded-xl text-xs font-bold border border-[var(--border)]",children:[e.jsx(Ee,{size:12})," 僅檢視"]})]})]}),e.jsxs("div",{className:"flex flex-col bg-[var(--bg-card)] border border-[var(--border)] p-4 rounded-2xl gap-4",children:[e.jsxs("div",{className:"flex flex-col sm:flex-row items-stretch sm:items-center gap-3 flex-1",children:[e.jsxs("div",{className:"relative flex-1 sm:max-w-[260px]",children:[e.jsx(Ge,{className:"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--text-muted)]",size:14}),e.jsx("input",{"aria-label":"搜尋專案 / 廠商...",type:"text",value:xe,onChange:t=>ot(t.target.value),placeholder:"搜尋專案 / 廠商...",className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] text-[var(--text-primary)] pl-8 pr-4 py-2 rounded-xl focus:border-[var(--accent)] outline-none transition-all text-14 h-10"})]}),e.jsx(Mt,{currentYear:de,currentMonthStr:ce,onChange:(t,r)=>{at(t),lt(r)},className:"w-full sm:w-44"})]}),e.jsxs("div",{className:"flex items-center gap-3 flex-wrap border-t border-[var(--border)] pt-3",children:[e.jsxs("div",{className:"relative",ref:Ne,children:[e.jsxs("button",{type:"button",onClick:()=>Ae(t=>!t),className:"flex items-center gap-2 bg-[var(--bg-card-alt)] border border-[var(--border)] hover:border-[var(--border-hover)] text-[var(--text-primary)] pl-3 pr-3 py-1.5 rounded-lg text-13 font-bold h-8 transition-all",children:[e.jsx(zt,{size:12,className:"text-[var(--text-muted)]"}),e.jsxs("span",{children:["商案：",y.size===0?"全部":y.size===1?((Qe=k.find(t=>y.has(t.id)))==null?void 0:Qe.name)||"?":`已選 ${y.size} / ${k.length}`]}

1),e.jsx(Fe,{size:10,className:`text-[var(--text-muted)] transition-transform ${De?"rotate-180":""}`})]}),De&&e.jsxs("div",{className:"absolute top-full left-0 mt-2 w-72 bg-[var(--bg-card)] border border-[var(--border)] rounded-2xl shadow-2xl z-[60] py-2 nk-in-down",children:[e.jsxs("div",{className:"px-3 pb-2 mb-1 flex items-center justify-between border-b border-[var(--border)]",children:[e.jsx("span",{className:"text-12 font-bold text-[var(--text-muted)] uppercase tracking-widest",children:"該經紀人涉及的列表"}),e.jsx("button",{onClick:()=>je(y.size===k.length?new Set:new Set(k.map(t=>t.id))),className:"text-12 font-bold text-[var(--accent)] hover:text-[var(--accent)]",children:y.size===k.length&&k.length>0?"清除":"全選"})]}),k.length===0?e.jsx("div",{className:"px-3 py-4 text-13 text-[var(--text-muted)] text-center",children:"該經紀人尚無相關商案"}):e.jsx("div",{className:"max-h-72 overflow-auto custom-scrollbar",children:k.map(t=>{const r=y.has(t.id);return e.jsxs("button",{onClick:()=>{je(a=>{const l=new Set(a);return l.has(t.id)?l.delete(t.id):l.add(t.id),l})},className:"w-full flex items-center gap-2 px-3 py-2 hover:bg-[var(--bg-card-alt)] text-left text-13 text-[var(--text-primary)] font-medium transition-all",children:[e.jsx("div",{className:`w-4 h-4 rounded border flex items-center justify-center transition-all ${r?"bg-purple-600 border-[var(--id-purple)]":"bg-[var(--bg-card-alt)] border-[var(--border)]"}`,children:r&&e.jsx($t,{size:10,className:"text-white"})}),e.jsx("span",{className:"flex-1 truncate",children:t.name})]},t.id)})})]})]}),e.jsx("div",{className:"flex bg-[var(--bg-card-alt)] border border-[var(--border)] rounded-lg overflow-hidden h-8",children:["unsettled","settled","all"].map(t=>e.jsx("button",{onClick:()=>nt(t),className:`px-3 text-13 font-bold transition-all ${ie===t?"bg-purple-600 text-white":"text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,children:t==="unsettled"?"未結算":t==="settled"?"已結算":"全部"},t))}),h&&M.some(t=>!t.isSettled)&&e.jsx("button",{onClick:R.size>0?ae:mt,className:"px-3 h-8 text-13 font-bold text-[var(--id-purple)] bg-[var(--id-purple)]/10 border border-[var(--id-purple)]/20 rounded-lg hover:bg-[var(--id-purple)]/20 transition-all",children:R.size>0?`取消選取 (${R.size})`:`全選未結算 (${M.filter(t=>!t.isSettled).length})`}),e.jsxs("span",{className:"text-12 text-[var(--text-muted)] font-bold ml-auto",children:["共 ",M.length," 筆"]})]})]})]}),e.jsxs("div",{className:"flex-1 grid grid-cols-1 xl:grid-cols-[1fr_400px] gap-4 overflow-hidden",children:[e.jsxs("div",{className:"bg-[var(--bg-card)] rounded-2xl border border-[var(--border)] shadow-xl flex flex-col overflow-hidden",children:[e.jsx("div",{className:"px-5 py-3 border-b border-[var(--border)] flex items-center justify-between bg-[var(--bg-card-alt)]",children:e.jsxs("h3",{className:"text-xs font-bold text-[var(--text-primary)] uppercase tracking-widest flex items-center gap-2",children:[e.jsx(le,{size:14,className:"text-[var(--id-purple)]"})," 可結算項目"]})}),e.jsx("div",{className:"flex-1 overflow-auto custom-scrollbar",children:M.length===0?e.jsx(Ie,{icon:le,title:e.jsx(e.Fragment,{children:"無符合條件的項目"}),iconSize:40,className:"py-20"}):e.jsxs("table",{className:"w-full text-center border-collapse min-w-[800px]",children:[e.jsx("thead",{className:"sticky top-0 bg-[var(--bg-card-alt)] shadow-sm z-10",children:e.jsxs("tr",{children:[e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-10"}),e.jsx("th",{className:"py-3 px-1 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-16",children:"商案"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-20",children:"月份"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-24",children:"列表"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] text-left",children:"專案 / 廠商"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--id-purple)] border-b border-[var(--border)] w-20",children:"分潤"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--success)] border-b border-[var(--border)] w-28",children:"應領"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-24",children:"狀態"}),e.jsx("th",{className:"py-3 px-2 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-12",children:"拆帳"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border)] nk-list nk-zebra",children:M.map(t=>{const r=R.has(t.rowId);return e.jsxs("tr",{onClick:()=>_e(t),className:`transition-all ${t.isSettled?"opacity-50 cursor-default":h?"cursor-pointer hover:bg-[var(--bg-card-alt)]":"cursor-default"} ${r?"bg-[var(--id-purple)]/10":""}`,children:[e.jsx("td",{className:"py-3 px-2",children:!t.isSettled&&h&&e.jsx("input",{"aria-label":"選取此列",type:"checkbox",checked:r,onChange:()=>_e(t),onClick:a=>a.stopPropagation(),className:"checkbox-modern"})}),e.jsx("td",{className:"py-3 px-1",children:e.jsxs("span",{className:"text-12 font-mono font-bold text-[var(--warning)] bg-[var(--warning)]/10 px-1.5 py-0.5 rounded",children:["#",t.projectSerial]})}),e.jsx("td",{className:"py-3 px-2 font-mono text-13 text-[var(--text-secondary)]",children:t.month}),e.jsx("td",{className:"py-3 px-2",children:e.jsx("span",{className:"text-13 font-medium text-[var(--text-primary)] bg-[var(--bg-card-alt)] border border-[var(--border)] px-2 py-0.5 rounded-md truncate max-w-[120px] inline-block",children:t.projectTableName})}),e.jsxs("td",{className:"py-3 px-3 text-left",children:[e.jsx("div",{className:"font-bold text-[var(--text-primary)] text-14",children:t.projectName}),e.jsx("div",{className:"text-13 text-supplier mt-0.5",children:t.clientName})]}),e.jsxs("td",{className:"py-3 px-2 font-mono text-13 text-[var(--id-purple)]",children:[t.share.percentage,"%"]}),e.jsxs("td",{className:"py-3 px-2 font-mono font-bold text-[var(--success)] text-sm",children:["$",t.amount.toLocaleStr

1ing()]}),e.jsx("td",{className:"py-3 px-2",children:t.isSettled?e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-[var(--accent)]/10 text-[var(--accent)] border border-[var(--accent)]/20 text-12 font-bold",children:[e.jsx(Ee,{size:9})," #",t.settledSerial]}):e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-[var(--warning)]/10 text-[var(--warning)] border border-[var(--warning)]/20 text-12 font-bold",children:[e.jsx(he,{size:9})," 待結"]})}),e.jsx("td",{className:"py-3 px-2",children:e.jsx("button",{onClick:a=>{a.stopPropagation();const l=N.find(n=>n.id===t.projectId);l&&(we(l),Se(t.share.id))},className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--id-purple)] rounded-lg hover:bg-[var(--id-purple)]/10 transition-all",title:"檢視此商案的利潤拆帳分析",children:e.jsx(ue,{size:14})})})]},t.rowId)})})]})})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] rounded-2xl border border-[var(--border)] shadow-xl flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"px-5 py-3 border-b border-[var(--border)] flex items-center justify-between bg-[var(--bg-card-alt)]",children:[e.jsxs("h3",{className:"text-xs font-bold text-[var(--text-primary)] uppercase tracking-widest flex items-center gap-2",children:[e.jsx(fe,{size:14,className:"text-[var(--accent)]"})," 結算紀錄"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-12 text-[var(--text-muted)] font-mono",children:q.length}),q.length>0&&e.jsxs("button",{onClick:()=>Ce(!0),className:"flex items-center gap-1 px-2 py-1 rounded-lg bg-[var(--accent)]/10 hover:bg-[var(--accent)]/20 border border-[var(--accent)]/30 text-[var(--accent)] text-12 font-bold transition-all",title:"展開完整明細與篩選",children:[e.jsx(It,{size:10})," 展開明細"]})]})]}),e.jsx("div",{className:"flex-1 overflow-auto custom-scrollbar p-3 space-y-2",children:q.length===0?e.jsx(Ie,{icon:fe,title:e.jsx(e.Fragment,{children:"尚無結算紀錄"}),iconSize:32,className:"py-12"}):q.map(t=>e.jsxs("div",{className:"bg-[var(--bg-card-alt)] border border-[var(--border)] hover:border-[var(--accent)]/30 rounded-xl p-3 transition-all",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2 mb-2",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("span",{className:"text-13 font-mono font-bold text-[var(--accent)] bg-[var(--accent)]/10 px-1.5 py-0.5 rounded border border-[var(--accent)]/20",children:["#",t.serialNumber]}),e.jsx("span",{className:"text-11 text-[var(--text-muted)] font-mono",children:Q[t.incomeType]})]}),e.jsxs("div",{className:"text-12 text-[var(--text-muted)] mt-1",children:[t.sourceShares.length," 筆 · 結算 ",t.settlementMonth]})]}),t.isPaid?e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-[var(--success)]/10 text-[var(--success)] border border-[var(--success)]/20 text-12 font-bold whitespace-nowrap",children:[e.jsx(X,{size:9})," 已支付"]}):e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-[var(--error)]/10 text-[var(--error)] border border-[var(--error)]/20 text-12 font-bold whitespace-nowrap",children:[e.jsx(he,{size:9})," 未支付"]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-center mb-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-11 text-[var(--text-muted)] font-bold uppercase",children:"應付"}),e.jsxs("div",{className:"text-13 font-mono text-[var(--accent)]",children:["$",t.amountPayable.toLocaleString()]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-11 text-[var(--text-muted)] font-bold uppercase",children:"稅"}),e.jsxs("div",{className:"text-13 font-mono text-[var(--error)]/70",children:["-$",(t.withholdingTax+t.healthInsurance).toLocaleString()]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-11 text-[var(--text-muted)] font-bold uppercase",children:"實領"}),e.jsxs("div",{className:"text-13 font-mono font-bold text-[var(--success)]",children:["$",t.netAmount.toLocaleStr

1ing()]})]})]}),e.jsxs("div",{className:"flex items-center justify-end gap-1 pt-2 border-t border-[var(--border)]",children:[e.jsx("button",{onClick:()=>me(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--accent)] hover:bg-[var(--accent)]/10 rounded transition-all",title:"檢視明細",children:e.jsx(le,{size:13})}),h&&e.jsx("button",{onClick:()=>re(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--success)] hover:bg-[var(--success)]/10 rounded transition-all",title:"修改支付狀態",children:e.jsx(X,{size:13})}),h&&e.jsx("button",{onClick:()=>U(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--error)] hover:bg-[var(--error)]/10 rounded transition-all",title:"刪除結算單",children:e.jsx(Me,{size:13})})]})]},t.id))})]})]}),e.jsxs(J,{isOpen:dt,onClose:()=>!ee&&G(!1),zIndex:70,maxWidth:"max-w-xl",contentClassName:"bg-[var(--bg-card)] border border-[var(--border)] w-full rounded-3xl shadow-2xl overflow-hidden",children:[e.jsxs("div",{className:"p-6 border-b border-[var(--border)] bg-[var(--bg-card-alt)] flex justify-between items-center",children:[e.jsxs("h4",{className:"font-bold text-[var(--text-primary)] flex items-center gap-2 text-base",children:[e.jsx(ue,{size:18,className:"text-[var(--id-purple)]"}),"產生結算單 — ",x]}),e.jsx("button",{onClick:()=>!ee&&G(!1),className:"text-[var(--text-muted)] hover:text-[var(--text-primary)]",children:e.jsx(ne,{size:20})})]}),e.jsxs("div",{className:"p-7 space-y-5",children:[e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-2xl border border-[var(--id-purple)]/20 p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-12 font-bold text-[var(--id-purple)] uppercase tracking-widest",children:"結算明細"}),e.jsxs("span",{className:"text-12 text-[var(--text-muted)] font-mono",children:[C.length," 筆"]})]}),e.jsx("div",{className:"max-h-32 overflow-auto custom-scrollbar text-13 text-[var(--text-secondary)] space-y-1",children:C.map(t=>e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("span",{className:"font-mono",children:["#",t.projectSerial," ",t.projectName]}),e.jsxs("span",{className:"font-mono text-[var(--success)]",children:["$",t.amount.toLocaleString()]})]},t.rowId))})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:`${p}-0`,className:"text-12 font-bold text-[var(--text-muted)] uppercase tracking-widest block mb-1.5",children:"所得類別"}),e.jsxs("select",{id:`${p}-0`,value:D,onChange:t=>Ye(t.target.value),className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] text-[var(--text-primary)] rounded-xl px-3 py-2.5 text-sm focus:border-[var(--accent)] outline-none",children:[e.jsx("option",{value:"50",children:Q[50]}),e.jsx("option",{value:"9A",children:Q["9A"]}),e.jsx("option",{value:"9B",children:Q["9B"]})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:`${p}-1`,className:"text-12 font-bold text-[var(--text-muted)] uppercase tracking-widest block mb-1.5",children:"二代健保"}),e.jsxs("select",{id:`${p}-1`,value:H?"yes":"no",onChange:t=>Oe(t.target.value==="yes"),className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] text-[var(--text-primary)] rounded-xl px-3 py-2.5 text-sm focus:border-[var(--accent)] outline-none",children:[e.jsx("option",{value:"no",children:"須扣繳"}),e.jsx("option",{value:"yes",children:"免扣繳"})]})]})]}),e.jsxs("div",{className:"bg-[var(--accent)]/5 border border-[var(--accent)]/15 rounded-xl px-4 py-3",children:[e.jsx("p",{className:"text-12 font-bold text-[var(--accent)] mb-2",children:"115年度（2026）扣繳規則"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-5 gap-y-1 text-13",children:[e.jsx("div",{className:"text-[var(--text-secondary)]",children:D==="50"?"稅率 5%, 給付 ≥ $90,501 起扣":"稅率 10%, 稅額 > $2,000 才扣"}),e.jsx("div",{className:"text-[var(--text-secondary)]",children:H?"免扣二代健保":D==="50"?"健保 2.11%, 給付 ≥ $29,500 起扣":"健保 2.11%, 給付 ≥ $20,000 起扣"})]})]}),e.jsxs("div",{className:"bg-[var(--warning)]/5 border border-[var(--warning)]/20 rounded-xl px-4 py-3 flex gap-3",children:[e.jsx(Tt,{size:14,className:"text-[var(--warning)] shrink-0 mt-0.5"}),e.jsxs("div",{className:"text-13 text-[var(--warning)]/90 leading-relaxed",children:[e.jsx("p",{className:"font-bold text-[var(--warning)] mb-1",children:"稅金計算方式：合併計算（一張結算單視為一次給付）"}),e.jsxs("p",{children:["本系統將 ",e.jsxs("span",{className:"font-bold",children:[C.length," 筆商案合併為一次給付"]}),"，稅金與健保以",e.jsxs("span",{className:"font-mono font-bold text-[var(--warning)]",children:[" 總額 $",P.toLocaleStr

1ing()," "]}),"一次計算，符合稅法「次」之認定。"]}),e.jsx("p",{className:"mt-1.5 text-[var(--warning)]/70",children:"⚠️ 若改為「逐筆分別結算」（每筆一張結算單），會因為起扣門檻判定不同而產生**不同稅額**。請依實際付款方式選擇結算策略。"})]})]}),e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-2xl border border-[var(--border)] p-4 space-y-2",children:[e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"應付總額"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--accent)]",children:["NT$",P.toLocaleString()]})]}),e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"代扣所得稅"}),e.jsxs("span",{className:"font-mono text-[var(--error)]",children:["-$",$e.withholdingTax.toLocaleString()]})]}),e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"二代健保"}),e.jsxs("span",{className:"font-mono text-[var(--error)]",children:["-$",$e.healthInsurance.toLocaleString()]})]}),e.jsxs("div",{className:"border-t border-[var(--border)] pt-2 flex justify-between items-center",children:[e.jsx("span",{className:"text-12 text-[var(--success)] uppercase tracking-widest font-bold",children:"實領金額"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--success)] text-2xl",children:["NT$",$e.netAmount.toLocaleString()]})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:`${p}-2`,className:"text-12 font-bold text-[var(--text-muted)] uppercase tracking-widest block mb-1.5",children:"備註（選填）"}),e.jsx("input",{id:`${p}-2`,type:"text",value:Re,onChange:t=>He(t.target.value),placeholder:"可填寫此次結算的備註說明...",className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] text-[var(--text-primary)] rounded-xl px-3 py-2 text-sm focus:border-[var(--accent)] outline-none"})]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card-alt)] border-t border-[var(--border)] flex gap-3",children:[e.jsx("button",{disabled:ee,onClick:()=>G(!1),className:"flex-1 py-3 rounded-xl text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-card-alt)] transition-all font-bold text-sm disabled:opacity-50",children:"取消"}),e.jsx("button",{disabled:ee,onClick:pt,className:"flex-1 py-3 bg-purple-600 hover:bg-purple-500 text-white rounded-xl font-bold shadow-lg shadow-purple-500/20 transition-all flex items-center justify-center gap-2 active:scale-95 disabled:opacity-60",children:ee?e.jsxs(e.Fragment,{children:[e.jsx(Te,{size:16,className:"animate-spin"})," 處理中"]}):e.jsxs(e.Fragment,{children:[e.jsx(Lt,{size:16})," 確認結算"]})})]})]}),e.jsx(J,{isOpen:!!w,onClose:()=>!te&&U(null),zIndex:80,maxWidth:"max-w-md",contentClassName:"bg-[var(--bg-card)] border border-[var(--error)]/30 p-10 rounded-[32px] w-full shadow-2xl",children:e.jsxs("div",{className:"flex flex-col items-center text-center gap-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-[var(--error)]/10 flex items-center justify-center text-[var(--error)] border border-[var(--error)]/20",children:te?e.jsx(Te,{size:32,className:"animate-spin"}):e.jsx(Me,{size:32})}),e.jsxs("div",{className:"space-y-3 w-full",children:[e.jsx("h3",{className:"text-xl font-bold text-[var(--text-primary)]",children:"確定刪除結算單？"}),e.jsxs("p",{className:"text-[var(--text-secondary)] text-sm leading-relaxed",children:["將永久移除結算單 ",e.jsxs("span",{className:"font-mono font-bold text-[var(--text-primary)]",children:["#",w==null?void 0:w.serialNumber]})]}),w&&e.jsxs("div",{className:"bg-[var(--warning)]/10 border border-[var(--warning)]/20 p-4 rounded-2xl flex gap-3 items-start text-left",children:[e.jsx(Ze,{size:18,className:"text-[var(--warning)] shrink-0 mt-0.5"}),e.jsxs("p",{className:"text-13 text-[var(--warning)] leading-tight font-medium",children:["將同步解鎖該結算單關聯的 ",e.jsx("span",{className:"font-bold text-[var(--text-primary)]",children:w.sourceShares.length})," 筆分潤項目，這些項目可重新被結算。"]})]})]}),e.jsxs("div",{className:"flex gap-4 w-full",children:[e.jsx("button",{disabled:te,onClick:()=>U(null),className:"flex-1 py-3 bg-[var(--bg-card-alt)] text-[var(--text-secondary)] rounded-2xl font-bold text-sm hover:bg-[var(--bg-card-alt)] disabled:opacity-50",children:"取消"}),e.jsx("button",{disabled:te,onClick:vt,className:"flex-1 py-3 bg-[var(--error)] text-white rounded-2xl font-bold text-sm hover:bg-[var(--error)] shadow-lg shadow-red-900/20 active:scale-95 disabled:opacity-50",children:te?"處理中...":"確認刪除並解鎖"})]})]})}),e.jsxs(J,{isOpen:ke,onClose:()=>Ce(!1),zIndex:70,maxWidth:"max-w-[1280px]",contentClassName:"bg-[var(--bg-page)] border border-[var(--border)] w-[calc(100vw-2rem)] h-[88vh] rounded-[32px] shadow-2xl flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"px-6 py-4 border-b border-[var(--border)] bg-[var(--bg-card)] flex justify-between items-center shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 bg-[var(--accent)]/10 rounded-xl flex items-center justify-center text-[var(--accent)] border border-[var(--accent)]/20",children:e.jsx(fe,{size:18})}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-base font-bold text-[var(--text-primary)]",children:["結算紀錄明細 — ",x]}),e.jsx("p",{className:"text-13 text-[var(--text-muted)] mt-0.5",children:"完整歷史紀錄、可搜尋與篩選"})]})]}),e.jsx("button",{onClick:()=>Ce(!1),className:"p-2 hover:bg-[var(--bg-card-alt)] rounded-xl text-[var(--text-secondary)] hover:text-[var(--text-primary)] border border-[var(--border)]",children:e.jsx(ne,{size:20})})]}),e.jsxs("div",{className:"px-6 py-3 border-b border-[var(--border)] bg-[var(--bg-card)] shrink-0 space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("div",{className:"relative flex-1 min-w-[220px] max-w-[280px]",children:[e.jsx(Ge,{className:"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--text-muted)]",size:14}),e.jsx("input",{"aria-label":"搜尋單號 / 商案名 / 商案序號 / 備註",type:"text",value:be,onChange:t=>it(t.target.value),placeholder:"搜尋單號 / 商案名 / 商案序號 / 備註",className:"w-full bg-[var(--bg-card-alt)] border border-[var(--border)] text-[var(--text-primary)] pl-9 pr-3 py-2 rounded-xl focus:border-[var(--accent)] outline-none text-14 h-10"})]}),e.jsx("div",{className:"flex bg-[var(--bg-card-alt)] border border-[var(--border)] rounded-xl overflow-hidden h-10",children:["all","unpaid","paid"].map(t=>e.jsx("button",{onClick:()=>xt(t),className:`px-3 text-xs font-bold transition-all ${pe===t?"bg-[var(--accent)] text-[var(--button-text)]":"text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,children:t==="all"?"全部":t==="unpaid"?"未支付":"已支付"},t))}),e.jsxs("div",{className:"ml-auto flex items-center gap-4 text-13",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[var(--text-muted)] font-bold uppercase tracking-widest mr-1",children:"共"}),e.jsx("span",{className:"text-[var(--text-primary)] font-mono font-bold",children:se.count}),e.jsx("span",{className:"text-[var(--text-muted)] ml-0.5",children:"筆"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[var(--text-muted)] font-bold uppercase tracking-widest mr-1",children:"應付"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--accent)]",children:["$",se.total.toLocaleStr

1ing()]})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[var(--text-muted)] font-bold uppercase tracking-widest mr-1",children:"實領"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--success)]",children:["$",se.net.toLocaleString()]})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[var(--text-muted)] font-bold uppercase tracking-widest mr-1",children:"已收"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--accent)]",children:["$",se.paid.toLocaleString()]})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[var(--text-muted)] font-bold uppercase tracking-widest mr-1",children:"未收"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--warning)]",children:["$",se.unpaid.toLocaleString()]})]})]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(tt,{size:14,className:"text-[var(--text-muted)]"}),e.jsx("span",{className:"text-13 text-[var(--text-muted)] font-bold uppercase tracking-widest",children:"結算月份"})]}),e.jsx("div",{className:"flex bg-[var(--bg-card-alt)] border border-[var(--border)] rounded-xl overflow-hidden h-9",children:[{key:"thisMonth",label:"本月"},{key:"last3",label:"近 3 個月"},{key:"thisYear",label:"本年度"},{key:"all",label:"不限"}].map(({key:t,label:r})=>e.jsx("button",{onClick:()=>We(t),className:"px-3 text-13 font-bold text-[var(--text-secondary)] hover:bg-[var(--bg-card-alt)] hover:text-[var(--text-primary)] transition-all",children:r},t))}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(et,{value:T,onChange:W,placeholder:"起始月份",className:"w-36"}),e.jsx("span",{className:"text-[var(--text-muted)]",children:"~"}),e.jsx(et,{value:L,onChange:B,placeholder:"結束月份",className:"w-36"}),(T||L)&&e.jsx("button",{onClick:()=>We("all"),className:"text-[var(--text-muted)] hover:text-[var(--text-primary)] p-1.5 rounded hover:bg-[var(--bg-card-alt)]",title:"清除日期範圍",children:e.jsx(ne,{size:14})})]}),T&&L&&e.jsxs("span",{className:"text-12 text-[var(--text-muted)] font-mono",children:["範圍：",T," ~ ",L]})]})]}),e.jsx("div",{className:"flex-1 overflow-auto custom-scrollbar bg-[var(--bg-page)]",children:Y.length===0?e.jsx(Ie,{icon:fe,title:e.jsx(e.Fragment,{children:"無符合條件的結算紀錄"}),iconSize:40,className:"py-20"}):e.jsxs("table",{className:"w-full text-center border-collapse min-w-[900px]",children:[e.jsx("thead",{className:"sticky top-0 bg-[var(--bg-card)] shadow-md z-10",children:e.jsxs("tr",{children:[e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-28",children:"單號"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-24",children:"結算月份"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-20",children:"所得類別"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-16",children:"筆數"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--accent)] border-b border-[var(--border)] w-28",children:"應付總額"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--error)]/80 border-b border-[var(--border)] w-24",children:"稅 + 健保"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--success)] border-b border-[var(--border)] w-28",children:"實領金額"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-24",children:"支付狀態"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-28",children:"入帳日期"}),e.jsx("th",{className:"py-3 px-3 text-13 font-bold text-[var(--text-secondary)] border-b border-[var(--border)] w-28",children:"操作"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border)] nk-list nk-zebra",children:Y.map(t=>e.jsxs("tr",{className:"hover:bg-[var(--bg-card-alt)] transition-all",children:[e.jsxs("td",{className:"py-3 px-3 font-mono text-xs font-bold text-[var(--accent)]",children:["#",t.serialNumber]}),e.jsx("td",{className:"py-3 px-3 font-mono text-xs text-[var(--text-primary)]",children:t.settlementMonth}),e.jsx("td",{className:"py-3 px-3 text-13 text-[var(--text-secondary)]",children:Q[t.incomeType]}),e.jsx("td",{className:"py-3 px-3 font-mono text-xs text-[var(--text-secondary)]",children:t.sourceShares.length}),e.jsxs("td",{className:"py-3 px-3 font-mono text-14 font-bold text-[var(--accent)]",children:["$",t.amountPayable.toLocaleStr

1ing()]}),e.jsxs("td",{className:"py-3 px-3 font-mono text-xs text-[var(--error)]/80",children:["-$",(t.withholdingTax+t.healthInsurance).toLocaleString()]}),e.jsxs("td",{className:"py-3 px-3 font-mono text-14 font-bold text-[var(--success)]",children:["$",t.netAmount.toLocaleString()]}),e.jsx("td",{className:"py-3 px-3",children:t.isPaid?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded bg-[var(--success)]/10 text-[var(--success)] border border-[var(--success)]/20 text-13 font-bold",children:[e.jsx(X,{size:10})," 已支付"]}):e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded bg-[var(--warning)]/10 text-[var(--warning)] border border-[var(--warning)]/20 text-13 font-bold",children:[e.jsx(he,{size:10})," 未支付"]})}),e.jsx("td",{className:"py-3 px-3 font-mono text-13 text-[var(--text-muted)]",children:t.paymentDate||"—"}),e.jsx("td",{className:"py-3 px-3",children:e.jsxs("div",{className:"flex justify-center gap-1",children:[e.jsx("button",{onClick:()=>me(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--accent)] hover:bg-[var(--accent)]/10 rounded transition-all",title:"檢視明細",children:e.jsx(le,{size:14})}),h&&e.jsx("button",{onClick:()=>re(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--success)] hover:bg-[var(--success)]/10 rounded transition-all",title:"修改支付狀態",children:e.jsx(X,{size:14})}),h&&e.jsx("button",{onClick:()=>U(t),className:"p-1.5 text-[var(--text-muted)] hover:text-[var(--error)] hover:bg-[var(--error)]/10 rounded transition-all",title:"刪除",children:e.jsx(Me,{size:14})})]})})]},t.id))})]})})]}),e.jsx(J,{isOpen:!!b,onClose:()=>me(null),zIndex:70,maxWidth:"max-w-2xl",contentClassName:"bg-[var(--bg-card)] border border-[var(--border)] w-full rounded-3xl shadow-2xl overflow-hidden",children:b&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"p-6 border-b border-[var(--border)] bg-[var(--bg-card-alt)] flex justify-between items-center",children:[e.jsxs("div",{children:[e.jsxs("h4",{className:"font-bold text-[var(--text-primary)] flex items-center gap-2 text-base",children:[e.jsx(le,{size:18,className:"text-[var(--accent)]"}),"結算單明細"]}),e.jsxs("p",{className:"text-12 font-mono text-[var(--text-muted)] mt-1",children:["#",b.serialNumber," · ",b.executorName]})]}),e.jsx("button",{onClick:()=>me(null),className:"text-[var(--text-muted)] hover:text-[var(--text-primary)]",children:e.jsx(ne,{size:20})})]}),e.jsxs("div",{className:"p-7 space-y-5 max-h-[70vh] overflow-auto custom-scrollbar",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3 text-13",children:[e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-xl p-3 border border-[var(--border)]",children:[e.jsx("div",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold mb-1",children:"所得類別"}),e.jsx("div",{className:"text-[var(--text-primary)] font-bold",children:Q[b.incomeType]})]}),e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-xl p-3 border border-[var(--border)]",children:[e.jsx("div",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold mb-1",children:"二代健保"}),e.jsx("div",{className:"text-[var(--text-primary)] font-bold",children:b.hiExempt?"免扣繳":"須扣繳"})]})]}),e.jsx("div",{className:"bg-[var(--bg-card-alt)] rounded-2xl border border-[var(--border)]",children:e.jsxs("table",{className:"w-full text-center border-collapse text-13",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-card)]",children:[e.jsx("th",{className:"py-2 px-2 text-[var(--text-muted)] font-bold w-14",children:"商案"}),e.jsx("th",{className:"py-2 px-2 text-[var(--text-muted)] font-bold",children:"專案"}),e.jsx("th",{className:"py-2 px-2 text-[var(--text-muted)] font-bold w-20",children:"月份"}),e.jsx("th",{className:"py-2 px-2 text-[var(--text-muted)] font-bold w-24",children:"金額"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border)] nk-list nk-zebra",children:b.sourceShares.map((t,r)=>e.jsxs("tr",{children:[e.jsxs("td",{className:"py-2 px-2 font-mono text-[var(--warning)]",children:["#",t.projectSerial]}),e.jsx("td",{className:"py-2 px-2 text-left text-[var(--text-primary)]",children:t.projectName}),e.jsx("td",{className:"py-2 px-2 font-mono text-[var(--text-secondary)]",children:t.month}),e.jsxs("td",{className:"py-2 px-2 font-mono text-[var(--success)]",children:["$",t.amount.toLocaleStr

1ing()]})]},`${t.projectId}_${t.shareId}_${r}`))})]})}),e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-2xl border border-[var(--border)] p-4 space-y-2",children:[e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"應付總額"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--accent)]",children:["NT$",b.amountPayable.toLocaleString()]})]}),e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"代扣所得稅"}),e.jsxs("span",{className:"font-mono text-[var(--error)]",children:["-$",b.withholdingTax.toLocaleString()]})]}),e.jsxs("div",{className:"flex justify-between text-13",children:[e.jsx("span",{className:"text-[var(--text-muted)] uppercase tracking-widest font-bold",children:"二代健保"}),e.jsxs("span",{className:"font-mono text-[var(--error)]",children:["-$",b.healthInsurance.toLocaleString()]})]}),e.jsxs("div",{className:"border-t border-[var(--border)] pt-2 flex justify-between items-center",children:[e.jsx("span",{className:"text-12 text-[var(--success)] uppercase tracking-widest font-bold",children:"實領金額"}),e.jsxs("span",{className:"font-mono font-bold text-[var(--success)] text-xl",children:["NT$",b.netAmount.toLocaleString()]})]})]}),b.note&&e.jsxs("div",{className:"bg-[var(--bg-card-alt)] rounded-xl border border-[var(--border)] p-3",children:[e.jsx("div",{className:"text-11 text-[var(--text-muted)] font-bold uppercase tracking-widest mb-1",children:"備註"}),e.jsx("div",{className:"text-[var(--text-primary)] text-xs",children:b.note})]})]})]})}),e.jsx(J,{isOpen:!!A,onClose:()=>re(null),zIndex:75,maxWidth:"max-w-md",contentClassName:"bg-[var(--bg-card)] border border-[var(--border)] p-8 rounded-[32px] w-full shadow-2xl",children:A&&e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 bg-[var(--success)]/10 rounded-2xl flex items-center justify-center text-[var(--success)] border border-[var(--success)]/20",children:e.jsx(X,{size:22})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-bold text-[var(--text-primary)]",children:"修改支付狀態"}),e.jsxs("p",{className:"text-12 text-[var(--text-muted)] font-mono mt-0.5",children:["#",A.serialNumber," · NT$",A.netAmount.toLocaleString()]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("button",{onClick:()=>qe(A,!0,Ke()),className:"w-full py-3 bg-[var(--success)] hover:bg-[var(--success)] text-white rounded-xl font-bold text-sm transition-all flex items-center justify-center gap-2",children:[e.jsx(X,{size:16})," 標記為已支付（日期：",Ke(),"）"]}),A.isPaid&&e.jsxs("button",{onClick:()=>qe(A,!1,null),className:"w-full py-3 bg-[var(--warning)]/20 hover:bg-[var(--warning)]/30 text-[var(--warning)] border border-[var(--warning)]/30 rounded-xl font-bold text-sm transition-all flex items-center justify-center gap-2",children:[e.jsx(he,{size:16})," 還原為未支付"]})]}),e.jsx("button",{onClick:()=>re(null),className:"w-full py-2.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] text-sm font-bold transition-all",children:"取消"})]})}),e.jsx(J,{isOpen:!!S,onClose:()=>{we(null),Se(null)},zIndex:100,maxWidth:"max-w-lg",contentClassName:"bg-[var(--bg-card)] border border-[var(--border)] p-8 rounded-[32px] w-full shadow-2xl overflow-hidden relative",children:S&&(()=>{const t=S.amountTotal-(S.costExtra||0);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-0 left-0 w-full h-1.5 bg-[var(--accent)]"}),e.jsxs("div",{className:"flex justify-between items-center mb-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold text-[var(--text-primary)] tracking-tight",children:"利潤拆帳分析"}),e.jsxs("p",{className:"text-[var(--text-muted)] text-13 mt-1 uppercase tracking-widest font-bold",children:["#",S.serialNumber," ",S.projectName]}),e.jsx("p",{className:"text-supplier text-13 mt-0.5",children:S.clientName})]}),e.jsx("button",{onClick:()=>{we(null),Se(null)},className:"text-[var(--text-muted)] hover:text-[var(--text-primary)] p-2 hover:bg-[var(--bg-card-alt)] rounded-xl transition-all",children:e.jsx(ne,{size:24})})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"bg-[var(--bg-card-alt)] p-5 rounded-2xl border border-[var(--border)] flex flex-col items-center",children:[e.jsx("p",{className:"text-12 text-[var(--text-muted)] font-bold uppercase mb-2 tracking-widest",children:"總預算 (未稅)"}),e.jsxs("p",{className:"text-xl font-bold text-[var(--text-primary)] font-mono",children:["NT$",S.amountTotal.toLocaleStr

1ing()]})]}),e.jsxs("div",{className:"bg-[var(--bg-card-alt)] p-5 rounded-2xl border border-[var(--warning)]/20 flex flex-col items-center",children:[e.jsx("p",{className:"text-12 text-[var(--warning)] font-bold uppercase mb-2 tracking-widest",children:"代墊/成本總計"}),e.jsxs("p",{className:"text-xl font-bold text-[var(--warning)] font-mono",children:["- $",(S.costExtra||0).toLocaleString()]})]})]}),e.jsxs("div",{className:"flex items-center gap-3 py-2",children:[e.jsx("div",{className:"h-px flex-1 bg-[var(--border)]"}),e.jsxs("span",{className:"text-12 font-bold text-[var(--text-muted)] uppercase tracking-widest flex items-center gap-2",children:[e.jsx(Et,{size:12})," 利潤分配明細"]}),e.jsx("div",{className:"h-px flex-1 bg-[var(--border)]"})]}),e.jsx("div",{className:"space-y-3",children:S.splitShares.map(r=>{const a=Math.round(t*(r.percentage/100)),l=Number(r.cost)||0,n=a+l,f=r.isAutoCalc===!1&&r.amount!==void 0?r.amount:n,K=r.id===ct,ut=r.isAutoCalc===!1&&r.amount!==void 0&&r.amount!==n;return e.jsxs("div",{className:`p-5 rounded-[24px] border flex justify-between items-center transition-all duration-300 ${K?"bg-[var(--id-purple)]/10 border-[var(--id-purple)]/50 shadow-lg shadow-purple-900/20":"bg-[var(--bg-card-alt)] border-[var(--border)] hover:border-[var(--border-hover)]"}`,children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[var(--text-primary)] font-bold text-lg",children:r.name}),e.jsxs("span",{className:"text-12 font-bold bg-[var(--bg-card-alt)] text-[var(--text-secondary)] px-2 py-0.5 rounded-full border border-[var(--border)]",children:[r.percentage,"%"]}),K&&e.jsx("span",{className:"text-11 font-bold bg-[var(--id-purple)]/30 text-purple-200 px-1.5 py-0.5 rounded-full border border-[var(--id-purple)]/50",children:"此筆"})]}),e.jsxs("div",{className:"flex items-center gap-3 text-13 font-medium flex-wrap",children:[e.jsxs("span",{className:"text-[var(--text-muted)] font-mono",children:["利潤：$",a.toLocaleString()]}),l>0&&e.jsxs("span",{className:"text-[var(--warning)]/80 flex items-center gap-1 font-mono",children:[e.jsx("div",{className:"w-1 h-1 rounded-full bg-[var(--warning)]/50"}),"代墊回補：+$",l.toLocaleString()]}),ut&&e.jsx("span",{className:"text-[var(--warning)]/80 text-12",children:"⚠ 手動調整"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("div",{className:`font-mono font-bold text-2xl ${K?"text-[var(--id-purple)]":"text-[var(--success)]"}`,children:["NT$",f.toLocaleString()]}),e.jsx("p",{className:"text-11 text-[var(--text-muted)] font-bold uppercase mt-1 tracking-tighter",children:"最終應領"})]})]},r.id)})})]}),e.jsx("div",{className:"mt-8 pt-6 border-t border-[var(--border)] flex justify-center",children:e.jsx("p",{className:"text-12 text-[var(--text-muted)] font-medium italic",children:"計算方式：(總額 − 總成本) × 分潤比 + 個人代墊成本 = 最終金額"})})]})})()})]}):e.jsxs("div",{className:"p-4 md:p-6 h-full font-sans flex flex-col bg-[var(--bg-page)]",children:[I&&e.jsx(Xe,{message:I.message,type:I.type,onClose:()=>Z(null)}),e.jsxs("div",{className:"flex flex-col xl:flex-row xl:items-center justify-between gap-3 mb-5 shrink-0",children:[e.jsxs("div",{children:[e.jsxs("h2",{className:"text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(ue,{className:"text-[var(--id-purple)]",size:24}),"執行經紀結算"]}),e.jsx("p",{className:"text-[var(--text-muted)] text-xs mt-0.5",children:"獨立結算每位執行經紀人的應領款項，與 KOL 結算流程互不干擾"})]}),e.jsxs("div",{className:"flex items-center gap-5 bg-[var(--bg-card)] border border-[var(--border)] p-2.5 px-6 rounded-2xl",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-11 text-[var(--text-muted)] font-bold uppercase tracking-widest text-center",children:"執行經紀人"}),e.jsx("div",{className:"text-lg font-bold text-[var(--id-purple)] font-mono leading-none",children:ve.length})]}),e.jsx("div",{className:"w-px h-6 bg-[var(--border)]"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-11 text-[var(--text-muted)] font-bold uppercase tracking-widest text-center",children:"總待結金額"}),e.jsxs("div",{className:"text-lg font-bold text-[var(--warning)] font-mono leading-none",children:["NT$",ve.reduce((t,r)=>

1t+r.pending,0).toLocaleString()]})]})]})]}),ve.length===0?e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center text-[var(--text-muted)] bg-[var(--bg-card)] rounded-2xl border border-[var(--border)] p-6",children:[e.jsx(Le,{size:48,className:"mb-4 opacity-20"}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"尚無執行經紀人資料"}),e.jsx("p",{className:"text-sm text-[var(--text-muted)] mt-1",children:"請至 [編輯列表設定] 將分潤對象勾選為「經紀人」（公司本體除外）"}),e.jsxs("div",{className:"mt-6 max-w-md text-left bg-[var(--accent)]/5 border border-[var(--accent)]/20 rounded-xl p-4",children:[e.jsxs("p",{className:"text-13 font-bold text-[var(--accent)] uppercase tracking-widest mb-2 flex items-center gap-1.5",children:[e.jsx(Ze,{size:12})," 為何我已經勾了卻還沒看到？"]}),e.jsxs("ul",{className:"text-13 text-[var(--accent)]/90 leading-relaxed space-y-1.5 list-disc pl-4",children:[e.jsx("li",{children:"系統會自動依照「列表預設模板」推算：模板中該名稱被標為經紀人的，所有相同名稱的 share 都算執行經紀。"}),e.jsx("li",{children:"若仍未出現，請確認該商案所屬的列表模板裡，對應名稱的「經紀人」勾選已啟用。"}),e.jsx("li",{children:"「公司」名稱永遠視為公司本體，不會列入此頁。"})]})]})]}):e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:ve.map(t=>e.jsxs("button",{onClick:()=>{ge(t.name),ae()},className:"group bg-[var(--bg-card)] hover:bg-[var(--bg-card-alt)] border border-[var(--border)] hover:border-[var(--id-purple)]/40 rounded-2xl p-5 text-left transition-all shadow-lg hover:shadow-purple-900/10 active:scale-[0.98]",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 bg-[var(--id-purple)]/10 group-hover:bg-[var(--id-purple)]/20 rounded-2xl flex items-center justify-center text-[var(--id-purple)] border border-[var(--id-purple)]/20 transition-all",children:e.jsx(Le,{size:22})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-base font-bold text-[var(--text-primary)] truncate",children:t.name}),e.jsxs("p",{className:"text-12 text-[var(--text-muted)] font-mono",children:[t.months.size," 個月份"]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-12 text-[var(--warning)] font-bold uppercase tracking-widest",children:"待結"}),e.jsxs("div",{className:"text-right",children:[e.jsxs("span",{className:"font-mono font-bold text-[var(--warning)] text-lg",children:["NT$",t.pending.toLocaleString()]}),e.jsxs("span",{className:"text-12 text-[var(--text-muted)] ml-2",children:[t.pendingCount," 案"]})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-12 text-[var(--accent)]/70 font-bold uppercase tracking-widest",children:"已結"}),e.jsxs("div",{className:"text-right",children:[e.jsxs("span",{className:"font-mono font-bold text-[var(--accent)]/70 text-sm",children:["NT$",t.settled.toLocaleString()]}),e.jsxs("span",{className:"text-12 text-[var(--text-muted)] ml-2",children:[t.settledCount," 案"]})]})]})]})]},t.name))})})]})};export{Ot as default};