.Paffiliateswrapper{color:#fff;grid-template-rows:320px 75px auto;grid-template-columns:1fr 6fr 1fr;min-height:100vh;padding-top:15px;padding-bottom:40px;display:grid}.PAffiliatesHero{text-align:center;grid-area:1/2;margin-bottom:30px;padding:20px}.PAffiliatesTitle{background:linear-gradient(135deg,#009688,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:3rem;font-weight:700}.PAffiliatesSubtitle{color:#fffc;margin-bottom:20px;font-size:1.2rem;font-style:italic}.PAffiliatesIntro{color:#ffffffd9;max-width:800px;margin:0 auto;font-size:1rem;line-height:1.6}.PaffiliatesSelector{color:#fff;grid-area:2/2;justify-content:center;align-items:center;gap:15px;height:auto;margin-bottom:30px;display:flex}.Paffiliateswrapper .PaffiliatesSelector button{border-radius:8px;min-width:150px;padding:10px 30px;font-size:1rem;transition:all .3s}.Paffiliateswrapper .PaffiliatesSelector button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00968866}.Paffiliatesmain{color:#fff;grid-area:3/2;justify-content:center;align-items:flex-start;width:100%;display:flex}.DashboardAffiliates{color:#fff;flex-direction:column;gap:20px;width:100%;display:flex}.DashboardAffiliateBoxOwnerWrapper{grid-column-gap:20px;grid-row-gap:10px;background:linear-gradient(135deg,#0096880d,#007bff0d);border:2px solid #a9a9a933;border-radius:10px;grid-template-rows:20px repeat(8,auto) 20px;grid-template-columns:20px 1fr 1fr 20px;min-height:300px;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s;display:grid}.DashboardAffiliateBoxOwnerWrapper:hover{border-color:#00968880;box-shadow:0 8px 20px #0096884d}.DashboardAffiliateBoxAddressSticker,.DashboardAffiliateBoxNameSticker,.DashboardAffiliateBoxFavorSticker,.DashboardAffiliateTitleSticker,.DashboardAffiliateBoxTextSticker{color:#009688;align-items:center;font-size:.85rem;font-weight:600;display:flex}.DashboardAffiliateBoxAddressSticker{grid-area:2/2}.DashboardAffiliateBoxAddress{color:#ffffffe6;word-break:break-all;grid-area:2/3;align-items:center;font-size:.9rem;display:flex}.DashboardAffiliateBoxNameSticker{grid-area:3/2}.DashboardAffiliateBoxName{color:#ffffffe6;grid-area:3/3;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.DashboardAffiliateBoxFavorSticker{grid-area:4/2}.DashboardAffiliateBoxFavor{color:#ffffffe6;grid-area:4/3;align-items:center;font-weight:500;display:flex}.DashboardAffiliateTitleSticker{grid-area:5/2}.DashboardAffiliateBoxTitle{color:#ffffffe6;grid-area:5/3;align-items:center;font-size:1rem;display:flex}.DashboardAffiliateBoxTitle a{color:#00bfa5;text-decoration:none;transition:color .3s}.DashboardAffiliateBoxTitle a:hover{color:#009688;text-decoration:underline}.DashboardAffiliateBoxTextSticker{grid-area:6/2;align-items:flex-start;padding-top:5px}.DashboardAffiliateBoxText{color:#ffffffd9;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;grid-area:6/3;align-items:flex-start;font-size:.9rem;line-height:1.5;display:flex}.DashboardAffiliateButtonBox{flex-wrap:wrap;grid-area:9/2/auto/span 2;justify-content:flex-start;gap:10px;display:flex}.ContractManageAffiliateButton{flex-wrap:wrap;gap:10px;width:100%;display:flex}.Paffiliateswrapper .ContractManageAffiliateButton button{border-radius:6px;transition:all .3s}.Paffiliateswrapper .ContractManageAffiliateButton button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00968866}.NoAffiliatesMessage{text-align:center;background:#ffffff0d;border:1px solid #a9a9a933;border-radius:10px;padding:60px 20px}.NoAffiliatesMessage h3{color:#009688;margin-bottom:10px;font-size:1.5rem}.NoAffiliatesMessage p{color:#ffffffb3;font-size:1rem}@media (max-width:1024px){.DashboardAffiliateBoxOwnerWrapper{grid-template-rows:20px repeat(auto-fill,auto) 20px;grid-template-columns:15px 1fr 15px}.DashboardAffiliateBoxAddressSticker{grid-row:2}.DashboardAffiliateBoxAddress{grid-area:3/2}.DashboardAffiliateBoxNameSticker{grid-row:4}.DashboardAffiliateBoxName{grid-area:5/2}.DashboardAffiliateBoxFavorSticker{grid-row:6}.DashboardAffiliateBoxFavor{grid-area:7/2}.DashboardAffiliateTitleSticker{grid-row:8}.DashboardAffiliateBoxTitle{grid-area:9/2}.DashboardAffiliateBoxTextSticker{grid-row:10}.DashboardAffiliateBoxText{grid-area:11/2}.DashboardAffiliateButtonBox{grid-area:12/2}}@media (max-width:768px){.Paffiliateswrapper{grid-template-columns:.2fr 9.6fr .2fr}.PAffiliatesTitle{font-size:2rem}.PAffiliatesSubtitle{font-size:1rem}.Paffiliateswrapper .PaffiliatesSelector button{min-width:120px;padding:8px 20px}}@media (max-width:480px){.PAffiliatesTitle{font-size:1.5rem}.PaffiliatesSelector{flex-direction:column;gap:10px}.Paffiliateswrapper .PaffiliatesSelector button{width:100%}}.affiliates-enter{opacity:0}.affiliates-enter-active{opacity:1;transition:opacity .5s ease-in}.affiliates-exit{opacity:1}.affiliates-exit-active{opacity:0;transition:opacity .5s ease-out}