:root{--bg-color-primary: #f2f2f2;--bg-color-secondary1: linear-gradient(to bottom,hsl(202, 72%, 47%, .4), #f2f2f2);--bg-color-secondary2: linear-gradient(to top, hsl(202, 72%, 47%, .4), #f2f2f2);--bg-color-brands: hsl(202, 72%, 47%, .4);--bg-color-ternary: #228fce;--bg-hover-color: #f2f2f2;--mobile-bg-color: #f2f2f2;--input-bg: #f2f2f2;--placeholder-text: #656566;--bg-color-admin: #f2f2f2;--bg-color-admin2: #228fce;--completed-green-bg: #d6f8e0;--profile-panel-bg: #f2f2f2;--primary-color: #228fce;--secondary-color: #e77525;--text-color1: black;--text-color2: #f2f2f2;--pg-color: #f2f2f2;--grey-text: #475569;--fs-h1: clamp(2rem, 1.6428571428571428rem + 1.7857142857142856vw, 4.5rem);--fs-h2: clamp(1.5rem, 1.3571428571428572rem + .7142857142857143vw, 2.5rem);--fs-h3: clamp(1.25rem, 1.1785714285714286rem + .35714285714285715vw, 1.75rem);--fs-p: clamp(1rem, .9642857142857143rem + .17857142857142858vw, 1.25rem);--primary-font-family: "Josefin sans", "sans-serif";--hero-overlay-gradient: linear-gradient(to bottom, rgba(34, 143, 206, .95) 0%, rgba(34, 143, 206, .5) 65%, rgba(255, 255, 255, .5) 100%)}.darkmode{--bg-color-primary: #1E293B;--bg-color-secondary1: linear-gradient(to bottom,#202020, #56565670);--bg-color-secondary2: linear-gradient(to top, #202020, #56565670);--bg-color-brands: #202020;--bg-color-ternary: #1f508d;--bg-hover-color: #f2f2f2;--mobile-bg-color: #202020;--input-bg: #94A3B8;--placeholder-text: white;--bg-color-admin: #2a3951;--bg-color-admin2: #2a3951;--grey-text: #8c929c;--completed-green-bg: #89b095;--profile-panel-bg: #1f508d;--primary-color: #228fce;--secondary-color: #e77525;--text-color1: #f2f2f2;--text-color2: black;--hero-overlay-gradient: linear-gradient(to bottom, rgba(31, 80, 141, .95) 0%, rgba(31, 80, 141, .5) 65%, #12121280 100%)}html{scroll-behavior:smooth;overflow-x:hidden}*,:after,:before{padding:0;margin:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none}a,button{cursor:pointer}body{background-color:var(--bg-color-primary);color:var(--text-color1);font-family:var(--primary-font-family);overflow-x:hidden;transition:all .3s ease}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:#228fce66}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:20px}.nav-container{display:flex;align-items:center;justify-content:center}#navbar{width:min(90%,1700px);height:clamp(3rem,5vw,7rem);position:fixed;top:clamp(1.2rem,6vw,1.6rem);z-index:10;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color-primary);border-radius:30px;box-shadow:0 4px 20px #0003;transition:background-color .3s ease,box-shadow .3s ease}.logo{height:auto;width:clamp(5rem,8vw,10rem);margin-left:clamp(.7rem,2vw,1.25rem)}.nav-menu{display:flex;align-items:center;gap:clamp(1.5rem,2vw,4.5rem)}.nav-menu li{margin:0}.nav-menu li button{color:var(--text-color1);white-space:nowrap;position:relative;background:none;border:none;font-family:var(--primary-font-family);font-weight:500;font-size:var(--fs-p)}.nav-link:before{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:3px;background-color:var(--bg-color-ternary);transition:.3s}.nav-link:is(:hover,:focus,:active):before{width:100%;left:0}.navbar-right{display:flex;align-items:center;gap:.25rem}.btn-contact{height:auto;padding:clamp(.5em,1vw,.9em) clamp(1em,2vw,1.5em);border:3px solid transparent;border-radius:50px;background-color:var(--bg-color-ternary);text-decoration:none;color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;font-family:var(--primary-font-family);transition:all .2s ease-in}.btn-contact:is(:hover,:focus,:active){background-color:#f2f2f2;border:3px solid var(--bg-color-ternary);color:var(--bg-color-ternary)}@media(max-width:1024px){.nav-menu,.navbar-right{display:none}#navbar{width:max-content!important;gap:1rem}}.hamburger{display:none}.hamburger .hamburger-icon{width:clamp(2rem,5vw,3rem);height:auto;color:#fff}@media(max-width:1024px){.hamburger{border:none;display:flex;align-items:center;justify-content:center;width:clamp(2.5rem,2vw,5rem);height:clamp(2.5rem,2vw,5rem);margin-right:.3rem;cursor:pointer;background-color:var(--secondary-color);border-radius:50%}.hamburger .hamburger-icon{height:auto;width:70%}}.mobile-nav-link{background:none;border:none;font-family:var(--primary-font-family);font-weight:500;font-size:var(--fs-h3)}.nav-mobile{display:none}@media(max-width:1024px){.nav-mobile{position:fixed;width:min(65%,350px);height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;gap:3rem;padding-bottom:2rem;right:-100%;top:0;z-index:200;background:var(--mobile-bg-color);box-shadow:-5px 0 20px #0000001a;border-left:none;transition:right .4s ease-out;overflow-y:auto;overscroll-behavior:contain}.nav-mobile.show{right:0}.nav-mobile .close-btn{display:flex;align-items:center;position:absolute;width:2rem;height:2rem;cursor:pointer;border:none;padding:0;background:transparent;top:clamp(25px,3vw,35px);right:clamp(25px,3vw,35px)}.nav-mobile .close-btn .close-icon{height:100%;width:100%;color:var(--bg-color-ternary)}.mobile-nav-menu{display:flex;flex-direction:column;align-items:end;gap:1.5rem;width:100%;box-sizing:border-box;font-size:var(--fs-h3);margin:clamp(20%,15vh,40%) 0 0 0;padding-right:clamp(25px,3vw,35px)}.mobile-nav-menu .mobile-nav-link{color:var(--text-color1);text-decoration:none}.mobile-navbar-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;margin-top:30px;width:100%;flex:1;height:auto;box-sizing:border-box;gap:2rem;padding-right:clamp(25px,3vw,35px)}.mobile-btn-contact{height:auto;padding:clamp(.5em,1vw,.9em) clamp(1em,2vw,1.5em);border:3px solid transparent;border-radius:50px;background-color:var(--bg-color-ternary);text-decoration:none;color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;font-family:var(--primary-font-family);transition:all .2s ease-in}.mobile-btn-contact:hover{background-color:#f2f2f2;border:3px solid var(--primary-color);color:var(--primary-color)}.mobile-menu-content{display:flex;flex-direction:column;flex:1;width:100%}}.theme-switch{height:clamp(1.2rem,2vw,1.8rem);width:clamp(2.5rem,4vw,3.5rem);margin-right:clamp(.7rem,2vw,1.25rem);border-radius:50px;border:none;background-color:#ddd;box-shadow:#32325d40 0 2px 2px -2px inset,#0000004d 0 2px 2px -2px inset;display:flex;align-items:center;justify-content:start;transition:all .2s ease-in;position:relative;transform:rotate(90deg);overflow:hidden;cursor:pointer}.my-icon{position:relative;height:80%;width:auto;aspect-ratio:1 / 1;left:5%;background:#fff;color:var(--bg-color-ternary);padding:.2rem;border-radius:50%;transition:left .3s cubic-bezier(.4,0,.2,1);transform:rotate(270deg);display:flex;align-items:center;justify-content:center}.my-icon svg{width:100%;height:100%}body.darkmode .theme-switch{background-color:var(--bg-color-ternary);box-shadow:#32325d40 0 2px 2px -2px inset,#0000004d 0 2px 2px -2px inset}body.darkmode .theme-switch .my-icon{left:calc(100% - clamp(1rem,1.5vw,1.5rem) - clamp(2px,.4vw,4px));transform:rotate(270deg)}@media(max-width:1024px){.theme-switch{transform:rotate(0);overflow:visible}body.darkmode .theme-switch .my-icon{transform:rotate(0);padding:5%}.my-icon{transform:rotate(0)}}#hero{width:100%;min-height:100dvh;scroll-margin-top:clamp(3rem,5vw,8rem);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hero-overlay-gradient)}.hero-main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(90%,800px);margin-top:clamp(1rem,calc(10rem - 10dvh),5rem);flex-grow:1}.hero-up{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:1rem}.hero-title{width:100%;font-size:var(--fs-h1);font-weight:700;color:#f2f2f2}.hero-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.hero-description{font-size:var(--fs-p);color:#f2f2f2;line-height:1.3}.hero-description span{font-weight:700;font-style:italic}.hero-btn{display:flex;align-items:center;justify-content:center;width:max-content;padding:clamp(.75rem,1vw,1rem) clamp(1.2rem,2vw,3rem);background-color:var(--secondary-color);color:#f2f2f2;font-size:var(--fs-p);font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #0003;border:3px solid transparent;border-radius:20px;text-decoration:none;transition:all .2s ease}.hero-btn:is(:hover,:focus,:active){background-color:var(--bg-hover-color);border:3px solid var(--secondary-color);color:var(--secondary-color)}.hero-achievements{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,5vw,15rem);padding:1rem 0}@media(min-width:1024px){.hero-description{font-size:calc(var(--fs-p) * 1.1)}}@media(max-width:400px){.hero-achievements{flex-direction:column}}.milestone-wrapper{color:var(--text-color1);text-shadow:0 2px 8px rgba(0,0,0,.4)}.milestone-number{font-size:var(--fs-h2);font-weight:800}.milestone-title{font-size:var(--fs-p);letter-spacing:1px}.logos-section{background-color:var(--bg-color-brands);padding:50px 0 0;width:100%}.logos-title{text-align:center;font-size:var(--fs-h3);color:var(--text-color1);margin-top:0;margin-bottom:40px;font-weight:600}.logos-container{height:80px;position:relative;overflow:hidden;max-width:1400px;margin:0 auto}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #f2f2f2}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:150px;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;filter:brightness(0) invert(1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center;filter:none}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}@media(max-width:768px){.logoloop{--logoloop-gap: 35px !important;--logoloop-logoHeight: 35px !important}.logoloop__item img{width:90px}}#services{background:var(--bg-color-secondary1);height:auto;width:100%;display:flex;flex-direction:column;align-items:center;scroll-margin-top:clamp(3rem,5vw,8rem);padding:clamp(1rem,10vh,4rem) clamp(1rem,5vw,3rem)}.sub-title{width:100%;font-size:var(--fs-h2);font-weight:700;color:var(--text-color1);text-align:center;margin-bottom:clamp(1.5rem,4vw,5rem)}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(2rem,10vw,4rem);max-width:1400px;width:100%;margin:0 auto}.card{flex:1 1 300px;width:100%;max-width:300px;min-height:clamp(400px,50vh,500px);perspective:1000px;display:flex;align-items:stretch}.card__inner{width:100%;height:100%;transition:transform 1.2s;transform-style:preserve-3d;position:relative;cursor:pointer}.card__inner.is-flipped{transform:rotateY(180deg)}.card__face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;border-radius:15px;box-shadow:0 3px 18px 10px #0003}.card__face--front img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;bottom:0;width:100%;height:50%;padding:30% 2% 7%;background:linear-gradient(to top,var(--bg-color-ternary),rgba(255,255,255,0));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem}.card__face--front h3{color:#f2f2f2;font-size:var(--fs-h3);text-shadow:0 2px 4px rgba(0,0,0,.5)}.card__face--front .btn-more{background-color:#fff3;backdrop-filter:blur(5px);border:2px solid #f2f2f2;border-radius:30px;width:max-content;padding:.5em 1.5em;font-size:var(--fs-p);font-weight:700;font-family:var(--primary-font-family);color:#f2f2f2;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.card__face--front .btn-more svg{width:1.5rem;height:auto;transform:rotate(90deg);transition:all .3s ease}.card__face--front .btn-more:is(:hover,:focus,:active) svg{transform:rotate(45deg)}.card__face--front .btn-more:is(:hover,:focus,:active){background:#f2f2f2;color:var(--bg-color-ternary);border:2px solid var(--bg-color-ternary)}.card__face--back{background-color:var(--bg-color-primary);transform:rotateY(180deg)}.card__content{width:100%;height:100%}.card__header{position:relative;padding:30px 20px;background-color:var(--bg-color-ternary);border-radius:0 0 30%;display:flex;flex-direction:column;justify-content:center;align-items:center}.card__header h3{font-size:var(--fs-h3);white-space:nowrap;margin:.5rem;color:#f2f2f2}.card__header svg{width:clamp(3rem,15%,5rem);height:auto;color:#fff}.card__body{font-size:var(--fs-p);color:var(--text-color1);padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:left;line-height:1.3}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-next,~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto;::slotted(.swiper-navigation-icon),.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2);button&{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:.2s transform,.2s left}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));.swiper-scrollbar-disabled>&,&.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>&,&.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>&,&.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;>img,>svg,>canvas{max-width:100%;max-height:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;.swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,.swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0;&:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,.swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}}#reference{scroll-margin-top:clamp(3rem,3vw,8rem);height:auto;width:100%;background:var(--bg-color-secondary2);padding:clamp(1rem,10vh,4rem) clamp(1rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}.ref-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:clamp(150px,20vw,200px);z-index:0;pointer-events:none;background-color:var(--secondary-color)}.reference-container{width:100%;position:relative;z-index:1}.card-wrapper{width:min(95%,1400px);margin:clamp(2rem,5vw,4rem) auto;padding:20px 20px 50px;overflow:hidden}.card-link{user-select:none;display:block;width:100%;position:relative;overflow:hidden;text-decoration:none;box-shadow:0 10px 10px #0003;border-radius:15px;aspect-ratio:1/1;transition:transform .3s ease,box-shadow .3s ease}.card-link:active{cursor:grabbing}.card-link:hover{transform:translateY(-10px)}.card-image{width:100%;height:100%;object-fit:cover;display:block}.reference-hover{position:absolute;bottom:0;left:0;pointer-events:none;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(to top,var(--secondary-color),rgba(0,0,0,0) 60%);opacity:0;transform:translateY(80px);transition:all .4s ease}.card-link:is(:hover,:focus,:active) .reference-hover{opacity:1;transform:translateY(0)}.card-title{font-size:var(--fs-h3);color:#f2f2f2;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-wrapper .swiper-pagination{bottom:0!important}.card-wrapper .swiper-pagination-bullet{width:10px;height:10px;background-color:#e77525;opacity:.5;transition:all .3s ease}.card-wrapper .swiper-pagination-bullet-active{opacity:1}.swiper-button-next,.swiper-button-prev{color:#e77525;background-color:#f2f2f2;width:clamp(2.5rem,4vw,3.5rem);height:clamp(2.5rem,4vw,3.5rem);border-radius:50%;transition:all .3s ease;scale:.5;padding:clamp(40px,3vw,60px)}.swiper-button-next:after,.swiper-button-prev:after{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.swiper-button-next:hover,.swiper-button-prev:hover{transform:scale(1.1)}@media(max-width:1024px){.swiper-button-next,.swiper-button-prev{display:none}}#contact{position:relative;background-image:linear-gradient(to bottom,#228fce80,#fff0),url(/assets/contactBg-Cs7LtrWl.avif);background-size:cover;background-position:right bottom;background-attachment:fixed;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:clamp(3rem,5vw,8rem);padding-bottom:clamp(250px,20vw,280px)}.content{margin-left:clamp(2rem,10vw,15%);width:min(90%,600px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(2rem,4vw,3rem);z-index:3}#contact .sub-title{text-align:left;width:100%;color:#000;padding-top:10%}.contacts{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);width:100%}.contact{display:flex;align-items:center;white-space:nowrap;gap:1.5rem;color:var(--pg-color);width:max-content;transition:all .3s ease}.contact:hover{transform:translate(10px)}.contact p{display:flex;flex-direction:column;gap:.5rem;line-height:1.2}.contact a{color:#000;font-size:calc(var(--fs-p) * 1.2);font-weight:500;text-decoration:none}.contact .contact-icon{scale:1.5;color:#000}.contact:is(:hover,:focus,:active) .contact-icon{color:var(--bg-color-ternary)}.footer-wave svg{display:block;width:100%;height:auto}@media(max-width:426px){#contact{background-image:linear-gradient(to bottom,#228fce80,#fff0),url(/assets/contactBgPhone-BKz0lCoG.avif);background-attachment:scroll}#contact .sub-title{text-align:center}.contacts{align-items:center}.content{margin:0 auto}}.faq-section{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:700px;margin:0 auto;padding:clamp(2rem,6vw,4rem) 1.5rem}.faq-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.faq-header h2{font-size:var(--fs-h2);color:var(--text-color1)}.faq-header p{color:var(--grey-text);max-width:45ch}.faq-list{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--grey-text)}.faq-contact-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:clamp(2rem,5vw,3rem);border-radius:1.25rem;background-color:var(--bg-color-ternary);text-align:center}.faq-contact-img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:.75rem;border:2px solid #ffffff}.faq-contact-card h3{font-size:var(--fs-h3);color:#f2f2f2}.faq-contact-card p{color:#ccc;margin-bottom:.5rem}.faq-contact-btn{display:inline-block;padding:.75rem 1.75rem;border-radius:.85rem;background-color:var(--bg-color-admin);color:var(--text-color1);font-weight:600;text-decoration:none;transition:transform .15s ease}.faq-contact-btn:hover,.faq-contact-btn:focus-visible{transform:translateY(-3px)}.faq-item{border-bottom:1px solid var(--grey-text)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:var(--fs-p);font-weight:700;color:var(--text-color1)}.faq-icon{flex-shrink:0;width:25px;height:25px;color:var(--bg-color-ternary);transition:transform .25s ease}.faq-item.is-open .faq-icon{transform:rotate(45deg)}.faq-answer-wrapper{overflow:hidden;max-height:0px;transition:max-height .3s ease}.faq-answer{margin:0 0 1.25rem;color:var(--grey-text);line-height:1.6;max-width:60ch}@media(prefers-reduced-motion:reduce){.faq-answer-wrapper,.faq-icon{transition:none}}.footer-container{width:100%;height:auto;background-color:var(--bg-color-ternary);display:flex;flex-direction:column;align-items:center;padding:0 0 clamp(.5rem,2vw,1rem)}.footer-top{display:flex;align-items:center;justify-content:center;gap:clamp(2%,4vw,10%);width:min(95%,1600px);height:100%}.footer-left,.footer-right{display:flex;flex-direction:column;flex:1}.footer-left{align-items:flex-end;text-align:right}.footer-right{align-items:flex-start;text-align:left}.footer-mid{display:flex;align-items:center;justify-content:center}.footer-mid img{background-color:#f2f2f2;padding:clamp(10px,1.5vw,20px);border-radius:20px;aspect-ratio:1/1;object-fit:contain;position:relative;z-index:10;width:clamp(120px,12vw,180px);height:auto;transition:all .3s ease}.footer-p{display:flex;flex-direction:row;align-items:center;gap:10px;margin:clamp(.5rem,1vw,1rem) 0;color:var(--pg-color);white-space:nowrap;font-size:calc(var(--fs-h3) * .9);transition:all .3s ease}.footer-mid img:is(:hover,:focus,:active),.footer-p:is(:hover,:focus,:active){transform:translateY(-5px)}.footer-p svg{width:1.5em;height:auto}.footer-container a{text-decoration:none;color:var(--pg-color);transition:opacity .2s ease}.footer-container a:hover{text-decoration:underline}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:clamp(1rem,2vw,3rem);text-align:center}.footer-bottom p{font-size:calc(var(--fs-p) * .85);color:var(--pg-color);opacity:.9}@media(max-width:768px){.footer-p a,.footer-p p{font-size:calc(var(--fs-p) * .8)}}@media(max-width:550px){.footer-top{display:flex;flex-direction:column;align-items:center}.footer-mid{order:-1}.footer-left{order:2;display:flex;align-items:center;justify-content:center}.footer-right{order:1;display:flex;align-items:center;justify-content:center}.footer-p a,.footer-p p{font-size:var(--fs-p)}}#scroll-up{position:fixed;z-index:99;bottom:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);width:clamp(3rem,4.5vw,5rem);height:clamp(3rem,4.5vw,5rem);background-color:var(--bg-color-ternary);border-radius:100%;border:3px solid transparent;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease-in}#scroll-up:is(:hover,:focus,:active){background-color:#f2f2f2;border:3px solid var(--bg-color-ternary);transform:scale(1.1)}#scroll-up svg{width:100%;height:60%;transition:scale .3s ease;color:#f2f2f2}#scroll-up:is(:hover,:focus,:active) svg{color:var(--bg-color-ternary)}.cookie-panel{position:fixed;width:min(90%,600px);left:50%;bottom:20px;transform:translate(-50%,150%);background:#f2f2f2;border-radius:15px;border:none;box-shadow:0 10px 30px #00000026;z-index:100;color:#000;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem clamp(1rem,2vw,1.5rem);transition:transform .4s ease-in-out}.cookie-panel.show{transform:translate(-50%,-5%)}.cookie-panel header{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem;white-space:nowrap;color:var(--bg-color-ternary)}.cookie-panel header .cookie-icon{width:clamp(2.5rem,3vw,3rem);height:auto}.cookie-panel header h2{font-size:var(--fs-h2)}.cookie-panel .data{text-align:left;width:100%;font-size:var(--fs-p);line-height:1.2}.cookie-panel .data a{color:var(--bg-color-ternary);text-decoration:none}.cookie-panel .data a:hover{text-decoration:underline}.cookie-panel .cookie-btns{display:flex;width:100%;gap:clamp(.7rem,2vw,1.5rem)}.cookie-panel .cookie-btns .button{font-weight:700;font-size:clamp(1rem,.9642857142857143rem + .17857142857142858vw,1.25rem);padding:clamp(.5rem,2vw,.75rem);border-radius:10px;flex:1;cursor:pointer;transition:all .2s ease-in-out}.cookie-panel #acceptBtn{background:var(--bg-color-ternary);border:3px solid transparent;color:#f2f2f2}.cookie-panel #rejectBtn{background:transparent;border:3px solid var(--bg-color-ternary);color:var(--bg-color-ternary)}.cookie-panel #acceptBtn:hover,.cookie-panel #rejectBtn:hover{transform:scale(1.05)}#content{position:relative;padding-bottom:15%}#content img{width:clamp(90%,10vw,100%);max-width:1200px;aspect-ratio:16/9;object-fit:cover;display:flex;justify-content:center;align-items:center;margin:clamp(5rem,8vw,7rem) auto;border-radius:20px;box-shadow:10px 10px 10px #00000040}.background{width:100%;height:95%;position:absolute;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,var(--bg-color-ternary),rgba(255,255,255,0))}.text{width:clamp(85%,10vw,100%);max-width:1050px;margin:clamp(-13rem,-20vw,-7rem) auto 0;position:relative;z-index:3;padding:clamp(1.5rem,5vw,4rem);border-radius:20px;text-align:left;line-height:1.5;color:var(--text-color1);background-color:var(--bg-color-primary)}.text h1{text-align:center;padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-h1)}.text p{margin-bottom:2%}.text p,.information ul li{font-size:var(--fs-p)}.information .subtitle{text-align:left;padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-h2)}.subtitle span{color:var(--bg-color-ternary)}.information ul li,.information p{margin-bottom:2%;display:flex;align-items:center}.information ul{padding-left:clamp(.3rem,2.5vw,2.5rem)}.information ul li{gap:.5rem}.information ul li span{color:var(--bg-color-ternary)}.information a{color:var(--text-color1)}.information a:is(:hover,:focus-visible){text-decoration:underline;color:var(--primary-color)}.download-btn{display:block;text-align:center;text-decoration:underline;color:var(--primary-color);padding:clamp(1.5rem,4vw,3rem) 0;font-size:var(--fs-p)}.footer-wave{position:absolute;left:0;bottom:-5px;width:100%;overflow:hidden;line-height:0;fill:var(--bg-color-ternary)}.footer-wave svg{display:block;width:100%;height:auto;position:relative;z-index:-1}@media(max-width:500px){#content img{aspect-ratio:16/11}}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-color1);font-size:1.1rem}.change-password-modal{width:min(100%,28rem);padding:2rem 1.2rem;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 3rem #228fce2e}.change-password-modal h2{margin-bottom:.75rem;color:var(--bg-color-ternary);font-size:var(--fs-h2)}.change-password-description{margin-bottom:1.5rem;color:var(--grey-text);line-height:1.5}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.change-password-error{color:#dc2626;font-size:.95rem}.change-password-submit{margin-top:.5rem;padding:.9rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#228fce,#1f508d);color:#fff;font:inherit;font-weight:600;cursor:pointer}.change-password-submit:disabled{opacity:.7;cursor:not-allowed}.input-field{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.input-field label{font-size:var(--fs-p)}.input-field input,.input-field textarea{background-color:var(--input-bg);width:100%;border:none;box-sizing:border-box;border-radius:11px;padding:.7rem;font-family:inherit;box-shadow:inset 0 0 10px #0003;color:#000}.input-field input::placeholder,.input-field textarea::placeholder{color:var(--placeholder-text)}.input-field textarea{resize:none;height:100%}.input-field input.input-error,.input-field textarea.input-error{border:2px solid #ff4d4d;box-shadow:inset 0 0 5px #ff4d4d33}.error-text{color:#ff4d4d;font-size:.75rem;font-weight:700;margin-top:-2px}.backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000!important;display:flex;align-items:center;justify-content:center;background-color:#000000b3;backdrop-filter:blur(3px)}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);background:#f8fafc}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);scrollbar-width:none;-ms-overflow-style:none}.login-form-panel::-webkit-scrollbar{display:none}.login-form-inner{width:min(100%,26rem);display:flex;flex-direction:column;gap:1.5rem}.login-logo{width:min(100%,12rem);height:auto;margin:0 auto}.login-heading h1{margin-bottom:.35rem;color:#111827;font-size:var(--fs-h2);text-align:center}.login-heading p{color:var(--grey-text);text-align:center;font-size:var(--fs-p)}.login-form{display:flex;flex-direction:column;gap:.85rem;overflow:hidden}.login-form label{font-weight:600;color:#000}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--grey-text)}.login-input-wrapper .input-field{width:100%;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.login-input-wrapper .input-field input{padding-left:3rem}.login-remember{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;cursor:pointer}.login-remember input{margin-top:.2rem;accent-color:var(--primary-color)}.login-remember span{display:flex;flex-direction:column;gap:.15rem;color:#000;font-weight:500}.login-remember small{color:var(--grey-text);font-weight:400}.login-error{color:#dc2626;font-size:.95rem}.login-submit-btn{margin-top:.35rem;padding:.95rem 1rem;border:none;border-radius:.85rem;background:linear-gradient(135deg,#228fce,#1f508d);color:#fff;font:inherit;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .75rem 1.5rem #228fce40}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-copyright{margin-top:.5rem;color:var(--grey-text);font-size:.85rem;text-align:center}@media(min-width:900px){.login-page{height:100vh;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-form-panel{overflow-y:auto}}.login-illustration-panel{position:relative;display:none;overflow:hidden;background:linear-gradient(145deg,#228fce36,#e7762522)}.login-illustration-bg{position:absolute;inset:0}.login-dot-grid{position:absolute;inset:12% 10%;background-image:radial-gradient(#94a3b8 1px,transparent 1px);background-size:18px 18px;opacity:.5;border-radius:1.5rem}.login-gradient-orb{position:absolute;border-radius:50%;filter:blur(12px)}.login-gradient-orb--one{top:8%;right:10%;width:10rem;height:10rem;background:radial-gradient(circle,rgba(34,143,206,.45),transparent 70%)}.login-gradient-orb--two{bottom:10%;left:8%;width:12rem;height:12rem;background:radial-gradient(circle,rgba(231,117,37,.35),transparent 70%)}.login-illustration-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:clamp(1rem,3vh,4rem);text-align:center}.login-illustration-content h2{max-width:18ch;margin-bottom:.75rem;color:#000;font-size:var(--fs-h2);line-height:1.2}.login-illustration-text{max-width:34ch;margin-bottom:1.5rem;color:var(--grey-text);line-height:1.6;font-size:var(--fs-p)}.login-lottie-wrapper{width:min(100%,35rem,70vh);max-height:45vh;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}@media(min-width:900px){.login-illustration-panel{display:block;height:100%}}.admin-content{width:max(60%,260px);margin:0 auto;padding-top:clamp(4.5rem,15vh,12rem);padding-bottom:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh}@media(max-width:1024px){.admin-content{width:90%}}.sidenav-container{width:190px;z-index:50}.sidenav-collapsed{width:85px}.sidenav-container,.sidenav-collapsed{box-shadow:0 0 33px 10px #0003;justify-content:space-between;position:fixed;height:100%;gap:1rem;transition:all .8s ease-in-out}.sidenav-container,.sidenav-collapsed{background-color:var(--bg-color-admin);transition:all .3s ease}.sidenav-container,.sidenav-top{display:flex;align-items:center;flex-direction:column}.sidenav-top{gap:1rem;padding:1rem;width:100%;justify-content:start;overflow-y:auto;overflow-x:hidden}.sidenav-top::-webkit-scrollbar{display:none}.sidenav-top a{display:flex;justify-content:center;align-items:center;width:100%;height:45px}.pkLogo,.sidenav-collapsed .pkLogo{margin:0 auto;max-width:100%;max-height:45px;width:auto;height:auto;object-fit:contain}.hide-btn{border:2px solid var(--bg-color-ternary);border-radius:50%;padding:.3rem;position:absolute;display:flex;right:0;top:1.6rem;transform:translate(70%);background-color:var(--bg-color-primary)}.sidenav-container .hide-btn svg{transform:rotate(-90deg);transition:all .8s ease}.sidenav-collapsed .hide-btn svg{transform:rotate(90deg);transition:all .8s ease}.sidenav-collapsed .hide-btn svg,.sidenav-container .hide-btn svg{transition:all .3s ease;color:var(--text-color1)}.sidenav-collapsed .nav-section-title{display:none}.sidenav-collapsed .nav-button{gap:0}.sidenav-container .btn-title{max-width:200px;opacity:1;transition:all .8s ease}.sidenav-collapsed .btn-title{max-width:0;opacity:0;margin:0;padding:0;transition:all .8s ease;overflow:hidden}@media screen and (max-width:1024px){.sidenav-container,.sidenav-collapsed{display:none}.admin-mobile-links,.nav-section{display:flex;flex-direction:column;justify-content:end;align-items:end}.admin-mobile-links{padding-right:clamp(25px,3vw,35px);gap:1rem;margin-top:5rem;overflow-y:auto;overflow-x:hidden}.mobile-menu-content .nav-section-button{display:flex;align-items:flex-end;justify-content:flex-end}.admin-mobile-links::-webkit-scrollbar{display:none}.admin-mobile-links .nav-button{width:75%;max-width:160px}.admin-mobile-menu{width:min(75%,250px)}}.nav-button{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:.5rem;gap:.3rem;border:2.5px solid var(--bg-color-ternary);border-radius:1rem;transition:all .3s ease}.nav-button:hover{transform:translateY(-3px)}.nav-button.active{background-color:var(--bg-color-ternary)}.nav-button svg{color:#228fce;height:30px;width:30px;flex-shrink:0}.nav-button.active svg{color:#f2f2f2}.nav-button .btn-title{margin-top:5px;font-family:var(--primary-font-family);font-size:var(--fs-p);color:var(--text-color1);line-height:1.5;padding-top:2px;white-space:nowrap;overflow:hidden}.nav-button.active .btn-title{color:#f2f2f2}.nav-section{width:100%;height:auto;margin:0 auto}.nav-section-title{font-size:var(--fs-p)-2px}.nav-section-buttons{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.nav-section-button{width:100%;padding:.4rem 0;display:flex;justify-content:center}.top-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:90;margin:0 auto;width:max(60%,260px);height:max(10%,60px);padding:0 2rem;border-radius:0 0 1rem 1rem;box-shadow:0 0 33px 10px #0003;background-color:var(--bg-color-admin)}.top-bar-middle{margin:0 auto;width:80%}.top-bar-middle h1{text-align:center;font-size:var(--fs-h2)}.profile-section{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.profile-dropdown-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-menu-wrapper{display:none}.top-bar .profile-section .profile-btn .profile-pic{width:100%;max-width:50px;height:auto}.profile-btn{border-radius:50%;width:clamp(2.5rem,2vw,5rem);height:clamp(2.5rem,2vw,5rem);border:1px solid black;overflow:hidden;padding:0}.profile-pic{border-radius:50%;vertical-align:middle;object-fit:cover;aspect-ratio:1/1;width:100%;height:auto}@media(max-width:1024px){.top-bar{width:90%;padding:0 1rem}.mobile-menu-wrapper{display:block}.top-bar-middle h1{font-size:var(--fs-h3)}}.profile-panel-wrapper{position:absolute;top:calc(100% + 12px);right:-14px;z-index:95;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));animation:fadeInDown .2s ease-out forwards}.profile-panel-inner{position:relative;background-color:var(--bg-color-admin);border-radius:1.25rem;padding:1.3rem;display:flex;flex-direction:column;align-items:center;min-width:14rem}.profile-panel-inner:before{content:"";position:absolute;top:-8px;right:24px;width:20px;height:20px;background-color:var(--bg-color-admin);transform:rotate(45deg);border-top-left-radius:4px}.profile-panel-img{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:1px solid black;position:relative;display:flex;align-items:center;justify-content:center}.profile-panel-name{font-size:1.25rem;color:var(--text-color1);font-weight:700;font-family:inherit;text-align:center;margin-top:10px}.profile-panel-role{font-size:1rem;color:var(--grey-text);text-align:center;margin:5px 0 15px}.profile-panel-version{font-size:1rem;color:var(--grey-text);text-align:center;margin:15px 0 0}.profile-panel-logout-btn{width:100%;padding:.85rem 1rem;background-color:#fc5555;color:#fff;border:none;border-radius:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.profile-panel-logout-btn:active{transform:scale(.98)}.profile-panel-install-btn,.profile-panel-userdata-btn,.profile-panel-companydata-btn{width:100%;margin-bottom:1rem;padding:.85rem 1rem;background-color:var(--bg-color-ternary);color:#f2f2f2;border:none;border-radius:.85rem;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .1s ease}.profile-panel-install-btn:hover,.profile-panel-logout-btn:hover,.profile-panel-userdata-btn:hover,.profile-panel-companydata-btn:hover{transform:translateY(-3px)}.darkmode-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}.darkmode-wrapper .theme-switch{transform:rotate(0);margin-right:0;flex-shrink:0}.darkmode-wrapper .theme-switch .my-icon{transform:rotate(0)}.darkmode-wrapper p{margin:0;font-size:1rem;color:var(--text-color1);line-height:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-data-modal{width:95vw;max-width:clamp(300px,50vw,550px);max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:1rem;border-radius:1rem;margin:0 auto;gap:2rem;background-color:var(--bg-color-primary);overflow:auto;scrollbar-width:none}.user-data-modal .title-bg,.user-datas-wrapper,.user-data-modal .modal-buttons{flex-shrink:0;width:100%}.user-data-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.user-data-modal .title-bg h1{padding:clamp(1.5rem,4vw,1.7rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700;line-height:1.3}.user-data-modal::-webkit-scrollbar{display:none}.user-datas-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:1rem;padding:0 2rem;width:100%}.user-wrapper-left{display:flex;justify-content:flex-start;align-items:flex-start;max-width:150px;margin-right:2rem}.user-wrapper-right{display:flex;flex-direction:column;gap:1rem;flex:1}.client-avatar{width:130px;height:130px;position:relative;border-radius:50%;box-shadow:0 5px 10px #34343433}.avatar-label{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;cursor:pointer}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.avatar-overlay:hover{background-color:#0009}.user-data-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.user-data-modal .modal-buttons button{flex:1;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.user-data-modal .modal-buttons button:hover{transform:translateY(-3px)}.user-data-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.user-data-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}@media screen and (max-width:850px){.user-datas-wrapper{flex-direction:column;align-items:center}.user-wrapper-left{margin-right:0}.user-wrapper-right{width:100%}}.company-data-modal{width:95vw;max-width:clamp(300px,50vw,600px);max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:1rem;border-radius:1rem;margin:0 auto;gap:2rem;background-color:var(--bg-color-primary);overflow:auto;scrollbar-width:none}.company-data-modal .title-bg,.company-datas-wrapper,.company-data-modal .modal-buttons{flex-shrink:0;width:100%}.company-data-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.company-data-modal .title-bg h1{padding:clamp(1.5rem,4vw,1.7rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700;line-height:1.3}.company-data-modal::-webkit-scrollbar{display:none}.company-datas-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:1rem;padding:0 2rem;width:100%}.company-wrapper-left{display:flex;flex-direction:column;justify-content:stretch;align-items:flex-start;flex:1;gap:1rem;width:100%}.company-wrapper-right{display:flex;flex-direction:column;gap:1rem;flex:1;width:100%}.company-data-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.company-data-modal .modal-buttons button{flex:1;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.company-data-modal .modal-buttons button:hover{transform:translateY(-3px)}.company-data-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.company-data-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}@media screen and (max-width:900px){.company-datas-wrapper{flex-direction:column;align-items:center}}.dashboard-wrapper{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,4vw,3rem)}.dashboard-charts-row{display:flex;gap:clamp(1rem,4vw,3rem);width:100%}.dashboard-charts-row>*{flex:1}@media screen and (max-width:720px){.dashboard-charts-row{flex-direction:column}}.recent-activity-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:auto;padding:1rem;overflow:hidden}.recent-activity-wrapper p{font-size:var(--fs-p);font-family:var(--primary-font-family);text-align:center;line-height:1.5}.stat-card-wrapper{width:100%;overflow:hidden;padding:1rem 0}.stat-card-track{display:flex;width:max-content;gap:1rem;will-change:transform;animation:stat-scrolling 25s linear infinite}.stat-card-track:hover,.stat-card-track:focus-within{animation-play-state:paused}.stat-card-group{display:flex;gap:1rem;padding-right:1rem}.stat-card{display:flex;flex-direction:column;gap:.4rem;border-radius:1rem;padding:1.25rem 1.5rem;color:#fff;white-space:nowrap;flex-shrink:0}.stat-title{font-family:var(--primary-font-family);font-size:.95rem;font-weight:600}.stat-number{font-family:var(--primary-font-family);font-size:1.6rem;font-weight:700}.stat-blue{background-color:#4285f4}.stat-red{background-color:#ea4335}.stat-yellow{background-color:#fbbc05;color:#1a1a1a}.stat-green{background-color:#34a853}.stat-magenta{background-color:#e91e8c}.stat-lightblue{background-color:#4a90d9}@keyframes stat-scrolling{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.stat-card-track{animation:none}}.monthly-revenue-card,.revenue-category-card,.top-ac-units-card,.top-cities-card,.jobs-status-card{background-color:var(--bg-color-admin);box-shadow:0 0 30px 1px #0000001a;border-radius:1rem;padding:1.5rem;width:100%}.revenue-category-card,.jobs-status-card{max-width:250px}.monthly-revenue-card h3,.revenue-category-card h3,.top-ac-units-card h3,.top-cities-card h3,.jobs-status-card h3{font-family:var(--primary-font-family);margin-bottom:1rem}.recharts-default-legend .recharts-legend-item{margin-right:1.5rem!important}@media screen and (max-width:720px){.revenue-category-card,.jobs-status-card{max-width:100%}}.table-content{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1rem;width:100%}.table-header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:1.5rem}.add-btn{border:1px solid var(--text-color1);border-radius:.5rem;background-color:#d3e9f5;display:flex;justify-content:center;align-items:center;padding:.4rem;transition:all .3s ease}.add-btn:hover{transform:translateY(-3px)}.info-text{width:100%;text-align:center;font-size:var(--fs-p);color:#656565;padding:2rem 0}.error-text{color:red;font-weight:700}.delete-modal{width:90%;max-width:450px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1rem;border-radius:1rem;gap:2rem;background-color:var(--bg-color-primary)}.delete-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.delete-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700;white-space:nowrap}.delete-modal .description{padding:0 clamp(1rem,5vw,2rem);color:var(--text-color1);font-size:var(--fs-p);text-align:center}.delete-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.delete-modal .modal-buttons button{flex:1;width:50%;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.delete-modal .modal-buttons button:hover{transform:translateY(-3px)}.delete-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.delete-modal .modal-delete-btn{border:2px solid #ff0000;background-color:red;color:#f2f2f2}.client-item{display:flex;justify-content:space-between;align-items:center;flex:0 0 100%;border-radius:1rem;border:2px solid var(--bg-color-ternary);padding:1rem 2rem;gap:1rem;transition:all .3s ease;min-width:0;max-width:100%;cursor:pointer;background-color:var(--bg-color-admin)}.client-item:hover{box-shadow:0 0 30px 1px #0000001a;transform:scale(1.01)}.client-details{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:clamp(1rem,3vw,3rem);flex:1;min-width:0;overflow:hidden}.client-details p{font-size:var(--fs-p);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.client-details .client-name{font-weight:800;font-size:var(--fs-h3);min-width:0;flex-shrink:1}.client-details .client-city{color:var(--grey-text);text-overflow:ellipsis}@media screen and (max-width:1024px){.client-item{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.client-details{flex-direction:column;align-items:flex-start;gap:.25rem}.client-details p{max-width:100%}.actions{justify-content:flex-end;flex-direction:column}}@media screen and (max-width:580px){.client-item{flex:0 0 100%;max-width:100%}.actions{flex-direction:column;align-self:flex-start}}.action-btn{border:none;border-radius:50%;width:42px;height:42px;box-sizing:border-box;flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer}.action-btn:is(:hover,:focus-visible){transform:scale(1.1)}.action-btn.edit,.action-btn.undo,.action-btn.draw{background-color:#d3e9f5;color:#0284c7}.action-btn.delete,.action-btn.pending{background-color:#fee2e2;color:red}.action-btn.completed,.action-btn.download{color:#28a745;background-color:#f0fdf4}.action-btn.visible,.action-btn.invisible{background-color:#ececec;color:#000}.client-data-modal{width:95vw;max-width:700px;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:1rem;border-radius:1rem;margin:0 auto;gap:2rem;background-color:var(--bg-color-primary);overflow:auto;scrollbar-width:none}.client-data-modal .title-bg,.client-datas-wrapper,.client-data-modal .modal-buttons{flex-shrink:0;width:100%}.client-data-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.client-data-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700}.client-data-modal::-webkit-scrollbar{display:none}.client-datas-wrapper{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;padding:0 2rem;width:100%}.wrapper-right .input-field:last-child{flex-grow:1}.client-data-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.client-data-modal .modal-buttons button{flex:1;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.client-data-modal .modal-buttons button:hover{transform:translateY(-3px)}.client-data-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.client-data-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}@media screen and (max-width:850px){.client-data-modal{max-width:400px}.client-datas-wrapper{flex-direction:column;gap:1.5rem;padding:0 1rem}.client-data-modal .modal-buttons{padding:0 1rem}.wrapper-right .input-field:last-child{min-height:120px}.client-data-modal .title-bg h1{padding:1rem;font-size:1.3rem}}.slider{display:flex;flex-direction:column;gap:5px;width:100%}.slider p{font-size:var(--fs-p)}.slider-container{position:relative;display:flex;align-items:center;background-color:var(--input-bg);border-radius:11px;box-shadow:inset 0 0 10px #00000026;padding:4px;height:42px}.slider-bg{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background-color:var(--bg-color-ternary);border-radius:8px;transition:transform .3s ease}.slider-bg.slide-right{transform:translate(100%)}.slider-container button{flex:1;background:none;border:none;z-index:1;font-weight:700;cursor:pointer;color:var(--text-color1);transition:color .3s ease;height:100%}body.darkmode .slider-container button,.slider-container button.active{color:var(--text-color2)}body.darkmode .slider-container button.active{color:var(--text-color1)}.job-item{display:flex;justify-content:space-between;align-items:center;flex:0 0 100%;border-radius:1rem;border:2px solid var(--bg-color-ternary);padding:1rem 2rem;gap:1rem;min-width:0;max-width:100%;cursor:pointer;background-color:var(--bg-color-admin);transition:all .3s ease}.job-item:hover{box-shadow:0 0 30px 1px #0000001a;transform:scale(1.01)}.job-details{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:clamp(1rem,3vw,3rem);flex:1;min-width:0;overflow:hidden}.job-details p{font-size:var(--fs-p);margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.job-details .job-name{font-weight:800;font-size:var(--fs-h3);min-width:0;flex-shrink:1}.job-details .job-category{color:var(--grey-text);text-overflow:ellipsis}.actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-shrink:0}.job-item.completed{border:2px solid #2cbc4d;background-color:var(--completed-green-bg)}@media screen and (max-width:1024px){.job-item{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.job-details{flex-direction:column;align-items:flex-start;gap:.25rem}.job-details p{max-width:100%}.actions{justify-content:flex-end;flex-direction:column}}@media screen and (max-width:580px){.job-item{flex:0 0 100%;max-width:100%}.actions{flex-direction:column;align-self:flex-start}}.job-data-modal{width:95vw;max-width:700px;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:1rem;border-radius:1rem;margin:0 auto;gap:2rem;background-color:var(--bg-color-primary);overflow:auto;scrollbar-width:none}.job-data-modal .title-bg,.client-datas-wrapper,.job-data-modal .modal-buttons{flex-shrink:0;width:100%}.job-data-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.job-data-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700}.job-data-modal::-webkit-scrollbar{display:none}.job-datas-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:2rem;width:100%;padding:0 2rem}.job-datas-wrapper h3{font-size:var(--fs-h3);padding-bottom:1rem}.job-datas-top{width:100%}.job-datas-bottom{width:100%;display:flex;flex-direction:column}.wrapper-cols{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%}.wrapper-left,.wrapper-right{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0}.job-data-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:clamp(1rem,4vw,2rem)}.job-data-modal .modal-buttons button{flex:1;height:auto;max-width:150px;padding:.5rem;border-radius:5px;font-size:var(--fs-p);font-weight:700;transition:all .3s ease}.job-data-modal .modal-buttons button:hover{transform:translateY(-3px)}.job-data-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.job-data-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}@media screen and (max-width:850px){.job-data-modal{max-width:400px}.wrapper-cols{flex-direction:column;gap:1.5rem;align-items:stretch}.job-data-modal .modal-buttons{padding:0 1rem}.job-data-modal .title-bg h1{padding:1rem;font-size:1.3rem}}.visual-design-page{display:flex;flex-direction:column;gap:4rem}.vd-drag-drop .drag-and-drop-container.drag-drop{width:100%;max-width:500px;aspect-ratio:4/3}.vd-drag-drop .drag-and-drop-container.drag-drop:has(img.drag-and-drop-preview){aspect-ratio:auto;height:auto;max-height:600px;overflow:hidden}.visuals-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.vd-drag-drop{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.vd-action-buttons{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:10px}.vd-generate-btn{width:100%;max-width:200px;padding:.85rem 1rem;background-color:var(--bg-color-ternary);color:#fff;border:none;border-radius:.85rem;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .1s ease}.vd-generate-btn:hover{transform:translateY(-3px)}.vd-buttons{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px}.vd-modifiers{display:flex;justify-content:space-between;align-items:center;flex:1;max-width:250px;gap:1rem}.vd-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:5}.vd-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.15);border-top-color:var(--bg-color-ternary);border-radius:50%;animation:vd-spin .8s linear infinite}@keyframes vd-spin{to{transform:rotate(360deg)}}@media screen and (max-width:550px){.vd-buttons{flex-direction:column;gap:2rem;width:100%}.vd-modifiers{width:min(100%,340px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.vd-modifiers .slider{width:100%}}.drag-and-drop-container{flex:1;aspect-ratio:1 / 1;max-width:350px;height:auto;padding:1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#4bbdf252;border-radius:1rem;border:2px solid var(--text-color1);border-style:dashed;cursor:pointer}.drag-and-drop-preview{width:100%;height:100%;object-fit:cover;border-radius:inherit}.drag-and-drop-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drag-and-drop-label{width:100%;height:auto;text-align:center;font-size:var(--fs-p)}.drag-and-drop-plus{width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px)}@media(max-width:600px){.drag-and-drop-container{max-width:100%}}.mask-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}.mask-canvas.is-drawing{pointer-events:auto;cursor:crosshair}.history-list-title{padding-bottom:2rem;font-size:var(--fs-h3)}.history-list-container{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);flex:1}.history-card{position:relative;width:clamp(300px,40vw,450px);max-width:250px;aspect-ratio:1 / 1;border-radius:15px;cursor:pointer;transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.history-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);opacity:0;transition:opacity .3s ease;border-radius:15px;pointer-events:none}.history-card:is(:hover,:focus-visible,:active){transform:translateY(-5px)}.history-card:is(:hover,:focus-visible,:active):after{opacity:.5}.history-card.is-dimmed .history-card-img{filter:grayscale(100%) opacity(60%)}.history-card-img{width:100%;max-width:250px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:15px;display:block}.history-card-actions{position:absolute;transform:translateY(-25%);bottom:0%;z-index:10;opacity:0;display:flex;width:100%;align-items:center;justify-content:space-evenly;transition:opacity .3s ease;pointer-events:none}.history-card:is(:hover,:focus-within) .history-card-actions{opacity:1;pointer-events:auto}.history-card-actions button{width:50px;height:50px}.history-card.is-landscape{width:clamp(240px,42vw,360px);max-width:360px;aspect-ratio:17 / 9}.history-card.is-landscape .history-card-img{max-width:none;aspect-ratio:17 / 9}.references-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5rem;width:100%}.references-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;width:100%;max-width:900px}.image-description-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.submit-btn{border-radius:10px;background-color:var(--bg-color-ternary);color:var(--pg-color);font-weight:700;width:fit-content;padding:.5rem 1.5rem;border:none;font-size:var(--fs-p)}@media(max-width:600px){.references-container{flex-direction:column;align-items:stretch;max-width:400px;margin:0 auto}}.edit-modal{width:calc(100% - 2rem);max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:1rem;border-radius:1rem;gap:clamp(1rem,4vw,2rem);overflow:hidden;background-color:var(--bg-color-primary)}.edit-modal .title-bg{width:100%;height:auto;text-align:center;border-radius:1rem 1rem 3rem 0;background-color:var(--bg-color-ternary)}.edit-modal .title-bg h1{padding:clamp(1.5rem,4vw,2rem);font-size:var(--fs-h2);color:#f2f2f2;font-weight:700}.edit-reference-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;max-width:250px;width:100%;padding:0 1rem;gap:1rem}.edit-reference-content img{aspect-ratio:1/1;width:100%;object-fit:cover;border-radius:15px}.edit-modal .modal-buttons{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:0 clamp(1rem,5vw,2rem);gap:clamp(.5rem,3vw,2rem)}.edit-modal .modal-buttons button{flex:1;height:auto;max-width:150px;border-radius:5px;font-size:var(--fs-p);font-weight:700;padding:.8rem .5rem;transition:all .3s ease;box-sizing:border-box}.edit-modal .modal-buttons button:hover{transform:translateY(-3px)}.edit-modal .modal-close-btn{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.edit-modal .modal-save-btn{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}.marketing-page{display:flex;flex-direction:column;gap:4rem;width:100%;max-width:980px;margin:0 auto;padding-bottom:2rem}.marketing-creator{display:flex;align-items:flex-start;justify-content:center;width:100%}@media screen and (max-width:1024px){.marketing-page{max-width:100%;padding-right:0;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}}.marketing-preview-wrapper{width:100%;min-width:0}.marketing-preview-stage{position:relative;width:100%;max-width:760px;margin:0 auto}.marketing-preview-stage.is-empty{aspect-ratio:17 / 9;display:flex;align-items:center;justify-content:center;border:2px dashed var(--text-color1);border-radius:1rem;background:#4bbdf252}.marketing-preview-placeholder{font-size:var(--fs-h3);color:var(--text-color1);text-align:center}.marketing-preview-canvas{position:relative;width:100%;aspect-ratio:17 / 9;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:.5rem;overflow:hidden;container-type:size;box-shadow:0 8px 24px #0000001f}.marketing-layer{position:absolute;margin:0}.marketing-layer-logo,.marketing-layer-phone{object-fit:contain;object-position:center top}.marketing-layer-phone{object-position:center top}.marketing-layer-unit{object-fit:contain;object-position:center;pointer-events:none;transform-origin:center center}.marketing-layer-headline{font-weight:800;line-height:1.1}.marketing-layer-device{font-weight:600;line-height:1.2}.marketing-layer-details{list-style:disc;padding-left:1.1em}.marketing-layer-details li{list-style:disc}.marketing-layer-price{font-weight:800;white-space:nowrap}.marketing-preview-actions{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:10px}.marketing-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff8c;border-radius:.75rem;z-index:3}.marketing-preview-spinner{width:42px;height:42px;border:4px solid rgba(0,0,0,.15);border-top-color:var(--bg-color-ternary);border-radius:50%;animation:marketing-preview-spin .8s linear infinite}@keyframes marketing-preview-spin{to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.marketing-preview-stage{max-width:100%}}.marketing-sidebar{position:fixed;right:0;top:0;width:190px;height:100%;z-index:50;background-color:var(--bg-color-admin);box-shadow:0 0 33px 10px #0003;display:flex;flex-direction:column;padding:1rem;gap:1rem;transition:width .3s ease-in-out}.marketing-sidebar-collapsed{width:85px;align-items:center;justify-content:flex-start}.marketing-sidebar-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:1rem;width:100%}.marketing-sidebar-collapsed .marketing-sidebar-body{overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;flex:0;height:0;min-height:0;gap:0}.marketing-sidebar-toggle{position:absolute;left:0;top:1.6rem;transform:translate(-70%);border:2px solid var(--bg-color-ternary);border-radius:50%;padding:.3rem;background-color:var(--bg-color-primary);display:flex;align-items:center;justify-content:center;z-index:2}.marketing-sidebar-toggle svg{transform:rotate(90deg);transition:transform .3s ease;color:var(--text-color1)}.marketing-sidebar-collapsed .marketing-sidebar-toggle svg{transform:rotate(-90deg)}.marketing-sidebar-title{font-size:var(--fs-h3);font-family:var(--primary-font-family);text-align:center;margin-bottom:.25rem}.marketing-sidebar-collapsed-label{display:none;writing-mode:vertical-rl;transform:rotate(0);font-size:var(--fs-h3);font-weight:700;letter-spacing:.07em;margin-top:1rem}.marketing-sidebar-collapsed .marketing-sidebar-collapsed-label{display:block}.marketing-sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;width:100%}.marketing-sidebar-content::-webkit-scrollbar{display:none}.marketing-sidebar-group h3{font-size:.9rem;margin-bottom:.5rem}.marketing-template-list,.marketing-device-list{display:flex;flex-direction:column;gap:.65rem}.marketing-template-card,.marketing-device-card{width:100%;border:2px solid transparent;border-radius:.5rem;overflow:hidden;background:#fff;padding:0}.marketing-template-card img{width:100%;display:block;aspect-ratio:17 / 9;object-fit:cover}.marketing-device-card{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.marketing-device-card img{width:90%;height:auto;object-fit:contain}.marketing-device-placeholder{font-size:.85rem;color:var(--grey-text);padding:.5rem;text-align:center}.marketing-template-card.is-selected,.marketing-device-card.is-selected{border-color:var(--bg-color-ternary);transform:translateY(-2px)}.marketing-sidebar-empty{color:var(--text-color1);font-size:.9rem;text-align:center;padding:1rem .5rem}.marketing-sidebar-form,.marketing-form-col{display:flex;flex-direction:column;gap:.85rem}.marketing-sidebar-form .input-field textarea{min-height:110px}.marketing-sidebar-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;width:100%}.marketing-sidebar-btn{flex:1;border-radius:5px;padding:.75rem 1rem;font-size:1rem;font-weight:600;font-family:var(--primary-font-family);transition:transform .15s ease,opacity .15s ease}.marketing-sidebar-btn:disabled{opacity:.55;cursor:not-allowed}.marketing-sidebar-btn-primary{border:2px solid var(--primary-bg-color);background-color:var(--bg-color-ternary);color:#f2f2f2}.marketing-sidebar-btn-secondary{border:2px solid var(--bg-color-ternary);background-color:var(--bg-color-primary);color:var(--text-color1)}.marketing-sidebar-btn:not(:disabled):hover{transform:translateY(-2px)}@media screen and (max-width:1024px){.marketing-sidebar,.marketing-sidebar-collapsed{inset:auto 0 0;width:100%;max-width:100%;border-radius:1rem 1rem 0 0;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));overflow:visible;transition:height .4s ease,max-height .4s ease}.marketing-sidebar-body{overflow:hidden}.marketing-sidebar:after{content:"";position:absolute;left:0;right:0;top:100%;height:80px;background-color:var(--bg-color-admin);pointer-events:none}.marketing-sidebar{height:46vh;max-height:46vh}.marketing-sidebar-collapsed{height:72px;max-height:72px;align-items:center;justify-content:center;padding-top:1rem}.marketing-sidebar-collapsed .marketing-sidebar-body{transition:opacity .25s ease,visibility .25s ease}.marketing-sidebar-toggle{top:0;left:50%;transform:translate(-50%,-50%);z-index:5;overflow:visible}.marketing-sidebar-toggle svg{transform:rotate(180deg)}.marketing-sidebar-collapsed .marketing-sidebar-toggle svg{transform:rotate(0)}.marketing-sidebar-collapsed-label{writing-mode:horizontal-tb;margin-top:.5rem}.marketing-sidebar-content{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:flex-start}.marketing-sidebar-group{flex:0 0 auto}.marketing-template-list,.marketing-device-list{flex-direction:row;overflow-x:visible;padding-bottom:.25rem}.marketing-sidebar-content::-webkit-scrollbar,.marketing-template-list::-webkit-scrollbar,.marketing-device-list::-webkit-scrollbar{display:none}.marketing-template-list li,.marketing-device-list li{flex:0 0 auto}.marketing-template-card{width:180px}.marketing-device-card{width:110px;height:110px;aspect-ratio:1 / 1}.marketing-sidebar-form{display:grid;grid-template-columns:1fr 1fr;align-items:start}.marketing-sidebar-form .input-field textarea{min-height:80px}.marketing-sidebar-footer{flex-direction:row;margin:0 auto;max-width:400px}}@media screen and (max-width:425px){.marketing-sidebar:not(.marketing-sidebar-collapsed){height:78vh;max-height:78vh}.marketing-sidebar-content{flex-direction:column;overflow-x:hidden;overflow-y:auto}.marketing-template-list,.marketing-device-list{flex-direction:column;overflow-x:hidden}.marketing-template-list li,.marketing-device-list li,.marketing-template-card,.marketing-device-card{width:100%}.marketing-device-card{height:auto}.marketing-sidebar-form,.marketing-form-col{display:flex;flex-direction:column;width:100%}.marketing-form-col .input-field,.marketing-form-col .slider{width:100%}}.notfound-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-height:100vh;overflow-x:hidden;line-height:1.5;box-sizing:border-box}.notfound-img-wrapper{position:relative;max-width:clamp(250px,60vw,600px);margin-bottom:1rem;z-index:1}.notfound-img-wrapper:after{content:"";position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:70%;height:30px;background-color:#a3aece66;border-radius:50%;filter:blur(15px);z-index:-1}.notfound-worker{position:absolute;width:35%;height:auto;max-width:200px;bottom:0;right:clamp(-25%,-10vw,-5%)}.notfound-logo{width:100%;height:auto;max-width:700px}.notfound-text{padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.notfound-text h2{font-size:var(--fs-h2)}.notfound-text p{font-size:var(--fs-p)}.back-to-website-btn{height:auto;padding:1rem;border-radius:10px;font-size:var(--fs-p);font-weight:700;background-color:var(--bg-color-ternary);color:#f2f2f2}