@charset "UTF-8";*{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;font-family:Montserrat}* image{display:block}body{background-color:#f5f5f5}.yupiButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--Primary-Fox, #fa6030);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer}.yupiButton.inactive{background:transparent;color:#303030}.headaerYupeContainer{display:flex;padding:16px 75px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;background:var(--Primary-White, #fff);height:68px;width:100%}.headaerYupeContainerMobile{display:flex;padding:16px 24px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;background:var(--Primary-White, #fff);height:68px;width:100%}.viewDesktopContainer{max-width:80%;width:100%;margin:24px 0}.promotionP{display:flex;padding:8px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--Primary-Fox, #fa6030);color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.footerContainer{display:flex;padding:40px 75px;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;align-self:stretch;background:var(--Primary-Black, #1e1e1e)}.footerContainer .footerInfo{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.footerContainer .footerInfo .footerInfoP{color:var(--Primary-White, #fff);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.footerContainer .footerInfoBottom{display:flex;justify-content:space-between;align-items:flex-end;align-self:stretch}.footerContainer .footerInfoBottom .footerInfoTermos{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.footerContainer .footerInfoBottom .footerInfoTermos .footerInfoTermosP{color:var(--Primary-White, #fff);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.footerContainer .footerInfoBottom .footerLogo{display:flex;align-items:center;gap:16px}.footerContainer .footerInfoBottom .footerLogo svg,.footerContainer .footerInfoBottom .footerLogo img{width:58px;height:26px}.footerContainer .footerInfoBottom .footerLogo img:last-of-type{background-color:#fff}.cardContainer{display:flex;max-width:370px;width:100%;height:267px;flex-direction:column;align-items:flex-start;gap:16px}.cardContainer .productsCard{display:flex;width:100%;max-width:370px;height:130px;justify-content:space-between;align-items:center}.cardContainer .productsCard .productsInfoAll{display:flex;align-items:flex-start;gap:16px;align-self:stretch}.cardContainer .productsCard .productsInfoAll .productionImg{width:65px;height:65px;border-radius:4px;background:var(--Black-Scale-10, #d3d3d3)}.cardContainer .productsCard .productsInfoAll .productContent{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1 0 0;align-self:stretch}.cardContainer .productsCard .productsInfoAll .productContent .productContentTitleHP{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.cardContainer .productsCard .productsInfoAll .productContent .productContentTitleHP .productContentTitleH{color:var(--Primary-Black, #1e1e1e);font-size:16px;font-style:normal;font-weight:400;line-height:150%}.cardContainer .productsCard .productsInfoAll .productContent .productContentTitleHP .productContentTitleP{color:var(--Black-Scale-30, #787878);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.cardContainer .productsCard .productsValueAll{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;align-self:stretch}.cardContainer .productsCard .productsValueAll .productsValueAllP{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.productsValueView{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.productsValueView .productionSubtotal{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.productsValueView .productionSubtotal .productionSubtotalLabel{color:var(--Black-Scale-30, #787878);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.productsValueView .productionSubtotal .productionSubtotalValue{color:var(--Primary-Black, #1e1e1e);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;flex:1 0 0;min-width:400px;width:100%}.productsContainerAll .productsContainer{display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;border-radius:8px;background:var(--Black-Scale-05, #f4f2f0);max-width:442px;width:100%}.productsContainerAll .productsContainer .productionBack{display:flex;align-items:center;gap:4px;flex:1 0 0;width:100%}.productsContainerAll .productsContainer .productionBack .productionBackP{color:#4d4d4d;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.productsContainerAll .productsContainer .productionCupon{display:flex;width:370px;min-height:40px;padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--Support-GREEN, #6cc925)}.productsContainerAll .productsContainer .productionCupon .productionCuponP{overflow:hidden;color:var(--Support-GREEN, #6cc925);text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll .productsContainer .productionCupon svg{width:16px;height:16px}.productsContainerAll .productsContainer .produtionConclusion{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.productsContainerAll .productsContainer .produtionConclusion .produtionConclusionP{color:var(--Black-Scale-90, #2c2c2c);font-size:18px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll .productsContainer .produtionConclusion .produtionConclusionValueP{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.productsContainerAll .productsContainer .produtionConclusion .produtionConclusionValueP .produtionConclusionValue{color:var(--Primary-Fox, #fa6030);font-size:18px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll .productsContainer .produtionConclusion .produtionConclusionValueP .produtionConclusionP{color:#5c5c5c;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll .productionChecked{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid var(--Support-GREEN, #6cc925);background:var(--Support-SOFT-GREEN, #e2f4d3);max-width:442px}.productsContainerAll .productionChecked .checkedImgTitle{display:flex;align-items:center;gap:8px}.productsContainerAll .productionChecked .checkedImgTitle svg{width:32px;height:32px}.productsContainerAll .productionChecked .checkedImgTitle .checkedImgTitleP{color:var(--Black-Scale-90, #2c2c2c);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.productsContainerAll .productionChecked .checkedImgTitleSubP{color:var(--Support-GREEN, #6cc925);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.ContentViewContainer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;padding:36px 75px;background:var(--Primary-White, #fff)}.ContentViewContainerMobile{display:flex;padding:40px 24px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;background:var(--Primary-White, #fff)}.ContentViewH{color:var(--Black-Scale-90, #2c2c2c);font-size:22px;font-style:normal;font-weight:700;line-height:150%}.ContentViewH .ContentViewSpan{color:var(--Primary-Fox, #fa6030);font-size:22px;font-style:normal;font-weight:700;line-height:150%}.contantBody{display:flex;align-items:flex-start;gap:24px;align-self:stretch;width:100%}.inputTextContainer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.inputTextContainer .inputTextLabel{color:var(--Black-Scale-90, #2c2c2c);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.inputTextContainer .inputTextSubLabel{color:var(--Black-Scale-20, #8c8c8c);font-size:10px;font-style:normal;font-weight:400;line-height:150%}.inputTextContainer .inputTextInput{display:flex;min-height:40px;padding:8px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--Black-Scale-10, #d3d3d3);background:var(--Primary-White, #fff)}.infoDataContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.infoDataContainer svg{width:24px;height:24px}.infoDataContainer .emailContainer{display:flex;width:100%;padding:24px;flex-direction:column;align-items:flex-start;gap:16px;border-radius:8px;background:var(--Black-Scale-05, #f4f2f0)}.infoDataContainer .emailContainer .infoDataTitle{display:flex;align-items:center;gap:16px;align-self:stretch}.infoDataContainer .emailContainer .infoDataTitle .infoDataTitleP{color:var(--Primary-Black, #1e1e1e);font-size:18px;font-style:normal;font-weight:500;line-height:150%}.registerButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border:10px,var(--Black-Scale, #8C8C8C);border-radius:4px;background:var(--Primary-Fox, #131212);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer;width:100%;min-height:31%}.continueButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border:1px,var(--Black-Scale/20, #8C8C8C);border-radius:4px;background:var(--Primary-Fox, #131212);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer;width:100%;min-height:31%}.viewMobileContainer{max-width:370px;width:100%;margin:24px 0}.footerMobileContainer{display:flex;padding:40px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:48px;align-self:stretch;background:var(--Primary-Black, #1e1e1e)}.footerMobileContainer .footerInfoMobile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;align-self:stretch}.footerMobileContainer .footerInfoMobile .footerInfoMobileP{color:var(--Primary-White, #fff);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.footerMobileContainer .footerPolicMobile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%}.footerMobileContainer .footerPolicMobile .footerPolicMobileP{color:var(--Primary-White, #fff);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.footerMobileContainer .footerIcon{display:flex;justify-content:center;align-items:center;align-content:center;gap:24px;align-self:stretch;flex-wrap:wrap}.footerMobileContainer .footerIcon svg{width:58px;height:24px}.footerMobileContainer .footerIcon img{width:70px;height:24.828px}.footerMobileContainer .footerIcon img:last-of-type{background-color:#fff}.finalizePurchaseContainer{width:100%;display:flex;justify-content:center}.loginPageContainer{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 75px;isolation:isolate;font-family:Montserrat;position:relative;background:var(--Primary-Black, #1E1E1E)}.YupiLogoBg{position:fixed;height:100%;width:100%}.LoginInputContainer{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;flex:none;flex-grow:0;align-self:stretch}.LoginInputWrapper{display:flex;width:352px;min-height:40px;padding:8px 12px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--Black-Scale-10, #d3d3d3);background:var(--Primary-White, #fff)}.LoginInputWrapper:focus-within{border:1px solid var(--Black-Scale-90, #2c2c2c)}.LoginInputField{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--Black-Scale-90, #2c2c2c)}.togglePasswordVisibility{background:transparent;border:none;cursor:pointer;color:var(--Black-Scale-20, #8c8c8c);padding:0;display:flex;align-items:center;justify-content:center}.forgotPassButton{background:transparent;border:none;cursor:pointer}.codeInput{width:70px;height:43px;text-align:center;font-size:24px;border:0;background:var(--Primary-Black, #1E1E1E);color:#fff;gap:8px;padding:8px 16px;outline:none}.codeInputWrapper{border:0;border-bottom:1px solid rgb(140,140,140);transition:border-color .2s ease}.codeInputWrapper:focus-within{border:0;border-bottom:2px solid #6CC925}.loginButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--Primary-Fox, #fa6030);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer;width:100%;height:31%;border:0}.registerButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border:1px,solid,var(--Black-Scale, #8C8C8C);border-radius:4px;background:var(--Primary-Fox, #131212);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer;width:100%;min-height:31%}.forgotPassButton{color:var(--Primary-White, #fff);background:transparent;cursor:pointer}.continueButton{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border:1px,solid,var(--Black-Scale, #8C8C8C);border-radius:4px;background:var(--Primary-Fox, #131212);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer;width:100%;min-height:31%}.supportContainerLogin{display:flex;flex-direction:row;align-items:center;padding:0;gap:24px;position:fixed;width:232px;height:42px;left:70%;top:90%;flex:none;order:2;flex-grow:0;z-index:2}.supportContainerLogin .supportButton{display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border:1px solid #FA6030;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#1e1e1e00}.supportContainerLogin .supportButton:hover{background:#1e1e1e99;transform:translateY(-2px);box-shadow:0 6px 16px #0003;border-color:#ffffff1a}.supportContainerLogin .supportButton svg{width:24px;height:24px;color:var(--Primary-White, #ffffff)}.supportContainerLogin .supportTextContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;width:168px;height:42px;flex:none;order:0;flex-grow:1}.supportContainerLogin .supportTextContainer .supportText1{width:100%;height:21px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:0;color:#5c5c5c;font-family:Montserrat}.supportContainerLogin .supportTextContainer .supportText2{width:100%;height:21px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:0;color:#d3d3d3;font-family:Montserrat}@media (max-width: 768px){.supportContainerLogin .supportTextContainer{display:none}}.supportContainerDashboard{display:flex;flex-direction:row;align-items:center;padding:0 0 20%;gap:24px;width:232px;height:42px;flex:none;order:2;flex-grow:0;z-index:2}.supportContainerDashboard .supportButton{display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border:1px solid #FA6030;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#1e1e1e00}.supportContainerDashboard .supportButton:hover{background:#1e1e1e99;transform:translateY(-2px);box-shadow:0 6px 16px #0003;border-color:#ffffff1a}.supportContainerDashboard .supportButton svg{width:24px;height:24px;color:var(--Primary-White, #ffffff)}.supportContainerDashboard .supportTextContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;width:168px;height:42px;flex:none;order:0;flex-grow:1}.supportContainerDashboard .supportTextContainer .supportText1{width:100%;height:21px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:0;color:#5c5c5c;font-family:Montserrat}.supportContainerDashboard .supportTextContainer .supportText2{width:100%;height:21px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:0;color:#d3d3d3;font-family:Montserrat}@media (max-width: 768px){.supportContainerDashboard .supportTextContainer{display:none}}.authFormContainer{box-sizing:border-box;display:flex;flex:none;order:1;flex-grow:0;z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:32px;background:#1e1e1e66;border:1px solid var(--Primary-Black, #1E1E1E);-webkit-backdrop-filter:blur(34.5px);backdrop-filter:blur(34.5px);border-radius:8px;width:400px;height:467px}.authFormContainer .authInputsContainer{flex-direction:column;align-items:flex-start;padding:0;gap:16px;display:flex;flex:none;order:1;flex-grow:0;z-index:1}.authFormContainer .authInputsContainer .infoDataTitle{display:flex;align-items:center;color:var(--Primary-White, #ffffff);gap:5px;align-self:stretch}.authFormContainer .authInputsContainer .infoDataTitle .infoDataTitleP{color:var(--Primary-White, #ffffff);font-size:12px;font-style:Montserrat;font-weight:400;line-height:150%}.authFormContainer .authInputsContainer .errorMessage{color:red}.authFormContainer .authButtonsContainer{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;flex:none;order:2;align-self:stretch;flex-grow:0;width:352px;min-height:fit-content}.authFormDetail{display:flex;align-items:center;gap:16px;color:var(--Primary-White, #ffffff);font-size:10px;font-style:Montserrat;font-weight:400;line-height:150%}.logoYupiDiv{display:flex;align-items:center;justify-content:center;width:100%}.logoYupiDiv svg{min-width:10vh;min-height:43px}.codeInputsContainer{display:flex;justify-content:space-between;width:352px;height:43px;gap:24px}.homeContainer{display:flex;flex-direction:column}.homeContainer .homeContainerMain{display:flex;background:var(--Black-Scale-05, #f4f2f0)}.headerContainer{display:flex;height:70px;min-height:70px;padding:24px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--Primary-White, #fff)}.headerContainer .voltarPainel{display:flex;width:215px;align-items:center;gap:4px;cursor:pointer}.headerContainer .voltarPainel .voltarPainelP{color:var(--Black-Scale-60, #4d4d4d);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.headerContainer .finalizarCompra{display:flex;align-items:center;gap:16px}.headerContainer .finalizarCompra .selectFinalizarCompra{display:flex;min-height:40px;padding:8px 12px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Black-Scale-10, #d3d3d3);background:var(--Primary-White, #fff)}.headerContainer .finalizarCompra .selectFinalizarCompra .selectFinalizarCompraP{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Black-Scale-70, #3d3d3d);text-overflow:ellipsis;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.headerContainer .finalizarCompra .selectWidth{display:flex;align-items:flex-start;gap:4px}.headerContainer .finalizarCompra .selectWidth .selectUnit{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;border:none;background-color:transparent;cursor:pointer}.headerContainer .finalizarCompra .selectWidth .selectUnitAction{border-radius:4px;background:var(--Fox-Scale-30, #fed0c1)}.headerContainer .preVisualização{display:flex;align-items:center;gap:16px}.headerContainer .preVisualização .preVisualizaçãoPImage{display:flex;align-items:center;gap:4px}.headerContainer .preVisualização .preVisualizaçãoPImage .preVisualizaçãoP{color:var(--Black-Scale-60, #4d4d4d);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.headerContainer .preVisualização .preVisualizaçãoSave{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--Primary-Fox, #fa6030);color:var(--Primary-White, #fff);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%;cursor:pointer}.selectFinalizarCompra{display:flex;min-height:40px;padding:8px 12px;width:150px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Black-Scale-10, #d3d3d3);background:var(--Primary-White, #fff)}.selectFinalizarCompra .selectFinalizarCompraP{flex:1;border:none;outline:none;background:transparent;color:var(--Black-Scale-70, #3d3d3d);font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:150%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.menuContainer{display:flex;width:314px;padding:19px 24px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;min-height:100vh;height:100%;min-width:314px;background:var(--Primary-White, #fff);position:sticky;top:0}.menuContainer .actionEdit{display:flex;align-items:flex-start;align-self:stretch}.menuContainer .actionEdit .actionEditBtn{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;background:transparent;cursor:pointer;text-align:center;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.menuContainer .actionEdit .actionEditBtnActive{border-radius:4px;background:var(--Primary-Fox, #fa6030);color:var(--Primary-White, #fff)}.menuContainer .actionInput{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:100%}.accordionContainer{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;border-radius:8px;background:var(--Black-Scale-05, #f4f2f0);width:100%}.accordionContainer .accordionHeader{display:flex;align-items:center;gap:16px;align-self:stretch;justify-content:space-between}.accordionContainer .accordionHeader .accordionHeaderTitle{flex:1 0 0;color:var(--Primary-Black, #1e1e1e);font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.colorContainer{display:flex;padding-bottom:16px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.colorContainer .colorTitle{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.colorContainer .colorSubTitle{color:var(--Black-Scale-20, #8c8c8c);font-size:10px;font-style:normal;font-weight:400;line-height:150%}.colorContainer .colorTextInput{display:flex;align-items:center;gap:8px;align-self:stretch}.colorContainer .colorTextInput .colorInput{width:24px;height:24px;aspect-ratio:1/1;border-radius:2px}.colorContainer .colorTextInput .colorText{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.switchContainerLabel{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.switchContainerLabel .switchLabelP{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:400;line-height:150%}.switchContainerLabel .switchContainer{position:relative;width:26px;height:14px;background:#d3d3d3;border-radius:20px;cursor:pointer;transition:background-color .3s;align-items:center;display:flex}.switchContainerLabel .switchContainer .switchInput{position:absolute;opacity:0;width:0;height:0}.switchContainerLabel .switchContainer .switchKnob{position:relative;display:block;width:10px;height:10px;background-color:#fff;border-radius:50%;left:2px;transition:transform .3s}.switchContainerLabel .switchContainer .switchKnob:before,.switchContainerLabel .switchContainer .switchKnob:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.switchContainerLabel .switchContainer .switchKnob:before{width:100%;height:100%;background:#fff3;top:0;left:0;transform:scale(0);transition:transform .3s}.switchContainerLabel .switchContainer .switchKnob:after{width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid rgba(0,0,0,.1);top:-4px;left:-4px;opacity:0;transition:opacity .3s}.switchContainerLabel .switchContainer:active .switchKnob:before{transform:scale(1)}.switchContainerLabel .switchContainerActive{background:#4d933c}.switchContainerLabel .switchContainerActive .switchKnob{transform:translate(12px)}.separatorContainer{align-self:stretch;border-bottom:1px solid var(--Black-Scale-10, #d3d3d3)}.cashBoxContainer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;width:100%}.cashBoxContainer .cashBoxTitle{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.inputFileLabe{display:flex;height:85px;padding:40px 0;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px dashed var(--Black-Scale-20, #8c8c8c);width:100%;cursor:pointer}.inputFileLabe .inputFileP{color:var(--Black-Scale-70, #3d3d3d);text-align:center;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.inputFileLabe .inputFile{display:none}.infoFile{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.infoFile .infoFileExtend{color:var(--Brand-11, #aaa);text-align:center;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.infoFile .infoFileSize{color:var(--Brand-26, #808080);text-align:center;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.headerAcctionContainer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.headerAcctionContainer .headerAcctionTitlePImage{display:flex;padding-bottom:16px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-bottom:1px solid var(--Black-Scale-10, #d3d3d3)}.headerAcctionContainer .headerAcctionTitlePImage .headerAcctionTitleP{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.headerAcctionContainer .headerAcctionTitlePImage .headerAcctionTitleP .headerAcctionTitle{color:var(--Primary-Black, #1e1e1e);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.headerAcctionContainer .headerAcctionTitlePImage .headerAcctionTitleP .headerAcctionP{color:var(--Black-Scale-20, #8c8c8c);font-family:Montserrat;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.headerAcctionContainer .headerAcctionColor{display:flex;padding-bottom:16px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.headerAcctionContainer .headerAcctionColor .headerAcctionTitleP{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.headerAcctionContainer .headerAcctionColor .headerAcctionTitleP .headerAcctionTitle{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.headerAcctionContainer .headerAcctionColor .headerAcctionTitleP .headerAcctionP{color:var(--Black-Scale-20, #8c8c8c);font-size:10px;font-style:normal;font-weight:400;line-height:150%}.stepBoxContainer,.EditQuickContainer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;width:100%}.EditQuickContainer .editQuickTitlePImage{display:flex;padding-bottom:16px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-bottom:1px solid var(--Black-Scale-10, #d3d3d3)}.EditQuickContainer .editQuickTitlePImage .editQuickTitleP{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.EditQuickContainer .editQuickTitlePImage .editQuickTitleP .editQuickTitle{color:var(--Primary-Black, #1e1e1e);font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.EditQuickContainer .editQuickTitlePImage .editQuickTitleP .editQuickP{color:var(--Black-Scale-20, #8c8c8c);font-family:Montserrat;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.EditQuickContainer .product{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:100%}.EditQuickContainer .product .productP{color:var(--Primary-Black, #1e1e1e);font-size:12px;font-style:normal;font-weight:500;line-height:150%}.headaerDashYupeContainer{width:100%;height:70px;background-color:#1e1e1e;display:flex;flex-direction:row;padding:16px 24px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.headaerDashYupeContainer .header-navigation{display:flex;align-items:center;gap:8px}.headaerDashYupeContainer .header-navigation .nav-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#666}.headaerDashYupeContainer .header-navigation .nav-tab:hover{background-color:#f5f5f5;color:#333}.headaerDashYupeContainer .header-navigation .nav-tab:hover svg{color:#333!important}.headaerDashYupeContainer .header-navigation .nav-tab.active{background-color:#fa60301a;color:#fa6030}.headaerDashYupeContainer .header-navigation .nav-tab.active svg{color:#fa6030!important}.headaerDashYupeContainer .header-navigation .nav-tab span{font-size:14px;font-weight:500}.headaerDashYupeContainer .notification-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.headaerDashYupeContainer .notification-btn:hover{background-color:#ffffff1a}@media screen and (max-width: 768px){.headaerYupeContainerMobile{height:50px;padding:0 10px}.headaerDashYupeContainerMobile .logo{width:80px}.headaerDashYupeContainerMobile .nav-icons{gap:10px}.headaerDashYupeContainer{height:50px;padding:0 10px}.headaerDashYupeContainer .header-navigation{display:none}}@media (max-width: 480px){.headaerDashYupeContainer{height:50px;padding:8px 12px}}.profile-button{border:none;cursor:pointer;border-radius:4px;background-color:#fa6030;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.profile-button:hover{box-shadow:0 2px 8px #fa60304d;transform:scale(1.05)}.profile-button:active{transform:scale(1)}.profile-button:focus{outline:none;box-shadow:0 0 0 3px #fa60304d}.profile-button .profile-button-content{display:flex;align-items:center;justify-content:center;font-size:inherit}.profile-button.small{width:43px;height:37px;font-size:12px}.profile-button.medium{width:46px;height:40px;font-size:14px}.profile-button.large{width:49px;height:46px;font-size:16px}.profile-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-button:disabled:hover{transform:none;box-shadow:none}.supportButtonContainer{display:flex;justify-content:center;align-items:center}.supportButtonContainer>div{display:flex;justify-content:center;align-items:center;border:1px solid #FA6030;padding:8px;border-radius:8px;gap:10px}.supportButtonContainer>div:hover{background-color:red;background:#1e1e1e99;transform:translateY(-2px);box-shadow:0 6px 16px #0003;border-color:#ffffff1a}.card{flex:1;background-color:#fff;border-radius:8px;padding:20px;border:0px transparent;-webkit-transition:border .5s ease-out;-moz-transition:border .5s ease-out;-o-transition:border .5s ease-out;transition:border .5s ease-out;display:flex;flex-direction:column;gap:15px}.card.hoverable:hover{border:1px solid #fa6030}.products-page-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 24px 40px;gap:32px;width:100%;min-height:100%}@media (max-width: 768px){.products-page-container{padding:16px;gap:24px}}.products-page-container .header-div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:32px;height:42px}@media (max-width: 768px){.products-page-container .header-div{flex-direction:column;align-items:flex-start;gap:16px;height:auto}}.products-page-container .header-div .header1{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(20px,4vw,28px);line-height:150%;color:#5c5c5c;margin:0;flex-grow:1}.products-page-container .header-div .header2{display:flex;flex-direction:row;align-items:center;gap:16px;width:325px}@media (max-width: 768px){.products-page-container .header-div .header2{width:100%;justify-content:flex-start}}.products-page-container .header-div .header2 .export-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:136px}.products-page-container .header-div .header2 .export-button:hover{background-color:#8c8c8c1a}.products-page-container .header-div .header2 .new-prod-button{display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;width:173px;height:40px;background:#fa6030;border-radius:4px;border:none;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#fff;cursor:pointer;transition:all .2s ease}.products-page-container .header-div .header2 .new-prod-button:hover{background:#e55529}.products-page-container .products-table-box{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;min-width:320px;background:#fff;border-radius:8px}@media (max-width: 768px){.products-page-container .products-table-box{padding:16px;gap:12px;min-width:auto}}.products-page-container .products-table-box .filters-container1{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.products-page-container .products-table-box .filters-container1 .filters-container2{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;justify-content:space-around}@media (max-width: 768px){.products-page-container .products-table-box .filters-container1 .filters-container2{flex-direction:column;gap:12px}}.products-page-container .products-table-box .filters-container1 .filters-container2 .filter-input{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;max-width:231.5px;font-family:Montserrat,sans-serif;font-size:12px;color:#2c2c2c}@media (max-width: 768px){.products-page-container .products-table-box .filters-container1 .filters-container2 .filter-input{max-width:none}}.products-page-container .products-table-box .filters-container1 .filters-container2 .filter-input .filters-fields{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:8px 12px;gap:8px;width:100%;height:40px;background:#fff;border:1px solid #D3D3D3;border-radius:4px}.products-page-container .products-table-box .filters-container1 .filters-container2 .filter-input .filters-fields:focus-within{border-color:#fb8059;box-shadow:0 0 0 2px #fb80591a}.products-page-container .products-table-box .sort-container{display:flex;flex-direction:row;align-items:center;gap:32px;width:100%;height:40px;border-bottom:1px solid #D4D4D4;font-family:Montserrat,sans-serif;font-size:10px;color:#5c5c5c;text-transform:uppercase}@media (max-width: 768px){.products-page-container .products-table-box .sort-container{gap:16px;font-size:9px}}.products-page-container .products-table-box .sort-container .active-sort-div,.products-page-container .products-table-box .sort-container .product-sort-div,.products-page-container .products-table-box .sort-container .price-sort-div{display:flex;flex-direction:row;align-items:center;gap:8px;height:40px}.products-page-container .products-table-box .sort-container .active-sort-div{flex:0 0 5%}.products-page-container .products-table-box .sort-container .product-sort-div{flex:0 0 71%}.products-page-container .products-table-box .sort-container .price-sort-div{flex:1;justify-content:flex-end;padding:0 8px}@media (max-width: 768px){.products-page-container .products-table-box .sort-container .price-sort-div{display:none}.products-page-container .products-table-box .sort-container .product-sort-div{flex:1}}.products-page-container .products-table-box .product-list{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-height:504px;overflow-y:auto}@media (max-width: 768px){.products-page-container .products-table-box .product-list{height:400px}}.products-page-container .products-table-box .product-list .product-item{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:16px;width:100%;height:72px;border-bottom:1px solid rgba(211,211,211,.3);transition:background-color .2s ease;cursor:pointer}@media (max-width: 768px){.products-page-container .products-table-box .product-list .product-item{gap:12px;padding:8px}}.products-page-container .products-table-box .product-list .product-item:hover{background:#f4f2f0}.products-page-container .products-table-box .product-list .product-item .product-info-container,.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1;height:64px}.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info .info-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;height:52px}.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info .info-text .product-name{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:150%;color:#1e1e1e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info .info-text .product-name{font-size:16px}}.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info .info-text .product-brand{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:150%;color:#8c8c8c;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.products-page-container .products-table-box .product-list .product-item .product-info-container .product-info .info-text .product-brand{font-size:12px}}.products-page-container .products-table-box .product-list .product-item .product-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-items:flex-end;gap:4px;width:219px;height:49px}@media (max-width: 768px){.products-page-container .products-table-box .product-list .product-item .product-price{display:none}}.products-page-container .products-table-box .product-list .product-item .product-price .product-price-text{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#4d4d4d;margin:0;text-align:right}.products-page-container .products-table-box .product-list .product-item .product-price .discount-text{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:150%;color:#fb7045;margin:0;text-align:right}.products-page-container .products-table-box .selected-products-popup{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:12px 16px;gap:16px;width:100%;height:64px;background:#f4f2f0;border:1px solid #FB8059;box-shadow:0 4px 30px #00000026;border-radius:8px;margin-top:20px}@media (max-width: 768px){.products-page-container .products-table-box .selected-products-popup{flex-direction:column;gap:12px;padding:16px;height:auto}}.products-page-container .products-table-box .selected-products-popup .popup-content{width:100%}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:16px;width:100%}@media (max-width: 768px){.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions{flex-direction:column;gap:12px}}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .exclude-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;border-color:#f22e2e;color:#f22e2e;width:102px}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .exclude-btn:hover{background-color:#8c8c8c1a}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .exclude-btn:hover{background-color:#f22e2e1a}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .activate-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:93px}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .activate-btn:hover{background-color:#8c8c8c1a}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .deactivate-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:119px}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .deactivate-btn:hover{background-color:#8c8c8c1a}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .availability-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:240px}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .availability-btn:hover{background-color:#8c8c8c1a}@media (max-width: 768px){.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .availability-btn{width:100%}}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .remove-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:190px}.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .remove-btn:hover{background-color:#8c8c8c1a}@media (max-width: 768px){.products-page-container .products-table-box .selected-products-popup .popup-content .popup-actions .remove-btn{width:100%}}.product-details-page{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 24px 40px;gap:32px;width:100%;min-height:730px}@media (max-width: 768px){.product-details-page{padding:16px;gap:24px}}.product-details-page .product-details-header{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;height:42px}.product-details-page .product-details-header .header-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;height:42px}.product-details-page .product-details-header .header-content-wrapper .page-title{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(20px,4vw,28px);line-height:150%;color:#5c5c5c;margin:0;flex-grow:1}.product-details-page .product-details-header .header-content-wrapper .edit-product-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;width:114px;padding:11px 20px}.product-details-page .product-details-header .header-content-wrapper .edit-product-button:hover{background-color:#8c8c8c1a}.product-details-page .page-content-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;height:608px;background:#fff;border-radius:8px}@media (max-width: 768px){.product-details-page .page-content-container{padding:16px;height:auto}}.product-details-page .page-content-container .status-toggles-section{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;height:48px;background:#f4f2f0}.product-details-page .page-content-container .status-toggles-section .status-controls-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 16px;gap:16px;width:100%;height:48px;background:#f4f2f0}.product-details-page .page-content-container .status-toggles-section .status-controls-wrapper .status-item{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;height:32px;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#1e1e1e}.product-details-page .page-content-container .main-content-grid{display:flex;flex-direction:row;align-items:center;padding:0 0 24px;gap:32px;width:100%;height:336px;border-bottom:1px solid #D3D3D3}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid{flex-direction:column;gap:16px;height:auto}}.product-details-page .page-content-container .main-content-grid .product-images-section{display:flex;flex-direction:row;align-items:center;gap:8px;width:389px;height:312px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .product-images-section{width:100%;height:auto}}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container{display:flex;flex-direction:row;align-items:center;gap:8px;width:389px;height:312px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .product-images-section .images-container{width:100%;height:auto}}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list{display:flex;flex-direction:row;align-items:center;gap:8px;width:72px;height:312px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list{width:100%;height:auto;flex-direction:row;overflow-x:auto}}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list .thumbnail-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:64px;height:312px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list .thumbnail-wrapper{width:auto;height:auto;flex-direction:row}}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list .thumbnail-wrapper .thumbnail-button{width:64px;height:64px;border:1px solid #F4F2F0;border-radius:4px;cursor:pointer;overflow:hidden;transition:border-color .2s ease}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .thumbnail-list .thumbnail-wrapper .thumbnail-button.thumbnail-active{border-color:#8c8c8c}.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .main-image-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:312px;height:312px;overflow:hidden}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .product-images-section .images-container .main-image-container{width:100%;height:auto}}.product-details-page .page-content-container .main-content-grid .basic-info-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1;height:281px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .basic-info-card{height:auto}}.product-details-page .page-content-container .main-content-grid .basic-info-card .origin-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 16px;gap:32px;width:100%;height:40px;background:#f4f2f0;border-radius:4px;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#8c8c8c}.product-details-page .page-content-container .main-content-grid .basic-info-card .product-brand-section{display:flex;flex-direction:column;align-items:flex-start;padding:0 16px 0 0;gap:8px;width:100%;height:76px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .basic-info-card .product-brand-section{height:auto}}.product-details-page .page-content-container .main-content-grid .basic-info-card .product-description{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:150%;color:#8c8c8c;margin:0;height:86px}@media (max-width: 768px){.product-details-page .page-content-container .main-content-grid .basic-info-card .product-description{height:auto}}.product-details-page .page-content-container .main-content-grid .basic-info-card .price-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;width:100%;height:31px}.product-details-page .page-content-container .main-content-grid .basic-info-card .price-section .prices{display:flex;flex-direction:row;align-items:center;gap:4px;width:166px;height:24px;margin:0}.product-details-page .page-content-container .main-content-grid .basic-info-card .price-section .prices .current-price{font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:150%;color:#1e1e1e;margin:0}.product-details-page .page-content-container .main-content-grid .basic-info-card .price-section .prices .original-price{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#8c8c8c;text-decoration:line-through;margin:0}.product-details-page .page-content-container .main-content-grid .basic-info-card .price-section .discount-badge{display:flex;align-items:center;justify-content:center;padding:8px 12px;gap:4px;background:#6cc925;border-radius:4px;font-family:Montserrat,sans-serif;font-weight:700;font-size:10px;line-height:150%;color:#1e1e1e;margin:0}.product-details-page .page-content-container .product-section-wrapper{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;height:194px}@media (max-width: 768px){.product-details-page .page-content-container .product-section-wrapper{flex-direction:column;height:auto}}.product-details-page .page-content-container .product-section-wrapper .product-details-section{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;height:194px}@media (max-width: 768px){.product-details-page .page-content-container .product-section-wrapper .product-details-section{flex-direction:column;height:auto}}.product-details-page .page-content-container .product-section-wrapper .product-details-section .detail-section,.product-details-page .page-content-container .product-section-wrapper .product-details-section .variants-section{display:flex;flex-direction:column;align-items:flex-start;padding:8px 16px;gap:8px;flex:1;height:194px;background:#fff;border:1px solid #F4F2F0;border-radius:4px;overflow-y:auto}@media (max-width: 768px){.product-details-page .page-content-container .product-section-wrapper .product-details-section .detail-section,.product-details-page .page-content-container .product-section-wrapper .product-details-section .variants-section{height:auto;max-height:200px}}.product-details-page .page-content-container .product-section-wrapper .product-details-section .detail-section .section-title,.product-details-page .page-content-container .product-section-wrapper .product-details-section .variants-section .section-title{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c;margin:0}.product-details-page .page-content-container .product-section-wrapper .product-details-section .detail-section .variant-group .variant-subsection,.product-details-page .page-content-container .product-section-wrapper .product-details-section .variants-section .variant-group .variant-subsection{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;height:40px}@media (max-width: 768px){.product-details-page .page-content-container .product-section-wrapper .product-details-section .detail-section .variant-group .variant-subsection,.product-details-page .page-content-container .product-section-wrapper .product-details-section .variants-section .variant-group .variant-subsection{height:auto}}.pagination{display:flex;justify-content:flex-end;align-items:center;padding:20px 16px;width:100%}.pagination .pagination-content{display:flex;justify-content:center;align-items:center;gap:8px}.pagination .pagination-btn{display:flex;justify-content:center;align-items:center;padding:8px 16px;width:40px;height:34px;background:#f4f2f0;border:none;border-radius:4px;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.pagination .pagination-btn:hover{background-color:#e0e0e0}.pagination .pagination-btn.active{background:#fed0c1;color:#333}.pagination .pagination-dots{color:#666;font-size:14px;margin:0 8px}.clients-page-container{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 24px 40px;gap:32px;width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.clients-page-container{padding:16px;gap:24px}}.clients-page-container .header-div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:32px;flex-wrap:wrap}@media (max-width: 768px){.clients-page-container .header-div{flex-direction:column;align-items:flex-start;gap:16px}}.clients-page-container .header-div .header1{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(20px,4vw,28px);line-height:150%;color:#5c5c5c;margin:0;flex-grow:1}.clients-page-container .header-div .header2{display:flex;flex-direction:row;align-items:center;gap:16px;width:auto;min-width:136px}@media (max-width: 768px){.clients-page-container .header-div .header2{width:100%;justify-content:flex-start}}.clients-page-container .header-div .header2 .export-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;transition:all .2s ease;width:136px;color:#4d4d4d}.clients-page-container .header-div .header2 .export-button:hover{background-color:#8c8c8c1a}.clients-page-container .clients-table-box{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:16px;width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.clients-page-container .clients-table-box{padding:16px;gap:12px}}.clients-page-container .clients-table-box .filters-container1{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.clients-page-container .clients-table-box .filters-container1 .filters-container2{display:flex;flex-direction:row;align-items:center;gap:32px;width:100%}@media (max-width: 768px){.clients-page-container .clients-table-box .filters-container1 .filters-container2{flex-direction:column;gap:12px}}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-family:Montserrat,sans-serif;font-size:12px;color:#2c2c2c}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input:nth-child(1){flex:0 0 35%}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input:nth-child(2){flex:0 0 15%}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input:nth-child(3){flex:0 0 30%}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input:nth-child(4){flex:1;padding:0 8px}@media (max-width: 768px){.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input{flex:1 1 100%}}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input .filters-fields{display:flex;flex-direction:row;align-items:center;padding:8px 12px;gap:8px;width:100%;height:40px;background:#fff;border:1px solid #D3D3D3;border-radius:4px;box-sizing:border-box}.clients-page-container .clients-table-box .filters-container1 .filters-container2 .filter-input .filters-fields:focus-within{border-color:#fb8059;box-shadow:0 0 0 2px #fb80591a}.clients-page-container .clients-table-box .sort-container{display:flex;flex-direction:row;align-items:center;gap:32px;width:100%;height:40px;border-bottom:1px solid #D4D4D4;font-family:Montserrat,sans-serif;font-size:10px;color:#5c5c5c;text-transform:uppercase}@media (max-width: 768px){.clients-page-container .clients-table-box .sort-container{gap:16px;font-size:9px}}.clients-page-container .clients-table-box .sort-container .active-sort-div,.clients-page-container .clients-table-box .sort-container .client-sort-div,.clients-page-container .clients-table-box .sort-container .cpf-sort-div,.clients-page-container .clients-table-box .sort-container .email-sort-div,.clients-page-container .clients-table-box .sort-container .orders-sort-div{display:flex;flex-direction:row;align-items:center;gap:8px;height:40px}.clients-page-container .clients-table-box .sort-container .active-sort-div{flex:0 0 5%}.clients-page-container .clients-table-box .sort-container .client-sort-div{flex:0 0 30%}.clients-page-container .clients-table-box .sort-container .cpf-sort-div{flex:0 0 15%}.clients-page-container .clients-table-box .sort-container .email-sort-div{flex:0 0 30%}.clients-page-container .clients-table-box .sort-container .orders-sort-div{flex:1;justify-content:flex-end;padding:0 8px}@media (max-width: 768px){.clients-page-container .clients-table-box .sort-container .cpf-sort-div,.clients-page-container .clients-table-box .sort-container .email-sort-div{display:none}.clients-page-container .clients-table-box .sort-container .client-sort-div{flex:1}}.clients-page-container .clients-table-box .client-list{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-height:504px;overflow-y:auto}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list{max-height:400px}}.clients-page-container .clients-table-box .client-list .client-item{display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:32px;width:100%;min-height:72px;border-bottom:1px solid rgba(211,211,211,.3);transition:background-color .2s ease;cursor:pointer}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item{gap:16px;padding:8px}}.clients-page-container .clients-table-box .client-list .client-item:hover{background:#f4f2f0}.clients-page-container .clients-table-box .client-list .client-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.clients-page-container .clients-table-box .client-list .client-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:none}.clients-page-container .clients-table-box .client-list .client-item .checkbox-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clients-page-container .clients-table-box .client-list .client-item .checkbox-container .togglePasswordVisibility{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.clients-page-container .clients-table-box .client-list .client-item .client-info-container{display:flex;flex-direction:row;align-items:center;gap:16px;flex:0 0 35%}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .status-container{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info{display:flex;flex-direction:row;align-items:center;gap:16px;flex:1}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .avatar-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f4f2f0;flex-shrink:0}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .avatar-container{width:40px;height:40px}}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .avatar-container .client-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .avatar-container .client-avatar-initials{font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;color:#5c5c5c}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .avatar-container .client-avatar-initials{font-size:14px}}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .info-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .info-text .client-name{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:150%;color:#1e1e1e;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .info-text .client-name{font-size:16px}}.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .info-text .client-location{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:150%;color:#8c8c8c;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item .client-info-container .client-info .info-text .client-location{font-size:12px}}.clients-page-container .clients-table-box .client-list .client-item .client-cpf,.clients-page-container .clients-table-box .client-list .client-item .client-email,.clients-page-container .clients-table-box .client-list .client-item .client-orders{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}@media (max-width: 768px){.clients-page-container .clients-table-box .client-list .client-item .client-cpf,.clients-page-container .clients-table-box .client-list .client-item .client-email,.clients-page-container .clients-table-box .client-list .client-item .client-orders{display:none}}.clients-page-container .clients-table-box .client-list .client-item .client-cpf p,.clients-page-container .clients-table-box .client-list .client-item .client-email p,.clients-page-container .clients-table-box .client-list .client-item .client-orders p{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#4d4d4d;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients-page-container .clients-table-box .client-list .client-item .client-cpf{flex:0 0 15%}.clients-page-container .clients-table-box .client-list .client-item .client-email{flex:0 0 30%}.clients-page-container .clients-table-box .client-list .client-item .client-orders{flex:1;align-items:flex-end;padding:0 8px}.clients-page-container .clients-table-box .client-list .client-item .client-orders p{text-align:right}.clients-page-container .clients-table-box .selected-clients-popup{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:12px 16px;gap:16px;width:100%;min-height:64px;background:#f4f2f0;border:1px solid #FB8059;box-shadow:0 4px 30px #00000026;border-radius:8px;margin-top:20px}@media (max-width: 768px){.clients-page-container .clients-table-box .selected-clients-popup{flex-direction:column;gap:12px;padding:16px}}.clients-page-container .clients-table-box .selected-clients-popup .popup-content{width:100%}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:16px;width:100%;flex-wrap:wrap}@media (max-width: 768px){.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions{flex-direction:column;gap:12px}}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .selected-count{font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;color:#4d4d4d;white-space:nowrap}@media (max-width: 768px){.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .selected-count{text-align:center}}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .exclude-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;border-color:#f22e2e;color:#f22e2e;min-width:102px}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .exclude-btn:hover{background-color:#8c8c8c1a}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .exclude-btn:hover{background-color:#f22e2e1a}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .activate-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;min-width:93px}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .activate-btn:hover{background-color:#8c8c8c1a}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .deactivate-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;min-width:119px}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .deactivate-btn:hover{background-color:#8c8c8c1a}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .availability-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;min-width:200px}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .availability-btn:hover{background-color:#8c8c8c1a}@media (max-width: 768px){.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .availability-btn{min-width:100%}}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .remove-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:11px 24px;gap:4px;height:40px;border:1px solid #8C8C8C;border-radius:4px;background:transparent;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;line-height:150%;color:#4d4d4d;transition:all .2s ease;min-width:190px}.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .remove-btn:hover{background-color:#8c8c8c1a}@media (max-width: 768px){.clients-page-container .clients-table-box .selected-clients-popup .popup-content .popup-actions .remove-btn{min-width:100%}}.client-details-page{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 24px 40px;gap:32px;min-width:100%;min-height:100%;background:#f4f2f0;flex:none;order:1;align-self:stretch;flex-grow:1}.client-details-page .client-details-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:32px;width:100%;max-width:1200px;margin:0 auto;flex:none;order:0;align-self:stretch;flex-grow:1}.client-details-page .client-details-header{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%;height:42px;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-details-header .back-button{display:flex;align-items:center;justify-content:center;padding:8px;gap:4px;width:40px;height:40px;background:transparent;border:none;border-radius:4px;cursor:pointer;flex:none;order:0;flex-grow:0}.client-details-page .client-details-header .back-button:hover{background:#0000000d}.client-details-page .client-details-header .back-button .back-icon{width:20px;height:20px;color:#5c5c5c}.client-details-page .client-details-header .page-title{font-family:Montserrat;font-style:normal;font-weight:500;font-size:28px;line-height:150%;color:#5c5c5c;margin:0;flex:none;order:1;flex-grow:0}.client-details-page .client-details-grid{display:flex;flex-direction:row;align-items:flex-start;gap:24px;width:100%;flex:none;order:1;align-self:stretch;flex-grow:1}.client-details-page .client-content-section{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:24px;gap:24px;width:632px;min-height:100%;background:#fff;border-radius:8px;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-content-section .client-content-card{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:100%;height:100%;flex:none;order:0;align-self:stretch;flex-grow:1}.client-details-page .client-content-section .client-content-card .tabs-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-content-section .client-content-card .tabs-container .tabs-navigation{display:flex;flex-direction:row;justify-content:flex-start;align-items:start;padding:0 12px 0 0;gap:32px;width:548px;height:40px;flex:none;order:0;flex-grow:0}.client-details-page .client-content-section .client-content-card .tabs-container .tabs-navigation .tab-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:4px;width:135px;height:34px;min-height:24px;border:none;border-radius:4px;cursor:pointer;font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;text-transform:uppercase;flex:none;order:0;flex-grow:0}.client-details-page .client-content-section .client-content-card .tabs-container .tabs-navigation .tab-button.tab-button-active{background:#fdbfac;color:#1e1e1e}.client-details-page .client-content-section .client-content-card .tabs-container .tabs-navigation .tab-button.tab-button-inactive{background:transparent;color:#8c8c8c}.client-details-page .client-content-section .client-content-card .tabs-container .tabs-navigation .tab-button.tab-button-inactive:hover{color:#5c5c5c;background:#00000005}.client-details-page .client-content-section .client-content-card .tab-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;flex:none;order:1;align-self:stretch;flex-grow:1}.client-details-page .client-content-section .client-content-card .tab-content .orders-section{display:flex;flex-direction:column;align-items:flex-start;padding-top:24px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;width:100%;height:56px;border-bottom:1px solid #D3D3D3;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item:hover{background:#f4f2f0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info{display:flex;flex-direction:row;justify-content:start;align-items:center;padding:4px;gap:16px;flex:none;order:0;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-details{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin-right:10px;width:120px;gap:4px;flex:none;order:0;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-details .order-id{font-family:Montserrat;font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#1e1e1e;margin:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-details .order-datetime{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c;margin:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-status{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:4px;margin-left:10px;min-width:100px;height:32px;border-radius:4px;font-family:Montserrat;font-style:normal;font-weight:600;font-size:12px;line-height:150%;text-transform:uppercase;flex:none;order:1;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-status.status-approved{background:#4caf50;color:#fff}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-status.status-pending{background:#ffc107;color:#1e1e1e}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-info .order-status.status-cancelled{background:#f44336;color:#fff}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;flex:none;order:1;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-actions .order-value{font-family:Montserrat;font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#1e1e1e;text-align:right}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-actions .order-action-button{display:flex;align-items:center;justify-content:center;padding:8px;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-actions .order-action-button:hover{background:#0000000d}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .order-item .order-actions .order-action-button .action-icon{width:16px;height:16px;color:#8c8c8c;transform:rotate(180deg)}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;width:100%}.client-details-page .client-content-section .client-content-card .tab-content .orders-section .no-orders .no-orders-text{font-family:Montserrat;font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#8c8c8c;text-align:center;margin:0}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section,.client-details-page .client-content-section .client-content-card .tab-content .address-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:16px;width:100%}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-row,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-row{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:100%}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-row .form-field-large,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-row .form-field-large{flex:2}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-row .form-field-medium,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-row .form-field-medium{flex:1}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-row .form-field-small,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-row .form-field-small{flex:0 0 120px}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;flex:none;order:0;flex-grow:0}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field.form-field-full,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field.form-field-full{width:100%;align-self:stretch}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-label,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-label{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#5c5c5c;margin:0}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-input,.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-input,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;background:#fff;border:1px solid #D3D3D3;border-radius:4px;font-family:Montserrat;font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#1e1e1e}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-input:focus,.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select:focus,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-input:focus,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select:focus{outline:none;border-color:#fb8059;box-shadow:0 0 0 1px #fb8059}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-input.field-readonly,.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select.field-readonly,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-input.field-readonly,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select.field-readonly{background:#f9f9f9;color:#8c8c8c;cursor:default}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-input::placeholder,.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select::placeholder,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-input::placeholder,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select::placeholder{color:#8c8c8c}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}.client-details-page .client-content-section .client-content-card .tab-content .personal-data-section .form-grid .form-field .field-select:disabled,.client-details-page .client-content-section .client-content-card .tab-content .address-section .form-grid .form-field .field-select:disabled{background-color:#f9f9f9;color:#8c8c8c;cursor:not-allowed}.client-details-page .client-sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:24px;gap:24px;max-width:366px;min-height:100%;background:#fff;border-radius:8px;flex:none;order:1;align-self:stretch;flex-grow:1}.client-details-page .client-sidebar .client-card{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:20px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:1}.client-details-page .client-sidebar .client-card .client-card-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0;gap:12px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .client-card-header .client-info{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;flex:none;order:0;flex-grow:1}.client-details-page .client-sidebar .client-card .client-card-header .client-info .client-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f4f2f0;flex:none;order:0;flex-grow:0}.client-details-page .client-sidebar .client-card .client-card-header .client-info .client-avatar .avatar-icon{width:24px;height:24px;color:#8c8c8c}.client-details-page .client-sidebar .client-card .client-card-header .client-info .client-basic-info{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex:none;order:1;flex-grow:1}.client-details-page .client-sidebar .client-card .client-card-header .client-info .client-basic-info .client-name{font-family:Montserrat;font-style:normal;font-weight:500;font-size:16px;line-height:150%;color:#1e1e1e;margin:0}.client-details-page .client-sidebar .client-card .client-card-header .client-info .client-basic-info .client-id{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c;margin:0}.client-details-page .client-sidebar .client-card .client-card-header .edit-button{display:flex;align-items:center;justify-content:center;padding:8px;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer;flex:none;order:1;flex-grow:0}.client-details-page .client-sidebar .client-card .client-card-header .edit-button:hover{background:#0000000d}.client-details-page .client-sidebar .client-card .client-card-header .edit-button .edit-icon{width:16px;height:16px;color:#8c8c8c}.client-details-page .client-sidebar .client-card .client-details-list{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%;flex:none;order:1;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .client-details-list .detail-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:8px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-label{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-value-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-value-container .detail-value{font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;color:#1e1e1e;text-align:right}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-value-container .copy-button{display:flex;align-items:center;justify-content:center;padding:4px;width:20px;height:20px;background:transparent;border:none;border-radius:2px;cursor:pointer}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-value-container .copy-button:hover{background:#0000000d}.client-details-page .client-sidebar .client-card .client-details-list .detail-item .detail-value-container .copy-button .copy-icon{width:12px;height:12px;color:#8c8c8c}.client-details-page .client-sidebar .client-card .divider{width:100%;height:1px;border:none;background:#e5e5e5;margin:0;flex:none;order:2;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .divider:nth-of-type(2){order:4}.client-details-page .client-sidebar .client-card .ip-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%;flex:none;order:5;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .ip-section .detail-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:8px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-label{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-value-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-value-container .detail-value{font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;color:#1e1e1e;text-align:right}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-value-container .copy-button{display:flex;align-items:center;justify-content:center;padding:4px;width:20px;height:20px;background:transparent;border:none;border-radius:2px;cursor:pointer}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-value-container .copy-button:hover{background:#0000000d}.client-details-page .client-sidebar .client-card .ip-section .detail-item .detail-value-container .copy-button .copy-icon{width:12px;height:12px;color:#8c8c8c}.client-details-page .client-sidebar .client-card .divider{width:100%;height:1px;border:none;background:#e5e5e5;margin:0}.client-details-page .client-sidebar .client-card .statistics-section{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%;flex:none;order:3;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .statistics-section .stat-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:8px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .statistics-section .stat-item .stat-label{font-family:Montserrat;font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#8c8c8c}.client-details-page .client-sidebar .client-card .statistics-section .stat-item .stat-value{font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;color:#1e1e1e;text-align:right}.client-details-page .client-sidebar .client-card .edit-actions{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%;flex:none;order:5;align-self:stretch;flex-grow:0}.client-details-page .client-sidebar .client-card .edit-actions .save-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;flex:none;order:0;flex-grow:1;background:#fb8059;border:none;border-radius:4px;cursor:pointer;font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;color:#fff}.client-details-page .client-sidebar .client-card .edit-actions .save-button:hover{background:#e6734f}.client-details-page .client-sidebar .client-card .edit-actions .save-button .save-icon{width:16px;height:16px;color:#fff}.client-details-page .client-sidebar .client-card .edit-actions .cancel-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;flex:none;order:1;flex-grow:0;background:transparent;border:1px solid #D3D3D3;border-radius:4px;cursor:pointer;font-family:Montserrat;font-style:normal;font-weight:500;font-size:12px;line-height:150%;color:#5c5c5c}.client-details-page .client-sidebar .client-card .edit-actions .cancel-button:hover{background:#00000005;border-color:#8c8c8c}.client-details-page .client-not-found-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.client-details-page .client-not-found-card .client-not-found-text{font-family:Montserrat;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#8c8c8c;text-align:center;margin:0}@media (max-width: 768px){.client-details-page{padding:16px}.client-details-page .client-details-grid{grid-template-columns:1fr;gap:16px}.client-details-page .client-sidebar{order:-1}.client-details-page .client-sidebar .client-card{min-width:unset}.client-details-page .form-row{flex-direction:column}.client-details-page .form-row .form-field-large,.client-details-page .form-row .form-field-medium,.client-details-page .form-row .form-field-small{flex:1 1 100%}}.notifications-page{padding:0;background-color:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notifications-page .notifications-header{background:#fff;border-bottom:1px solid #e9ecef;padding:0}.notifications-page .notifications-header .notifications-tabs{display:flex;gap:0}.notifications-page .notifications-header .notifications-tabs .tab-btn{padding:16px 24px;border:none;background:#fff;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;position:relative}.notifications-page .notifications-header .notifications-tabs .tab-btn:hover{color:#333;background-color:#f8f9fa}.notifications-page .notifications-header .notifications-tabs .tab-btn.active{color:#fff;background-color:#ff6b35;border-bottom-color:#ff6b35}.notifications-page .notifications-header .notifications-tabs .tab-btn.active:hover{background-color:#ff6b35}.notifications-page .notifications-content{padding:0;background:#fff;min-height:calc(100vh - 120px)}.notifications-page .notifications-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.notifications-page .notifications-content .empty-state .empty-icon{width:100px;height:100px;background-color:#fdbfac;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative}.notifications-page .notifications-content .empty-state .empty-icon .bell-icon{font-size:32px;opacity:.7}.notifications-page .notifications-content .empty-state .empty-icon .bell-icon:after{content:"";position:absolute;top:20px;right:20px;width:20px;height:20px;border:2px dashed #ff6b35;border-radius:50%;opacity:.6}.notifications-page .notifications-content .empty-state h2{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.notifications-page .notifications-content .empty-state p{font-size:16px;color:#666;line-height:1.5;max-width:500px;margin-bottom:32px}.notifications-page .notifications-content .empty-state .reports-btn{padding:12px 24px;background-color:transparent;color:#666;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.notifications-page .notifications-content .empty-state .reports-btn:hover{background-color:#f8f9fa;border-color:#999;color:#333}.notifications-page .notifications-content .notifications-list{padding:0}.notifications-page .notifications-content .notifications-list .notification-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid #f0f0f0;position:relative;transition:background-color .2s ease}.notifications-page .notifications-content .notifications-list .notification-item:hover{background-color:#f8f9fa}.notifications-page .notifications-content .notifications-list .notification-item.unread{background-color:#fff;border-left:4px solid #ff6b35}.notifications-page .notifications-content .notifications-list .notification-item .notification-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background-color:#f8f9fa;border:2px solid #e9ecef}.notifications-page .notifications-content .notifications-list .notification-item .notification-icon.woo-icon{background-color:#7b2cbf;color:#fff;font-weight:600;font-size:14px;text-transform:lowercase}.notifications-page .notifications-content .notifications-list .notification-item .notification-content{flex:1;min-width:0}.notifications-page .notifications-content .notifications-list .notification-item .notification-content h3{font-size:16px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.notifications-page .notifications-content .notifications-list .notification-item .notification-content p{font-size:14px;color:#666;line-height:1.5;margin:0}.notifications-page .notifications-content .notifications-list .notification-item .notification-time{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0}.notifications-page .notifications-content .notifications-list .notification-item .unread-indicator{position:absolute;top:24px;right:24px;width:8px;height:8px;background-color:#ff6b35;border-radius:50%}@media (max-width: 768px){.notifications-page .notifications-header .notifications-tabs .tab-btn{padding:12px 16px;font-size:12px}.notifications-page .notifications-content .empty-state{padding:20px;min-height:50vh}.notifications-page .notifications-content .empty-state .empty-icon{width:80px;height:80px;margin-bottom:24px}.notifications-page .notifications-content .empty-state .empty-icon .bell-icon{font-size:24px}.notifications-page .notifications-content .empty-state h2{font-size:20px}.notifications-page .notifications-content .empty-state p{font-size:14px}.notifications-page .notifications-content .notifications-list .notification-item{padding:16px 20px;gap:12px}.notifications-page .notifications-content .notifications-list .notification-item .notification-icon{width:40px;height:40px;font-size:16px}.notifications-page .notifications-content .notifications-list .notification-item .notification-icon.woo-icon{font-size:12px}.notifications-page .notifications-content .notifications-list .notification-item .notification-content h3{font-size:14px;margin-bottom:6px}.notifications-page .notifications-content .notifications-list .notification-item .notification-content p{font-size:13px}.notifications-page .notifications-content .notifications-list .notification-item .notification-time{font-size:11px}.notifications-page .notifications-content .notifications-list .notification-item .unread-indicator{top:20px;right:20px;width:6px;height:6px}}@media (max-width: 480px){.notifications-page .notifications-header .notifications-tabs .tab-btn{padding:10px 12px;font-size:11px}.notifications-page .notifications-content .notifications-list .notification-item{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.notifications-page .notifications-content .notifications-list .notification-item .notification-time{align-self:flex-end}.notifications-page .notifications-content .notifications-list .notification-item .unread-indicator{top:16px;right:16px}}.user-profile-page{padding:24px;background-color:#f5f5f5;max-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-profile-page .profile-header-section h1{font-size:24px;font-weight:400;color:#666;margin-bottom:24px}.user-profile-page .profile-header-section .profile-header{display:flex;align-items:center;gap:16px;background:#fff;padding:20px;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a}.user-profile-page .profile-header-section .profile-header .user-avatar-xlarge{width:60px;height:60px;border-radius:8px;background-color:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.user-profile-page .profile-header-section .profile-header .user-info h2{font-size:18px;font-weight:600;color:#333;margin:0 0 4px}.user-profile-page .profile-header-section .profile-header .user-info p{font-size:14px;color:#999;margin:0}.user-profile-page .profile-navigation{display:flex;gap:2px;box-shadow:0 1px 3px #0000001a;border-radius:0;box-shadow:none;overflow-x:auto;background:#fff;padding:20px}.user-profile-page .profile-navigation .nav-tab{padding:12px 16px;border:none;background:#fff;color:#3d3d3d;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;width:auto;min-width:fit-content;text-align:center;border-radius:4px;margin-right:2px}.user-profile-page .profile-navigation .nav-tab:last-child{margin-right:0}.user-profile-page .profile-navigation .nav-tab:hover{background-color:#f8f9fa;color:#333}.user-profile-page .profile-navigation .nav-tab.active{background-color:#fdbfac;border-bottom-color:#fdbfac;box-shadow:0 2px 4px #00000026}.user-profile-page .profile-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;height:60vh}.user-profile-page .profile-content .section-content,.user-profile-page .profile-content .section-content .tab-content{display:flex;flex-direction:column;gap:24px}.user-profile-page .profile-content .section-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-profile-page .profile-content .section-content .form-row.three-columns{grid-template-columns:1fr 1fr 1fr}@media (max-width: 768px){.user-profile-page .profile-content .section-content .form-row,.user-profile-page .profile-content .section-content .form-row.three-columns{grid-template-columns:1fr}}.user-profile-page .profile-content .section-content .form-group{display:flex;flex-direction:column;gap:8px}.user-profile-page .profile-content .section-content .form-group label{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.user-profile-page .profile-content .section-content .form-group label .optional{color:#999;font-weight:400}.user-profile-page .profile-content .section-content .form-group .form-input,.user-profile-page .profile-content .section-content .form-group .form-select{padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s ease;background-color:#fff}.user-profile-page .profile-content .section-content .form-group .form-input:focus,.user-profile-page .profile-content .section-content .form-group .form-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.user-profile-page .profile-content .section-content .form-group .form-input:disabled,.user-profile-page .profile-content .section-content .form-group .form-select:disabled{background-color:#f8f9fa;color:#666;cursor:default;border-color:#e9ecef}.user-profile-page .profile-content .section-content .form-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.user-profile-page .profile-content .section-content .form-group .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b35}.user-profile-page .profile-content .section-content .section-title{font-size:16px;font-weight:600;color:#333;margin:16px 0 0;padding-top:16px;border-top:1px solid #eee}.user-profile-page .profile-content .section-content .settings-section{margin-bottom:32px}.user-profile-page .profile-content .section-content .settings-section .section-title{font-size:14px;font-weight:500;color:#333;margin-bottom:16px;padding-top:0;border-top:none}.user-profile-page .profile-content .section-content .settings-section .settings-btn{padding:12px 24px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;background-color:#fff;color:#666}.user-profile-page .profile-content .section-content .settings-section .settings-btn:hover{background-color:#f8f9fa;border-color:#999;color:#333}.user-profile-page .profile-content .section-content .settings-section .settings-btn.delete-btn{color:#dc3545;border-color:#dc3545}.user-profile-page .profile-content .section-content .settings-section .settings-btn.delete-btn:hover{background-color:#dc3545;color:#fff}.user-profile-page .profile-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;position:relative}.user-profile-page .profile-footer .alter-data-btn{padding:12px 24px;background-color:transparent;color:#666;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.user-profile-page .profile-footer .alter-data-btn:hover{background-color:#f8f9fa;border-color:#999;color:#333}.user-profile-page .profile-footer .edit-buttons{display:flex;gap:12px}.user-profile-page .profile-footer .edit-buttons .save-btn{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.user-profile-page .profile-footer .edit-buttons .save-btn:hover{background-color:#218838}.user-profile-page .profile-footer .edit-buttons .save-btn:disabled{opacity:.6;cursor:not-allowed}.user-profile-page .profile-footer .edit-buttons .cancel-btn{padding:12px 24px;background:transparent;color:#6c757d;border:1px solid #6c757d;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.user-profile-page .profile-footer .edit-buttons .cancel-btn:hover{background-color:#6c757d;color:#fff}.user-profile-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:16px;color:#666}@media (max-width: 768px){.user-profile-page{padding:16px}.user-profile-page .profile-header-section{margin-bottom:24px}.user-profile-page .profile-header-section h1{font-size:20px;margin-bottom:16px}.user-profile-page .profile-header-section .profile-header{padding:16px;gap:12px}.user-profile-page .profile-header-section .profile-header .user-avatar-xlarge{width:50px;height:50px;font-size:16px}.user-profile-page .profile-header-section .profile-header .user-info h2{font-size:16px}.user-profile-page .profile-navigation{flex-direction:column}.user-profile-page .profile-navigation .nav-tab{padding:12px 16px;font-size:11px;border-radius:0!important;border-bottom:1px solid #eee}.user-profile-page .profile-navigation .nav-tab:last-child{border-bottom:none}.user-profile-page .profile-navigation .nav-tab.active{border-bottom-color:#ff6b35}.user-profile-page .profile-content{padding:20px;border-radius:0 0 8px 8px}.user-profile-page .profile-content .section-content{gap:20px}.user-profile-page .profile-content .section-content .form-row,.user-profile-page .profile-content .section-content .form-row.three-columns{grid-template-columns:1fr}.user-profile-page .profile-content .section-content .settings-section{margin-bottom:24px}.user-profile-page .profile-content .section-content .settings-section .settings-btn{width:100%;padding:16px;font-size:14px}.user-profile-page .profile-footer{flex-direction:column;margin-top:40px}.user-profile-page .profile-footer .alter-data-btn{width:100%;padding:16px;font-size:14px}.user-profile-page .profile-footer .edit-buttons{flex-direction:column;gap:8px}.user-profile-page .profile-footer .edit-buttons .save-btn,.user-profile-page .profile-footer .edit-buttons .cancel-btn{width:100%;padding:16px;font-size:14px}}@media (max-width: 480px){.user-profile-page .profile-navigation .nav-tab{font-size:10px;padding:10px 12px}.user-profile-page .profile-content{padding:16px}}.pricing-plans{padding:60px 20px;background-color:#f8f9fa;min-height:100vh}.pricing-plans__container{max-width:1200px;margin:0 auto}.pricing-plans__title{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:40px;text-align:left}.pricing-plans__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:start}@media (max-width: 768px){.pricing-plans__grid{grid-template-columns:1fr;gap:20px}}.pricing-card{background:#fff;border-radius:12px;padding:32px 24px;position:relative;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:2px solid transparent;height:fit-content}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.pricing-card--popular{border-color:#4caf50;transform:scale(1.05)}.pricing-card--popular:hover{transform:scale(1.05) translateY(-4px)}.pricing-card__badge{position:absolute;top:-10px;right:20px;background:#4caf50;color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-card__header{margin-bottom:24px}.pricing-card__name{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:12px}.pricing-card__description{color:#666;font-size:.9rem;line-height:1.5;margin:0}.pricing-card__price{margin-bottom:24px}.pricing-card__price-amount{font-size:2.5rem;font-weight:700;color:#333;display:block}.pricing-card__button{width:100%;padding:14px 24px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.pricing-card__button--outline{background:transparent;color:#666;border:2px solid #e5e5e5}.pricing-card__button--outline:hover{border-color:#666;color:#333}.pricing-card__button--primary{background:#ff4d4d;color:#fff}.pricing-card__button--primary:hover{background:#ff1717;transform:translateY(-2px)}.pricing-card__button--secondary{background:#ff6b3d;color:#fff}.pricing-card__button--secondary:hover{background:#ff440a;transform:translateY(-2px)}.pricing-card__contact{text-align:center;color:#999;font-size:.85rem;margin:0 0 24px;cursor:pointer;transition:all .3s ease}.pricing-card__contact:hover{color:#666;text-decoration:underline}.pricing-card__features{display:flex;flex-direction:column;gap:12px}.pricing-card__feature{display:flex;align-items:center;gap:12px}.pricing-card__feature-icon{color:#4caf50;flex-shrink:0;width:16px;height:16px}.pricing-card__feature-text{color:#666;font-size:.9rem}@media (max-width: 1024px){.pricing-plans{padding:40px 15px}.pricing-plans__title{font-size:2rem;margin-bottom:30px}.pricing-plans__grid{gap:20px}.pricing-card{padding:24px 20px}.pricing-card--popular{transform:none}.pricing-card--popular:hover{transform:translateY(-4px)}}@media (max-width: 768px){.pricing-plans{padding:30px 15px}.pricing-plans__title{font-size:1.75rem;text-align:center}.pricing-card{padding:20px 16px}.pricing-card__name{font-size:1.25rem}.pricing-card__price-amount{font-size:2rem}.pricing-card__button{padding:12px 20px}}.pricing-plans{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-card__button:focus{outline:2px solid #ff4d4d;outline-offset:2px}.pricing-card__contact:focus{outline:2px solid #ff4d4d;outline-offset:2px;border-radius:4px}@media print{.pricing-plans{background:#fff;padding:20px}.pricing-card{box-shadow:none;border:1px solid #e5e5e5;page-break-inside:avoid}}
