:root{--purple-color: #8a2be2;--blue-color-hover: #007bff;--button-text-color: #ffffff;--primary-color: #00aeef;--primary-color-dark: #0095c7;--clr-logo-be-blue: #75b8d9;--clr-logo-e-pink: #f8c8dc;--clr-logo-long-orange: #fdbf73;--clr-cta-btn-dark-magenta: #4a2c52;--gradient-pastel-dream: linear-gradient(to bottom, #ffffff);--gradient-pastel-subtle: linear-gradient( 160deg, #e0f7fa 0%, #fce4ec 50%, #fff9c4 100% );--clr-primary-900: #0d0c22;--clr-primary-700: #1a183e;--clr-primary-500: #2e2a66;--clr-primary-300: #4d4cac;--clr-primary-100: #f0f0ff;--clr-accent-500: #242424;--clr-accent-300: #8c52ff;--clr-accent-blue: #007bff;--clr-accent-100: #dddddd;--clr-accent-pink-500: #e43dab;--clr-secondary-900: #111827;--clr-secondary-700: #374151;--clr-secondary-500: #6b7280;--clr-secondary-300: #d1d5db;--clr-secondary-100: #f3f4f6;--clr-secondary-50: #f9fafb;--clr-common-white: #ffffff;--clr-common-black: #000000;--clr-background: var(--clr-common-white);--clr-background-alt: var(--clr-secondary-50);--clr-text-main: var(--clr-secondary-700);--clr-text-headings: var(--clr-primary-900);--clr-text-light: var(--clr-secondary-500);--clr-text-on-dark: var(--clr-common-white);--clr-border: var(--clr-secondary-200, #e5e7eb);--clr-border-strong: var(--clr-secondary-300);--gradient-primary: linear-gradient( 135deg, var(--clr-primary-500) 0%, var(--clr-primary-300) 100% );--blue-gradient: linear-gradient( 135deg, var(--primary-color) 0%, var(--primary-color-dark) 100% );--gradient-cta-bg: linear-gradient( 135deg, var(--clr-primary-700) 0%, var(--clr-primary-900) 100% );--gradient-icon: linear-gradient( 60deg, var(--clr-accent-500), var(--clr-accent-pink-500) );--gradient-hero-bg: linear-gradient( 180deg, var(--clr-primary-100) 0%, var(--clr-common-white) 100% );--font-primary: "Inter", sans-serif;--font-secondary: "Montserrat", sans-serif;--fs-base: 16px;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.5rem;--fs-5xl: 3.25rem;--fs-6xl: 4rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.75;--spacing-unit: 8px;--spacing-xs: calc(.5 * var(--spacing-unit));--spacing-sm: calc(1 * var(--spacing-unit));--spacing-md: calc(2 * var(--spacing-unit));--spacing-lg: calc(3 * var(--spacing-unit));--spacing-xl: calc(4.5 * var(--spacing-unit));--spacing-2xl: calc(7 * var(--spacing-unit));--spacing-3xl: calc(10 * var(--spacing-unit));--spacing-4xl: calc(14 * var(--spacing-unit));--spacing-5xl: calc(18 * var(--spacing-unit));--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .07), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, .08), 0 3px 5px -4px rgba(0, 0, 0, .08);--shadow-xl: 0 15px 20px -5px rgba(0, 0, 0, .08), 0 6px 8px -6px rgba(0, 0, 0, .08);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-outline: 0 0 0 3px rgba(36, 36, 36, .4);--transition-duration-fast: .2s;--transition-duration-normal: .35s;--transition-duration-slow: .5s;--transition-timing-function: cubic-bezier(.25, .8, .25, 1);--container-max-width: 1200px;--container-padding-desktop: var(--spacing-lg);--container-padding-mobile: var(--spacing-md);--header-height: 72px;--header-height-scrolled: 64px;--hover-bg-light: #f0faff;--my-button-blue-normal: #5dade2;--my-button-blue-hover: #2e86c1;--my-button-text-color: #ffffff;--my-accent-button-blue-normal: #aed6f1;--my-accent-button-blue-hover: #3498db;--my-accent-button-text-color: var(--clr-primary-700)}.landing-page-html,.landing-page-html *,.landing-page-html *:before,.landing-page-html *:after{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;border-color:var(--clr-border)}.landing-page-html{line-height:var(--leading-normal);font-size:var(--fs-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.landing-page-body{font-family:var(--font-primary);color:var(--clr-text-main);background-color:var(--clr-background);overflow-x:hidden;font-size:clamp(.9375rem,.89rem + .25vw,1.0625rem)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;color:var(--clr-text-headings);line-height:var(--leading-tight);margin-bottom:var(--spacing-md)}h1,.hero-content__title{font-size:clamp(2.2rem,1.5rem + 3.5vw,var(--fs-5xl));font-weight:800;letter-spacing:-.02em}h2,.section__title{font-size:clamp(1.7rem,1.3rem + 2vw,var(--fs-4xl));font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.015em;background-image:var(--blue-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}h3,.feature-card__title,.timeline-item__title,.testimonial-card__name,.platform-feature__title,.info-card h3{font-size:clamp(1.15rem,.95rem + 1vw,var(--fs-2xl));font-weight:700;margin-bottom:var(--spacing-xs)}h4{font-size:clamp(1rem,.85rem + .75vw,var(--fs-xl));font-weight:600}p{margin-bottom:var(--spacing-md);line-height:var(--leading-relaxed);max-width:65ch}p.lead,.hero-content__subtitle,.section__subtitle{font-size:clamp(.9rem,.8rem + .5vw,var(--fs-lg));color:var(--clr-text-light);line-height:var(--leading-relaxed);max-width:90%;margin-left:auto;margin-right:auto}.hero-content__subtitle{max-width:90%}a{color:var(--clr-accent-500);text-decoration:none;font-weight:500;transition:color var(--transition-duration-fast) ease-in-out}a:hover{color:var(--clr-accent-300)}ul,ol{list-style:none;padding:0;margin:0}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}.section{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);position:relative;overflow:hidden}.section--alt-bg{background-color:var(--clr-background-alt)}.section__header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:90%;margin-left:auto;margin-right:auto}.section__title:after{content:"";display:block;width:70px;height:4px;background:var(--blue-gradient);margin:calc(var(--spacing-sm) + 4px) auto var(--spacing-lg);border-radius:var(--border-radius-full)}.section__pre-title{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--clr-accent-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:calc(var(--spacing-sm) + 2px) var(--spacing-lg);font-family:var(--font-primary);font-weight:600;font-size:var(--fs-sm);border-radius:var(--border-radius-md);cursor:pointer;text-align:center;border:1px solid transparent;transition:all var(--transition-duration-normal) var(--transition-timing-function);position:relative;overflow:hidden;z-index:1;white-space:nowrap;line-height:var(--leading-none);box-shadow:var(--shadow-sm)}.btn i,.btn svg{font-size:1.2em;line-height:1}.btn--primary{background-color:var(--primary-color);color:var(--clr-common-white);border-color:var(--primary-color)}.btn--primary:hover{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.btn--accent{background-image:none;background-color:var(--my-accent-button-blue-normal);color:var(--my-accent-button-text-color);border:1px solid var(--my-accent-button-blue-normal)}.btn--accent:hover{background-image:none;background-color:var(--my-accent-button-blue-hover);color:var(--clr-primary-900);border-color:var(--my-accent-button-blue-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.btn--outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn--outline:hover{background-color:var(--primary-color);color:var(--clr-common-white);border-color:var(--primary-color);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--fs-md)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--fs-xs)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 0 var(--clr-border);height:var(--header-height);transition:height var(--transition-duration-fast) ease-in-out,background-color var(--transition-duration-fast) ease-in-out,box-shadow var(--transition-duration-fast) ease-in-out}.site-header.is-scrolled{height:var(--header-height-scrolled);background-color:#fffffff2;box-shadow:var(--shadow-sm)}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:100%;gap:var(--spacing-md)}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;flex-shrink:0;padding:4px 8px;border-radius:8px;transition:background-color .2s ease}.site-logo:hover{background-color:var(--hover-bg-light)}.site-logo__icon{height:32px;width:auto;object-fit:contain;transition:filter var(--transition-duration-fast) ease-in-out}.site-logo__text-custom{font-family:var(--font-primary);font-weight:800;color:var(--primary-color);line-height:1;transition:color var(--transition-duration-fast) ease-in-out;font-size:20px}.main-nav{flex-shrink:1;flex-grow:1;min-width:0;margin-left:var(--spacing-md)}.main-nav__list{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.main-nav__link{font-family:var(--font-primary);font-weight:500;font-size:var(--fs-sm);color:var(--clr-secondary-700);padding:var(--spacing-xs) 0;position:relative;transition:color var(--transition-duration-fast) ease;white-space:nowrap}.main-nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background-image:var(--blue-gradient);border-radius:var(--border-radius-full);transition:width var(--transition-duration-normal) var(--transition-timing-function)}.main-nav__link:hover,.main-nav__link.is-active{color:var(--primary-color)}.main-nav__link:hover:after,.main-nav__link.is-active:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);margin-left:var(--spacing-xs);z-index:1005}.mobile-nav-toggle__icon{font-size:var(--fs-2xl);color:var(--clr-primary-700)}.mobile-nav-toggle.is-active{position:fixed;top:var(--spacing-md);right:var(--container-padding-mobile);z-index:1005}.mobile-nav-toggle .fa-times,.mobile-nav-toggle.is-active .fa-bars{display:none}.mobile-nav-toggle.is-active .fa-times{display:block!important}.main-nav.is-open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl) 0;animation:slideDownMenu .3s ease-out forwards;overflow-y:auto;z-index:1002}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-nav.is-open .main-nav__list{flex-direction:column;gap:var(--spacing-sm);align-items:center;width:100%;padding-top:calc(var(--header-height-scrolled) + var(--spacing-lg));padding-bottom:var(--spacing-lg)}.main-nav.is-open .main-nav__link{display:block;padding:var(--spacing-md) var(--spacing-xl);width:auto;min-width:220px;border-bottom:none;font-size:var(--fs-lg);font-weight:600;color:var(--clr-primary-700);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);transition:background-color var(--transition-duration-fast) ease,color var(--transition-duration-fast) ease;text-align:left}.main-nav.is-open .main-nav__link:last-child{margin-bottom:0}.main-nav.is-open .main-nav__link:after{display:none}.main-nav.is-open .main-nav__link:hover,.main-nav.is-open .main-nav__link.is-active{background-color:var(--clr-accent-100);color:var(--clr-accent-500)}main#main-content{padding-top:var(--header-height)}.hero-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl);min-height:auto;background-color:var(--clr-primary-100);text-align:center;position:relative}.hero-section__background-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://placehold.co/1800x1000/F0F0FF/4D4CAC?text=Subtle+Pattern);background-size:cover;background-position:center;opacity:.03;z-index:0}.hero-section__decor{display:none;position:absolute;z-index:0;opacity:.05;animation:subtleRotate 40s linear infinite;background-color:var(--clr-primary-300)}.hero-section__decor--shape1{width:clamp(200px,30vw,300px);height:clamp(200px,30vw,300px);bottom:-10%;left:-10%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.hero-section__decor--shape2{width:clamp(150px,25vw,250px);height:clamp(150px,25vw,250px);top:-5%;right:-8%;background-color:var(--clr-accent-100);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation-duration:50s;animation-direction:reverse}@keyframes subtleRotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.05)}}.hero-section .container{position:relative;z-index:1}.hero-content{max-width:100%;margin:0 auto}.hero-content__title .highlight{background:linear-gradient(90deg,var(--clr-accent-300),var(--clr-accent-pink-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.hero-content__cta-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.hero-content__social-proof{margin-top:var(--spacing-xl);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);color:var(--clr-text-light);font-size:var(--fs-sm)}.hero-content__proof-item{display:flex;align-items:center;gap:var(--spacing-xs)}.hero-content__proof-item i{color:var(--primary-color);font-size:var(--fs-md)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.feature-card{background-color:var(--clr-common-white);padding:var(--spacing-lg);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--clr-border);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--transition-duration-normal) ease,box-shadow var(--transition-duration-normal) ease}.feature-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg)}.feature-card__icon-wrapper{width:60px;height:60px;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-lg);display:flex;justify-content:center;align-items:center;background:var(--blue-gradient)}.feature-card__icon{font-size:var(--fs-2xl);color:var(--clr-common-white)}.feature-card__title{color:var(--primary-color)}.feature-card__description{font-size:var(--fs-sm);color:var(--clr-text-light);flex-grow:1;margin-bottom:var(--spacing-md)}.feature-card__link{font-size:var(--fs-sm);font-weight:600;color:var(--clr-accent-500);display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:auto}.feature-card__link:hover{background-image:var(--blue-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.feature-card__link i{transition:transform var(--transition-duration-fast) ease}.feature-card__link:hover i{transform:translate(4px);-webkit-text-fill-color:var(--primary-color-dark);color:var(--primary-color-dark)}.how-it-works-timeline{position:relative;max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.how-it-works-timeline:after{content:"";position:absolute;width:2px;background:var(--clr-secondary-100);top:0;bottom:0;left:50%;margin-left:-1px;z-index:0}.timeline-item{padding:var(--spacing-md) var(--spacing-xl);position:relative;background-color:inherit;width:50%;z-index:1}.timeline-item:after{content:"";position:absolute;width:18px;height:18px;background-color:var(--clr-accent-100);border:3px solid var(--primary-color);top:calc(50% - 9px);border-radius:50%;z-index:2;transition:transform var(--transition-duration-normal) ease,background-color var(--transition-duration-normal) ease}.timeline-item--left{left:0;text-align:right}.timeline-item--left:after{right:-10px}.timeline-item--right{left:50%;text-align:left}.timeline-item--right:after{left:-10px}.timeline-item:hover:after{transform:scale(1.1);background-color:var(--primary-color);border-color:var(--clr-common-white)}.timeline-item__content{padding:var(--spacing-lg);background-color:var(--clr-common-white);position:relative;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--clr-border);transition:transform var(--transition-duration-normal) ease,box-shadow var(--transition-duration-normal) ease}.timeline-item:hover .timeline-item__content{transform:scale(1.015);box-shadow:var(--shadow-lg)}.timeline-item--left:before{content:" ";height:0;position:absolute;top:calc(50% - 8px);width:0;z-index:1;right:calc(var(--spacing-xl) - 1px);border:medium solid var(--clr-common-white);border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--clr-common-white);filter:drop-shadow(1px 0px 0px var(--clr-border))}.timeline-item--right:before{content:" ";height:0;position:absolute;top:calc(50% - 8px);width:0;z-index:1;left:calc(var(--spacing-xl) - 1px);border:medium solid var(--clr-common-white);border-width:8px 10px 8px 0;border-color:transparent var(--clr-common-white) transparent transparent;filter:drop-shadow(-1px 0px 0px var(--clr-border))}.timeline-item__step-number{position:absolute;top:-15px;width:36px;height:36px;background:var(--blue-gradient);color:var(--clr-common-white);font-family:var(--font-secondary);font-size:var(--fs-md);font-weight:700;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);border:2px solid var(--clr-common-white);z-index:3}.timeline-item--left .timeline-item__step-number{right:var(--spacing-md);left:auto;transform:none}.timeline-item--right .timeline-item__step-number{left:var(--spacing-md);transform:none}.timeline-item__description{font-size:var(--fs-sm);color:var(--clr-text-light);margin-bottom:0}.testimonial-section-wrapper{position:relative;padding-bottom:var(--spacing-lg)}.testimonial-carousel-viewport{max-width:calc(3 * 320px + 2 * var(--spacing-lg));margin:0 auto;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs) 0;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--clr-accent-300) var(--clr-primary-100);padding-bottom:var(--spacing-md)}.testimonial-carousel-viewport::-webkit-scrollbar{height:8px}.testimonial-carousel-viewport::-webkit-scrollbar-track{background:var(--clr-primary-100);border-radius:var(--border-radius-full)}.testimonial-carousel-viewport::-webkit-scrollbar-thumb{background-image:var(--blue-gradient);border-radius:var(--border-radius-full);border:2px solid var(--clr-primary-100)}.testimonial-carousel-viewport::-webkit-scrollbar-thumb:hover{background-image:var(--blue-gradient);filter:brightness(1.1)}.testimonials-grid{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);padding:0 var(--spacing-xs)}.testimonial-card{flex:0 0 320px;min-width:0;background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-duration-normal) ease,box-shadow var(--transition-duration-normal) ease;border:1px solid var(--clr-border);text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:370px}.testimonial-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg)}.testimonial-card__image-wrapper{width:60px;height:60px;border-radius:50%;overflow:hidden;margin:0 auto var(--spacing-md);border:2px solid var(--clr-accent-100)}.testimonial-card__image-wrapper img{width:100%;height:100%;object-fit:cover}.testimonial-card__rating{color:#ffb800;margin-bottom:var(--spacing-sm);font-size:var(--fs-sm)}.testimonial-card__rating .far.fa-star{color:var(--clr-border)}.testimonial-card__quote{font-style:normal;color:var(--clr-text-main);margin:0 0 var(--spacing-md);font-size:var(--fs-sm);line-height:1.55;quotes:"«" "»";flex-grow:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0 var(--spacing-xs)}.testimonial-card__quote.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.testimonial-card__quote:before{content:open-quote;font-size:1.8em;line-height:0;margin-right:.15em;vertical-align:-.25em;color:var(--primary-color)}.testimonial-card__quote:after{content:close-quote;font-size:1.8em;line-height:0;margin-left:.15em;vertical-align:-.25em;color:var(--primary-color)}.testimonial-card__name{font-weight:600;font-size:var(--fs-sm);color:var(--clr-primary-700);margin-top:var(--spacing-md)}.testimonial-card__title{font-size:var(--fs-xs);color:var(--clr-text-light);margin-bottom:0}.testimonial-read-more{font-size:var(--fs-sm);font-weight:600;color:var(--primary-color);cursor:pointer;margin-top:var(--spacing-sm);display:inline-block;text-decoration:none;border-bottom:1px dashed transparent;transition:color var(--transition-duration-fast),border-color var(--transition-duration-fast)}.testimonial-read-more:hover{color:var(--primary-color-dark);border-bottom-color:var(--primary-color-dark)}#platform-integrated{background-color:var(--clr-common-white)}.platform-header-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background-color:var(--hover-bg-light);padding:var(--spacing-lg);border-radius:var(--border-radius-xl);transition:box-shadow .2s ease-in-out}.platform-header-content:hover{box-shadow:0 0 0 2px var(--primary-color)}.platform-header-icon svg,.platform-header-icon img{width:60px;height:60px;padding:var(--spacing-xs);background-color:var(--clr-primary-300);border-radius:var(--border-radius-lg);fill:var(--clr-common-white)}.platform-header-text h3{font-size:clamp(1.3rem,1.1rem + 1vw,var(--fs-2xl));color:var(--primary-color);margin-bottom:var(--spacing-xs)}.platform-header-text p{font-size:var(--fs-md);color:var(--clr-text-light);max-width:none;margin-bottom:0}.platform-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.platform-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);border:1.5px solid var(--primary-color);transition:background-color .2s ease-in-out,color .2s ease-in-out}.platform-feature:hover{background-color:var(--primary-color);color:var(--clr-common-white)}.platform-feature:hover h4,.platform-feature:hover p,.platform-feature:hover i{color:var(--clr-common-white)!important;background-image:none!important;-webkit-text-fill-color:initial!important}.platform-feature__icon{font-size:var(--fs-lg);margin-top:4px;flex-shrink:0;background-image:var(--blue-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.platform-feature__content h4{font-family:var(--font-primary);font-size:var(--fs-md);font-weight:600;color:var(--clr-text-headings);margin-bottom:var(--spacing-xs);transition:color .2s ease-in-out}.platform-feature__content p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:var(--leading-normal);margin-bottom:0;max-width:none;transition:color .2s ease-in-out}.platform-cta-button{display:block;width:fit-content;margin:var(--spacing-lg) auto 0}.info-card{background-color:var(--clr-common-white);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px;display:flex;flex-direction:column;align-items:center;text-align:center}.info-card__icon-wrapper{margin-bottom:var(--spacing-md)}.info-card__icon-wrapper .info-card__icon{font-size:var(--fs-3xl);color:var(--clr-accent-300)}.info-card h3{color:var(--clr-text-headings);margin-bottom:var(--spacing-sm)}.info-card p{color:var(--clr-text-main);font-size:var(--fs-md);line-height:var(--leading-relaxed);max-width:90%;margin-bottom:var(--spacing-lg)}.faq-container{max-width:100%;margin:0 auto}details.faq-item{border:none;border-bottom:1px solid var(--clr-border);border-radius:0;box-shadow:none;background-color:transparent;margin-bottom:0}details.faq-item:last-child{border-bottom:none}summary.faq-item__question{padding:var(--spacing-md) 0;font-family:var(--font-primary);font-size:var(--fs-md);font-weight:500;color:var(--clr-text-headings);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);list-style:none;transition:color var(--transition-duration-fast) ease}summary.faq-item__question::-webkit-details-marker,summary.faq-item__question::marker{display:none}.faq-item__toggle-icon{transition:transform var(--transition-duration-fast) ease;color:var(--primary-color);font-size:1em;flex-shrink:0}details[open]>summary.faq-item__question{color:var(--primary-color-dark)}details[open]>summary.faq-item__question .faq-item__toggle-icon{transform:rotate(180deg);color:var(--primary-color-dark)}.faq-item__answer{padding:var(--spacing-xs) 0 var(--spacing-lg) 0;font-size:var(--fs-sm);color:var(--clr-text-light);line-height:var(--leading-relaxed)}.cta-section{background-image:var(--gradient-cta-bg);color:var(--clr-text-on-dark);text-align:center;position:relative;overflow:hidden}.cta-section .container{position:relative;z-index:1}.cta-section .section__title{color:var(--clr-common-white);background-image:none;-webkit-text-fill-color:initial}.cta-section__title:after{display:none}.cta-section .cta-section__subtitle{color:var(--clr-secondary-100);max-width:90%;margin-bottom:var(--spacing-xl)}.cta-section__action{margin-bottom:var(--spacing-lg)}.cta-section__guarantee{font-size:var(--fs-sm);color:var(--clr-secondary-300);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.cta-section__guarantee i{margin-right:var(--spacing-xs);color:var(--clr-accent-100)}.cta-decor{display:none}.site-footer{background-color:var(--clr-primary-900);color:var(--clr-secondary-300);padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);font-size:var(--fs-sm)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.footer-about,.footer-links,.footer-contact{flex:1 1 100%;max-width:100%;margin-bottom:var(--spacing-lg)}.footer-links h5,.footer-contact h5{font-family:var(--font-primary);color:var(--clr-secondary-100);margin-bottom:var(--spacing-md);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-about .footer-logo{font-family:var(--font-secondary);font-size:var(--fs-xl);font-weight:800;color:var(--clr-common-white);margin-bottom:var(--spacing-md);display:inline-block;text-decoration:none}.cta-section__action .btn--accent{background-image:none;background-color:var(--my-accent-button-blue-normal);color:var(--my-accent-button-text-color);border:1px solid var(--my-accent-button-blue-normal);box-shadow:var(--shadow-lg)}.cta-section__action .btn--accent:hover{background-image:none;background-color:var(--my-accent-button-blue-hover);color:var(--clr-primary-900);border-color:var(--my-accent-button-blue-hover);box-shadow:var(--shadow-xl);transform:translateY(-3px) scale(1.03)}.footer-about .footer-logo span{color:var(--clr-logo-e-pink)}.footer-about .footer-logo:hover span{color:var(--clr-logo-long-orange)}.footer-about .footer-logo span{color:var(--clr-accent-500)}.footer-about .footer-logo:hover span{color:var(--clr-accent-300)}.footer-about p{color:var(--clr-secondary-300);font-size:var(--fs-xs);line-height:var(--leading-normal)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--clr-secondary-300);font-size:var(--fs-xs);font-weight:400;transition:color var(--transition-duration-fast) ease}.footer-links a:hover{color:var(--clr-accent-100);text-decoration:underline}.footer-contact p{font-size:var(--fs-xs);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.footer-contact i{color:var(--clr-accent-500);width:14px;text-align:center;flex-shrink:0}.footer-contact a{color:var(--clr-secondary-300)}.footer-contact a:hover{color:var(--clr-common-white)}.footer-bottom{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--clr-primary-700);color:var(--clr-secondary-500);font-size:var(--fs-xs)}.footer-socials{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.footer-socials a{font-size:var(--fs-lg);color:var(--clr-secondary-300);transition:color var(--transition-duration-fast) ease,transform var(--transition-duration-fast) ease}.footer-socials a:hover{color:var(--clr-common-white);transform:translateY(-2px)}.animate-on-scroll{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out}.animate--fade-in-up{transform:translateY(30px)}.animate--fade-in-left{transform:translate(-30px)}.animate--fade-in-right{transform:translate(30px)}.animate--zoom-in{transform:scale(.97)}.animate-on-scroll.is-visible{opacity:1;transform:translate(0) scale(1)}.message-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0c22bf;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:var(--container-padding-mobile)}.message-box-overlay.active{opacity:1;visibility:visible}.message-box-content{background-color:var(--clr-common-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:420px;width:100%;transform:scale(.95);transition:transform .3s ease}.message-box-overlay.active .message-box-content{transform:scale(1)}.message-box-content h3{font-size:var(--fs-xl);color:var(--clr-text-headings);margin-bottom:var(--spacing-md)}.message-box-content p{margin-bottom:var(--spacing-lg);color:var(--clr-text-main);font-size:var(--fs-sm)}.feature-card__icon-wrapper{width:60px;height:60px;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-lg);display:flex;justify-content:center;align-items:center;background:var(--gradient-pastel-dream);box-shadow:var(--shadow-sm)}.feature-card__icon{font-size:var(--fs-2xl);color:var(--primary-color)}@media (min-width: 993px){.hero-section__decor,.cta-decor{display:block}.platform-header-content{flex-direction:row;text-align:left}.footer-about,.footer-links,.footer-contact{flex:1 1 0;max-width:none;margin-bottom:0}.footer-about{max-width:350px;padding-right:var(--spacing-lg)}.footer-links,.footer-contact{min-width:180px}}@media (max-width: 992px){.container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.site-logo__icon{height:28px}.site-logo__text-custom{font-size:clamp(1.1rem,.9rem + .8vw,var(--fs-xl))}.mobile-nav-toggle{display:block}.main-nav{display:none}.main-nav.is-open{top:0}.how-it-works-timeline:after{left:20px;margin-left:0}.timeline-item{width:100%;padding-left:0;padding-right:var(--spacing-sm);left:0!important;text-align:left!important;margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.timeline-item:last-child{margin-bottom:0}.timeline-item:after{left:-calc(20px - 9px);transform:translate(-100%);top:var(--spacing-md);right:auto!important}.timeline-item--left:before,.timeline-item--right:before{display:none}.timeline-item__step-number{position:relative;top:auto;left:auto;transform:none;width:30px;height:30px;font-size:var(--fs-sm);flex-shrink:0;margin-top:calc(var(--spacing-md) - 10px)}.timeline-item__content{margin-left:0;padding-top:0;flex-grow:1}.testimonial-carousel-viewport{max-width:calc(2 * 300px + 1 * var(--spacing-lg));padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.testimonial-card{flex:0 0 300px}.testimonials-grid{gap:var(--spacing-lg);padding-left:0;padding-right:0}}.footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--clr-primary-700);color:var(--clr-secondary-500);font-size:var(--fs-xs)}.footer-bottom p{margin-left:auto;margin-right:auto}.header-actions .btn{padding:8px;font-size:15px}@media (max-width: 768px){html{font-size:15px}.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}main#main-content{padding-top:var(--header-height-scrolled)}.hero-section{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.hero-content__title{font-size:clamp(1.8rem,1.5rem + 4vw,var(--fs-4xl))}.hero-content__subtitle{font-size:clamp(.9rem,.8rem + 1vw,var(--fs-md))}.hero-content__social-proof{flex-direction:column;gap:var(--spacing-sm);align-items:center}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{padding:var(--spacing-md)}.footer-content{text-align:center}.footer-about,.footer-links,.footer-contact{align-items:center;text-align:center}.footer-links ul{text-align:center}.footer-contact p,.footer-socials{justify-content:center}.footer-bottom{text-align:center}.hero-section__decor,.cta-decor{display:none}.testimonial-carousel-viewport{max-width:100%}.testimonial-card{flex-basis:clamp(250px,70vw,280px);padding:var(--spacing-md)}.testimonials-grid{gap:var(--spacing-md)}.info-card{padding:var(--spacing-lg) var(--spacing-md)}.info-card p{max-width:100%}.timeline-item{padding-left:var(--spacing-md);gap:var(--spacing-sm)}.how-it-works-timeline:after{left:calc(var(--spacing-md) + 15px)}.timeline-item:after{left:calc(-1 * (var(--spacing-sm) + 9px));top:calc(var(--spacing-md) + 2px)}.timeline-item__step-number{margin-top:calc(var(--spacing-md) - 10px);width:28px;height:28px;font-size:calc(var(--fs-sm) - 2px)}.timeline-item__content{padding-top:0}}@media (max-width: 480px){.site-logo__icon{height:24px}.site-logo__text-custom{font-size:var(--fs-lg)}.site-logo{gap:var(--spacing-xs)}.header-actions .btn--sm{font-size:calc(var(--fs-xs) - 2px);padding:var(--spacing-xs) var(--spacing-sm)}.mobile-nav-toggle__icon{font-size:var(--fs-xl)}.btn--lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--fs-sm)}.hero-content__cta-group{gap:var(--spacing-sm);flex-direction:column}.hero-content__cta-group .btn{width:100%;max-width:280px}.how-it-works-timeline:after{left:calc(var(--spacing-md) + 13px)}.timeline-item{padding-left:var(--spacing-sm);gap:var(--spacing-xs)}.timeline-item:after{left:calc(-1 * (var(--spacing-xs) + 9px));top:calc(var(--spacing-md) + 1px)}.timeline-item__step-number{width:26px;height:26px;font-size:calc(var(--fs-xs) - 1px);margin-top:0}.timeline-item__content{padding:var(--spacing-sm)}.timeline-item__title{font-size:var(--fs-md)}.testimonial-card__quote{font-size:var(--fs-xs);-webkit-line-clamp:3}.testimonial-card__image-wrapper{width:50px;height:50px}.testimonial-card__rating{font-size:var(--fs-sm)}.testimonial-carousel-viewport{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.testimonial-card{flex-basis:clamp(240px,80vw,260px)}.platform-header-icon svg,.platform-header-icon img{width:50px;height:50px}.info-card h3{font-size:var(--fs-xl)}.info-card p{font-size:var(--fs-sm)}.cta-section__guarantee{gap:var(--spacing-xs);font-size:var(--fs-xs)}.cta-section__guarantee span{display:none}}.error-popup{position:fixed;top:-100px;left:50%;transform:translate(-50%);background-color:#dc3545;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1100;opacity:0;transition:top .4s ease-in-out,opacity .4s ease-in-out;min-width:280px;text-align:center;font-weight:500;font-size:15px;box-sizing:border-box}.error-popup.show{top:20px;opacity:1}@media (max-width: 480px){.error-popup{width:90%;padding:12px 20px;font-size:14px}}.wrapper{font-family:Inter,sans-serif;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;box-sizing:border-box}.header{background-color:#fff;padding:15px 40px;width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box}.headerTitleContainer{display:flex;align-items:center}.headerLogoLink{text-decoration:none;display:flex;align-items:center;padding:4px 8px;border-radius:8px;transition:background-color .2s ease}.headerLogoLink:hover{background-color:#f0faff}.headerLogoIcon{margin-right:12px;width:36px;height:36px;object-fit:contain;border-radius:6px}.headerTitleText{font-size:20px;font-weight:800;color:#00aeef;transition:color .2s ease-in-out}.headerLogoLink:hover .headerTitleText{color:#00aeef}.mainContent{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%;padding-top:80px;box-sizing:border-box}.formContainer{background-color:#fff;padding:32px 40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;width:100%;max-width:500px;text-align:left}.formContainer h1{font-family:Inter,sans-serif;font-size:28px;font-weight:800;color:#00aeef;margin:0 0 24px;text-align:center;line-height:1.2}.formContainer p{font-family:Inter,sans-serif;font-size:14px;color:#4b5563;line-height:1.5;margin-bottom:1rem}.formContainer a{color:#00aeef;text-decoration:none;font-weight:600;transition:color .2s ease}.formContainer a:hover{text-decoration:underline}.formGroup{margin-bottom:16px}.formGroup label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.inputWrapper input{font-family:Inter,sans-serif;width:100%;padding:9px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;box-sizing:border-box;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.inputWrapper input:focus{outline:none;border-color:#00aeef;box-shadow:0 0 0 3px #00aeef33}.passwordToggleIcon{position:absolute;right:14px;cursor:pointer;color:#9ca3af;font-size:16px;top:50%;transform:translateY(-50%);z-index:2}.supportingText{display:block;font-size:12px;color:#6b7280;margin-top:6px}.submitButton{font-family:Inter,sans-serif;background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:9px 20px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;width:100%;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .1s ease;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.submitButton:disabled{background-color:transparent;color:#a0d9ef;border-color:#a0d9ef;cursor:not-allowed}.submitButton:hover:not(:disabled){background-color:#00aeef;color:#fff}.submitButton:active:not(:disabled){transform:scale(.98)}.switchAuthLink{text-align:center;margin-top:16px}.switchAuthLink a:hover{text-decoration:none;color:#0095c7}.termsPrivacy{text-align:center;margin-top:16px}.termsPrivacy p{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:2px}.termsPrivacy a{color:#374151;text-decoration:none;font-weight:500}.termsPrivacy a:hover{text-decoration:underline}.invalidInput{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354533!important}@media (max-width: 768px){.header{padding:10px 20px}.headerTitleText{font-size:16px}.mainContent{padding-top:70px}.formContainer{padding:24px}}@media (max-width: 480px){.headerTitleText{font-size:14px}.header{padding:10px 15px}.mainContent{padding-top:70px;align-items:flex-start;padding-bottom:20px}.formContainer{padding:20px;margin-left:10px;margin-right:10px;margin-top:15px;max-width:none}.formContainer h1{font-size:24px}}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:1rem;width:auto;min-width:350px;max-width:90vw}.toast-notification{display:flex;align-items:center;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;position:relative;color:#fff;background-color:#343a40}.toast-notification.enter{animation:slideInDown .3s ease-out forwards}.toast-notification.exit{animation:slideOutUp .3s ease-in forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.toast-notification.success{background-color:#2d9d49}.toast-notification.error{background-color:#d92d20}.toast-notification.warning{background-color:#f5a623;color:#1a1a1a}.toast-notification.success .toast-timer,.toast-notification.error .toast-timer{background-color:#ffffff4d}.toast-notification.warning .toast-timer{background-color:#0003}.toast-icon{font-size:1.25rem;margin-right:15px;flex-shrink:0;line-height:1}.toast-notification.warning .toast-icon{color:#1a1a1a}.toast-content{flex-grow:1;padding-right:20px}.toast-message{margin:0;padding:0;font-weight:500;font-size:.95rem;line-height:1.4;word-break:break-word;color:inherit}.toast-close-btn{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s}.toast-close-btn:hover{opacity:1}.toast-timer{position:absolute;bottom:0;left:0;height:4px;width:100%;animation:shrink 5s linear forwards;border-radius:0 0 0 8px}@keyframes shrink{0%{width:100%}to{width:0%}}@media (max-width: 480px){.toast-container{min-width:auto;width:calc(100% - 2rem);top:15px}}:root{--header-height: 66px;--spacing-lg: 24px;--background-color-container: #ffffff;--border-color: #d1d5db;--box-shadow-main: 0 2px 4px rgba(0, 0, 0, .05);--text-color-dark: #111827;--primary-color: #00aeef;--danger-color: #e53e3e;--box-shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--hover-bg-light: #f0faff;--sidebar-hover-text-color: #0095c7;--subscription-gradient: linear-gradient( 135deg, #6d28d9, #d946ef, #f59e0b, #d946ef, #6d28d9 )}@keyframes gradient-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.platform-header-styling-override{background-color:var(--background-color-container);height:var(--header-height);padding:0 var(--spacing-lg);width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--box-shadow-main);position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid var(--border-color)}.header-logo-section,.header-logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.header-logo-link:hover{background-color:var(--hover-bg-light)}.header-logo-icon{width:38px;height:38px;margin-right:8px}.header-title-text{font-size:20px;font-weight:800;color:var(--primary-color)}.header-page-title-section{flex-grow:1;text-align:center;margin:0 16px;min-width:0}.header-current-page-title{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions-section{display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.header-action-button,.header-subscription-button{border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;text-decoration:none;transition:all .2s ease;overflow:hidden;background-color:transparent}.header-icon-svg{width:24px;height:24px;transition:filter .2s;flex-shrink:0}.subscription-content-animated{display:flex;align-items:center;gap:8px;background:var(--subscription-gradient);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shimmer 4s ease infinite}.header-action-button:hover{background-color:var(--hover-bg-light);border-color:var(--primary-color)}.header-action-button.active{background-color:var(--primary-color);border-color:var(--primary-color)}.header-action-button.active .header-icon-svg{filter:brightness(0) invert(1)}.header-subscription-button:hover{border-color:transparent;background-image:linear-gradient(#fff,#fff),var(--subscription-gradient);background-origin:border-box;background-clip:padding-box,border-box}.header-subscription-button:active,.header-subscription-button.active{border-color:transparent;background:var(--subscription-gradient);background-size:300% 300%;animation:gradient-shimmer 4s ease infinite}.header-subscription-button.active .subscription-content-animated{animation:none;background:none;-webkit-text-fill-color:white;color:#fff}.header-subscription-button.active .subscription-icon{filter:brightness(0) invert(1)}.user-avatar-button{background:none;border:none;padding:0;cursor:pointer;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,box-shadow .2s}.user-avatar-button:hover,.user-avatar-button.active{background-color:var(--hover-bg-light);box-shadow:0 0 0 1.5px var(--primary-color)}.user-avatar-image{width:40px;height:40px;border-radius:50%;border:2px solid transparent;object-fit:cover}.user-menu-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border-radius:8px;box-shadow:var(--box-shadow-medium);min-width:220px;z-index:1001;padding:8px}.user-menu-dropdown.visible{display:block}.dropdown-item{display:flex;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;color:var(--primary-color);text-decoration:none;border-radius:8px;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s}.dropdown-item-icon{font-size:1.125rem;width:20px;margin-right:12px;text-align:center}.dropdown-item:hover{background-color:var(--hover-bg-light);color:var(--sidebar-hover-text-color);border-color:var(--primary-color)}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0;border:none}.dropdown-item-logout{color:var(--danger-color)!important}.dropdown-item-logout:hover{background-color:var(--danger-color)!important;color:#fff!important;border-color:var(--danger-color)!important}@media (max-width: 768px){.header-page-title-section,.header-title-text{display:none}}в :root{--font-family-main: "Inter", sans-serif;--text-color-dark: #111827;--text-color-medium: #374151;--background-color-page: #f8f9fa;--primary-color: #00aeef;--spacing-md: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-main);background-color:var(--background-color-page);color:var(--text-color-medium);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-color-dark);margin-bottom:var(--spacing-md)}.add-popup-container{position:absolute;top:calc(100% + 10px);right:90px;width:380px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1001;padding:16px;border:1px solid #e5e7eb;animation:fadeIn .2s ease-out;display:flex;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-popup-content{display:flex;flex-direction:row;gap:16px;width:100%;justify-content:space-around}.add-popup-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1}.add-popup-title{font-family:Noto Sans,sans-serif;font-size:16px;font-weight:700;color:#00aeef;margin:0;padding:0 8px}.add-popup-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 16px;border-radius:8px;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease;width:100%;height:auto;border:1px solid transparent}.add-popup-icon{width:24px;height:24px;margin-bottom:0;margin-right:15px}.add-popup-text{font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;color:#5c677d;white-space:nowrap}.add-popup-link:hover{background-color:#f0faff;box-shadow:inset 0 0 0 1.5px #00aeef}:root{--header-height: 66px;--sidebar-block-width: 280px;--sidebar-bg-color: #ffffff;--sidebar-border-color: #e5e7eb;--sidebar-link-color: #00aeef;--sidebar-width-collapsed: 90px;--sidebar-hover-bg-color: #f0faff;--sidebar-logout-hover-bg-color: #fff5f5;--sidebar-active-text-color: #ffffff;--danger-color: #e53e3e;--danger-color-dark: #c53030;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--border-radius-main: 8px;--box-shadow-active: 0 4px 12px rgba(0, 174, 239, .25)}.sidebar-container{width:var(--sidebar-width-collapsed);border-right:1px solid var(--sidebar-border-color);position:fixed;top:90px;left:10px;bottom:10px;height:calc(100vh - 100px);padding-top:var(--header-height);display:flex;flex-direction:column;transition:all .3s ease-in-out;z-index:999;font-family:"Noto Sans" sans-serif;align-items:center;border-radius:12px;background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);overflow-x:hidden;min-width:280px}.user-info-logo{margin-right:16px}.user-info{display:flex;padding:16px;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid var(--Gradient, #afecff);background:linear-gradient(132deg,#dff8ff -.55%,#ffe5f0 53.03%,#fff7dd 99.85%);width:100%;max-width:var(--sidebar-block-width);box-sizing:border-box}.info-title{color:#5c677d;font-family:Outfit sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:130%}.user{display:flex;align-items:center;gap:5px}.avatar{width:16px;height:16px;aspect-ratio:1/1;border-radius:16px}.name{color:#242424;font-family:Outfit sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:130%}.sidebar-nav-links{display:flex;flex-direction:column;margin-top:10px;border-radius:12px;border:1px solid #e3f2ff;background:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;width:100%;max-width:var(--sidebar-block-width);box-sizing:border-box}.sidebar-link{font-family:"Noto Sans" sans-serif;display:flex;align-items:center;padding:10px 16px;border-radius:var(--border-radius-main);color:#5c677d;font-size:14px;font-weight:400;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;height:auto;position:relative;background-color:transparent;margin:var(--spacing-xs) 0}.sidebar-icon{font-size:1.125rem;width:24px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:15px;transition:transform .3s ease,color .2s ease;flex-shrink:0;line-height:1;position:relative;color:inherit}.sidebar-link:hover{background-color:var(--sidebar-hover-bg-color);color:inherit;box-shadow:inset 0 0 0 1.5px var(--sidebar-link-color)}.sidebar-link.active{background:var(--sidebar-link-color);color:var(--sidebar-active-text-color)!important;font-weight:600;box-shadow:var(--box-shadow-active)}.sidebar-link.active .sidebar-icon{filter:brightness(0) invert(1)}.links-title{color:#202f36;font-family:"Noto Sans" sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:130%;margin-bottom:16px}.sidebar-footer-section{padding:var(--spacing-md) 0;margin-top:auto;width:100%;max-width:var(--sidebar-block-width);box-sizing:border-box}.logout-button{font-family:Noto Sans,sans-serif;display:flex;align-items:center;padding:10px 16px;border-radius:var(--border-radius-main);color:#017aff;font-size:14px;font-weight:400;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;height:auto;position:relative;background-color:transparent;margin:var(--spacing-xs) 0;cursor:pointer;border:none;width:100%;box-sizing:border-box}.logout-button:hover{background-color:var(--sidebar-logout-hover-bg-color);color:var(--danger-color);box-shadow:inset 0 0 0 1.5px var(--danger-color)}.logout-icon{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:15px;transition:color .2s ease;flex-shrink:0;position:relative;color:inherit}.logout-icon g,.logout-icon circle,.logout-icon rect{stroke:currentColor;fill:currentColor;transition:stroke .15s ease,fill .15s ease}.logout-text{color:inherit;font-size:14px;font-weight:500;line-height:130%}@media (max-width: 1000px){.sidebar-container{min-width:var(--sidebar-width-collapsed)!important;width:var(--sidebar-width-collapsed);padding:var(--spacing-md)}.user-info-logo,.info,.links-title,.sidebar-link-text,.logout-text{display:none}.user-info{justify-content:center;padding:8px;background:none;border:none;max-width:none}.avatar{width:32px;height:32px}.sidebar-nav-links{padding:var(--spacing-sm);max-width:none}.sidebar-link,.logout-button{justify-content:center;padding:var(--spacing-md);width:auto;margin:var(--spacing-xs) 0}.sidebar-icon,.logout-icon{margin:0;right:0}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#11182766;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,backdrop-filter .2s ease-in-out}.popup-overlay.open{opacity:1;visibility:visible}.popup-content{background-color:#fff;padding:28px 32px;border-radius:12px;box-shadow:0 8px 24px #0003;width:100%;max-width:420px;text-align:center;transform:scale(.95) translateY(10px);transition:transform .2s ease-in-out}.popup-overlay.open .popup-content{transform:scale(1) translateY(0)}.popup-title{font-size:1.375rem;font-weight:700;color:#111827;margin-top:0;margin-bottom:12px}.popup-message{font-size:1rem;color:#4b5563;margin-bottom:28px;line-height:1.6}.popup-actions{display:flex;justify-content:center;gap:16px}.popup-button{padding:10px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.popup-button.confirm{background-color:#e53e3e;color:#fff;border-color:#e53e3e}.popup-button.confirm:hover{background-color:#c53030;border-color:#c53030;transform:translateY(-1px)}.popup-button.cancel{background-color:transparent;color:#374151;border-color:#d1d5db}.popup-button.cancel:hover{background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}:root{--header-height: 66px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 90px;--sidebar-margin: 10px;--background-color-page: #f8f9fa;--background-color-container: #ffffff;--border-radius-main: 8px;--box-shadow-main: 0 2px 4px rgba(0, 0, 0, .05);--spacing-lg: 24px;--spacing-md: 16px}.platform-wrapper{display:flex;min-height:100vh;background-color:var(--background-color-page)}.main-content-area{margin-left:calc(var(--sidebar-width-expanded) + (2 * var(--sidebar-margin)));margin-top:var(--header-height);flex-grow:1;padding:var(--spacing-lg);width:calc(100% - (var(--sidebar-width-expanded) + (2 * var(--sidebar-margin))));transition:margin-left .3s ease-in-out,width .3s ease-in-out}.main-content-area.sidebar-hidden{margin-left:0;width:100%}.page-content-wrapper{background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);min-height:calc(100vh - var(--header-height) - (2 * var(--spacing-lg)));overflow-x:hidden}.page-content-wrapper>*{animation:fadeInAnimation .4s ease-out forwards}@media (max-width: 1000px){.main-content-area{margin-left:calc(var(--sidebar-width-collapsed) + (2 * var(--sidebar-margin)));width:calc(100% - (var(--sidebar-width-collapsed) + (2 * var(--sidebar-margin))))}.main-content-area.sidebar-hidden{margin-left:0;width:100%}}@media (max-width: 1200px){.main-content-area{padding:var(--spacing-md)}}@media (max-width: 768px){.page-content-wrapper{padding:var(--spacing-md)}}:root{--background-color-container: #ffffff;--border-radius-main: 8px;--box-shadow-main: 0 2px 4px rgba(0, 0, 0, .05);--box-shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--spacing-lg: 24px;--spacing-md: 16px;--text-color-dark: #1f2937;--text-color-medium: #4b5563;--text-color-light: #6b7280;--border-color: #e5e7eb;--primary-color: #00aeef;--primary-color-light-bg: #f0faff;--success-color: #38a169;--danger-color: #e53e3e}#dashboardPage{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}#dashboardPage.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height, 66px) - 100px)}.card-style{background-color:var(--background-color-container, #fff);border-radius:var(--border-radius-main, 8px);box-shadow:var(--box-shadow-main, 0 2px 4px rgba(0, 0, 0, .05));padding:var(--spacing-lg, 24px);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;outline:1.5px solid transparent;border:none}.card-style:hover{transform:translateY(-5px);outline-color:var(--primary-color);box-shadow:var(--box-shadow-medium)}.card-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md, 16px);padding-bottom:0;border-bottom:none}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md, 16px)}.dashboard-side-summary-column .dashboard-summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card.ctr-trend-card{grid-column:span 2}.summary-card{display:flex;align-items:center;gap:16px;padding:16px}.summary-icon-container{width:48px;height:48px;border-radius:50%;background-color:var(--primary-color-light-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon-container i{font-size:1.25rem;color:var(--primary-color)}.summary-text-container{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.summary-card-title{font-size:.8rem;font-weight:500;color:var(--text-color-medium);margin:0 0 2px;line-height:1.2}.summary-card-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0;line-height:1.1;display:flex;align-items:center;gap:4px}.summary-card-value.small-text{font-size:1.2rem}.summary-card-value .trend-arrow{font-size:1rem}.summary-card-value .trend-arrow.up{color:var(--success-color)}.summary-card-value .trend-arrow.down{color:var(--danger-color)}.dashboard-main-content-row{display:flex;gap:var(--spacing-lg, 24px);align-items:stretch}.dashboard-performance-chart-column{flex:3;min-width:0;display:flex}.dashboard-side-summary-column{flex:2;min-width:0;display:flex;flex-direction:column}.dashboard-bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg, 24px)}.dashboard-chart-container.card-style{height:100%;display:flex;flex-direction:column;flex-grow:1}.card-body{flex-grow:1;display:flex;align-items:center;justify-content:center}#performanceOverviewChart,#effectivenessChart{max-height:380px;width:100%!important}.dashboard-effectiveness-container .card-body,.dashboard-top-promotions-container .card-body{max-height:400px;overflow-y:auto;padding:4px}.top-promotions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%}.promotion-item-block{display:block;padding:10px 16px;border-radius:var(--border-radius-main);background-color:#fff;border:none;box-shadow:var(--box-shadow-main);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.promotion-item-block:hover{background-color:var(--primary-color-light-bg);transform:scale(1.02);box-shadow:var(--box-shadow-medium)}.promotion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.promotion-label{font-weight:600;color:var(--text-color-dark);font-size:.9rem}.promotion-ctr{font-size:.9rem;font-weight:500;color:var(--primary-color)}.promotion-metrics{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-color-medium);gap:var(--spacing-sm)}.promotion-metric span{font-weight:500;color:var(--text-color-dark)}.empty-state-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%;padding:var(--spacing-lg);text-align:center}.empty-state-widget p{font-size:1.1rem;font-weight:600;margin:0}.dashboard-loading-container{display:flex;justify-content:center;align-items:center;width:100%}.dashboard-error-message{text-align:center;padding:20px;color:var(--danger-color);background-color:#fff5f5;border:1px solid var(--danger-color);border-radius:var(--border-radius-main)}@media (max-width: 1200px){.dashboard-main-content-row{flex-direction:column}.dashboard-side-summary-column{width:100%}.dashboard-bottom-row{grid-template-columns:1fr}}@media (max-width: 992px){.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-side-summary-column .dashboard-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.summary-card.ctr-trend-card{grid-column:span 1}.dashboard-summary-grid,.dashboard-side-summary-column .dashboard-summary-grid{grid-template-columns:1fr}}#advertisingPage .content-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}#advertisingPage .page-actions-container{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px}#advertisingPage .btn-ads-refresh{background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);padding:6px 12px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}#advertisingPage .btn-ads-refresh:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}#advertisingPage .btn-ads-refresh:disabled{background-color:transparent;color:#a0d9ef;cursor:not-allowed;transform:none;box-shadow:inset 0 0 0 1.5px #a0d9ef}#advertisingPage .btn-ads-refresh.loading i,#advertisingPage .btn-ads-refresh .fa-spin{animation:spin 1s linear infinite}#advertisingPage .ads-info-card{background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;outline:1.5px solid transparent}#advertisingPage .ads-info-card:hover{transform:translateY(-5px);outline:1.5px solid var(--primary-color);box-shadow:var(--box-shadow-medium)}#advertisingPage .info-box-inner{background-color:var(--primary-color-light-bg);border:1px solid var(--primary-color);border-radius:var(--border-radius-main);padding:12px 16px 12px 40px;position:relative;font-size:.875rem;line-height:1.5;color:var(--primary-color-dark);margin:0}#advertisingPage .info-box-inner:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--primary-color)}#advertisingPage .ads-loading-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height, 66px) - 100px)}#advertisingPage .ad-history-widget{background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);display:flex;flex-direction:column;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;outline:1.5px solid transparent;overflow-x:auto;margin-top:var(--spacing-lg)}#advertisingPage .ad-history-widget:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-medium);outline-color:var(--primary-color)}#advertisingPage .ad-history-widget h3{margin-top:0;margin-bottom:var(--spacing-lg);font-size:1.25rem;color:var(--primary-color);text-align:center;font-weight:600}#advertisingPage .ad-list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 50px;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--primary-color);background-color:#f8f9fa;padding:18px var(--spacing-lg);border-radius:var(--border-radius-main)}#advertisingPage .ad-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}#advertisingPage .ad-list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 50px;align-items:center;gap:var(--spacing-md);padding:1rem var(--spacing-lg);border-bottom:1px solid var(--border-color-light);transition:background-color .2s ease-in-out;border-radius:var(--border-radius-main);cursor:pointer}#advertisingPage .details-arrow-container{display:flex;justify-content:center;align-items:center;height:100%}#advertisingPage .ad-list-item:not(:last-child){margin-bottom:4px}#advertisingPage .ad-list-item:hover{background-color:#f1f5f9}#advertisingPage .ad-list-item.active-row{background-color:#e6efff}#advertisingPage .ad-list-item.active-row:hover{background-color:#dde8ff}#advertisingPage .ad-metric{font-weight:500;font-size:.9rem;color:var(--text-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#advertisingPage .ad-metric.details{display:flex;align-items:center;gap:var(--spacing-md);overflow:visible}#advertisingPage .ad-icon{width:40px;height:40px;border-radius:var(--border-radius-main);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}#advertisingPage .ad-info{display:flex;flex-direction:column;min-width:0}#advertisingPage .ad-name{font-weight:500;color:var(--text-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#advertisingPage .ad-id{font-size:.8rem;color:var(--text-color-light)}#advertisingPage .details-arrow-container i{color:var(--primary-color);font-size:1rem;transition:transform .3s ease-in-out}#advertisingPage .status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:16px;font-size:.8rem;font-weight:600;text-transform:capitalize;min-width:120px;text-align:center}#advertisingPage .status-badge.status-scheduled{background-color:#e0e7ff;color:#4c51bf}#advertisingPage .status-badge.status-waiting{background-color:#fef3c7;color:#b45309}#advertisingPage .status-badge.status-paid{background-color:#d1fae5;color:#065f46}#advertisingPage .status-badge.status-active{background-color:#cef;color:#0077b3}#advertisingPage .status-badge.status-ended{background-color:#e5e7eb;color:#4b5563}#advertisingPage .ad-actions-row{display:list-item}#advertisingPage .ad-actions-row td,#advertisingPage .ad-actions-row>div{padding:0!important;border:none;overflow:hidden}#advertisingPage .ad-actions-row.actions-visible{margin-top:8px;margin-bottom:8px}#advertisingPage .ad-actions-panel{background-color:#fdfdfd;padding:var(--spacing-lg) 32px;display:flex;flex-direction:column;gap:var(--spacing-md);max-height:0;opacity:0;transform:translateY(-20px);visibility:hidden;overflow:hidden;border-radius:var(--border-radius-main);outline:1.5px solid transparent;transition:max-height .45s cubic-bezier(.25,.1,.25,1),opacity .35s ease-in-out .1s,transform .45s cubic-bezier(.25,.1,.25,1),visibility 0s .45s,outline-color .3s ease-in-out,box-shadow .3s ease-in-out}#advertisingPage .ad-actions-row.actions-visible .ad-actions-panel:hover{outline:1.5px solid var(--primary-color);box-shadow:var(--box-shadow-medium);transform:translateY(-5px)}#advertisingPage .ad-actions-row.actions-visible .ad-actions-panel{max-height:800px;opacity:1;transform:translateY(0);visibility:visible;border-top:none;box-shadow:0 5px 15px #00000012;transition-delay:0s,0s,0s,0s,0s,0s;overflow-y:auto}#advertisingPage .analytics-table-container{border:1px solid var(--border-color-light);border-radius:var(--border-radius-main);overflow:hidden;margin:var(--spacing-md)}#advertisingPage .analytics-header{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:12px var(--spacing-lg);background-color:#f8f9fa;color:var(--primary-color);font-size:.7rem;font-weight:600;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-color-light)}#advertisingPage .analytics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:12px var(--spacing-lg);background-color:#fff;align-items:center;text-align:left;transition:background-color .2s ease-in-out}#advertisingPage .analytics-row:hover{background-color:#f1f5f9}#advertisingPage .analytics-metric{font-weight:500;font-size:.85rem;color:var(--text-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#advertisingPage .analytics-metric.ctr-value{color:var(--text-color-dark);font-weight:600}#advertisingPage .ad-details-expanded{display:flex;gap:var(--spacing-lg);width:100%;align-items:flex-start}#advertisingPage .ad-details-column-1{flex:3;min-width:0}#advertisingPage .ad-details-column-2{flex:2;min-width:0}#advertisingPage .description-info-box{background-color:var(--primary-color-light-bg);border:1px solid var(--primary-color);border-radius:var(--border-radius-main);padding:14px 16px;font-size:.875rem;line-height:1.6;color:var(--primary-color-dark);margin-left:10px}#advertisingPage .ad-details-column-1 h4,#advertisingPage .ad-details-column-2 h4{text-align:center;color:var(--primary-color);font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-md)}#advertisingPage .campaign-description-text{font-size:.875rem;color:var(--text-color-medium);line-height:1.6;margin:0;word-break:break-word}#advertisingPage .campaign-expanded-image{width:100%;max-width:320px;height:auto;border-radius:var(--border-radius-main);border:1px solid #e0e6ed;object-fit:cover;box-shadow:0 2px 4px #0000000d;margin-left:auto;margin-right:auto;display:block}#advertisingPage .ad-action-buttons-expanded{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:0 var(--spacing-md);border-top:none;width:100%;margin-bottom:var(--spacing-sm)}#advertisingPage .ad-actions-panel .btn-action{padding:12px;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-main);transition:all .2s ease;justify-content:center}#advertisingPage .ad-actions-panel .btn-action i{font-size:.9em}#advertisingPage .ad-history-widget .empty-state-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-lg);text-align:center;color:var(--primary-color)}#advertisingPage .ad-history-widget .empty-state-widget i{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}#advertisingPage .ad-history-widget .empty-state-widget p{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0}@media (max-width: 1200px){#advertisingPage .ad-list-header{display:none}#advertisingPage .ad-list{gap:1rem}#advertisingPage .ad-list-item{display:block;padding:var(--spacing-md);border:1px solid var(--border-color);margin-bottom:0;position:relative}#advertisingPage .ad-metric{display:flex;justify-content:space-between;align-items:center;text-align:right;white-space:normal;padding:8px 0}#advertisingPage .ad-metric:before{font-weight:500;color:var(--text-color-medium);padding-right:1em;text-align:left}#advertisingPage .ad-metric.details:before{content:"Ad"}#advertisingPage .ad-metric.status:before{content:"Status"}#advertisingPage .ad-metric.budget:before{content:"Budget"}#advertisingPage .ad-metric.spent:before{content:"Spent"}#advertisingPage .ad-metric.clicks-views:before{content:"Clicks / Views"}#advertisingPage .ad-metric.details{display:flex;padding-bottom:0;border-bottom:none;margin-bottom:0;padding-right:30px}#advertisingPage .details-arrow-container{position:absolute;top:var(--spacing-md);right:var(--spacing-md);height:auto}}@media (max-width: 992px){#advertisingPage .ad-details-expanded{flex-direction:column;align-items:stretch}#advertisingPage .ad-details-column-1,#advertisingPage .ad-details-column-2{width:100%;max-width:none}#advertisingPage .ad-action-buttons-expanded{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){#advertisingPage .analytics-table-container{margin:var(--spacing-md) 0 0}#advertisingPage .analytics-header{display:none}#advertisingPage .analytics-row{grid-template-columns:1fr;gap:0;padding:0}#advertisingPage .analytics-metric{display:flex;justify-content:space-between;padding:8px var(--spacing-md);border-bottom:1px solid var(--border-color-light)}#advertisingPage .analytics-row .analytics-metric:last-child{border-bottom:none}#advertisingPage .analytics-metric:before{font-weight:500;color:var(--text-color-medium);text-align:left}#advertisingPage .analytics-metric.ctr-value:before{content:"CTR"}#advertisingPage .analytics-row .analytics-metric:nth-child(2):before{content:"CPC"}#advertisingPage .analytics-row .analytics-metric:nth-child(3):before{content:"CPS"}#advertisingPage .analytics-row .analytics-metric:nth-child(4):before{content:"Real CPM"}}#advertisingPage .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;font-weight:500;border-radius:var(--border-radius-main);cursor:pointer;text-align:center;transition:background-color .2s,box-shadow .2s}#advertisingPage .btn:hover{background-color:var(--primary-color-dark);box-shadow:0 2px 8px #0000001a}#advertisingPage .btn-primary{background-color:var(--primary-color)}#advertisingPage .btn-primary:hover{background-color:var(--primary-color-dark)}#advertisingPage .btn-danger{background-color:var(--danger-color)}#advertisingPage .btn-danger:hover{background-color:var(--danger-color-dark)}#advertisingPage .btn-success{background-color:var(--success-color)}#advertisingPage .btn-success:hover{background-color:#2f855a}#advertisingPage .btn-outline{background-color:transparent;color:var(--text-color-medium);border:1px solid var(--border-color)}#advertisingPage .btn-outline:hover{background-color:#f0f0f0;border-color:var(--text-color-medium);color:var(--text-color-dark);box-shadow:none}#advertisingPage .btn-primary-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}#advertisingPage .btn-primary-outline:hover{background-color:var(--primary-color);color:#fff}#advertisingPage .btn-secondary-outline{background-color:transparent;color:var(--text-color-medium);border:1px solid var(--text-color-medium)}#advertisingPage .btn-secondary-outline:hover{background-color:var(--text-color-medium);color:#fff}#advertisingPage .btn-secondary-outline:disabled,#advertisingPage .btn-secondary-outline:disabled:hover{background-color:#f0f0f0;color:#a0a0a0;border-color:#d1d5db;cursor:not-allowed}#advertisingPage .btn-warning-outline{background-color:transparent;color:#c57017;border:1px solid #c57017}#advertisingPage .btn-warning-outline:hover{background-color:#c57017;color:#fff}#advertisingPage .btn-info-outline{background-color:transparent;color:#2a7aaf;border:1px solid #2a7aaf}#advertisingPage .btn-info-outline:hover{background-color:#2a7aaf;color:#fff}#advertisingPage .btn-success-outline{background-color:transparent;color:var(--success-color);border:1px solid var(--success-color)}#advertisingPage .btn-success-outline:hover{background-color:var(--success-color);color:#fff}#advertisingPage .btn-full-width{width:100%}#advertisingPage .btn .btn-spinner{width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;display:inline-block;animation:spin .8s linear infinite;vertical-align:middle}.modal-overlay-style{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182799;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.modal-overlay-style.modal-visible{opacity:1;visibility:visible;transition-delay:0s}.modal-content-style{position:relative;background-color:var(--background-color-container);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-medium);width:100%;max-width:450px;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease;text-align:center;overflow-y:auto;max-height:90vh}.modal-overlay-style.modal-visible .modal-content-style{transform:scale(1);opacity:1}.modal-body-text{font-size:1rem;color:var(--text-color-medium);margin-bottom:var(--spacing-lg);line-height:1.6}.modal-actions-style{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-title-text{font-size:1.25rem;font-weight:700;color:var(--text-color-dark);margin:0}.deposit-modal-body{padding:0 24px 12px;flex-grow:1}.input-with-currency{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-main);padding-left:var(--spacing-md);background-color:var(--background-color-container);transition:border-color .2s ease,box-shadow .2s ease}.input-with-currency span{font-size:1rem;color:var(--text-color-medium);padding-right:var(--spacing-sm);line-height:1}.input-with-currency input{flex-grow:1;padding:var(--spacing-md);border:none;outline:none;font-size:.95rem;color:var(--text-color-dark);background-color:transparent}.input-with-currency:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #00aeef33}.modal-footer-custom{padding:12px 24px 20px;display:flex;justify-content:flex-end}.btn-modal-action{flex:1;padding:10px 20px;font-size:.95rem;font-weight:600;border:none;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:42px;background-color:#fff}.btn-modal-action.confirm-success{color:var(--success-color);box-shadow:inset 0 0 0 1.5px var(--success-color)}.btn-modal-action.confirm-success:hover:not(:disabled){background-color:var(--success-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #38a16933}.btn-modal-action.confirm-danger{color:var(--danger-color);box-shadow:inset 0 0 0 1.5px var(--danger-color)}.btn-modal-action.confirm-danger:hover:not(:disabled){background:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #e53e3e33}.modal-info-box{background-color:var(--primary-color-light-bg);border:1px solid var(--primary-color);border-radius:var(--border-radius-main);padding:12px 16px 12px 40px;position:relative;margin-bottom:var(--spacing-lg)}.modal-info-box p{font-size:.875rem;line-height:1.5;color:var(--primary-color-dark);margin:0}.modal-info-box:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--primary-color)}.field-error-message-ads{display:none;padding:10px 14px;margin-top:8px;font-size:.85rem;font-weight:500;color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px}.field-error-message-ads.visible{display:flex}.field-error-message-ads:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:1em;flex-shrink:0}#advertisingPage .ad-info.tooltip-enabled{position:relative;cursor:default}#advertisingPage .ad-info.tooltip-enabled:hover:before{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;white-space:normal;width:max-content;max-width:300px;text-align:center;z-index:10;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}#advertisingPage .ad-info.tooltip-enabled:hover:after{content:"";position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(100%);border:6px solid transparent;border-top-color:var(--primary-color);opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}#advertisingPage .ad-info:before,#advertisingPage .ad-info:after{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease .1s,visibility .2s ease .1s}:root{--success-color: #38a169;--pending-color: #d69e2e;--primary-color-dark: #0095c7;--border-color-light: #e2e8f0}.wallet-card{background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;outline:1.5px solid transparent}.wallet-card:hover{transform:translateY(-5px);outline:1.5px solid var(--primary-color);box-shadow:var(--box-shadow-medium)}.wallet-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.wallet-page-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:-10px}.btn-wallet-refresh{background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);padding:6px 12px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-wallet-refresh:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-wallet-refresh:disabled{background-color:transparent;color:#a0d9ef;box-shadow:inset 0 0 0 1.5px #a0d9ef;cursor:not-allowed;transform:none}.btn-wallet-refresh.loading i{animation:spin 1s linear infinite}.wallet-header{display:flex;gap:var(--spacing-lg);align-items:flex-start;flex-wrap:wrap}.wallet-balance-section{flex:1 1 320px;max-width:350px;display:flex;flex-direction:column;min-height:400px}.wallet-how-it-works{margin-top:0;margin-bottom:var(--spacing-lg);flex-grow:1}.wallet-how-it-works h3{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--primary-color);text-align:center;font-weight:600}.wallet-how-it-works ul{list-style:none;padding-left:0;font-size:.8rem;color:var(--text-color-light)}.wallet-how-it-works li{padding-left:1.2rem;position:relative;margin-bottom:var(--spacing-xs)}.wallet-how-it-works li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-size:1.25rem;line-height:1}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:150px;width:100%;flex-grow:1}.balance-info{margin-bottom:var(--spacing-md);text-align:center}.balance-amount{display:block;font-size:1.75rem;font-weight:700;min-height:40px;background:linear-gradient(90deg,var(--primary-color-dark),var(--primary-color),#93c5fd,var(--primary-color),var(--primary-color-dark));background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 5s linear infinite}.btn-deposit{width:100%;background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);padding:6px var(--spacing-md);font-size:.95rem;font-weight:600;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:auto}.btn-deposit:hover{background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.wallet-chart-section{flex:3 1 600px;min-height:400px;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-md);font-size:.85rem;color:var(--text-color-medium);flex-wrap:wrap;flex-shrink:0}.chart-canvas-container{position:relative;flex-grow:1;width:100%;min-height:250px}.chart-legend{display:flex;gap:var(--spacing-md)}.legend-item{display:flex;align-items:center;font-size:.8rem}.legend-item:before{content:"";width:12px;height:12px;border-radius:3px;margin-right:var(--spacing-sm);display:inline-block}.legend-item.deposit-legend:before{background-color:var(--success-color)}.legend-item.expenses-legend:before{background-color:var(--pending-color)}.card-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md, 16px)}.card-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--primary-color, #00aeef)}.transactions-list-widget{background-color:var(--background-color-container);padding:var(--spacing-lg);border-radius:var(--border-radius-main);box-shadow:var(--box-shadow-main);display:flex;flex-direction:column;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;outline:1.5px solid transparent;overflow-x:auto}.transactions-list-widget:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-medium);outline-color:var(--primary-color)}.transactions-list-widget h3{margin-top:0;margin-bottom:var(--spacing-lg);font-size:1.25rem;color:var(--primary-color);text-align:center;font-weight:600}.transactions-list-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr 2fr;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--primary-color);background-color:#f8f9fa;padding:18px var(--spacing-lg);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-main)}.transactions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.transaction-list-item{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr 2fr;align-items:center;gap:var(--spacing-md);padding:1rem var(--spacing-lg);border-bottom:1px solid var(--border-color-light);transition:background-color .2s ease-in-out;border-radius:var(--border-radius-main)}.transaction-list-item:not(:last-child){margin-bottom:0}.transaction-list-item:hover{background-color:#f1f5f9}.transaction-metric{font-weight:500;font-size:.9rem;color:var(--text-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-type{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-size:.8rem;font-weight:500}.transaction-type.deposit{background-color:#e6fffa;color:#2c7a7b}.transaction-type.transfer{background-color:#eef2ff;color:#4338ca}.transaction-type.expense{background-color:#fff5f5;color:#c53030}.amount-positive{color:#38a169;font-weight:600}.amount-negative{color:var(--danger-color);font-weight:600}.status-badge{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.status-success{color:var(--success-color);background-color:#c6f6d5}.status-failed{color:var(--danger-color);background-color:#fed7d7}.status-pending{color:var(--pending-color);background-color:#feebc8}.empty-state-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-lg);text-align:center;color:var(--primary-color);flex-grow:1;width:100%;border:1px solid var(--border-color-light);border-radius:var(--border-radius-main)}.empty-state-widget i{font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.8}.empty-state-widget p{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0}.modal-title-text{font-size:1.375rem;font-weight:700;color:var(--text-color-dark);margin:0}.modal-close-button:hover{background-color:#f3f4f6;color:var(--text-color-dark)}.deposit-modal-body label{display:block;font-size:.9rem;font-weight:500;color:var(--text-color-medium);margin-bottom:4px}.input-amount-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:500;color:#4b5563;pointer-events:none}.input-amount-field{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;font-weight:500;color:#111827;box-sizing:border-box;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-amount-field::-webkit-outer-spin-button,.input-amount-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-amount-field[type=number]{-moz-appearance:textfield}.input-amount-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00aeef40}.btn-confirm-deposit{width:100%;background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:42px}.btn-confirm-deposit:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-confirm-deposit:disabled{background-color:transparent;color:#a0d9ef;box-shadow:inset 0 0 0 1.5px #a0d9ef;cursor:not-allowed;transform:none;opacity:1}@media (max-width: 992px){.wallet-header{flex-direction:column}.wallet-balance-section{max-width:100%;min-height:auto}}@media (max-width: 1200px){.transactions-list-header{display:none}.transactions-list{gap:1rem}.transaction-list-item{display:block;padding:var(--spacing-md);border:1px solid var(--border-color)}.transaction-metric{display:flex;justify-content:space-between;align-items:center;text-align:right;white-space:normal;padding:8px 0}.transaction-metric:before{font-weight:500;color:var(--text-color-medium);padding-right:1em;text-align:left}.transaction-metric.type:before{content:"Type"}.transaction-metric.amount:before{content:"Amount"}.transaction-metric.status:before{content:"Status"}.transaction-metric.date:before{content:"Date"}.activity-cell{display:flex;justify-content:space-between;align-items:flex-start;text-align:right;padding:8px 0;overflow:hidden}.activity-cell:before{content:"Activity";font-weight:500;color:var(--text-color-medium);padding-right:1em;text-align:left;flex-shrink:0}.activity-cell .transaction-metric.activity{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block;width:100%}}.activity-cell{position:relative;min-width:0}.activity-cell.tooltip-enabled{cursor:pointer}.activity-cell .transaction-metric.activity{display:block;width:100%}.activity-cell:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.activity-cell:after{content:"";position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(100%);border:6px solid transparent;border-top-color:var(--primary-color);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.activity-cell.tooltip-enabled:hover:before,.activity-cell.tooltip-enabled:hover:after{opacity:1;visibility:visible}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.settings-container-enhanced{display:flex;gap:24px;align-items:flex-start;justify-content:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height) - 48px);width:100%}.profile-sidebar-enhanced,.settings-main-content-enhanced{background-color:var(--background-color-container);border-radius:12px;box-shadow:var(--box-shadow-main);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;outline:1.5px solid transparent}.profile-sidebar-enhanced{flex:0 0 280px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.settings-main-content-enhanced{flex:0 1 540px;min-width:0;overflow:hidden}.profile-sidebar-enhanced:hover,.settings-main-content-enhanced:hover{transform:translateY(-5px);outline:1.5px solid var(--primary-color);box-shadow:var(--box-shadow-medium)}.profile-avatar-container-enhanced{margin-bottom:16px;position:relative}.profile-avatar-wrapper-enhanced{position:relative;width:110px;height:110px;border-radius:50%;cursor:pointer;display:block;overflow:hidden;box-shadow:0 4px 15px #0000001a;border:3px solid white}.profile-avatar-large-enhanced{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.avatar-camera-overlay-enhanced{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#11182700;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;color:#fff;font-size:1.6rem;transition:all .3s ease}.profile-avatar-wrapper-enhanced:hover .profile-avatar-large-enhanced{filter:brightness(.6)}.profile-avatar-wrapper-enhanced:hover .avatar-camera-overlay-enhanced{background-color:#11182780;opacity:1}.profile-name-enhanced{font-size:1.25rem;font-weight:700;color:var(--text-color-dark);margin-bottom:4px;word-break:break-all}.profile-email-enhanced{font-size:.9rem;color:var(--text-color-medium);margin-bottom:24px;word-break:break-all}.btn-logout-enhanced{width:100%;padding:12px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;background-color:transparent;color:var(--danger-color);border:1px solid #fee2e2;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout-enhanced:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #e53e3e33}.settings-tabs-container{padding:16px 32px}.segmented-control{display:flex;width:100%;background-color:#eef1f4;border-radius:8px;padding:5px;gap:6px}.segmented-control-button{flex:1;text-align:center;padding:10px 24px;font-size:.9rem;font-weight:600;color:var(--text-color-medium);background-color:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease;white-space:nowrap}.segmented-control-button:hover:not(.active){background-color:var(--sidebar-hover-bg-color, #f0faff);border-color:var(--primary-color);color:var(--sidebar-hover-text-color, #0095c7)}.segmented-control-button.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;box-shadow:0 2px 8px #00aeef4d;border-color:transparent}.settings-tab-content-enhanced{padding:24px 32px 32px}.profile-form-enhanced,.password-form-enhanced{max-width:450px;margin-left:auto;margin-right:auto}.form-section-title-enhanced{font-size:1.4rem;font-weight:700;color:var(--primary-color);margin-top:0;margin-bottom:24px;text-align:center}.form-group-enhanced{margin-bottom:20px}.form-group-enhanced label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.inputWrapper{position:relative;display:flex;align-items:center}.inputIcon{position:absolute;left:14px;color:#9ca3af;font-size:16px;top:50%;transform:translateY(-50%);z-index:2}.inputWrapper input{font-family:Inter,sans-serif;width:100%;padding:10px 10px 10px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;box-sizing:border-box;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.inputWrapper input::placeholder{color:#9ca3af}.inputWrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00aeef33}.invalidInput{border-color:#dc3545!important}.invalidInput:focus-within,.inputWrapper input.invalidInput:focus{box-shadow:0 0 0 3px #dc354533!important}.phone-input-container{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding-left:44px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.phone-input-container .inputIcon{left:14px}.phone-input-container:focus-within{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00aeef33}.phone-input-control{width:100%}.PhoneInputInput{border:none!important;box-shadow:none!important;outline:none!important;padding:10px!important;font-size:16px;height:auto;background-color:transparent}.PhoneInputCountry{margin-left:10px;margin-right:5px}.field-hint-enhanced{font-size:.8rem;color:#6b7280;margin-top:6px;display:block}.form-actions-footer-enhanced{margin-top:20px;display:flex;justify-content:flex-end}.btn-save-enhanced{padding:10px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:140px;min-height:42px;transition:all .2s ease;background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);position:relative}.btn-save-enhanced:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-save-enhanced:disabled{background-color:transparent;color:#a0d9ef;box-shadow:inset 0 0 0 1.5px #a0d9ef;cursor:not-allowed;transform:none}.btn-text.loading{visibility:hidden}.btn-spinner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}@media (max-width: 992px){.settings-container-enhanced{flex-direction:column}.profile-sidebar-enhanced{flex:1 1 auto;width:100%}.settings-main-content-enhanced{width:100%;flex-basis:auto}}@media (max-width: 768px){.settings-tabs-container,.settings-tab-content-enhanced{padding-left:20px;padding-right:20px}.settings-tab-content-enhanced{padding-top:24px;padding-bottom:24px}}:root{--success-color: #38a169;--primary-color: #00aeef;--primary-color-dark: #0095c7;--primary-color-light-bg: #f0faff;--text-color-dark: #111827;--text-color-medium: #374151;--text-color-light: #6b7280;--background-color-page: #f8f9fa;--background-color-container: #ffffff;--border-color: #d1d5db;--border-color-light: #e2e8f0;--danger-color: #e53e3e;--font-family-main: "Inter", sans-serif;--border-radius-main: 8px;--box-shadow-main: 0 2px 4px rgba(0, 0, 0, .05);--box-shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--form-accent-color: var(--primary-color);--form-accent-color-darker: var(--primary-color-dark);--form-accent-color-rgb: 0, 174, 239;--form-input-border-color: var(--border-color, #d1d5db);--form-input-bg-color: var(--background-color-container, #ffffff);--form-label-color: var(--primary-color);--form-section-border-color: var(--border-color, #e5e7eb);--subscription-gradient: linear-gradient( 135deg, #6d28d9, #d946ef, #f59e0b, #d946ef, #6d28d9 )}@keyframes fadeInAnimation-cna{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseAnimation-cna{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer-cna{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin-cna{to{transform:rotate(360deg)}}@keyframes gradient-shimmer-cna{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.content-section-cna{animation:fadeInAnimation-cna .4s ease-out forwards}.create-advertisement-layout-cna{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.ad-type-selection-header-cna,.ad-details-column-cna{background-color:var(--background-color-container, #fff);border-radius:var(--border-radius-main, 8px);box-shadow:var(--box-shadow-main, 0 2px 4px rgba(0, 0, 0, .05));transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,outline-color .3s ease-in-out;outline:1.5px solid transparent}.ad-type-selection-header-cna:hover,.ad-details-column-cna:hover{transform:translateY(-5px);outline-color:var(--primary-color);box-shadow:var(--box-shadow-medium)}.ad-type-selection-header-cna{padding:var(--spacing-lg, 24px)}.ad-type-header-content-cna{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.ad-details-column-cna{padding:var(--spacing-lg, 24px);min-width:0}.ad-type-toggle-cna{display:flex;flex-direction:row;gap:var(--spacing-md, 12px);margin-bottom:0}.ad-type-button-cna{width:auto;padding:12px 28px;font-size:.95rem;font-weight:600;color:var(--primary-color);background-color:transparent;border:1.5px solid var(--primary-color);border-radius:var(--border-radius-main, 8px);cursor:pointer;text-align:center;transition:all .2s ease}.ad-type-button-cna:hover:not(.active),.ad-type-button-cna.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.ad-type-button-cna.active{transform:translateY(0)}.ad-type-description-cna{flex-grow:1;min-width:200px;display:flex;align-items:center;position:relative;top:5px}.ad-type-description-cna .description-text-cna{font-size:.875rem;color:var(--text-color-light, #6b7280);line-height:1.5;display:none;position:relative;width:100%}.ad-type-description-cna .description-text-cna.active{display:block;background-color:var(--primary-color-light-bg);border:1px solid var(--primary-color);border-radius:var(--border-radius-main);padding:12px 16px 12px 40px;color:var(--primary-color-dark)}.ad-type-description-cna .description-text-cna.active:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--primary-color)}.form-section-cna{margin-bottom:var(--spacing-xl, 32px);padding-bottom:var(--spacing-lg, 24px);border-bottom:1px solid var(--form-section-border-color)}.form-section-cna:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title-cna{font-size:1rem;font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-md, 16px)}.form-group-cna{margin-bottom:var(--spacing-md, 16px);position:relative}.form-group-cna:last-child{margin-bottom:0}.form-group-cna label,.form-label-above-cna{display:block;font-size:.875rem;font-weight:500;color:var(--form-label-color);margin-bottom:var(--spacing-sm, 8px)}#createAdvertisementPage-cna input[type=text],#createAdvertisementPage-cna input[type=url],#createAdvertisementPage-cna input[type=number]{width:100%;padding:10px 12px;font-size:.9rem;line-height:1.5;color:var(--text-color-dark, #111827);background-color:var(--form-input-bg-color, #fff);border:1px solid var(--form-input-border-color);border-radius:6px;box-shadow:inset 0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease}#createAdvertisementPage-cna input[type=text]:focus,#createAdvertisementPage-cna input[type=url]:focus,#createAdvertisementPage-cna input[type=number]:focus{outline:none;border-color:var(--form-accent-color);box-shadow:0 0 0 3px rgba(var(--form-accent-color-rgb),.2)}.form-row-cna{display:flex;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-md, 16px)}.form-group-inline-cna{flex:1;margin-bottom:0;min-width:0}.input-wrapper-cna{position:relative;display:flex;align-items:center;width:100%}.input-wrapper-cna input[type=text],.input-wrapper-cna input[type=number]{padding-right:65px}.char-counter-cna{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-color-light, #6b7280);pointer-events:none}.label-with-tooltip-cna{display:flex;align-items:center}.label-with-tooltip-cna .info-tooltip-trigger-cna{margin-left:8px}.info-tooltip-trigger-cna{position:relative;display:inline-flex;cursor:help}.info-tooltip-trigger-cna .fa-info-circle{color:var(--text-color-light, #6b7280);transition:color .2s ease}.info-tooltip-trigger-cna:hover .fa-info-circle{color:var(--primary-color)}.tooltip-text-cna{visibility:hidden;opacity:0;position:absolute;bottom:140%;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:8px 12px;border-radius:8px;box-shadow:var(--box-shadow-medium);width:250px;font-size:.85rem;font-weight:500;text-align:left;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;z-index:101;pointer-events:none}.tooltip-text-cna:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--primary-color)}.info-tooltip-trigger-cna:hover .tooltip-text-cna{visibility:visible;opacity:1}.form-field-note-cna{font-size:.8rem;color:var(--text-color-light, #6b7280);margin-top:4px;display:block}.image-preview-area-cna{position:relative;width:100%;min-height:150px;border:2px dashed var(--form-input-border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;margin-top:8px;overflow:hidden}.image-preview-area-cna.interactive-preview-cna{cursor:pointer}.image-preview-area-cna.interactive-preview-cna:hover{border-color:var(--form-accent-color);background-color:#f5f3fe}.image-preview-area-cna.has-image,.image-preview-area-cna.has-video{border:none;background-color:transparent;padding:0;min-height:auto;max-width:800px;margin-left:auto;margin-right:auto}.image-preview-area-cna img,.image-preview-area-cna video{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;border-radius:var(--border-radius-main)}.preview-placeholder-text-cna{color:var(--text-color-light)}.media-preview-actions-cna{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.media-action-btn-cna{background-color:#141414a6;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.media-action-btn-cna:hover{background-color:#000c;transform:scale(1.05)}.hidden-file-input-cna{display:none}.allowed-file-types-cna{font-size:.8rem;color:var(--text-color-light)}.interest-input-wrapper-cna{position:relative}#tagSelectionDropdown-cna{position:absolute;top:100%;left:0;width:100%;z-index:100;max-height:365px;overflow-y:auto;background-color:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a}.tag-dropdown-header-cna{padding:8px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background-color-container, #ffffff);z-index:1}#tagSearchInput-cna{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border-color);font-size:.9rem}.tags-list-cna{list-style:none;padding:8px 16px;margin:0}.tag-item-cna{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tag-label-cna{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;flex-grow:1}.tag-label-cna input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox-cna{display:inline-block;width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:4px;margin-right:8px;position:relative;flex-shrink:0}.tag-label-cna:hover .custom-checkbox-cna{border-color:var(--primary-color)}.tag-label-cna input[type=checkbox]:checked+.custom-checkbox-cna{background-color:var(--primary-color);border-color:var(--primary-color)}.tag-label-cna input[type=checkbox]:checked+.custom-checkbox-cna:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tag-dropdown-footer-cna{position:sticky;bottom:0;background:#fff;padding:16px;border-top:1px solid var(--border-color)}.btn-full-width-cna{width:100%}.btn-primary-cna{background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer}.btn-primary-cna:hover{background-color:var(--primary-color-dark)}.tag-name-cna{position:relative;top:-3px}.popularity-indicator-cna{display:flex;align-items:flex-end;gap:2px;flex-shrink:0;margin-left:12px}.popularity-bar-cna{width:4px;background-color:var(--border-color-light);border-radius:2px;transition:background-color .2s ease,height .2s ease}.popularity-bar-cna.level-1{height:6px}.popularity-bar-cna.level-2{height:10px}.popularity-bar-cna.level-3{height:14px}.popularity-bar-cna.active{background-color:var(--primary-color)}.form-group-cna .visibility-toggle-option-cna:not(:last-child){margin-bottom:16px}.visibility-toggle-label-cna{display:flex;align-items:center;cursor:pointer;font-size:.925rem;gap:12px}.visibility-toggle-label-cna input[type=radio]{opacity:0;width:0;height:0;position:absolute}.toggle-switch-cna{position:relative;display:inline-block;width:51px;height:31px;background-color:#e9e9eb;border-radius:16px;transition:background-color .25s;flex-shrink:0}.toggle-slider-cna{position:absolute;cursor:pointer;top:2px;left:2px;width:27px;height:27px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .25s}.visibility-toggle-label-cna input[type=radio]:checked+.toggle-switch-cna{background-color:var(--primary-color)}.visibility-toggle-label-cna input[type=radio]:checked+.toggle-switch-cna .toggle-slider-cna{transform:translate(20px)}.toggle-text-cna{position:relative;bottom:10px;left:5px}#radiusSelectionMapContainer-cna{margin-top:20px}.radius-controls-panel-cna{margin-bottom:15px;padding:10px;background:#fff;border-radius:8px;border:1px solid var(--border-color-light, #e2e8f0)}.radius-display-container-cna{text-align:center;margin-bottom:10px}.radius-value-text-cna{font-weight:600;color:var(--primary-color)}.radius-slider-custom-cna{width:100%}.my-location-button-cna{position:absolute;top:240px;right:10px;background-color:#fff;border:1px solid #ccc;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000004d;z-index:5}.my-location-button-cna i{color:var(--primary-color)}.btn-submit-form-cna{background-color:transparent;color:var(--primary-color);padding:12px 40px;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:180px;flex-shrink:0;box-shadow:inset 0 0 0 1.5px var(--primary-color)}.btn-submit-form-cna:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-submit-form-cna:disabled{background-color:transparent;color:#a0d9ef;cursor:not-allowed;box-shadow:inset 0 0 0 1.5px #a0d9ef;transform:none}.field-error-message-cna{display:none;padding:8px 12px;margin-top:8px;font-size:.8rem;font-weight:500;color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:8px;align-items:center;gap:8px}.field-error-message-cna.visible{display:flex}.field-error-message-cna:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:1em}.subscription-block-container-cna{flex-grow:1;display:flex;justify-content:center}.subscription-block-loader-cna{width:100%;max-width:450px;height:280px;background-color:#f3f4f6;border-radius:12px;position:relative;overflow:hidden}.subscription-block-loader-cna .loader-shim-cna{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer-cna 1.5s infinite}.form-actions-container-cna{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.form-actions-cna{width:100%;display:flex;justify-content:flex-end;align-items:center}.subscription-promo-card-wrapper-cna{padding:1.5px;background:var(--subscription-gradient);background-size:300% 300%;animation:gradient-shimmer-cna 4s ease infinite;border-radius:14px;width:100%;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.subscription-promo-card-wrapper-cna:hover{transform:translateY(-5px);box-shadow:0 8px 20px #a855f726}.subscription-promo-card-upgrade-cna{background-color:#fff;border-radius:12px;padding:24px 28px;position:relative;width:100%;box-shadow:var(--box-shadow-medium);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;text-align:left}.promo-header-section-cna{flex-shrink:0;text-align:center}.promo-star-icon-cna{font-size:2.5rem;margin-bottom:8px;display:inline-block;background:var(--subscription-gradient);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shimmer-cna 4s ease infinite}.promo-title-cna{display:none}.promo-features-section-cna{flex-grow:1}.promo-features-list-new-cna{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.promo-features-list-new-cna li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-color-medium)}.promo-features-list-new-cna li i{font-size:1rem;width:20px;text-align:center;margin-top:3px;flex-shrink:0;background:var(--subscription-gradient);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shimmer-cna 4s ease infinite}.promo-features-list-new-cna li span strong{font-weight:600;color:var(--text-color-dark)}.promo-action-section-cna{flex-shrink:0;margin-left:24px;align-self:flex-end}.btn-upgrade-subscription-cna{padding:12px 28px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;align-self:flex-end;color:#8a2be2;border:1.5px solid transparent;background-image:linear-gradient(#fff,#fff),var(--subscription-gradient);background-origin:border-box;background-clip:padding-box,border-box;background-size:300% 300%;animation:gradient-shimmer-cna 4s ease infinite;transition:all .3s ease}.btn-upgrade-subscription-cna:hover{background-image:var(--subscription-gradient);background-clip:padding-box;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 15px #00000026}@media (max-width: 992px){.form-row-cna{flex-direction:column;gap:0}.form-group-inline-cna{margin-bottom:16px}.subscription-promo-card-upgrade-cna{flex-direction:column;text-align:center}.promo-header-section-cna{margin-right:0;margin-bottom:16px}.promo-features-section-cna{margin-bottom:24px}.promo-features-list-new-cna{align-items:center}.promo-features-list-new-cna li{text-align:center;flex-direction:column}.promo-action-section-cna{margin-left:0;width:100%;display:flex;justify-content:center;align-self:center}.btn-upgrade-subscription-cna{width:100%;max-width:250px}}@media (max-width: 768px){.ad-type-header-content-cna{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.ad-type-description-cna{margin-left:0}}.tag-item-empty-cna{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;text-align:center;color:var(--primary-color);font-size:.9rem;font-weight:500}.tag-item-empty-cna i{font-size:2.5rem;margin-bottom:12px;opacity:.7}@keyframes pulseAnimation_sub{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.subscription-page-container.final-design{padding:0;margin:-24px;background-color:#fff}.loading-container-sub{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.subscription-hero{position:relative;background-image:url(/images/family.jpg);background-size:cover;background-position:center 30%;padding:80px 24px;text-align:center;color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.subscription-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#11182780;z-index:1}.subscription-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.subscription-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.subscription-hero p{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;max-width:650px;margin:0 auto;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.4)}.sub-page-header{display:flex;justify-content:flex-end;align-items:center;padding:0 40px;margin-top:24px;margin-bottom:-30px}.btn-sub-refresh{background-color:transparent;color:var(--primary-color);border:none;box-shadow:inset 0 0 0 1.5px var(--primary-color);padding:6px 12px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-main);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-sub-refresh:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-sub-refresh:disabled{background-color:transparent;color:#a0d9ef;cursor:not-allowed;transform:none;box-shadow:inset 0 0 0 1.5px #a0d9ef}.btn-sub-refresh.loading i{animation:spin 1s linear infinite}.plan-selection-container{text-align:center;padding:50px 24px 40px}.plan-selection-container h2{font-size:clamp(1.8rem,4vw,2.25rem);color:#111827;margin-bottom:12px}.plan-selection-subtitle{font-size:1rem;color:#4b5563;max-width:550px;margin:0 auto 32px;line-height:1.6}.billing-toggle-wrapper{position:relative;display:inline-block}.billing-toggle{display:flex;width:auto;background-color:#eef1f4;border-radius:999px;padding:5px;gap:6px}.billing-toggle-button{flex:1;text-align:center;padding:10px 112px;font-size:.9rem;font-weight:600;color:var(--text-color-medium);background-color:transparent;border:none;border-radius:999px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.billing-toggle-button:hover:not(.active){background-color:#e2e8f0}.billing-toggle-button.active{background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;box-shadow:0 3px 10px #00aeef4d}.billing-toggle-badge{position:absolute;top:-12px;right:-10px;z-index:2;background-color:#4ade80;color:#fff;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px;transform:rotate(10deg)}.subscription-plans-grid.final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0 40px 60px;max-width:1100px;margin:0 auto;align-items:stretch}.plan-card.final-card{background-color:#fff;border-radius:12px;padding:28px 24px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card.final-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000012}.plan-card.standart{border:2px solid #ec4899}.plan-card.pro{border:2px solid #a855f7}.plan-card.lite:hover{border-color:#3b82f6}.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:5px 16px;border-radius:14px;font-size:.8rem;font-weight:600;color:#fff;transition:transform .4s ease}.plan-card.final-card:hover .plan-badge{animation:pulseAnimation_sub 1.2s ease-in-out infinite}.plan-card.pro .plan-badge{background-color:#a855f7}.plan-card.standart .plan-badge{background-color:#ec4899}.plan-header{text-align:center;margin-bottom:16px}.plan-icon{font-size:1.5rem;margin-bottom:12px;transition:transform .4s ease}.plan-card.final-card:hover .plan-icon{animation:floatAnimation 1s ease-in-out infinite}.plan-icon.standart{color:#ec4899}.plan-icon.pro{color:#a855f7}.plan-icon.lite{color:#3b82f6}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:6px;transition:transform .3s ease}.plan-card.final-card:hover .plan-name{transform:scale(1.03)}.plan-card.standart .plan-name{color:#ec4899}.plan-card.pro .plan-name{color:#a855f7}.plan-card.lite .plan-name{color:#3b82f6}.plan-description{font-size:.875rem;color:#6b7280;margin-bottom:0;min-height:38px}.plan-price{margin-bottom:20px;display:flex;align-items:baseline;justify-content:center;color:#111827}.price-currency{font-size:1.5rem;font-weight:500;margin-right:2px;color:#4b5563}.price-dollars{font-size:2.75rem;font-weight:700;line-height:1;background:linear-gradient(90deg,#0095c7,#00aeef,#93c5fd,#00aeef,#0095c7);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 5s linear infinite}.price-cents{font-size:1.5rem;font-weight:500;color:#6b7280}.price-period{font-size:.9rem;color:#6b7280;margin-left:8px;align-self:flex-end;padding-bottom:5px}.plan-features{list-style:none;padding:20px 0;margin:0;border-top:1px solid #f3f4f6;flex-grow:1;text-align:left}.plan-features li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.875rem;color:#374151;line-height:1.5}.plan-features .fa-check-circle{color:#22c55e;font-size:1rem;margin-top:3px}.btn-purchase{width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;border:1.5px solid;border-radius:8px;cursor:pointer;background-color:transparent;transition:all .2s ease;margin-top:auto;min-height:48px}.btn-purchase:disabled{cursor:not-allowed;opacity:.7}.btn-purchase.standart.btn-current-plan,.btn-purchase.standart:hover:not(:disabled){background-color:#ec4899;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #ec489933}.btn-purchase.pro.btn-current-plan,.btn-purchase.pro:hover:not(:disabled){background-color:#a855f7;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #a855f733}.btn-purchase.lite.btn-current-plan,.btn-purchase.lite:hover:not(:disabled){background-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #3b82f633}.btn-purchase.btn-current-plan{cursor:default;opacity:1}.btn-purchase.standart{color:#ec4899;border-color:#ec4899}.btn-purchase.pro{color:#a855f7;border-color:#a855f7}.btn-purchase.lite{color:#3b82f6;border-color:#3b82f6}.faq-section-sub{padding:0 24px 60px;background-color:#fff}.faq-section-title{text-align:center;font-size:clamp(1.8rem,4vw,2.25rem);color:#111827;margin-bottom:40px}.faq-container-sub{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item-sub{background-color:#fff;border-radius:16px;border:none;position:relative;padding:1px;box-shadow:0 4px 12px #0000000d}.faq-item-sub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#fbcfe8,#a5b4fc,#a7f3d0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .3s ease;opacity:.6}.faq-item-sub:hover:before,.faq-item-sub[open]:before{opacity:1}.faq-question-sub{position:relative;background-color:#fff;border-radius:15px;padding:20px 24px;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-question-sub::-webkit-details-marker{display:none}.faq-question-sub:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--primary-color);transition:transform .3s ease}.faq-item-sub[open] .faq-question-sub:after{content:"−";transform:rotate(180deg)}.faq-answer-sub{background-color:#fff;border-radius:0 0 15px 15px;padding:0 24px 20px;color:#4b5563;line-height:1.7;font-size:.9rem}.faq-answer-sub p{margin:0;padding-top:16px;border-top:1px solid #f3f4f6}@media (max-width: 992px){.subscription-plans-grid.final-grid{grid-template-columns:1fr;max-width:420px;gap:40px}}@media (max-width: 698px){.billing-toggle-button{padding:10px 24px;font-size:.85rem}.billing-toggle-badge{right:0;top:-10px;padding:4px 10px;font-size:.7rem}}@media (max-width: 480px){.subscription-page-container.final-design{margin:-16px}.plan-selection-container,.subscription-plans-grid.final-grid,.faq-section-sub{padding:40px 20px}}.video-page-container{display:flex;flex-direction:column;gap:24px}.video-page-header{display:flex;justify-content:flex-start;align-items:center;gap:16px}.btn-video-refresh{background-color:transparent;color:#00aeef;border:none;box-shadow:inset 0 0 0 1.5px #00aeef;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;height:42px}.btn-video-refresh:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-video-refresh:disabled{color:#a0d9ef;cursor:not-allowed;transform:none;box-shadow:inset 0 0 0 1.5px #a0d9ef}.btn-video-refresh.loading .fa-sync-alt{animation:spin 1s linear infinite}.btn-new-video{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background-color:#00aeef;color:#fff;transition:all .2s ease;white-space:nowrap;height:42px}.btn-new-video:hover{background-color:#0095c7;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef4d}.new-video-icon{width:24px;height:24px}.video-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px}.survey-card-item-redesigned .survey-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0;line-height:1.5;font-size:12px;color:#5c677d;font-weight:400}@media (max-width: 600px){.video-list-container{grid-template-columns:1fr}.video-page-header{flex-wrap:wrap}.search-bar-container{order:3;flex-basis:100%}}.survey-page-container{display:flex;flex-direction:column;gap:24px}.survey-page-header{display:flex;justify-content:flex-start;align-items:center;gap:16px}.search-bar-container{position:relative;flex-grow:1}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px}.search-input{width:100%;height:42px;padding:10px 16px 10px 44px;border:1px solid #d8edff;border-radius:8px;font-size:1rem;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#00aeef;box-shadow:0 0 0 3px #00aeef33}.btn-survey-refresh{background-color:transparent;color:#00aeef;border:none;box-shadow:inset 0 0 0 1.5px #00aeef;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;height:42px}.btn-survey-refresh:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-survey-refresh:disabled{color:#a0d9ef;cursor:not-allowed;transform:none;box-shadow:inset 0 0 0 1.5px #a0d9ef}.btn-survey-refresh.loading .fa-sync-alt{animation:spin 1s linear infinite}.btn-new-survey{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background-color:#00aeef;color:#fff;transition:all .2s ease;white-space:nowrap;height:42px}.btn-new-survey:hover{background-color:#0095c7;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef4d}.new-survey-icon{width:24px;height:24px}.survey-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px}.survey-card-item-redesigned{background-color:#fff;border:1px solid #D8EDFF;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.survey-card-item-redesigned:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:#4babee}.survey-card-middle{display:flex;gap:16px;align-items:flex-start}.survey-card-icon{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0}.survey-info-details{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.survey-card-title{color:#001a26;font-size:18px;font-weight:500;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.survey-card-requirements h4{font-size:12px;color:#5c677d;font-weight:400;margin:0}.survey-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0;line-height:1.5;font-size:12px;color:#5c677d;font-weight:400}.survey-card-budget{text-align:right;display:flex;align-items:center;gap:8px}.survey-card-budget-label{color:#5c677d;font-size:14px;font-weight:500}.survey-card-budget-amount{font-size:16px;font-weight:500}.survey-card-stats-redesigned{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.stat-block-redesigned{background-color:#ebf6ff;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:0px;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.stat-block-redesigned:hover{transform:translateY(-5px);box-shadow:0 4px 10px #00000012;border-color:#4babee}.stat-block-redesigned .stat-label{font-size:14px;color:#5c677d}.stat-block-redesigned .stat-value{display:flex;align-items:center;gap:6px;color:#001a26;font-size:14px;font-weight:500}.stat-block-redesigned .stat-value img{width:16px;height:16px}.survey-card-top{display:flex;justify-content:space-between;align-items:center}.survey-card-active-toggle{display:flex;align-items:center;gap:8px}.survey-card-active-text{color:#001a26;font-size:13px;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:22px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#00aeef}input:checked+.slider:before{transform:translate(18px)}.survey-action-btn{background-color:transparent;border:none;box-shadow:inset 0 0 0 1.5px #00aeef;padding:6px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.survey-action-btn img{width:20px;height:20px;transition:filter .2s ease}.survey-action-btn:hover{background:linear-gradient(135deg,#00aeef,#008fbf);transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.survey-action-btn:hover img{filter:brightness(0) invert(1)}.survey-list-feedback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;grid-column:1 / -1;text-align:center;color:#5c677d}.survey-list-feedback-container i{font-size:3rem;color:#00aeef;margin-bottom:16px}.survey-list-feedback-container p{font-size:1.2rem;font-weight:600;margin-bottom:24px}.pagination-container{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:32px;width:100%}.pagination-button{background-color:transparent;color:#00aeef;border:none;box-shadow:inset 0 0 0 1.5px #00aeef;padding:8px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:40px;min-width:40px}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.pagination-button.active{background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.pagination-button:disabled{color:#a0d9ef;cursor:not-allowed;transform:none;box-shadow:inset 0 0 0 1.5px #a0d9ef}.modal-overlay-custom{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182799;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s .3s}.modal-overlay-custom.open{opacity:1;visibility:visible;transition-delay:0s}.modal-content-custom{background-color:#fff;padding:0;border-radius:16px;box-shadow:0 10px 30px #00000040;width:100%;max-width:420px;transform:scale(.95) translateY(10px);transition:transform .3s cubic-bezier(.18,.89,.32,1.28);text-align:left;display:flex;flex-direction:column;overflow:hidden}.modal-overlay-custom.open .modal-content-custom{transform:scale(1) translateY(0)}.modal-header-custom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.modal-title-text{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.modal-body-custom{padding:0 24px 24px;color:#4b5563}.modal-body-custom.add-budget-body{text-align:left}.add-budget-body .form-group{margin-bottom:12px}.add-budget-body label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:4px}.modal-info-box{background-color:#f0faff;border:1px solid #00aeef;border-radius:8px;padding:12px 16px 12px 40px;position:relative;margin-bottom:24px}.modal-info-box p{font-size:.875rem;line-height:1.5;color:#0095c7;margin:0}.modal-info-box:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:#00aeef}.input-amount-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem;font-weight:600;color:#9ca3af}.input-amount-field{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:10px;font-size:1.1rem;font-weight:500;color:#00aeef;box-sizing:border-box}.input-amount-field:focus{outline:none;border-color:#00aeef;box-shadow:0 0 0 3px #00aeef40}.field-error-message-survey{display:none;padding:10px 14px;margin-top:8px;font-size:.85rem;font-weight:500;color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px}.field-error-message-survey.visible{display:flex}.field-error-message-survey:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:1em;flex-shrink:0}.modal-footer-custom{padding:12px 24px 20px;display:flex;justify-content:center;gap:16px}.btn-modal-action{flex:1;padding:10px 20px;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:42px;background-color:#fff}.btn-modal-action:disabled{cursor:not-allowed;transform:none}.btn-modal-action.confirm-danger{color:#e53e3e;box-shadow:inset 0 0 0 1.5px #e53e3e}.btn-modal-action.confirm-danger:hover:not(:disabled){background-color:#e53e3e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #e53e3e33}.btn-modal-action.confirm-danger:disabled{color:#fca5a5;box-shadow:inset 0 0 0 1.5px #fca5a5}.btn-modal-action.confirm-success{color:#38a169;box-shadow:inset 0 0 0 1.5px #38a169}.btn-modal-action.confirm-success:hover:not(:disabled){background-color:#38a169;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #38a16933}.btn-modal-action.confirm-success:disabled{color:#a7f3d0;box-shadow:inset 0 0 0 1.5px #a7f3d0}.btn-modal-action.confirm-primary{color:#00aeef;box-shadow:inset 0 0 0 1.5px #00aeef}.btn-modal-action.confirm-primary:hover:not(:disabled){background:linear-gradient(135deg,#00aeef,#008fbf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-modal-action.confirm-primary:disabled{color:#a0d9ef;box-shadow:inset 0 0 0 1.5px #a0d9ef}.btn-modal-action.cancel{color:#4b5563;border:1.5px solid #d1d5db;box-shadow:none}.btn-modal-action.cancel:hover{background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}@media (max-width: 600px){.survey-list-container{grid-template-columns:1fr}.survey-card-stats{grid-template-columns:1fr;gap:16px}.survey-page-header{flex-wrap:wrap}.search-bar-container{order:3;flex-basis:100%}}@media (max-width: 666px){.survey-card-stats-redesigned{grid-template-columns:1fr;gap:12px}}.add-survey-container{display:flex;flex-direction:column}.survey-step-content{animation:fadeInAnimation .4s ease-out forwards}.pre-analysis-loader-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.or-divider-container{display:flex;align-items:center;text-align:center;margin:32px auto;width:90%;max-width:700px}.or-divider-line{flex-grow:1;height:2px}.or-divider-container .or-divider-line:first-child{background:linear-gradient(to left,#c3c7f5,#f5f1e6)}.or-divider-container .or-divider-line:last-child{background:linear-gradient(to right,#c3c7f5,#f5f1e6)}.or-divider-text{padding:0 16px;font-size:14px;font-weight:500;color:#8c88a5}.stepper-container{background-color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out;border:1px solid transparent}.stepper-container:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.survey-details-block{display:flex;flex-direction:column;background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #D8EDFF;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.survey-details-block:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.block-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#111827;margin:0 0 16px;text-align:left}.survey-form-group.no-margin-top{margin-top:0}.survey-input{width:100%;padding:12px 16px;border:1px solid #D8EDFF;border-radius:8px;font-size:16px;color:#111827;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.input-wrapper .survey-input{padding-right:60px}.char-counter{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#6b7280;pointer-events:none;transition:right .2s ease}.file-dropzone{border:2px dashed #B2E7FA;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:#f7fdff;transition:background-color .2s ease}.file-dropzone:hover{background-color:#effbff}.upload-text{font-size:14px;color:#9ca3af;line-height:1.5;margin-bottom:16px}.file-preview-container{display:flex;align-items:center;justify-content:space-between;background-color:#f7fdff;padding:12px 16px;border-radius:8px;border:1px solid #D8EDFF}.file-info{display:flex;align-items:center;gap:12px}.file-icon{font-size:32px;color:#00aeef;width:32px;text-align:center}.file-name{font-size:14px;font-weight:500;color:#374151}.delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background-color:#00aeef;color:#fff;cursor:pointer;transition:all .2s ease}.delete-button:hover{background-color:#0095c7;transform:scale(1.1)}.delete-icon{width:12px;height:12px}.questions-section{display:flex;gap:24px;margin-top:24px;align-items:stretch}.questions-list-block,.question-edit-block{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #D8EDFF;transition:all .3s ease-in-out}.questions-list-block:hover,.question-edit-block:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.questions-list-block{flex:1;min-height:150px;display:flex;flex-direction:column;min-width:0}.question-edit-block{flex:4}.block-subtitle{display:block;font-family:Inter,sans-serif;font-size:12px;color:#6a787a;font-weight:500;text-align:left;margin-bottom:16px}.question-buttons-container{display:flex;flex-direction:column;gap:8px}.question-button-wrapper{position:relative;display:flex;align-items:center}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.question-button-wrapper{animation:slideIn .3s ease-out forwards}.question-button{flex-grow:1;padding:10px 16px;border-radius:8px;cursor:pointer;text-align:left;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid #EDF7FF;color:#5c677d;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.question-button:hover{border-color:#00aeef;color:#00aeef;background-color:#fff}.question-button.active{border-color:#00aeef;color:#00aeef;background-color:#f3fcff}.delete-question-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:5px;line-height:1;transition:all .2s ease;opacity:0}.delete-question-btn svg{width:9px;height:9px}.delete-question-btn svg path{transition:stroke .2s ease}.delete-question-btn:hover svg path{stroke:#00aeef}.question-button-wrapper:hover .delete-question-btn{opacity:1}.question-button.invalid{border-color:#dc3545;background-color:#fff;color:#5c677d}.question-button.invalid:hover{border-color:#c53030;background-color:#fff5f5;color:#c53030}.question-button.invalid.active{border-color:#dc3545;background-color:#fee2e2;color:#991b1b}.question-button:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#00aeef;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;z-index:10;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.question-button:after{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#00aeef transparent transparent transparent;z-index:10;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.question-button-wrapper:hover .question-button[data-show-tooltip=true]:before,.question-button-wrapper:hover .question-button[data-show-tooltip=true]:after{visibility:visible;opacity:1}.add-question-btn{margin-top:16px;padding:8px 12px;display:flex;align-items:center;gap:8px;background:none;cursor:pointer;color:#00aeef;font-family:Inter,sans-serif;font-size:14px;font-weight:500;border-radius:8px;align-self:center;border:1px solid transparent;transition:all .2s ease}.add-question-btn img{width:16px;height:16px}.add-question-btn:hover{border:1px solid #00AEEF;background-color:#fff}.add-question-btn:active{border:1px solid #00AEEF;background-color:#f3fcff}.answer-type-selector{display:flex;gap:16px;margin-top:8px}.answer-type-button{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid #EDF7FF;color:#5c677d;background-color:#fff}.answer-type-icon{width:22px;height:22px;filter:grayscale(100%) brightness(1.2);transition:filter .2s ease}.answer-type-button:hover .answer-type-icon,.answer-type-button.active .answer-type-icon{filter:invert(65%) sepia(85%) saturate(1477%) hue-rotate(155deg) brightness(98%) contrast(102%)}.answer-type-button:hover{border-color:#00aeef;color:#00aeef}.answer-type-button.active{border-color:#00aeef;color:#00aeef;background-color:#f3fcff}.manual-answer-display{margin-top:16px}.manual-answer-info{background-color:#f0f8ff;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px}.manual-info-icon{width:24px;height:24px;flex-shrink:0}.manual-info-title{font-size:14px;font-weight:500;color:#00aeef;margin:0}.manual-info-subtitle{font-size:12px;color:#bcbcbc;margin:4px 0 0;text-align:left}.video-answer-display{margin-top:24px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border:1px solid #EDF7FF;border-radius:8px}.optional-answer-container{margin-top:16px;display:flex;flex-direction:column;gap:8px}.optional-answer-input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.input-with-counter-wrapper{position:relative;flex-grow:1}.optional-fallback-wrapper{display:flex;align-items:flex-start}.optional-fallback-wrapper .delete-option-btn{margin-top:7px}.optional-fallback-wrapper .manual-answer-display{flex-grow:1;margin-top:0}.optional-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;filter:grayscale(100%) brightness(1.2);transition:filter .2s ease;pointer-events:none;z-index:2}.input-with-counter-wrapper:focus-within .optional-input-icon{filter:invert(65%) sepia(85%) saturate(1477%) hue-rotate(155deg) brightness(98%) contrast(102%)}.survey-input.optional{padding-left:48px;padding-right:60px}.delete-option-btn{background:transparent;border:none;cursor:pointer;padding:5px;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.delete-option-btn img{width:24px;height:24px;filter:grayscale(1) contrast(.5);transition:filter .2s ease}.delete-option-btn:hover img{filter:invert(65%) sepia(85%) saturate(1477%) hue-rotate(155deg) brightness(98%) contrast(102%)}.add-options-buttons{display:flex;gap:16px;margin-top:16px;justify-content:flex-end}.add-option-button{display:flex;align-items:center;gap:8px;background:none;cursor:pointer;color:#00aeef;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.add-option-button img{width:15px;height:15px}.add-option-button:hover{border-color:#00aeef;background-color:#fff}.add-option-button:active{border-color:#00aeef;background-color:#f3fcff}.file-dropzone.invalid,.file-preview-container.invalid,.ai-uploader-wrapper.invalid{border-color:#dc3545!important;background-color:#fff5f5}.ai-dropzone{border:none;background-color:#f7fdff;border-radius:8px}.ai-preview{border-radius:8px}.ai-helper-section .add-question-btn{margin-top:0;align-self:auto}.range-slider::-webkit-slider-runnable-track{background:transparent}.range-slider::-moz-range-track{background:transparent}.range-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border:1px solid #E0E0E0;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a;position:relative;z-index:2;pointer-events:all}.custom-select-button.invalid{border-color:#dc3545}.custom-select-button.invalid:focus{box-shadow:none}.custom-select-option .custom-checkbox{width:22px;height:22px;border:1px solid #B0B0B0;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;transition:background-color .2s,border-color .2s}.custom-select-option .custom-checkbox:after{content:"";display:block;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-1px);opacity:0;transition:opacity .2s}.custom-select-option input[type=checkbox]:checked+.custom-checkbox{background-color:#3498db;border-color:#3498db}.custom-select-option input[type=checkbox]:checked+.custom-checkbox:after{opacity:1}.custom-select-option .custom-radio{width:22px;height:22px;border:1px solid #B0B0B0;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;transition:background-color .2s,border-color .2s;position:relative}.custom-select-option .custom-radio:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .2s}.custom-select-option input[type=radio]:checked+.custom-radio{background-color:#3498db;border-color:#3498db}.custom-select-option input[type=radio]:checked+.custom-radio:after{transform:scale(1)}.add-survey-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.survey-details-block>.add-survey-footer{margin-top:auto;padding-top:24px}.spacer{flex-grow:1}.back-button img{width:24px;height:24px;transition:filter .2s ease}.back-button:hover img{filter:brightness(0) invert(1)}.next-button img{width:24px;height:24px}.payment-header-text .block-title{margin-bottom:4px}.survey-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;border-color:#a0d9ef}@keyframes spin{to{transform:rotate(360deg)}}.input-with-dollar.invalid,.audience-input-stepper.invalid{border-color:#dc3545!important}.input-with-dollar:focus-within,.audience-input-stepper:focus-within{border-color:#00aeef;box-shadow:none}.input-with-dollar.invalid:focus-within,.audience-input-stepper.invalid:focus-within{border-color:#dc3545!important;box-shadow:none!important}.input-with-dollar input::placeholder,.audience-input-stepper input::placeholder{color:#d4d8e1}.input-with-dollar input::-webkit-outer-spin-button,.input-with-dollar input::-webkit-inner-spin-button,.audience-input-stepper input::-webkit-outer-spin-button,.audience-input-stepper input::-webkit-inner-spin-button,.total-budget-input input::-webkit-outer-spin-button,.total-budget-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.total-budget-input input[readonly]{background-color:transparent;cursor:text;color:#111827}.wallet-balance-bar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);opacity:.5;z-index:1}.wallet-balance-text,.btn-top-up{position:relative;z-index:2}.wallet-balance-text{color:#fff}.wallet-balance-text span:first-child{display:block;font-size:14px;font-weight:500}.wallet-balance-amount{font-size:24px;font-weight:700;color:#fff;background:linear-gradient(90deg,#fff,#a7d7f7,#fff);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 2s linear infinite}.balance-loader-wrapper{width:120px;height:30px}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn-top-up{background-color:transparent;color:#00aeef;border:1px solid #FFFFFF;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;background-color:#fff}.btn-top-up img{width:20px;height:20px}.wallet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182799;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s}.wallet-modal-overlay.open{opacity:1;visibility:visible}.wallet-modal-content{background-color:#fff;padding:0;border-radius:16px;box-shadow:0 10px 30px #00000040;width:100%;max-width:480px;transform:scale(.95) translateY(10px);transition:transform .3s cubic-bezier(.18,.89,.32,1.28);text-align:left;display:flex;flex-direction:column;overflow:hidden}.wallet-modal-overlay.open .wallet-modal-content{transform:scale(1) translateY(0)}.modal-header-custom{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.modal-title-text{font-size:1.375rem;font-weight:700;color:#111827;margin:0}.modal-close-button{background:transparent;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.modal-close-button:hover{background-color:#f3f4f6;color:#111827}.deposit-modal-body{padding:0 28px 12px;flex-grow:1}.deposit-modal-body .form-group{margin-bottom:12px}.deposit-modal-body label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:4px}.input-amount-wrapper{position:relative}.input-amount-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem;font-weight:600;color:#9ca3af;pointer-events:none}.input-amount-field{width:100%;padding:12px 16px 12px 40px;border:1px solid #d1d5db;border-radius:10px;font-size:1.1rem;font-weight:500;color:#00aeef;box-sizing:border-box;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-amount-field::placeholder{color:#9ca3af}.input-amount-field:focus{outline:none;border-color:#00aeef}.modal-footer-custom{padding:12px 28px 20px;display:flex;justify-content:flex-end}.btn-confirm-deposit{width:100%;background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.lottie-wrapper-small{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.lottie-wrapper-small>div,.lottie-wrapper-small>div>svg{width:12px!important;height:12px!important;margin:0!important}.btn-confirm-deposit:hover:not(:disabled){background-color:#00aeef;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-confirm-deposit:disabled{background-color:transparent;color:#a0d9ef;border-color:#a0d9ef;cursor:not-allowed;transform:none;opacity:1}.target-description-textarea{width:100%;border:none;background-color:transparent;resize:none;height:24px;line-height:24px;padding:0;margin:0;font-family:Inter,sans-serif;font-size:14px;color:#5c677d;overflow:hidden}.input-wrapper:has(>.target-description-textarea) .char-counter{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:transparent;padding:0;bottom:auto}.question-input-container{display:flex;align-items:center;width:100%;border:1px solid #D8EDFF;border-radius:8px;transition:border-color .2s ease;background-color:#fff;padding-right:60px;box-sizing:border-box}.question-input-container:focus-within{border-color:#00aeef}.question-input-container.invalid-container{border-color:#dc3545!important}.question-prefix{padding-left:16px;font-size:16px;color:#111827;white-space:nowrap}.survey-input.question-field{border:none;padding-left:8px;flex-grow:1;padding-right:0;background-color:transparent}.survey-input.question-field:focus{box-shadow:none}.btn-budget-action-sd:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.btn-withdraw-sd:disabled{cursor:not-allowed;opacity:.6}.survey-stats-row-sd{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-block-details-sd{border:1px solid #D8EDFF;border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.stat-block-details-sd:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000014;border-color:#00aeef}.stat-label-details-sd{color:#5c677d;font-size:14px}.stat-value-details-sd{display:flex;align-items:center;gap:6px;font-weight:600}.stat-value-details-sd img{width:14px;height:14px}.stat-value-details-sd span{color:#001a26;font-size:14px}.stat-value-split-sd .split-slash-sd{color:#5c677d;font-weight:600}.user-requirements-section-sd ul{list-style-type:disc;padding-left:20px;margin:0;color:#5c677d;font-size:14px;display:flex;flex-direction:column;gap:8px}.survey-details-tabs-sd{display:flex;align-items:center;gap:16px;margin-top:24px;width:100%}.survey-details-tab-btn-sd{flex:1;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;text-align:center;border-radius:8px;transition:all .2s ease;border:1px solid #D8EDFF;background-color:#fff;color:#5c677d}.survey-details-tab-btn-sd:not(.active):hover{border-color:#65c2e9;background-color:#fff;color:#5c677d}.survey-details-tab-btn-sd.active{border-color:#65c2e9;background-color:#f3fcff;color:#5c677d;box-shadow:0 2px 8px #65c2e933}.questions-view-wrapper-sd{display:flex;gap:24px;align-items:flex-start}.question-details-column-sd{flex:4;display:flex;flex-direction:column;gap:24px;min-width:0}.questions-list-block-sd{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #D8EDFF;transition:all .3s ease-in-out;flex:1;min-height:150px;display:flex;flex-direction:column;min-width:0;position:sticky;top:90px}.questions-list-block-sd:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.block-subtitle-sd{display:block;font-family:Inter,sans-serif;font-size:12px;color:#6a787a;font-weight:500;text-align:left;margin-bottom:16px}.question-buttons-container-sd{display:flex;flex-direction:column;gap:8px}.question-button-wrapper-sd{position:relative;display:flex;align-items:center}.question-button-sd{flex-grow:1;padding:10px 16px;border-radius:8px;cursor:pointer;text-align:left;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid #EDF7FF;color:#5c677d;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.question-button-sd:hover{border-color:#00aeef;color:#00aeef;background-color:#fff}.question-button-sd.active{border-color:#00aeef;color:#00aeef;background-color:#f3fcff}.question-display-card-sd,.user-responses-card-sd{background-color:#fff;border-radius:12px;border:1px solid #D8EDFF;transition:all .3s ease-in-out;margin-top:5px}.question-display-card-sd,.user-responses-card-sd{padding:24px}.question-display-card-sd:hover,.user-responses-card-sd:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.question-text-display-sd{padding:12px 16px;border:1px solid transparent;border-radius:8px;background-color:#e5f3ff;color:#001a26;font-size:16px;font-weight:500;line-height:1.5;width:100%;box-sizing:border-box;transition:all .2s ease-in-out}.question-text-display-sd:hover{transform:translateY(-2px);border-color:#00aeef;box-shadow:0 4px 10px #00aeef26}.answers-stats-container-sd{padding-top:24px;display:flex;flex-direction:column;gap:16px}.answer-stat-row-sd{display:flex;align-items:center;gap:12px}.answer-icon-sd{width:24px;height:24px;flex-shrink:0;filter:invert(65%) sepia(85%) saturate(1477%) hue-rotate(155deg) brightness(98%) contrast(102%)}.answer-text-sd{color:#001a26;font-size:14px;width:120px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar-wrapper-sd{flex:1;height:8px;background-color:#e6fbff;border-radius:4px;overflow:hidden}.progress-bar-fill-sd{height:100%;background:linear-gradient(90deg,#89e9fa,#31c8e3);border-radius:4px;transition:width .4s ease-in-out}.percentage-text-sd{color:#001a26;font-size:14px;font-weight:500;width:50px;text-align:right;flex-shrink:0}.survey-details-filter-bar-sd{display:flex;gap:16px;align-items:center;margin-bottom:24px}.search-bar-container-sd{position:relative;flex-grow:1}.search-icon-sd{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px}.search-input-sd{width:100%;height:42px;padding:10px 16px 10px 52px;border:1px solid #d8edff;border-radius:8px;font-size:1rem;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.search-input-sd::placeholder{color:#d4d8e1}.search-input-sd:focus{outline:none;border-color:#00aeef}.filter-dropdown-wrapper-sd{position:relative;width:200px;flex-shrink:0}.custom-select-button-sd{width:100%;padding:10px 16px;border:1px solid #D8EDFF;border-radius:8px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:42px}.custom-select-button-sd:focus{outline:none;border-color:#00aeef}.custom-select-button-sd .filter-text-sd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#001a26}.custom-select-arrow-sd{transition:transform .2s ease;flex-shrink:0;margin-left:8px}.custom-select-arrow-sd.open{transform:rotate(180deg)}.custom-select-dropdown-sd{position:absolute;top:calc(100% + 4px);right:0;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:10;padding:8px;border:1px solid #E0E0E0;max-height:200px;overflow-y:auto}.custom-select-option-sd{display:flex;align-items:center;padding:10px;border-radius:6px;cursor:pointer;font-size:14px;position:relative;color:#001a26}.custom-select-option-sd:hover{background-color:#f7fdff}.custom-select-option-sd input[type=checkbox],.custom-select-option-sd input[type=radio]{display:none}.custom-checkbox-sd{width:22px;height:22px;border:1px solid #B0B0B0;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;transition:background-color .2s,border-color .2s}.custom-checkbox-sd:after{content:"";display:block;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-1px);opacity:0;transition:opacity .2s}.custom-select-option-sd input[type=checkbox]:checked+.custom-checkbox-sd{background-color:#3498db;border-color:#3498db}.custom-select-option-sd input[type=checkbox]:checked+.custom-checkbox-sd:after{opacity:1}.custom-radio-sd{width:22px;height:22px;border:1px solid #B0B0B0;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;transition:background-color .2s,border-color .2s;position:relative}.custom-radio-sd:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .2s}.custom-select-option-sd input[type=radio]:checked+.custom-radio-sd{background-color:#3498db;border-color:#3498db}.custom-select-option-sd input[type=radio]:checked+.custom-radio-sd:after{transform:scale(1)}.filter-option-text-sd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-responses-list-sd{max-height:450px;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.user-responses-list-sd.video-list{margin-top:14px;padding-top:10px}.user-responses-list-sd::-webkit-scrollbar{width:6px}.user-responses-list-sd::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.user-responses-list-sd::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.user-responses-list-sd::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.user-response-block-sd{background-color:#f2f8ff;border-radius:8px;padding:16px;border:1px solid transparent;transition:all .2s ease-in-out;display:flex;align-items:flex-start;gap:12px;margin-top:5px}.user-response-block-sd:hover{transform:translateY(-2px);border-color:#00aeef;box-shadow:0 4px 10px #00aeef26}.response-block-header-sd{display:contents}.response-user-avatar-sd{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}.response-user-info-container-sd{display:flex;flex-direction:column;flex-grow:1;min-width:0}.response-user-main-info-sd{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:4px}.response-user-details-sd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.response-user-name-sd{font-size:14px;font-weight:600;color:#001a26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.response-user-meta-sd{font-size:13px;color:#5c677d}.response-timestamp-sd{font-size:13px;color:#5c677d;white-space:nowrap;flex-shrink:0;padding-left:16px}.response-block-body-sd{display:flex;align-items:flex-start;gap:8px;width:100%}.response-answer-type-icon-sd{width:24px;height:24px;flex-shrink:0;margin-top:1px}.response-answer-type-icon-sd--single{filter:invert(65%) sepia(85%) saturate(1477%) hue-rotate(155deg) brightness(98%) contrast(102%)}.response-answer-text-sd{font-size:14px;color:#333;line-height:1.6;margin:0;word-break:break-word}.no-responses-text-sd{text-align:center;padding:24px;color:#5c677d}.video-responses-grid-sd{display:none}.no-responses-container-sd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.no-responses-container-sd i{font-size:2.5rem;margin-bottom:16px}.no-responses-text-sd{font-size:1rem;font-weight:500}.video-response-item-sd{background-color:#f1f8ff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid transparent;transition:all .3s ease}.video-response-item-sd:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 8px 20px #0000001a}.video-response-header-sd{display:flex;align-items:center;gap:12px}.video-response-user-details-sd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.video-response-header-sd .response-timestamp-sd{margin-left:auto}.video-response-body-sd{display:flex;gap:16px;align-items:flex-start}.video-thumbnail-wrapper-sd{width:120px;height:83px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:#e0e6f0}.video-thumbnail-sd{width:100%;height:100%;object-fit:cover}.video-info-and-actions-sd{display:flex;flex-direction:column;flex-grow:1;gap:8px}.video-file-details-sd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.video-filename-sd{font-size:14px;color:#5c677d}.video-duration-sd{font-size:14px;font-weight:500;color:#001a26}.video-quality-sd{font-size:14px;color:#5c677d}.video-buttons-sd{display:flex;gap:8px;margin-top:4px}.btn-video-action-sd{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.btn-video-action-sd img{width:16px;height:16px}.btn-video-action-sd.download{background-color:transparent;color:#00aeef;border:1px solid #00aeef;width:36px}.btn-video-action-sd.download:hover{background:#00aeef;transform:translateY(-2px)}.btn-video-action-sd.download:hover img{filter:brightness(0) invert(1)}.btn-video-action-sd.play{padding:0 16px;border:none;background-color:#00aeef;color:#fff}.btn-video-action-sd.play:hover{background-color:#0095c7;box-shadow:0 4px 10px #00aeef4d;transform:translateY(-2px)}.user-details-three-column-layout-sd{display:grid;grid-template-columns:2fr 2fr 6fr;gap:24px;align-items:flex-start}.list-block-sd{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #D8EDFF;transition:all .3s ease-in-out;height:70vh;display:flex;flex-direction:column;min-width:0}.list-block-sd:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.list-items-container-sd{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:8px;padding-right:8px}.list-items-container-sd::-webkit-scrollbar{width:6px}.list-items-container-sd::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.list-items-container-sd::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.list-item-sd{width:100%;padding:10px 16px;border-radius:8px;cursor:pointer;text-align:left;font-family:Inter,sans-serif;transition:all .2s ease;border:1px solid #EDF7FF;background-color:#fff;display:flex;align-items:center;gap:12px;color:#5c677d}.list-item-sd:hover,.list-item-sd.active{border-color:#00aeef}.user-item-sd:hover,.user-item-sd.active{background-color:#f3fcff;color:#00aeef}.question-item-sd:hover{background-color:#fff;color:#00aeef}.question-item-sd.active{background-color:#f3fcff;color:#00aeef}.list-item-sd.question-item-sd:hover,.list-item-sd.question-item-sd.active{color:#00aeef}.list-item-avatar-sd{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.list-item-text-sd{display:flex;flex-direction:column;min-width:0}.list-item-name-sd,.list-item-subtext-sd,.question-item-sd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-name-sd{font-size:14px;font-weight:500;color:inherit}.list-item-subtext-sd{font-size:13px;color:#929292}.user-details-three-column-layout-sd .question-item-sd{display:block;width:100%;font-size:14px;font-weight:500;color:inherit}.answer-display-column-sd{gap:16px;height:70vh}.answer-header-redesigned-sd{display:flex;align-items:center;gap:16px;margin-bottom:16px}.answer-user-avatar-redesigned-sd{width:52px;height:52px;border-radius:50%;flex-shrink:0}.answer-user-details-redesigned-sd{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.answer-user-top-row-sd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.answer-user-top-row-sd .answer-timestamp-sd{margin-left:auto;padding-left:16px}.answer-user-name-sd{font-size:16px;font-weight:600;color:#001a26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-user-email-sd,.answer-user-top-row-sd .answer-timestamp-sd{font-size:16px;color:#5c677d}.answer-user-bottom-row-sd{display:flex;align-items:center;gap:20px;font-size:16px;color:#001a26}.answer-user-bottom-row-sd strong{color:#00aeef;font-weight:600}.answer-content-sd{display:flex;flex-direction:column;gap:16px;margin-top:8px;flex-grow:1;overflow-y:auto;padding-right:8px;padding-top:5px}.answer-content-sd::-webkit-scrollbar{width:6px}.answer-content-sd::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.answer-content-sd::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.text-answer-content-sd{display:flex;align-items:flex-start;gap:8px;background:#f1f8ff;padding:16px;border-radius:8px;border:1px solid transparent;transition:all .2s ease-in-out}.text-answer-content-sd:hover{transform:translateY(-2px);border-color:#00aeef;box-shadow:0 4px 10px #00aeef26}.interactive-answer-block-sd{border:1px solid transparent;transition:all .2s ease-in-out}.interactive-answer-block-sd:hover{transform:translateY(-2px);border-color:#00aeef;box-shadow:0 4px 10px #00aeef26}.text-answer-content-sd img{width:24px;height:24px}.text-answer-content-sd p{margin:0;line-height:1.6;color:#333}.video-answer-content-sd{display:flex;flex-direction:column;gap:12px}.video-meta-row-sd{display:flex;justify-content:space-between;align-items:center}.video-meta-text-sd{display:flex;flex-direction:column}.video-meta-filename-sd{color:#000;font-size:14px}.video-meta-quality-sd{color:#5c677d;font-size:13px}.btn-video-download-sd{background-color:transparent;border:1px solid #00aeef;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-video-download-sd:hover{background:#00aeef}.btn-video-download-sd img{width:16px;height:16px;transition:filter .2s ease}.btn-video-download-sd:hover img{filter:brightness(0) invert(1)}.video-player-circular-sd{width:449px;height:449px;border-radius:50%;position:relative;overflow:hidden;cursor:pointer;margin:0 auto;background-color:#000}.video-element-sd{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.video-play-overlay-sd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;z-index:3}.play-button-icon-sd{width:80px;height:80px;background-color:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button-icon-sd:after{content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #00AEEF;margin-left:5px}.video-timer-sd{position:absolute;bottom:30px;background-color:#ffffffe6;color:#001a26;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-progress-ring-sd{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;--gradient: conic-gradient(#D6B1F4, #F8DAA7, #F8A1E5, #58CDF3, #D6B1F4);background:var(--gradient);animation:ring-spin 4s linear infinite;display:none;z-index:1}.video-player-circular-sd.playing .video-progress-ring-sd{display:block}.video-player-circular-sd:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:#000;border-radius:50%;z-index:1}.survey-details-tooltip{position:fixed;transform:translate(-50%,-100%);margin-top:-8px;background-color:#00aeef;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;max-width:300px;text-align:center;z-index:9999;pointer-events:none;white-space:normal}@media (max-width: 1500px){.info-card-main-layout-sd{flex-direction:column;align-items:center;gap:16px}.survey-main-icon-sd{margin-bottom:16px}.info-card-content-sd{width:100%;align-items:center}.info-title-actions-row-sd{width:100%}.survey-stats-row-sd{width:100%;justify-content:center;gap:16px}.stat-block-details-sd{flex-basis:140px;padding:12px 8px}.user-requirements-section-sd{width:100%;text-align:center}.user-requirements-section-sd ul{display:inline-block;text-align:left}.questions-view-wrapper-sd{flex-direction:column}.questions-list-block-sd{position:static;width:100%;height:auto;max-height:40vh}.question-details-column-sd{width:100%}.user-details-three-column-layout-sd{grid-template-columns:1fr;gap:24px}.list-block-sd{height:auto;max-height:50vh}.answer-display-column-sd{height:auto;max-height:none}}@media (max-width: 900px){.survey-details-filter-bar-sd{flex-direction:column;align-items:stretch}.filter-dropdown-wrapper-sd{width:100%}}.add-video-container{display:flex;flex-direction:column}.video-step-content{animation:fadeInAnimation .4s ease-out forwards}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stepper-container{background-color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.stepper-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.step-item{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px}.step-icon{width:16px;height:16px}.step-text{font-weight:600}.step-item.active .step-label{color:#34c759}.step-item.active .step-details{font-weight:700;color:#111827}.step-item.inactive .step-label,.step-item.inactive .step-details{color:#5c677d}.progress-bar-container{width:100%;height:4px;background-color:#e9ecef;border-radius:2px;position:relative}.progress-bar-foreground{position:absolute;top:0;left:0;height:100%;background-color:#00b6f3;border-radius:2px;transition:width .4s ease-in-out}.video-details-block{display:flex;flex-direction:column;background-color:#fff;padding:24px;border-radius:12px;border:1px solid #D8EDFF;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.video-details-block:hover{transform:translateY(-5px);border-color:#00aeef;box-shadow:0 4px 12px #0000001a}.survey-form-group{margin-top:24px;text-align:left}.survey-label{display:block;color:#5c677d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px}.survey-input{width:100%;padding:12px 16px;border:1px solid #D8EDFF;border-radius:8px;font-size:16px;font-family:Inter,sans-serif;color:#111827;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.survey-input::placeholder{color:#d4d8e1}.survey-input:focus{outline:none;border-color:#00aeef}textarea.survey-input{height:auto;resize:none;line-height:1.5;min-height:80px}.field-error-message{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:8px;font-size:.85rem;font-weight:500;color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px}.field-error-message:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:1em;flex-shrink:0}.survey-input.invalid{border-color:#dc3545!important}.survey-input.invalid:focus{box-shadow:none!important}.add-video-container .file-dropzone.invalid{border-color:#dc3545!important;background-color:#fff5f5}.video-upload-title{font-size:16px;font-weight:700;color:#001a26;margin-bottom:16px;text-align:left}.block-main-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#001a26;margin:0 0 16px;text-align:left}.hidden-file-input{display:none}.add-video-container .file-dropzone{border:2px dashed #B2E7FA;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:#f7fdff;transition:background-color .2s ease,border-color .2s ease}.add-video-container .file-dropzone:hover{background-color:#effbff}.upload-icon{width:24px;height:24px;margin-bottom:12px}.upload-text{font-size:14px;color:#9ca3af;line-height:1.5;margin:0 0 16px}.browse-button{padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background-color:#00aeef;color:#fff;transition:all .2s ease}.browse-button:hover{background-color:#0095c7;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef4d}.video-preview-container{position:relative;width:100%;border-radius:8px;overflow:hidden;line-height:0;background-color:#000;display:flex;justify-content:center;align-items:center;border:none}.video-preview-player{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px;cursor:pointer}.video-overlay-controls{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:12px;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in-out;background:linear-gradient(to bottom,#0000004d,#0000 20%)}.video-preview-container:hover .video-overlay-controls,.video-overlay-controls.always-visible{opacity:1}.video-control{background-color:#f4feff33;border:none;border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-control-btn{width:32px;height:32px;cursor:pointer;border:none}.video-control-btn:hover{background-color:#f4feff33;transform:scale(1.1)}.video-control-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.video-duration-display{padding:0 16px;height:32px;color:#fff;font-size:14px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,#0000);padding:10px 20px;box-sizing:border-box;display:flex;align-items:center;gap:15px;font-family:Inter,sans-serif;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.video-preview-container:hover .custom-video-controls{opacity:1;visibility:visible}.play-pause-btn-custom,.fullscreen-btn-custom{background:#3c3c3cb3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.play-pause-btn-custom:hover,.fullscreen-btn-custom:hover{background:#1e1e1ecc}.play-pause-btn-custom img,.fullscreen-btn-custom img{width:16px;height:16px;filter:brightness(0) invert(1)}.time-display-custom{background:#3c3c3cb3;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap}.edit-video-container{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #D8EDFF;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.edit-video-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#001a26;margin:0;text-align:left}.add-video-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.back-button{background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:10px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}.back-button:hover{background-color:#00aeef;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.next-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background-color:#00aeef;color:#fff;transition:all .2s ease;white-space:nowrap;min-width:120px}.next-button:hover{background-color:#0095c7;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef4d}.target-settings-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}.form-group-target{text-align:left}.target-label{display:block;color:#5c677d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px}.age-slider-container{display:flex;align-items:center;gap:16px}.age-input{width:60px;padding:8px;border:1px solid #D8EDFF;border-radius:6px;text-align:center;font-size:14px;-moz-appearance:textfield}.age-input::-webkit-outer-spin-button,.age-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.age-input:focus{outline:none;border-color:#00aeef}.range-slider-wrapper{flex-grow:1;position:relative;height:24px;display:flex;align-items:center}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:transparent;outline:none;position:absolute;margin:0;padding:0;pointer-events:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:1px solid #E0E0E0;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a;position:relative;z-index:2;pointer-events:all}.range-slider-track{position:absolute;height:4px;border-radius:2px;width:100%;left:0;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.custom-select-container{position:relative}.custom-select-button{width:100%;padding:10px 16px;border:1px solid #D8EDFF;border-radius:8px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;color:#111827;height:41.5px}.custom-select-button:focus{outline:none;border-color:#00aeef}.custom-select-button .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-button .placeholder-text{color:#d4d8e1}.custom-select-arrow{transition:transform .2s ease;flex-shrink:0;margin-left:8px}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:10;padding:8px;border:1px solid #E0E0E0;max-height:250px;overflow-y:auto}.custom-select-option{display:flex;align-items:center;padding:10px;border-radius:6px;cursor:pointer;font-size:16px;color:#4a4a4a}.custom-select-option:hover{background-color:#f7fdff}.custom-select-option input[type=checkbox],.custom-select-option input[type=radio]{display:none}.custom-checkbox,.custom-radio{width:22px;height:22px;border:1px solid #B0B0B0;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;transition:background-color .2s,border-color .2s}.custom-checkbox{border-radius:6px}.custom-radio{border-radius:50%}.custom-checkbox:after{content:"";display:block;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-1px);opacity:0;transition:opacity .2s}input[type=checkbox]:checked+.custom-checkbox{background-color:#3498db;border-color:#3498db}input[type=checkbox]:checked+.custom-checkbox:after{opacity:1}.custom-radio:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .2s}input[type=radio]:checked+.custom-radio{background-color:#3498db;border-color:#3498db}input[type=radio]:checked+.custom-radio:after{transform:scale(1)}.children-input-container{display:flex;align-items:center;border:1px solid #D8EDFF;border-radius:8px;overflow:hidden;height:41.5px}.children-input-container:focus-within{outline:none;border-color:#00aeef}.children-input{width:100%;height:100%;border:none;padding:10px 16px;font-size:16px;-moz-appearance:textfield;background-color:transparent;text-align:left}.children-input::-webkit-outer-spin-button,.children-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.children-input:focus{outline:none}.stepper-buttons{display:flex;flex-direction:column;height:100%}.stepper-btn{border:none;background:none;cursor:pointer;padding:0 12px;font-size:18px;color:#00aeef;line-height:1;flex-grow:1;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.stepper-btn:hover{color:#0095c7}.employment-full-width{grid-column:1 / -1}.targeting-summary-card{grid-column:1 / -1;margin-top:16px;padding:24px;border-radius:12px;background:linear-gradient(135deg,#9eb5ff,#b29dff)}.targeting-summary-title{font-size:18px;font-weight:700;margin:0 0 12px;color:#fff}.targeting-summary-text{font-size:14px;line-height:1.6;margin:0;color:#fff;max-width:100%}.targeting-summary-text strong{font-weight:700}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.payment-subtitle{font-size:14px;color:#5c677d;margin:0;text-align:left}.survey-refresh-btn{background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:6px 12px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;flex-shrink:0}.survey-refresh-btn:hover:not(:disabled){background-color:#00aeef;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.survey-refresh-btn.loading .fa-sync-alt{animation:spin 1s linear infinite}.payment-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.form-group-payment label{display:block;font-size:14px;color:#5c677d;margin-bottom:8px}.input-with-dollar,.audience-input-stepper,.total-budget-input{display:flex;align-items:center;border:1px solid #D8EDFF;border-radius:8px;height:41.5px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input-with-dollar:focus-within,.audience-input-stepper:focus-within{border-color:#00aeef}.input-with-dollar input,.audience-input-stepper input,.total-budget-input input{width:100%;border:none;background:transparent;padding:10px 16px;font-size:16px;outline:none;-moz-appearance:textfield}.input-with-dollar span{padding-left:16px;color:#5c677d}.input-with-dollar input{padding-left:8px}.wallet-balance-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:12px;background:#00aeef;position:relative;overflow:hidden}.wallet-balance-amount{font-size:24px;font-weight:700;color:#fff}.btn-top-up{background-color:#fff;color:#00aeef;border:1px solid #FFFFFF;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-top-up:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}@media (max-width: 1000px){.questions-section{flex-direction:column}.block-title{font-size:17px}.survey-input{font-size:15px}.questions-list-block,.question-edit-block{padding:16px}.answer-type-selector{flex-direction:column}.ai-helper-section{flex-direction:column;align-items:flex-start;gap:12px}.ai-helper-text{white-space:normal;text-align:left}.ai-helper-section .add-question-btn{align-self:center}.step-item{font-size:12px;gap:6px}.step-icon{width:14px;height:14px}.target-settings-grid{grid-template-columns:1fr;gap:24px}.target-label{font-size:13px}.custom-select-button,.children-input,.age-input{font-size:15px}.payment-form-grid{grid-template-columns:1fr;gap:20px}.payment-subtitle,.form-group-payment label{font-size:13px}.input-with-dollar input,.audience-input-stepper input,.total-budget-input input{font-size:15px}.wallet-balance-bar{flex-direction:column;align-items:flex-start;gap:16px}.wallet-balance-amount{font-size:22px}}.seek-slider-container{flex-grow:1;display:flex;align-items:center;padding:0 5px}.seek-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6.32px;background:transparent;outline:none;cursor:pointer}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#00aeef;border-radius:50%;box-shadow:0 0 2px #00000080;margin-top:-5px}.seek-slider::-moz-range-thumb{width:16px;height:16px;background:#00aeef;border-radius:50%;box-shadow:0 0 2px #00000080}.seek-slider::-webkit-slider-runnable-track{width:100%;height:6.32px;background:#ffffff4d;border-radius:3px}.seek-slider::-moz-range-track{width:100%;height:6.32px;background:#ffffff4d;border-radius:3px}.ai-helper-section{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.ai-helper-text{font-size:14px;color:#bcbcbc;margin:0;white-space:nowrap}.ai-helper-section .add-question-btn{margin-top:0;align-self:auto;padding:8px 12px;display:flex;align-items:center;gap:8px;background:none;cursor:pointer;color:#00aeef;font-family:Inter,sans-serif;font-size:14px;font-weight:500;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.ai-helper-section .add-question-btn:hover{border:1px solid #00AEEF;background-color:#fff}.ai-uploader-wrapper{padding:2px;border-radius:10px;background:linear-gradient(90deg,#52cbf0,#5bc7ed,#73bde4,#9bacd7,#d195c4,#ff82b4,#ffd900,#fc552f)}.target-description-box{background-color:#f7fdff;border-radius:8px;padding:12px 24px;display:flex;align-items:center;gap:12px;min-height:50px}.target-description-box .input-wrapper{flex-grow:1;position:relative;display:flex;align-items:center}.target-description-textarea{width:100%;border:none;background-color:transparent;resize:none;padding:0;margin:0;font-family:Inter,sans-serif;font-size:14px;color:#5c677d;height:24px;line-height:24px;overflow:hidden}.target-description-textarea:focus{outline:none}.target-description-textarea::placeholder{color:#9ca3af}.target-ai-icon{width:24px;height:25px;flex-shrink:0}.input-wrapper .char-counter{position:absolute;right:0;bottom:auto;top:50%;transform:translateY(-50%);font-size:.8rem;color:#6b7280}.step2-layout-container{display:flex;gap:24px;align-items:flex-start}.step2-video-preview-column{flex:0 0 40%;position:sticky;top:90px}.step2-form-fields-column{flex:1 1 60%;display:flex;flex-direction:column}.step2-form-fields-column .survey-form-group{margin-top:0;margin-bottom:24px}.step2-form-fields-column .survey-form-group:last-child{margin-bottom:0}@media (max-width: 1000px){.step2-layout-container{flex-direction:column;gap:32px}.step2-video-preview-column{flex:0 0 auto;width:100%;position:static;top:auto}.step2-form-fields-column{width:100%;flex-basis:auto}}.input-wrapper{position:relative;width:100%}.input-wrapper .survey-input{padding-right:70px}.input-wrapper textarea.survey-input{padding-right:16px;padding-bottom:30px}.input-wrapper .char-counter{position:absolute;right:12px;font-size:.8rem;color:#6b7280;pointer-events:none}.input-wrapper input+.char-counter{top:50%;transform:translateY(-50%)}.input-wrapper textarea+.char-counter{top:auto;transform:none;bottom:10px}.survey-details-container-sd{display:flex;flex-direction:column;gap:24px}.survey-details-header-sd{display:flex;justify-content:space-between;align-items:center}.btn-back-sd{background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:8px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-back-sd img{width:24px;height:24px;transition:filter .2s ease}.btn-back-sd:hover{background-color:#00aeef;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-back-sd:hover img{filter:brightness(0) invert(1)}.btn-details-refresh-sd{background-color:transparent;color:#00aeef;border:1px solid #00aeef;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;height:42px}.btn-details-refresh-sd:hover:not(:disabled){background-color:#00aeef;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.btn-details-refresh-sd:disabled{color:#a0d9ef;cursor:not-allowed;transform:none;border-color:#a0d9ef}.btn-details-refresh-sd.loading .fa-sync-alt{animation:spin-sd 1s linear infinite}@keyframes spin-sd{to{transform:rotate(360deg)}}.budget-bar-sd{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:12px;background:#00aeef;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.budget-bar-sd:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);opacity:.5;z-index:1}.budget-bar-info-sd,.budget-bar-actions-sd{position:relative;z-index:2}.budget-bar-info-sd{color:#fff}.budget-bar-info-sd .budget-label-sd{display:block;font-size:14px;font-weight:500;color:#f0f8ff}.budget-bar-info-sd .budget-amount-sd{font-size:24px;font-weight:700;color:#fff}.budget-bar-actions-sd{display:flex;gap:8px}.btn-budget-action-sd{border:1px solid #FFFFFF;border-radius:8px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;background-color:#fff}.btn-budget-action-sd:disabled{cursor:not-allowed;opacity:.6}.btn-budget-action-sd:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.btn-budget-action-sd img{width:22px;height:22px}.btn-top-up-sd{color:#00aeef}.btn-withdraw-sd{color:#5c677d}.survey-info-card-sd{border:1px solid #D8EDFF;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.survey-info-card-sd:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a;border-color:#00aeef}.info-card-main-layout-sd{display:flex;gap:24px;align-items:flex-start}.survey-main-icon-sd{width:120px;height:120px;border-radius:8px;object-fit:cover;flex-shrink:0}.info-card-content-sd{flex-grow:1;display:flex;flex-direction:column;gap:16px;min-width:0}.info-title-actions-row-sd{display:flex;justify-content:space-between;align-items:center;gap:16px}.survey-info-title-sd{color:#001a26!important;font-size:20px;font-weight:500;margin:0;line-height:1.3;background-image:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}.info-actions-sd{display:flex;align-items:center;gap:12px}.active-status-text-sd{color:#001a26;font-size:14px;font-weight:500}.details-edit-btn-sd{background-color:transparent;border:1px solid #00aeef;padding:6px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.details-edit-btn-sd img{width:16px;height:16px;transition:filter .2s ease}.details-edit-btn-sd:hover{background-color:#00aeef;transform:translateY(-2px);box-shadow:0 4px 10px #00aeef33}.details-edit-btn-sd:hover img{filter:brightness(0) invert(1)}.toggle-switch-details-sd{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch-details-sd input{opacity:0;width:0;height:0}.slider-details-sd{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:22px}.slider-details-sd:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch-details-sd input:checked+.slider-details-sd{background-color:#00aeef}.toggle-switch-details-sd input:checked+.slider-details-sd:before{transform:translate(18px)}.user-requirements-section-sd{text-align:left}.user-requirements-section-sd h3{color:#000;font-size:16px;font-weight:600;margin-top:0;margin-bottom:12px}.user-requirements-section-sd p{list-style-type:disc;padding-left:20px;margin:0;color:#5c677d;font-size:14px;display:flex;flex-direction:column;gap:8px}.user-list-placeholder-card{border:1px solid #D8EDFF;border-radius:12px;background-color:#fff;min-height:250px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.user-list-placeholder-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a;border-color:#00aeef}@media (max-width: 1500px){.info-card-main-layout-sd{flex-direction:column;align-items:center;gap:16px}.survey-main-icon-sd{margin-bottom:16px}.info-card-content-sd{width:100%;align-items:center}.info-title-actions-row-sd{width:100%}.user-requirements-section-sd{width:100%;text-align:center}.user-requirements-section-sd ul{display:inline-block;text-align:left}}@media (max-width: 800px){.budget-bar-sd{flex-direction:column;align-items:flex-start;gap:16px}.budget-bar-actions-sd{width:100%;flex-direction:column;align-items:stretch}}