:root{background-color:#fff;font-family:Arial,Helvetica,sans-serif}.layout{display:flex}.content{flex:1;margin-left:180px;padding-top:15px;padding-left:30px}.pageHeader h2{color:#222;margin-bottom:10px;margin-left:40px;font-size:18px}.pageHeader span{color:#5b4b71;margin-left:40px;font-size:14px}.pageHeader hr{border:none;border-top:2px solid #e9e9e9;margin:20px}.sidebar{background-color:#f7f7f8;border-right:2px solid #e9e9e9;align-items:center;width:220px;height:100vh;padding:20px;position:fixed;top:0;left:0}.sidebar h2{color:#7c3aed;margin-top:10px;font-size:24px;font-weight:700}.sidebar hr{border:none;border-top:2px solid #e9e9e9;margin:1.5rem 0}.sidebar a{color:#5b4b71;font-size:14px}.sidebar-link{box-sizing:border-box;color:#0000;background-color:#f7f7f8;border-radius:10px;align-items:center;gap:6px;width:100%;padding:12px;text-decoration:none;display:flex}.sidebar-link:hover{background-color:#e9e9e9;transition:all .3s}.sidebar-link:active{background-color:#b1b1b1;transform:scale(.98)}.sidebar-link.active{color:#fff;background-color:#7c3aed}.sidebar nav{flex-direction:column;gap:1.25rem;margin-top:30px;margin-left:1.25rem;display:flex}.infoBox{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:10px;padding:15px 0}.infoBox:hover{border:1px solid #7c3aed;transition:all .3s}.infoBox:active{background-color:#e9e9e9;transform:scale(.98)}.topSection{color:#5b4b71;justify-content:space-between;align-items:center;padding:0 36px;font-size:14px;display:flex}.mainText{text-align:center;color:#7c3aed;padding:10px 0;font-size:20px}.underText{text-align:center;color:#5b4b71;font-size:14px}.text-green{color:#0ba35a}.text-red{color:red}.dashboardGrid{grid-template-columns:repeat(4,1fr);gap:20px;margin-left:48px;margin-right:48px;display:grid}.dashboardChartsGrid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin:32px 48px;display:grid}.dashboardGraphWrapper{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:15px;flex-direction:column;gap:20px;padding:32px;display:flex}.dashboardGraphWrapper:hover{border:1px solid #7c3aed}.dashboardGraphHeader{justify-content:space-between;align-items:center;gap:20px;margin:0 20px;display:flex}.dashboardGraphTitle{color:#5b4b71;margin:0;font-size:16px;font-weight:500}.dashboardGraphTimePeriodToggle{gap:10px;display:flex}.dashboardGraphToggleButton{color:#7c3aed;cursor:pointer;background-color:#e1d5f5;border:0 solid;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .3s}.dashboardGraphToggleButton:hover{background-color:#d6bdfa;transition:all .3s}.dashboardGraphToggleButton:active{background-color:#c3b6da;transform:scale(.98)}.dashboardGraphToggleButtonActive{color:#fff;background-color:#7c3aed}.dashboardGraphToggleButtonActive:hover{background-color:#9254fc}.dashboardGraphToggleButtonActive:active{background-color:#601dd5;transform:scale(.98)}.dashboardGraphLoadingState{color:#5b5b5b;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}.dashboardGraphEmptyState{color:#9ca3af;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}@media (width<=768px){.dashboardGraphHeader{flex-direction:column;align-items:center}.dashboardGraphWrapper{padding:24px}.dashboardChartsGrid{grid-template-columns:1fr;margin:24px}}.lookuptable{width:100%;margin-bottom:20px}.lookuptable input{background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;padding:8px 0 8px 5px;font-size:12px}.lookuptable input:hover{border:1px solid #7c3aed;transition:all .3s}.inputs{grid-template-columns:1fr auto;align-items:center;gap:30px;margin:0 20px;font-size:12px;display:grid}.addnewbutton{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:5px;padding:7px 15px;font-size:12px}.addnewbutton:hover{background-color:#9254fc;transition:all .3s}.addnewbutton:active{background-color:#601dd5;transform:scale(.98)}.productRow{border-bottom:1px solid #e9e9e9;border-radius:10px;grid-template-columns:2fr 2fr 1fr 2fr 1fr;align-items:center;gap:1rem;margin:0 48px;padding:12px;display:grid}.productRow:hover{background-color:#e9e9e9;transition:all .3s}.productRow:active{transform:scale(.99)}.brand{color:#5b4b71}.Low{color:#cd3e33;background-color:#f7d9d9;border-radius:10px;justify-self:start;padding:5px 8px}.In{color:#7c3aed;background-color:#e1d5f5;border-radius:10px;justify-self:start;padding:5px 8px}.progressBarContainer{position:relative}.progressBar{background-color:#e0e0de;border-radius:8px;width:75%;height:10px;overflow:hidden}.progressOverlay{color:#e2c1dd;pointer-events:none;opacity:0;background-color:#1e293be6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:50%;height:max-content;min-height:min-content;padding:2px;font-size:14px;font-weight:700;transition:opacity .15s ease-in-out;display:flex;position:absolute;top:-20px;left:10%}.progressBarContainer:hover .progressOverlay{opacity:1}.progressLow{border-radius:inherit;background-color:#cd3e33;height:100%;transition:width .3s ease-in-out}.progressIn{border-radius:inherit;background-color:#7c3aed;height:100%;transition:width .3s ease-in-out}.productRow{cursor:pointer}.rowActions{justify-content:flex-end;gap:10px;display:flex}.rowActions .editBtn,.rowActions .deleteBtn{color:#5b4b71;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .3s;display:flex}.rowActions .editBtn:hover{color:#7c3aed;border:1px solid #7c3aed}.rowActions .deleteBtn:hover{color:#b91c1c;border:1px solid #b91c1c}.rowActions .editBtn:active,.rowActions .deleteBtn:active{background-color:#f7f7f8;transform:scale(.96)}.inventorytable{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:10px;padding:30px 20px;font-size:14px}.initialRow{border-bottom:1px solid #e9e9e9;grid-template-columns:2fr 2fr 1fr 2fr 1fr;align-items:center;gap:1rem;margin:0 48px;padding:12px 0;font-weight:700;display:grid}.addnewproductspan{font-size:16px}.productformcontents{gap:10px;display:grid}.productforminputs{grid-template-columns:repeat(2,1fr);gap:15px 20px;display:grid}.productforminput{grid-template-columns:repeat();gap:8px;display:grid}.productforminput span{color:#5b4b71;font-size:13px}.productforminput input{background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;padding:12px 0 12px 10px;font-size:13px}.productforminputs select,.forminputs select{color:#5b5b5b;background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;padding:12px;font-size:14px}.productformbuttons{gap:15px;display:flex}.addproduct{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:8px;padding:12px 20px;font-size:13px}.addproduct:hover{background-color:#9254fc;transition:all .3s}.addproduct:active{background-color:#601dd5;transform:scale(.98)}.cancelproduct{color:#7c3aed;background-color:#e1d5f5;border:0 solid;border-radius:8px;padding:12px 20px;font-size:13px}.cancelproduct:hover{background-color:#d6bdfa;transition:all .3s}.cancelproduct:active{background-color:#c3b6da;transform:scale(.98)}.productforminput--checkbox{flex-direction:row;align-items:center;gap:8px;display:flex}.productforminput--checkbox input{width:auto;margin:0}.inventory{margin:0 48px}.inventorypage{display:grid}.tabButtons{gap:15px;font-size:12px;display:flex}.inventorytab{color:#5b4b71;background-color:#e9e9e9;border:0 solid #0000;border-radius:10px;padding:11px 16px;font-size:12px}.inventorytab:hover{background-color:#d9d9d9;transition:all .3s}.inventorytab:active{background-color:#b1b1b1;transform:scale(.97)}.inventorytabactive{color:#fff;background-color:#7c3aed;border:0 solid #0000;border-radius:10px;padding:11px 16px;font-size:12px}.inventorytabactive:active{transform:scale(.97)}.newproductdiv{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.newproductdiv.open{opacity:1;max-height:fit-content;transform:translateY(0)}.customerBox{box-sizing:border-box;background-color:#fff;border:1px solid #e9e9e9;border-radius:12px;padding:10px 40px}.customerBox:hover{border:1px solid #7c3aed;transition:all .3s}.customerBox:active{background-color:#f7f7f8;transform:scale(.98)}.upperSection{color:#222;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;padding-bottom:5px;font-size:18px;display:flex}.upperSection>span:first-child{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.metric{color:#7c3aed;flex-shrink:0}.lowerSection{color:#5b4b71;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:13px;display:flex}.lowerLeftSection{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}.center{align-items:center;gap:6px;display:flex}.center span{-webkit-line-clamp:2;word-break:break-all;word-wrap:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.actionsRow{border-top:1px solid #e9e9e9;justify-content:flex-end;gap:10px;padding-top:10px;padding-bottom:10px;display:flex}.editBtn,.deleteBtn{color:#5b4b71;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .3s;display:flex}.editBtn:hover{color:#7c3aed;border:1px solid #7c3aed}.deleteBtn:hover{color:#b91c1c;border:1px solid #b91c1c}.editBtn:active,.deleteBtn:active{background-color:#f7f7f8;transform:scale(.96)}.formcontainer{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:15px;margin:32px 48px;padding:32px;position:relative}.formcontents{gap:20px;display:grid}.forminputs{grid-template-columns:repeat(2,1fr);gap:20px 30px;display:grid}.forminput{grid-template-columns:repeat();gap:8px;display:grid}.forminput span{color:#5b4b71;font-size:13px}.forminput input{background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;padding:12px 0 12px 10px;font-size:13px}.formbuttons{gap:15px;display:flex}.addcustomer{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:8px;padding:12px 20px;font-size:13px}.addcustomer:hover{background-color:#9254fc;transition:all .3s}.addcustomer:active{background-color:#601dd5;transform:scale(.98)}.customerlookup{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:15px;grid-template-columns:repeat(1,1fr);gap:10px;margin:24px 48px;padding:32px;display:grid;position:relative}.customerboxes{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.newcustomerdiv{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.newcustomerdiv.open{opacity:1;max-height:500px;transform:translateY(0)}.salesrow{background-color:#f1f1f1;border-radius:8px;justify-content:space-between;margin-top:7px;padding:8px;font-size:12px;display:flex}.price{color:#5b4b71}.salestablecontainer{background-color:#fbfbfb;border:1px solid #e9e9e9;border-radius:10px;padding:20px}.salestablecontainer:hover{border:1px solid #7c3aed;transition:all .2s}.top{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.totalprice{color:#7c3aed}.salestablecontainer{cursor:pointer}.saleRowActions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.saleRowActions .editBtn,.saleRowActions .deleteBtn{color:#5b4b71;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .3s;display:flex}.saleRowActions .editBtn:hover{color:#7c3aed;border:1px solid #7c3aed}.saleRowActions .deleteBtn:hover{color:#b91c1c;border:1px solid #b91c1c}.saleRowActions .editBtn:active,.saleRowActions .deleteBtn:active{background-color:#f7f7f8;transform:scale(.96)}.dropdowninput{gap:15px;width:100%;display:flex}.dropdowninput input{background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;width:100%;padding:12px 0 12px 10px;font-size:13px}.saleformcontainer{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:15px;height:fit-content;margin:0 48px 16px;padding:32px;position:relative}.newOrderTopRow{justify-content:space-between;align-items:center;display:flex}.newOrderTopRow button{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:10px;padding:10px 20px;font-size:13px}.newOrderTopRow button:hover{background-color:#9254fc;transition:all .3s}.newOrderTopRow button:active{background-color:#601dd5;transform:scale(.98)}hr{border:none;border-bottom:2px solid #e9e9e9;margin:10px}.addedProducts{grid-template-columns:repeat();gap:30px;display:grid}.addedProductRow{color:#5b4b71;background-color:#e9e9e9;border:0 solid;border-radius:5px;gap:10px;width:fit-content;padding:10px;font-size:15px;display:flex}.addedProductDivider{color:#bfbebe}.addedProductPrice{color:#7c3aed}.addnewspan{font-size:15px}.saleformcontents{gap:20px;display:grid}.saleforminputs{grid-template-columns:repeat(2,1fr);gap:20px 50px;display:grid}.saleforminput{grid-template-columns:repeat();gap:8px;display:grid}.saleforminput span{color:#5b4b71;font-size:13px}.saleforminput input{background-color:#e9e9e9;border:1px solid #d5d5d5;border-radius:5px;padding:12px 0 12px 10px;font-size:13px}.saleformbuttons{gap:15px;display:flex}.addsale{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:8px;padding:12px 20px;font-size:13px}.addsale:hover{background-color:#9254fc;transition:all .3s}.addsale:active{background-color:#601dd5;transform:scale(.98)}.cancel{color:#7c3aed;background-color:#e1d5f5;border:0 solid;border-radius:8px;padding:12px 20px;font-size:13px}.cancel:hover{background-color:#d6bdfa;transition:all .3s}.cancel:active{background-color:#c3b6da;transform:scale(.98)}.stringownerinput{cursor:pointer;accent-color:#7c3aed;background-color:#e9e9e9;border:1px solid #dadada;border-radius:5px;gap:20px;width:96.5%;height:20px;margin-right:8px;padding:10px;display:flex}.stringownerinput label{font-size:13px!important}.stringownerinput input{font-size:13px}.forminput label{color:#5b4b71;cursor:pointer;align-items:center;gap:8px;font-size:18px;display:flex}.forminput label:hover input[type=radio]{accent-color:#9254fc;transition:all .3s}.forminput label:active input[type=radio]{accent-color:#601dd5}.sjtablecontainer{background-color:#fbfbfb;border:1px solid #e9e9e9;border-radius:10px;padding:20px}.sjtablecontainer:hover{border:1px solid #7c3aed;transition:all .2s}.topRow{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.status{margin-bottom:8px;font-size:12px}.status span{border-radius:5px;padding:5px}.Cancelled{color:#cd3e33;background-color:#f7d9d9}.Collected{color:#5b4b71;background-color:#e9e9e9}.InProgress{color:#7c3aed;background-color:#e1d5f5}.Completed,.Delivered{color:#0ba35a;background-color:#daf7d9}.middleSection{color:#5b4b71;grid-template-columns:repeat(1,1fr);gap:10px;margin:15px 0;font-size:13px;display:grid}.sjprice{color:#7c3aed}.datedisplay{justify-content:space-between;display:flex}.sjtablecontainer{cursor:pointer}.sjRowActions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.sjRowActions .editBtn,.sjRowActions .deleteBtn{color:#5b4b71;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .3s;display:flex}.sjRowActions .editBtn:hover{color:#7c3aed;border:1px solid #7c3aed}.sjRowActions .deleteBtn:hover{color:#b91c1c;border:1px solid #b91c1c}.sjRowActions .editBtn:active,.sjRowActions .deleteBtn:active{background-color:#f7f7f8;transform:scale(.96)}.ordersmargin{margin:0 48px}.tabButtons{gap:15px;display:flex}.tab{color:#5b4b71;background-color:#e9e9e9;border:0 solid #0000;border-radius:10px;padding:11px 16px;font-size:12px}.tab:hover{background-color:#d9d9d9;transition:all .3s}.tab:active{background-color:#b1b1b1;transform:scale(.97)}.tabactive{color:#fff;background-color:#7c3aed;border:0 solid #0000;border-radius:10px;padding:11px 16px;font-size:12px}.tabactive:active{transform:scale(.97)}.salescontainer{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:10px;padding:20px}.salesgrid{grid-template-columns:repeat(3,1fr);gap:10px 20px;display:grid}.sjgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.date{color:#5b4b71;align-items:center;gap:5px;font-size:12px;display:flex}.unpopulated{color:#9ca3af;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}.newsalediv{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.newsalediv.open{opacity:1;max-height:fit-content;transform:translateY(0)}.supportitem{background-color:#fbfbfb;border:1px solid #e9e9e9;border-radius:10px;padding:20px;transition:border-color .2s}.supportitem:hover{border-color:#7d3aec}.supportitemsection{align-items:center;gap:15px;display:flex}.icon{color:#7d3aec;background-color:#e1d5f5;border-radius:5px;justify-content:center;align-items:center;padding:5px 7px;display:flex}.upline{font-size:16px;display:block}.downlinecontent{color:#7d3aec;font-size:13px}.downline{color:#5b4b71;font-size:13px}.supportcontent{gap:5px;display:grid}.cta{text-align:center;background-color:#fbfbfb;border:1px solid #e9e9e9;border-radius:10px;margin:30px;padding:50px}.cta:hover{border-color:#7d3aec}.cta h2{font-size:20px;font-weight:600}.cta p{color:#5b4b71;max-width:650px;margin:0 auto 20px;font-size:16px;line-height:1.7}.ctabuttons{justify-content:center;gap:16px;display:flex}.ctabutton:active{transform:scale(.98)}.ctabutton{cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s}.ctabutton.primary{color:#fff;background-color:#7d3aec}.ctabutton.secondary{color:#7d3aec;background-color:#e1d5f5}.support{grid-template-columns:repeat(2,1fr);gap:20px;margin:30px;display:grid}.expensesPageContainer{flex-direction:column;display:flex}.expensesPageHeader{flex-direction:column;gap:8px;margin:0 48px;display:flex}.expensesPageDashboardGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0 48px;display:grid}.expensesGraphWrapper{background-color:#f7f7f8;border:1px solid #e9e9e9;border-radius:15px;flex-direction:column;gap:20px;margin:32px 48px;padding:32px;display:flex}.expensesGraphHeader{justify-content:space-between;align-items:center;gap:20px;margin:0 20px;display:flex}.expensesGraphTitle{color:#5b4b71;margin:0;font-size:16px;font-weight:500}.expensesGraphTimePeriodToggle{gap:15px;display:flex}.expensesGraphToggleButton{color:#7c3aed;cursor:pointer;background-color:#e1d5f5;border:0 solid;border-radius:8px;padding:6px 12px;font-size:14px;transition:all .3s}.expensesGraphToggleButton:hover{background-color:#d6bdfa;transition:all .3s}.expensesGraphToggleButton:active{background-color:#c3b6da;transform:scale(.98)}.expensesGraphToggleButtonActive{color:#fff;background-color:#7c3aed}.expensesGraphToggleButtonActive:hover{background-color:#9254fc}.expensesGraphToggleButtonActive:active{background-color:#601dd5;transform:scale(.98)}.expensesGraphLoadingState{color:#5b5b5b;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}.expensesGraphEmptyState{color:#9ca3af;justify-content:center;align-items:center;min-height:300px;font-size:14px;display:flex}@media (width<=768px){.expensesGraphHeader{flex-direction:column;align-items:center}.expensesGraphWrapper{margin:24px;padding:24px}.expensesPageDashboardGrid{grid-template-columns:1fr;margin:0 24px}}.newexpensebutton{color:#fff;background-color:#7c3aed;border:0 solid;border-radius:8px;margin-left:24px;padding:7px 15px;font-size:14px}.newexpensebutton:hover{background-color:#9254fc;transition:all .3s}.newexpensebutton:active{background-color:#601dd5;transform:scale(.98)}.newexpensediv{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.newexpensediv.open{opacity:1;max-height:500px;transform:translateY(0)}.loginPage{color:#fff;background:#0e0918;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.loginBackground{background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.loginOverlay{background:radial-gradient(circle at 20% 10%,#7c3aed73,#0000 35%),radial-gradient(circle at 90% 80%,#9254fc59,#0000 40%),linear-gradient(#0a0712b8,#0a0712f2);position:absolute;inset:0}.loginContainer{z-index:5;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.loginBrand{text-align:center}.loginBrand h1{letter-spacing:-2px;margin:0;font-size:42px;font-weight:700}.loginBrand p{color:#ffffffb8;margin-top:12px;font-size:15px}.clerkCard{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#141020a6!important;border:1px solid #7c3aed26!important;border-radius:20px!important;width:100.5%!important;box-shadow:0 30px 70px #00000059!important}.clerkTitle{color:#fff!important;font-size:24px!important;font-weight:700!important}.clerkSubtitle{color:#ffffffa6!important;font-size:14px!important}.clerkInput{transition:all .25s;color:#fff!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:12px!important}.clerkInput:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed40!important}.clerkLabel{color:#ffffffbf!important}.clerkButtonPrimary{background:#7c3aed!important;border-radius:12px!important;height:44px!important;transition:all .25s!important}.clerkButtonPrimary:hover{background:#9254fc!important}.clerkButtonPrimary:active{background:#601dd5!important}.clerkButtonSecondary{color:#fff!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:12px!important;height:44px!important;transition:all .25s!important}.clerkButtonSecondary:hover{background:#ffffff1f!important}.clerkLink{color:#c084fc!important}.clerkLink:hover{color:#fff!important}.clerkDivider{background:#ffffff14!important}.clerkDividerText{color:#ffffff73!important}@media (width){.loginPage{padding:24px}.loginBrand h1{font-size:40px}.clerkCard{width:100%!important}}.clerkFooter,.clerkFooterText{color:#ffffffa6!important}.clerkText{color:#ffffffb8!important}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landingPage{color:#fff;background:#0e0918;min-height:100vh;padding:36px 80px 120px;position:relative;overflow:hidden}.landingBackground{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.landingOverlay{z-index:1;background:radial-gradient(circle at 20% 10%,#7c3aed73,#0000 35%),radial-gradient(circle at 90% 80%,#9254fc59,#0000 40%),linear-gradient(#0a0712b8,#0a0712f2);position:absolute;inset:0}.landingPage>:not(.landingBackground):not(.landingOverlay){z-index:2;position:relative}.landingHeader{justify-content:space-between;align-items:center;display:flex}.landingLogo{letter-spacing:-1px;margin:0;font-size:32px;font-weight:700}.landingHeaderActions{gap:14px;display:flex}.landingHeaderPrimaryButton,.landingHeaderSecondaryButton{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;height:46px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landingHeaderSecondaryButton{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14}.landingHeaderSecondaryButton:hover{background:#ffffff1f}.landingHeaderSecondaryButton:active{transform:scale(.97)}.landingHeaderPrimaryButton{color:#fff;background:#7c3aed;border:none}.landingHeaderPrimaryButton:hover{background:#9254fc}.landingHeaderPrimaryButton:active{background:#601dd5;transform:scale(.97)}.landingHero{text-align:center;max-width:900px;margin:140px auto 100px}.landingBadge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e9ddff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;display:inline-flex}.landingTitle{letter-spacing:-4px;margin:34px 0 0;font-size:70px;font-weight:750;line-height:.95}.landingSubtitle{color:#ffffffc7;max-width:720px;margin:35px auto 0;font-size:17px;line-height:1.7}.landingHeroButtons{justify-content:center;gap:16px;margin-top:48px;display:flex}.landingPrimaryButton,.landingSecondaryButton{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;height:56px;padding:0 28px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.landingPrimaryButton{color:#fff;background:#7c3aed;border:none}.landingPrimaryButton:hover{background:#9254fc;transform:translateY(-2px)}.landingPrimaryButton:active{background:#601dd5;transform:scale(.97)}.landingSecondaryButton{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1a}.landingSecondaryButton:hover{background:#ffffff1f;transform:translateY(-2px)}.landingSecondaryButton:active{transform:scale(.97)}.landingStats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141020a6;border:1px solid #7c3aed1f;border-radius:24px;align-items:center;max-width:1000px;margin:auto;display:flex;overflow:hidden;box-shadow:0 30px 70px #00000059}.landingStat{text-align:center;flex:1;padding:40px}.landingStatLabel{color:#ffffffa6;font-size:14px}.landingStatValue{margin:12px 0 0;font-size:38px}.landingDivider{background:#ffffff14;width:1px;height:80px}.landingFeatures{margin-top:130px}.landingSectionHeader{text-align:center}.landingSectionTitle{letter-spacing:-1px;margin:0;font-size:48px}.landingSectionSubtitle{color:#ffffffb3;max-width:650px;margin:20px auto 60px;font-size:18px;line-height:1.7}.landingFeaturesGrid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.featureCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1410209e;border:1px solid #7c3aed1a;border-radius:24px;padding:36px;transition:all .3s}.featureCard:hover{border-color:#7c3aed73;transform:translateY(-8px);box-shadow:0 25px 60px #7c3aed26}.featureIcon{color:#d8b4fe;background:#7c3aed2e;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.featureTitle{margin:24px 0 0;font-size:22px}.featureDescription{color:#ffffffb3;margin-top:14px;line-height:1.7}.landingCTA{margin-top:120px}.landingCTACard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141020a6;border:1px solid #7c3aed1f;border-radius:28px;justify-content:space-between;align-items:center;padding:40px;display:flex}.landingCTAContent{align-items:center;gap:20px;display:flex}.landingCTAIcon{background:#7c3aed;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.landingCTATitle{margin:0;font-size:28px}.landingCTASubtitle{color:#ffffffb3;max-width:600px}.landingCTAButtons{gap:14px;display:flex}@media (width<=1100px){.landingFeaturesGrid{grid-template-columns:repeat(2,1fr)}.landingCTACard{flex-direction:column;gap:30px}}@media (width<=800px){.landingPage{padding:30px 24px 80px}.landingHeader{flex-direction:column;gap:20px}.landingTitle{font-size:55px}.landingHeroButtons,.landingStats{flex-direction:column}.landingDivider{width:100%;height:1px}.landingFeaturesGrid{grid-template-columns:1fr}.landingCTAButtons{flex-direction:column;width:100%}}