Bell Conveyancing — HR Platform

{[["matrix","Compliance Matrix"],["log","Full Log"],["bulk","⚡ Bulk Setup"],["add",editId?"Edit Record":"+ Add Record"]].map(([v,l])=>())}

{[{l:"Current",k:"current",c:B.green,bg:"#d1fae5"},{l:"Due ≤60d",k:"due-soon",c:B.amber,bg:"#fef3c7"},{l:"Expired",k:"expired",c:B.red,bg:"#fee2e2"},{l:"No Record",k:"missing",c:"#6b7280",bg:"#f3f4f6"}].map(s=>(

{counts[s.k]}

{s.l}

))}

{view==="matrix"&&

Compliance Matrix — Required Training

Click any cell to edit. Click + Add to create a new record.

{reqT.map(t=>)}{STAFF.map((s,si)=>({reqT.map(t=>{const rec=latest(s,t.id);const st=statusOf(rec);const meta=ST[st];return();})}))}

Staff	{t.label}
{s}	{rec?( sEdit(rec)} style={{cursor:"pointer"}}> {meta.l} {fmtD(rec.completionDate)} {rec.expiryDate&& Exp:{fmtD(rec.expiryDate)} } ):( {setForm(p=>({...p,staffName:s,typeId:t.id}));setEditId(null);setView("add");}} style={{display:"inline-block",background:"#f3f4f6",color:"#6b7280",borderRadius:4,padding:"2px 6px",fontSize:10,cursor:"pointer",border:"1px dashed #d1d5db"}}>+ Add )}

{Object.entries(ST).map(([k,v])=>

{v.l}

)}

} {view==="log"&&

Full Log — {trainingRecords.length} records

{trainingRecords.filter(r=>filter==="all"||r.staffName===filter).length===0?

No records found.

:{["Staff","Training","Completed","Expiry","Status","Source",""].map(h=>)}{trainingRecords.filter(r=>filter==="all"||r.staffName===filter).sort((a,b)=>b.completionDate.localeCompare(a.completionDate)).map((rec,i)=>{const t2=TTYPES.find(t=>t.id===rec.typeId);const st=statusOf(rec);const meta=ST[st];return();})}

{h}
{rec.staffName}	{t2?.label\|\|rec.typeId}	{fmtD(rec.completionDate)}	{fmtD(rec.expiryDate)}	{meta.l}	{rec.provider\|\|"—"}

}

} {view==="bulk"&&

Bulk Setup — Existing Staff Records

Enter completion dates for existing staff. Leave blank to skip.

{reqT.map(t=>)}{STAFF.map((s,si)=>({reqT.map(t=>{const k=`${s}|||${t.id}`;const ex=latest(s,t.id);return();})}))}

Staff Member	{t.label} {t.renew?`Renews ${t.renew}mo`:"No expiry"}
{s}	{ex&&!bulkDates[k]? ✓ {fmtD(ex.completionDate)} :setBulkDates(p=>({...p,[k]:e.target.value}))} style={{width:"100%",padding:"5px 7px",borderRadius:5,border:"1px solid #c8dae8",fontSize:11,color:B.grey}}/>}

{Object.values(bulkDates).filter(Boolean).length} date{Object.values(bulkDates).filter(Boolean).length!==1?"s":""} ready to save

} {view==="add"&&

{editId?"Edit Record":"Add Training Record"}

{[{l:"Staff Member *",k:"staffName",type:"select",opts:STAFF},{l:"Training Type *",k:"typeId",type:"select",opts:TTYPES.map(t=>({v:t.id,l:t.label}))},{l:"Completion Date *",k:"completionDate",type:"date"},{l:"Certificate Reference",k:"certificateRef",type:"text",p:"e.g. TCC-2026-00123"},{l:"Provider / Platform",k:"provider",type:"text",p:"e.g. TriConvey Compliance Centre"},{l:"Notes",k:"notes",type:"textarea",p:"Additional notes"}].map(f=>(

{f.l}{f.type==="select"?:f.type==="textarea"?

setForm(p=>({...p,[f.k]:e.target.value}))} placeholder={f.p} style={{width:"100%",height:60,padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,resize:"vertical",boxSizing:"border-box"}}/>:<input type={f.type} value={form[f.k]} onChange={e=>setForm(p=>({...p,[f.k]:e.target.value}))} placeholder={f.p||""} style={{width:"100%",padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/>}{f.k==="typeId"&&form.typeId&&(()=>{const t=TTYPES.find(t=>t.id===form.typeId);return t?<div style={{fontSize:11,color:"#7a9bb5",marginTop:3}}>{t.src}{t.renew?` · Renews every ${t.renew} months`:" · One-time"}</div>:null;})()}</div>))}{form.typeId&&form.completionDate&&(()=>{const t=TTYPES.find(t=>t.id===form.typeId);const exp=t?.renew?addMo(form.completionDate,t.renew):null;return exp?<div style={{background:B.light,borderRadius:7,padding:"8px 11px",fontSize:12,color:B.navy,marginBottom:13}}>Expiry: <strong>{fmtD(exp)}</strong></div>:null;})()}<div style={{display:"flex",gap:10}}><button onClick={()=>{setView("matrix");setEditId(null);}} style={{flex:1,background:"#f0f5fa",color:B.char,border:"1px solid #c8dae8",borderRadius:8,padding:"11px",cursor:"pointer"}}>Cancel</button><button onClick={save} disabled={!form.staffName||!form.typeId||!form.completionDate} style={{flex:2,background:form.staffName&&form.typeId&&form.completionDate?B.blue:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"11px",cursor:form.staffName&&form.typeId&&form.completionDate?"pointer":"not-allowed",fontWeight:"bold"}}>{editId?"Save Changes":"Save Record"}</button></div></div>}
    {confirmDel&&<div style={{position:"fixed",inset:0,background:"rgba(0,0,0,.4)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1000}}><div style={{background:"#fff",borderRadius:12,padding:24,width:310}}><div style={{fontWeight:"bold",color:B.navy,fontSize:15,marginBottom:9}}>Delete this record?</div><div style={{fontSize:13,color:B.char,marginBottom:16}}>This cannot be undone.</div><div style={{display:"flex",gap:9}}><button onClick={()=>setConfirmDel(null)} style={{flex:1,background:"#f0f5fa",border:"1px solid #c8dae8",borderRadius:6,padding:"9px",cursor:"pointer"}}>Cancel</button><button onClick={()=>{const nr=trainingRecords.filter(r=>r.id!==confirmDel);saveRec(nr);setConfirmDel(null);}} style={{flex:1,background:B.red,color:"#fff",border:"none",borderRadius:6,padding:"9px",cursor:"pointer",fontWeight:"bold"}}>Delete</button></div></div></div>}
  </div>;
}
// ── REVIEWS MODULE ─────────────────────────────────────────────────────────
function RevMod({reviews,setReviews}){
  const[view,setView]=useState("probation");const[showPF,setShowPF]=useState(false);const[showAF,setShowAF]=useState(false);
  const[pForm,setPForm]=useState({staffName:"",type:"3month",outcome:"passed",date:todayStr(),notes:""});
  const[aForm,setAForm]=useState({staffName:"",reviewDate:todayStr(),nextDue:"",kpiRating:"meets",notes:""});
  const outcomes=reviews?.probationOutcomes||[];const annual=reviews?.annualReviews||[];
  function saveRevs(nr){setReviews(nr);LS.set("bell_reviews",nr);}
  function saveProbation(){const no=[...outcomes.filter(o=>!(o.staffName===pForm.staffName&&o.type===pForm.type)),{...pForm,id:Date.now().toString()}];saveRevs({...reviews,probationOutcomes:no});setShowPF(false);setPForm({staffName:"",type:"3month",outcome:"passed",date:todayStr(),notes:""});}
  function saveAnnual(){const na=[...annual.filter(r=>r.staffName!==aForm.staffName),{...aForm,id:Date.now().toString()}];saveRevs({...reviews,annualReviews:na});setShowAF(false);setAForm({staffName:"",reviewDate:todayStr(),nextDue:"",kpiRating:"meets",notes:""});}
  const oCols={passed:{c:B.green,bg:"#d1fae5",l:"Passed"},extended:{c:B.amber,bg:"#fef3c7",l:"Extended"},conditions:{c:B.blue,bg:B.light,l:"Passed with Conditions"},failed:{c:B.red,bg:"#fee2e2",l:"Not Passed"}};
  const kCols={exceeds:{c:B.green,bg:"#d1fae5",l:"Exceeds"},meets:{c:B.blue,bg:B.light,l:"Meets"},needs:{c:B.amber,bg:"#fef3c7",l:"Needs Improvement"},unsatisfactory:{c:B.red,bg:"#fee2e2",l:"Unsatisfactory"}};
  return <div style={{maxWidth:880,margin:"0 auto",padding:"22px 18px"}}>
    <div style={{display:"flex",gap:8,marginBottom:18}}>{[["probation","📊 Probation Outcomes"],["annual","🔄 Annual Reviews"]].map(([v,l])=>(<button key={v} onClick={()=>setView(v)} style={{padding:"9px 16px",borderRadius:6,border:"none",cursor:"pointer",fontSize:13,background:view===v?B.blue:B.light,color:view===v?"#fff":B.navy}}>{l}</button>))}</div>
    {view==="probation"&&<div>
      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14}}><div><div style={{fontWeight:"bold",fontSize:16,color:B.navy}}>Probation Review Outcomes</div><div style={{fontSize:12,color:B.char,marginTop:2}}>Record the formal outcome of 3-month and 6-month probation reviews.</div></div><button onClick={()=>setShowPF(true)} style={{background:B.blue,color:"#fff",border:"none",borderRadius:6,padding:"9px 15px",cursor:"pointer",fontSize:13}}>+ Record Outcome</button></div>
      {STAFF.map(s=>{const m3=outcomes.find(o=>o.staffName===s&&o.type==="3month");const m6=outcomes.find(o=>o.staffName===s&&o.type==="6month");if(!m3&&!m6)return null;return(<div key={s} style={{background:"#fff",borderRadius:10,border:"1px solid #dce8f0",padding:"14px 18px",marginBottom:9}}><div style={{fontWeight:"bold",color:B.navy,marginBottom:9}}>{s}</div><div style={{display:"flex",gap:11,flexWrap:"wrap"}}>{[["3month","3-Month",m3],["6month","6-Month",m6]].map(([type,label,rec])=>(<div key={type} style={{flex:1,minWidth:190,background:rec?oCols[rec.outcome]?.bg||"#f9fcfe":"#f3f4f6",borderRadius:8,padding:"11px 14px",border:`1px solid ${rec?oCols[rec.outcome]?.c+"44":"#e5e7eb"}`}}><div style={{fontSize:11,textTransform:"uppercase",letterSpacing:".08em",color:"#7a9bb5",marginBottom:3}}>{label} Review</div>{rec?<><div style={{fontWeight:"bold",color:oCols[rec.outcome]?.c||B.navy,fontSize:14}}>{oCols[rec.outcome]?.l||rec.outcome}</div><div style={{fontSize:12,color:B.char,marginTop:3}}>{fmtD(rec.date)}</div>{rec.notes&&<div style={{fontSize:12,color:"#7a9bb5",marginTop:3}}>{rec.notes}</div>}</>:<div style={{fontSize:13,color:"#9ca3af"}}>Not yet recorded</div>}</div>))}</div></div>);})}
      {outcomes.length===0&&<div style={{textAlign:"center",padding:"40px",color:B.char,fontSize:14}}>No probation outcomes recorded yet.</div>}
    </div>}
    {view==="annual"&&<div>
      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14}}><div><div style={{fontWeight:"bold",fontSize:16,color:B.navy}}>Annual Review Tracker</div><div style={{fontSize:12,color:B.char,marginTop:2}}>Track annual performance reviews and set next due dates.</div></div><button onClick={()=>setShowAF(true)} style={{background:B.blue,color:"#fff",border:"none",borderRadius:6,padding:"9px 15px",cursor:"pointer",fontSize:13}}>+ Add Review</button></div>
      <div style={{background:"#fff",borderRadius:12,border:"1px solid #dce8f0",overflow:"hidden"}}><table style={{width:"100%",borderCollapse:"collapse",fontSize:13}}><thead><tr style={{background:B.light}}>{["Staff Member","Last Review","KPI Rating","Next Due","Status",""].map(h=><th key={h} style={{padding:"9px 13px",textAlign:"left",color:B.navy,fontWeight:"bold",borderBottom:"2px solid #c8dae8",fontSize:12}}>{h}</th>)}</tr></thead><tbody>{STAFF.map((s,i)=>{const rec=annual.find(r=>r.staffName===s);const over=rec?.nextDue&&dU(rec.nextDue)<0;const soon=rec?.nextDue&&dU(rec.nextDue)<=30&&dU(rec.nextDue)>=0;return(<tr key={s} style={{borderBottom:"1px solid #f0f5fa",background:i%2===0?"#fff":"#fafcfe"}}><td style={{padding:"10px 13px",fontWeight:"bold",color:B.navy}}>{s}</td><td style={{padding:"10px 13px",color:B.char}}>{rec?fmtD(rec.reviewDate):"—"}</td><td style={{padding:"10px 13px"}}>{rec?<span style={{background:kCols[rec.kpiRating]?.bg||B.light,color:kCols[rec.kpiRating]?.c||B.navy,borderRadius:4,padding:"2px 8px",fontSize:11,fontWeight:"bold"}}>{kCols[rec.kpiRating]?.l||rec.kpiRating}</span>:"—"}</td><td style={{padding:"10px 13px",color:B.char}}>{rec?.nextDue?fmtD(rec.nextDue):"—"}</td><td style={{padding:"10px 13px"}}>{!rec?<span style={{background:"#f3f4f6",color:"#6b7280",borderRadius:4,padding:"2px 7px",fontSize:11}}>No record</span>:over?<span style={{background:"#fee2e2",color:B.red,borderRadius:4,padding:"2px 7px",fontSize:11,fontWeight:"bold"}}>Overdue</span>:soon?<span style={{background:"#fef3c7",color:B.amber,borderRadius:4,padding:"2px 7px",fontSize:11,fontWeight:"bold"}}>Due soon</span>:<span style={{background:"#d1fae5",color:B.green,borderRadius:4,padding:"2px 7px",fontSize:11,fontWeight:"bold"}}>On track</span>}</td><td style={{padding:"10px 13px"}}><button onClick={()=>{setAForm({staffName:s,reviewDate:rec?.reviewDate||todayStr(),nextDue:rec?.nextDue||"",kpiRating:rec?.kpiRating||"meets",notes:rec?.notes||""});setShowAF(true);}} style={{background:B.light,color:B.blue,border:"1px solid #c8dae8",borderRadius:4,padding:"4px 9px",cursor:"pointer",fontSize:12}}>{rec?"Edit":"+ Add"}</button></td></tr>);})}</tbody></table></div>
    </div>}
    {showPF&&<div style={{position:"fixed",inset:0,background:"rgba(0,0,0,.4)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1000}}><div style={{background:"#fff",borderRadius:12,padding:26,width:440}}><div style={{fontWeight:"bold",color:B.navy,fontSize:16,marginBottom:16}}>Record Probation Outcome</div>{[{l:"Staff Member *",k:"staffName",type:"select",opts:STAFF},{l:"Review Type *",k:"type",type:"select",opts:[{v:"3month",l:"3-Month Review"},{v:"6month",l:"6-Month Completion"}]},{l:"Outcome *",k:"outcome",type:"select",opts:[{v:"passed",l:"Passed"},{v:"extended",l:"Extended"},{v:"conditions",l:"Passed with Conditions"},{v:"failed",l:"Not Passed"}]},{l:"Date of Meeting",k:"date",type:"date"},{l:"Notes",k:"notes",type:"textarea",p:"Summary of outcome or conditions"}].map(f=>(<div key={f.k} style={{marginBottom:12}}><label style={{display:"block",fontSize:12,fontWeight:"bold",color:B.navy,marginBottom:4}}>{f.l}</label>{f.type==="select"?<select value={pForm[f.k]} onChange={e=>setPForm(p=>({...p,[f.k]:e.target.value}))} style={{width:"100%",padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey}}>{f.opts.map(o=>typeof o==="string"?<option key={o} value={o}>{o}</option>:<option key={o.v} value={o.v}>{o.l}</option>)}</select>:f.type==="textarea"?<textarea value={pForm[f.k]} onChange={e=>setPForm(p=>({...p,[f.k]:e.target.value}))} placeholder={f.p} style={{width:"100%",height:60,padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,resize:"vertical",boxSizing:"border-box"}}/>:<input type={f.type} value={pForm[f.k]} onChange={e=>setPForm(p=>({...p,[f.k]:e.target.value}))} style={{width:"100%",padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/> }</div>))}<div style={{display:"flex",gap:10,marginTop:6}}><button onClick={()=>setShowPF(false)} style={{flex:1,background:"#f0f5fa",border:"1px solid #c8dae8",borderRadius:8,padding:"10px",cursor:"pointer"}}>Cancel</button><button onClick={saveProbation} disabled={!pForm.staffName} style={{flex:2,background:pForm.staffName?B.blue:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"10px",cursor:pForm.staffName?"pointer":"not-allowed",fontWeight:"bold"}}>Save Outcome</button></div></div></div>}
    {showAF&&<div style={{position:"fixed",inset:0,background:"rgba(0,0,0,.4)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1000}}><div style={{background:"#fff",borderRadius:12,padding:26,width:420}}><div style={{fontWeight:"bold",color:B.navy,fontSize:16,marginBottom:16}}>Annual Review Record</div>{[{l:"Staff Member *",k:"staffName",type:"select",opts:STAFF},{l:"Review Date",k:"reviewDate",type:"date"},{l:"Next Review Due",k:"nextDue",type:"date"},{l:"KPI Rating",k:"kpiRating",type:"select",opts:[{v:"exceeds",l:"Exceeds Expectations"},{v:"meets",l:"Meets Expectations"},{v:"needs",l:"Needs Improvement"},{v:"unsatisfactory",l:"Unsatisfactory"}]},{l:"Notes",k:"notes",type:"textarea",p:"Summary of review or development focus"}].map(f=>(<div key={f.k} style={{marginBottom:12}}><label style={{display:"block",fontSize:12,fontWeight:"bold",color:B.navy,marginBottom:4}}>{f.l}</label>{f.type==="select"?<select value={aForm[f.k]} onChange={e=>setAForm(p=>({...p,[f.k]:e.target.value}))} style={{width:"100%",padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey}}><option value="">Select...</option>{f.opts.map(o=>typeof o==="string"?<option key={o} value={o}>{o}</option>:<option key={o.v} value={o.v}>{o.l}</option>)}</select>:f.type==="textarea"?<textarea value={aForm[f.k]} onChange={e=>setAForm(p=>({...p,[f.k]:e.target.value}))} placeholder={f.p} style={{width:"100%",height:60,padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,resize:"vertical",boxSizing:"border-box"}}/>:<input type={f.type} value={aForm[f.k]} onChange={e=>setAForm(p=>({...p,[f.k]:e.target.value}))} style={{width:"100%",padding:"9px 11px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/> }</div>))}<div style={{display:"flex",gap:10,marginTop:6}}><button onClick={()=>setShowAF(false)} style={{flex:1,background:"#f0f5fa",border:"1px solid #c8dae8",borderRadius:8,padding:"10px",cursor:"pointer"}}>Cancel</button><button onClick={saveAnnual} disabled={!aForm.staffName} style={{flex:2,background:aForm.staffName?B.blue:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"10px",cursor:aForm.staffName?"pointer":"not-allowed",fontWeight:"bold"}}>Save Review</button></div></div></div>}
  </div>;
}
// ── OFFBOARDING MODULE ─────────────────────────────────────────────────────
function OffMod({offboards,setOffboards,offChecks,setOffChecks,offNotes,setOffNotes}){
  const[screen,setScreen]=useState("home");const[selected,setSelected]=useState(null);const[activePhase,setActivePhase]=useState("off_imm");
  const[form,setForm]=useState({name:"",role:"",lastDay:"",reason:"resignation"});
  const[showNote,setShowNote]=useState(null);const[noteText,setNoteText]=useState("");
  const ovP=id=>{const t=OFF_PHASES.reduce((s,p)=>s+p.items.length,0);const d=OFF_PHASES.reduce((s,p)=>s+p.items.filter(i=>offChecks[`${id}_${i.id}`]).length,0);return{done:d,total:t,pct:t?Math.round(d/t*100):0};};
  const phP=(id,p)=>{const t=p.items.length;const d=p.items.filter(i=>offChecks[`${id}_${i.id}`]).length;return{done:d,total:t,pct:t?Math.round(d/t*100):0};};
  function save(ob,ch,no){setOffboards(ob);setOffChecks(ch);setOffNotes(no);LS.set("bell_off_boards",ob);LS.set("bell_off_checks",ch);LS.set("bell_off_notes",no);}
  function hCheck(eid,iid){const nc={...offChecks,[`${eid}_${iid}`]:!offChecks[`${eid}_${iid}`]};save(offboards,nc,offNotes);}
  function hCreate(){const id=Date.now().toString();const emp={...form,id,createdAt:new Date().toISOString()};const ne=[...offboards,emp];save(ne,offChecks,offNotes);setSelected(emp);setActivePhase("off_imm");setScreen("detail");setForm({name:"",role:"",lastDay:"",reason:"resignation"});}
  function sNote(eid,iid){const nn={...offNotes,[`${eid}_${iid}`]:noteText};save(offboards,offChecks,nn);setShowNote(null);setNoteText("");}
  const rLabels={resignation:"Resignation",redundancy:"Redundancy",termination:"Termination",end_of_contract:"End of Contract"};
  if(screen==="home")return <div style={{maxWidth:960,margin:"0 auto",padding:"28px 20px"}}>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:20}}><div><div style={{fontSize:20,fontWeight:"bold",color:B.navy}}>Offboarding Records</div><div style={{fontSize:12,color:B.char}}>{offboards.length} record{offboards.length!==1?"s":""}</div></div><button onClick={()=>setScreen("new")} style={{background:B.red,color:"#fff",border:"none",borderRadius:6,padding:"10px 18px",cursor:"pointer",fontSize:13}}>+ New Offboard</button></div>
    {offboards.length===0?<div style={{textAlign:"center",padding:"60px 0"}}><div style={{fontSize:48,marginBottom:14}}>🚪</div><div style={{fontSize:20,fontWeight:"bold",color:B.navy,marginBottom:6}}>No offboarding records</div><div style={{fontSize:13,color:B.char}}>Create a record when a staff member gives notice or is terminated.</div></div>:(
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fill,minmax(260px,1fr))",gap:14}}>{offboards.map(emp=>{const prog=ovP(emp.id);const cur=OFF_PHASES.find(p=>phP(emp.id,p).done<phP(emp.id,p).total)||OFF_PHASES[OFF_PHASES.length-1];return(<div key={emp.id} onClick={()=>{setSelected(emp);setActivePhase(cur.id);setScreen("detail");}} style={{background:"#fff",borderRadius:12,padding:20,cursor:"pointer",border:"1px solid #dce8f0",borderTop:`3px solid ${B.red}`,boxShadow:"0 2px 8px rgba(0,0,0,.04)",transition:"all .15s"}} onMouseEnter={e=>e.currentTarget.style.boxShadow="0 4px 16px rgba(220,38,38,.1)"} onMouseLeave={e=>e.currentTarget.style.boxShadow="0 2px 8px rgba(0,0,0,.04)"}><div style={{display:"flex",justifyContent:"space-between",marginBottom:9}}><div><div style={{fontWeight:"bold",fontSize:15,color:B.navy}}>{emp.name}</div><div style={{fontSize:12,color:B.char,marginTop:2}}>{emp.role}</div><div style={{fontSize:11,color:"#7a9bb5",marginTop:2}}>{rLabels[emp.reason]} · Last day: {fmtD(emp.lastDay)}</div></div><div style={{background:"#fee2e2",borderRadius:7,padding:"3px 9px",fontSize:13,color:B.red,fontWeight:"bold"}}>{prog.pct}%</div></div><div style={{height:5,background:"#fecaca",borderRadius:3,marginBottom:7}}><div style={{height:"100%",width:`${prog.pct}%`,background:prog.pct===100?"#059669":B.red,borderRadius:3}}/></div><div style={{fontSize:12,color:B.char}}>{cur.icon} {cur.label} · {prog.done}/{prog.total} tasks</div></div>);})}</div>)};
  if(screen==="new")return <div style={{maxWidth:500,margin:"0 auto",padding:"28px 20px"}}><div style={{background:"#fff",borderRadius:12,padding:26,border:`2px solid ${B.red}`}}><div style={{fontSize:17,fontWeight:"bold",color:B.navy,marginBottom:16}}>New Offboarding Record</div>{[{l:"Full Name *",k:"name",t:"text"},{l:"Position *",k:"role",t:"text"},{l:"Last Day of Employment *",k:"lastDay",t:"date"}].map(f=>(<div key={f.k} style={{marginBottom:13}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>{f.l}</label><input type={f.t} value={form[f.k]} onChange={e=>setForm(p=>({...p,[f.k]:e.target.value}))} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>))}<div style={{marginBottom:16}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:6}}>Reason for Leaving</label><div style={{display:"flex",gap:10,flexWrap:"wrap"}}>{Object.entries(rLabels).map(([v,l])=><label key={v} style={{display:"flex",alignItems:"center",gap:6,cursor:"pointer",fontSize:13,color:B.char}}><input type="radio" checked={form.reason===v} onChange={()=>setForm(p=>({...p,reason:v}))}/>{l}</label>)}</div></div><div style={{display:"flex",gap:10}}><button onClick={()=>setScreen("home")} style={{flex:1,background:"#f0f5fa",color:B.char,border:"1px solid #c8dae8",borderRadius:8,padding:"11px",cursor:"pointer"}}>Cancel</button><button onClick={hCreate} disabled={!form.name||!form.role||!form.lastDay} style={{flex:2,background:form.name&&form.role&&form.lastDay?B.red:"#fca5a5",color:"#fff",border:"none",borderRadius:8,padding:"11px",cursor:form.name&&form.role&&form.lastDay?"pointer":"not-allowed",fontWeight:"bold"}}>Create →</button></div></div></div>;
  if(screen==="detail"&&selected){
    const emp=offboards.find(e=>e.id===selected.id)||selected;const prog=ovP(emp.id);
    return <div>
      <div style={{background:"#7f1d1d",padding:"0 20px 10px"}}>
        <div style={{display:"flex",alignItems:"center",justifyContent:"space-between",height:54}}>
          <div style={{display:"flex",alignItems:"center",gap:10}}><button onClick={()=>setScreen("home")} style={{background:"none",border:"none",color:"#fca5a5",cursor:"pointer",fontSize:18}}>←</button><div style={{width:1,height:26,background:"#991b1b"}}/><div><div style={{color:"#fff",fontWeight:"bold",fontSize:14}}>{emp.name}</div><div style={{color:"#fca5a5",fontSize:11}}>{emp.role} · {rLabels[emp.reason]} · Last day: {fmtD(emp.lastDay)}</div></div></div>
          <div style={{textAlign:"right"}}><div style={{color:"#fff",fontSize:17,fontWeight:"bold"}}>{prog.pct}%</div><div style={{color:"#fca5a5",fontSize:10}}>{prog.done}/{prog.total}</div></div>
        </div>
        <div style={{height:3,background:"rgba(255,255,255,.2)",borderRadius:2}}><div style={{height:"100%",width:`${prog.pct}%`,background:prog.pct===100?"#34d399":"#fca5a5",borderRadius:2,transition:"width .4s"}}/></div>
      </div>
      <div style={{maxWidth:960,margin:"0 auto",padding:"18px"}}>
        <CList phases={OFF_PHASES} empId={emp.id} checks={offChecks} onCheck={iid=>hCheck(emp.id,iid)} notes={offNotes} onNote={nk=>{setShowNote(nk);setNoteText(offNotes[nk]||"");}} onMarkAll={p=>{const nc={...offChecks};p.items.forEach(i=>{nc[`${emp.id}_${i.id}`]=true;});save(offboards,nc,offNotes);}} onClear={p=>{const nc={...offChecks};p.items.forEach(i=>{delete nc[`${emp.id}_${i.id}`];});save(offboards,nc,offNotes);}} activePhase={activePhase} setActivePhase={setActivePhase}/>
      </div>
      {showNote&&<NoteModal noteText={noteText} setNoteText={setNoteText} onSave={()=>sNote(emp.id,showNote.replace(`${emp.id}_`,""))} onRemove={offNotes[showNote]?()=>{const nn={...offNotes};delete nn[showNote];save(offboards,offChecks,nn);setShowNote(null);setNoteText("");}:undefined} onCancel={()=>{setShowNote(null);setNoteText("");}}/>}
    </div>;
  }
  return null;
}
// ── AI ASSISTANT MODULE ────────────────────────────────────────────────────
function AIMod({employees,trainingRecords,reviews}){
  const[messages,setMessages]=useState([]);const[input,setInput]=useState("");const[loading,setLoading]=useState(false);const[err,setErr]=useState(null);
  const chatRef=useRef(null);
  const reqT=TTYPES.filter(t=>t.req);
  function latest(s,tid){return trainingRecords.filter(r=>r.staffName===s&&r.typeId===tid).sort((a,b)=>b.completionDate.localeCompare(a.completionDate))[0];}
  function buildCtx(){
    const gaps=STAFF.flatMap(s=>reqT.filter(t=>!latest(s,t.id)).map(t=>`${s}: ${t.label}`));
    const active=employees.map(e=>`${e.name} (${e.role}, started ${fmtD(e.startDate)}, probation ends ${fmtD(e.probEnd)})`);
    return `You are the Bell HR Assistant, an AI assistant embedded in the Bell Conveyancing HR Platform. Bell Conveyancing is a NSW conveyancing practice owned and directed by Kristy Bell (Licensed Conveyancer, Practice Director and Licensee in Charge). Offices at 255 Howick Street Bathurst and 265 Lords Place Orange. ABN 95 649 888 853. Staff: ${STAFF.join(", ")}. Current onboarding: ${active.length>0?active.join("; "):"none"}. Training record gaps: ${gaps.length>0?gaps.slice(0,10).join("; ")+(gaps.length>10?` and ${gaps.length-10} more`:""):"none identified"}. Probation outcomes recorded: ${(reviews?.probationOutcomes||[]).length}. Annual reviews on file: ${(reviews?.annualReviews||[]).length}. Systems: TriConvey, PEXA, Xero, Annature, TriSearch, Xonboard. Employment contracts reference the Legal Services Award 2020. AML/CTF obligations apply from 1 July 2026. Employment legal matters are handled by Kim Bailey at McIntosh McPhillamy. Help with HR tasks, drafting documents, and NSW conveyancing employment context. Be concise and professional. Never give definitive legal advice — recommend Kim Bailey at McIntosh McPhillamy for formal legal matters. Do not use em dashes or contractions. Write in full words.`;
  }
  async function send(text){
    const msg=text||input.trim();if(!msg||loading)return;
    setInput("");setErr(null);
    const nm=[...messages,{role:"user",content:msg}];
    setMessages(nm);setLoading(true);
    setTimeout(()=>{if(chatRef.current)chatRef.current.scrollTop=chatRef.current.scrollHeight;},50);
    try{
      const res=await fetch(API_URL,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:"claude-sonnet-4-20250514",max_tokens:1000,system:buildCtx(),messages:nm})});
      if(!res.ok)throw new Error(`HTTP ${res.status}`);
      const data=await res.json();
      const reply=data?.content?.find(b=>b.type==="text")?.text||"No response received.";
      setMessages([...nm,{role:"assistant",content:reply}]);
    }catch(e){setErr("Could not reach the Bell Intelligence API. Check that intelligence.bellconveyancing.com is online.");setMessages(nm);}
    setLoading(false);
    setTimeout(()=>{if(chatRef.current)chatRef.current.scrollTop=chatRef.current.scrollHeight;},50);
  }
  return <div style={{display:"grid",gridTemplateColumns:"240px 1fr",height:"calc(100vh - 60px)",overflow:"hidden"}}>
    <div style={{background:"#fff",borderRight:"1px solid #dce8f0",display:"flex",flexDirection:"column",overflow:"hidden"}}>
      <div style={{padding:"16px 16px 10px",borderBottom:"1px solid #f0f5fa"}}><div style={{fontWeight:"bold",fontSize:14,color:B.navy,marginBottom:3}}>Bell HR Assistant</div><div style={{fontSize:11,color:"#7a9bb5",lineHeight:1.4}}>Via intelligence.bellconveyancing.com</div></div>
      <div style={{padding:"10px 12px",flex:1,overflowY:"auto"}}>
        <div style={{fontSize:11,textTransform:"uppercase",letterSpacing:".08em",color:"#7a9bb5",fontWeight:"bold",marginBottom:8}}>Quick Actions</div>
        {AI_PROMPTS.map((p,i)=>(<button key={i} onClick={()=>send(p.text)} disabled={loading} style={{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"9px 10px",borderRadius:7,border:"1px solid #f0f5fa",background:"#fafcfe",marginBottom:5,cursor:loading?"not-allowed":"pointer",textAlign:"left",fontSize:12,color:B.char,transition:"all .15s"}} onMouseEnter={e=>{if(!loading)e.currentTarget.style.background=B.light;}} onMouseLeave={e=>e.currentTarget.style.background="#fafcfe"}><span style={{fontSize:15,flexShrink:0}}>{p.icon}</span><span style={{lineHeight:1.3}}>{p.label}</span></button>))}
      </div>
      <div style={{padding:"10px 12px",borderTop:"1px solid #f0f5fa"}}>
        <button onClick={()=>setMessages([])} style={{width:"100%",background:"#f0f5fa",color:B.char,border:"1px solid #c8dae8",borderRadius:6,padding:"8px",cursor:"pointer",fontSize:12}}>Clear Conversation</button>
        <div style={{fontSize:10,color:"#7a9bb5",marginTop:7,lineHeight:1.4}}>Context includes your current onboarding, training records, and review data.</div>
      </div>
    </div>
    <div style={{display:"flex",flexDirection:"column",overflow:"hidden",background:"#f0f5fa"}}>
      <div ref={chatRef} style={{flex:1,overflowY:"auto",padding:"20px 24px",display:"flex",flexDirection:"column",gap:14}}>
        {messages.length===0&&!loading&&<div style={{textAlign:"center",padding:"60px 20px"}}><div style={{fontSize:40,marginBottom:14}}>🤖</div><div style={{fontSize:18,fontWeight:"bold",color:B.navy,marginBottom:8}}>Bell HR Assistant</div><div style={{fontSize:14,color:B.char,lineHeight:1.7,maxWidth:420,margin:"0 auto"}}>Ask any HR question, request a draft document, or use the quick actions on the left. The assistant has live context from your onboarding records, training data, and review history.</div><div style={{marginTop:20,fontSize:12,color:"#7a9bb5",background:"#fff",borderRadius:8,padding:"11px 16px",display:"inline-block",border:"1px solid #dce8f0"}}>Calls intelligence.bellconveyancing.com/api.php · Context-aware · Responses are not legal advice</div></div>}
        {messages.map((m,i)=>(<div key={i} style={{display:"flex",justifyContent:m.role==="user"?"flex-end":"flex-start"}}><div style={{maxWidth:"78%",background:m.role==="user"?B.blue:"#fff",color:m.role==="user"?"#fff":B.grey,borderRadius:m.role==="user"?"12px 12px 3px 12px":"12px 12px 12px 3px",padding:"12px 16px",fontSize:14,lineHeight:1.7,border:m.role==="assistant"?"1px solid #dce8f0":"none",boxShadow:m.role==="assistant"?"0 2px 8px rgba(0,0,0,.05)":"none",whiteSpace:"pre-wrap"}}>{m.content}</div></div>))}
        {loading&&<div style={{display:"flex",justifyContent:"flex-start"}}><div style={{background:"#fff",borderRadius:"12px 12px 12px 3px",padding:"12px 18px",border:"1px solid #dce8f0",boxShadow:"0 2px 8px rgba(0,0,0,.05)"}}><div style={{display:"flex",gap:5,alignItems:"center"}}>{[0,1,2].map(j=><div key={j} style={{width:7,height:7,borderRadius:"50%",background:B.blue,animation:`pulse 1.2s ease-in-out ${j*0.2}s infinite`}}/>)}</div></div></div>}
        {err&&<div style={{background:"#fee2e2",borderRadius:8,padding:"11px 15px",fontSize:13,color:"#7f1d1d",border:"1px solid #fca5a5"}}>{err}</div>}
      </div>
      <div style={{padding:"14px 20px",background:"#fff",borderTop:"1px solid #dce8f0"}}>
        <div style={{display:"flex",gap:10,alignItems:"flex-end"}}>
          <textarea value={input} onChange={e=>setInput(e.target.value)} onKeyDown={e=>{if(e.key==="Enter"&&!e.shiftKey){e.preventDefault();send();}}} placeholder="Ask a question or request a draft... (Enter to send, Shift+Enter for new line)" style={{flex:1,padding:"10px 13px",borderRadius:8,border:"1px solid #c8dae8",fontSize:14,color:B.grey,resize:"none",height:52,boxSizing:"border-box",lineHeight:1.5}}/>
          <button onClick={()=>send()} disabled={!input.trim()||loading} style={{background:input.trim()&&!loading?B.blue:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"0 20px",height:52,cursor:input.trim()&&!loading?"pointer":"not-allowed",fontSize:14,fontWeight:"bold",flexShrink:0}}>Send</button>
        </div>
      </div>
    </div>
  </div>;
}
// ── DOCUMENTS MODULE ────────────────────────────────────────────────────────
function DocsMod(){
  const docs=[{title:"Employment Contract Template",desc:"Offer of Employment — 40 clauses including AML/CTF, Privacy, Right to Work, Electronic Execution, Governing Law, and Non-Disparagement.",icon:"📄",tag:"HR Template",color:B.blue},{title:"Covering Letter Template",desc:"Accompanying letter with key terms summary table, next steps, and Fair Work Information Statement enclosure reference.",icon:"✉️",tag:"HR Template",color:B.blue},{title:"Probation Review Form",desc:"Used at 3-month and 6-month reviews. 10-criterion performance rating, written comments, goal-setting table, compliance checklist, dual signatures.",icon:"📊",tag:"Performance",color:B.amber},{title:"Probation Completion Letter",desc:"Formal letter confirming successful probation completion and ongoing employment. References the 12-month annual review cycle.",icon:"✅",tag:"Performance",color:B.green},{title:"Privacy Act & APPs Training",desc:"Interactive 5-section training module with 10-question assessment. Completion auto-logged. Access via the 🎓 Training tab.",icon:"🔒",tag:"Training",color:B.purple},{title:"Cyber Security Awareness Training",desc:"5-section training covering BEC, phishing, passwords, device security, and incident response. Access via the 🎓 Training tab.",icon:"🛡️",tag:"Training",color:B.teal},{title:"Fair Work Information Statement",desc:"Required for all new employees under the NES. Download from fairwork.gov.au before each commencement date.",icon:"⚖️",tag:"Legal Required",color:B.red}];
  return <div style={{maxWidth:860,margin:"0 auto",padding:"28px 18px"}}><div style={{fontSize:20,fontWeight:"bold",color:B.navy,marginBottom:4}}>Documents & Templates</div><div style={{fontSize:13,color:B.char,marginBottom:20}}>All HR documents for the Bell Conveyancing employment lifecycle. Word documents are provided separately — store in your GoDaddy file manager or personnel file system.</div><div style={{display:"grid",gridTemplateColumns:"repeat(auto-fill,minmax(350px,1fr))",gap:14}}>{docs.map((d,i)=>(<div key={i} style={{background:"#fff",borderRadius:12,border:"1px solid #dce8f0",padding:21,borderTop:`4px solid ${d.color}`}}><div style={{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:9}}><span style={{fontSize:26}}>{d.icon}</span><span style={{background:`${d.color}20`,color:d.color,borderRadius:20,padding:"2px 9px",fontSize:11,fontWeight:"bold"}}>{d.tag}</span></div><div style={{fontWeight:"bold",fontSize:14,color:B.navy,marginBottom:5}}>{d.title}</div><div style={{fontSize:13,color:B.char,lineHeight:1.6}}>{d.desc}</div></div>))}</div><div style={{marginTop:24,background:B.light,borderRadius:10,padding:"16px 20px",borderLeft:`4px solid ${B.blue}`,fontSize:14,color:B.navy,lineHeight:1.6}}><strong>Privacy and Cyber Security training are built into this platform.</strong> Direct staff to the 🎓 Training tab. Completions are logged automatically. AML/CTF certificates from TriConvey Compliance Centre should be added via + Add Record in the Training Records tab.</div></div>;
}
// ── CONTRACT GENERATOR MODULE ───────────────────────────────────────────────
function ContractMod(){
  const BLANK={name:"",address1:"",address2:"",suburb:"",state:"NSW",postcode:"",email:"",phone:"",position:"",location:"Bathurst",locationAddress:"255 Howick Street, Bathurst NSW 2795",commenceDate:"",commenceOrdinal:"",hourlyRate:"",awardLevel:"3",awardRate:"29.70",annualSalary:"",hoursPerWeek:"37.5",workDays:"Monday to Friday",startTime:"9:00am",endTime:"5:00pm",mealBreak:"30",letterDate:"",returnDeadline:"",generated:false};
  const[f,setF]=useState(BLANK);
  const[tab,setTab]=useState("contract");
  function upd(k,v){setF(p=>({...p,[k]:v}));}
  function fmtDate(d){if(!d)return"";return new Date(d).toLocaleDateString("en-AU",{day:"numeric",month:"long",year:"numeric"});}
  function ordinal(d){if(!d)return"";const dt=new Date(d);const day=dt.getDate();const s=["th","st","nd","rd"];const v=day%100;return day+(s[(v-20)%10]||s[v]||s[0])+" "+dt.toLocaleDateString("en-AU",{month:"long",year:"numeric"});}
  function calcAnnual(){if(f.hourlyRate&&f.hoursPerWeek){const a=(parseFloat(f.hourlyRate)*parseFloat(f.hoursPerWeek)*52).toFixed(2);upd("annualSalary",a);}}
  function generateContract(){
    const v={
      NAME:f.name||"[EMPLOYEE NAME]",
      COMMENCE:f.commenceDate?ordinal(f.commenceDate):"[COMMENCEMENT DATE]",
      POSITION:f.position||"[POSITION TITLE]",
      HOURS:f.hoursPerWeek||"[HOURS]",
      LOC_ADDR:f.locationAddress||"[OFFICE ADDRESS]",
      HOURLY:f.hourlyRate?`$${parseFloat(f.hourlyRate).toFixed(2)}`:"[HOURLY RATE]",
      AWARD_LEVEL:f.awardLevel||"[LEVEL]",
      AWARD_RATE:f.awardRate?`$${parseFloat(f.awardRate).toFixed(2)}`:"[AWARD RATE]",
      ANNUAL:f.annualSalary?`$${parseFloat(f.annualSalary).toLocaleString("en-AU",{minimumFractionDigits:2})}`:"[ANNUAL SALARY]",
      SCHEDULE:`${f.workDays}, ${f.startTime} to ${f.endTime}`,
      MEAL:f.mealBreak||"30",
    };
    const css=`body{font-family:Georgia,serif;font-size:11pt;color:#000;line-height:1.5;margin:0;padding:0;}
    .page{max-width:170mm;margin:20mm auto;padding:0 15mm;}
    h1{font-size:16pt;font-weight:bold;text-align:center;color:#224462;margin:0 0 4pt;}
    h2{font-size:11pt;font-weight:bold;color:#224462;border-bottom:1px solid #0071bd;padding-bottom:3pt;margin:14pt 0 4pt;}
    .sub{margin:0 0 7pt 0;}p{margin:0 0 7pt;}
    .hdr{border-bottom:3pt solid #0071bd;padding-bottom:6pt;margin-bottom:14pt;}
    .hdr-brand{font-size:14pt;font-weight:bold;color:#224462;}
    .hdr-sub{font-size:9pt;color:#4d4d4d;}
    table{width:100%;border-collapse:collapse;margin:8pt 0;}
    td,th{border:1px solid #c8dae8;padding:5pt 8pt;font-size:10pt;}
    th{background:#e8f2fa;font-weight:bold;color:#224462;}
    ol{margin:4pt 0 7pt 20pt;padding:0;}li{margin-bottom:3pt;}
    ol.alpha{list-style-type:lower-alpha;}
    ol.roman{list-style-type:lower-roman;margin-left:30pt;}
    .accept{border-top:2pt solid #0071bd;padding-top:10pt;margin-top:20pt;}
    .sigline{border-bottom:1px solid #888;margin:14pt 0 2pt;height:14pt;}
    .ftr{text-align:center;font-size:8pt;color:#7a9bb5;border-top:1px solid #c8dae8;padding-top:6pt;margin-top:14pt;}
    @media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;}}`;
    const html=`<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Bell Conveyancing — Offer of Employment — ${v.NAME}</title><style>${css}</style></head><body><div class="page">
    <div class="hdr"><div class="hdr-brand">BELL CONVEYANCING  |  ABN 95 649 888 853</div><div class="hdr-sub">255 Howick Street, Bathurst NSW 2795  |  265 Lords Place, Orange NSW 2800  |  info@bellconveyancing.com.au</div></div>
    <h1>OFFER OF EMPLOYMENT</h1><p style="text-align:center;color:#4d4d4d;margin-bottom:14pt;">Bell Conveyancing ABN 95 649 888 853</p>
    <p>On behalf of Bell Conveyancing ABN 95 649 888 853 (the Company), we are pleased to offer the terms and conditions of your employment with the Company as set out below:</p>

<h2>1. Duration</h2>
    <p class="sub">The commencement date of your employment is ${v.COMMENCE}.</p>

<h2>2. Position</h2>
    <p class="sub">Your position is ${v.POSITION} ('the position'). You will be employed on a full-time basis (${v.HOURS} hours per week).</p>
    <p class="sub">You are required to carry out other duties reasonably required by the Company that you are skilled and capable of performing.</p>
    <p class="sub">You may also be required to perform duties from time to time for the Company's related entities.</p>
    <p class="sub">The Company may alter the position, position description and responsibilities in accordance with the needs of the business. You may also be redeployed to another position having regard to your skills, experience and competency. You agree that the terms of this Contract continue to apply to any altered position, unless varied in writing in accordance with this Contract.</p>

<h2>3. Reporting</h2>
    <p class="sub">You will report to Kristy Lee Bell, the Director. However, the Company may change your reporting arrangements in accordance with the needs of the business.</p>

<h2>4. Location</h2>
    <p class="sub">Your point of hire will be ${v.LOC_ADDR}.</p>
    <p class="sub">However, you will be asked to travel to and work at different locations to meet business needs from time to time such as our client's business locations. You agree to work at any of the different locations where the Company requires you to do so. Your position is based on your willingness to undertake reasonable amounts of travel to meet operational needs of the business predominately within New South Wales.</p>

<h2>5. Probation Period</h2>
    <p class="sub">You will initially be employed on a probationary period of 6 months. Your work performance and conduct will be monitored during this period. Prior to the completion of your probationary period, the Company will decide on your suitability to continue employment.</p>
    <p class="sub">During the probationary period, either party may terminate your employment with one week's notice in writing, except in cases of summary dismissal. The Company may elect to pay you in lieu of part or all of your notice period or provide you with altered duties during the notice period.</p>

<h2>6. Salary</h2>
    <p class="sub">Your hourly rate of pay is ${v.HOURLY} per hour, which is above the minimum award rate of ${v.AWARD_RATE} per hour applicable to Level ${v.AWARD_LEVEL} of the Legal Services Award 2020. Your annual salary is ${v.ANNUAL} per annum for all ordinary hours worked, plus superannuation.</p>
    <p class="sub">The net cash amount of your salary will be paid weekly into the bank account of your choice.</p>
    <p class="sub">You will appreciate that salary and other employment conditions are confidential and must not be discussed with other employees of the Company or other persons outside the Company (with the exception of your legal and financial advisers).</p>

<h2>7. Authorised Deductions</h2>
    <p class="sub">You authorise the Company to deduct from your wages or final payment any amount owed by you to the Company, including but not limited to:</p>
    <ol class="alpha"><li>any shortfall in notice period pay where you have provided insufficient notice of termination in accordance with clause 30;</li><li>any overpayment of wages, salary, or leave entitlements made to you in error; and</li><li>the value of any Company property that has not been returned upon the termination of your employment.</li></ol>
    <p class="sub">Such deductions will only be made to the extent permitted by the Fair Work Act 2009 (Cth) and, where required by law, with your separate written consent at the time of the proposed deduction. The Company will provide you with written notice prior to making any deduction under this clause.</p>

<h2>8. Compensation for All Legal Entitlements</h2>
    <p class="sub">Except as specifically provided for under this Contract, your wage package compensates you for any legal entitlement arising under the Legal Services Award 2020, another award, NAPSA, collective/enterprise agreement, the National Employment Standards or any other law or legal instrument ('the Instruments'), such as, but not limited to, any periodic rate of pay, overtime payments, weekend and holiday penalties, shift allowance, vehicle allowance, travel allowance, penalty payments and annual leave loading.</p>
    <p class="sub">You expressly agree that any remuneration you receive that is greater than the entitlement you would receive under the Instruments satisfies any other legal entitlements where you receive less than the minimum amount under the Instruments.</p>

<h2>9. Superannuation</h2>
    <p class="sub">The Company will make compulsory superannuation contributions on your behalf in accordance with the Superannuation Guarantee (Administration) Act 1992 (Cth) into your nominated eligible superannuation fund or its default fund, if you do not nominate a fund. Superannuation is paid at the guarantee rate.</p>

<h2>10. Company Equipment and Devices</h2>
    <p class="sub">Company equipment and devices may be provided as an integral part of carrying out the duties of your role, including a laptop. The equipment and devices are to be used for business purposes only and remain the property of the Company. Refer to the relevant Company Policies to understand your obligations when using the equipment and devices.</p>

<h2>11. Performance and Compensation Reviews</h2>
    <p class="sub">Your performance and remuneration may be reviewed annually. Reviews are based on your position within the Company, your performance and contribution to the effective functioning of the Company's business, and the market generally. Remuneration increases are not automatic, and any increase is within the Company's absolute discretion.</p>

<h2>12. Hours of Work</h2>
    <p class="sub">You are employed on a full-time basis (${v.HOURS} ordinary hours per week).</p>
    <p class="sub">The Company's normal business hours are ${f.startTime} to ${f.endTime} on ${f.workDays}. You agree that your weekly ordinary hours of work are ${v.HOURS} hours per week to be worked ${v.SCHEDULE}, inclusive of a ${v.MEAL}-minute unpaid meal break each day.</p>
    <p class="sub">However, due to the nature of the Company's business and your position, you agree it is reasonable for you to work any additional hours necessary to achieve the efficient and effective performance of your duties including on weekends (by agreement only).</p>

<h2>13. Warranty</h2>
    <p class="sub">You warrant that you have provided accurate information to the Company on your physical and mental fitness, qualifications, professional accreditation, professional training and currency of all relevant licences, required to perform the position. You agree that the Company may terminate your employment without notice, should it discover the information you provided is inaccurate.</p>

<h2>14. Right to Work</h2>
    <p class="sub">You warrant that you hold the legal right to work in Australia and that you are not subject to any visa condition, limitation, or restriction that would prevent or limit your employment with the Company.</p>
    <p class="sub">You must immediately notify the Company in writing if at any time during your employment your right to work in Australia changes, expires, is cancelled, or becomes subject to any new condition or limitation.</p>
    <p class="sub">The Company may terminate your employment immediately and without notice if it is established that you do not hold or have ceased to hold the right to work in Australia. Such termination shall not entitle you to any payment in lieu of notice.</p>
    <p class="sub">You authorise the Company to request and retain copies of documents evidencing your right to work in Australia, including but not limited to your passport, visa, or relevant immigration documentation, for compliance purposes.</p>

<h2>15. Fitness for Work</h2>
    <p class="sub">Employees are to report for duty fit for work. 'Fit for Work' means that an Employee is in a state (physical, mental and emotional) which enables the Employee to perform assigned tasks competently and to established standards set by the Company, and in a manner which does not compromise or threaten the safety or health of themselves or others.</p>
    <p class="sub">In certain circumstances, 'Fit for Work' will be based on the opinion of your supervisor or the Managing Director of the Company and where appropriate in conjunction with other assessment procedures. You agree it is reasonable to be asked to attend a medical examination or assessment if the Company is concerned for your health and well-being or your physical ability to complete the requirements of your position for any reason.</p>

<h2>16. Performance</h2>
    <p class="sub">In the course of your employment with the Company, you are required to do the following:</p>
    <ol class="alpha"><li>carry out all lawful and reasonable instructions given to you in relation to your employment;</li><li>perform your duties and responsibilities in a proper, ethical, diligent, professional and efficient manner; including always acting in good faith and in the best interests of the Company;</li><li>use your best endeavours to protect, enhance and promote the interests, welfare, profitability, growth and reputation of the Company's business;</li><li>not engage in any business or activities which may conflict with or be harmful to the business interests of the Company, or any of its officers, employees, agents, contractors or consultants; and</li><li>perform your duties in a safe manner, respecting all occupational health and safety laws and policies (despite the fact these do not form part of your Contract).</li></ol>
    <p class="sub">Except in the case of absence by reason of ill health, incapacity, accident or approved leave, you shall devote the whole of your time, attention and abilities during the hours you are present at work and such other hours as are necessary for you to perform your duties in a satisfactory manner, exclusively to the business of the Company and its related entities.</p>
    <p class="sub">You agree to not accept any gifts or gratitude from any supplier, potential supplier, customer, or potential customer without prior authorisation from the Employer. Employees found accepting unauthorised gifts or gratitude may be subject to disciplinary action which may result in termination of employment.</p>
    <p class="sub">The Company may direct you to not attend work and not to undertake any of your work duties at any time including for the purpose of investigating suspected misconduct and/or where attendance at work may pose a threat to your health and/or the health and safety of others, provided that the Company provides you with payment of your entitlements under your remuneration package during the period of suspension.</p>

<h2>17. Professional Development and Training</h2>
    <p class="sub">You are required to complete any training, professional development, or compliance education that the Company reasonably directs from time to time. This includes but is not limited to anti-money laundering and counter-terrorism financing compliance training, privacy and data protection training, and any other training required under Bell Conveyancing's policies, procedures, or applicable legislation.</p>
    <p class="sub">The Company will meet the reasonable cost of any directed training. Time spent completing directed training during your ordinary working hours will be treated as time worked for the purpose of your remuneration.</p>
    <p class="sub">You must complete directed training within the timeframes specified by the Company and provide evidence of completion upon request. Failure to complete required training without reasonable excuse may result in disciplinary action.</p>

<h2>18. Commitment to Health, Safety and the Environment</h2>
    <p class="sub">It is a condition of employment that each Employee will comply with the requirements of the Company's policies on health, safety and the environment. It is agreed that each employee will not commit, condone, nor knowingly be a party to any unsafe act or violation of the above policies.</p>
    <p class="sub">You acknowledge and agree that a safe and secure workplace is important and that you will:</p>
    <ol class="alpha"><li>comply with all occupational health and safety laws and regulations;</li><li>ensure the safety of yourself as well as your co-workers and any other person at the workplace;</li><li>wear and use the safety and protective equipment or clothing required;</li><li>comply with the Company's occupational health and safety practices and procedures and that if you do not, you will face disciplinary action, which could include the possible termination of your employment; and</li><li>immediately report to management any accidents, 'near misses', incidents or hazards arising in the course of your employment.</li></ol>
    <p class="sub">If the Company is satisfied that an Employee has failed to work in a safe manner or has not applied safe work practices or completed necessary reporting requirements, the Employee will be rendered liable for summary dismissal.</p>
    <p class="sub">Each employee will attend and participate as requested in all safety meetings, toolbox meetings and other safety and evacuation drills, when directed to do so.</p>

<h2>19. Drugs and Alcohol</h2>
    <p class="sub">Except as noted in this clause, you agree that you will not bring any alcohol or drugs onto work sites, that you will not consume alcohol or drugs on work sites or during work hours, and you will not be impaired by alcohol or drugs whilst working.</p>
    <p class="sub">You understand it is at the absolute discretion of a Company Director to pay for and supply alcohol during a designated Company social event and you acknowledge the Company Code of Conduct and Alcohol and Drugs policy are still in effect during designated social events.</p>
    <p class="sub">You agree that you will not bring any drugs onto work sites unless those drugs are properly prescribed by a medical practitioner with respect to a medical condition you have and are used in accordance with your doctor's directions.</p>
    <p class="sub">You agree that you will inform the Company if you are taking any prescribed medicines which may affect or impair your ability to perform your work safely.</p>
    <p class="sub">You agree to submit to random, incident-related, or planned drug and alcohol testing at any time as directed by the Company.</p>

<h2>20. Workplace Surveillance</h2>
    <p class="sub">The Company may conduct computer surveillance of all its information technology systems, including email usage, internet usage and any other usage of information technology supplied by the Company. This surveillance is carried out on a continuous and on-going basis.</p>
    <p class="sub">The Company may carry out camera surveillance by way of closed-circuit television cameras. The surveillance is continuous and on-going. Access to the recorded material will be strictly limited to authorised personnel.</p>
    <p class="sub">The Company may conduct tracking surveillance of its vehicle fleet by means of an electronic device the primary purpose of which is to monitor or record geographical location or movement. This surveillance is carried out on a continuous and on-going basis.</p>
    <p class="sub">You consent to this surveillance.</p>

<h2>21. Employment Policies and Procedures</h2>
    <p class="sub">You are directed to read and comply with the obligations imposed upon you within the Company's policies and procedures as they relate to your employment. These policies and procedures may be varied from time to time, and you are directed to comply with such variations. Such policies and procedures do not form part of your Contract.</p>
    <p class="sub">A breach of your obligations under the Company's policies and procedures may result in disciplinary action, including the immediate termination of your employment.</p>

<h2>22. AML/CTF Compliance</h2>
    <p class="sub">Bell Conveyancing is a reporting entity under the Anti-Money Laundering and Counter-Terrorism Financing Act 2006 (Cth) (AML/CTF Act). As a condition of your employment, you acknowledge and agree that you are required to:</p>
    <ol class="alpha"><li>comply with Bell Conveyancing's AML/CTF Program as in force and amended from time to time;</li><li>complete all AML/CTF training required by the Company within the timeframes specified and provide evidence of completion upon request;</li><li>report any suspicious matter or transaction to the Practice Director immediately upon becoming aware of it, in accordance with the AML/CTF Program and the AML/CTF Act; and</li><li>maintain strict confidentiality in relation to any suspicious matter report and not disclose its existence or contents to any person, including the subject of the report, except as expressly authorised under the AML/CTF Act.</li></ol>
    <p class="sub">You acknowledge that a failure to comply with your obligations under this clause or under Bell Conveyancing's AML/CTF Program may constitute serious misconduct and may result in disciplinary action up to and including termination of your employment.</p>
    <p class="sub">Your obligations under this clause survive the termination of your employment to the extent required by the AML/CTF Act.</p>

<h2>23. Privacy Obligations</h2>
    <p class="sub">In the course of your employment you will have access to personal information about clients, prospective clients, employees, and other individuals. You acknowledge your obligations under the Privacy Act 1988 (Cth) and the Australian Privacy Principles (APPs), and you agree to:</p>
    <ol class="alpha"><li>only collect, use, disclose, and store personal information in accordance with the APPs and Bell Conveyancing's Privacy Policy as in force from time to time;</li><li>not access, use, or disclose personal information other than as reasonably required to perform your duties; and</li><li>immediately report any actual or suspected privacy breach or unauthorised disclosure of personal information to the Practice Director.</li></ol>
    <p class="sub">You must not take personal information held by Bell Conveyancing outside the practice's systems or approved platforms without the prior authorisation of the Practice Director.</p>
    <p class="sub">Your obligations under this clause survive the termination of your employment to the extent that personal information obtained during your employment remains in your control or possession.</p>

<h2>24. Dispute Resolution</h2>
    <p class="sub">In the event of any dispute arising out of or in connection with your employment or this Contract, you and the Company agree to attempt to resolve the dispute in good faith through the Company's internal grievance resolution procedure as set out in the Bell Conveyancing Staff Policy Booklet before initiating any external proceedings.</p>
    <p class="sub">If the dispute is not resolved through the internal procedure within a reasonable time, either party may refer the matter to the Fair Work Commission or such other body as may have jurisdiction over the matter.</p>
    <p class="sub">Nothing in this clause prevents either party from seeking urgent injunctive or other equitable relief from a court of competent jurisdiction where the circumstances require it.</p>

<h2>25. Annual Leave</h2>
    <p class="sub">You are entitled to annual leave in accordance with the provisions of the relevant legislation which applies to your employment with the Company. However, such legislation is not incorporated into this Contract. For example, a full-time employee (who is not a shift worker) who works an average of 38 hours per week would be entitled to accrue 4 weeks annual leave per year or if you work less than 38 hours (part-time) would receive a pro-rata accrual.</p>
    <p class="sub">The Company may direct you to take any annual leave credited to you, in circumstances where there is a close down of that part of the Company's business in which you work.</p>
    <p class="sub">Annual leave requests must be in writing and submitted for approval by management. Your leave may be taken at an agreed time between you and the Company although such consent cannot be unreasonably withheld and in accordance with the relevant legislation.</p>

<h2>26. Personal/Carer's Leave</h2>
    <p class="sub">You are entitled to accrue an amount of paid personal/carer's leave in accordance with the terms of the relevant legislation which applies to your employment with the Company.</p>
    <p class="sub">For the purposes of this clause and the relevant legislation, personal/carer's leave is:</p>
    <ol class="alpha"><li>paid sick leave that you take because of your personal illness or injury; or</li><li>paid or unpaid carer's leave that you take to provide care or support to a member of your immediate family, or a member of your household, who requires care or support because of:<ol class="roman"><li>a personal illness, or injury, of the member; or</li><li>an unexpected emergency affecting the member.</li></ol></li></ol>
    <p class="sub">Applications for leave must be made in accordance with the relevant legislation. If you are absent on sick leave, the Company may:</p>
    <ol class="alpha"><li>require you to provide evidence confirming the illness or injury (such as a statutory declaration or medical certificate);</li><li>require you to be examined by a medical practitioner nominated by the Company; or</li><li>both a) and b).</li></ol>
    <p class="sub">Any accrued, untaken personal leave to which you are entitled at the Termination Date will not be paid out by the Company.</p>

<h2>27. Leave to Deal with Family and Domestic Violence</h2>
    <p class="sub">You are entitled to 10 days' paid leave to deal with family and domestic violence in each 12-month period of your employment, in accordance with the National Employment Standards as amended by the Fair Work Legislation Amendment (Paid Family and Domestic Violence Leave) Act 2022.</p>
    <p class="sub">Family and domestic violence leave is available in full at the start of each 12-month period of your employment with the Company and does not accumulate from year to year. It does not need to be taken as a single continuous period.</p>
    <p class="sub">To be entitled to family and domestic violence leave, you must comply with the notice and evidence requirements as set out in the National Employment Standards. The Company is required to keep records of any such leave confidential in accordance with the Fair Work Act 2009 (Cth).</p>

<h2>28. Public Holidays</h2>
    <p class="sub">You are entitled to a paid day off for all applicable public holidays provided by the relevant legislation. However, by mutual agreement you may be requested to work on a particular public holiday to meet operational requirements of the business.</p>

<h2>29. Other Leave</h2>
    <p class="sub">You are also entitled to other leave, including long service leave, parental leave, community service leave and compassionate leave entitlements in accordance with relevant legislation.</p>

<h2>30. Termination</h2>
    <p class="sub">In order to terminate your employment, the Company must give you the period of notice based on your period of continuous service calculated as at the time the notice is given to you. The particular period of notice is to be determined from the following table:</p>
    <table><tr><th>Period of Continuous Service</th><th>Period of Notice</th></tr><tr><td>1 year or less</td><td>1 week</td></tr><tr><td>Over 1 year and up to the completion of 3 years</td><td>2 weeks</td></tr><tr><td>Over 3 years and up to the completion of 5 years</td><td>3 weeks</td></tr><tr><td>Over 5 years of completed service</td><td>4 weeks</td></tr></table>
    <p class="sub">If you are over 45 years of age at the time of the giving of the notice and have not less than two years continuous service with the Company, you are entitled to an additional week's notice.</p>
    <p class="sub">With respect to any period of notice, the Company may do any of the following:</p>
    <ol class="alpha"><li>pay you in lieu of any part or all of the notice period; and/or</li><li>require you not to report to work during the whole or any part of the notice period; and/or</li><li>provide you with duties different from those which you would ordinarily perform.</li></ol>
    <p class="sub">The period of notice in this clause does not apply during the probationary period or in the case of dismissal for serious misconduct.</p>
    <p class="sub">The notice of termination required to be given by you is the same as that required of the Company, except that there is no requirement on you to give additional notice based on your age.</p>
    <p class="sub">Where you provide the Company with less than the required amount of notice of termination of your employment, you agree that you owe the Company an amount equal to the remuneration that you would have earned during the shortfall in the notice period. To the extent permitted by law, you authorise the Company to deduct the amount that you owe the Company from any remaining payment due to you from the Company.</p>

<h2>31. Return of Property</h2>
    <p class="sub">On request by the Company or prior to any termination date you must return all property belonging to the Company in your possession, custody or control, including, but not limited to confidential information, intellectual property, mobile telephones, computers, keys, data storage devices, cards, documents, diaries, records and papers, reports, working papers, training manuals, equipment, computer information and programs and all copies of such items.</p>

<h2>32. Intellectual Property Assignment</h2>
    <p class="sub">You acknowledge and agree that all Intellectual Property is the property of Bell Conveyancing, whether developed by you alone, or with others, during the course of your employment.</p>
    <p class="sub">All rights to such Intellectual Property (Intellectual Property Rights) are assigned by you absolutely to Bell Conveyancing.</p>
    <p class="sub">For the purpose of this agreement, Intellectual Property includes inventions, patents, copyright, designs, trademarks, trade secrets, computer programs, commercial processes and company pricing schedules, company literature, employee records and commercial agreements.</p>

<h2>33. Confidential Information</h2>
    <p class="sub">You agree to maintain the confidentiality of information and documents to which you have access in the course of or arising from your employment with Bell Conveyancing.</p>
    <p class="sub">You must not, during your employment or after the termination of your employment, directly or indirectly use or disclose (or attempt to use or disclose) any Confidential Information for any unauthorised purpose.</p>
    <p class="sub">These restrictions do not apply to:</p>
    <ol class="alpha"><li>information used or disclosed in the proper course of performing your duties for Bell Conveyancing;</li><li>information used or disclosed with Bell Conveyancing's prior consent;</li><li>information required by law to be disclosed; or</li><li>information in the public domain, other than through your breach of this contract.</li></ol>
    <p class="sub">Confidential Information includes (but is not limited to) trade secrets of Bell Conveyancing; Bell Conveyancing's policies, systems and protocols; information about the business and affairs of Bell Conveyancing such as pricing information, marketing or strategic plans, commercial and business plans, financial information and data; information about clients or customers of Bell Conveyancing; and all other information obtained in the course of your employment with Bell Conveyancing that is by its nature confidential.</p>

<h2>34. Non-Disparagement</h2>
    <p class="sub">During your employment and after the termination of your employment, you must not make any statement, whether oral, written, or electronic, that is disparaging, defamatory, misleading, or likely to damage the reputation of Bell Conveyancing, its directors, officers, employees, clients, or business partners. This obligation extends to statements made on social media platforms, review websites, industry forums, and in any communications with third parties.</p>
    <p class="sub">This clause does not prevent you from:</p>
    <ol class="alpha"><li>making a disclosure that is required by law;</li><li>making a genuine complaint or inquiry to a relevant government authority or regulatory body; or</li><li>exercising a workplace right under the Fair Work Act 2009 (Cth).</li></ol>

<h2>35. Post-Employment Obligations</h2>
    <p class="sub">You acknowledge and agree that:</p>
    <ol class="alpha"><li>in the course of your employment, you will: <ol class="roman"><li>have access to and knowledge of Bell Conveyancing products, services, skills and techniques;</li><li>become acquainted with the clients and suppliers and their special needs and requirements;</li><li>become aware of the identity of prospective clients whose business Bell Conveyancing is attempting to attract;</li><li>generally be privy to confidential information and intellectual property concerning Bell Conveyancing, its clients, suppliers, and its methods of doing business.</li></ol></li><li>the only effective, fair and reasonable manner in which the interests of Bell Conveyancing can be protected is by the restraints imposed upon you in this Contract;</li><li>the duration, extent and application of the restrictions contained in this Contract are not greater than is reasonably necessary to protect Bell Conveyancing's legitimate business interests; and</li><li>the level of your benefits, including remuneration, constitutes adequate consideration for the restraint obligations imposed under this Contract.</li></ol>
    <p class="sub">You agree that you will not, directly or indirectly, for your own benefit or the benefit of any other person, engage in any of the activities specified in this clause, within the geographical areas specified in this clause, for the periods after the Termination Date specified in this clause, without the prior written consent of Bell Conveyancing.</p>
    <p class="sub"><strong>The activities are:</strong></p>
    <ol class="alpha"><li>canvass, solicit, or entice away the business or custom of any client with whom you or a person reporting to you has performed work or had dealings with during the 12 months preceding the Termination Date;</li><li>induce or encourage any client to terminate or not renew any business relationship with Bell Conveyancing or disclose any confidential information;</li><li>induce or encourage any supplier to terminate or not renew any business relationship with Bell Conveyancing or disclose any confidential information;</li><li>induce or encourage any employee, agent, director, officer, partner, contractor, advisor or consultant with Bell Conveyancing to terminate or not renew any business relationship with Bell Conveyancing, or disclose any confidential information.</li></ol>
    <p class="sub"><strong>The geographical areas are:</strong></p>
    <ol class="alpha"><li>Australia</li><li>the State of New South Wales</li><li>the city of Orange</li><li>the city of Bathurst</li></ol>
    <p class="sub"><strong>The periods are:</strong></p>
    <ol class="alpha"><li>the twelve (12) month period which commences on the day immediately following the Termination Date.</li><li>the nine (9) month period which commences on the day immediately following the Termination Date.</li><li>the six (6) month period which commences on the day immediately following the Termination Date.</li><li>the three (3) month period which commences on the day immediately following the Termination Date.</li></ol>
    <p class="sub">If any of the covenants in this Contract are found by a Court of competent jurisdiction to be void, invalid or otherwise unenforceable, but would be valid and enforceable if part of the wording was deleted, the activities were reduced, the geographical area was reduced, or the period was reduced, the covenant applies with such modifications as may be necessary to make it valid and enforceable.</p>

<h2>36. Business Interests Outside of the Company</h2>
    <p class="sub">While your employment with the Company continues you are required to disclose to Bell Conveyancing Management any potential conflicts of interest including concurrent employment outside of the Company which may impact negatively on either Company performance or personal performance.</p>

<h2>37. Electronic Execution</h2>
    <p class="sub">This Contract may be executed electronically, including by electronic signature applied through a recognised electronic signing platform. An electronic signature applied to this Contract constitutes a valid and binding signature under the Electronic Transactions Act 1999 (Cth) and the Electronic Transactions Act 2000 (NSW) and has the same legal effect as a handwritten signature.</p>
    <p class="sub">A copy of this Contract transmitted electronically, including a PDF bearing electronic signatures, is deemed to be an original for all purposes.</p>

<h2>38. Variation</h2>
    <p class="sub">This Contract may only be varied by a written document signed by both parties. No oral agreement, course of conduct, or dealing between the parties will operate to vary the terms of this Contract unless reduced to writing and signed by both parties.</p>
    <p class="sub">No act or omission by the Company in exercising or failing to exercise any right under this Contract will constitute a waiver of that right or vary the terms of this Contract.</p>

<h2>39. Governing Law and Jurisdiction</h2>
    <p class="sub">This Contract is governed by and is to be construed in accordance with the laws of the State of New South Wales and the applicable laws of the Commonwealth of Australia.</p>
    <p class="sub">The parties submit to the non-exclusive jurisdiction of the courts of New South Wales and the Federal Court of Australia in respect of any dispute arising out of or in connection with this Contract.</p>

<h2>40. Entire Agreement</h2>
    <p class="sub">This Contract sets out all of the terms of your employment contract with the Company. This Contract supersedes and replaces all prior representations, contracts and agreements (whether oral or in writing) concerning your employment with the Company.</p>
    <p class="sub">Once you sign this Contract, you are confirming it is complete and no agreed terms are missing.</p>
    <p>Please sign the attached copy of this Contract to acknowledge that you accept the terms and conditions set out in this Contract.</p>

<br><br>
    <p>Yours faithfully,</p><br><br>
    <p><strong>Kristy Bell</strong><br>Licensed Conveyancer<br>Practice Director and Licensee in Charge<br>Bell Conveyancing</p>

<div class="accept">
      <h2 style="border-color:#0071bd;">ACCEPTANCE BY EMPLOYEE</h2>
      <p>I, <strong>${v.NAME}</strong>, have read and understood this letter and accept the terms and conditions contained in it. I believe the terms and conditions set out in this letter to be fair and reasonable.</p>
      <br>
      <div class="sigline"></div><p>Signature                                                                  Date</p>
      <br>
      <p>I acknowledge receipt of the Fair Work Information Statement.</p>
      <p>I acknowledge that if there is any aspect of the information covered in this statement that I do not understand, I will seek clarification from my supervisor, or the manager, before I commence work.</p>
      <br>
      <div class="sigline"></div><p>Signature                                                                  Date</p>
    </div>

<div class="ftr">Bell Conveyancing ABN 95 649 888 853  |  255 Howick Street, Bathurst NSW 2795  |  265 Lords Place, Orange NSW 2800</div>
    </div></body><script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl508234'},{'dcenter':'p3'},{'cp_id':'10877350'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>`;
    const win=window.open("","_blank");win.document.write(html);win.document.close();setTimeout(()=>win.print(),600);
  }
  function generateLetter(){
    const v={
      NAME:f.name||"[EMPLOYEE NAME]",
      ADDRESS1:f.address1||"",ADDRESS2:f.address2||"",
      SUBURB:f.suburb||"",STATE:f.state||"NSW",POSTCODE:f.postcode||"",
      EMAIL:f.email||"",PHONE:f.phone||"",
      POSITION:f.position||"[POSITION TITLE]",
      LOC_ADDR:f.locationAddress||"[OFFICE ADDRESS]",
      COMMENCE_FMT:f.commenceDate?fmtDate(f.commenceDate):"[COMMENCEMENT DATE]",
      HOURS:f.hoursPerWeek||"[HOURS]",
      START:f.startTime||"9:00am",END:f.endTime||"5:00pm",DAYS:f.workDays||"Monday to Friday",MEAL:f.mealBreak||"30",
      HOURLY:f.hourlyRate?`$${parseFloat(f.hourlyRate).toFixed(2)}`:"[HOURLY RATE]",
      AWARD_LEVEL:f.awardLevel||"[LEVEL]",AWARD_RATE:f.awardRate?`$${parseFloat(f.awardRate).toFixed(2)}`:"[AWARD RATE]",
      ANNUAL:f.annualSalary?`$${parseFloat(f.annualSalary).toLocaleString("en-AU",{minimumFractionDigits:2})}`:"[ANNUAL SALARY]",
      LETTER_DATE:f.letterDate?fmtDate(f.letterDate):"[DATE]",
      DEADLINE:f.returnDeadline?fmtDate(f.returnDeadline):"[RETURN DEADLINE]",
    };
    const css=`body{font-family:Georgia,serif;font-size:11pt;color:#000;line-height:1.6;margin:0;padding:0;}
    .page{max-width:170mm;margin:20mm auto;padding:0 15mm;}
    .hdr{border-bottom:3pt solid #0071bd;padding-bottom:6pt;margin-bottom:18pt;}
    .hdr-brand{font-size:14pt;font-weight:bold;color:#224462;}
    .hdr-sub{font-size:9pt;color:#4d4d4d;}
    .subject{font-size:13pt;font-weight:bold;color:#224462;border-bottom:1.5pt solid #0071bd;padding-bottom:4pt;margin:14pt 0 12pt;}
    table{width:100%;border-collapse:collapse;margin:12pt 0;}
    td{border:1px solid #c8dae8;padding:6pt 8pt;font-size:10pt;vertical-align:top;}
    td:first-child{background:#e8f2fa;font-weight:bold;color:#224462;width:38%;}
    .steps{margin:8pt 0 12pt 0;}
    .step{display:flex;gap:10pt;margin-bottom:6pt;}
    .step-num{font-weight:bold;color:#224462;min-width:20pt;}
    .ftr{text-align:center;font-size:8pt;color:#7a9bb5;border-top:1px solid #c8dae8;padding-top:6pt;margin-top:20pt;}
    @media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;}}`;
    const addrLines=[v.NAME,v.ADDRESS1,v.ADDRESS2,v.SUBURB&&`${v.SUBURB} ${v.STATE} ${v.POSTCODE}`].filter(Boolean).join("<br>");
    const contactLine=[v.EMAIL&&`E: ${v.EMAIL}`,v.PHONE&&`M: ${v.PHONE}`].filter(Boolean).join("  |  ");
    const html=`<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Bell Conveyancing — Covering Letter — ${v.NAME}</title><style>${css}</style></head><body><div class="page">
    <div class="hdr"><div class="hdr-brand">BELL CONVEYANCING  |  ABN 95 649 888 853</div><div class="hdr-sub">255 Howick Street, Bathurst NSW 2795  |  265 Lords Place, Orange NSW 2800  |  info@bellconveyancing.com.au</div></div>
    <p>${v.LETTER_DATE}</p><br>
    <p>${addrLines}</p>${contactLine?`<p>${contactLine}</p>`:""}<br>
    <p>Dear ${v.NAME.split(" ")[0]||"[First Name]"},</p>
    <div class="subject">Offer of Employment — ${v.POSITION}</div>
    <p>On behalf of the team at Bell Conveyancing, I am delighted to offer you a position with our practice. We have genuinely enjoyed getting to know you through the recruitment process and I believe you will be a wonderful addition to our team. We are looking forward to welcoming you on board.</p>
    <p>Please find enclosed your formal Offer of Employment, which sets out the full terms and conditions of your engagement. For ease of reference, the key details of your offer are summarised below.</p>
    <table>
      <tr><td>Position</td><td>${v.POSITION}</td></tr>
      <tr><td>Commencement Date</td><td>${v.COMMENCE_FMT}</td></tr>
      <tr><td>Office Location</td><td>${v.LOC_ADDR}</td></tr>
      <tr><td>Employment Type</td><td>Full-time, permanent</td></tr>
      <tr><td>Hours</td><td>${v.HOURS} hours per week, ${v.DAYS}, ${v.START} to ${v.END} (${v.MEAL}-minute unpaid lunch break)</td></tr>
      <tr><td>Hourly Rate</td><td>${v.HOURLY} per hour (above the Legal Services Award 2020 Level ${v.AWARD_LEVEL} minimum of ${v.AWARD_RATE} per hour)</td></tr>
      <tr><td>Annual Salary</td><td>${v.ANNUAL} per annum plus superannuation</td></tr>
      <tr><td>Probation Period</td><td>6 months</td></tr>
      <tr><td>Reporting To</td><td>Kristy Bell, Practice Director and Licensee in Charge</td></tr>
    </table>
    <p>To formally accept this offer, please:</p>
    <div class="steps">
      <div class="step"><span class="step-num">1.</span><span>Read the enclosed Offer of Employment carefully in full.</span></div>
      <div class="step"><span class="step-num">2.</span><span>Sign and date both the Offer of Employment and the Fair Work Information Statement acknowledgement.</span></div>
      <div class="step"><span class="step-num">3.</span><span>Return the signed documents to me at info@bellconveyancing.com.au no later than ${v.DEADLINE}.</span></div>
    </div>
    <p>A copy of the Fair Work Information Statement, issued by the Fair Work Ombudsman, is enclosed with this letter as required by the National Employment Standards. I encourage you to read it and raise any questions with me before your commencement date.</p>
    <p>If you have any questions about the terms of your offer or anything contained in the enclosed contract, please do not hesitate to reach out to me directly. I am happy to talk through anything before you sign.</p>
    <p>We are very much looking forward to having you join the Bell Conveyancing team. I have no doubt that you will settle in quickly and thrive in this role. Welcome aboard, ${v.NAME.split(" ")[0]||""}.</p>
    <br><br>
    <p>Yours sincerely,</p><br><br><br>
    <p><strong>Kristy Bell</strong><br>Licensed Conveyancer<br>Practice Director and Licensee in Charge<br>Bell Conveyancing</p><br>
    <p><strong>Enclosures:</strong>   Offer of Employment  |  Fair Work Information Statement</p>
    <div class="ftr">Bell Conveyancing ABN 95 649 888 853  |  255 Howick Street, Bathurst NSW 2795  |  265 Lords Place, Orange NSW 2800</div>
    </div></body><script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl508234'},{'dcenter':'p3'},{'cp_id':'10877350'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>`;
    const win=window.open("","_blank");win.document.write(html);win.document.close();setTimeout(()=>win.print(),600);
  }
  const inp=(l,k,t="text",p="")=><div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>{l}</label><input type={t} placeholder={p} value={f[k]} onChange={e=>upd(k,e.target.value)} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>;
  const sel=(l,k,opts)=><div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>{l}</label><select value={f[k]} onChange={e=>upd(k,e.target.value)} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey}}>{opts.map(o=><option key={o.v||o} value={o.v||o}>{o.l||o}</option>)}</select></div>;
  const canGenerate=f.name&&f.position&&f.commenceDate&&f.hourlyRate&&f.annualSalary;
  return <div style={{maxWidth:860,margin:"0 auto",padding:"24px 18px"}}>
    <div style={{fontSize:20,fontWeight:"bold",color:B.navy,marginBottom:4}}>Contract Generator</div>
    <div style={{fontSize:13,color:B.char,marginBottom:20}}>Complete the employee details below. Use the Generate buttons to produce a print-ready contract and covering letter. Both will open in a new window — use your browser's Print function (Ctrl+P / Cmd+P) to save as PDF or send via Annature.</div>
    <div style={{display:"flex",gap:8,marginBottom:20}}>
      {[["contract","📄 Employment Contract"],["letter","✉️ Covering Letter"]].map(([v2,l])=><button key={v2} onClick={()=>setTab(v2)} style={{padding:"9px 16px",borderRadius:6,border:"none",cursor:"pointer",fontSize:13,background:tab===v2?B.blue:B.light,color:tab===v2?"#fff":B.navy}}>{l}</button>)}
    </div>
    <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16}}>
      <div style={{background:"#fff",borderRadius:12,border:"1px solid #dce8f0",padding:24}}>
        <div style={{fontWeight:"bold",fontSize:15,color:B.navy,marginBottom:16}}>Employee Details</div>
        {inp("Full Name *","name","text","e.g. Jane Smith")}
        {inp("Position Title *","position","text","e.g. Conveyancing Assistant")}
        {inp("Commencement Date *","commenceDate","date")}
        {inp("Personal Email","email","email","e.g. jane@email.com")}
        {inp("Mobile","phone","text","e.g. 0400 000 000")}
        <div style={{fontWeight:"bold",fontSize:14,color:B.navy,margin:"18px 0 12px",paddingTop:12,borderTop:"1px solid #f0f5fa"}}>Address</div>
        {inp("Street Address","address1","text","e.g. 16/142 Durham Street")}
        {inp("Address Line 2 (if applicable)","address2","text","")}
        <div style={{display:"grid",gridTemplateColumns:"2fr 1fr 1fr",gap:10}}>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Suburb</label><input value={f.suburb} onChange={e=>upd("suburb",e.target.value)} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>State</label><input value={f.state} onChange={e=>upd("state",e.target.value)} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Postcode</label><input value={f.postcode} onChange={e=>upd("postcode",e.target.value)} style={{width:"100%",padding:"9px 12px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
        </div>
      </div>
      <div style={{background:"#fff",borderRadius:12,border:"1px solid #dce8f0",padding:24}}>
        <div style={{fontWeight:"bold",fontSize:15,color:B.navy,marginBottom:16}}>Employment Terms</div>
        {sel("Office Location","location",[{v:"Bathurst",l:"Bathurst — 255 Howick Street"},{v:"Orange",l:"Orange — 265 Lords Place"}])}
        {f.location==="Orange"&&<div style={{background:B.light,borderRadius:6,padding:"8px 12px",fontSize:12,color:B.navy,marginBottom:14}}>Address set to: 265 Lords Place, Orange NSW 2800</div>}
        {inp("Hours Per Week *","hoursPerWeek","text","e.g. 37.5")}
        {inp("Working Days","workDays","text","e.g. Monday to Friday")}
        <div style={{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:10}}>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Start Time</label><input value={f.startTime} onChange={e=>upd("startTime",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>End Time</label><input value={f.endTime} onChange={e=>upd("endTime",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Meal Break (min)</label><input value={f.mealBreak} onChange={e=>upd("mealBreak",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
        </div>
        <div style={{fontWeight:"bold",fontSize:14,color:B.navy,margin:"18px 0 12px",paddingTop:12,borderTop:"1px solid #f0f5fa"}}>Remuneration</div>
        <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10}}>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Award Level</label><select value={f.awardLevel} onChange={e=>upd("awardLevel",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey}}><option value="1">Level 1</option><option value="2">Level 2</option><option value="3">Level 3</option><option value="4">Level 4</option><option value="5">Level 5</option><option value="6">Level 6</option></select></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Award Min Rate ($/hr)</label><input value={f.awardRate} onChange={e=>upd("awardRate",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}}/></div>
        </div>
        <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10,alignItems:"end"}}>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Hourly Rate *</label><input value={f.hourlyRate} onChange={e=>upd("hourlyRate",e.target.value)} onBlur={calcAnnual} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}} placeholder="e.g. 32.00"/></div>
          <div style={{marginBottom:14}}><label style={{display:"block",fontSize:13,fontWeight:"bold",color:B.navy,marginBottom:5}}>Annual Salary *</label><input value={f.annualSalary} onChange={e=>upd("annualSalary",e.target.value)} style={{width:"100%",padding:"9px 10px",borderRadius:6,border:"1px solid #c8dae8",fontSize:13,color:B.grey,boxSizing:"border-box"}} placeholder="auto-calc on tab"/></div>
        </div>
        {f.hourlyRate&&f.hoursPerWeek&&<div style={{background:B.light,borderRadius:6,padding:"8px 12px",fontSize:12,color:B.navy,marginBottom:14}}>Calculated annual: ${(parseFloat(f.hourlyRate||0)*parseFloat(f.hoursPerWeek||0)*52).toLocaleString("en-AU",{minimumFractionDigits:2,maximumFractionDigits:2})} — click Annual Salary field to confirm or adjust</div>}
        <div style={{fontWeight:"bold",fontSize:14,color:B.navy,margin:"18px 0 12px",paddingTop:12,borderTop:"1px solid #f0f5fa"}}>Letter Details</div>
        {inp("Letter Date","letterDate","date")}
        {inp("Return Deadline","returnDeadline","date")}
      </div>
    </div>
    {!canGenerate&&<div style={{background:"#fef3c7",borderRadius:8,padding:"11px 16px",fontSize:13,color:"#78350f",marginTop:16,border:"1px solid #fde68a"}}>Complete all required fields (marked *) before generating documents.</div>}
    <div style={{display:"flex",gap:12,marginTop:20}}>
      <button onClick={generateContract} disabled={!canGenerate} style={{flex:1,background:canGenerate?B.navy:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"14px",cursor:canGenerate?"pointer":"not-allowed",fontSize:15,fontWeight:"bold"}}>📄 Generate Employment Contract</button>
      <button onClick={generateLetter} disabled={!canGenerate} style={{flex:1,background:canGenerate?B.blue:"#a0bdd4",color:"#fff",border:"none",borderRadius:8,padding:"14px",cursor:canGenerate?"pointer":"not-allowed",fontSize:15,fontWeight:"bold"}}>✉️ Generate Covering Letter</button>
    </div>
    <div style={{marginTop:12,fontSize:12,color:"#7a9bb5",textAlign:"center"}}>Each document opens in a new window. Use Ctrl+P (or Cmd+P) to save as PDF or print. Send via Annature for electronic signing.</div>
  </div>;
}

// ── ROOT APP ────────────────────────────────────────────────────────────────
function App(){
  const[mod,setMod]=useState("dashboard");
  const[employees,setEmployees]=useState(()=>LS.get("bell_ob_emps",[]));
  const[checks,setChecks]=useState(()=>LS.get("bell_ob_checks",{}));
  const[notes,setNotes]=useState(()=>LS.get("bell_ob_notes",{}));
  const[trainingRecords,setTrainingRecords]=useState(()=>LS.get("bell_training",[]));
  const[reviews,setReviews]=useState(()=>LS.get("bell_reviews",{probationOutcomes:[],annualReviews:[]}));
  const[offboards,setOffboards]=useState(()=>LS.get("bell_off_boards",[]));
  const[offChecks,setOffChecks]=useState(()=>LS.get("bell_off_checks",{}));
  const[offNotes,setOffNotes]=useState(()=>LS.get("bell_off_notes",{}));
  const nav=[["dashboard","🏠 Dashboard"],["onboarding","📋 Onboarding"],["training","🎓 Training"],["records","📊 Records"],["reviews","🔄 Reviews"],["offboarding","🚪 Offboarding"],["ai","🤖 HR Assistant"],["contracts","📄 Contracts"],["documents","📁 Documents"]];
  return <div style={{minHeight:"100vh",background:"#f0f5fa"}}>
    <div style={{background:B.navy}}>
      <div style={{padding:"0 18px",height:60,display:"flex",alignItems:"center",justifyContent:"space-between"}}>
        <div style={{display:"flex",alignItems:"center",gap:10}}><div style={{width:4,height:28,background:B.blue,borderRadius:2}}/><div><div style={{color:"#fff",fontWeight:"bold",fontSize:16,letterSpacing:".04em"}}>BELL CONVEYANCING</div><div style={{color:"#94b4cc",fontSize:10,letterSpacing:".08em",textTransform:"uppercase"}}>HR Platform</div></div></div>
        <div style={{display:"flex",gap:3,flexWrap:"wrap",justifyContent:"flex-end"}}>{nav.map(([m,l])=>(<button key={m} onClick={()=>setMod(m)} style={{padding:"7px 11px",borderRadius:5,border:"none",cursor:"pointer",fontSize:12,background:mod===m?B.blue:"rgba(255,255,255,.1)",color:"#fff",transition:"all .15s"}}>{l}</button>))}</div>
      </div>
    </div>
    {mod==="dashboard"&&<DashMod employees={employees} trainingRecords={trainingRecords} reviews={reviews}/>}
    {mod==="onboarding"&&<OBMod checks={checks} setChecks={setChecks} notes={notes} setNotes={setNotes} employees={employees} setEmployees={setEmployees}/>}
    {mod==="training"&&<TrMod trainingRecords={trainingRecords} setTrainingRecords={setTrainingRecords}/>}
    {mod==="records"&&<RecMod trainingRecords={trainingRecords} setTrainingRecords={setTrainingRecords}/>}
    {mod==="reviews"&&<RevMod reviews={reviews} setReviews={setReviews}/>}
    {mod==="offboarding"&&<OffMod offboards={offboards} setOffboards={setOffboards} offChecks={offChecks} setOffChecks={setOffChecks} offNotes={offNotes} setOffNotes={setOffNotes}/>}
    {mod==="ai"&&<AIMod employees={employees} trainingRecords={trainingRecords} reviews={reviews}/>}
    {mod==="contracts"&&<ContractMod/>}
    {mod==="documents"&&<DocsMod/>}
  </div>;
}
const root=ReactDOM.createRoot(document.getElementById("root"));
root.render(<App/>);
</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl508234'},{'dcenter':'p3'},{'cp_id':'10877350'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>