@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.App{min-height:100vh;position:relative}.particles-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.hero{align-items:center;background:linear-gradient(45deg,#00d4ff1a,#ff00801a);display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center}.hero h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff0080,#fa0);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:4rem;font-weight:800;margin-bottom:1rem;text-shadow:0 0 30px #00d4ff80}.hero h2{font-size:1.5rem;font-weight:300;margin-bottom:2rem;opacity:.9}.hero p{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;max-width:600px;opacity:.8}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background:#000000f2;box-shadow:0 2px 20px #00d4ff4d}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:hover{color:#00d4ff;transform:translateY(-2px)}.nav-links a:after{background:linear-gradient(45deg,#00d4ff,#ff0080);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#00d4ff,#ff0080);box-shadow:0 4px 15px #00d4ff66}.btn-primary:hover{box-shadow:0 8px 25px #00d4ff99;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #00d4ff;color:#00d4ff}.btn-secondary:hover{background:#00d4ff;color:#000;transform:translateY(-3px)}.section{padding:60px 0;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.section-subtitle{font-size:1.2rem;margin:0 auto 2rem;max-width:600px;opacity:.8;text-align:center}.services-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.service-card:before{background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.service-card:hover:before{left:100%}.service-card:hover{border-color:#00d4ff80;box-shadow:0 20px 40px #00d4ff4d;transform:translateY(-10px)}.service-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin:0 0 1rem}.service-card h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.service-card p{line-height:1.6;opacity:.8}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0}.feature-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#00d4ff4d;transform:translateX(10px)}.feature-item h4{color:#00d4ff;font-size:1.1rem;margin:0 0 .5rem}.feature-item p{font-size:.9rem;line-height:1.5;opacity:.7}.contact{background:#0000004d;text-align:center}.contact-form{margin:0;max-width:600px;width:100%}.form-group{margin:0 0 1.5rem;text-align:left}.form-group label{margin:0 0 .5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d;outline:none}.footer{background:#000c;border-top:1px solid #ffffff1a;padding:2rem 0;text-align:center}@media (max-width:768px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.nav-links{display:none}.feature-grid,.services-grid{grid-template-columns:1fr}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.floating{animation:float 3s ease-in-out infinite}.pulsing{animation:pulse 2s ease-in-out infinite}.spinner-container{padding:2rem}.spinner-container,.spinner-fullscreen{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner-fullscreen{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#00d4ff;min-height:100vh}.spinner{display:inline-block;position:relative}.spinner-small{height:30px;width:30px}.spinner-medium{height:50px;width:50px}.spinner-large{height:80px;width:80px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#00d4ff;height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:-.33s;border-top-color:#ff0080}.spinner-ring:nth-child(3){animation-delay:-.66s;border-top-color:#00d4ff;opacity:.5}.spinner-message{color:#00d4ff;font-size:1rem;margin-top:1rem;text-align:center}.project-detail{background:#0000;min-height:100vh;padding-bottom:4rem;padding-top:5.5rem}.project-detail-error,.project-detail-loading{align-items:center;color:#ffffffe6;display:flex;flex-direction:column;font-size:1rem;gap:1.5rem;justify-content:center;min-height:100vh}.project-detail-spinner{animation:project-detail-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#00d4ff;height:48px;width:48px}@keyframes project-detail-spin{to{transform:rotate(1turn)}}.project-detail-error .btn-back{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.project-detail-breadcrumb{margin:0 auto;max-width:1200px;padding:1rem 1.5rem}.breadcrumb-back{background:#0000;border:1px solid #00d4ff66;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.breadcrumb-back:hover{border-color:#00d4ff;color:#00d4ff}.product-hero{margin:0 auto 2.5rem;max-width:1200px;padding:0 1.5rem}.hero-inner{grid-gap:2rem;background:#0000;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 4px 24px #00d4ff1a;display:grid;gap:2rem;grid-template-columns:1fr;overflow:hidden}@media (min-width:900px){.hero-inner{grid-template-columns:1fr 1fr}}.hero-gallery-col{background:#0f172a;position:relative}.gallery-wrapper{aspect-ratio:1;min-height:320px;position:relative;width:100%}@media (min-width:900px){.gallery-wrapper{aspect-ratio:4/3}}.badge-featured{background:#ff0080;border-radius:20px;box-shadow:0 2px 12px #ff008080;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .9rem;position:absolute;right:1rem;top:1rem;z-index:3}.main-image{background:#1e293b;height:100%;position:relative;width:100%}.main-image img{height:100%;left:0;object-fit:contain;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.main-image img.active{opacity:1;z-index:1}.gallery-nav{align-items:center;background:#00000080;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px;z-index:2}.gallery-nav:hover{background:#00d4ff99;border-color:#00d4ff}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.gallery-dots button{background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.gallery-dots button.active{background:#00d4ff;border-color:#00d4ff}.thumbnail-strip{background:#0000004d;display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.thumb{background:#334155;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:44px;overflow:hidden;padding:0;transition:all .3s ease;width:60px}.thumb.active,.thumb:hover{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff66}.thumb img{height:100%;object-fit:cover;width:100%}.gallery-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);color:#ffffff80;display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.hero-info-col{display:flex;flex-direction:column;justify-content:flex-start;padding:2rem}.product-category{background:#00d4ff1f;border-radius:20px;color:#00d4ff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;padding:.35rem .8rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.product-title{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}@media (min-width:768px){.product-title{font-size:1.9rem}}.star-rating{align-items:center;display:flex;gap:6px;margin-bottom:1rem}.review-count{color:#ffffffb3;font-size:.9rem;margin-left:.35rem}.product-short-desc{color:#ffffffe6;font-size:1rem;line-height:1.7;margin:0 0 1.5rem}.key-highlights{list-style:none;margin:0 0 1.5rem;padding:0}.key-highlights li{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.5rem}.key-highlights .check{color:#00d4ff;font-weight:700}.action-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.btn-action{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.9rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-action.btn-primary{background:linear-gradient(135deg,#00d4ff,#00a8cc);border:none;box-shadow:0 4px 14px #00d4ff66;color:#fff}.btn-action.btn-primary:hover{background:linear-gradient(135deg,#00b8e6,#0099b8);box-shadow:0 6px 20px #00d4ff80;transform:translateY(-2px)}.btn-action.btn-highlight{background:linear-gradient(135deg,#ff0080,#c06);border:none;box-shadow:0 4px 14px #ff008066;color:#fff}.btn-action.btn-highlight:hover{background:linear-gradient(135deg,#ff1a8c,#e60073);box-shadow:0 6px 20px #ff008080;transform:translateY(-2px)}.btn-action.btn-outline{background:#0000;border:2px solid #00d4ff;color:#00d4ff}.btn-action.btn-outline:hover{background:#00d4ff14;transform:translateY(-2px)}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-pill{background:#ffffff14;border:1px solid #00d4ff4d;border-radius:20px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.trust-inline{color:#fffc;display:flex;font-size:.85rem;gap:1rem}.product-tabs-section{background:#0000;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 4px 24px #00d4ff1a;margin:0 auto 2rem;max-width:1200px;overflow:hidden;padding:0 1.5rem}.tabs-nav{border-bottom:2px solid #00d4ff33;display:flex;flex-wrap:wrap;gap:0;overflow-x:auto;padding:0 1rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#ffffffb3;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s ease}.tab-btn:hover{color:#00d4ff}.tab-btn.active{border-bottom-color:#00d4ff;color:#00d4ff}.tabs-content{padding:2rem}.tab-panel h3{border-bottom:1px solid #00d4ff33;color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1.25rem;padding-bottom:.75rem}.tab-panel p{color:#ffffffe6;font-size:1rem;line-height:1.8;margin:0}.product-tabs-section .feature-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}.product-tabs-section .feature-grid li{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;gap:.5rem}.product-tabs-section .feature-grid .icon{color:#00d4ff;font-weight:700}.screenshots-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.screenshot-item{border:1px solid #00d4ff33;border-radius:12px;overflow:hidden}.screenshot-item img{height:200px;object-fit:cover;width:100%}.tech-group{margin-bottom:1.5rem}.tech-group h4{color:#00d4ff;font-size:1rem;font-weight:600;margin:0 0 .5rem;text-transform:capitalize}.tech-group ul{list-style:none;margin:0;padding:0}.tech-group li{color:#ffffffe6;font-size:.95rem;padding:.25rem 0 .25rem 1rem;position:relative}.tech-group li:before{color:#00d4ff;content:"•";left:0;position:absolute}.impact-list{list-style:none;margin:0;padding:0}.impact-list li{align-items:flex-start;color:#ffffffe6;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.5rem}.impact-list .star{color:#00d4ff;flex-shrink:0}.trust-section{margin:0 auto 2rem;max-width:1200px;padding:0 1.5rem}.trust-badges{background:#0000;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 4px 24px #00d4ff1a;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.trust-badge{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.trust-icon{color:#00d4ff;font-size:1.1rem}.related-section{margin:0 auto;max-width:1200px;padding:0 1.5rem}.related-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.related-card{background:#0000;border:1px solid #00d4ff33;border-radius:12px;box-shadow:0 2px 12px #00d4ff14;cursor:pointer;overflow:hidden;transition:all .3s ease}.related-card:hover{border-color:#00d4ff;box-shadow:0 8px 24px #00d4ff33}.related-card-image{aspect-ratio:16/10;background:#0000004d;overflow:hidden}.related-card-image img{height:100%;object-fit:cover;width:100%}.related-card-body{padding:1.25rem}.related-card-body h4{color:#fff;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .35rem}.related-category{color:#ffffffb3;font-size:.85rem;margin:0}.form-title{margin-bottom:20px}.form-input.error{border:1px solid #ff4d4d}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.management-container{background:#0003;border-radius:10px;margin-bottom:2rem;padding:2rem}.management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.management-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:2rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 5px 15px #00d4ff66;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#fff3}.btn-edit{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;margin-right:.5rem;padding:.5rem;transition:all .3s ease}.btn-edit:hover{background:#00d4ff4d}.btn-delete{background:#ff008033;border:1px solid #ff00804d;border-radius:5px;color:#ff0080;cursor:pointer;padding:.5rem;transition:all .3s ease}.btn-delete:hover{background:#ff00804d}.table-container{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;overflow-x:auto}.management-table{border-collapse:collapse;width:100%}.management-table thead{background:#00d4ff1a}.management-table th{border-bottom:2px solid #00d4ff4d;color:#00d4ff;font-weight:600;padding:1rem;text-align:left}.management-table td{border-bottom:1px solid #ffffff1a;color:#fff;padding:1rem}.management-table tbody tr:hover{background:#00d4ff0d}.action-buttons{display:flex;gap:.5rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-draft{background:#fa03;color:#fa0}.status-published{background:#0f83;color:#0f8}.status-archived{background:#80808033;color:grey}.status-active{background:#0f83;color:#0f8}.status-inactive{background:#ff008033;color:#ff0080}.status-pending{background:#fa03;border-color:#ffaa004d;color:#fa0}.status-confirmed{background:#00d4ff33;border-color:#00d4ff4d;color:#00d4ff}.status-processing{background:#8a2be233;border-color:#8a2be24d;color:#8a2be2}.status-completed{background:#0f83;border-color:#00ff884d;color:#0f8}.status-cancelled{background:#ff008033;border-color:#ff00804d;color:#ff0080}.status-select{font-weight:500;text-transform:capitalize;transition:all .3s ease}.status-select:hover{border-color:#00d4ff80!important;box-shadow:0 0 10px #00d4ff33}.status-select:focus{border-color:#00d4ff99!important;box-shadow:0 0 15px #00d4ff4d;outline:none}.status-select option{background:#1a1a2e;color:#fff;padding:.5rem}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00d4ff4d;border-radius:10px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-large{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#00d4ff;margin:0}.modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:all .3s ease}.modal-close:hover{color:#ff0080;transform:rotate(90deg)}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:2rem}.modal-form{padding:1.5rem}.ticket-info-grid{grid-gap:1.5rem;border-bottom:2px solid #00d4ff33;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;padding-bottom:2rem}.info-item{flex-direction:column}.info-item label{color:#00d4ff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;color:#fff;display:flex;font-size:1rem;padding:.5rem 0}.priority-badge-modal,.status-badge-modal{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem 1rem;text-transform:capitalize}.ticket-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.ticket-section:last-of-type{border-bottom:none}.section-label{color:#00d4ff;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.section-content{background:#0003;border:1px solid #00d4ff1a;border-radius:8px;color:#fff;font-size:1rem;line-height:1.6;padding:1rem}.description-text{word-wrap:break-word;white-space:pre-wrap}.response-box{background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);border:1px solid #00d4ff4d;border-radius:8px;margin-top:.5rem;padding:1.5rem}.response-content{word-wrap:break-word;color:#fff;font-size:1rem;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.response-meta{align-items:center;border-top:1px solid #00d4ff33;color:#00d4ff;display:flex;font-size:.85rem;gap:1rem;padding-top:1rem}.responded-by{font-style:italic;opacity:.8}.ticket-actions-section{background:#0003;border:1px solid #00d4ff33;border-radius:8px;margin-top:2rem;padding:1.5rem}.status-select-input{background:#0000004d;border:2px solid #00d4ff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1rem;transition:all .3s ease;width:100%}.status-select-input:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;outline:none}.status-select-input:disabled{cursor:not-allowed;opacity:.6}.response-textarea{background:#0000004d;border:2px solid #00d4ff4d;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.response-textarea:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;outline:none}.textarea-hint{color:#fff9;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-template-columns:1fr 1fr}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.input-with-upload{align-items:center;display:flex;gap:.5rem}.input-with-upload input{flex:1 1}.upload-icon-btn{align-items:center;background:linear-gradient(135deg,#00d4ff4d,#ff00804d);border:1px solid #00d4ff66;border-radius:5px;color:#00d4ff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.upload-icon-btn:hover:not(:has(input:disabled)){background:linear-gradient(135deg,#00d4ff80,#ff008080);box-shadow:0 2px 8px #00d4ff4d;transform:translateY(-1px)}.upload-icon-btn:has(input:disabled){cursor:not-allowed;opacity:.6}.modal-actions{border-top:1px solid #00d4ff33;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.loading{padding:2rem}.support-ticket-management{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:2rem}.support-header{align-items:flex-start;border-bottom:2px solid #00d4ff33;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.ticket-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{gap:1rem}.stat-card:hover{border-color:#00d4ff66;box-shadow:0 10px 30px #00d4ff33;transform:translateY(-5px)}.stat-card.urgent-stat{border-color:#ff4d4d4d}.stat-card.urgent-stat:hover{border-color:#ff4d4d80;box-shadow:0 10px 30px #ff4d4d33}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#fff;font-size:2rem;font-weight:700;margin:0}.stat-info p{color:#ffffffb3;font-size:.9rem;margin:.25rem 0 0}.ticket-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box{min-width:300px}.search-box svg{z-index:1}.search-box input{border:2px solid #00d4ff4d;border-radius:8px;font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease}.search-box input:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;outline:none}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#00d4ff;font-size:.9rem;font-weight:600}.filter-select{background:#0000004d;border:2px solid #00d4ff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-width:150px;padding:.875rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;outline:none}.filter-select option{background:#1a1a2e;color:#fff}.tickets-container{margin-top:1rem}.tickets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ticket-card-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#0003);border:1px solid #00d4ff33;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.ticket-card-admin:hover{border-color:#00d4ff66;box-shadow:0 10px 30px #00d4ff33;transform:translateY(-5px)}.ticket-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.ticket-number{align-items:center;color:#00d4ff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.ticket-badges{display:flex;flex-wrap:wrap;gap:.5rem}.priority-badge,.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.35rem .75rem;text-transform:capitalize;white-space:nowrap}.ticket-card-body{flex:1 1}.ticket-subject{line-height:1.4;margin:0 0 .75rem}.ticket-description{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0 0 1rem}.ticket-meta{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.meta-item{display:flex;font-size:.85rem;justify-content:space-between}.meta-item strong{color:#00d4ff;font-weight:600}.meta-item span{color:#fffc}.ticket-card-footer{border-top:1px solid #ffffff1a;display:flex;gap:.75rem;padding-top:1rem}.btn-view{align-items:center;background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.btn-view:hover{background:linear-gradient(135deg,#00d4ff4d,#00d4ff33);border-color:#00d4ff;transform:translateY(-2px)}.btn-delete-card{align-items:center;background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;color:#ff4d4d;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.btn-delete-card:hover{background:#ff4d4d33;border-color:#ff4d4d;transform:translateY(-2px)}.btn-delete-card:disabled{cursor:not-allowed;opacity:.5}.btn-icon{align-items:center;background:#0000;border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-icon:hover{background:#ffffff1a;border-color:#ffffff4d}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#00d4ff1a}.data-table th{border-bottom:2px solid #00d4ff4d;color:#00d4ff;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #ffffff1a;color:#fff;padding:1rem}.data-table tbody tr:hover{background:#00d4ff0d}.badge{border-radius:20px;display:inline-block;font-weight:600;padding:.35rem .75rem;text-transform:capitalize}.empty-state{color:#fff9;padding:4rem 2rem}.empty-state p{font-size:1.1rem;margin-top:1rem}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filters-section .search-box{flex:1 1;min-width:250px}.filters-section select{background:#0000004d;border:1px solid #00d4ff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem}.filters-section select:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d;outline:none}@media (max-width:768px){.form-row{grid-template-columns:1fr}.management-header,.support-header{align-items:flex-start;flex-direction:column;gap:1rem}.modal-content{margin:1rem;max-height:95vh;max-width:100%}.modal-body{max-height:calc(95vh - 100px);padding:1.5rem}.ticket-info-grid{gap:1rem}.ticket-info-grid,.ticket-stats-grid,.tickets-grid{grid-template-columns:1fr}.ticket-filters{flex-direction:column}.search-box{min-width:100%}.ticket-actions-section{padding:1rem}}@media (min-width:320px) and (max-width:480px){.management-container{padding:1rem}.management-header{align-items:flex-start;flex-direction:column;gap:1rem}.management-header h2{font-size:1.5rem}.btn-primary{font-size:.9rem;justify-content:center;padding:.625rem 1rem;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.management-table{font-size:.85rem;min-width:600px}.management-table td,.management-table th{font-size:.85rem;padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-delete,.btn-edit{justify-content:center;width:100%}.modal-overlay{padding:.5rem}.modal-content{border-radius:8px;margin:0;max-height:95vh;max-width:100%}.modal-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.modal-header h3{font-size:1.25rem}.modal-body{max-height:calc(95vh - 120px)}.modal-body,.modal-form{padding:1rem}.form-group{margin-bottom:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.modal-actions{gap:.75rem}.modal-actions button{justify-content:center}.support-ticket-management{padding:1rem}.support-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content h2{font-size:1.75rem}.header-actions,.header-actions .btn-primary{width:100%}.ticket-stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:1.25rem;height:50px;width:50px}.stat-info h3{font-size:1.5rem}.ticket-filters{flex-direction:column;gap:.75rem}.search-box{min-width:100%}.filter-group{width:100%}.filter-select{min-width:100%;width:100%}.tickets-grid{gap:1rem;grid-template-columns:1fr}.ticket-card-admin{padding:1rem}.ticket-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.ticket-badges{justify-content:flex-start;width:100%}.ticket-card-footer{flex-direction:column;gap:.5rem}.btn-delete-card,.btn-view{width:100%}.ticket-info-grid{gap:1rem;grid-template-columns:1fr}.ticket-section{margin-bottom:1.5rem}.ticket-actions-section{padding:1rem}.response-textarea,.status-select-input{width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.faq-list{gap:.75rem}.faq-item{padding:1rem}.faq-item h4{font-size:1rem}.action-buttons{margin-top:.75rem}}@media (min-width:481px) and (max-width:768px){.management-container{padding:1.5rem}.management-header h2{font-size:1.75rem}.table-container{overflow-x:auto}.management-table{font-size:.9rem}.ticket-stats-grid,.tickets-grid{grid-template-columns:repeat(2,1fr)}.ticket-filters{flex-wrap:wrap}.search-box{flex:1 1 100%;min-width:100%}.filter-group{flex:1 1 auto;min-width:150px}.form-row,.ticket-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.ticket-stats-grid{grid-template-columns:repeat(3,1fr)}.form-row,.ticket-info-grid,.tickets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.ticket-stats-grid{grid-template-columns:repeat(5,1fr)}.ticket-info-grid,.tickets-grid{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:repeat(2,1fr)}}.analytics-reports{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh;padding:2rem}.analytics-reports.admin-analytics{padding:2.5rem}.analytics-header{align-items:flex-start;border-bottom:2px solid #00d4ff33;margin-bottom:2.5rem;padding-bottom:1.5rem}.header-content h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;gap:1rem;margin:0 0 .5rem}.header-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.time-range-selector{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.time-range-selector label{color:#00d4ff;font-size:.9rem;font-weight:600}.time-range-selector select{border:2px solid #00d4ff4d;border-radius:8px;font-size:1rem;min-width:180px;padding:.75rem 1rem;transition:all .3s ease}.time-range-selector select:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;outline:none}.time-range-selector select option{background:#1a1a2e;color:#fff}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.overview-card{gap:1.5rem}.overview-card:hover{border-color:#00d4ff66;box-shadow:0 10px 30px #00d4ff33;transform:translateY(-5px)}.overview-card.revenue{border-color:#00ff884d}.overview-card.revenue:hover{border-color:#00ff8880;box-shadow:0 10px 30px #0f83}.overview-card.orders{border-color:#00d4ff4d}.overview-card.users{border-color:#ff00804d}.overview-card.projects{border-color:#8a2be24d}.card-icon{align-items:center;background:linear-gradient(135deg,#00d4ff33,#ff008033);border-radius:16px;color:#00d4ff;display:flex;flex-shrink:0;font-size:2rem;height:70px;justify-content:center;width:70px}.overview-card.revenue .card-icon{background:linear-gradient(135deg,#0f83,#00d4ff33);color:#0f8}.card-content{flex:1 1}.card-content h3{color:#ffffffb3;font-size:.95rem;font-weight:500;margin:0 0 .5rem}.card-value{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;margin-top:.5rem}.trend.up{color:#0f8}.trend.down{color:#ff4d4d}.analytics-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#0003);border-radius:16px}.section-header{border-bottom:1px solid #00d4ff33;padding-bottom:1rem}.section-header h3{font-size:1.5rem;gap:.75rem;margin:0}.export-btn{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);border-radius:8px;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.export-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#00d4ff33);border-color:#00d4ff;transform:translateY(-2px)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#0003;border:1px solid #00d4ff1a;padding:1.5rem}.stat-card:hover{border-color:#00d4ff4d;transform:translateY(-3px)}.stat-card h4{color:#ffffffb3;font-size:.95rem;font-weight:500;margin:0 0 .75rem}.stat-value{color:#00d4ff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.stat-label{color:#fff9;font-size:.85rem;margin:0}.order-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.order-stat-card{background:#0003;border:1px solid #00d4ff33;border-radius:12px;padding:1.5rem;transition:all .3s ease}.order-stat-card:hover{box-shadow:0 8px 20px #00d4ff26;transform:translateY(-3px)}.order-stat-card.pending{border-color:#ffaa004d}.order-stat-card.processing{border-color:#8a2be24d}.order-stat-card.completed{border-color:#00ff884d}.order-stat-card.cancelled{border-color:#ff00804d}.order-stat-header{align-items:center;display:flex;justify-content:space-between}.order-stat-header span:first-child{color:#fffc;font-weight:500}.stat-number{color:#00d4ff;font-size:1.75rem;font-weight:700}.order-stat-card.pending .stat-number{color:#fa0}.order-stat-card.processing .stat-number{color:#8a2be2}.order-stat-card.completed .stat-number{color:#0f8}.order-stat-card.cancelled .stat-number{color:#ff0080}.project-rates{display:flex;flex-direction:column;gap:1.25rem}.rate-item{background:#0003;border-radius:12px;padding:1.25rem}.rate-label{align-items:center;color:#ffffffe6;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.rate-bar{border-radius:6px;height:12px}.rate-fill{border-radius:6px;height:100%;transition:width .5s ease}.rate-fill.completed{background:linear-gradient(90deg,#0f8,#00d4ff)}.rate-fill.in-progress{background:linear-gradient(90deg,#8a2be2,#00d4ff)}.rate-fill.pending{background:linear-gradient(90deg,#fa0,#ff0080)}.support-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.support-stat-card{background:#0003;border:1px solid #00d4ff33;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.support-stat-card:hover{box-shadow:0 8px 20px #00d4ff26;transform:translateY(-3px)}.support-stat-card.open{border-color:#ffaa004d}.support-stat-card.in-progress{border-color:#00d4ff4d}.support-stat-card.resolved{border-color:#00ff884d}.support-stat-card.urgent{border-color:#ff4d4d4d}.support-stat-card h4{color:#ffffffb3;font-size:.95rem;font-weight:500;margin:0 0 .75rem}.support-stat-card .stat-value{color:#00d4ff;font-size:2rem;font-weight:700;margin:0}.support-stat-card.open .stat-value{color:#fa0}.support-stat-card.in-progress .stat-value{color:#00d4ff}.support-stat-card.resolved .stat-value{color:#0f8}.support-stat-card.urgent .stat-value{color:#ff4d4d}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container p{color:#ff4d4d;font-size:1.1rem}.error-container button{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.error-container button:hover{box-shadow:0 5px 15px #00d4ff66;transform:translateY(-2px)}@media (max-width:1024px){.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.analytics-reports{padding:1.5rem}.analytics-header{flex-direction:column;gap:1.5rem}.time-range-selector{align-items:flex-start;width:100%}.time-range-selector select{width:100%}.order-stats-grid,.overview-grid,.stats-grid,.support-stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (min-width:320px) and (max-width:480px){.analytics-reports,.analytics-reports.admin-analytics{padding:1rem}.analytics-header{gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.analytics-header,.header-content h2{align-items:flex-start;flex-direction:column}.header-content h2{font-size:1.75rem;gap:.5rem}.header-subtitle{font-size:.9rem}.time-range-selector{align-items:flex-start;width:100%}.time-range-selector label{font-size:.85rem}.time-range-selector select{font-size:.9rem;min-width:100%;padding:.625rem .875rem;width:100%}.overview-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.overview-card{flex-direction:column;padding:1.25rem;text-align:center}.card-icon{font-size:1.75rem;height:60px;width:60px}.card-content h3{font-size:.85rem}.card-value{font-size:1.75rem}.trend{font-size:.75rem;justify-content:center}.analytics-section{border-radius:12px;margin-bottom:1.5rem;padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.section-header h3{flex-wrap:wrap;font-size:1.25rem}.export-btn{font-size:.9rem;justify-content:center;padding:.5rem 1rem;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-card h4{font-size:.85rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.order-stats-grid{gap:1rem;grid-template-columns:1fr}.order-stat-card{padding:1rem}.order-stat-header{align-items:flex-start;flex-direction:column;gap:.5rem}.order-stat-header span:first-child{font-size:.85rem}.stat-number{font-size:1.5rem}.project-rates{gap:1rem}.rate-item{padding:1rem}.rate-label{flex-wrap:wrap;font-size:.85rem;gap:.5rem}.rate-bar{height:10px}.support-stats-grid{gap:1rem;grid-template-columns:1fr}.support-stat-card{padding:1rem}.support-stat-card h4{font-size:.85rem}.support-stat-card .stat-value{font-size:1.75rem}.error-container,.loading-container{min-height:300px;padding:2rem 1rem}.loading-spinner{height:40px;width:40px}.error-container p{font-size:1rem;text-align:center}.error-container button{padding:.625rem 1rem;width:100%}}@media (min-width:481px) and (max-width:768px){.analytics-reports,.analytics-reports.admin-analytics{padding:1.5rem}.header-content h2{font-size:2rem}.overview-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.overview-card{padding:1.5rem}.order-stats-grid,.stats-grid,.support-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-section{padding:1.5rem}.section-header h3{font-size:1.35rem}}@media (min-width:769px) and (max-width:1024px){.overview-grid{grid-template-columns:repeat(2,1fr)}.order-stats-grid,.stats-grid,.support-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.overview-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.order-stats-grid,.support-stats-grid{grid-template-columns:repeat(5,1fr)}}.admin-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;height:100vh;max-height:100dvh;overflow:hidden}.admin-top-nav{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0009,#16213e99);border-bottom:2px solid #00d4ff33;box-shadow:0 4px 20px #0000004d;display:flex;flex-shrink:0;justify-content:space-between;padding:.65rem 1.25rem;z-index:1000}.top-nav-left{gap:.65rem}.sidebar-toggle{font-size:1rem;padding:.35rem .45rem}.admin-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:1.15rem;margin:0}.top-nav-right{gap:.85rem}.admin-user{color:#00d4ff;font-size:.8125rem;font-weight:500}.logout-btn{font-size:.8125rem;gap:.4rem;padding:.4rem .95rem}.admin-layout{display:flex;flex:1 1;min-height:0;overflow:hidden}.admin-sidebar{-ms-overflow-style:none;align-self:stretch;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,#0006,#16213e66);border-right:2px solid #00d4ff33;box-shadow:4px 0 20px #0003;flex-shrink:0;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:width .3s ease,transform .3s ease,border-color .3s ease;width:232px}.admin-sidebar::-webkit-scrollbar{display:none;height:0;width:0}.admin-sidebar.closed{overflow:hidden;width:0}.sidebar-nav{padding:.35rem 0}.sidebar-item{border-left:3px solid #0000;font-size:.8125rem;gap:.5rem;line-height:1.25;padding:.38rem .55rem .38rem .5rem;transition:background .2s ease,color .2s ease,border-color .2s ease,padding-left .2s ease}.sidebar-item:hover{padding-left:.7rem}.sidebar-icon{flex-shrink:0;font-size:.95rem;min-width:16px}.admin-main{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#1a1a2e4d,#16213e4d);flex:1 1;font-size:.8125rem;line-height:1.45;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:1.15rem 1.35rem}.admin-dashboard-content{padding:.35rem 0}.admin-dashboard-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.15rem}.dashboard-stats{grid-gap:1.15rem;display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#0003);border:1px solid #00d4ff33;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.15rem 1.1rem;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#00d4ff,#ff0080);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{background:linear-gradient(135deg,#ffffff14,#0000004d);border-color:#00d4ff80;box-shadow:0 15px 40px #00d4ff40;transform:translateY(-8px)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#00d4ff33,#ff008033);border:1px solid #00d4ff4d;border-radius:12px;display:flex;height:52px;justify-content:center;margin-bottom:.75rem;transition:all .3s ease;width:52px}.stat-card:hover .stat-icon-wrapper{background:linear-gradient(135deg,#00d4ff4d,#ff00804d);box-shadow:0 8px 20px #00d4ff4d;transform:scale(1.1) rotate(5deg)}.stat-icon{color:#00d4ff;font-size:1.45rem;transition:all .3s ease}.stat-card:hover .stat-icon{color:#ff0080;transform:scale(1.1)}.stat-content{display:flex;flex:1 1;flex-direction:column;width:100%}.stat-card h3{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.3;margin-bottom:.4rem}.stat-card p{color:#ffffffb3;flex:1 1;font-size:.8125rem;line-height:1.5;margin-bottom:.75rem}.stat-card-btn{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:8px;box-shadow:0 4px 15px #00d4ff33;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-top:auto;padding:.5rem 1rem;transition:all .3s ease;width:100%}.stat-card-btn:hover{background:linear-gradient(135deg,#00e5ff,#f17);box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}@media (max-width:1024px){.dashboard-stats{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.admin-top-nav{padding:.55rem 1rem}.admin-logo{font-size:1rem}.admin-user,.logout-btn{font-size:.75rem}.logout-btn{padding:.35rem .75rem}.admin-sidebar{height:calc(100vh - 56px);left:0;position:fixed;top:56px;width:220px;z-index:999}.admin-sidebar.closed{transform:translateX(-100%);width:0}.admin-main{font-size:.8rem;margin-left:0;padding:.9rem 1rem}.admin-dashboard-content h2{font-size:1.35rem;margin-bottom:.9rem}.dashboard-stats{gap:1.25rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon-wrapper{height:70px;width:70px}.stat-icon{font-size:2rem}.stat-card h3{font-size:.95rem}}@media (max-width:480px){.admin-top-nav{flex-wrap:wrap;gap:.75rem;padding:.875rem 1rem}.top-nav-left,.top-nav-right{gap:.75rem}.admin-logo{font-size:1rem}.admin-main{padding:1rem}.admin-dashboard-content h2{font-size:1.75rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem}}.admin-dashboard .admin-main .management-container{margin-bottom:.85rem!important;padding:1.1rem 1.15rem!important}.admin-dashboard .admin-main .management-header{margin-bottom:.9rem!important}.admin-dashboard .admin-main .management-header h2{font-size:1.3rem!important}.admin-dashboard .admin-main .table-container{font-size:.8125rem}.admin-dashboard .admin-main .management-table td,.admin-dashboard .admin-main .management-table th{font-size:.8125rem!important;padding:.4rem .55rem!important}.admin-dashboard .admin-main .btn-delete,.admin-dashboard .admin-main .btn-edit,.admin-dashboard .admin-main .btn-primary,.admin-dashboard .admin-main .btn-secondary{font-size:.8125rem!important;padding:.4rem .85rem!important}.admin-dashboard .admin-main .btn-delete,.admin-dashboard .admin-main .btn-edit{padding:.35rem .5rem!important}.admin-dashboard .admin-main .spm{min-height:0!important;padding:1.1rem!important}.admin-dashboard .admin-main .spm-title{font-size:1.35rem!important}.admin-dashboard .admin-main .spm-eyebrow{font-size:.6rem!important}.admin-dashboard .admin-main .spm-stat{padding:.55rem .75rem!important}.admin-dashboard .admin-main .spm-stat-value{font-size:1.05rem!important}.admin-dashboard .admin-main .spm-stat-label{font-size:.6rem!important}.admin-dashboard .admin-main .spm-table{font-size:.78rem!important}.admin-dashboard .admin-main .spm-table td,.admin-dashboard .admin-main .spm-table th{padding:.5rem .65rem!important}.admin-dashboard .admin-main .spm .btn{font-size:.78rem!important;padding:.45rem .9rem!important}*{font-family:Quicksand,sans-serif}.login-wrapper{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100vw}.animated-bg,.login-wrapper{align-items:center;display:flex;justify-content:center}.animated-bg{flex-wrap:wrap;gap:2px}.animated-bg,.animated-bg:before{height:100%;position:absolute;width:100%}.animated-bg:before{animation:animate 5s linear infinite;background:linear-gradient(#000,red,#000);content:"";z-index:1}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.grid-span{background:#181818;display:block;height:calc(6.25vw - 2px);position:relative;transition:all 1.5s ease;width:calc(6.25vw - 2px);z-index:2}.grid-span:hover{background:red!important;transition:0s}.signin-form{background:#222;border-radius:4px;box-shadow:0 15px 35px #000000e6;padding:40px;position:absolute;width:400px;z-index:1000}.form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.form-title{color:red;font-size:2em;margin-bottom:40px;text-align:center;text-transform:uppercase}.form-content{display:flex;flex-direction:column;width:100%}.input-container{margin-bottom:25px;overflow:hidden;position:relative;width:100%}.form-input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:25px 10px 7.5px;position:relative;width:100%}.input-label{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.form-input:focus+.input-label,.form-input:valid+.input-label{color:#fff;font-size:.8em;transform:translateY(-7.5px)}.torch-light{background:linear-gradient(90deg,#0000 0,#ff00224d 20%,#00ff8499 60%,#0008ffe6);border-radius:4px;-webkit-clip-path:polygon(0 0,100% 40%,100% 60%,0 100%);clip-path:polygon(0 0,100% 40%,100% 60%,0 100%);height:100%;opacity:1;pointer-events:none;position:absolute;right:35px;top:0;transition:opacity .3s ease-in-out;width:calc(100% - 35px);z-index:5}.torch-light.inactive{opacity:0}.eye-button{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:10}.eye-button:hover{color:red}.links-container{display:flex;justify-content:space-between;margin-bottom:25px;position:relative;width:100%}.form-link{color:#fff;cursor:pointer;text-decoration:none}.signup-link{color:red!important;font-weight:600}.submit-btn{background:red;border-radius:4px;color:#000;font-size:1.35em;font-weight:600;letter-spacing:.05em;padding:10px;transition:opacity .2s;width:100%}.submit-btn:active{opacity:.6}@media (max-width:900px){.grid-span{height:calc(10vw - 2px);width:calc(10vw - 2px)}}@media (max-width:600px){.grid-span{height:calc(20vw - 2px);width:calc(20vw - 2px)}.signin-form{padding:30px;width:90%}}.user-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh}.user-top-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0009,#16213e99);border-bottom:2px solid #00d4ff33;box-shadow:0 4px 20px #0000004d;justify-content:space-between;padding:1.25rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.top-nav-left,.user-top-nav{align-items:center;display:flex}.top-nav-left{gap:1rem}.sidebar-toggle{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.sidebar-toggle:hover{background:#00d4ff4d;transform:scale(1.1)}.user-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0}.top-nav-right{align-items:center;display:flex;gap:1.5rem}.user-name{color:#00d4ff;font-weight:500}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff0080,#f44);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 5px 15px #ff008066;transform:translateY(-2px)}.user-layout{display:flex;min-height:calc(100vh - 80px)}.user-sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,#0006,#16213e66);border-right:2px solid #00d4ff33;box-shadow:4px 0 20px #0003;overflow-y:auto;transition:all .3s ease;width:280px}.user-sidebar.closed{overflow:hidden;width:0}.sidebar-nav{padding:1rem 0}.sidebar-item{align-items:center;background:#0000;border:none;border-left:4px solid #0000;color:#fffc;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1.125rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-item:before{background:linear-gradient(90deg,#00d4ff33,#0000);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.sidebar-item:hover{background:#00d4ff1a;border-left-color:#00d4ff;color:#00d4ff;padding-left:1.75rem}.sidebar-item:hover:before{width:100%}.sidebar-item.active{background:linear-gradient(90deg,#00d4ff33,#00d4ff0d);border-left-color:#00d4ff;box-shadow:inset 0 0 20px #00d4ff1a;color:#00d4ff;font-weight:600}.sidebar-icon{font-size:1.2rem;min-width:20px}.sidebar-label{white-space:nowrap}.user-main{background:linear-gradient(135deg,#1a1a2e4d,#16213e4d);flex:1 1;overflow-y:auto;padding:2.5rem}.user-dashboard-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2.5rem}.dashboard-overview{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2.5rem}.overview-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#0003);border:1px solid #00d4ff33;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.overview-card:before{background:linear-gradient(90deg,#00d4ff,#ff0080);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.overview-card:hover:before{transform:scaleX(1)}.overview-card:hover{background:linear-gradient(135deg,#ffffff14,#0000004d);border-color:#00d4ff80;box-shadow:0 15px 40px #00d4ff40;transform:translateY(-8px)}.overview-icon-wrapper{align-items:center;background:linear-gradient(135deg,#00d4ff33,#ff008033);border:1px solid #00d4ff4d;border-radius:16px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:80px}.overview-card:hover .overview-icon-wrapper{background:linear-gradient(135deg,#00d4ff4d,#ff00804d);box-shadow:0 8px 20px #00d4ff4d;transform:scale(1.1) rotate(5deg)}.overview-icon{color:#00d4ff;font-size:2.5rem;transition:all .3s ease}.overview-card:hover .overview-icon{color:#ff0080;transform:scale(1.1)}.overview-content{display:flex;flex:1 1;flex-direction:column;width:100%}.overview-card h3{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.overview-number{color:#00d4ff;font-size:3rem;font-weight:700;margin:1rem 0 1.5rem;transition:all .3s ease}.overview-card:hover .overview-number{color:#ff0080;transform:scale(1.05)}.overview-card button{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:8px;box-shadow:0 4px 15px #00d4ff33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:auto;padding:.875rem 2rem;transition:all .3s ease;width:100%}.overview-card button:hover{background:linear-gradient(135deg,#00e5ff,#f17);box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.quick-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#0003);border:1px solid #00d4ff33;border-radius:16px;margin-top:1rem;padding:2rem}.quick-actions h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;color:#00d4ff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-buttons button{align-items:center;background:linear-gradient(135deg,#00d4ff1a,#ff00801a);border:1px solid #00d4ff4d;border-radius:12px;color:#00d4ff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s ease}.action-buttons button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-buttons button:hover:before{left:100%}.action-buttons button:hover{background:linear-gradient(135deg,#00d4ff33,#ff008033);border-color:#00d4ff80;box-shadow:0 8px 25px #00d4ff4d;color:#fff;transform:translateY(-4px)}.action-buttons button svg{font-size:1.3rem;transition:all .3s ease}.action-buttons button:hover svg{color:#ff0080;transform:scale(1.2) rotate(5deg)}.analytics-reports,.billing-payments,.notification-system,.order-management,.profile-management,.project-portfolio,.service-management,.settings-preferences,.social-features,.support-help{background:#0003;border-radius:10px;padding:2rem}.analytics-reports h2,.billing-payments h2,.notification-system h2,.order-management h2,.profile-management h2,.project-portfolio h2,.service-management h2,.settings-preferences h2,.social-features h2,.support-help h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:2rem}.profile-section{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;margin-bottom:2rem;padding:2rem}.profile-picture-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.profile-picture-preview{border:3px solid #00d4ff;border-radius:50%;height:150px;overflow:hidden;width:150px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;background:#00d4ff1a;color:#00d4ff;display:flex;height:100%;justify-content:center;width:100%}.upload-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-btn:hover{transform:scale(1.05)}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#00d4ff;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;color:#fff;font-size:1rem;padding:.75rem}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.cancel-btn,.edit-btn,.save-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.cancel-btn{border:1px solid #ff00804d}.edit-btn:hover,.save-btn:hover{transform:scale(1.05)}.message{border-radius:5px;margin-bottom:1rem;padding:1rem}.message.success{background:#0f83;border:1px solid #00ff884d;color:#0f8}.message.error{background:#ff008033;border:1px solid #ff00804d;color:#ff0080}.order-filters{display:flex;gap:1rem;margin-bottom:2rem}.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-box svg{color:#00d4ff;left:1rem;position:absolute}.search-box input{padding:.75rem 1rem .75rem 3rem;width:100%}.search-box input,.status-filter select{background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;color:#fff}.status-filter select{cursor:pointer;padding:.75rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.order-status{border-radius:20px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-transform:uppercase}.order-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.order-info p{color:#aaa;margin:.5rem 0}.order-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.action-btn:hover,.view-btn{background:#00d4ff33}.cancel-btn{background:#ff008033;border-color:#ff00804d;color:#ff0080}.reorder-btn{background:#0f83;border-color:#00ff884d;color:#0f8}.invoice-btn{background:#fa03;border-color:#ffaa004d;color:#fa0}.billing-tabs,.notification-tabs,.service-tabs,.support-tabs{border-bottom:1px solid #00d4ff33;display:flex;gap:1rem;margin-bottom:2rem}.billing-tabs button,.notification-tabs button,.service-tabs button,.support-tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;display:flex;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.billing-tabs button:hover,.notification-tabs button:hover,.service-tabs button:hover,.support-tabs button:hover{color:#00d4ff}.billing-tabs button.active,.notification-tabs button.active,.service-tabs button.active,.support-tabs button.active{border-bottom-color:#00d4ff;color:#00d4ff}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.service-card h3{color:#00d4ff;margin-bottom:.5rem}.service-card p{color:#aaa;margin-bottom:1rem}.service-actions{display:flex;gap:.5rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-status{border-radius:15px;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.project-progress{margin:1rem 0}.progress-header{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#0000004d;border-radius:4px;height:8px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.project-info{color:#aaa;display:flex;font-size:.875rem;gap:1rem;margin:1rem 0}.info-item{align-items:center;display:flex;gap:.5rem}.project-actions{display:flex;gap:.5rem;margin-top:1rem}.project-files{border-top:1px solid #00d4ff33;margin-top:1rem;padding-top:1rem}.project-files ul{list-style:none;padding:0}.project-files li{align-items:center;background:#0003;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.download-file-btn{background:#0000;border:none;color:#00d4ff;cursor:pointer;padding:.25rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{align-items:center;background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;display:flex;justify-content:space-between;padding:1.5rem}.notification-item.unread{background:#00d4ff1a;border-color:#00d4ff}.notification-content h4{color:#00d4ff;margin-bottom:.5rem}.notification-content p{color:#aaa;margin-bottom:.5rem}.notification-time{color:#666;font-size:.875rem}.notification-actions{display:flex;gap:.5rem}.delete-btn,.mark-read-btn{align-items:center;background:#0000;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.delete-btn{border-color:#ff00804d;color:#ff0080}.preferences-list{display:flex;flex-direction:column;gap:1rem}.preference-item{align-items:center;background:#0003;border-radius:5px;display:flex;justify-content:space-between;padding:1rem}.preference-item label{color:#fff;font-weight:500}.preference-item p{color:#aaa;font-size:.875rem;margin-top:.25rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#fff3;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.slider{background-color:#00d4ff}.toggle-switch input:checked+.slider:before{transform:translateX(26px)}.badge{background:#ff0080;border-radius:10px;color:#fff;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.invoices-list,.payments-list,.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.invoice-card,.payment-card,.subscription-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.invoice-header,.payment-header,.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.invoice-status{border-radius:20px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-transform:uppercase}.payment-amount{color:#0f8;font-size:1.5rem;font-weight:700}.invoice-actions,.subscription-actions{display:flex;gap:.5rem;margin-top:1rem}.cancel-subscription-btn,.change-plan-btn,.download-btn,.pay-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.pay-btn{background:#0f83;border-color:#00ff884d;color:#0f8}.cancel-subscription-btn{background:#ff008033;border-color:#ff00804d;color:#ff0080}.billing-info-form{display:flex;flex-direction:column;gap:1rem}.add-billing-btn,.edit-billing-btn{align-self:flex-start;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.time-range-selector select{background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem}.analytics-section{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.export-btn,.section-header h3{align-items:center;color:#00d4ff;display:flex;gap:.5rem}.export-btn{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;cursor:pointer;padding:.5rem 1rem}.metrics-grid,.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card,.stat-card{background:#0003;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem;text-align:center}.metric-card h4,.stat-card h4{color:#aaa;font-size:.875rem;margin-bottom:.5rem}.metric-value,.stat-value{color:#00d4ff;font-size:2rem;font-weight:700;margin:.5rem 0}.metric-label{color:#aaa;font-size:.875rem}.progress-stats,.project-rates{display:flex;flex-direction:column;gap:1rem}.progress-item,.rate-item{display:flex;flex-direction:column;gap:.5rem}.progress-header,.rate-label{display:flex;font-size:.875rem;justify-content:space-between}.rate-bar{background:#0000004d;border-radius:5px;height:10px;overflow:hidden}.rate-fill.completed{background:#0f8}.rate-fill.in-progress{background:#00d4ff}.rate-fill.on-hold{background:#fa0}.spending-chart{background:#0003;border-radius:10px;min-height:200px;padding:2rem}.chart-placeholder{color:#aaa;text-align:center}.spending-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.summary-item{align-items:center;background:#0003;border-radius:5px;display:flex;flex-direction:column;padding:1rem}.summary-item span{color:#aaa;font-size:.875rem}.summary-item strong{color:#00d4ff;font-size:1.5rem;margin-top:.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.faq-item h4{color:#00d4ff;margin-bottom:.5rem}.faq-item p{color:#aaa}.chat-container{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;display:flex;flex-direction:column;min-height:400px;padding:2rem}.chat-messages{flex:1 1;margin-bottom:1rem;overflow-y:auto}.chat-placeholder{align-items:center;color:#aaa;display:flex;flex-direction:column;height:100%;justify-content:center}.chat-status{color:#0f8;margin-top:.5rem}.chat-input{display:flex;gap:.5rem}.chat-input input{background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;color:#fff;flex:1 1;padding:.75rem}.chat-input button{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.new-ticket-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem}.ticket-form{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;margin-bottom:2rem;padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{display:flex;gap:1rem;margin-top:1rem}.submit-btn{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.ticket-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ticket-status{border-radius:15px;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.ticket-status.open{background:#00d4ff33;color:#00d4ff}.ticket-status.closed{background:#0f83;color:#0f8}.ticket-status.pending{background:#fa03;color:#fa0}.ticket-description{color:#aaa;margin-bottom:1rem}.ticket-footer{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;justify-content:space-between}.view-ticket-btn{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;padding:.5rem 1rem}.docs-list{flex-direction:column}.doc-item,.docs-list{display:flex;gap:1rem}.doc-item{align-items:center;background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;padding:1.5rem}.doc-item svg{color:#00d4ff;font-size:2rem}.doc-item h3{color:#00d4ff;margin-bottom:.25rem}.doc-item p{color:#aaa;font-size:.875rem}.doc-item button{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;margin-left:auto;padding:.5rem 1rem}.settings-section{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;margin-bottom:2rem;padding:2rem}.settings-content{display:flex;flex-direction:column;gap:1rem}.theme-options{display:flex;flex-wrap:wrap;gap:1rem}.theme-option{align-items:center;background:#0003;border:2px solid #00d4ff33;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.theme-option:hover{border-color:#00d4ff}.theme-option.active{background:#00d4ff1a;border-color:#00d4ff}.theme-preview{border:2px solid #fff3;border-radius:5px;height:40px;width:60px}.theme-preview.light{background:linear-gradient(180deg,#fff 50%,#f0f0f0 0)}.theme-preview.dark{background:linear-gradient(180deg,#1a1a2e 50%,#16213e 0)}.theme-preview.auto{background:linear-gradient(180deg,#fff 50%,#1a1a2e 0)}.settings-actions{display:flex;justify-content:flex-end;margin-top:2rem}.save-settings-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 2rem}.social-section{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;margin-bottom:2rem;padding:2rem}.referral-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.referral-code-section{background:#0003;border-radius:10px;margin-bottom:2rem;padding:2rem}.referral-code-box{align-items:center;background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.referral-code-box code{color:#00d4ff;flex:1 1;font-size:1.2rem;font-weight:700}.copy-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.referral-link{color:#aaa;font-size:.875rem;margin-bottom:1rem;word-break:break-all}.referral-link-box{align-items:center;background:#0000004d;border:1px solid #00d4ff4d;border-radius:5px;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.referral-link-text{color:#aaa;flex:1 1;font-size:.875rem;word-break:break-all}.copy-link-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.referral-actions{display:flex;gap:1rem}.share-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem}.referrals-table{margin-top:1rem;overflow-x:auto}.referrals-table table{border-collapse:collapse;width:100%}.referrals-table td,.referrals-table th{border-bottom:1px solid #00d4ff33;padding:.75rem;text-align:left}.referrals-table th{color:#00d4ff;font-weight:500}.status{border-radius:15px;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.status.active{background:#0f83;color:#0f8}.status.pending{background:#fa03;color:#fa0}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-card{background:#0000004d;border:1px solid #00d4ff33;border-radius:10px;opacity:.5;padding:1.5rem;text-align:center}.achievement-card.unlocked{border-color:#0f8;opacity:1}.achievement-icon{color:#fa0;font-size:3rem;margin-bottom:1rem}.achievement-card.unlocked .achievement-icon{color:#0f8}.achievement-card h4{color:#00d4ff;margin-bottom:.5rem}.achievement-card p{color:#aaa;font-size:.875rem}.achievement-date{color:#0f8;display:block;font-size:.75rem;margin-top:.5rem}.progress-stats{display:flex;flex-direction:column;gap:1.5rem}.forum-content{padding:3rem;text-align:center}.forum-placeholder{align-items:center;color:#aaa;display:flex;flex-direction:column;gap:1rem}.forum-btn{background:linear-gradient(135deg,#00d4ff,#ff0080);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 2rem}.empty-state{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.loading{color:#00d4ff;font-size:1.2rem;padding:3rem;text-align:center}.order-modal-overlay,.ticket-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.order-modal-content,.ticket-modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid #00d4ff4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.order-modal-header,.ticket-modal-header{align-items:center;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:1.5rem 2rem}.order-modal-header h2,.ticket-modal-header h2{color:#00d4ff;font-size:1.5rem;margin:0}.close-modal-btn{align-items:center;background:#0000;border:none;color:#ff0080;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.close-modal-btn:hover{color:#ff4d4d;transform:scale(1.1)}.order-modal-body,.ticket-modal-body{padding:2rem}.order-detail-section,.ticket-detail-section{margin-bottom:2rem}.order-detail-section:last-child,.ticket-detail-section:last-child{margin-bottom:0}.order-detail-section h3,.ticket-detail-section h3{border-bottom:1px solid #00d4ff33;color:#00d4ff;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item strong{color:#00d4ff;font-size:.9rem}.detail-item span{color:#fff;font-size:1rem}.order-status-badge,.priority-badge,.ticket-status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.priority-badge.low{background:#0f83;color:#0f8}.priority-badge.medium{background:#fa03;color:#fa0}.priority-badge.high{background:#ff008033;color:#ff0080}.priority-badge.urgent{background:#ff4d4d33;color:#ff4d4d}.ticket-status-badge.open,.ticket-status-badge.pending{background:#fa03;color:#fa0}.ticket-status-badge.in-progress{background:#00d4ff33;color:#00d4ff}.ticket-status-badge.completed,.ticket-status-badge.resolved{background:#0f83;color:#0f8}.ticket-status-badge.closed{background:#80808033;color:grey}.features-list{list-style:none;margin:0;padding:0}.features-list li{border-bottom:1px solid #ffffff1a;color:#fff;padding:.5rem 0}.features-list li:before{color:#0f8;content:"✓ ";font-weight:700;margin-right:.5rem}.ticket-subject{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.ticket-description-full{color:#e0e0e0;line-height:1.6;margin:0;white-space:pre-wrap}.ticket-response{background:#00d4ff1a;border-left:3px solid #00d4ff;border-radius:5px;margin-top:1rem;padding:1rem}.ticket-response p{color:#fff;line-height:1.6;margin:0 0 .5rem}.response-date{color:#00d4ff;font-size:.85rem;font-style:italic}.order-modal-footer,.ticket-modal-footer{border-top:1px solid #00d4ff33;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.order-modal-footer .action-btn,.ticket-modal-footer .close-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.order-modal-footer .action-btn.close-btn,.ticket-modal-footer .close-btn{background:#80808033;color:#fff}.order-modal-footer .action-btn.close-btn:hover,.ticket-modal-footer .close-btn:hover{background:#80808066}@media (max-width:1024px){.dashboard-overview{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.user-top-nav{padding:1rem 1.5rem}.user-logo{font-size:1.2rem}.logout-btn,.user-name{font-size:.9rem}.logout-btn{padding:.5rem 1rem}.user-sidebar{height:calc(100vh - 70px);left:0;position:fixed;top:70px;width:260px;z-index:999}.user-sidebar.closed{transform:translateX(-100%);width:0}.user-main{margin-left:0;padding:1.5rem}.user-dashboard-content h2{font-size:2rem;margin-bottom:2rem}.dashboard-overview{gap:1.25rem;grid-template-columns:1fr}.overview-card{padding:1.5rem}.achievements-grid,.dashboard-overview,.form-grid,.projects-grid,.services-grid{grid-template-columns:1fr}.order-details,.ticket-footer{align-items:flex-start;flex-direction:column}.billing-tabs,.notification-tabs,.service-tabs,.support-tabs{flex-wrap:wrap}}@media (max-width:480px){.user-top-nav{flex-wrap:wrap;gap:.75rem;padding:.875rem 1rem}.top-nav-left,.top-nav-right{gap:.75rem}.user-logo{font-size:1rem}.user-main{padding:1rem}.user-dashboard-content h2{font-size:1.75rem;margin-bottom:1.5rem}.overview-card{padding:1.25rem}}@media (min-width:320px) and (max-width:480px){.analytics-reports,.billing-payments,.notification-system,.order-management,.profile-management,.project-portfolio,.service-management,.settings-preferences,.social-features,.support-help{border-radius:8px;padding:1rem}.analytics-reports h2,.billing-payments h2,.notification-system h2,.order-management h2,.profile-management h2,.project-portfolio h2,.service-management h2,.settings-preferences h2,.social-features h2,.support-help h2{font-size:1.5rem;margin-bottom:1.5rem}.profile-section{margin-bottom:1rem;padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-picture-preview{height:120px;width:120px}.form-grid{gap:1rem;grid-template-columns:1fr}.order-filters{flex-direction:column;gap:.75rem}.search-box,.status-filter select{width:100%}.order-card{padding:1rem}.order-header{gap:.75rem}.order-details,.order-header{align-items:flex-start;flex-direction:column}.order-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.project-filters{flex-direction:column}.project-card{padding:1rem}.project-header{align-items:flex-start;flex-direction:column;gap:.75rem}.project-info{flex-direction:column;gap:.5rem}.project-actions{flex-direction:column;width:100%}.project-actions .action-btn{width:100%}.notification-tabs{flex-direction:column;gap:.5rem}.notification-tabs button{justify-content:center;width:100%}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem}.notification-actions{justify-content:flex-start;width:100%}.preferences-list{gap:.75rem}.preference-item{align-items:flex-start;flex-direction:column;gap:.75rem}.billing-tabs{flex-direction:column;gap:.5rem}.billing-tabs button{justify-content:center;width:100%}.invoice-card,.payment-card,.subscription-card{padding:1rem}.invoice-header,.payment-header,.subscription-header{align-items:flex-start;flex-direction:column;gap:.75rem}.invoice-actions,.subscription-actions{flex-direction:column;width:100%}.invoice-actions button,.subscription-actions button{width:100%}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.time-range-selector,.time-range-selector select{width:100%}.metrics-grid,.stats-grid{gap:1rem;grid-template-columns:1fr}.metric-card,.stat-card{padding:1rem}.progress-stats,.project-rates{gap:.75rem}.spending-summary{grid-template-columns:1fr}.support-tabs{flex-direction:column;gap:.5rem}.support-tabs button{justify-content:center;width:100%}.faq-list{gap:.75rem}.faq-item{padding:1rem}.chat-container{min-height:300px;padding:1rem}.chat-input{flex-direction:column}.chat-input button,.chat-input input{width:100%}.tickets-header{align-items:flex-start;flex-direction:column;gap:1rem}.new-ticket-btn{justify-content:center;width:100%}.ticket-card,.ticket-form{padding:1rem}.ticket-footer,.ticket-header{align-items:flex-start;flex-direction:column;gap:.75rem}.view-ticket-btn{justify-content:center;width:100%}.settings-section{margin-bottom:1rem;padding:1rem}.theme-options{flex-direction:column}.theme-option{width:100%}.save-settings-btn,.settings-actions{justify-content:center}.save-settings-btn{width:100%}.social-section{margin-bottom:1rem;padding:1rem}.referral-stats{grid-template-columns:1fr}.referral-code-section{padding:1rem}.referral-code-box{flex-direction:column;gap:.75rem}.referral-code-box code{font-size:1rem;word-break:break-all}.copy-btn{justify-content:center;width:100%}.referral-link-section{margin-top:1rem}.referral-link-box{flex-direction:column;gap:.75rem}.referral-link-text{font-size:.75rem;width:100%;word-break:break-all}.copy-link-btn{justify-content:center;width:100%}.referral-actions{flex-direction:column}.share-btn{justify-content:center;width:100%}.referrals-table{font-size:.75rem}.referrals-table td,.referrals-table th{padding:.5rem}.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:1rem}.order-modal-overlay,.ticket-modal-overlay{padding:.5rem}.order-modal-content,.ticket-modal-content{border-radius:8px;margin:0;max-width:100%}.order-modal-header,.ticket-modal-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.order-modal-header h2,.ticket-modal-header h2{font-size:1.25rem}.order-modal-body,.ticket-modal-body{padding:1rem}.detail-grid{grid-template-columns:1fr}.order-modal-footer,.ticket-modal-footer{flex-direction:column;padding:1rem}.order-modal-footer .action-btn,.ticket-modal-footer .close-btn{justify-content:center;width:100%}.project-modal{padding:.5rem}.project-modal .modal-content{margin:0;max-width:100%;padding:1rem}.modal-details{flex-direction:column;gap:.75rem}.messages-section,.team-section{margin-top:1rem}.team-list{gap:.5rem}.message-input,.team-list{flex-direction:column}.message-input button,.message-input input{width:100%}}@media (min-width:481px) and (max-width:768px){.analytics-reports,.billing-payments,.notification-system,.order-management,.profile-management,.project-portfolio,.service-management,.settings-preferences,.social-features,.support-help{padding:1.5rem}.achievements-grid,.form-grid,.metrics-grid,.referral-stats,.stats-grid{grid-template-columns:repeat(2,1fr)}.order-filters{flex-wrap:wrap}.search-box{flex:1 1 100%;min-width:200px}.status-filter{flex:1 1 auto}.billing-tabs,.notification-tabs,.support-tabs{flex-wrap:wrap}.billing-tabs button,.notification-tabs button,.support-tabs button{flex:1 1 auto;min-width:120px}}@media (min-width:769px) and (max-width:1024px){.metrics-grid,.stats-grid{grid-template-columns:repeat(3,1fr)}.referral-stats{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}.detail-grid,.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.metrics-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.referral-stats{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(4,1fr)}.detail-grid,.form-grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.62654fa8.css.map*/