https://ozone-bes-os.vercel.app/_next/static/chunks/pages/index-0ld-e9d9dc9c3685f0b6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3795],{86680:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/index-0ld",function(){return a(96628)}])},96628:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var i=a(37876),c=a(94208),l=a.n(c),r=a(48230),b=a.n(r),n=a(14232),t=a(64602),x=a(64543),d=a(27721),o=a(72127),j=a(33678),p=a(389),h=a(23784),m=a(56328),f=a(21311),g=a(57031),u=a(8525),N=a(20967),v=a(51357),w=a(36627),y=a(39838),k=a(18847);let S=a.n(k)()(()=>Promise.all([a.e(1805),a.e(104)]).then(a.bind(a,60104)),{loadableGenerated:{webpack:()=>[60104]},ssr:!1});function z(){let[e,s]=(0,n.useState)("15"),[a,c]=(0,n.useState)("WDS3000P"),[r,k]=(0,n.useState)("1000"),[z,A]=(0,n.useState)("20"),[O,D]=(0,n.useState)("Outdoor"),[W,H]=(0,n.useState)("60/30"),[R,T]=(0,n.useState)("250"),[V,I]=(0,n.useState)("7.4"),[L,_]=(0,n.useState)("28"),[X,E]=(0,n.useState)("8"),B=(0,n.useMemo)(()=>{let s=1e3*Number(e),i=Number(r),c=Number(z)/100,l=Number(R),b=Number(V),n=Number(L),t=60*Number(X),x="Outdoor"===O?.72:.88,[d,o]=W.split("/"),j=Number(d||60),p=Math.max(j+Number(o||30),1),h=Math.max(.55,Math.min(1.15,1-7e-4*Math.max(l-100,0)))*Math.max(.55,Math.min(1.15,1-.12*Math.max(b-7.2,0)))*Math.max(.55,Math.min(1.1,1-.025*Math.max(n-25,0))),m=({WDS3000P:3e3,WDS6000X:6e3,WDS1200X:1200,WTO480:480}[a]||3e3)/Math.max(i,1),f=m*(1-c)*x*h,g=i/Math.max(s,1),u="Outdoor"===O?.018:.01,N=(1-h)*.035,v=g+u+N,w=f*g*(j/p)/Math.max(v,1e-4),y=Math.log(2)/Math.max(u+N,1e-4),k=w*t*.72,S=Array.from({length:25},(e,s)=>{let a=Math.round(s/24*t),i=w*(1-Math.exp(-v*a))*(a%p<j?1:.18);return{minute:a,c:Number(i.toFixed(3)),ct:Number((i*Math.max(a,1)*.72).toFixed(2))}}),C=Math.max(.1,...S.map(e=>e.c)),M=Math.max(1,...S.map(e=>e.ct)),P=S.map((e,s)=>{let a=36+s/(S.length-1)*260,i=120-e.c/C*84;return`${a.toFixed(1)},${i.toFixed(1)}`}).join(" "),F=S.map((e,s)=>{let a=36+s/(S.length-1)*260,i=120-e.ct/M*84;return`${a.toFixed(1)},${i.toFixed(1)}`}).join(" ");return{chamberC:m.toFixed(2),returnC:f.toFixed(2),poolC:S[Math.min(S.length-1,Math.floor(.55*S.length))].c.toFixed(3),steadyC:w.toFixed(3),halfLifeMin:y.toFixed(0),ctTotal:k.toFixed(1),cPoints:P,ctPoints:F,maxC:C.toFixed(2),maxCt:M.toFixed(0),totalRuntimeMin:t}},[e,a,r,z,O,W,R,V,L,X]);return(0,i.jsx)(t.A,{children:(0,i.jsxs)("div",{className:"bes-dark-dashboard",children:[(0,i.jsxs)("section",{className:"bes-kpi-grid",children:[(0,i.jsx)(C,{icon:(0,i.jsx)(x.A,{size:22}),title:"Total Devices",value:"128",sub:"96 devices online"}),(0,i.jsx)(C,{icon:(0,i.jsx)(d.A,{size:22}),title:"Revenue Today",value:"฿45,230",sub:"vs yesterday +12.5%"}),(0,i.jsx)(C,{icon:(0,i.jsx)(o.A,{size:22}),title:"Revenue This Month",value:"฿1,245,000",sub:"vs last month +18.3%"}),(0,i.jsx)(C,{icon:(0,i.jsx)(j.A,{size:22}),title:"Open Service Jobs",value:"3",sub:"Pending action"})]}),(0,i.jsxs)("section",{className:"bes-main-grid",children:[(0,i.jsxs)("div",{className:"bes-product-hero-v2",children:[(0,i.jsx)("div",{className:"hero-bg-glow"}),(0,i.jsxs)("div",{className:"hero-copy",children:[(0,i.jsx)("span",{className:"tag",children:"Product Highlight"}),(0,i.jsx)("h1",{children:"WDS3000P"}),(0,i.jsx)("h2",{children:"For Swimming Pools"}),(0,i.jsx)("p",{children:"High-efficiency ozone water disinfection for cleaner, safer and more energy-efficient pool operation"}),(0,i.jsxs)("div",{className:"hero-feature-row",children:[(0,i.jsx)(M,{icon:(0,i.jsx)(p.A,{}),title:"Safety",sub:"Up to 99.99% disinfection"}),(0,i.jsx)(M,{icon:(0,i.jsx)(h.A,{}),title:"Energy Saving",sub:"Low power, only 38W"}),(0,i.jsx)(M,{icon:(0,i.jsx)(m.A,{}),title:"Clear Water",sub:"Reduces chlorine and chemicals"}),(0,i.jsx)(M,{icon:(0,i.jsx)(f.A,{}),title:"High Performance",sub:"Designed for pool systems"})]}),(0,i.jsxs)("div",{className:"hero-cta-row",children:[(0,i.jsxs)(b(),{href:"/iot",children:["View System Flow ",(0,i.jsx)(g.A,{size:16})]}),(0,i.jsx)(b(),{href:"/rental",children:"Calculate ROI"}),(0,i.jsx)(b(),{href:"/reports",children:"Run Simulation"})]})]}),(0,i.jsxs)("div",{className:"hero-product-visual",children:[(0,i.jsx)("img",{src:"/image/wds3000p-clean.png",alt:"WDS3000P"}),(0,i.jsxs)("div",{className:"hero-spec-box",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Ozone Output"}),(0,i.jsx)("strong",{children:"3000 mg/hr"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Coverage"}),(0,i.jsx)("strong",{children:"15–30 m\xb3"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Power"}),(0,i.jsx)("strong",{children:"38W"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Installation"}),(0,i.jsx)("strong",{children:"Standard Fitting"})]})]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sidestream-strip",children:[(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sidestream-head",children:[(0,i.jsx)("h2",{style:{fontSize:"30px",fontWeight:800,letterSpacing:"-0.5px"},className:"jsx-722e48bb2c970e9a",children:"Pool Ozone System (Sidestream)"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Independent ozone sidestream module"})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-pro-wrap",children:[(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-pro-canvas",children:[(0,i.jsxs)("svg",{viewBox:"0 0 1000 430",preserveAspectRatio:"none",className:"jsx-722e48bb2c970e9a sd-pro-svg",children:[(0,i.jsx)("path",{d:"M70 315 H900",className:"jsx-722e48bb2c970e9a sd-main-base"}),(0,i.jsx)("path",{d:"M70 315 H900",className:"jsx-722e48bb2c970e9a sd-main-flow"}),(0,i.jsx)("path",{d:"M315 315 V135 Q315 110 340 110 H745 Q770 110 770 135 V315",className:"jsx-722e48bb2c970e9a sd-side-base"}),(0,i.jsx)("path",{d:"M315 315 V135 Q315 110 340 110 H745 Q770 110 770 135 V315",className:"jsx-722e48bb2c970e9a sd-side-flow"}),(0,i.jsxs)("g",{transform:"translate(770 200) scale(.50)",className:"jsx-722e48bb2c970e9a sd-check",children:[(0,i.jsx)("rect",{x:"-22",y:"-36",width:"44",height:"98",rx:"10",className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("polygon",{points:"-13,-18 13,-18 0,10",className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("circle",{cx:"0",cy:"38",r:"14",className:"jsx-722e48bb2c970e9a"})]}),(0,i.jsx)("text",{x:"800",y:"280",className:"jsx-722e48bb2c970e9a sd-svg-label",children:"Valve"}),(0,i.jsx)("text",{x:"230",y:"280",className:"jsx-722e48bb2c970e9a sd-svg-label",children:"Valve"}),(0,i.jsx)("circle",{cx:"315",cy:"315",r:"10",className:"jsx-722e48bb2c970e9a sd-joint"}),(0,i.jsx)("circle",{cx:"770",cy:"315",r:"10",className:"jsx-722e48bb2c970e9a sd-joint"}),(0,i.jsxs)("g",{transform:"translate(298 252) scale(.72)",className:"jsx-722e48bb2c970e9a sd-valve",children:[(0,i.jsx)("polygon",{points:"0,0 42,22 0,44",className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("polygon",{points:"42,0 0,22 42,44",className:"jsx-722e48bb2c970e9a"})]}),(0,i.jsxs)("g",{transform:"translate(625 298) scale(.72)",className:"jsx-722e48bb2c970e9a sd-valve",children:[(0,i.jsx)("polygon",{points:"0,0 42,20 0,40",className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("polygon",{points:"42,0 0,20 42,40",className:"jsx-722e48bb2c970e9a"})]}),(0,i.jsxs)("g",{transform:"translate(748 252) scale(.72)",className:"jsx-722e48bb2c970e9a sd-valve",children:[(0,i.jsx)("polygon",{points:"0,0 42,22 0,44",className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("polygon",{points:"42,0 0,22 42,44",className:"jsx-722e48bb2c970e9a"})]})]}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-pump-symbol",children:(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a"})}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-filter-symbol",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("b",{className:"jsx-722e48bb2c970e9a"})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-filter-symbol",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a"})]}),(0,i.jsx)("img",{src:"/image/Softener.png",alt:"Softener",style:{position:"absolute",left:"46%",top:"16%",width:92,height:185,objectFit:"contain",objectPosition:"center",transform:"translateX(-50%)",zIndex:20,filter:"drop-shadow(0 0 10px rgba(255,255,255,.14)) drop-shadow(0 0 24px rgba(0,140,255,.24))"},className:"jsx-722e48bb2c970e9a sd-softener-img"}),(0,i.jsx)("img",{src:"/image/wds3000p-clean.png",alt:"WDS3000P",style:{position:"absolute",left:"61%",top:"27%",width:78,height:138,objectFit:"contain",objectPosition:"center",transform:"translateX(-50%)",zIndex:21,filter:"drop-shadow(0 0 10px rgba(255,255,255,.14)) drop-shadow(0 0 24px rgba(0,140,255,.26))"},className:"jsx-722e48bb2c970e9a sd-wds-img"}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-softener-title",children:["Softener",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),"(Optional)"]}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-wds-title",children:"WDS3000P"}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-side-rate",children:[(0,i.jsx)("strong",{className:"jsx-722e48bb2c970e9a",children:"1,000 LPH"}),(0,i.jsxs)("span",{className:"jsx-722e48bb2c970e9a",children:["Side Stream",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),"Flow Rate"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-main-rate",children:[(0,i.jsx)("strong",{className:"jsx-722e48bb2c970e9a",children:"3,000 LPH"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Main Flow Rate"})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-from",children:["From Pump",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),"(Suction)"]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-pump-label",children:[(0,i.jsx)("b",{className:"jsx-722e48bb2c970e9a",children:"Pump"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"4,000 LPH"})]}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-filter-label",children:"Filter"}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-bypass",children:["Bypass Valve",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),(0,i.jsx)("small",{className:"jsx-722e48bb2c970e9a",children:"(Normally Open)"})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-check-label",children:["Check",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),"Valve"]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-label sd-return",children:["To Pool /",(0,i.jsx)("br",{className:"jsx-722e48bb2c970e9a"}),"Return"]})]}),(0,i.jsxs)("aside",{className:"jsx-722e48bb2c970e9a sd-pro-info",children:[(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-info-card",children:[(0,i.jsx)("h4",{className:"jsx-722e48bb2c970e9a",children:"Flow Information"}),(0,i.jsxs)("p",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-blue-line"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Main Flow"}),(0,i.jsx)("strong",{className:"jsx-722e48bb2c970e9a",children:"3,000 LPH"})]}),(0,i.jsxs)("p",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-yellow-line"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Side Stream"}),(0,i.jsx)("strong",{className:"jsx-722e48bb2c970e9a sd-green",children:"1,000 LPH"})]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-info-card",children:[(0,i.jsx)("h4",{className:"jsx-722e48bb2c970e9a",children:"System Components"}),(0,i.jsxs)("ul",{className:"jsx-722e48bb2c970e9a sd-component-list",children:[(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini pump"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Pump"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini filter"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Filter"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini softener (option)"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Softener"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini wds"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"WDS3000P"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini isolation"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Isolation Valve"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini check"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Check Valve"})]}),(0,i.jsxs)("li",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a sd-mini bypass"}),(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Bypass Valve"})]})]})]})]})]}),(0,i.jsx)("aside",{className:"jsx-722e48bb2c970e9a sd-sim-outside",children:(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-info-card sd-sim-card",children:[(0,i.jsx)("h4",{className:"jsx-722e48bb2c970e9a",children:"Advanced Simulation"}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-sim-grid",children:[(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Pool Size"}

1),(0,i.jsxs)("select",{value:e,onChange:e=>s(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"15",className:"jsx-722e48bb2c970e9a",children:"15 m\xb3"}),(0,i.jsx)("option",{value:"30",className:"jsx-722e48bb2c970e9a",children:"30 m\xb3"}),(0,i.jsx)("option",{value:"50",className:"jsx-722e48bb2c970e9a",children:"50 m\xb3"}),(0,i.jsx)("option",{value:"100",className:"jsx-722e48bb2c970e9a",children:"100 m\xb3"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Ozone Model"}),(0,i.jsxs)("select",{value:a,onChange:e=>c(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"WDS3000P",className:"jsx-722e48bb2c970e9a",children:"WDS3000P"}),(0,i.jsx)("option",{value:"WDS6000X",className:"jsx-722e48bb2c970e9a",children:"WDS6000X"}),(0,i.jsx)("option",{value:"WDS1200X",className:"jsx-722e48bb2c970e9a",children:"WDS1200X"}),(0,i.jsx)("option",{value:"WTO480",className:"jsx-722e48bb2c970e9a",children:"WTO 480"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Bypass Flow"}),(0,i.jsxs)("select",{value:r,onChange:e=>k(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"500",className:"jsx-722e48bb2c970e9a",children:"500 LPH"}),(0,i.jsx)("option",{value:"1000",className:"jsx-722e48bb2c970e9a",children:"1,000 LPH"}),(0,i.jsx)("option",{value:"1500",className:"jsx-722e48bb2c970e9a",children:"1,500 LPH"}),(0,i.jsx)("option",{value:"2000",className:"jsx-722e48bb2c970e9a",children:"2,000 LPH"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"% Loss"}),(0,i.jsxs)("select",{value:z,onChange:e=>A(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"10",className:"jsx-722e48bb2c970e9a",children:"10%"}),(0,i.jsx)("option",{value:"20",className:"jsx-722e48bb2c970e9a",children:"20%"}),(0,i.jsx)("option",{value:"30",className:"jsx-722e48bb2c970e9a",children:"30%"}),(0,i.jsx)("option",{value:"40",className:"jsx-722e48bb2c970e9a",children:"40%"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"TDS"}),(0,i.jsxs)("select",{value:R,onChange:e=>T(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"80",className:"jsx-722e48bb2c970e9a",children:"80 ppm"}),(0,i.jsx)("option",{value:"150",className:"jsx-722e48bb2c970e9a",children:"150 ppm"}),(0,i.jsx)("option",{value:"250",className:"jsx-722e48bb2c970e9a",children:"250 ppm"}),(0,i.jsx)("option",{value:"400",className:"jsx-722e48bb2c970e9a",children:"400 ppm"}),(0,i.jsx)("option",{value:"600",className:"jsx-722e48bb2c970e9a",children:"600 ppm"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"pH"}),(0,i.jsxs)("select",{value:V,onChange:e=>I(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"6.8",className:"jsx-722e48bb2c970e9a",children:"6.8"}),(0,i.jsx)("option",{value:"7.2",className:"jsx-722e48bb2c970e9a",children:"7.2"}),(0,i.jsx)("option",{value:"7.4",className:"jsx-722e48bb2c970e9a",children:"7.4"}),(0,i.jsx)("option",{value:"7.8",className:"jsx-722e48bb2c970e9a",children:"7.8"}),(0,i.jsx)("option",{value:"8.2",className:"jsx-722e48bb2c970e9a",children:"8.2"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Temp"}),(0,i.jsxs)("select",{value:L,onChange:e=>_(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"22",className:"jsx-722e48bb2c970e9a",children:"22\xb0C"}),(0,i.jsx)("option",{value:"25",className:"jsx-722e48bb2c970e9a",children:"25\xb0C"}),(0,i.jsx)("option",{value:"28",className:"jsx-722e48bb2c970e9a",children:"28\xb0C"}),(0,i.jsx)("option",{value:"32",className:"jsx-722e48bb2c970e9a",children:"32\xb0C"}),(0,i.jsx)("option",{value:"35",className:"jsx-722e48bb2c970e9a",children:"35\xb0C"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Indoor / Outdoor"}),(0,i.jsxs)("select",{value:O,onChange:e=>D(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"Indoor",className:"jsx-722e48bb2c970e9a",children:"Indoor"}),(0,i.jsx)("option",{value:"Outdoor",className:"jsx-722e48bb2c970e9a",children:"Outdoor"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Run / Rest"}),(0,i.jsxs)("select",{value:W,onChange:e=>H(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"60/30",className:"jsx-722e48bb2c970e9a",children:"60 / 30 min"}),(0,i.jsx)("option",{value:"60/60",className:"jsx-722e48bb2c970e9a",children:"60 / 60 min"}),(0,i.jsx)("option",{value:"120/60",className:"jsx-722e48bb2c970e9a",children:"120 / 60 min"}),(0,i.jsx)("option",{value:"240/180",className:"jsx-722e48bb2c970e9a",children:"240 / 180 min"})]})]}),(0,i.jsxs)("label",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Runtime"}),(0,i.jsxs)("select",{value:X,onChange:e=>E(e.target.value),className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("option",{value:"4",className:"jsx-722e48bb2c970e9a",children:"4 hr"}),(0,i.jsx)("option",{value:"6",className:"jsx-722e48bb2c970e9a",children:"6 hr"}),(0,i.jsx)("option",{value:"8",className:"jsx-722e48bb2c970e9a",children:"8 hr"}),(0,i.jsx)("option",{value:"12",className:"jsx-722e48bb2c970e9a",children:"12 hr"}),(0,i.jsx)("option",{value:"24",className:"jsx-722e48bb2c970e9a",children:"24 hr"})]})]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-sim-results",children:[(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"C Chamber"}),(0,i.jsxs)("strong",{className:"jsx-722e48bb2c970e9a",children:[B.chamberC," ppm"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"C Return"}),(0,i.jsxs)("strong",{className:"jsx-722e48bb2c970e9a",children:[B.returnC," ppm"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"C Pool"}),(0,i.jsxs)("strong",{className:"jsx-722e48bb2c970e9a",children:[B.poolC," ppm"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Steady C"}),(0,i.jsxs)("strong",{className:"jsx-722e48bb2c970e9a",children:[B.steadyC," ppm"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"Half-life"}),(0,i.jsxs)("strong",{className:"jsx-722e48bb2c970e9a",children:[B.halfLifeMin," min"]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("span",{className:"jsx-722e48bb2c970e9a",children:"CT Total"}),(0,i.jsx)("strong",{className:"jsx-722e48bb2c970e9a",children:B.ctTotal})]})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-sim-chart",children:[(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-axis sd-y-top",children:[B.maxC," ppm"]}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-axis sd-y-mid",children:(Number(B.maxC)/2).toFixed(2)}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-axis sd-y-bottom",children:"0"}),(0,i.jsx)("div",{className:"jsx-722e48bb2c970e9a sd-axis sd-x-left",children:"0 min"}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-axis sd-x-right",children:[B.totalRuntimeMin," min"]}),(0,i.jsxs)("svg",{viewBox:"0 0 320 150",preserveAspectRatio:"none",className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("line",{x1:"36",y1:"36",x2:"36",y2:"120",className:"jsx-722e48bb2c970e9a sd-chart-axis"}),(0,i.jsx)("line",{x1:"36",y1:"120",x2:"296",y2:"120",className:"jsx-722e48bb2c970e9a sd-chart-axis"}),(0,i.jsx)("line",{x1:"36",y1:"78",x2:"296",y2:"78",className:"jsx-722e48bb2c970e9a sd-chart-grid-line"}),(0,i.jsx)("polyline",{points:B.ctPoints,className:"jsx-722e48bb2c970e9a sd-chart-ct"}),(0,i.jsx)("polyline",{points:B.cPoints,className:"jsx-722e48bb2c970e9a sd-chart-c"})]}),(0,i.jsxs)("div",{className:"jsx-722e48bb2c970e9a sd-chart-legend",children:[(0,i.jsxs)("span",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a c-line"})," C Pool"]}),(0,i.jsxs)("span",{className:"jsx-722e48bb2c970e9a",children:[(0,i.jsx)("i",{className:"jsx-722e48bb2c970e9a ct-line"})," CT"]})]})]})]})}),(0,i.jsx)(l(),{id:"722e48bb2c970e9a",children:'.sd-filter-symbol.jsx-722e48bb2c970e9a{position:absolute;

1left:90px;top:295px;width:34px;height:42px;border-radius:10px;border:2px solid rgba(255,255,255,.92);background:#021a44;overflow:hidden;z-index:999}.sd-filter-symbol.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{position:absolute;left:8px;right:8px;height:3px;background:#fff;border-radius:999px}.sd-filter-symbol.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a:nth-child(1){top:10px}.sd-filter-symbol.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a:nth-child(2){top:18px}.sd-filter-symbol.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a:nth-child(3){top:26px}.sd-pro-wrap.jsx-722e48bb2c970e9a{display:grid;grid-template-columns:minmax(0,1fr)300px;gap:22px;width:100%;margin-top:18px;padding:22px;border-radius:26px;border:1px solid rgba(74,149,230,.32);background:radial-gradient(circle at 34%32%,rgba(0,132,255,.16),transparent 42%),linear-gradient(135deg,rgba(4,22,48,.98),rgba(1,11,27,.98))}.sd-pro-canvas.jsx-722e48bb2c970e9a{position:relative;min-height:410px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50%46%,rgba(0,110,255,.18),transparent 56%),linear-gradient(180deg,rgba(5,29,58,.72),rgba(0,12,27,.9))}.sd-pro-svg.jsx-722e48bb2c970e9a{position:absolute;inset:0;width:100%;height:100%;z-index:1}.sd-main-base.jsx-722e48bb2c970e9a{fill:none;stroke:rgba(0,145,255,.95);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 11px rgba(0,145,255,.75))}.sd-main-flow.jsx-722e48bb2c970e9a{fill:none;stroke:rgba(130,230,255,.95);stroke-width:3;stroke-linecap:round;stroke-dasharray:20 18;animation:sdMainFlowMove.7s linear infinite}.sd-side-base.jsx-722e48bb2c970e9a{fill:none;stroke:rgba(255,210,30,.34);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 12px rgba(255,210,30,.42))}.sd-side-flow.jsx-722e48bb2c970e9a{fill:none;stroke:rgba(255,210,30,1);stroke-width:5;stroke-linecap:round;stroke-dasharray:18 14;animation:sdSideMove.8s linear infinite;filter:drop-shadow(0 0 10px rgba(255,210,30,.9))}@keyframes sdMainMove{from{stroke-dashoffset:44}to{stroke-dashoffset:0}}@keyframes sdSideMove{from{stroke-dashoffset:38}to{stroke-dashoffset:0}}.sd-arrow.jsx-722e48bb2c970e9a{fill:#0b8cff;opacity:.95;filter:drop-shadow(0 0 8px rgba(0,140,255,.72))}.sd-joint.jsx-722e48bb2c970e9a{fill:#087cff;filter:drop-shadow(0 0 10px rgba(0,140,255,.9))}.sd-valve.jsx-722e48bb2c970e9a polygon.jsx-722e48bb2c970e9a{fill:#fff;stroke:rgba(255,255,255,.9);stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.sd-check.jsx-722e48bb2c970e9a rect.jsx-722e48bb2c970e9a{fill:rgba(0,20,44,.42);stroke:rgba(255,255,255,.9);stroke-width:2}.sd-check.jsx-722e48bb2c970e9a polygon.jsx-722e48bb2c970e9a{fill:none;stroke:#fff;stroke-width:3}.sd-check.jsx-722e48bb2c970e9a polygon.jsx-722e48bb2c970e9a{fill:none;stroke:#fff;stroke-width:3}.sd-check.jsx-722e48bb2c970e9a circle.jsx-722e48bb2c970e9a{fill:none;stroke:#fff;stroke-width:3}.sd-check.jsx-722e48bb2c970e9a circle.jsx-722e48bb2c970e9a{fill:none;stroke:#fff;stroke-width:3}.sd-check.jsx-722e48bb2c970e9a{transform-box:fill-box;transform-origin:center}.sd-valve.jsx-722e48bb2c970e9a{transform-box:fill-box;transform-origin:center}.sd-check.jsx-722e48bb2c970e9a polygon.jsx-722e48bb2c970e9a,.sd-check.jsx-722e48bb2c970e9a circle.jsx-722e48bb2c970e9a{fill:none;stroke:#fff;stroke-width:3}.sd-pump-symbol.jsx-722e48bb2c970e9a{position:absolute;left:45px;top:305px;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.92);overflow:hidden;background:rgba(0,20,50,.95);z-index:20}.sd-pump-symbol.jsx-722e48bb2c970e9a>div.jsx-722e48bb2c970e9a{position:absolute;left:10px;top:6px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid#fff}.sd-filter.jsx-722e48bb2c970e9a{position:absolute;left:105px;top:288px;width:46px;height:76px}.sd-filter-symbol.jsx-722e48bb2c970e9a i.jsx-722e48bb2c970e9a,.sd-filter-symbol.jsx-722e48bb2c970e9a b.jsx-722e48bb2c970e9a{position:absolute;left:10px;right:10px;height:5px;background:#fff;border-radius:99px;display:none;z-index:21}.sd-filter-symbol.jsx-722e48bb2c970e9a i.jsx-722e48bb2c970e9a{top:22px;z-index:20;background:rgba(0,20,50,.98);height:3px;box-shadow:0 10px 0#fff}.sd-filter-symbol.jsx-722e48bb2c970e9a b.jsx-722e48bb2c970e9a{top:43px}.sd-softener-img.jsx-722e48bb2c970e9a{position:absolute!important;left:45%!important;top:14%!important;width:92px!important;height:185px!important;object-fit:contain!important;object-position:center!important;transform:translatex(-50%)!important;z-index:20!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.14))drop-shadow(0 0 24px rgba(0,140,255,.24))}.sd-wds-img.jsx-722e48bb2c970e9a{position:absolute!important;left:61%!important;top:12%!important;width:78px!important;height:138px!important;object-fit:contain!important;object-position:center!important;transform:translatex(-50%)!important;z-index:21!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.14))drop-shadow(0 0 24px rgba(0,140,255,.26))}.sd-label.jsx-722e48bb2c970e9a{position:absolute;z-index:12;color:#fff;font-size:10.5px;font-weight:600;line-height:1.12;letter-spacing:.12px;text-shadow:0 0 8px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.85)}.sd-label.jsx-722e48bb2c970e9a strong.jsx-722e48bb2c970e9a{display:block;font-size:15px;line-height:1.05;

1color:#20e86f;margin-bottom:2px}.sd-label.jsx-722e48bb2c970e9a b.jsx-722e48bb2c970e9a{display:block;font-size:11px}.sd-svg-label.jsx-722e48bb2c970e9a{fill:#fff;font-size:22px;font-weight:700}.sd-label.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{display:block;font-size:9.5px;color:rgba(255,255,255,.9)}.sd-softener-title.jsx-722e48bb2c970e9a{left:41%;top:14%;font-size:12px}.sd-wds-title.jsx-722e48bb2c970e9a{left:55%;top:14%;font-size:12px}.sd-side-rate.jsx-722e48bb2c970e9a{left:13.5%;top:39.5%}.sd-main-rate.jsx-722e48bb2c970e9a{left:32%;top:78%;text-align:center}.sd-main-rate.jsx-722e48bb2c970e9a strong.jsx-722e48bb2c970e9a{color:#0b8cff;font-size:18px}.sd-from.jsx-722e48bb2c970e9a{left:1%;top:78%;font-size:9.5px}.sd-pump-label.jsx-722e48bb2c970e9a{left:5%;top:84%;text-align:center}.sd-filter-label.jsx-722e48bb2c970e9a{left:20%;top:80%;text-align:center}.sd-isolation.jsx-722e48bb2c970e9a{position:absolute;left:220px;top:314px;transform:scale(.82)}.sd-bypass.jsx-722e48bb2c970e9a{left:60%;top:78%;text-align:center;font-size:9.5px}.sd-check-label.jsx-722e48bb2c970e9a{right:13%;top:49%;font-size:11px;text-align:center;line-height:1.05}.sd-return.jsx-722e48bb2c970e9a{right:2%;top:78%;text-align:right;font-size:10px}.sd-pro-info.jsx-722e48bb2c970e9a{display:flex;flex-direction:column;gap:18px}.sd-info-card.jsx-722e48bb2c970e9a{padding:20px;border-radius:18px;background:rgba(2,19,42,.72);border:1px solid rgba(89,158,235,.28)}.sd-info-card.jsx-722e48bb2c970e9a h4.jsx-722e48bb2c970e9a{margin:0 0 14px;color:#fff;font-size:20px}.sd-info-card.jsx-722e48bb2c970e9a p.jsx-722e48bb2c970e9a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin:12px 0;color:rgba(255,255,255,.86);font-size:15px}.sd-info-card.jsx-722e48bb2c970e9a strong.jsx-722e48bb2c970e9a{color:#00a2ff}.sd-info-card.jsx-722e48bb2c970e9a .sd-green.jsx-722e48bb2c970e9a{color:#27f07d;text-shadow:0 0 10px rgba(39,240,125,.55)}.sd-blue-line.jsx-722e48bb2c970e9a,.sd-yellow-line.jsx-722e48bb2c970e9a{width:28px;height:5px;border-radius:99px}.sd-blue-line.jsx-722e48bb2c970e9a{background:#0b8cff;box-shadow:0 0 10px rgba(0,140,255,.8)}.sd-yellow-line.jsx-722e48bb2c970e9a{background:#ffd21e;box-shadow:0 0 10px rgba(255,210,30,.8)}.sd-component-list.jsx-722e48bb2c970e9a{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sd-component-list.jsx-722e48bb2c970e9a li.jsx-722e48bb2c970e9a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.2}.sd-mini.jsx-722e48bb2c970e9a{width:20px;height:20px;min-width:20px;display:inline-block;position:relative;border:2px solid rgba(255,255,255,.95);opacity:1;box-sizing:border-box;filter:drop-shadow(0 0 6px rgba(55,170,255,.35))}.sd-mini.pump.jsx-722e48bb2c970e9a{border-radius:50%}.sd-mini.pump.jsx-722e48bb2c970e9a::after{content:"";position:absolute;left:7px;top:4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid#fff}.sd-mini.filter.jsx-722e48bb2c970e9a,.sd-mini.softener.jsx-722e48bb2c970e9a,.sd-mini.wds.jsx-722e48bb2c970e9a{border-radius:5px}.sd-mini.filter.jsx-722e48bb2c970e9a::before{content:"";position:absolute;left:4px;right:4px;top:6px;height:2px;background:#fff;box-shadow:0 5px 0#fff}.sd-mini.softener.jsx-722e48bb2c970e9a{border-color:#ffd21e;background:rgba(255,212,0,.12)}.sd-mini.wds.jsx-722e48bb2c970e9a{border-color:#00a2ff;background:rgba(0,162,255,.14)}.sd-mini.isolation.jsx-722e48bb2c970e9a,.sd-mini.bypass.jsx-722e48bb2c970e9a{border:0}.sd-mini.isolation.jsx-722e48bb2c970e9a::before{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,transparent 44%,#fff 45%,#fff 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 45%,#fff 55%,transparent 56%)}.sd-mini.bypass.jsx-722e48bb2c970e9a::before,.sd-mini.bypass.jsx-722e48bb2c970e9a::after{content:"";position:absolute;top:5px;border-left:8px solid#fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.sd-mini.bypass.jsx-722e48bb2c970e9a::before{left:1px;transform:rotate(180deg)}.sd-mini.bypass.jsx-722e48bb2c970e9a::after{right:1px}.sd-mini.check.jsx-722e48bb2c970e9a{border-radius:50%}.sd-pump-label.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{display:block;font-size:18px!important;line-height:1.05;font-weight:900;color:#0b8cff;text-shadow:0 0 10px rgba(0,140,255,.9),0 0 22px rgba(0,140,255,.75)}@keyframes sdFlowMove{from{background-position:0 0}to{background-position:28px 0}}.sidestream-strip.jsx-722e48bb2c970e9a{position:relative;overflow:visible}.sd-sim-outside.jsx-722e48bb2c970e9a{position:absolute;top:88px;right:-430px;width:400px;z-index:20}.sd-sim-card.jsx-722e48bb2c970e9a{width:100%;padding:20px;border-radius:22px;background:rgba(2,19,42,.86);border:1px solid rgba(89,158,235,.3);box-shadow:0 18px 55px rgba(0,0,0,.22)}.sd-sim-card.jsx-722e48bb2c970e9a h4.jsx-722e48bb2c970e9a{margin:0 0 16px;color:#fff;font-size:24px;line-height:1.1}.sd-sim-grid.jsx-722e48bb2c970e9a{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sd-sim-grid.jsx-722e48bb2c970e9a label.jsx-722e48bb2c970e9a{display:block}.sd-sim-grid.jsx-722e48bb2c970e9a label.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{display:block;margin-bottom:5px;color:rgba(160,210,255,.82);font-size:10px;font-weight:700}.sd-sim-grid.jsx-722e48bb2c970e9a select.jsx-722e48bb2c970e9a{width:100%;min-height:34px;padding:7px 9px;border-radius:10px;border:1px solid rgba(80,170,255,.32);background:rgba(3,18,42,.92);color:#fff;font-size:11px;outline:none}.sd-sim-results.jsx-722e48bb2c970e9a{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:14px}.sd-sim-results.jsx-722e48bb2c970e9a div.jsx-722e48bb2c970e9a{padding:9px;border-radius:12px;background:rgba(0,15,35,.78);border:1px solid rgba(80,170,255,.2)}.sd-sim-results.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{display:block;color:rgba(160,210,255,.78);font-size:9px;font-weight:700;margin-bottom:4px}.sd-sim-results.jsx-722e48bb2c970e9a strong.jsx-722e48bb2c970e9a{color:#00d2ff;font-size:13px;font-weight:900}.sd-sim-chart.jsx-722e48bb2c970e9a{position:relative;height:178px;margin-top:14px;border-radius:16px;overflow:hidden;background:linear-gradient(rgba(80,170,255,.08)1px,transparent 1px),linear-gradient(90deg,rgba(80,170,255,.08)1px,transparent 1px),linear-gradient(180deg,rgba(0,140,255,.1),rgba(0,255,150,.06));background-size:100%28px,54px 100%,100%100%;border:1px solid rgba(80,170,255,.18)}.sd-sim-chart.jsx-722e48bb2c970e9a svg.jsx-722e48bb2c970e9a{position:absolute;inset:18px 14px 28px 16px;width:calc(100% - 30px);height:calc(100% - 46px)}.sd-chart-axis.jsx-722e48bb2c970e9a{stroke:rgba(255,255,255,.55);stroke-width:1.4}.sd-chart-grid-line.jsx-722e48bb2c970e9a{stroke:rgba(255,255,255,.16);stroke-width:1;stroke-dasharray:4 5}.sd-chart-c.jsx-722e48bb2c970e9a,.sd-chart-ct.jsx-722e48bb2c970e9a{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.sd-chart-c.jsx-722e48bb2c970e9a{stroke:#00d2ff;filter:drop-shadow(0 0 8px rgba(0,210,255,.75))}.sd-chart-ct.jsx-722e48bb2c970e9a{stroke:#27f07d;opacity:.72;filter:drop-shadow(0 0 8px rgba(39,240,125,.45))}.sd-axis.jsx-722e48bb2c970e9a{position:absolute;color:rgba(255,255,255,.62);font-size:9px;font-weight:700;z-index:2}.sd-y-top.jsx-722e48bb2c970e9a{left:8px;top:18px}.sd-y-mid.jsx-722e48bb2c970e9a{left:8px;top:76px}.sd-y-bottom.jsx-722e48bb2c970e9a{left:20px;bottom:28px}.sd-x-left.jsx-722e48bb2c970e9a{left:38px;bottom:8px}.sd-x-right.jsx-722e48bb2c970e9a{right:16px;bottom:8px}.sd-chart-legend.jsx-722e48bb2c970e9a{position:absolute;

1left:76px;bottom:8px;display:flex;gap:14px;color:rgba(255,255,255,.82);font-size:10px;font-weight:800}.sd-chart-legend.jsx-722e48bb2c970e9a span.jsx-722e48bb2c970e9a{display:inline-flex;align-items:center;gap:5px}.sd-chart-legend.jsx-722e48bb2c970e9a i.jsx-722e48bb2c970e9a{width:16px;height:3px;border-radius:99px;display:inline-block}.c-line.jsx-722e48bb2c970e9a{background:#00d2ff}.ct-line.jsx-722e48bb2c970e9a{background:#27f07d}@media(max-width:1500px){.sd-sim-outside.jsx-722e48bb2c970e9a{position:relative;top:auto;right:auto;width:100%;margin-top:20px}}@media(max-width:1100px){.sd-pro-wrap.jsx-722e48bb2c970e9a{grid-template-columns:1fr}.sd-pro-info.jsx-722e48bb2c970e9a{display:none}.sd-pro-canvas.jsx-722e48bb2c970e9a{min-height:360px}}@keyframes sdMainFlowMove{from{stroke-dashoffset:38}to{stroke-dashoffset:0}}@keyframes sdSideFlowMove{from{stroke-dashoffset:31}to{stroke-dashoffset:0}}'})]})]}),(0,i.jsxs)("aside",{className:"bes-right-panel",children:[(0,i.jsxs)(P,{title:"Alerts",link:"View all",children:[(0,i.jsx)(F,{color:"red",title:"Device #BES-0456",desc:"Ozone low alert"}),(0,i.jsx)(F,{color:"yellow",title:"Service Job #SV-2024-015",desc:"Overdue by 2 days"}),(0,i.jsx)(F,{color:"blue",title:"Maintenance #BES-0123",desc:"Maintenance due"})]}),(0,i.jsx)(P,{title:"Quick Actions",children:(0,i.jsxs)("div",{className:"quick-icon-grid",children:[(0,i.jsxs)(b(),{href:"/device/add",children:[(0,i.jsx)(u.A,{size:24}),(0,i.jsx)("span",{children:"Add Device"})]}),(0,i.jsxs)(b(),{href:"/erp",children:[(0,i.jsx)(N.A,{size:24}),(0,i.jsx)("span",{children:"Create Quotation"})]}),(0,i.jsxs)(b(),{href:"/erp",children:[(0,i.jsx)(v.A,{size:24}),(0,i.jsx)("span",{children:"Create Invoice"})]}),(0,i.jsxs)(b(),{href:"/crm",children:[(0,i.jsx)(w.A,{size:24}),(0,i.jsx)("span",{children:"Add Customer"})]}),(0,i.jsxs)(b(),{href:"/service",children:[(0,i.jsx)(j.A,{size:24}),(0,i.jsx)("span",{children:"Create Service Job"})]}),(0,i.jsxs)(b(),{href:"/chatbot",children:[(0,i.jsx)(y.A,{size:24}),(0,i.jsx)("span",{children:"Chat with AI"})]})]})}),(0,i.jsxs)(P,{title:"Sales / Customer Summary",link:"View all",children:[(0,i.jsxs)("div",{className:"sales-summary",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"12"}),(0,i.jsx)("span",{children:"New customers today"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"3"}),(0,i.jsx)("span",{children:"Dealers to follow up"})]})]}),(0,i.jsx)("div",{className:"pipeline",children:(0,i.jsx)("div",{})}),(0,i.jsx)(b(),{className:"crm-btn",href:"/crm",children:"Open CRM →"})]})]})]}),(0,i.jsx)("section",{className:"dashboard-map-section",children:(0,i.jsxs)("div",{className:"dashboard-map-card",children:[(0,i.jsxs)("div",{className:"dashboard-map-head",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{children:"Device Map"}),(0,i.jsx)("p",{children:"View installed devices and real-time operating status"})]}),(0,i.jsx)(b(),{href:"/map",className:"dashboard-map-btn",children:"Open full map →"})]}),(0,i.jsxs)("div",{className:"dashboard-map-body",children:[(0,i.jsx)(S,{}),(0,i.jsxs)("div",{className:"dashboard-map-side",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Total Devices"}),(0,i.jsx)("strong",{children:"128"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Running"}),(0,i.jsx)("strong",{className:"green",children:"96"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Issues"}),(0,i.jsx)("strong",{className:"red",children:"8"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"Offline"}),(0,i.jsx)("strong",{children:"4"})]})]})]})]})})]})})}function C({icon:e,title:s,value:a,sub:c}){return(0,i.jsxs)("div",{className:"bes-kpi-card",children:[(0,i.jsx)("div",{className:"kpi-icon",children:e}),(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:s}),(0,i.jsx)("strong",{children:a}),(0,i.jsx)("span",{children:c})]})]})}function M({icon:e,title:s,sub:a}){return(0,i.jsxs)("div",{className:"hero-feature",children:[(0,i.jsx)("div",{children:e}),(0,i.jsx)("strong",{children:s}),(0,i.jsx)("span",{children:a})]})}function P({title:e,link:s,children:a}){return(0,i.jsxs)("div",{className:"bes-side-panel",children:[(0,i.jsxs)("div",{className:"panel-head",children:[(0,i.jsx)("h3",{children:e}),s&&(0,i.jsx)("span",{children:s})]}),a]})}function F({color:e,title:s,desc:a}){return(0,i.jsxs)("div",{className:"alert-row",children:[(0,i.jsx)("b",{className:e,children:"!"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:s}),(0,i.jsx)("p",{children:a})]})]})}}},e=>{e.O(0,[8230,2702,5358,4602,636,6593,8792],()=>e(e.s=86680)),_N_E=e.O()}]);