@zimyo/manage 0.3.11 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.cjs +1 -1
- package/dist/main.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -3967,7 +3967,7 @@ Excel and Word File Support for Onboarding Documents</font></font></font></b></f
|
|
|
3967
3967
|
|
|
3968
3968
|
</p>
|
|
3969
3969
|
</body>
|
|
3970
|
-
</html>`,product:"Advance HR"}],n=["Core HR","Advance HR","Finance","Engage","Timesheet","Workflow","Reports","Request","Payroll","Recruit","Perform","Learn"],[t,r]=V.useState(n[0]),[i,o]=V.useState(null),a=V.useMemo(()=>e.filter(l=>l.product===t),[t]),s=l=>{o(u=>u===l?null:l)};return T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",height:"100vh",bgcolor:"#fafbfc"},children:[T.jsx(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"center",px:4,py:2.5,bgcolor:"white",borderBottom:"1px solid #e5e7eb",boxShadow:"0 1px 2px rgba(0,0,0,0.05)"},children:T.jsx(zt,{variant:"h4",sx:{fontWeight:700,color:"#1976d2",letterSpacing:"-0.5px"},children:"What's New"})}),T.jsxs(ct,{sx:{display:"flex",flex:1,overflow:"hidden"},children:[T.jsxs(ct,{sx:{width:280,bgcolor:"white",borderRight:"1px solid #e5e7eb",overflowY:"auto"},children:[T.jsx(zt,{variant:"overline",sx:{display:"block",px:3,pt:2,pb:1,color:"#6b7280",fontWeight:600,letterSpacing:"0.5px"},children:"Products"}),T.jsx(p2,{component:"nav",disablePadding:!0,children:n.map(l=>T.jsx(jxe,{selected:t===l,onClick:()=>r(l),sx:{py:1.5,px:3,borderRight:t===l?"3px solid #1976d2":"3px solid transparent",bgcolor:t===l?"rgba(25,118,210,0.08)":"transparent","&:hover":{bgcolor:t===l?"rgba(25,118,210,0.12)":"rgba(0,0,0,0.04)"}},children:T.jsx(kP,{primary:l,primaryTypographyProps:{fontSize:"0.9rem",fontWeight:t===l?600:500,color:t===l?"#1976d2":"#374151"}})},l))})]}),T.jsx(ct,{sx:{flex:1,p:4,overflowY:"auto"},children:T.jsx(ct,{sx:{maxWidth:900,margin:"0 auto"},children:a.length===0?T.jsx(K0,{sx:{textAlign:"center",py:6,px:3,borderRadius:2,boxShadow:"0 1px 3px rgba(0,0,0,0.08)"},children:T.jsxs(qO,{children:[T.jsxs(zt,{variant:"h6",sx:{color:"#6b7280",mb:1},children:['No updates found for "',t,'"']}),T.jsx(zt,{variant:"body2",sx:{color:"#9ca3af"},children:"Check back later for new updates"})]})}):a.map(l=>T.jsx(K0,{sx:{mb:3,borderRadius:2,boxShadow:"0 1px 3px rgba(0,0,0,0.08)",transition:"all 0.3s","&:hover":{boxShadow:"0 4px 12px rgba(0,0,0,0.12)"}},children:T.jsxs(qO,{sx:{p:3},children:[T.jsx(ct,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5},children:T.jsx(zt,{variant:"h5",sx:{fontWeight:700,color:"#1976d2"},children:l.title})}),T.jsx(zt,{variant:"body2",sx:{color:"#6b7280",lineHeight:1.6,mb:2},children:l.excerpt}),T.jsx(TI,{in:i===l.id,children:T.jsx(zt,{variant:"body2",sx:{color:"#6b7280",lineHeight:1.8,mb:2},children:gtn(l.description)})}),T.jsx(bo,{sx:{mb:2}}),T.jsxs(ct,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[T.jsx(ct,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:T.jsxs(ct,{children:[T.jsx(zt,{variant:"body2",sx:{fontWeight:600,color:"#111827"},children:"Product Team"}),T.jsx(zt,{variant:"caption",sx:{color:"#9ca3af"},children:l.date})]})}),T.jsx(aa,{variant:"contained",onClick:()=>s(l.id),endIcon:i===l.id?T.jsx(vYe,{}):T.jsx(mYe,{}),sx:{bgcolor:"#1976d2",fontWeight:600,textTransform:"none",borderRadius:2,"&:hover":{bgcolor:"#1565c0"}},children:i===l.id?"Show less":"Read more"})]})]})},l.id))})})]})]})};function mtn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"},child:[]},{tag:"rect",attr:{width:"20",height:"14",x:"2",y:"6",rx:"2"},child:[]}]})(e)}function bH(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2"},child:[]},{tag:"path",attr:{d:"M9 22v-4h6v4"},child:[]},{tag:"path",attr:{d:"M8 6h.01"},child:[]},{tag:"path",attr:{d:"M16 6h.01"},child:[]},{tag:"path",attr:{d:"M12 6h.01"},child:[]},{tag:"path",attr:{d:"M12 10h.01"},child:[]},{tag:"path",attr:{d:"M12 14h.01"},child:[]},{tag:"path",attr:{d:"M16 10h.01"},child:[]},{tag:"path",attr:{d:"M16 14h.01"},child:[]},{tag:"path",attr:{d:"M8 10h.01"},child:[]},{tag:"path",attr:{d:"M8 14h.01"},child:[]}]})(e)}function ytn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M3 3v16a2 2 0 0 0 2 2h16"},child:[]},{tag:"path",attr:{d:"m19 9-5 5-4-4-3 3"},child:[]}]})(e)}function btn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{width:"20",height:"16",x:"2",y:"4",rx:"2"},child:[]},{tag:"path",attr:{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"},child:[]}]})(e)}function xtn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 21a8 8 0 0 0-16 0"},child:[]},{tag:"circle",attr:{cx:"10",cy:"8",r:"5"},child:[]},{tag:"path",attr:{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3"},child:[]}]})(e)}function w1e(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"},child:[]},{tag:"path",attr:{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"},child:[]}]})(e)}function wtn(e){return ha({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",strokeWidth:"2",d:"M12,22 C12,22 4,16 4,10 C4,5 8,2 12,2 C16,2 20,5 20,10 C20,16 12,22 12,22 Z M12,13 C13.657,13 15,11.657 15,10 C15,8.343 13.657,7 12,7 C10.343,7 9,8.343 9,10 C9,11.657 10.343,13 12,13 L12,13 Z"},child:[]}]})(e)}function Ctn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"},child:[]}]})(e)}var AK={},Stn=gr;Object.defineProperty(AK,"__esModule",{value:!0});var EK=AK.default=void 0,Itn=Stn(vr()),C1e=T;EK=AK.default=(0,Itn.default)([(0,C1e.jsx)("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"},"0"),(0,C1e.jsx)("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");var kK={},_tn=gr;Object.defineProperty(kK,"__esModule",{value:!0});var SNe=kK.default=void 0,Mtn=_tn(vr()),Ttn=T;SNe=kK.default=(0,Mtn.default)((0,Ttn.jsx)("path",{d:"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"}),"People");const Atn="_main_container_1cb6x_17",Etn="_card_container_1cb6x_34",ktn="_billing_container_1cb6x_48",Otn="_companyinfo_container_1cb6x_62",Dtn="_last_invoice_1cb6x_96",Ptn="_planDetails_container_1cb6x_111",Rtn="_moduleUsage_container_1cb6x_126",ztn="_flex_col_1cb6x_139",Ntn="_addons_box_1cb6x_147",Ltn="_innerIcon_container_1cb6x_169",Ftn="_icon_box_1cb6x_192",Btn="_addons_wrapper_1cb6x_215",Xu={main_container:Atn,card_container:Etn,billing_container:ktn,companyinfo_container:Otn,last_invoice:Dtn,planDetails_container:Ptn,moduleUsage_container:Rtn,flex_col:ztn,addons_box:Ntn,innerIcon_container:Ltn,icon_box:Ftn,addons_wrapper:Btn},jtn=({label:e,icon:n})=>T.jsxs("div",{className:"flex justify-start items-center gap-2",children:[n&&T.jsx("span",{className:"text-2xl rounded p-1 bg-gray-100 text-gray-600",children:n}),T.jsx("span",{children:e})]}),db=({children:e,className:n,title:t,icon:r})=>T.jsxs("div",{className:Tn("bg-white border rounded border-gray-200 rounded shadow-sm hover:shadow-md transition-shadow duration-200 p-2",n),children:[t&&T.jsx(tNe,{heading:T.jsx(jtn,{label:t,icon:r})}),e]}),Vtn={Analytics:T.jsx(ytn,{style:{fontSize:"28px",color:"#335AFF"}}),"Digital Signature":T.jsx(wz,{sx:{fontSize:"28px",color:"#335AFF"}}),Learn:T.jsx(bH,{style:{fontSize:"28px",color:"#335AFF"}}),Payout:T.jsx(iT,{sx:{fontSize:"28px",color:"#335AFF"}}),Trip:T.jsx(mtn,{style:{fontSize:"28px",color:"#335AFF"}}),Timesheet:T.jsx(EK,{sx:{fontSize:"28px",color:"#335AFF"}}),Recruit:T.jsx(xtn,{style:{fontSize:"28px",color:"#335AFF"}})},$tn=e=>{var x,C,w,S,I,_,k,E,O,A,P,R,z,N,B,F,L,j,W,U;const{onTabChange:n}=e,t=[{id:1,name:"Monthly"},{id:2,name:"Quarterly"},{id:3,name:"Half Yearly"},{id:4,name:"Yearly"},{id:5,name:"2 Years"},{id:6,name:"3 Years"}],{data:r,isFetching:i}=Sa(wu,{url:uM,params:{}},"subsription-overview"),{session:{API_BASE_URL:o,mode:a}}=Zf(),s=wv(),{handleSubmit:l,isDisabled:u,isLoading:c}=Cd({url:ZD}),d=X=>{const Z=t.find(q=>q.id===X);return Z?Z.name:"-"},f=()=>{if(!(r!=null&&r.openInvoice))return;const X={customer_id:r.openInvoice.customer_id,invoice_id:r.openInvoice.id,isDownload:1};u||l(X,null,Z=>{di.downloadFileFromBuffer(Z==null?void 0:Z.data)},null)},{handleSubmit:p,isDisabled:h}=Cd({url:MH}),g=()=>{var Z;const X={plan_id:r==null?void 0:r.plan_id,add_on_id:r==null?void 0:r.add_on_id,invoice_id:(Z=r==null?void 0:r.openInvoice)==null?void 0:Z.id};p(X,null,q=>{var ne;di.cashfreePayment((ne=q==null?void 0:q.data)==null?void 0:ne.payment_session_id,o,()=>{},s,a)},null)},v=V.useMemo(()=>{var Z,q,ne,re,K,Q;const X=(r==null?void 0:r.wallet)||{};return{balance:(Z=X==null?void 0:X.balance)!=null?Z:0,status:"Active",totalAmount:(q=X==null?void 0:X.openingBalance)!=null?q:0,dailyRate:(ne=X==null?void 0:X.dailyRate)!=null?ne:0,daysElapsed:(re=X==null?void 0:X.daysElapsed)!=null?re:"0 / 0",amountUsed:(K=X==null?void 0:X.amountUsed)!=null?K:0,consumptionPercentage:((Q=X==null?void 0:X.percentage)!=null?Q:0)*100}},[r]),m=V.useMemo(()=>{if(!di.validateDataType(r==null?void 0:r.usageCredit,eo.ARRAY))return[];const X=["HRMS","Payroll","Performance","ATS"],Z=["#10B981","#3B82F6","#F59E0B","#EAB308","#14B8A6"];return[...r.usageCredit].sort((ne,re)=>X.indexOf(ne.APP_MODULE)-X.indexOf(re.APP_MODULE)).map((ne,re)=>({name:ne.APP_MODULE,users:ne.TOTAL_USER_COUNT,color:Z[re%Z.length]}))},[r]),b=V.useMemo(()=>di.validateDataType(r==null?void 0:r.addOnProduct,eo.ARRAY)?r.addOnProduct.map(X=>({name:X.product_name,icon:Vtn[X.product_name]||T.jsx(Cz,{sx:{fontSize:"28px",color:"#335AFF"}})})):[],[r]);return T.jsxs("div",{className:`${Xu.main_container}`,children:[T.jsx(Ed,{visible:i||c}),T.jsx(ct,{sx:{flexGrow:1},children:T.jsxs(er,{container:!0,spacing:2,children:[T.jsxs(er,{container:!0,item:!0,xs:12,lg:12,spacing:2,children:[T.jsx(er,{item:!0,xs:6,children:T.jsx(db,{className:`${Xu.card_container}`,children:T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[T.jsx(ct,{sx:{display:"flex",alignItems:"center"},children:T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(w1e,{style:{fontSize:"16px"}}),T.jsx("span",{style:{color:"#6B7280",fontSize:"16px"},children:"Wallet"}),T.jsx(yz,{label:v.status,type:"success",size:"sm"})]})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:"4px"},children:[T.jsx(w1e,{style:{fontSize:"32px"}}),T.jsx("span",{style:{fontSize:"32px",fontWeight:700,color:"#335AFF"},children:v.balance.toLocaleString()})]}),T.jsxs("span",{style:{fontSize:"32px",fontWeight:700,color:"#111827"},children:["₹",v.totalAmount.toLocaleString("en-IN",{minimumFractionDigits:2})," ",T.jsx("span",{style:{fontSize:"24px",fontWeight:300,color:"#335AFF"},children:"p/m"})]})]}),T.jsx(bo,{}),T.jsxs(ct,{sx:{display:"flex",flexDirection:"column"},children:[T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:"Usage Breakdown"}),T.jsx(er,{container:!0,spacing:3,children:[{label:"Daily Rate",value:`₹${v.dailyRate}`},{label:"Days Elapsed",value:v.daysElapsed},{label:"Amount Used",value:`₹${v.amountUsed.toFixed(2)}`}].map(({label:X,value:Z})=>T.jsx(er,{item:!0,xs:4,children:T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:12,color:"#6B7280",display:"block"},children:X}),T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:Z})]})},X))})]}),T.jsxs(ct,{children:[T.jsx(ct,{children:T.jsx("span",{style:{fontSize:"12px",fontWeight:600,color:"#111827"},children:"Consumption"})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:2,mb:4},children:[T.jsx(Bxe,{variant:"determinate",value:v.consumptionPercentage,sx:{flex:1,height:8,borderRadius:1,backgroundColor:"#E5E7EB","& .MuiLinearProgress-bar":{backgroundColor:"#335AFF",borderRadius:1}}}),T.jsxs("span",{style:{fontSize:"14px",fontWeight:600,color:"#111827"},children:[v.consumptionPercentage.toFixed(1),"%"]})]})]})]})})}),T.jsxs(er,{container:!0,item:!0,xs:6,spacing:2,children:[T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:`${Xu.billing_container}`,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(wtn,{style:{color:"#6B7280",width:"24px",height:"24px"}}),T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:"Billing Address"})]}),T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[{label:"Street Address",value:(x=r==null?void 0:r.orgInfo)!=null&&x.address_1?`${(C=r==null?void 0:r.orgInfo)==null?void 0:C.address_1} ${(w=r==null?void 0:r.orgInfo)==null?void 0:w.address_2}`:"-"},{label:"City, State",value:`${((S=r==null?void 0:r.orgInfo)==null?void 0:S.city_name)||"-"}, ${((I=r==null?void 0:r.orgInfo)==null?void 0:I.state_name)||"-"}`},{label:"Postal Code",value:((_=r==null?void 0:r.orgInfo)==null?void 0:_.zip_code)||"-"},{label:"Country",value:((k=r==null?void 0:r.orgInfo)==null?void 0:k.country_name)||"-"}].map((X,Z,q)=>T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:"12px",color:"#6B7280",display:"block"},children:X.label}),T.jsx("span",{style:{fontSize:"14px",color:"#111827",wordBreak:"break-word",whiteSpace:"normal"},children:X.value}),q.length-1!==Z?T.jsx(bo,{sx:{width:"100%"}}):T.jsx(T.Fragment,{})]}))})]})}),T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:Xu.companyinfo_container,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(bH,{style:{color:"#6B7280",width:"24px",height:"24px"}}),T.jsx("span",{style:{fontSize:16,fontWeight:600,color:"#111827"},children:"Company Information"})]}),T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[{icon:T.jsx(bH,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Name :",value:((E=r==null?void 0:r.orgInfo)==null?void 0:E.org_name)||"-",color:"#111827"},{icon:T.jsx(Ctn,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Phone :",value:((O=r==null?void 0:r.orgInfo)==null?void 0:O.mobile_number)||"-",color:"#111827"},{icon:T.jsx(v4,{sx:{fontSize:20,color:"#9CA3AF"}}),label:"GST IN :",value:((A=r==null?void 0:r.orgInfo)==null?void 0:A.gstin)||"-",color:"#111827"},{icon:T.jsx(btn,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Email :",value:((P=r==null?void 0:r.orgInfo)==null?void 0:P.email_id)||"-",color:"#335AFF"}].map(({icon:X,label:Z,value:q,color:ne},re,K)=>T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"5px 0px"},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:.5},children:[X,T.jsx("span",{style:{fontSize:12,color:"#6B7280"},children:Z}),T.jsx("span",{style:{fontSize:14,wordBreak:"break-word",whiteSpace:"normal"},children:q})]}),K.length-1!==re?T.jsx(bo,{sx:{width:"100%"}}):T.jsx(T.Fragment,{})]},Z))})]})})]})]}),T.jsxs(er,{container:!0,item:!0,xs:12,lg:12,spacing:2,children:[T.jsxs(er,{container:!0,item:!0,xs:6,children:[T.jsx(er,{item:!0,xs:12,children:T.jsxs(db,{className:Xu.last_invoice,children:[T.jsx(ct,{mb:2,sx:{display:"flex",alignItems:"center",width:"100%"},children:T.jsx("span",{style:{fontSize:16,fontWeight:600,color:"#111827"},children:"Last Invoice"})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:4},children:[[{icon:T.jsx(tI,{sx:{fontSize:20,color:"#6B7280"}}),label:"Due By",value:(R=r==null?void 0:r.openInvoice)!=null&&R.invoice_due_date?new Date(r.openInvoice.invoice_due_date).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}):"-"},{icon:T.jsx(iT,{sx:{fontSize:20,color:"#6B7280"}}),label:"Amount",value:`${((z=r==null?void 0:r.openInvoice)==null?void 0:z.currency_symbol)||"₹"} ${((B=(N=r==null?void 0:r.openInvoice)==null?void 0:N.grand_total_amount)==null?void 0:B.toLocaleString("en-IN"))||"-"}`},{icon:T.jsx(v4,{sx:{fontSize:20,color:"#6B7280"}}),label:"Invoice",value:T.jsxs("span",{style:{color:"#EF4444",cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",gap:4},onClick:f,children:[T.jsx(d5e,{style:{fontSize:20}})," Download PDF"]})}].map(({icon:X,label:Z,value:q},ne,re)=>T.jsxs(V.Fragment,{children:[T.jsx(ct,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"space-between"},children:T.jsxs(ct,{className:Xu.flex_col,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[X,T.jsx("span",{style:{fontSize:14,color:"#6B7280"},children:Z})]}),T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:q})]})}),ne<re.length-1&&T.jsx(bo,{orientation:"vertical",flexItem:!0})]},Z)),((F=r==null?void 0:r.openInvoice)==null?void 0:F.payment_status)===2&&T.jsx(Wf,{style:{textTransform:"none",color:"#FFFFFF",backgroundColor:"#18191aff",borderRadius:"4px"},size:"small",disabled:h,onClick:g,children:"Pay here"})]})]})}),T.jsx(er,{item:!0,xs:12,children:T.jsxs(db,{className:`${Xu.planDetails_container}`,children:[T.jsx(ct,{children:T.jsxs("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:["Plan Details"," ",T.jsxs("span",{style:{fontSize:"14px",color:"#6B7280"},children:["(",((L=r==null?void 0:r.planDetails)==null?void 0:L.current_plan)||"-",")"]})]})}),T.jsx(ct,{sx:{display:"flex",justifyContent:"space-between",width:"100%",gap:3,flexWrap:"wrap"},children:[{icon:T.jsx(tI,{sx:{fontSize:"20px",color:"#6B7280"}}),label:"Billing Cycle",value:d((j=r==null?void 0:r.planDetails)==null?void 0:j.billing_cycle)},{icon:T.jsx(EK,{style:{fontSize:"20px",color:"#6B7280"}}),label:"Plan Validity",value:(W=r==null?void 0:r.planDetails)!=null&&W.plan_expiring_date?new Date(r.planDetails.plan_expiring_date).toLocaleDateString("en-GB"):"-"},{icon:T.jsx(tI,{sx:{fontSize:"20px",color:"#6B7280"}}),label:"Remaining Days",value:(()=>{var Q;const X=(Q=r==null?void 0:r.planDetails)==null?void 0:Q.plan_expiring_date;if(!X)return"-";const Z=new Date(X),q=new Date;Z.setHours(0,0,0,0),q.setHours(0,0,0,0);const ne=Math.ceil((Z.getTime()-q.getTime())/(1e3*60*60*24)),re=Math.abs(ne),K=re===1?"day":"days";return ne<0?`Overdue by ${re} ${K}`:`${re} ${K}`})()}].map(({icon:X,label:Z,value:q})=>T.jsxs(ct,{sx:{display:"flex",alignItems:"flex-start",minWidth:0},children:[T.jsx(ct,{sx:{p:.5,borderRadius:1,display:"flex",alignItems:"center",justifyContent:"center"},children:X}),T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:"14px",color:"#6B7280",display:"block"},children:Z}),T.jsx("span",{style:{fontSize:"14px",fontWeight:600,color:"#111827"},children:q})]})]},Z))})]})})]}),T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:Xu.moduleUsage_container,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[T.jsxs(ct,{sx:{display:"flex",flexDirection:"column"},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#335AFF"},children:"Module Usage"}),T.jsx("span",{style:{fontSize:"12px",color:"#6B7280"},children:"Active users by module"})]}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1,backgroundColor:"rgba(235, 239, 255, 1)",color:"rgba(51, 90, 255, 1)",px:1.5,borderRadius:1},children:[T.jsx(SNe,{sx:{fontSize:"18px"}}),T.jsx("span",{style:{fontSize:"16px",fontWeight:600},children:((U=r==null?void 0:r.employee_details)==null?void 0:U.active_employee)||0})]})]}),m.length>0?T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:1,maxHeight:4*60,overflowY:"auto",pr:1,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{backgroundColor:"#F3F4F6",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(92, 123, 255, 1)",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:"rgba(92, 123, 255, 1)"}},children:m.map((X,Z)=>T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#F8FAFC",p:1.5,borderRadius:1},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1.5},children:[T.jsx(ct,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:X.color}}),T.jsx("span",{style:{fontSize:"14px",color:"#111827"},children:X.name})]}),T.jsxs(ct,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:700,color:"#111827"},children:X.users}),T.jsx("span",{style:{fontSize:"12px",color:"#6B7280"},children:"users"})]})]},Z))}):T.jsx(ah,{message:"No Module Usage Data"})]})})]}),T.jsx(er,{item:!0,xs:12,lg:12,children:T.jsxs(ps,{elevation:0,sx:{p:2,border:"1px solid #E5E7EB"},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:"Add Ons"}),T.jsxs("span",{style:{fontSize:"14px",color:"#6B7280"},children:[b.length," Modules"]})]}),b.length>0?T.jsx(er,{container:!0,spacing:2,children:b.map((X,Z)=>T.jsx(er,{item:!0,xs:6,sm:4,md:2,className:`${Xu.addons_wrapper}`,children:T.jsx(ct,{className:`${Xu.addons_box}`,children:T.jsxs(ct,{className:`${Xu.innerIcon_container}`,children:[T.jsx(ct,{className:`${Xu.icon_box}`,children:X.icon}),T.jsx("span",{style:{fontSize:"13px",fontWeight:500,color:"#111827",textAlign:"center"},children:X.name})]})})},Z))}):T.jsx(ah,{message:"No Add Ons Found"})]})})]})})]})};/**
|
|
3970
|
+
</html>`,product:"Advance HR"}],n=["Core HR","Advance HR","Finance","Engage","Timesheet","Workflow","Reports","Request","Payroll","Recruit","Perform","Learn"],[t,r]=V.useState(n[0]),[i,o]=V.useState(null),a=V.useMemo(()=>e.filter(l=>l.product===t),[t]),s=l=>{o(u=>u===l?null:l)};return T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",height:"100vh",bgcolor:"#fafbfc"},children:[T.jsx(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"center",px:4,py:2.5,bgcolor:"white",borderBottom:"1px solid #e5e7eb",boxShadow:"0 1px 2px rgba(0,0,0,0.05)"},children:T.jsx(zt,{variant:"h4",sx:{fontWeight:700,color:"#1976d2",letterSpacing:"-0.5px"},children:"What's New"})}),T.jsxs(ct,{sx:{display:"flex",flex:1,overflow:"hidden"},children:[T.jsxs(ct,{sx:{width:280,bgcolor:"white",borderRight:"1px solid #e5e7eb",overflowY:"auto"},children:[T.jsx(zt,{variant:"overline",sx:{display:"block",px:3,pt:2,pb:1,color:"#6b7280",fontWeight:600,letterSpacing:"0.5px"},children:"Products"}),T.jsx(p2,{component:"nav",disablePadding:!0,children:n.map(l=>T.jsx(jxe,{selected:t===l,onClick:()=>r(l),sx:{py:1.5,px:3,borderRight:t===l?"3px solid #1976d2":"3px solid transparent",bgcolor:t===l?"rgba(25,118,210,0.08)":"transparent","&:hover":{bgcolor:t===l?"rgba(25,118,210,0.12)":"rgba(0,0,0,0.04)"}},children:T.jsx(kP,{primary:l,primaryTypographyProps:{fontSize:"0.9rem",fontWeight:t===l?600:500,color:t===l?"#1976d2":"#374151"}})},l))})]}),T.jsx(ct,{sx:{flex:1,p:4,overflowY:"auto"},children:T.jsx(ct,{sx:{maxWidth:900,margin:"0 auto"},children:a.length===0?T.jsx(K0,{sx:{textAlign:"center",py:6,px:3,borderRadius:2,boxShadow:"0 1px 3px rgba(0,0,0,0.08)"},children:T.jsxs(qO,{children:[T.jsxs(zt,{variant:"h6",sx:{color:"#6b7280",mb:1},children:['No updates found for "',t,'"']}),T.jsx(zt,{variant:"body2",sx:{color:"#9ca3af"},children:"Check back later for new updates"})]})}):a.map(l=>T.jsx(K0,{sx:{mb:3,borderRadius:2,boxShadow:"0 1px 3px rgba(0,0,0,0.08)",transition:"all 0.3s","&:hover":{boxShadow:"0 4px 12px rgba(0,0,0,0.12)"}},children:T.jsxs(qO,{sx:{p:3},children:[T.jsx(ct,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5},children:T.jsx(zt,{variant:"h5",sx:{fontWeight:700,color:"#1976d2"},children:l.title})}),T.jsx(zt,{variant:"body2",sx:{color:"#6b7280",lineHeight:1.6,mb:2},children:l.excerpt}),T.jsx(TI,{in:i===l.id,children:T.jsx(zt,{variant:"body2",sx:{color:"#6b7280",lineHeight:1.8,mb:2},children:gtn(l.description)})}),T.jsx(bo,{sx:{mb:2}}),T.jsxs(ct,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[T.jsx(ct,{sx:{display:"flex",gap:1.5,alignItems:"center"},children:T.jsxs(ct,{children:[T.jsx(zt,{variant:"body2",sx:{fontWeight:600,color:"#111827"},children:"Product Team"}),T.jsx(zt,{variant:"caption",sx:{color:"#9ca3af"},children:l.date})]})}),T.jsx(aa,{variant:"contained",onClick:()=>s(l.id),endIcon:i===l.id?T.jsx(vYe,{}):T.jsx(mYe,{}),sx:{bgcolor:"#1976d2",fontWeight:600,textTransform:"none",borderRadius:2,"&:hover":{bgcolor:"#1565c0"}},children:i===l.id?"Show less":"Read more"})]})]})},l.id))})})]})]})};function mtn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"},child:[]},{tag:"rect",attr:{width:"20",height:"14",x:"2",y:"6",rx:"2"},child:[]}]})(e)}function bH(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2"},child:[]},{tag:"path",attr:{d:"M9 22v-4h6v4"},child:[]},{tag:"path",attr:{d:"M8 6h.01"},child:[]},{tag:"path",attr:{d:"M16 6h.01"},child:[]},{tag:"path",attr:{d:"M12 6h.01"},child:[]},{tag:"path",attr:{d:"M12 10h.01"},child:[]},{tag:"path",attr:{d:"M12 14h.01"},child:[]},{tag:"path",attr:{d:"M16 10h.01"},child:[]},{tag:"path",attr:{d:"M16 14h.01"},child:[]},{tag:"path",attr:{d:"M8 10h.01"},child:[]},{tag:"path",attr:{d:"M8 14h.01"},child:[]}]})(e)}function ytn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M3 3v16a2 2 0 0 0 2 2h16"},child:[]},{tag:"path",attr:{d:"m19 9-5 5-4-4-3 3"},child:[]}]})(e)}function btn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{width:"20",height:"16",x:"2",y:"4",rx:"2"},child:[]},{tag:"path",attr:{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"},child:[]}]})(e)}function xtn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 21a8 8 0 0 0-16 0"},child:[]},{tag:"circle",attr:{cx:"10",cy:"8",r:"5"},child:[]},{tag:"path",attr:{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3"},child:[]}]})(e)}function w1e(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"},child:[]},{tag:"path",attr:{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"},child:[]}]})(e)}function wtn(e){return ha({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",strokeWidth:"2",d:"M12,22 C12,22 4,16 4,10 C4,5 8,2 12,2 C16,2 20,5 20,10 C20,16 12,22 12,22 Z M12,13 C13.657,13 15,11.657 15,10 C15,8.343 13.657,7 12,7 C10.343,7 9,8.343 9,10 C9,11.657 10.343,13 12,13 L12,13 Z"},child:[]}]})(e)}function Ctn(e){return ha({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"},child:[]}]})(e)}var AK={},Stn=gr;Object.defineProperty(AK,"__esModule",{value:!0});var EK=AK.default=void 0,Itn=Stn(vr()),C1e=T;EK=AK.default=(0,Itn.default)([(0,C1e.jsx)("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"},"0"),(0,C1e.jsx)("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},"1")],"AccessTime");var kK={},_tn=gr;Object.defineProperty(kK,"__esModule",{value:!0});var SNe=kK.default=void 0,Mtn=_tn(vr()),Ttn=T;SNe=kK.default=(0,Mtn.default)((0,Ttn.jsx)("path",{d:"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"}),"People");const Atn="_main_container_zpacz_17",Etn="_card_container_zpacz_34",ktn="_billing_container_zpacz_48",Otn="_companyinfo_container_zpacz_62",Dtn="_last_invoice_zpacz_96",Ptn="_planDetails_container_zpacz_111",Rtn="_moduleUsage_container_zpacz_126",ztn="_flex_col_zpacz_139",Ntn="_addons_box_zpacz_147",Ltn="_innerIcon_container_zpacz_169",Ftn="_icon_box_zpacz_192",Btn="_addons_wrapper_zpacz_215",Xu={main_container:Atn,card_container:Etn,billing_container:ktn,companyinfo_container:Otn,last_invoice:Dtn,planDetails_container:Ptn,moduleUsage_container:Rtn,flex_col:ztn,addons_box:Ntn,innerIcon_container:Ltn,icon_box:Ftn,addons_wrapper:Btn},jtn=({label:e,icon:n})=>T.jsxs("div",{className:"flex justify-start items-center gap-2",children:[n&&T.jsx("span",{className:"text-2xl rounded p-1 bg-gray-100 text-gray-600",children:n}),T.jsx("span",{children:e})]}),db=({children:e,className:n,title:t,icon:r})=>T.jsxs("div",{className:Tn("bg-white border rounded border-gray-200 rounded shadow-sm hover:shadow-md transition-shadow duration-200 p-2",n),children:[t&&T.jsx(tNe,{heading:T.jsx(jtn,{label:t,icon:r})}),e]}),Vtn={Analytics:T.jsx(ytn,{style:{fontSize:"28px",color:"#335AFF"}}),"Digital Signature":T.jsx(wz,{sx:{fontSize:"28px",color:"#335AFF"}}),Learn:T.jsx(bH,{style:{fontSize:"28px",color:"#335AFF"}}),Payout:T.jsx(iT,{sx:{fontSize:"28px",color:"#335AFF"}}),Trip:T.jsx(mtn,{style:{fontSize:"28px",color:"#335AFF"}}),Timesheet:T.jsx(EK,{sx:{fontSize:"28px",color:"#335AFF"}}),Recruit:T.jsx(xtn,{style:{fontSize:"28px",color:"#335AFF"}})},$tn=e=>{var x,C,w,S,I,_,k,E,O,A,P,R,z,N,B,F,L,j,W,U;const{onTabChange:n}=e,t=[{id:1,name:"Monthly"},{id:2,name:"Quarterly"},{id:3,name:"Half Yearly"},{id:4,name:"Yearly"},{id:5,name:"2 Years"},{id:6,name:"3 Years"}],{data:r,isFetching:i}=Sa(wu,{url:uM,params:{}},"subsription-overview"),{session:{API_BASE_URL:o,mode:a}}=Zf(),s=wv(),{handleSubmit:l,isDisabled:u,isLoading:c}=Cd({url:ZD}),d=X=>{const Z=t.find(q=>q.id===X);return Z?Z.name:"-"},f=()=>{if(!(r!=null&&r.openInvoice))return;const X={customer_id:r.openInvoice.customer_id,invoice_id:r.openInvoice.id,isDownload:1};u||l(X,null,Z=>{di.downloadFileFromBuffer(Z==null?void 0:Z.data)},null)},{handleSubmit:p,isDisabled:h}=Cd({url:MH}),g=()=>{var Z;const X={plan_id:r==null?void 0:r.plan_id,add_on_id:r==null?void 0:r.add_on_id,invoice_id:(Z=r==null?void 0:r.openInvoice)==null?void 0:Z.id};p(X,null,q=>{var ne;di.cashfreePayment((ne=q==null?void 0:q.data)==null?void 0:ne.payment_session_id,o,()=>{},s,a)},null)},v=V.useMemo(()=>{var Z,q,ne,re,K,Q;const X=(r==null?void 0:r.wallet)||{};return{balance:(Z=X==null?void 0:X.balance)!=null?Z:0,status:"Active",totalAmount:(q=X==null?void 0:X.openingBalance)!=null?q:0,dailyRate:(ne=X==null?void 0:X.dailyRate)!=null?ne:0,daysElapsed:(re=X==null?void 0:X.daysElapsed)!=null?re:"0 / 0",amountUsed:(K=X==null?void 0:X.amountUsed)!=null?K:0,consumptionPercentage:((Q=X==null?void 0:X.percentage)!=null?Q:0)*100}},[r]),m=V.useMemo(()=>{if(!di.validateDataType(r==null?void 0:r.usageCredit,eo.ARRAY))return[];const X=["HRMS","Payroll","Performance","ATS"],Z=["#10B981","#3B82F6","#F59E0B","#EAB308","#14B8A6"];return[...r.usageCredit].sort((ne,re)=>X.indexOf(ne.APP_MODULE)-X.indexOf(re.APP_MODULE)).map((ne,re)=>({name:ne.APP_MODULE,users:ne.TOTAL_USER_COUNT,color:Z[re%Z.length]}))},[r]),b=V.useMemo(()=>di.validateDataType(r==null?void 0:r.addOnProduct,eo.ARRAY)?r.addOnProduct.map(X=>({name:X.product_name,icon:Vtn[X.product_name]||T.jsx(Cz,{sx:{fontSize:"28px",color:"#335AFF"}})})):[],[r]);return T.jsxs("div",{className:`${Xu.main_container}`,children:[T.jsx(Ed,{visible:i||c}),T.jsx(ct,{sx:{flexGrow:1},children:T.jsxs(er,{container:!0,spacing:2,children:[T.jsxs(er,{container:!0,item:!0,xs:12,lg:12,spacing:2,children:[T.jsx(er,{item:!0,xs:6,children:T.jsx(db,{className:`${Xu.card_container}`,children:T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"100%"},children:[T.jsx(ct,{sx:{display:"flex",alignItems:"center"},children:T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(w1e,{style:{fontSize:"16px"}}),T.jsx("span",{style:{color:"#6B7280",fontSize:"16px"},children:"Wallet"}),T.jsx(yz,{label:v.status,type:"success",size:"sm"})]})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:"4px"},children:[T.jsx(w1e,{style:{fontSize:"32px"}}),T.jsx("span",{style:{fontSize:"32px",fontWeight:700,color:"#335AFF"},children:v.balance.toLocaleString()})]}),T.jsxs("span",{style:{fontSize:"32px",fontWeight:700,color:"#111827"},children:["₹",v.totalAmount.toLocaleString("en-IN",{minimumFractionDigits:2})," ",T.jsx("span",{style:{fontSize:"24px",fontWeight:300,color:"#335AFF"},children:"p/m"})]})]}),T.jsx(bo,{}),T.jsxs(ct,{sx:{display:"flex",flexDirection:"column"},children:[T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:"Usage Breakdown"}),T.jsx(er,{container:!0,spacing:3,children:[{label:"Daily Rate",value:`₹${v.dailyRate}`},{label:"Days Elapsed",value:v.daysElapsed},{label:"Amount Used",value:`₹${v.amountUsed.toFixed(2)}`}].map(({label:X,value:Z})=>T.jsx(er,{item:!0,xs:4,children:T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:12,color:"#6B7280",display:"block"},children:X}),T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:Z})]})},X))})]}),T.jsxs(ct,{children:[T.jsx(ct,{children:T.jsx("span",{style:{fontSize:"12px",fontWeight:600,color:"#111827"},children:"Consumption"})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:2,mb:4},children:[T.jsx(Bxe,{variant:"determinate",value:v.consumptionPercentage,sx:{flex:1,height:8,borderRadius:1,backgroundColor:"#E5E7EB","& .MuiLinearProgress-bar":{backgroundColor:"#335AFF",borderRadius:1}}}),T.jsxs("span",{style:{fontSize:"14px",fontWeight:600,color:"#111827"},children:[v.consumptionPercentage.toFixed(1),"%"]})]})]})]})})}),T.jsxs(er,{container:!0,item:!0,xs:6,spacing:2,children:[T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:`${Xu.billing_container}`,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(wtn,{style:{color:"#6B7280",width:"24px",height:"24px"}}),T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:"Billing Address"})]}),T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[{label:"Street Address",value:(x=r==null?void 0:r.orgInfo)!=null&&x.address_1?`${(C=r==null?void 0:r.orgInfo)==null?void 0:C.address_1} ${(w=r==null?void 0:r.orgInfo)==null?void 0:w.address_2}`:"-"},{label:"City, State",value:`${((S=r==null?void 0:r.orgInfo)==null?void 0:S.city_name)||"-"}, ${((I=r==null?void 0:r.orgInfo)==null?void 0:I.state_name)||"-"}`},{label:"Postal Code",value:((_=r==null?void 0:r.orgInfo)==null?void 0:_.zip_code)||"-"},{label:"Country",value:((k=r==null?void 0:r.orgInfo)==null?void 0:k.country_name)||"-"}].map((X,Z,q)=>T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:"12px",color:"#6B7280",display:"block"},children:X.label}),T.jsx("span",{style:{fontSize:"14px",color:"#111827",wordBreak:"break-word",whiteSpace:"normal"},children:X.value}),q.length-1!==Z?T.jsx(bo,{sx:{width:"100%"}}):T.jsx(T.Fragment,{})]}))})]})}),T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:Xu.companyinfo_container,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[T.jsx(bH,{style:{color:"#6B7280",width:"24px",height:"24px"}}),T.jsx("span",{style:{fontSize:16,fontWeight:600,color:"#111827"},children:"Company Information"})]}),T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:2,width:"100%"},children:[{icon:T.jsx(bH,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Name :",value:((E=r==null?void 0:r.orgInfo)==null?void 0:E.org_name)||"-",color:"#111827"},{icon:T.jsx(Ctn,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Phone :",value:((O=r==null?void 0:r.orgInfo)==null?void 0:O.mobile_number)||"-",color:"#111827"},{icon:T.jsx(v4,{sx:{fontSize:20,color:"#9CA3AF"}}),label:"GST IN :",value:((A=r==null?void 0:r.orgInfo)==null?void 0:A.gstin)||"-",color:"#111827"},{icon:T.jsx(btn,{style:{fontSize:20,color:"#9CA3AF"}}),label:"Email :",value:((P=r==null?void 0:r.orgInfo)==null?void 0:P.email_id)||"-",color:"#335AFF"}].map(({icon:X,label:Z,value:q,color:ne},re,K)=>T.jsxs(ct,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"5px 0px"},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:.5},children:[X,T.jsx("span",{style:{fontSize:12,color:"#6B7280"},children:Z}),T.jsx("span",{style:{fontSize:14,wordBreak:"break-word",whiteSpace:"normal"},children:q})]}),K.length-1!==re?T.jsx(bo,{sx:{width:"100%"}}):T.jsx(T.Fragment,{})]},Z))})]})})]})]}),T.jsxs(er,{container:!0,item:!0,xs:12,lg:12,spacing:2,children:[T.jsxs(er,{container:!0,item:!0,xs:6,spacing:2,children:[T.jsx(er,{item:!0,xs:12,children:T.jsxs(db,{className:Xu.last_invoice,children:[T.jsx(ct,{mb:2,sx:{display:"flex",alignItems:"center",width:"100%"},children:T.jsx("span",{style:{fontSize:16,fontWeight:600,color:"#111827"},children:"Last Invoice"})}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:4},children:[[{icon:T.jsx(tI,{sx:{fontSize:20,color:"#6B7280"}}),label:"Due By",value:(R=r==null?void 0:r.openInvoice)!=null&&R.invoice_due_date?new Date(r.openInvoice.invoice_due_date).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}):"-"},{icon:T.jsx(iT,{sx:{fontSize:20,color:"#6B7280"}}),label:"Amount",value:`${((z=r==null?void 0:r.openInvoice)==null?void 0:z.currency_symbol)||"₹"} ${((B=(N=r==null?void 0:r.openInvoice)==null?void 0:N.grand_total_amount)==null?void 0:B.toLocaleString("en-IN"))||"-"}`},{icon:T.jsx(v4,{sx:{fontSize:20,color:"#6B7280"}}),label:"Invoice",value:T.jsxs("span",{style:{color:"#EF4444",cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",gap:4},onClick:f,children:[T.jsx(d5e,{style:{fontSize:20}})," Download PDF"]})}].map(({icon:X,label:Z,value:q},ne,re)=>T.jsxs(V.Fragment,{children:[T.jsx(ct,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"space-between"},children:T.jsxs(ct,{className:Xu.flex_col,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1},children:[X,T.jsx("span",{style:{fontSize:14,color:"#6B7280"},children:Z})]}),T.jsx("span",{style:{fontSize:14,fontWeight:600,color:"#111827"},children:q})]})}),ne<re.length-1&&T.jsx(bo,{orientation:"vertical",flexItem:!0})]},Z)),((F=r==null?void 0:r.openInvoice)==null?void 0:F.payment_status)===2&&T.jsx(Wf,{style:{textTransform:"none",color:"#FFFFFF",backgroundColor:"#18191aff",borderRadius:"4px"},size:"small",disabled:h,onClick:g,children:"Pay here"})]})]})}),T.jsx(er,{item:!0,xs:12,children:T.jsxs(db,{className:`${Xu.planDetails_container}`,children:[T.jsx(ct,{children:T.jsxs("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:["Plan Details"," ",T.jsxs("span",{style:{fontSize:"14px",color:"#6B7280"},children:["(",((L=r==null?void 0:r.planDetails)==null?void 0:L.current_plan)||"-",")"]})]})}),T.jsx(ct,{sx:{display:"flex",justifyContent:"space-between",width:"100%",gap:3,flexWrap:"wrap"},children:[{icon:T.jsx(tI,{sx:{fontSize:"20px",color:"#6B7280"}}),label:"Billing Cycle",value:d((j=r==null?void 0:r.planDetails)==null?void 0:j.billing_cycle)},{icon:T.jsx(EK,{style:{fontSize:"20px",color:"#6B7280"}}),label:"Plan Validity",value:(W=r==null?void 0:r.planDetails)!=null&&W.plan_expiring_date?new Date(r.planDetails.plan_expiring_date).toLocaleDateString("en-GB"):"-"},{icon:T.jsx(tI,{sx:{fontSize:"20px",color:"#6B7280"}}),label:"Remaining Days",value:(()=>{var Q;const X=(Q=r==null?void 0:r.planDetails)==null?void 0:Q.plan_expiring_date;if(!X)return"-";const Z=new Date(X),q=new Date;Z.setHours(0,0,0,0),q.setHours(0,0,0,0);const ne=Math.ceil((Z.getTime()-q.getTime())/(1e3*60*60*24)),re=Math.abs(ne),K=re===1?"day":"days";return ne<0?`Overdue by ${re} ${K}`:`${re} ${K}`})()}].map(({icon:X,label:Z,value:q})=>T.jsxs(ct,{sx:{display:"flex",alignItems:"flex-start",minWidth:0},children:[T.jsx(ct,{sx:{p:.5,borderRadius:1,display:"flex",alignItems:"center",justifyContent:"center"},children:X}),T.jsxs(ct,{children:[T.jsx("span",{style:{fontSize:"14px",color:"#6B7280",display:"block"},children:Z}),T.jsx("span",{style:{fontSize:"14px",fontWeight:600,color:"#111827"},children:q})]})]},Z))})]})})]}),T.jsx(er,{item:!0,xs:6,children:T.jsxs(db,{className:Xu.moduleUsage_container,children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[T.jsxs(ct,{sx:{display:"flex",flexDirection:"column"},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#335AFF"},children:"Module Usage"}),T.jsx("span",{style:{fontSize:"12px",color:"#6B7280"},children:"Active users by module"})]}),T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1,backgroundColor:"rgba(235, 239, 255, 1)",color:"rgba(51, 90, 255, 1)",px:1.5,borderRadius:1},children:[T.jsx(SNe,{sx:{fontSize:"18px"}}),T.jsx("span",{style:{fontSize:"16px",fontWeight:600},children:((U=r==null?void 0:r.employee_details)==null?void 0:U.active_employee)||0})]})]}),m.length>0?T.jsx(ct,{sx:{display:"flex",flexDirection:"column",gap:1,maxHeight:4*60,overflowY:"auto",pr:1,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{backgroundColor:"#F3F4F6",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"rgba(92, 123, 255, 1)",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{backgroundColor:"rgba(92, 123, 255, 1)"}},children:m.map((X,Z)=>T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#F8FAFC",p:1.5,borderRadius:1},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",gap:1.5},children:[T.jsx(ct,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:X.color}}),T.jsx("span",{style:{fontSize:"14px",color:"#111827"},children:X.name})]}),T.jsxs(ct,{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:700,color:"#111827"},children:X.users}),T.jsx("span",{style:{fontSize:"12px",color:"#6B7280"},children:"users"})]})]},Z))}):T.jsx(ah,{message:"No Module Usage Data"})]})})]}),T.jsx(er,{item:!0,xs:12,lg:12,children:T.jsxs(ps,{elevation:0,sx:{p:2,border:"1px solid #E5E7EB"},children:[T.jsxs(ct,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:2},children:[T.jsx("span",{style:{fontSize:"16px",fontWeight:600,color:"#111827"},children:"Add Ons"}),T.jsxs("span",{style:{fontSize:"14px",color:"#6B7280"},children:[b.length," Modules"]})]}),b.length>0?T.jsx(er,{container:!0,spacing:2,children:b.map((X,Z)=>T.jsx(er,{item:!0,xs:6,sm:4,md:2,className:`${Xu.addons_wrapper}`,children:T.jsx(ct,{className:`${Xu.addons_box}`,children:T.jsxs(ct,{className:`${Xu.innerIcon_container}`,children:[T.jsx(ct,{className:`${Xu.icon_box}`,children:X.icon}),T.jsx("span",{style:{fontSize:"13px",fontWeight:500,color:"#111827",textAlign:"center"},children:X.name})]})})},Z))}):T.jsx(ah,{message:"No Add Ons Found"})]})})]})})]})};/**
|
|
3971
3971
|
* @license lucide-react v0.525.0 - ISC
|
|
3972
3972
|
*
|
|
3973
3973
|
* This source code is licensed under the ISC license.
|
package/dist/main.js
CHANGED
|
@@ -148088,7 +148088,7 @@ var jNe = YK.default = void 0, Otn = ktn(xr()), Dtn = T;
|
|
|
148088
148088
|
jNe = YK.default = (0, Otn.default)(/* @__PURE__ */ (0, Dtn.jsx)("path", {
|
|
148089
148089
|
d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
|
|
148090
148090
|
}), "People");
|
|
148091
|
-
const Ptn = "
|
|
148091
|
+
const Ptn = "_main_container_zpacz_17", Rtn = "_card_container_zpacz_34", ztn = "_billing_container_zpacz_48", Ntn = "_companyinfo_container_zpacz_62", Ltn = "_last_invoice_zpacz_96", Ftn = "_planDetails_container_zpacz_111", Btn = "_moduleUsage_container_zpacz_126", jtn = "_flex_col_zpacz_139", Vtn = "_addons_box_zpacz_147", $tn = "_innerIcon_container_zpacz_169", Gtn = "_icon_box_zpacz_192", Wtn = "_addons_wrapper_zpacz_215", tc = {
|
|
148092
148092
|
main_container: Ptn,
|
|
148093
148093
|
card_container: Rtn,
|
|
148094
148094
|
billing_container: ztn,
|
|
@@ -148344,7 +148344,7 @@ const Ptn = "_main_container_1cb6x_17", Rtn = "_card_container_1cb6x_34", ztn =
|
|
|
148344
148344
|
] })
|
|
148345
148345
|
] }),
|
|
148346
148346
|
/* @__PURE__ */ T.jsxs(rr, { container: !0, item: !0, xs: 12, lg: 12, spacing: 2, children: [
|
|
148347
|
-
/* @__PURE__ */ T.jsxs(rr, { container: !0, item: !0, xs: 6, children: [
|
|
148347
|
+
/* @__PURE__ */ T.jsxs(rr, { container: !0, item: !0, xs: 6, spacing: 2, children: [
|
|
148348
148348
|
/* @__PURE__ */ T.jsx(rr, { item: !0, xs: 12, children: /* @__PURE__ */ T.jsxs(xb, { className: tc.last_invoice, children: [
|
|
148349
148349
|
/* @__PURE__ */ T.jsx(
|
|
148350
148350
|
ct,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc}*,body,button,ul,li{letter-spacing:.3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{letter-spacing:.3px!important}.wh-100{height:100%!important;width:100%!important}.app-container{height:100vh;background-color:#f3f3f3}.mt-10{margin-top:10px!important}.g-20{gap:20px}.g-10{gap:10px}.flex-column{flex-direction:column}.g-5{gap:5px}.mb-20{margin-bottom:20px!important}.mb-10{margin-bottom:10px!important}.mr-10{margin-right:10px!important}.w-100{width:100%!important}.mt-20{margin-top:2.454vh!important}.flex-start-center{display:flex;justify-content:flex-start;align-items:center}.flex-start-column{display:flex;justify-content:flex-start;flex-direction:column}.flex-end-column{display:flex;justify-content:flex-end;flex-direction:column}.flex-between-column{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.flex-end-center{display:flex;justify-content:flex-end;align-items:center}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-between{display:flex;justify-content:space-between}.cursor-pointer{cursor:pointer}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:.5vh;height:.5vh;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e9e7e7}._card_container_mtohj_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_mtohj_13{font-size:18px;font-weight:600}._card_subtitles_mtohj_18{font-size:1rem;font-weight:600}._icons_background_mtohj_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._listing_icons_mtohj_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._sub_icons_background_mtohj_43{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;margin:auto}.overlay{position:fixed;display:flex;width:100%;height:100%;inset:0;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;z-index:999}.overlay-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%);background-color:#fff0;z-index:999}._card_container_dxhto_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}._card_count_dxhto_14{font-size:18px;font-weight:600}._card_container_95l02_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;min-height:114px;height:100%}._card_count_95l02_13{font-size:18px;font-weight:600}._card_subtitles_95l02_18{font-size:1rem;font-weight:600}._card_container_c1yb9_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_c1yb9_13{font-size:18px;font-weight:600}._card_subtitles_c1yb9_18{font-size:1rem;font-weight:600}._icons_background_c1yb9_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._sub_icons_background_c1yb9_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;margin:auto}._card_container_1iza3_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._plan_card_1iza3_13{padding:1rem 1.5rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:145px;overflow-x:scroll}._discount_card_1iza3_27{position:absolute;top:0;right:0}._discount_card_1iza3_27 span{border-radius:0 0 0 8px;padding:4px 8px;background:#027a481a;color:#027a48;font-weight:600}._plan_total_count_1iza3_40{font-size:20px;font-weight:600}._card_count_1iza3_45{font-size:1.5rem;font-weight:700}._card_subtitles_1iza3_50{font-size:1rem;font-weight:600}._icons_background_1iza3_55{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_container_1tgxf_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}._plans_1tgxf_11{height:665px}._add_ons_1tgxf_14{height:320px}._card_titles_1tgxf_18{font-size:1.5rem;font-weight:700}._add_ons_title_1tgxf_23{font-size:1.125rem;font-weight:700}._card_subtitles_1tgxf_28{font-size:1rem;font-weight:600}._icons_background_1tgxf_33{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:2rem;height:2rem;margin:auto}._subicons_background_1tgxf_44{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._plan_headers_1tgxf_55{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start}._card_content_1tgxf_63{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;height:430px;overflow:scroll}._card_container_vce56_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_titles_vce56_13{font-size:24px;font-weight:700}._card_subtitles_vce56_18{font-size:1rem;font-weight:600}._card_subtotal_vce56_23{font-size:1rem;font-weight:600;color:#615e69}._icons_background_vce56_29{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_headers_vce56_40{display:flex;justify-content:center;align-items:center;padding:1rem;height:100px}._card_content_vce56_48{display:flex;justify-content:center;gap:5px;flex-direction:column;align-items:center;padding:1rem;height:190px;overflow:scroll}._card_container_1ts8v_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_1ts8v_13{font-size:18px;font-weight:600}._card_subtitles_1ts8v_18{font-size:1rem;font-weight:600}._icons_background_1ts8v_23{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._credit_card_1ts8v_34{width:272px;height:161px;border-radius:1rem;background:linear-gradient(45deg,#00359e,#155eef)}._circle_1ts8v_41{position:absolute;width:1rem;height:1rem;border-radius:50%;opacity:.8;mix-blend-mode:multiply}._circle1_1ts8v_50{background-color:red;left:6%;transform:translate(-50%,-50%)}._circle2_1ts8v_56{background-color:#f9a000;left:9%;transform:translate(-50%,-50%)}._circle_container_1ts8v_62{display:flex;justify-content:center;align-items:center;position:relative;top:30px;color:#fff;z-index:120}._credit_card_holder_name_1ts8v_72{display:flex;justify-content:center;align-items:center;position:relative;top:140px;color:#fff;z-index:120;font-size:10px}._credit_card_holder_name_absolute_1ts8v_83{position:absolute;width:220px;opacity:.8;left:4%;mix-blend-mode:multiply}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif}._main_container_1cb6x_17{background-color:#f9fafb;min-height:100vh;width:100%}._first_row_1cb6x_24{display:flex;flex-direction:row;gap:16px;width:100%}._card_container_1cb6x_34{display:flex;flex-direction:column;padding:8px 24px;gap:20px;flex:1;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._billing_container_1cb6x_48{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:16px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._companyinfo_container_1cb6x_62{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:24px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._second_row_1cb6x_76{display:flex;flex-direction:row;gap:16px;width:100%}._leftside_container_1cb6x_86{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1}._last_invoice_1cb6x_96{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:8px;width:100%;height:auto;min-height:157px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._planDetails_container_1cb6x_111{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:20px;width:100%;height:auto;min-height:158px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._moduleUsage_container_1cb6x_126{display:flex;flex-direction:column;padding:8px 24px;gap:20px;height:auto;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._flex_col_1cb6x_139{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._addons_box_1cb6x_147{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:21px;isolation:isolate;width:210.67px;height:134px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;flex:none;order:1;align-self:stretch;flex-grow:0}._innerIcon_container_1cb6x_169{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:168.66px;height:92px;flex:none;order:0;align-self:stretch;flex-grow:0;z-index:0}._icon_box_1cb6x_192{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:56px;height:56px;background:#eff6ff;border-radius:8px;flex:none;order:0;flex-grow:0}._addons_wrapper_1cb6x_215{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:16px;width:1344px;height:144px;flex:none;order:1;align-self:stretch;flex-grow:0}@media (max-width: 1400px){._first_row_1cb6x_24{flex-wrap:wrap}._card_container_1cb6x_34,._billing_container_1cb6x_48,._companyinfo_container_1cb6x_62{max-width:100%;width:100%}._second_row_1cb6x_76{flex-direction:column}._moduleUsage_container_1cb6x_126{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.main-container{display:flex;flex-direction:column;justify-content:center;width:100%}.header-section{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h1{font-size:30px;font-weight:700;color:#111827;margin-bottom:4px}.header-info p{font-size:14px;color:#6b7280}.header-info span{font-weight:600;color:#111827}.upgrade-button{background-color:#ff8c00!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.upgrade-button:hover{background-color:#e67e00!important}.view-options{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;margin:0 auto;width:270px;height:39px;flex:none;order:0;flex-grow:0}.view-card{background-color:#fff;padding:8px 16px;border:1px solid #E5E7EB;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;flex:1}.view-card.active .view-link{color:#1d4ed8!important}.view-link{font-size:14px!important;font-weight:500!important;text-decoration:none}.view-card.active{background-color:#e7edf4}.addons-section{margin-bottom:24px}.addons-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:2px!important}.addons-subtitle{font-size:14px!important;color:#6b7280!important;margin-bottom:24px!important}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addon-card{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;position:relative;height:100%}.addon-badge{position:absolute!important;top:16px!important;right:16px!important;background-color:#d1fae5!important;color:#065f46!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.addon-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.addon-name{font-size:16px!important;font-weight:600!important;color:#111827!important;margin-bottom:4px!important}.addon-description{font-size:14px!important;color:#6b7280!important;margin-bottom:16px!important}.addon-footer{display:flex;justify-content:space-between;align-items:center}.addon-price{display:flex;align-items:baseline}.addon-price-amount{font-size:24px!important;font-weight:700!important;color:#111827!important}.addon-price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.addon-button{background-color:#f4f9f7!important;padding:6px 12px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s;text-transform:none!important}.addon-button:hover{background-color:#d1fae5!important}.help-section{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;display:flex;justify-content:space-between;align-items:center}.help-title{font-size:18px!important;font-weight:600!important;color:#111827!important}.help-text{font-size:14px!important;color:#6b7280!important}.contact-button{background-color:#2563eb!important;color:#fff!important;border:none!important;padding:8px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.contact-button:hover{background-color:#1e53c6!important}@media (max-width: 960px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-top{flex-direction:column;gap:16px}.help-section{flex-direction:column;gap:16px;text-align:center}.addons-grid{grid-template-columns:1fr}}@media (max-width: 600px){.plans-grid{gap:12px}.plan-card{min-width:280px}}.plans-wrapper{width:100%}.plans-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:16px}.plans-scroll-container::-webkit-scrollbar{height:6px}.plans-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.plans-grid{display:flex;gap:16px}.plan-card{background-color:#fff!important;border-radius:4px!important;padding:24px!important;position:relative;display:flex;flex-direction:column;min-width:320px;flex:1}.plan-card.current{border:2px solid #3B82F6!important}.plan-card:not(.current){border:1px solid #E5E7EB!important}.plan-badge{position:absolute!important;top:16px!important;right:16px!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.popular{background-color:#fef3c7!important;color:#92400e!important}.plan-badge.current-badge{background-color:#3b82f6!important;color:#fff!important}.plan-header{display:flex;align-items:center;gap:4px}.plan-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:4px!important}.plan-price{display:flex;align-items:baseline;margin-bottom:8px}.price-amount{font-size:36px!important;font-weight:700!important;color:#111827!important}.price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.plan-description{font-size:12px!important;color:#6b7280!important;margin-bottom:16px!important;display:block!important}.plan-button{width:100%;padding:12px 16px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;margin-bottom:16px!important;cursor:pointer;transition:all .2s;text-transform:none!important}.plan-button.filled{background-color:#3b82f6!important;color:#fff!important;border:none!important}.plan-button.filled:hover{background-color:#2563eb!important}.plan-button.outlined{background-color:#edecec!important;color:#535557!important;border:1px solid #E5E7EB!important}.plan-button.outlined:hover{background-color:#f9fafb!important}.plan-link{font-size:12px!important;color:#3b82f6!important;margin-bottom:16px!important;display:block!important;cursor:pointer}.plan-features{flex:1;overflow-y:auto;max-height:340px}.plan-features::-webkit-scrollbar{width:6px}.plan-features::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plan-features::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.plan-features::-webkit-scrollbar-thumb:hover{background:#2563eb}.feature-category{margin-bottom:16px}.category-title{font-size:14px!important;font-weight:600!important;color:#111827!important;margin-bottom:12px!important}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:8px}.check-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.feature-text{font-size:14px!important;color:#374151!important}.compare-plans-container{display:flex;justify-content:center;margin-bottom:24px}.pricing-table{width:100%;background:#fff;border-radius:4px;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;background:#fff}.header-cell{padding:16px 32px;display:flex;flex-direction:column;align-items:flex-start}.header-cell:last-child{border-right:none}.feature-column,.plan-column{align-items:flex-start}.header-text{font-size:16px;font-weight:600;color:#1f2937}.plan-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.plan-price{font-size:14px;font-weight:400;color:#9ca3af}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:nth-child(2n){background:#f9fafb}.table-row:nth-child(odd){background:#fff}.table-row:last-child{border-bottom:none}.feature-cell{padding:14px 32px;display:flex;align-items:center}.feature-name{font-size:15px;color:#4b5563;font-weight:400}.plan-cell{padding:14px 32px;display:flex;align-items:center;justify-content:flex-start}.plan-cell:last-child{border-right:none}.check-icon{color:#10b981;font-size:22px}.dash-icon{color:#d1d5db;font-size:22px}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.header-cell,.feature-cell,.plan-cell{padding:16px}.header-text,.plan-name{font-size:14px}.plan-price,.feature-name{font-size:13px}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc}*,body,button,ul,li{letter-spacing:.3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{letter-spacing:.3px!important}.wh-100{height:100%!important;width:100%!important}.app-container{height:100vh;background-color:#f3f3f3}.mt-10{margin-top:10px!important}.g-20{gap:20px}.g-10{gap:10px}.flex-column{flex-direction:column}.g-5{gap:5px}.mb-20{margin-bottom:20px!important}.mb-10{margin-bottom:10px!important}.mr-10{margin-right:10px!important}.w-100{width:100%!important}.mt-20{margin-top:2.454vh!important}.flex-start-center{display:flex;justify-content:flex-start;align-items:center}.flex-start-column{display:flex;justify-content:flex-start;flex-direction:column}.flex-end-column{display:flex;justify-content:flex-end;flex-direction:column}.flex-between-column{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.flex-end-center{display:flex;justify-content:flex-end;align-items:center}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-between{display:flex;justify-content:space-between}.cursor-pointer{cursor:pointer}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:.5vh;height:.5vh;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#e9e7e7}._card_container_mtohj_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_mtohj_13{font-size:18px;font-weight:600}._card_subtitles_mtohj_18{font-size:1rem;font-weight:600}._icons_background_mtohj_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._listing_icons_mtohj_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._sub_icons_background_mtohj_43{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;margin:auto}.overlay{position:fixed;display:flex;width:100%;height:100%;inset:0;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;z-index:999}.overlay-component{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%);background-color:#fff0;z-index:999}._card_container_dxhto_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}._card_count_dxhto_14{font-size:18px;font-weight:600}._card_container_95l02_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:10px;min-height:114px;height:100%}._card_count_95l02_13{font-size:18px;font-weight:600}._card_subtitles_95l02_18{font-size:1rem;font-weight:600}._card_container_c1yb9_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_c1yb9_13{font-size:18px;font-weight:600}._card_subtitles_c1yb9_18{font-size:1rem;font-weight:600}._icons_background_c1yb9_23{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;margin:auto}._sub_icons_background_c1yb9_32{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;margin:auto}._card_container_1iza3_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._plan_card_1iza3_13{padding:1rem 1.5rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:145px;overflow-x:scroll}._discount_card_1iza3_27{position:absolute;top:0;right:0}._discount_card_1iza3_27 span{border-radius:0 0 0 8px;padding:4px 8px;background:#027a481a;color:#027a48;font-weight:600}._plan_total_count_1iza3_40{font-size:20px;font-weight:600}._card_count_1iza3_45{font-size:1.5rem;font-weight:700}._card_subtitles_1iza3_50{font-size:1rem;font-weight:600}._icons_background_1iza3_55{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_container_1tgxf_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}._plans_1tgxf_11{height:665px}._add_ons_1tgxf_14{height:320px}._card_titles_1tgxf_18{font-size:1.5rem;font-weight:700}._add_ons_title_1tgxf_23{font-size:1.125rem;font-weight:700}._card_subtitles_1tgxf_28{font-size:1rem;font-weight:600}._icons_background_1tgxf_33{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:2rem;height:2rem;margin:auto}._subicons_background_1tgxf_44{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:1rem;height:1rem;margin:auto}._plan_headers_1tgxf_55{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start}._card_content_1tgxf_63{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;height:430px;overflow:scroll}._card_container_vce56_1{padding:1rem;border:1px solid #c8c8c8;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_titles_vce56_13{font-size:24px;font-weight:700}._card_subtitles_vce56_18{font-size:1rem;font-weight:600}._card_subtotal_vce56_23{font-size:1rem;font-weight:600;color:#615e69}._icons_background_vce56_29{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._card_headers_vce56_40{display:flex;justify-content:center;align-items:center;padding:1rem;height:100px}._card_content_vce56_48{display:flex;justify-content:center;gap:5px;flex-direction:column;align-items:center;padding:1rem;height:190px;overflow:scroll}._card_container_1ts8v_1{padding:1rem;border:1px solid #ececec;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:145px;overflow-x:scroll}._card_count_1ts8v_13{font-size:18px;font-weight:600}._card_subtitles_1ts8v_18{font-size:1rem;font-weight:600}._icons_background_1ts8v_23{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;width:3rem;height:3rem;margin:auto}._credit_card_1ts8v_34{width:272px;height:161px;border-radius:1rem;background:linear-gradient(45deg,#00359e,#155eef)}._circle_1ts8v_41{position:absolute;width:1rem;height:1rem;border-radius:50%;opacity:.8;mix-blend-mode:multiply}._circle1_1ts8v_50{background-color:red;left:6%;transform:translate(-50%,-50%)}._circle2_1ts8v_56{background-color:#f9a000;left:9%;transform:translate(-50%,-50%)}._circle_container_1ts8v_62{display:flex;justify-content:center;align-items:center;position:relative;top:30px;color:#fff;z-index:120}._credit_card_holder_name_1ts8v_72{display:flex;justify-content:center;align-items:center;position:relative;top:140px;color:#fff;z-index:120;font-size:10px}._credit_card_holder_name_absolute_1ts8v_83{position:absolute;width:220px;opacity:.8;left:4%;mix-blend-mode:multiply}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,sans-serif}._main_container_zpacz_17{background-color:#f9fafb;min-height:100vh;width:100%}._first_row_zpacz_24{display:flex;flex-direction:row;gap:16px;width:100%}._card_container_zpacz_34{display:flex;flex-direction:column;padding:8px 24px;gap:20px;flex:1;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._billing_container_zpacz_48{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:16px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._companyinfo_container_zpacz_62{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:24px;height:340px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._second_row_zpacz_76{display:flex;flex-direction:row;gap:16px;width:100%}._leftside_container_zpacz_86{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1}._last_invoice_zpacz_96{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:8px;width:100%;height:100%;min-height:157px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._planDetails_container_zpacz_111{display:flex;flex-direction:column;align-items:flex-start;padding:8px 24px;gap:20px;width:100%;height:100%;min-height:158px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._moduleUsage_container_zpacz_126{display:flex;flex-direction:column;padding:8px 24px;gap:20px;height:100%;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:2px}._flex_col_zpacz_139{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._addons_box_zpacz_147{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:21px;isolation:isolate;width:210.67px;height:134px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;flex:none;order:1;align-self:stretch;flex-grow:0}._innerIcon_container_zpacz_169{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:168.66px;height:92px;flex:none;order:0;align-self:stretch;flex-grow:0;z-index:0}._icon_box_zpacz_192{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;width:56px;height:56px;background:#eff6ff;border-radius:8px;flex:none;order:0;flex-grow:0}._addons_wrapper_zpacz_215{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:16px;width:1344px;height:144px;flex:none;order:1;align-self:stretch;flex-grow:0}@media (max-width: 1400px){._first_row_zpacz_24{flex-wrap:wrap}._card_container_zpacz_34,._billing_container_zpacz_48,._companyinfo_container_zpacz_62{max-width:100%;width:100%}._second_row_zpacz_76{flex-direction:column}._moduleUsage_container_zpacz_126{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.main-container{display:flex;flex-direction:column;justify-content:center;width:100%}.header-section{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h1{font-size:30px;font-weight:700;color:#111827;margin-bottom:4px}.header-info p{font-size:14px;color:#6b7280}.header-info span{font-weight:600;color:#111827}.upgrade-button{background-color:#ff8c00!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.upgrade-button:hover{background-color:#e67e00!important}.view-options{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;margin:0 auto;width:270px;height:39px;flex:none;order:0;flex-grow:0}.view-card{background-color:#fff;padding:8px 16px;border:1px solid #E5E7EB;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;flex:1}.view-card.active .view-link{color:#1d4ed8!important}.view-link{font-size:14px!important;font-weight:500!important;text-decoration:none}.view-card.active{background-color:#e7edf4}.addons-section{margin-bottom:24px}.addons-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:2px!important}.addons-subtitle{font-size:14px!important;color:#6b7280!important;margin-bottom:24px!important}.addons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addon-card{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;position:relative;height:100%}.addon-badge{position:absolute!important;top:16px!important;right:16px!important;background-color:#d1fae5!important;color:#065f46!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.addon-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.addon-name{font-size:16px!important;font-weight:600!important;color:#111827!important;margin-bottom:4px!important}.addon-description{font-size:14px!important;color:#6b7280!important;margin-bottom:16px!important}.addon-footer{display:flex;justify-content:space-between;align-items:center}.addon-price{display:flex;align-items:baseline}.addon-price-amount{font-size:24px!important;font-weight:700!important;color:#111827!important}.addon-price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.addon-button{background-color:#f4f9f7!important;padding:6px 12px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s;text-transform:none!important}.addon-button:hover{background-color:#d1fae5!important}.help-section{background-color:#fff!important;border:1px solid #E5E7EB!important;border-radius:4px!important;padding:24px!important;display:flex;justify-content:space-between;align-items:center}.help-title{font-size:18px!important;font-weight:600!important;color:#111827!important}.help-text{font-size:14px!important;color:#6b7280!important}.contact-button{background-color:#2563eb!important;color:#fff!important;border:none!important;padding:8px 24px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:background-color .2s;text-transform:none!important}.contact-button:hover{background-color:#1e53c6!important}@media (max-width: 960px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-top{flex-direction:column;gap:16px}.help-section{flex-direction:column;gap:16px;text-align:center}.addons-grid{grid-template-columns:1fr}}@media (max-width: 600px){.plans-grid{gap:12px}.plan-card{min-width:280px}}.plans-wrapper{width:100%}.plans-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:16px}.plans-scroll-container::-webkit-scrollbar{height:6px}.plans-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.plans-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.plans-grid{display:flex;gap:16px}.plan-card{background-color:#fff!important;border-radius:4px!important;padding:24px!important;position:relative;display:flex;flex-direction:column;min-width:320px;flex:1}.plan-card.current{border:2px solid #3B82F6!important}.plan-card:not(.current){border:1px solid #E5E7EB!important}.plan-badge{position:absolute!important;top:16px!important;right:16px!important;padding:4px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:600!important;height:auto!important}.popular{background-color:#fef3c7!important;color:#92400e!important}.plan-badge.current-badge{background-color:#3b82f6!important;color:#fff!important}.plan-header{display:flex;align-items:center;gap:4px}.plan-title{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:4px!important}.plan-price{display:flex;align-items:baseline;margin-bottom:8px}.price-amount{font-size:36px!important;font-weight:700!important;color:#111827!important}.price-unit{font-size:14px!important;color:#6b7280!important;margin-left:4px!important}.plan-description{font-size:12px!important;color:#6b7280!important;margin-bottom:16px!important;display:block!important}.plan-button{width:100%;padding:12px 16px!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;margin-bottom:16px!important;cursor:pointer;transition:all .2s;text-transform:none!important}.plan-button.filled{background-color:#3b82f6!important;color:#fff!important;border:none!important}.plan-button.filled:hover{background-color:#2563eb!important}.plan-button.outlined{background-color:#edecec!important;color:#535557!important;border:1px solid #E5E7EB!important}.plan-button.outlined:hover{background-color:#f9fafb!important}.plan-link{font-size:12px!important;color:#3b82f6!important;margin-bottom:16px!important;display:block!important;cursor:pointer}.plan-features{flex:1;overflow-y:auto;max-height:340px}.plan-features::-webkit-scrollbar{width:6px}.plan-features::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.plan-features::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.plan-features::-webkit-scrollbar-thumb:hover{background:#2563eb}.feature-category{margin-bottom:16px}.category-title{font-size:14px!important;font-weight:600!important;color:#111827!important;margin-bottom:12px!important}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:8px}.check-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.feature-text{font-size:14px!important;color:#374151!important}.compare-plans-container{display:flex;justify-content:center;margin-bottom:24px}.pricing-table{width:100%;background:#fff;border-radius:4px;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #e5e7eb;background:#fff}.header-cell{padding:16px 32px;display:flex;flex-direction:column;align-items:flex-start}.header-cell:last-child{border-right:none}.feature-column,.plan-column{align-items:flex-start}.header-text{font-size:16px;font-weight:600;color:#1f2937}.plan-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.plan-price{font-size:14px;font-weight:400;color:#9ca3af}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:nth-child(2n){background:#f9fafb}.table-row:nth-child(odd){background:#fff}.table-row:last-child{border-bottom:none}.feature-cell{padding:14px 32px;display:flex;align-items:center}.feature-name{font-size:15px;color:#4b5563;font-weight:400}.plan-cell{padding:14px 32px;display:flex;align-items:center;justify-content:flex-start}.plan-cell:last-child{border-right:none}.check-icon{color:#10b981;font-size:22px}.dash-icon{color:#d1d5db;font-size:22px}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.header-cell,.feature-cell,.plan-cell{padding:16px}.header-text,.plan-name{font-size:14px}.plan-price,.feature-name{font-size:13px}}
|