:root{--purple-color: #8A2BE2;--blue-color-hover: #8CB5FD;--button-text-color: #FFFFFF;--primary-color: #52CBF0;--primary-color-dark: #0095c7;--clr-logo-be-blue: #75B8D9;--clr-logo-e-pink: #F8C8DC;--clr-logo-long-orange: #FDBF73;--clr-primary-900: #0D0C22;--clr-primary-700: #1A183E;--clr-primary-500: #2E2A66;--clr-primary-300: #4D4CAC;--clr-primary-100: #F0F0FF;--clr-accent-500: #8CB5FD;--clr-accent-300: #52CBF0;--clr-accent-blue: #8CB5FD;--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: #E5E7EB;--clr-border-strong: var(--clr-secondary-300);--gradient-primary: linear-gradient(135deg, #52CBF0 0%, #8CB5FD 100%);--gradient-accent: linear-gradient(135deg, var(--clr-accent-500) 0%, var(--clr-accent-300) 100%);--gradient-cta-bg: linear-gradient(135deg, var(--clr-primary-700) 0%, var(--clr-primary-900) 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;--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));--border-radius-sm: 6px;--border-radius-md: 8px;--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 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-duration-fast: .2s;--transition-duration-normal: .35s;--transition-timing-function: ease-in-out;--container-max-width: 1200px;--container-padding-desktop: var(--spacing-lg);--container-padding-mobile: var(--spacing-md);--header-height: 70px;--header-height-scrolled: 60px;--my-button-blue-normal: #52CBF0;--my-button-blue-hover: #8CB5FD;--my-button-text-color: var(--clr-common-white);--my-accent-button-blue-normal: #AED6F1;--my-accent-button-blue-hover: #8CB5FD;--my-accent-button-text-color: var(--clr-primary-700)}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.8rem,1.4rem + 2vw,var(--fs-4xl));font-weight:700;margin-bottom:var(--spacing-lg);letter-spacing:-.015em}h3{font-size:clamp(1.2rem,1rem + 1vw,var(--fs-2xl));font-weight:700;margin-bottom:var(--spacing-sm)}h4{font-size:clamp(1rem,.85rem + .75vw,var(--fs-xl));font-weight:600}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--clr-text-headings);line-height:var(--leading-tight);margin-bottom:var(--spacing-md);overflow-wrap:break-word;word-wrap:break-word}p{margin-bottom:var(--spacing-md);line-height:var(--leading-relaxed);max-width:65ch;overflow-wrap:break-word;word-wrap:break-word}p.lead,.hero-content__subtitle,.section__subtitle{font-size:clamp(.95rem,.85rem + .5vw,var(--fs-lg));color:var(--clr-text-light);line-height:var(--leading-relaxed);max-width:70ch;margin-left:auto;margin-right:auto}a{color:var(--clr-accent-300);text-decoration:none;font-weight:500;transition:color var(--transition-duration-normal) ease-in-out}a:hover{color:var(--clr-accent-500)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}.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:800px;margin-left:auto;margin-right:auto}.section__title:after{content:"";display:block;width:80px;height:5px;background:var(--gradient-primary);margin:var(--spacing-md) auto var(--spacing-lg);border-radius:var(--border-radius-full)}.section__pre-title{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--clr-accent-300);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--spacing-sm)}main#main-content{padding-top:var(--header-height)}.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-md);border-radius:var(--border-radius-md);cursor:pointer;text-align:center;border:2px solid transparent;transition:background-color var(--transition-duration-normal) var(--transition-timing-function),border-color var(--transition-duration-normal) var(--transition-timing-function),color var(--transition-duration-normal) var(--transition-timing-function),transform var(--transition-duration-normal) var(--transition-timing-function),box-shadow 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.1em;line-height:1}.btn--primary{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border-color:var(--my-button-blue-normal)}.btn--primary:hover{background-color:var(--my-button-blue-hover);border-color:var(--my-button-blue-hover);color:var(--my-button-text-color);transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-lg)}.btn--accent{background-color:var(--my-accent-button-blue-normal);color:var(--my-accent-button-text-color);border-color:var(--my-accent-button-blue-normal)}.btn--accent:hover{background-color:var(--my-accent-button-blue-hover);color:var(--clr-primary-900);border-color:var(--my-accent-button-blue-hover);transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-lg)}.btn--outline{background-color:transparent;color:#52cbf0;border-color:#52cbf0}.btn--outline:hover{background-color:#8cb5fd;color:var(--clr-common-white);border-color:#8cb5fd;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--fs-lg)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--fs-sm);border-width:1.5px;line-height:1.5}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #0000000d;height:var(--header-height);transition:height var(--transition-duration-normal) ease-in-out,background-color var(--transition-duration-normal) ease-in-out,box-shadow var(--transition-duration-normal) ease-in-out}.site-header.is-scrolled{height:var(--header-height-scrolled);background-color:#fffffffa;box-shadow:var(--shadow-sm)}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:100%;gap:var(--spacing-sm)}.site-logo{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;flex-shrink:0}.site-logo__icon{height:32px;width:auto;object-fit:contain;transition:filter var(--transition-duration-normal) ease-in-out}.site-logo__text-custom{font-family:var(--font-secondary);font-weight:700;color:var(--clr-logo-be-blue);line-height:1;font-size:clamp(1rem,.8rem + .4vw,1.2rem);transition:color var(--transition-duration-normal) ease-in-out,text-shadow var(--transition-duration-normal) ease-in-out}.main-nav{flex-shrink:1;flex-grow:1;min-width:0;display:flex;justify-content:center}.main-nav__list{display:flex;align-items:center;gap:var(--spacing-xs)}.main-nav__link{font-family:var(--font-primary);font-weight:600;font-size:var(--fs-md);color:var(--clr-text-headings);padding:var(--spacing-sm);border-radius:var(--border-radius-md);position:relative;transition:color .3s ease,background-color .3s ease,background-image .3s ease,text-shadow .3s ease,transform .2s ease,box-shadow .3s ease;white-space:nowrap;border:2px solid transparent}.main-nav__link:hover:not(.is-active){color:var(--primary-color);background-color:#e0f7fa;transform:translateY(-2px);box-shadow:var(--shadow-md);text-shadow:none}.main-nav__link.is-active{color:var(--clr-common-white);background:var(--gradient-primary);font-weight:700;box-shadow:var(--shadow-lg);text-shadow:none}.main-nav__link.is-active:hover{color:var(--clr-common-white);background:linear-gradient(135deg,#8cb5fd,#52cbf0);transform:translateY(-2px)}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.header-actions .btn--sm{padding:var(--spacing-xs) calc(var(--spacing-sm) + 2px);font-size:calc(var(--fs-sm) - 2px);min-width:auto}.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-text-headings)}.mobile-nav-toggle.is-active{position:fixed;top:var(--spacing-md);right:var(--container-padding-mobile);z-index:1005}.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}.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);text-align:center}.main-nav.is-open .main-nav__link:last-child{margin-bottom:0}.main-nav.is-open .main-nav__link:hover,.main-nav.is-open .main-nav__link.is-active{background-color:#52cbf0;color:var(--clr-common-white)}.main-nav.is-open .main-nav__link.is-active:hover{background-color:#8cb5fd}.hero-section{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-4xl);overflow:hidden;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+Grid);background-size:cover;background-position:center;opacity:.04;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%;opacity:.07}.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;opacity:.07}@keyframes subtleRotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.05)}}.hero-section .container{position:relative;z-index:1}.hero-layout{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--spacing-xl);text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-content__title .highlight{background:linear-gradient(90deg,#52cbf0,#8cb5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;padding:.1em 0}.hero-content__cta-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.hero-visual{display:none}.hero-visual__placeholder{background-color:#fff9;border:1px solid var(--clr-primary-100);padding:var(--spacing-xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.hero-content__social-proof{margin-top:var(--spacing-xl);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);color:var(--clr-text-light);font-size:var(--fs-sm)}.hero-content__proof-item{display:flex;align-items:center;gap:var(--spacing-sm)}.hero-content__proof-item i{color:#52cbf0;font-size:var(--fs-lg)}.features-grid--reimagined{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.feature-card--reimagined{background-color:var(--clr-common-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--clr-border);text-align:left;display:flex;flex-direction:column;transition:transform var(--transition-duration-normal) ease,box-shadow var(--transition-duration-normal) ease,border-color var(--transition-duration-normal) ease}.feature-card--reimagined:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#52cbf0}.feature-card--reimagined__icon-wrapper{width:50px;height:50px;margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex;justify-content:center;align-items:center;background:#e0f7fa}.feature-card--reimagined__icon{font-size:var(--fs-xl);color:#52cbf0}.feature-card--reimagined__title{font-size:var(--fs-lg);color:var(--clr-text-headings);margin-bottom:var(--spacing-sm)}.feature-card--reimagined__description{font-size:var(--fs-sm);color:var(--clr-text-light);flex-grow:1;margin-bottom:var(--spacing-md);line-height:var(--leading-normal)}.feature-card--reimagined__link{font-size:var(--fs-sm);font-weight:600;color:#52cbf0;display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:auto;text-decoration:none;padding:var(--spacing-xs) 0;transition:color var(--transition-duration-normal) ease}.feature-card--reimagined__link i{transition:transform var(--transition-duration-normal) ease}.feature-card--reimagined__link:hover{color:#8cb5fd}.feature-card--reimagined__link:hover i{transform:translate(5px)}.how-it-works-steps{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.step-card{background-color:var(--clr-common-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;overflow:hidden;border-left:6px solid #52CBF0;transition:transform .3s ease,box-shadow .3s ease,border-left-color .3s ease}.step-card:hover{transform:scale(1.02) translate(5px);box-shadow:var(--shadow-xl);border-left-color:#8cb5fd}.step-card__number-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.step-card__number{width:48px;height:48px;background-color:#52cbf0;color:var(--clr-common-white);font-family:var(--font-secondary);font-size:var(--fs-xl);font-weight:700;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm)}.step-card__content{flex-grow:1}.step-card__title{font-size:var(--fs-xl);color:var(--clr-text-headings);margin-bottom:var(--spacing-sm)}.step-card__description{font-size:var(--fs-md);color:var(--clr-text-light);line-height:var(--leading-relaxed);margin-bottom:0}.platform-header-content--reimagined{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);background-color:#e0f7fa;padding:var(--spacing-xl);border-radius:var(--border-radius-xl);border:1px solid #52CBF0}.platform-header-icon--reimagined svg{width:64px;height:64px;padding:var(--spacing-sm);background-color:#52cbf0;border-radius:var(--border-radius-lg);fill:var(--clr-common-white)}.platform-header-text--reimagined h3{font-size:clamp(1.4rem,1.2rem + 1vw,var(--fs-3xl));color:var(--clr-primary-900);margin-bottom:var(--spacing-sm)}.platform-header-text--reimagined p{font-size:var(--fs-lg);color:var(--clr-text-light);max-width:none;margin-bottom:0}.platform-features-grid--reimagined{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.platform-feature--reimagined{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--clr-common-white);border-radius:var(--border-radius-md);border:1px solid var(--clr-border);transition:box-shadow .3s ease,transform .3s ease}.platform-feature--reimagined:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.platform-feature--reimagined__icon{font-size:var(--fs-xl);color:#52cbf0;margin-top:5px;flex-shrink:0;width:30px;text-align:center}.platform-feature--reimagined__content h4{font-family:var(--font-primary);font-size:var(--fs-lg);font-weight:600;color:var(--clr-text-headings);margin-bottom:var(--spacing-xs)}.platform-feature--reimagined__content p{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:var(--leading-normal);margin-bottom:0;max-width:none}.platform-cta-button{display:block;width:fit-content;font-size:var(--fs-lg)}.platform-cta-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.testimonial-section-wrapper{position:relative;padding-bottom:var(--spacing-2xl)}.testimonial-carousel-viewport{max-width:calc(3 * 340px + 2 * var(--spacing-lg));margin:0 auto;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm) 0;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#52CBF0 var(--clr-primary-100);padding-bottom:var(--spacing-lg)}.testimonial-carousel-viewport::-webkit-scrollbar{height:10px}.testimonial-carousel-viewport::-webkit-scrollbar-track{background:var(--clr-primary-100);border-radius:var(--border-radius-full)}.testimonial-carousel-viewport::-webkit-scrollbar-thumb{background-color:#52cbf0;border-radius:var(--border-radius-full);border:2px solid var(--clr-primary-100)}.testimonial-carousel-viewport::-webkit-scrollbar-thumb:hover{background-color:#8cb5fd}.testimonial-carousel-viewport.is-dragging{cursor:grabbing}.testimonials-grid{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.testimonial-card--reimagined{flex:0 0 330px;min-width:0;background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-duration-normal) ease,box-shadow var(--transition-duration-normal) ease;border:1px solid var(--clr-border);display:flex;flex-direction:column;min-height:380px;text-align:left}.testimonial-card--reimagined:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.testimonial-card--reimagined__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.testimonial-card--reimagined__image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--clr-primary-100)}.testimonial-card--reimagined__author-info{flex-grow:1}.testimonial-card--reimagined__name{font-weight:700;font-size:var(--fs-md);color:var(--clr-primary-700);margin-bottom:var(--spacing-xs)}.testimonial-card--reimagined__title{font-size:var(--fs-xs);color:var(--clr-text-light);margin-bottom:0}.testimonial-card--reimagined__rating{color:#ffb800;margin-bottom:var(--spacing-md);font-size:var(--fs-md)}.testimonial-card--reimagined__rating .far.fa-star{color:var(--clr-border)}.testimonial-card--reimagined__quote{font-style:normal;color:var(--clr-text-main);margin:0 0 var(--spacing-md);font-size:var(--fs-sm);line-height:1.65;flex-grow:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;position:relative;padding-left:var(--spacing-lg)}.testimonial-card--reimagined__quote.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.testimonial-card--reimagined__quote:before{content:"“";font-size:3em;line-height:0;vertical-align:-.4em;color:var(--clr-primary-100);position:absolute;left:-5px;top:5px;font-family:Georgia,serif}.testimonial-read-more{font-size:var(--fs-sm);font-weight:600;color:#52cbf0;cursor:pointer;margin-top:auto;background:none;border:none;padding:var(--spacing-xs) 0;text-align:left;align-self:flex-start;transition:color var(--transition-duration-normal)}.testimonial-read-more:hover{color:#8cb5fd}.info-card--reimagined{background-color:var(--clr-common-white);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);margin-top:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:700px;display:flex;flex-direction:column;align-items:center;text-align:center;border-top:5px solid #52CBF0}.info-card--reimagined__icon-wrapper{margin-bottom:var(--spacing-lg)}.info-card--reimagined__icon-wrapper .info-card--reimagined__icon{font-size:var(--fs-4xl);color:#52cbf0}.info-card--reimagined h3{color:var(--clr-text-headings);margin-bottom:var(--spacing-md);font-size:var(--fs-2xl)}.info-card--reimagined p{color:var(--clr-text-main);font-size:var(--fs-lg);line-height:var(--leading-relaxed);max-width:95%;margin-bottom:var(--spacing-xl)}.info-card--reimagined .btn{font-size:var(--fs-lg)}.faq-container--reimagined{max-width:800px;margin:var(--spacing-xl) auto 0}.faq-item--reimagined{border:none;border-bottom:1px solid var(--clr-border);background-color:transparent;margin-bottom:0;padding:var(--spacing-sm) 0}.faq-item--reimagined:last-child{border-bottom:none}summary.faq-item--reimagined__question{padding:var(--spacing-md) var(--spacing-sm);font-family:var(--font-primary);font-size:var(--fs-lg);font-weight:600;color:var(--clr-text-headings);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);list-style:none;transition:color var(--transition-duration-normal) ease,background-color var(--transition-duration-normal) ease;border-radius:var(--border-radius-sm)}summary.faq-item--reimagined__question::-webkit-details-marker{display:none}.faq-item--reimagined__toggle-icon{transition:transform var(--transition-duration-normal) ease;color:#52cbf0;font-size:.9em;flex-shrink:0}details[open]>summary.faq-item--reimagined__question{color:#52cbf0;background-color:#e0f7fa}details[open]>summary.faq-item--reimagined__question .faq-item--reimagined__toggle-icon{transform:rotate(180deg);color:#52cbf0}.faq-item--reimagined__answer{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);font-size:var(--fs-md);color:var(--clr-text-light);line-height:var(--leading-relaxed);background-color:var(--clr-secondary-50);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);margin-top:-1px}.cta-section{background-image:var(--gradient-cta-bg);color:var(--clr-text-on-dark);text-align:center;position:relative;overflow:hidden;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.cta-section .container{position:relative;z-index:1}.cta-section__title{color:var(--clr-common-white);font-size:var(--fs-4xl)}.cta-section__title:after{display:none}.cta-section .cta-section__subtitle{color:var(--clr-secondary-100);max-width:70ch;margin-bottom:var(--spacing-xl);font-size:var(--fs-lg)}.cta-section__action{margin-bottom:var(--spacing-xl)}.cta-section__action .btn--accent{background-image:none;background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border:2px solid var(--my-button-blue-normal);box-shadow:var(--shadow-lg);padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--fs-xl)}.cta-section__action .btn--accent:hover{background-image:none;background-color:var(--my-button-blue-hover);color:var(--my-button-text-color);border-color:var(--my-button-blue-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.05)}.cta-section__guarantee{font-size:var(--fs-md);color:var(--clr-secondary-300);display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.cta-section__guarantee i{margin-right:var(--spacing-xs);color:var(--clr-accent-100);font-size:1.1em}.cta-decor{display:none}.cta-guarantee-divider{opacity:.5;margin:0 .5em}.site-footer{background-color:var(--clr-primary-900);color:var(--clr-secondary-300);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);font-size:var(--fs-sm)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-xl);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-md);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--clr-primary-700);padding-bottom:var(--spacing-sm);display:inline-block}.footer-about .footer-logo{font-family:var(--font-secondary);font-size:var(--fs-2xl);font-weight:800;color:var(--clr-common-white);margin-bottom:var(--spacing-md);display:inline-block;text-decoration:none}.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 p{color:var(--clr-secondary-300);font-size:var(--fs-sm);line-height:var(--leading-normal)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--clr-secondary-300);font-size:var(--fs-sm);font-weight:400;transition:color var(--transition-duration-normal) ease,padding-left var(--transition-duration-normal) ease}.footer-links a:hover{color:var(--clr-common-white);text-decoration:none;padding-left:var(--spacing-xs)}.footer-contact p{font-size:var(--fs-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.footer-contact i{color:#52cbf0;width:16px;text-align:center;flex-shrink:0;font-size:1.1em}.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-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--clr-primary-700);color:var(--clr-secondary-500);font-size:var(--fs-sm);display:flex;flex-direction:column;align-items:center}.footer-bottom p{margin-left:auto;margin-right:auto}.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:#0d0c22d9;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-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:450px;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-md)}.message-box-content .btn{font-size:var(--fs-md)}@media (min-width: 1025px){.hero-section__decor,.cta-decor{display:block}.footer-about,.footer-links,.footer-contact{flex:1 1 0;max-width:none;margin-bottom:0}.footer-about{max-width:380px;padding-right:var(--spacing-lg)}.footer-links{min-width:200px}.footer-contact{min-width:220px}.platform-header-content--reimagined{flex-direction:row;text-align:left;gap:var(--spacing-xl)}.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--spacing-2xl);text-align:left}.hero-content__subtitle{margin-left:0;margin-right:0}.hero-content__cta-group{justify-content:flex-start}.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content__social-proof{align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1024px){.site-header .container{gap:var(--spacing-xs)}.site-logo__text-custom{font-size:clamp(.9rem,.7rem + .4vw,1.1rem)}.main-nav__list{gap:2px}.main-nav__link{padding:calc(var(--spacing-sm) - 4px) calc(var(--spacing-sm) - 3px);font-size:calc(var(--fs-sm) - 3px)}.header-actions{gap:2px}.header-actions .btn--sm{padding:calc(var(--spacing-xs) - 2px) calc(var(--spacing-sm) - 2px);font-size:calc(var(--fs-xs) - 1px)}}@media (max-width: 1170px){.container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.site-logo__icon{height:30px}.mobile-nav-toggle{display:block}.main-nav{display:none}.main-nav.is-open{top:0}.features-grid--reimagined{grid-template-columns:repeat(2,1fr)}.testimonial-carousel-viewport{max-width:calc(2 * 320px + 1 * var(--spacing-lg));padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.testimonial-card--reimagined{flex:0 0 300px}.testimonials-grid{gap:var(--spacing-md);padding-left:0;padding-right:0}}@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-md);align-items:center}.features-grid--reimagined{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card--reimagined{padding:var(--spacing-md)}.step-card{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;align-items:center;text-align:center;border-left-width:0;border-top:5px solid #52CBF0}.step-card:hover{transform:scale(1.02) translateY(-5px);border-top-color:#8cb5fd}.step-card__number-wrapper{margin-bottom:var(--spacing-md)}.step-card__number{width:40px;height:40px;font-size:var(--fs-lg)}.step-card__title{font-size:var(--fs-lg)}.step-card__description{font-size:var(--fs-sm)}.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{justify-content:center}.footer-bottom{text-align:center}.hero-section__decor,.cta-decor{display:none}.testimonial-carousel-viewport{max-width:100%}.testimonial-card--reimagined{flex-basis:clamp(280px,80vw,300px);padding:var(--spacing-md)}.testimonials-grid{gap:var(--spacing-md)}.info-card--reimagined{padding:var(--spacing-lg) var(--spacing-md)}.info-card--reimagined p{max-width:100%}.info-card--reimagined h3{font-size:var(--fs-xl)}}@media (max-width: 480px){.site-logo__icon{height:26px}.site-logo__text-custom{font-size:var(--fs-md)}.site-logo{gap:var(--spacing-xs)}.header-actions .btn--sm{font-size:calc(var(--fs-xs) - 1px);padding:var(--spacing-xs) calc(var(--spacing-sm) - 2px)}.mobile-nav-toggle__icon{font-size:var(--fs-xl)}.btn--lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--fs-md)}.hero-content__cta-group{gap:var(--spacing-md);flex-direction:column}.hero-content__cta-group .btn{width:100%;max-width:300px}.testimonial-card--reimagined__quote{font-size:var(--fs-xs);-webkit-line-clamp:4}.testimonial-card--reimagined__image{width:50px;height:50px}.testimonial-card--reimagined__rating{font-size:var(--fs-sm)}.testimonial-carousel-viewport{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.testimonial-card--reimagined{flex-basis:clamp(250px,85vw,280px)}.platform-header-icon--reimagined svg{width:50px;height:50px}.platform-header-text--reimagined h3{font-size:var(--fs-xl)}.platform-feature--reimagined__content h4{font-size:var(--fs-md)}.info-card--reimagined h3{font-size:var(--fs-lg)}.info-card--reimagined p{font-size:var(--fs-sm)}.faq-item--reimagined__question{font-size:var(--fs-md);padding:var(--spacing-sm)}.faq-item--reimagined__answer{font-size:var(--fs-sm);padding:var(--spacing-sm)}.cta-section__title{font-size:var(--fs-3xl)}.cta-section__subtitle{font-size:var(--fs-md)}.cta-section__action .btn--accent{font-size:var(--fs-lg);padding:var(--spacing-sm) var(--spacing-md)}.cta-section__guarantee{gap:var(--spacing-sm);font-size:var(--fs-xs)}.cta-guarantee-divider{display:none}}:root{--blue-color-hover: #8CB5FD;--button-text-color: #FFFFFF;--primary-color: #52CBF0;--primary-color-dark: #8CB5FD;--clr-logo-be-blue: #52CBF0;--clr-logo-e-pink: #F8C8DC;--clr-logo-long-orange: #FDBF73;--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: #52CBF0;--clr-accent-blue: #8CB5FD;--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, #52CBF0 0%, #8CB5FD 100%);--gradient-accent: linear-gradient(135deg, var(--clr-accent-500) 0%, var(--clr-accent-300) 100%);--gradient-cta-bg: linear-gradient(135deg, var(--clr-primary-700) 0%, var(--clr-primary-900) 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;--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));--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--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 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-duration-fast: .2s;--transition-duration-normal: .35s;--transition-timing-function: ease-in-out;--container-max-width: 1200px;--container-padding-desktop: var(--spacing-lg);--container-padding-mobile: var(--spacing-md);--header-height: 65px;--header-height-scrolled: 55px;--my-button-blue-normal: #52CBF0;--my-button-blue-hover: #8CB5FD;--my-button-text-color: var(--clr-common-white);--my-accent-button-blue-normal: #E0F7FA;--my-accent-button-blue-hover: #8CB5FD;--my-accent-button-text-color: var(--clr-primary-700)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;border-color:var(--clr-border)}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}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)}body.no-scroll{overflow:hidden}a{color:var(--clr-accent-300);text-decoration:none;font-weight:500;transition:color var(--transition-duration-fast) ease-in-out}a:hover{color:#8cb5fd}ul,ol{list-style:none}img,svg{display:block;max-width:100%;height:auto}button{font:inherit}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fffffff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d;height:var(--header-height);transition:all var(--transition-duration-fast) ease-in-out;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:0 var(--container-padding-desktop);box-sizing:border-box}.site-header.is-scrolled{height:var(--header-height-scrolled);background-color:#fff;box-shadow:var(--shadow-md)}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;flex-shrink:0}.site-logo__icon{height:30px;width:auto;object-fit:contain;transition:filter var(--transition-duration-normal) ease-in-out}.site-logo__text-custom{font-family:var(--font-secondary);font-weight:700;color:var(--clr-logo-be-blue);line-height:1;font-size:clamp(1rem,.8rem + .4vw,1.2rem);transition:color var(--transition-duration-fast) ease-in-out,text-shadow var(--transition-duration-fast) ease-in-out}.site-logo:hover .site-logo__icon{filter:drop-shadow(0 0 8px #8CB5FD)}.site-logo:hover .site-logo__text-custom{color:#8cb5fd;text-shadow:0 0 8px rgba(140,181,253,.6)}.main-nav-desktop-centered{display:none;flex-grow:1;justify-content:center}.main-nav-desktop-centered .main-nav__list{display:flex;align-items:center;gap:var(--spacing-xs)}.main-nav__link{font-family:var(--font-primary);font-weight:500;font-size:var(--fs-sm);color:var(--clr-text-main);padding:calc(var(--spacing-xs) + 2px) var(--spacing-md);border-radius:var(--border-radius-lg);position:relative;transition:all var(--transition-duration-fast) ease;white-space:nowrap;border:2px solid transparent;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.main-nav__link i{font-size:1em;line-height:1}.main-nav__link:hover:not(.active){color:var(--primary-color);background-color:#e0f7fa;transform:translateY(-2px);box-shadow:var(--shadow-md)}.main-nav__link.active{color:var(--clr-common-white);background-image:var(--gradient-primary);font-weight:700;box-shadow:var(--shadow-lg)}.main-nav__link.active:hover{color:var(--clr-common-white);background-image:linear-gradient(135deg,#8cb5fd,#52cbf0);transform:translateY(-2px)}.header-right-group{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.platform-action-icons-desktop{display:none;align-items:center;gap:var(--spacing-sm)}.platform-action-icons-desktop .platform-action-icon-link{padding:calc(var(--spacing-xs) + 4px) var(--spacing-sm)}.platform-action-icons-desktop button.main-nav__link{background:none;border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--clr-text-main)}.platform-action-icons-desktop button.main-nav__link:hover:not(.active){color:var(--primary-color);background-color:#e0f7fa}.platform-action-icons-desktop button.main-nav__link.active{color:var(--clr-common-white);background-image:var(--gradient-primary)}.platform-action-icons-desktop .fa-gift{font-size:1.1em}.header-actions{display:flex;align-items:center;flex-shrink:0}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1005}.mobile-nav-toggle__icon{font-size:var(--fs-2xl);color:var(--clr-text-main)}.mobile-nav-toggle.is-active{position:fixed;top:var(--spacing-sm);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:#8cb5fd;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);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__list .main-nav__item .main-nav__link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);width:240px;border-bottom:none;font-size:var(--fs-lg);font-weight:600;color:var(--clr-primary-700);background-color:#ffffffb3;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-sm);text-align:center}.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link i,.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link img{font-size:1.2rem}.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link span{display:inline}.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link:last-child{margin-bottom:0}.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link:hover,.main-nav.is-open .main-nav__list .main-nav__item .main-nav__link.active{background-color:var(--primary-color);color:var(--clr-common-white);background-image:none}@media (min-width: 993px){.main-nav-desktop-centered,.platform-action-icons-desktop{display:flex}.mobile-nav-toggle,.main-nav.is-open{display:none!important}}@media (max-width: 992px){.main-nav-desktop-centered,.platform-action-icons-desktop{display:none}.mobile-nav-toggle{display:block!important}.site-header{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.site-logo__icon{height:28px}}@media (max-width: 768px){html{font-size:15px}main#main-content{padding-top:var(--header-height-scrolled)}}@media (max-width: 480px){.site-logo__icon{height:26px}.site-logo__text-custom{font-size:var(--fs-md)}.site-logo{gap:var(--spacing-xs)}.mobile-nav-toggle__icon{font-size:var(--fs-xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--notification-page-bg: var(--clr-secondary-50, #F9FAFB);--notification-card-bg: var(--clr-common-white, #ffffff);--notification-text-primary: var(--clr-text-headings, #0D0C22);--notification-text-secondary: var(--clr-text-main, #374151);--notification-text-tertiary: var(--clr-text-light, #6B7280);--notification-border-color: var(--clr-border, #e5e7eb);--notification-accent-color-info: #52CBF0;--notification-accent-color-success: #2ecc71;--notification-accent-color-warning: #f39c12;--notification-glow-info: 0 0 20px -5px rgba(82, 203, 240, .6);--notification-glow-success: 0 0 20px -5px rgba(46, 204, 113, .6);--notification-glow-warning: 0 0 20px -5px rgba(243, 156, 18, .6)}.notifications-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height, 65px) - 2 * var(--spacing-xl))}.notifications-page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--notification-border-color);flex-shrink:0}.notifications-page-header h1{font-size:clamp(1.8rem,1.5rem + 1.5vw,2.25rem);color:var(--notification-text-primary);margin:0}.notifications-list-container{flex-grow:1;display:flex;flex-direction:column}.coming-soon-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1;padding:var(--spacing-lg) 0}.coming-soon-content h1{font-size:clamp(2.5rem,1.8rem + 3.5vw,3.5rem);color:var(--notification-text-primary);margin-bottom:var(--spacing-md)}.coming-soon-content p{font-size:var(--fs-lg, 1.125rem);color:var(--notification-text-tertiary);margin-bottom:var(--spacing-xl, 36px)}.coming-soon-content .btn--primary{background-color:#52cbf0;border-color:#52cbf0;font-size:1.1rem;padding:12px 30px}.coming-soon-content .btn--primary:hover{background-color:#8cb5fd;border-color:#8cb5fd}.coming-soon-image-container{margin-top:40px;opacity:.8;width:100%}.coming-soon-image{max-width:100%;height:auto;max-width:600px;border-radius:var(--border-radius-lg)}.notification-popup-container{position:absolute;top:calc(100% + 10px);right:0;width:480px;max-width:90vw;background-color:var(--notification-page-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--notification-border-color);z-index:1100;display:flex;flex-direction:column;animation:slideDownFade .3s ease-out}.notification-popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);border-bottom:1px solid var(--notification-border-color);flex-shrink:0;background-color:#fff;border-top-left-radius:var(--border-radius-lg, 12px);border-top-right-radius:var(--border-radius-lg, 12px)}.notification-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--notification-text-primary)}.notification-popup-close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--notification-text-tertiary);padding:4px;transition:color .2s}.notification-popup-close-btn:hover{color:var(--notification-text-primary)}.notification-popup-list{overflow-y:auto;flex-grow:1;padding:0;max-height:420px}.notification-popup-list::-webkit-scrollbar{width:6px}.notification-popup-list::-webkit-scrollbar-thumb{background:var(--clr-secondary-300);border-radius:var(--border-radius-full)}.no-notifications-popup{display:block;text-align:center}.no-notifications-popup .coming-soon-content{padding:var(--spacing-lg) var(--spacing-md)}.no-notifications-popup .coming-soon-content h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.no-notifications-popup .coming-soon-content p{font-size:.9rem;margin-bottom:var(--spacing-lg)}.no-notifications-popup .btn--primary{font-size:1rem;padding:10px 20px}.no-notifications-image{display:block;width:100%;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg);max-height:180px;object-fit:cover}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:1rem;width:350px;max-width:90vw}.toast-notification{display:flex;align-items:center;padding:12px 16px;border-radius:8px;box-shadow:0 3px 10px #0000001a;border:1px solid #e9ecef;border-left-width:5px;position:relative;overflow:hidden;background-color:#fff;color:#495057;transform:translate(120%);opacity:0}.toast-notification.enter{animation:slideInRight .4s ease-out forwards}.toast-notification.exit{animation:slideOutRight .4s ease-in forwards}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.toast-notification.success{border-left-color:#28a745}.toast-notification.success .toast-icon{color:#28a745}.toast-notification.success .toast-timer{background-color:#28a745}.toast-notification.error{border-left-color:#dc3545}.toast-notification.error .toast-icon{color:#dc3545}.toast-notification.error .toast-timer{background-color:#dc3545}.toast-notification.warning{border-left-color:#ffc107}.toast-notification.warning .toast-icon{color:#ffc107}.toast-notification.warning .toast-timer{background-color:#ffc107}.toast-icon{font-size:1.25rem;margin-right:12px;flex-shrink:0;line-height:1}.toast-content{flex-grow:1;padding-right:24px}.toast-message{margin:0;padding:0;font-weight:500;font-size:.9rem;line-height:1.4;word-break:break-word;color:#343a40}.toast-close-btn{position:absolute;top:8px;right:10px;background:none;border:none;color:#adb5bd;font-size:1.2rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.toast-close-btn:hover{color:#495057;background-color:#f1f3f5}.toast-timer{position:absolute;bottom:0;left:0;height:3px;width:100%;animation:shrink 5s linear forwards}@keyframes shrink{0%{width:100%}to{width:0%}}@media (max-width: 480px){.toast-container{width:calc(100% - 2rem);right:1rem;left:1rem;top:70px}}.referral-popup-container{position:absolute;top:calc(100% + 12px);right:5px;width:480px;max-width:95vw;background-color:var(--clr-secondary-50, #F9FAFB);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--shadow-xl);border:1px solid var(--clr-border, #e5e7eb);z-index:1100;display:flex;flex-direction:column;animation:slideDownFade .3s ease-out forwards;opacity:0;visibility:hidden;transform:translateY(-10px)}.referral-popup-container.active{opacity:1;visibility:visible;transform:translateY(0)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.referral-popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);border-bottom:1px solid var(--clr-border, #e5e7eb);flex-shrink:0;background-color:#fff;border-top-left-radius:var(--border-radius-lg, 12px);border-top-right-radius:var(--border-radius-lg, 12px)}.referral-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--clr-text-headings, #0D0C22)}.referral-popup-close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--clr-text-light);padding:4px;transition:color .2s}.referral-popup-close-btn:hover{color:var(--clr-text-headings)}.referral-popup-body{padding:var(--spacing-md, 16px);overflow-y:auto;max-height:400px}.referral-popup-body::-webkit-scrollbar{width:6px}.referral-popup-body::-webkit-scrollbar-thumb{background:var(--clr-secondary-300);border-radius:3px}.referral-loading-container,.referral-error-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);min-height:200px}.referral-stats-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px)}.referral-stat-block{background-color:#fff;border-radius:var(--border-radius-md, 8px);padding:var(--spacing-md, 16px);text-align:center;border:1px solid var(--clr-border-light, #f3f4f6)}.stat-value{display:inline-block;font-size:1.75rem;font-weight:700;color:#000;line-height:1.2}.stat-label{display:block;font-size:.8rem;color:var(--clr-text-light, #6B7280);margin-top:var(--spacing-xs, 4px)}.referral-friends-list{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-lg, 24px)}.referral-friend-item{display:flex;align-items:center;gap:12px;background-color:#fff;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border-radius:var(--border-radius-md, 8px);border:1px solid var(--clr-border-light, #f3f4f6)}.friend-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--clr-border, #e5e7eb)}.friend-info{flex-grow:1;text-align:left}.friend-name{font-size:.95rem;font-weight:500;color:#000}.friend-earnings{font-size:1rem;font-weight:700;color:#000;white-space:nowrap;margin-left:auto}.referral-no-friends-container{text-align:center;padding:20px;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:#000}.referral-no-friends-container i{font-size:2rem;opacity:.8}.referral-no-friends-container p{font-weight:500;font-size:.95rem;margin:0}.referral-code-section{margin-bottom:var(--spacing-lg)}.referral-code-label{font-size:.85rem;font-weight:500;color:#000;margin-bottom:var(--spacing-sm, 8px)}.referral-code-interactive-area{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.referral-code-display{flex-grow:1;background-color:#e0f7fa;border-radius:var(--border-radius-md, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);font-size:1.4rem;font-weight:700;color:#0095c7;text-align:center;letter-spacing:2px}.copy-code-btn,.share-code-btn{flex-shrink:0;width:40px;height:40px;border-radius:var(--border-radius-md, 8px);background-color:#fff;border:1px solid var(--clr-border, #e5e7eb);color:var(--clr-text-light, #6B7280);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-code-btn:hover,.share-code-btn:hover{background-color:#52cbf0;color:#fff;border-color:#52cbf0}.referral-info-details{margin-top:0;background-color:#fff;border-radius:var(--border-radius-md);border:1px solid var(--clr-border-light);padding:var(--spacing-md)}.referral-details-title{font-size:1rem;margin:0 0 var(--spacing-sm) 0;color:#000}.referral-info-details p,.referral-info-details ul{font-size:.85rem;line-height:1.5;color:var(--clr-text-main);margin-bottom:var(--spacing-sm)}.referral-info-details ul{padding-left:20px}.referral-info-details li{margin-bottom:4px}.referral-details-toggle{background:none;border:none;color:#52cbf0;font-weight:600;cursor:pointer;padding:0 0 0 8px;font-size:.85rem;transition:color .2s ease}.referral-details-toggle:hover{color:#8cb5fd;text-decoration:underline}.referral-details-collapsible-content{animation:fadeIn .4s ease-out}.referral-details-collapsible-content .referral-details-toggle{display:inline-block;margin-top:-8px;padding-left:0}@media (max-width: 768px){.referral-popup-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;max-width:100%;border-radius:0;border:none;animation:none}.referral-popup-container.fullscreen .referral-popup-body{max-height:none;height:100%}}.referral-page-layout{max-width:900px;margin:0 auto;padding:var(--spacing-xl, 36px) var(--spacing-lg, 24px);animation:slideDownFade .5s ease-out forwards}.referral-page-header-title{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--clr-border)}.referral-page-header-title h1{font-size:clamp(1.8rem,1.5rem + 1.5vw,2.25rem);color:var(--clr-text-headings);margin:0}.referral-page-title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.referral-page-body{background-color:var(--clr-common-white, #ffffff);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-lg, 24px);border:1px solid var(--clr-border, #e5e7eb);box-shadow:var(--shadow-md)}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.dashboard-page{padding:var(--spacing-lg);background-color:#f0f2f5;min-height:calc(100vh - var(--header-height, 60px));animation:fadeIn .5s ease-out}.dashboard-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.dashboard-title-row{display:contents}.dashboard-title-gradient{order:1;margin:0;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#374151,#111827);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.filter-bar{order:2;flex-grow:1;display:inline-flex;flex-wrap:wrap;gap:12px}.header-refresh-btn{order:3;margin-left:auto;background-color:var(--clr-common-white);color:var(--clr-text-main);border:1px solid var(--clr-border);padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.header-refresh-btn:hover{background-color:var(--clr-secondary-50);border-color:var(--clr-text-main);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-button{padding:8px 20px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease-in-out;background-color:var(--clr-common-white);color:var(--clr-text-light);border:1px solid var(--clr-border)}.filter-button.active{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border-color:var(--my-button-blue-normal);box-shadow:0 4px 10px -2px #52cbf066}.filter-button:hover:not(.active){color:var(--my-button-blue-hover);border-color:var(--my-button-blue-hover)}.calendar-button-container{position:relative}.date-picker-wrapper{position:absolute;top:calc(100% + 8px);right:0;z-index:100;background:var(--clr-common-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border)}.dashboard-top-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.top-stat-card{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);color:var(--clr-common-white);display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 20px -5px #00000026;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid transparent}.top-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px -5px #0003;border-color:var(--my-button-blue-hover)}.top-stat-card.revenue-stat{background-color:#007bff}.top-stat-card.tenant-stat{background-color:#17a2b8}.top-stat-card.ads-percent-stat{background-color:#ffc107}.top-stat-card.tx-fee-stat{background-color:#2ecc71}.top-stat-content{text-align:left}.top-stat-label{font-size:1rem;font-weight:500;opacity:.9}.top-stat-value{font-size:2rem;font-weight:700;display:block}.top-stat-icon{font-size:2.5rem;opacity:.3}.dashboard-main-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 2fr 280px;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.dashboard-column-left{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-column-center{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.chart-row-asymmetric,.chart-row-asymmetric-reverse{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.chart-card{background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border-light);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;height:100%}.chart-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.chart-card h3{font-size:1.2rem;font-weight:600;color:var(--clr-text-headings);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--clr-border-light);flex-shrink:0}.list-chart-card h3{text-align:center}.chart-container{height:280px;position:relative;flex-grow:1}.kpi-section{background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border-light);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%}.kpi-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--my-button-blue-hover)}.kpi-section h4{font-size:1.1rem;font-weight:600;color:var(--clr-text-headings);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--clr-border-light);display:flex;align-items:center;justify-content:center;gap:8px}.kpi-section h4 i{color:var(--my-button-blue-hover)}.kpi-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.kpi-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);font-size:.9rem;background-color:var(--clr-common-white);border-radius:var(--border-radius-md);border:1px solid var(--clr-common-white);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kpi-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.kpi-label{color:var(--clr-text-light);text-transform:capitalize}.kpi-value{font-weight:600;color:var(--clr-text-main)}.kpi-value.positive-value{color:#28a745}.kpi-value.negative-value{color:#dc3545}.kpi-value.zero-value{color:#000}.top-stat-value.positive-value{color:#e6ffed}.top-stat-value.negative-value{color:#fff1f0}.top-stat-value.zero-value{color:var(--clr-common-white)}.dashboard-content-wrapper{position:relative}.list-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f2f5b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:var(--border-radius-lg)}.dashboard-list-widget{display:flex;flex-direction:column;height:100%}.dashboard-list-header{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);padding:10px var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--clr-text-light);text-transform:uppercase;background-color:var(--clr-secondary-50);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);flex-shrink:0}.dashboard-list-header span:last-child{text-align:right}.dashboard-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto;max-height:240px}.dashboard-list-item{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease;border-radius:var(--border-radius-md)}.dashboard-list-item:not(:last-child){border-bottom:1px solid var(--clr-border-light)}.dashboard-list-item:hover{background-color:var(--clr-secondary-50)}.territory-name-cell{font-weight:500;color:var(--clr-text-main)}.territory-earnings-cell{font-weight:600;text-align:right}.territory-earnings-cell.positive-earnings{color:#28a745}.territory-earnings-cell.negative-earnings{color:#dc3545}.territory-earnings-cell.zero-earnings{color:#000}.dashboard-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;color:var(--clr-text-light)}.dashboard-no-data-icon{font-size:3rem;color:var(--clr-secondary-300);margin-bottom:var(--spacing-md)}.dashboard-no-data-text{font-size:1rem;font-weight:500;color:var(--clr-text-light)}.dashboard-final-row-grid{display:grid;grid-template-columns:1fr 1fr 280px;gap:var(--spacing-lg);align-items:flex-start;margin-top:var(--spacing-lg)}.dashboard-final-row-grid .full-width-chart{grid-column:1 / 3}.dashboard-final-row-grid .kpi-section{grid-column:3 / 4;height:100%}@media (max-width: 1400px){.dashboard-top-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 1200px){.dashboard-main-grid,.dashboard-bottom-grid,.dashboard-final-row-grid,.chart-row,.chart-row-asymmetric,.chart-row-asymmetric-reverse{grid-template-columns:1fr}.dashboard-final-row-grid .full-width-chart,.dashboard-final-row-grid .kpi-section{grid-column:auto}.dashboard-column-left{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.dashboard-page{padding:var(--spacing-md)}.dashboard-bottom-grid,.chart-row,.chart-row-asymmetric,.chart-row-asymmetric-reverse{grid-template-columns:1fr}.filter-bar{width:100%;justify-content:flex-start}.dashboard-top-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 540px){.dashboard-top-stats{grid-template-columns:1fr}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.franchise-detail-page-wrapper{width:100vw;height:calc(100vh - var(--header-height, 65px));position:fixed;top:var(--header-height, 65px);left:0;overflow:hidden;background-color:var(--clr-secondary-50, #F9FAFB)}.franchise-detail-page-wrapper #map{height:100%;width:100%;transition:width .4s ease-in-out;position:absolute;left:0;top:0;visibility:visible!important}.franchise-detail-page-wrapper #map.map-shifted{width:50%!important}.detail-back-button-map{margin:15px!important;background-color:#52cbf0!important;color:#fff!important;border:none!important;border-radius:var(--border-radius-md, 8px)!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important;transition:background-color .2s,transform .2s!important}.detail-back-button-map:hover{background-color:#8cb5fd!important;transform:scale(1.05)!important}.detail-loading-overlay,.detail-error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--clr-secondary-50, #F9FAFB);z-index:20}.detail-error-overlay p{padding:20px;background-color:var(--clr-common-white);color:var(--clr-error, #dc3545);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);font-size:1.2rem;font-weight:500}.custom-map-control{background-color:var(--clr-common-white, #ffffff);border:1px solid var(--clr-border, #dee2e6);border-radius:var(--border-radius-md, 8px);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;color:var(--clr-text-main, #333);transition:background-color .15s ease-in-out}.custom-map-control:hover{background-color:var(--clr-secondary-100, #f8f9fa)}.zoom-controls{display:flex;flex-direction:column;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--clr-border)}.zoom-controls .custom-map-control{border-radius:0;box-shadow:none;border:none}.zoom-controls .custom-map-control:first-child{border-bottom:1px solid var(--clr-border-light, #f1f1f1)}.franchise-detail-page-wrapper .detail-statistics-panel{display:flex;flex-direction:column;position:fixed;top:var(--header-height);right:0;width:0;height:calc(100vh - var(--header-height));background-color:var(--clr-secondary-50);border-left:1px solid var(--clr-border);box-shadow:-5px 0 15px #0000001a;z-index:1000;padding:var(--spacing-lg);box-sizing:border-box;transform:translate(100%);transition:transform .4s ease-in-out,width .4s ease-in-out}.franchise-detail-page-wrapper .detail-statistics-panel.visible{transform:translate(0);width:50%}.franchise-detail-page-wrapper .territory-summary-redesigned{overflow-y:auto;flex-grow:1;padding-right:10px;padding-top:10px}.map-summary-grid-overlay{position:absolute;top:15px;left:58px;z-index:1001;pointer-events:none}.map-summary-grid-overlay .summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.map-summary-grid-overlay .summary-card{pointer-events:auto;padding:6px 8px;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:120px;background-color:#ffffffe6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.map-summary-grid-overlay .summary-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#8cb5fd}.map-summary-grid-overlay .summary-card-icon{width:28px;height:28px;font-size:1em;color:#52cbf0;background-color:#e4f8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0}.map-summary-grid-overlay .summary-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.map-summary-grid-overlay .summary-card-label{font-size:.6em;font-weight:500;color:var(--clr-text-light);text-transform:none;letter-spacing:0}.map-summary-grid-overlay .summary-card-value,.map-summary-grid-overlay .panel-summary-card-value{font-size:.9em;font-weight:700;color:#000}.new-card{background-color:var(--clr-common-white);border-radius:var(--border-radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.new-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#8cb5fd}.new-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--clr-border-light)}.new-card-icon{font-size:1rem;color:#52cbf0}.new-card-title{margin:0;font-size:.95rem;font-weight:700;color:var(--clr-text-headings)}.new-card-body{padding:0}.status-replica-card .new-card-header{justify-content:space-between;margin-bottom:0;padding-bottom:0;border-bottom:none;align-items:center}.status-replica-title{font-size:1.2rem;color:var(--clr-text-headings);margin:0;flex-shrink:0}.mobile-view-toggle-button{display:none;position:fixed;bottom:25px;left:20px;z-index:1002;padding:12px 18px;border-radius:99px;background-image:linear-gradient(145deg,#52cbf0,#8cb5fd);color:#fff;box-shadow:var(--shadow-lg);border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease-in-out;align-items:center;gap:8px}.mobile-view-toggle-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 20px #52cbf066;background-image:linear-gradient(145deg,#8cb5fd,#52cbf0)}@media (max-width: 1814px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1470px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1129px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 999px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 890px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 685px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 520px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 370px){.map-summary-grid-overlay .summary-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width: 1000px){.map-summary-grid-overlay{display:none}.territory-summary-dashboard{display:block}.mobile-view-toggle-button{display:flex}.franchise-detail-page-wrapper #map.map-shifted{width:100%!important}.franchise-detail-page-wrapper .detail-statistics-panel.visible{width:100%;top:var(--header-height, 65px)!important;height:calc(100vh - var(--header-height, 65px))!important}.franchise-detail-page-wrapper.mobile-map-view .detail-statistics-panel.visible{transform:translate(100%)}.franchise-detail-page-wrapper.mobile-dashboard-view .detail-statistics-panel.visible{transform:translate(0)}}@media (max-width: 480px){.mobile-view-toggle-button{padding:10px 14px;font-size:.8rem;bottom:20px;left:15px}.mobile-view-toggle-button i{font-size:.9em}}.processing-notice-block{text-align:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--clr-common-white);border:1px solid var(--clr-border-light);color:#000;font-size:1rem;font-weight:600;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.offer-view-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.timer-badge-wrapper{display:flex;align-items:center;gap:24px}.status-card-timer-content{padding-top:var(--spacing-sm);border-top:1px solid var(--clr-border-light);margin-top:var(--spacing-sm)}.status-card-timer-text{font-size:.75rem;color:#000;line-height:1.4;text-align:left;margin:0;display:flex;align-items:center;gap:6px}.status-card-timer-text i{color:#52cbf0}.status-card-countdown{display:flex;justify-content:center;gap:10px;align-items:center}.status-card-timer-segment{display:flex;flex-direction:column;align-items:center;gap:2px}.status-card-timer-value{font-size:1.1rem;font-weight:700;color:#52cbf0;line-height:1}.status-card-timer-label{font-size:.6rem;text-transform:uppercase;color:var(--clr-text-light);font-weight:500}.offer-expired-text{font-size:.9rem;font-weight:700;color:#f5222d;text-align:center;padding:var(--spacing-sm) 0}.offer-details-card{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.offer-card-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.offer-price-column,.offer-document-column{background-color:var(--clr-secondary-50);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.offer-price-column:hover,.offer-document-column:hover{transform:translateY(-3px);border-color:var(--blue-color-hover, #8CB5FD);box-shadow:var(--shadow-md);background-color:#f0f0ff}.offer-document-column{justify-content:space-between}.document-info-wrapper{flex-grow:1;min-width:0}@media (min-width: 600px){.offer-card-grid{grid-template-columns:1fr 2fr}}.offer-icon-wrapper{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e0f7fa}.offer-icon-wrapper i{color:#52cbf0;font-size:1.25rem}.offer-text-wrapper{display:flex;flex-direction:column;text-align:left}.offer-label{font-size:.8rem;color:var(--clr-text-light);font-weight:500;margin-bottom:2px}.offer-price-value{font-size:1.75rem;font-weight:700;color:var(--blue-color-hover, #8CB5FD);line-height:1.1}.offer-document-filename{font-size:.9rem;font-weight:500;color:var(--clr-text-main);word-break:break-all}.offer-document-actions{display:flex;gap:var(--spacing-sm)}.document-btn{width:36px;height:36px;border:1px solid var(--clr-border);border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--clr-text-light);background-color:var(--clr-common-white)}.document-btn:hover{background-color:var(--blue-color-hover, #8CB5FD);border-color:var(--blue-color-hover, #8CB5FD);color:#fff;transform:scale(1.1)}.offer-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--clr-border-light)}.offer-action-btn{padding:12px;border-radius:var(--border-radius-lg);font-size:1rem;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.offer-action-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.offer-action-btn.decline{background-color:#fff1f0;color:#a8071a;border-color:#ffccc7}.offer-action-btn.decline:hover{background-color:#f5222d;color:#fff;border-color:#f5222d}.offer-action-btn.pay{background-color:var(--my-button-blue-normal, #52CBF0);color:var(--my-button-text-color, #FFFFFF);border-color:var(--my-button-blue-normal, #52CBF0)}.offer-action-btn.pay:hover{background-color:var(--my-button-blue-hover, #8CB5FD);border-color:var(--my-button-blue-hover, #8CB5FD)}.pdf-viewer-content{background:#fff;width:100%;height:100%;max-width:900px;max-height:95vh;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow-y:auto;position:relative;padding:var(--spacing-sm)}.modal-overlay-offer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0c22b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;padding:1rem}.modal-content-offer{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:450px;width:100%;text-align:center}.modal-content-offer h2{margin:0 0 var(--spacing-sm) 0;font-size:1.4rem;color:var(--clr-text-headings)}.modal-content-offer p{margin:0 0 var(--spacing-lg) 0;color:var(--clr-text-light);line-height:1.6}.modal-actions-offer{display:flex;gap:var(--spacing-md)}.modal-btn-offer{flex:1;padding:10px;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-offer.cancel{background-color:var(--clr-secondary-100);color:var(--clr-text-main);border:1px solid var(--clr-border)}.modal-btn-offer.cancel:hover{background-color:var(--clr-secondary-300)}.modal-btn-offer.confirm{background-color:#f5222d;color:#fff}.modal-btn-offer.confirm:hover{background-color:#cf1322}.payment-flow-container{padding-top:var(--spacing-md);border-top:1px solid var(--clr-border-light);display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .4s ease}.payment-section-title{font-size:1rem;font-weight:600;color:#000;margin:0 0 var(--spacing-sm) 0}.bank-details-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--clr-common-white);border:1px solid var(--clr-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bank-details-wrapper:hover{transform:translateY(-3px);border-color:var(--blue-color-hover, #8CB5FD);box-shadow:var(--shadow-md)}.bank-details-text{flex-grow:1;font-family:Menlo,Monaco,Courier New,monospace;font-size:1em;color:var(--my-button-blue-hover, #8CB5FD);word-break:break-all;margin:0;font-weight:500}.copy-details-btn{flex-shrink:0;width:36px;height:36px;border:1px solid var(--clr-border);border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--clr-text-light);background-color:var(--clr-common-white)}.copy-details-btn:hover{background-color:var(--blue-color-hover, #8CB5FD);border-color:var(--blue-color-hover, #8CB5FD);color:#fff;transform:scale(1.1)}.upload-instruction{font-size:.85rem;color:#000;margin:0 0 var(--spacing-md) 0}.upload-area{border:2px dashed var(--clr-border);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);text-align:center;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;position:relative;overflow:hidden;cursor:pointer}.upload-area:not(.has-file):hover{border-color:var(--blue-color-hover, #8CB5FD);background-color:var(--clr-secondary-50)}.upload-area.error{border-color:#f5222d;background-color:#fff1f0}.upload-area.error:hover{border-color:#cf1322}.upload-area.has-file{border:1px solid var(--clr-border);background-color:var(--clr-secondary-50)}.upload-area.has-file:hover{transform:translateY(-3px);border-color:var(--blue-color-hover, #8CB5FD);box-shadow:var(--shadow-md);background-color:#f0f0ff}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.upload-area-icon{font-size:2rem;color:var(--clr-accent-300, #52CBF0)}.upload-area-text{font-weight:500;color:#000}.upload-preview-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.upload-preview-image{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--clr-text-main)}.pdf-placeholder-icon{font-size:3rem;color:#dc3545}.pdf-placeholder-filename{font-size:.9rem;font-weight:500;word-break:break-all;max-width:100%;padding:0 var(--spacing-sm)}.preview-actions-overlay{position:absolute;top:0;right:0;display:flex;flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-sm);z-index:2}.preview-action-btn{width:28px;height:28px;background:#0d0c22b3;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.9rem}.preview-action-btn:hover{background:var(--blue-color-hover, #8CB5FD);transform:scale(1.1)}.preview-action-btn.clear:hover{background:var(--clr-error, #dc3545)}.file-info-text{display:block;font-size:.75rem;color:#000;margin-top:var(--spacing-sm);text-align:center}.signature-section{padding-top:var(--spacing-md)}.signature-area{background-color:var(--clr-secondary-50);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;min-height:120px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.signature-area:hover{transform:translateY(-3px);border-color:var(--blue-color-hover, #8CB5FD);box-shadow:var(--shadow-md);background-color:#f0f0ff}.signature-preview-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.signature-image{max-width:100%;max-height:100px;object-fit:contain}.signature-preview-modal-content{background:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md)}.submit-section{padding-top:var(--spacing-lg);border-top:none;grid-template-columns:1fr}.offer-action-btn.submit{background-color:var(--my-button-blue-normal, #52CBF0);color:var(--my-button-text-color, #FFFFFF);border-color:var(--my-button-blue-normal, #52CBF0)}.offer-action-btn.submit:hover{background-color:var(--my-button-blue-hover, #8CB5FD);border-color:var(--my-button-blue-hover, #8CB5FD)}@media (max-width: 600px){.offer-main-actions{grid-template-columns:1fr}}.contact-note em{font-size:.8rem;color:#000;text-align:center;margin-bottom:var(--spacing-sm);display:block}.timeline-step-horizontal.completed .timeline-title-horizontal{color:var(--clr-text-main);font-weight:600}.status-replica-card .status-replica-title,.status-timeline-card .new-card-title{color:#000}.active-view-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.title-and-button-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.active-view-section-title{font-size:1.3rem;font-weight:700;color:#000;margin:0}.header-refresh-btn-active{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.header-refresh-btn-active:hover{background-color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-refresh-btn-active .refreshing{animation:spin 1s linear infinite}.stats-grid-active{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.active-view-stat-card{background:var(--clr-common-white);border-radius:var(--border-radius-md);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--clr-border-light);transition:transform .2s ease,box-shadow .2s ease}.active-view-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.stat-card-icon-wrapper-active{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#e4f8ff}.stat-card-icon-wrapper-active i{color:#52cbf0;font-size:1rem}.stat-card-info-active{display:flex;flex-direction:column}.stat-card-value-active{font-size:1.1rem;font-weight:700;color:#000}.stat-card-label-active{font-size:.75rem;color:var(--clr-text-light)}.chart-card-active{background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.chart-card-active h3{font-size:1.1rem;color:#000;margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--clr-border-light)}.chart-container-active{height:300px;position:relative}.pie-charts-row-active{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.loading-container-active{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);min-height:200px}.filter-bar-active{display:inline-flex;flex-wrap:wrap;gap:12px}.filter-button-active{padding:10px 28px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--clr-common-white);color:var(--my-button-blue-normal);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm)}.filter-button-active i{color:var(--my-button-blue-normal);transition:color .25s ease-in-out}.filter-button-active:hover:not(.active){background-color:var(--clr-secondary-50);border-color:var(--my-button-blue-hover);color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-button-active:hover:not(.active) i{color:var(--my-button-blue-hover)}.filter-button-active.active{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border-color:var(--my-button-blue-normal);box-shadow:0 5px 15px -3px #52cbf066;transform:translateY(-1px)}.filter-button-active.active:hover{background-color:var(--my-button-blue-hover);border-color:var(--my-button-blue-hover)}.filter-button-active.active i{color:var(--my-button-text-color)}.calendar-button-container-active{position:relative;display:flex}.date-picker-wrapper-active{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:100;background:var(--clr-common-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border);animation:fadeIn .2s ease-out;overflow:hidden}.app-usage-container{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.donut-chart-container{position:relative;width:200px;height:200px;flex-shrink:0}.donut-chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.donut-chart-total-label{font-size:.9rem;color:var(--clr-text-light)}.donut-chart-total-value{font-size:1.5rem;font-weight:700;color:var(--clr-text-headings)}.usage-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-left:-10px}.usage-block{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;grid-template-areas:"percent value" "percent label";align-items:center;gap:0 var(--spacing-sm)}.usage-percentage{grid-area:percent;font-size:1.1rem;font-weight:600;padding:2px 4px;border-radius:var(--border-radius-sm);background-color:transparent;text-align:center}.usage-value{grid-area:value;font-size:1rem;font-weight:600;color:var(--clr-text-headings)}.usage-label{grid-area:label;font-size:.75rem;color:var(--clr-text-light)}@media (max-width: 992px){.active-view-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.stats-grid-active{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pie-charts-row-active,.app-usage-container{grid-template-columns:1fr;flex-direction:column}.chart-container-active{height:250px}.filter-button-active{padding:8px 16px}}.submitted-status-view-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.processing-notice-block{text-align:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--clr-common-white);border:1px solid var(--clr-border-light);color:#52cbf0;font-size:1rem;font-weight:600;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.processing-notice-block:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#8cb5fd}.contact-info-card{background-color:var(--clr-common-white);border:1px solid var(--clr-border);box-shadow:var(--shadow-md);text-align:center;margin-top:auto;padding:var(--spacing-md);border-radius:var(--border-radius-lg)}.contact-info-card .new-card-body{padding:0}.contact-note em{font-size:.8rem;color:var(--clr-text-light);margin-bottom:var(--spacing-sm);display:block}.contact-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--border-radius-md);text-decoration:none;font-weight:600;transition:all .2s ease;border:1px solid transparent;flex-grow:1;max-width:200px}.contact-btn.email,.contact-btn.phone{background-color:#52cbf0;color:#fff;border-color:#52cbf0}.contact-btn.email:hover,.contact-btn.phone:hover{background-color:#8cb5fd;border-color:#8cb5fd;transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-timeline-card .new-card-body{padding:var(--spacing-sm) 0}.status-timeline-horizontal{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:var(--spacing-sm) 0}.status-timeline-horizontal:before{content:"";position:absolute;top:18px;left:10%;width:80%;height:2px;background-color:var(--clr-border, #e5e7eb);z-index:0}.timeline-step-horizontal{display:flex;flex-direction:column;align-items:center;text-align:center;width:25%;position:relative;z-index:1}.timeline-icon-horizontal{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;background-color:var(--clr-common-white);border:2px solid var(--clr-border, #e5e7eb);font-size:.8rem;margin-bottom:var(--spacing-xs)}.timeline-title-horizontal{font-size:.75rem;font-weight:500;color:var(--clr-text-light);max-width:90px;line-height:1.3}.timeline-step-horizontal.pending .timeline-icon-horizontal{border-color:var(--clr-secondary-300);background-color:var(--clr-secondary-100);color:var(--clr-secondary-500)}.timeline-step-horizontal.completed .timeline-icon-horizontal{border-color:#2ecc71;background-color:#f6ffed;color:#2ecc71}.timeline-step-horizontal.current .timeline-icon-horizontal{border-color:#8cb5fd;background-color:#f0f0ff}.timeline-step-horizontal.current .timeline-title-horizontal{color:#8cb5fd;font-weight:700}.pending-dot{width:8px;height:8px;border-radius:50%;background-color:var(--clr-secondary-300)}:root{--clr-primary-900: #0D0C22;--clr-primary-700: #1A183E;--clr-primary-500: #2E2A66;--clr-primary-300: #4D4CAC;--clr-primary-100: #F0F0FF;--clr-secondary-50: #F9FAFB;--clr-secondary-100: #F3F4F6;--clr-secondary-300: #D1D5DB;--clr-secondary-500: #6B7280;--clr-text-headings: var(--clr-primary-900);--clr-text-main: var(--clr-secondary-700);--clr-text-light: var(--clr-secondary-500);--clr-common-white: #ffffff;--clr-border: #e5e7eb;--clr-border-light: #f3f4f6;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--border-radius-lg: 12px;--border-radius-md: 8px;--spacing-md: 16px;--spacing-lg: 24px;--primary-color: #52CBF0;--gradient-primary: linear-gradient(135deg, #52CBF0 0%, #8CB5FD 100%);--status-submitted-bg: #e6f7ff;--status-submitted-text: #1890ff;--status-approved-bg: #f6ffed;--status-approved-text: #52c41a;--status-rejected-bg: #fff1f0;--status-rejected-text: #f5222d;--status-default-bg: #fafafa;--status-default-text: #595959;--status-offer-bg: #F0F0FF;--status-offer-text: #4D4CAC;--status-payment-bg: #f6ffed;--status-payment-text: #28a745;--status-canceled-bg: #fff1f0;--status-canceled-text: #dc3545}.my-franchise-page{padding:var(--spacing-lg);background-color:var(--clr-secondary-50);min-height:calc(100vh - var(--header-height, 60px))}.my-franchise-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.my-franchise-page h2{font-size:1.8rem;color:var(--clr-text-headings);margin-bottom:0;padding-bottom:0;border-bottom:none}.franchise-page-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.loading-container,.error-container,.no-requests-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height, 60px) - (2 * var(--spacing-lg)));padding:var(--spacing-lg)}.requests-container{position:relative;flex-grow:1}.list-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:center;align-items:center;z-index:5;border-radius:var(--border-radius-lg)}.requests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.request-card{background-color:var(--clr-common-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--clr-border);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.request-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.request-card-map{position:relative;width:100%;height:180px;background-color:var(--clr-secondary-100)}.map-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f3f4f6b3;z-index:1}.request-card-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-md)}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--clr-border-light)}.request-card-header h3{font-size:1.2rem;color:var(--primary-color);margin:0}.status-badge{padding:5px 12px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.status-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-badge.submitted:hover,.status-badge.assigned:hover{border-color:var(--primary-color)}.status-badge.approved:hover,.status-badge.payment:hover,.status-badge.receipt:hover,.status-badge.active:hover{border-color:var(--status-approved-text)}.status-badge.rejected:hover,.status-badge.canceled:hover,.status-badge.closed:hover,.status-badge.rejecteduser:hover{border-color:var(--status-rejected-text)}.status-badge.offer:hover,.status-badge.awaiting:hover{border-color:var(--clr-primary-300)}.status-badge.default:hover{border-color:var(--status-default-text)}.status-badge.submitted,.status-badge.assigned{background-color:#e4f8ff;color:var(--primary-color)}.status-badge.approved,.status-badge.payment,.status-badge.receipt,.status-badge.active{background-color:var(--status-approved-bg);color:var(--status-approved-text)}.status-badge.rejected,.status-badge.canceled,.status-badge.closed,.status-badge.rejecteduser{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.status-badge.offer,.status-badge.awaiting{background-color:var(--clr-primary-100);color:var(--clr-primary-300)}.status-badge.default{background-color:var(--status-default-bg);color:var(--status-default-text)}.request-card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:12px;background-color:var(--clr-common-white);padding:10px;border-radius:8px;border:1px solid var(--clr-border-light);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.info-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.info-icon{font-size:1.2rem;color:var(--primary-color)}.info-text{display:flex;flex-direction:column}.info-item-label{font-size:.8rem;color:var(--clr-text-light);margin-bottom:2px}.info-item-value{font-size:1rem;font-weight:600;color:var(--clr-text-headings)}.request-card-footer{margin-top:auto;padding-top:var(--spacing-md);display:flex}.view-territory-btn{display:inline-flex;align-items:center;justify-content:center;flex-grow:1;gap:8px;background-color:var(--primary-color);color:var(--clr-common-white);padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background-color .2s ease,transform .2s ease,color .2s ease;border:1px solid transparent}.view-territory-btn:hover{background-color:#8cb5fd;transform:scale(1.03);color:var(--clr-common-white)}.view-territory-btn:disabled{background-color:var(--clr-secondary-100);color:var(--clr-secondary-500);cursor:not-allowed;transform:none;box-shadow:none}.view-territory-btn:disabled:hover{background-color:var(--clr-secondary-100);color:var(--clr-secondary-500)}.view-territory-btn i{font-size:.9em}.page-error-banner{background-color:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--status-rejected-text);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-weight:500}.page-error-banner button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0 .5rem}.offer-timer-container-on-map{position:absolute;top:8px;right:8px;z-index:2;background-color:#fffc;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:var(--border-radius-md);padding:6px;box-shadow:0 1px 4px #00000026}.offer-timer-countdown{display:flex;justify-content:center;gap:5px;color:var(--clr-primary-700);font-weight:600;font-size:.8rem}.timer-segment{display:flex;flex-direction:column;align-items:center;background-color:transparent;padding:2px 4px;border-radius:4px}.timer-value{font-family:var(--font-secondary);font-size:1rem;font-weight:700;color:var(--primary-color);line-height:1}.timer-label{font-size:.55rem;font-weight:500;color:var(--clr-text-light);text-transform:uppercase}.no-requests-content{text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center}.no-requests-icon{font-size:4.5rem;color:var(--primary-color);margin-bottom:var(--spacing-lg);opacity:.6}.no-requests-title{font-size:1.6rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.no-requests-text{font-size:1rem;color:var(--clr-text-light);line-height:1.6;margin-bottom:var(--spacing-xl)}.no-requests-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary-color);color:var(--clr-common-white);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;border:1px solid transparent}.no-requests-cta:hover{background-color:#8cb5fd;transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--clr-common-white)}.no-requests-cta i{font-size:.9em}.withdraw-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0c22b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;padding:1rem}.withdraw-modal-content{position:relative;background:var(--clr-secondary-50);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:440px;width:100%;animation:scaleIn .3s ease;display:flex;flex-direction:column}.withdraw-modal-body{overflow-y:visible}@media (max-height: 750px){.withdraw-modal-content{max-height:95vh;overflow-y:auto}}.withdraw-modal-header{padding:var(--spacing-lg) var(--spacing-lg) 0;flex-shrink:0;text-align:center;position:relative}.withdraw-modal-title{font-size:1.4rem;font-weight:700;color:#000;margin:0 0 4px}.withdraw-modal-subtitle{font-size:.9rem;color:#000;margin:0}.withdraw-modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;color:var(--clr-text-light);cursor:pointer;transition:color .2s}.withdraw-modal-close-btn:hover{color:var(--clr-text-headings)}.withdraw-modal-body{padding:var(--spacing-lg);flex-grow:1;padding-bottom:80px}.withdraw-amount-section{margin-bottom:var(--spacing-lg);text-align:center}.withdraw-input-container{position:relative;display:flex;align-items:center;background-color:var(--clr-common-white);border:1px solid var(--clr-border);border-radius:var(--border-radius-md);transition:all .2s ease;width:100%;height:44px;margin:0 auto}.withdraw-input-container:hover{border-color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.withdraw-input-container:focus-within{border-color:var(--my-button-blue-hover);box-shadow:var(--shadow-lg)}.withdraw-input-container.error{border-color:var(--clr-error);box-shadow:0 0 0 2px var(--clr-error-shadow)}.withdraw-currency-symbol{padding-left:1rem;font-size:1.2rem;font-weight:700;color:#000}.withdraw-amount-input{flex-grow:1;border:none;background:transparent;outline:none;padding:.5rem;font-size:1.2rem;font-weight:700;color:#000;width:100%;text-align:left}.withdraw-amount-input::-webkit-outer-spin-button,.withdraw-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.withdraw-amount-input[type=number]{-moz-appearance:textfield}.withdraw-amount-input::placeholder{color:#555;opacity:.4;transition:opacity .2s ease}.withdraw-amount-input:focus::placeholder{opacity:0}.payment-methods-list{display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease;max-height:255px;overflow-y:auto;padding:5px;margin:-5px}.payment-methods-list.error{border:2px solid var(--clr-error);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);box-shadow:0 0 0 2px var(--clr-error-shadow)}.payment-method-item{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--clr-common-white);border:1px solid var(--clr-border);border-radius:var(--border-radius-md);padding:8px 12px;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.payment-methods-list>*:last-child{margin-bottom:5px}.payment-method-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.payment-method-item.selected{border-color:var(--my-button-blue-hover);box-shadow:0 0 0 2px #52cbf04d;background-color:var(--my-accent-button-blue-normal)}.method-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--clr-border-light)}.method-details{flex-grow:1;min-width:0}.method-name-wrapper,.method-prompt-wrapper{position:relative;display:block}.method-name-wrapper.truncated,.method-prompt-wrapper.truncated{cursor:help}.method-name{font-size:.9rem;font-weight:600;color:#000;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.method-prompt{font-size:.8rem;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.method-actions{display:flex;gap:var(--spacing-xs)}.method-action-btn{background:none;border:none;color:var(--clr-text-light);cursor:pointer;padding:6px;font-size:.9rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.method-action-btn:hover:not(:disabled){background-color:var(--clr-secondary-100);color:var(--clr-primary-700)}.method-action-btn:disabled{cursor:not-allowed;opacity:.5}.add-new-method-btn{width:100%;background-color:var(--clr-common-white);border:1px solid var(--clr-border);padding:10px;border-radius:var(--border-radius-md);color:var(--my-button-blue-normal);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md);box-shadow:var(--shadow-sm)}.add-new-method-btn:hover{background-color:var(--my-accent-button-blue-normal);color:var(--my-button-blue-hover);border-color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.withdraw-modal-footer{position:absolute;bottom:0;left:0;right:0;background-color:transparent;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:center;gap:var(--spacing-md);flex-shrink:0}.btn-cancel-withdraw,.btn-send-withdraw{flex-grow:1;padding:10px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-cancel-withdraw{background-color:var(--clr-secondary-100);color:var(--clr-text-light);border-color:var(--clr-border)}.btn-cancel-withdraw:hover{background-color:var(--clr-error);color:var(--clr-common-white);border-color:var(--clr-error);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-send-withdraw{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color)}.btn-send-withdraw:hover{background-color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-send-withdraw:disabled{background-color:var(--clr-secondary-300);cursor:not-allowed;transform:none;box-shadow:none}.add-method-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-field{position:relative;margin-bottom:.5rem}.form-field label{font-size:1rem;font-weight:500;color:#000;margin-bottom:var(--spacing-sm);display:block}.form-field input[type=text],.form-field textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--clr-border);border-radius:var(--border-radius-lg);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;height:52px}.form-field input[type=text].error,.form-field textarea.error{border-color:var(--clr-error)}.form-field input[type=text]:focus,.form-field textarea:focus{outline:none;border-color:var(--my-button-blue-hover);box-shadow:0 0 0 3px #52cbf033}.form-field input[type=text].error:focus,.form-field textarea.error:focus{border-color:var(--clr-error);box-shadow:0 0 0 3px var(--clr-error-shadow)}.form-field input:focus::placeholder,.form-field textarea:focus::placeholder{color:transparent}.form-field:hover input[type=text]:not(.error),.form-field:hover textarea:not(.error){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.form-field textarea{min-height:100px;height:auto;resize:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#555;font-size:.9rem}.form-field textarea,.form-field input[type=text]{color:#000}.form-field.limit-reached .char-counter{color:var(--clr-error)}.char-counter{text-align:right;font-size:.8rem;color:#000;margin-top:4px;transition:color .2s ease}.image-upload-area{border:2px dashed var(--clr-border);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;position:relative;overflow:hidden}.image-upload-area.error{border-color:var(--clr-error)}.image-upload-area.error:hover{border-color:var(--clr-error);background-color:#fff1f0}.image-upload-area:hover:not(.has-file){border-color:var(--my-button-blue-hover);background-color:var(--clr-secondary-50)}.image-upload-area.has-file{border:1px solid var(--clr-border);padding:0}.image-upload-area.has-file:hover{transform:translateY(-3px);border-color:var(--my-button-blue-hover);box-shadow:var(--shadow-md)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.upload-icon{font-size:2rem;color:var(--my-button-blue-normal)}.upload-text{font-weight:500;color:#000;font-size:.9rem}.file-info-text{display:block;font-size:.8rem;color:#000;margin-top:var(--spacing-sm);text-align:center}.image-preview-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.preview-image{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:var(--spacing-sm);padding:4px}.preview-action-btn{width:28px;height:28px;background:#ffffffe6;color:var(--clr-text-main);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.preview-action-btn:hover{transform:scale(1.1);background-color:var(--clr-common-white)}.preview-action-btn.delete:hover{background-color:var(--clr-error);color:#fff}.modal-overlay-offer{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0c22b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .3s ease;padding:1rem}.delete-confirm-modal{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:90%;text-align:center;animation:scaleIn .3s ease}.delete-confirm-modal h2{font-size:1.5rem;color:var(--clr-text-headings);margin-bottom:var(--spacing-sm)}.delete-confirm-modal p{font-size:1rem;color:var(--clr-text-secondary);margin-bottom:var(--spacing-lg)}.delete-confirm-actions{display:flex;gap:var(--spacing-md)}.delete-confirm-actions .btn-cancel,.delete-confirm-actions .btn-confirm-delete{flex:1;padding:12px;font-size:1rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;border:1px solid transparent}.delete-confirm-actions .btn-cancel{background-color:transparent;color:var(--clr-text-secondary);border-color:var(--clr-border)}.delete-confirm-actions .btn-cancel:hover{background-color:var(--clr-secondary-100)}.delete-confirm-actions .btn-confirm-delete{background-color:#f5222d;color:#fff;border-color:#f5222d}.delete-confirm-actions .btn-confirm-delete:hover:not(:disabled){background-color:#c9302c;border-color:#c9302c}.delete-confirm-actions .btn-confirm-delete:disabled{background-color:var(--clr-secondary-300);border-color:var(--clr-secondary-300);cursor:not-allowed}.pdf-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0c22d9;z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;padding:1rem}.image-preview-content{position:relative;max-width:90vw;max-height:90vh;background-color:transparent;padding:0}.pdf-viewer-close-btn{position:absolute;top:-15px;right:-15px;width:32px;height:32px;background:#fff;color:#000;border:1px solid var(--clr-border);border-radius:50%;font-size:1.4rem;cursor:pointer;transition:all .2s;z-index:3001;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.pdf-viewer-close-btn:hover{background:#f5222d;color:#fff;transform:scale(1.1)}.portal-tooltip{position:fixed;transform:translateY(-100%) translateY(-10px);background-image:var(--gradient-primary);color:#fff;padding:8px 12px;border-radius:var(--border-radius-md);font-size:.8rem;white-space:normal;width:auto;max-width:270px;z-index:9999;pointer-events:none;box-shadow:var(--shadow-lg);overflow-wrap:break-word;transition:opacity .2s ease;opacity:1}.bank-details-text{flex-grow:1;font-family:Menlo,Monaco,Courier New,monospace;font-size:1em;color:#000;word-break:break-all;margin:0;font-weight:500}.finance-page{padding:var(--spacing-lg);background-color:var(--clr-secondary-50);min-height:calc(100vh - var(--header-height, 65px));animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{background:var(--profile-card-bg, #ffffff);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:400px;width:90%;animation:scaleIn .3s ease}.modal-content .modal-title{font-size:1.5rem;color:var(--profile-text-primary, #0D0C22);margin-bottom:var(--spacing-sm)}.modal-content .modal-text{font-size:1rem;color:var(--profile-text-secondary, #374151);margin-bottom:var(--spacing-lg);line-height:1.6}.modal-content .modal-title-accent{color:var(--my-button-blue-hover, #8CB5FD)}.modal-content .modal-amount-highlight{color:var(--my-button-blue-hover, #8CB5FD);font-weight:700}.modal-actions button{flex:1;padding:12px;font-size:1rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;border:1px solid transparent;min-height:48px;display:flex;align-items:center;justify-content:center}.modal-actions .btn-confirm-delete{background-color:#f5222d;color:#fff;border:1px solid #f5222d}.modal-actions .btn-confirm-delete:hover:not(:disabled){background-color:#c9302c;border-color:#c9302c}.modal-actions button:disabled{background-color:#e9ecef;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.finance-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.finance-page-header h1{font-size:1.8rem;color:var(--clr-text-headings);margin-bottom:0}.finance-page-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.header-refresh-btn{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.header-refresh-btn:hover{background-color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-refresh-btn .refreshing{animation:spin 1s linear infinite}.finance-top-section{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:flex-start}.balance-card{background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.balance-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--my-button-blue-hover)}.balance-card-amount{font-size:2.2rem;font-weight:700;color:#000;line-height:1.2;margin-bottom:var(--spacing-md);margin-top:var(--spacing-sm);min-height:44px;display:flex;align-items:center;justify-content:center}.balance-actions{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.balance-actions .btn{padding:10px 12px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease}.balance-actions .btn-withdraw{background-color:var(--my-button-blue-normal, "#52CBF0");color:var(--my-button-text-color, "#FFFFFF");border:1px solid transparent}.balance-actions .btn-withdraw:hover{background-color:var(--my-button-blue-hover, "#8CB5FD");border-color:var(--my-button-blue-hover, "#8CB5FD")}.balance-chart-card{background:var(--clr-common-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.balance-chart-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--my-button-blue-hover)}.chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.balance-chart-card h3{font-size:1.2rem;color:#000;margin:0}.finance-filter-bar{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center}.finance-filter-button{padding:10px 28px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--clr-common-white);color:var(--my-button-blue-normal);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm)}.finance-filter-button:hover:not(.active){background-color:var(--clr-secondary-50);border-color:var(--my-button-blue-hover);color:var(--my-button-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.finance-filter-button.active{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color);border-color:var(--my-button-blue-normal);box-shadow:0 5px 15px -3px #52cbf066;transform:translateY(-1px)}.finance-filter-button.active:hover{background-color:var(--my-button-blue-hover);border-color:var(--my-button-blue-hover)}.info-icon-tooltip-trigger{color:var(--clr-text-light);cursor:help;position:relative;display:inline-block;font-size:.9em;order:-1;margin-right:-4px}.custom-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--clr-primary-900);color:var(--clr-common-white);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);width:550px;max-width:620px;font-size:.8rem;line-height:1.5;z-index:10;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}@media (max-width: 864px){.custom-tooltip{left:220px;width:450px;max-width:620px}}@media (max-width: 500px){.custom-tooltip{left:170px;width:350px}}@media (max-width: 400px){.custom-tooltip{left:140px;width:300px}}.custom-tooltip p{margin:0 0 var(--spacing-sm) 0;text-align:left;white-space:normal}.custom-tooltip p:last-child{margin-bottom:0}.info-icon-tooltip-trigger:hover .custom-tooltip{visibility:visible;opacity:1}.chart-container{height:250px}.history-section{background:var(--clr-common-white);border-radius:var(--border-radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative}.history-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--my-button-blue-hover)}.history-content-wrapper{position:relative;flex-grow:1;overflow:hidden}.list-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f9fafbbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:5;border-radius:var(--border-radius-lg);padding-top:50px}.history-tabs-nav{display:flex;border-bottom:1px solid var(--clr-border);background-color:var(--clr-secondary-50);padding:0 var(--spacing-md);flex-shrink:0}.history-tabs-nav .tab-button{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;color:#000;background:none;border:none;cursor:pointer;position:relative;transition:color .3s ease;border-bottom:3px solid transparent}.history-tabs-nav .tab-button.active{color:#000;border-bottom-color:#000}.history-tabs-nav .tab-button:hover:not(.active){color:var(--clr-text-headings)}.history-table-widget{flex-grow:1;overflow-x:auto;padding:var(--spacing-md)}.history-list-header,.history-list-item{grid-template-columns:1.5fr 2.5fr 1.2fr 1.2fr 1.2fr 1.2fr 1fr 1fr .8fr}.history-list-header{display:grid;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--my-button-blue-hover);background-color:var(--clr-secondary-50);padding:14px var(--spacing-lg);border-radius:var(--border-radius-md);min-width:950px}.history-list-header span{text-align:left;white-space:nowrap}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;min-width:950px}.history-list-item{display:grid;align-items:center;gap:var(--spacing-md);padding:.9rem var(--spacing-lg);border-bottom:1px solid var(--clr-border-light);transition:background-color .2s ease-in-out;border-radius:var(--border-radius-md);min-height:55px}.history-list-item:hover{background-color:var(--clr-secondary-50)}.history-metric{font-size:.9rem;color:var(--clr-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-metric.description-cell{white-space:normal;color:#000}.history-metric.date-cell{color:#000;font-weight:500}.status-badge{padding:4px 10px;font-size:.7rem;border-radius:99px;text-transform:uppercase;font-weight:700}.status-badge.status-done{background-color:#f6ffed;color:#52c41a}.status-badge.status-reversed{background-color:#fffbe6;color:#d48806}.status-badge.status-unpaid,.status-badge.status-failed,.status-badge.status-cancelled,.status-badge.status-canceled{background-color:#fff1f0;color:#f5222d}.status-badge.status-waiting,.status-badge.status-verification{background-color:#e6f7ff;color:#1890ff}.status-badge.status-default{background-color:#fafafa;color:#595959}.history-metric.type-positive{color:#28a745;font-weight:500}.history-metric.type-negative{color:#dc3545;font-weight:500}.history-metric.type-neutral{color:#4d4cac;font-weight:500}.history-metric.amount,.history-metric.commission-cell,.history-metric.commission-amount-cell,.history-metric.total-amount-cell{font-weight:700;text-align:left}.history-metric.amount{color:#000}.metric-green-text{color:#28a745}.metric-yellow-text{color:#d48806}.metric-negative-text{color:#dc3545}.no-history-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:200px}.no-history-icon{font-size:3.5rem;color:var(--my-button-blue-normal);margin-bottom:var(--spacing-md);line-height:1}.no-history-message{font-size:1.1rem;font-weight:500;color:var(--my-button-blue-hover);margin:0}.history-loading-indicator{display:flex;justify-content:center;padding:var(--spacing-lg)}.actions-cell{text-align:right}.action-buttons-container{display:flex;gap:8px;justify-content:flex-end}.action-btn{background:none;border:1px solid var(--clr-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--clr-text-light)}.action-btn.cancel:hover{background-color:#fff1f0;color:#f5222d;border-color:#f5222d}@media (max-width: 1400px){.history-list-header{display:none}.history-list{min-width:unset}.history-list-item{display:block;padding:var(--spacing-md);border:1px solid var(--clr-border);border-radius:var(--border-radius-lg)}.history-list-item:not(:last-child){margin-bottom:var(--spacing-md)}.history-metric{display:flex;justify-content:space-between;align-items:center;text-align:right;white-space:normal;padding:8px 0;border-bottom:none}.history-metric:before{content:attr(data-label);font-weight:500;color:var(--clr-text-light);padding-right:1em;text-align:left}.history-metric.actions-cell{justify-content:flex-end}.history-metric.actions-cell:before{flex-grow:1}.history-metric[data-label=""]:before{content:none}}@media (max-width: 992px){.finance-top-section{grid-template-columns:1fr}.history-list-header,.history-list-item{grid-template-columns:1.5fr 2.5fr 1fr 1fr 1fr 1fr 1fr 1fr .5fr}}@media (max-width: 768px){.finance-page{padding:var(--spacing-md)}.finance-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.chart-header{flex-direction:column;align-items:flex-start}.header-refresh-btn{width:100%;justify-content:center}.history-tabs-nav{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.history-tabs-nav::-webkit-scrollbar{display:none}.history-tabs-nav .tab-button{white-space:nowrap}.history-table th,.history-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}}#root:has(#map){height:100vh;overflow:hidden}:root{--header-height: 60px;--clr-primary-500: #2E2A66;--clr-primary-700: #1A183E;--clr-primary-100: #F0F0FF;--clr-accent-blue: #52CBF0;--clr-accent-blue-hover: #8CB5FD;--clr-secondary-500: #6B7280;--clr-secondary-100: #F3F4F6;--clr-secondary-50: #F9FAFB;--clr-common-white: #ffffff;--clr-text-main: #333333;--clr-text-light: #555555;--clr-text-headings: #1A183E;--clr-border: #dee2e6;--clr-border-light: #f1f1f1;--clr-error-red: #dc3545;--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);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--my-button-blue-normal: #52CBF0;--my-button-blue-hover: #8CB5FD;--my-button-text-color: var(--clr-common-white);--my-button-yellow-normal: #ffc107;--my-button-yellow-hover: #e0a800;--my-button-yellow-text: #212529}#map-search-container{position:fixed;top:calc(var(--header-height, 60px) + 15px);left:15px;z-index:1001;width:360px;background-color:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;border:1px solid rgba(222,226,230,.5)}#map-search-container.search-active{background-color:var(--clr-common-white);box-shadow:var(--shadow-md);border:1px solid var(--clr-border)}#map-search-container.hidden-by-analysis{opacity:0;visibility:hidden;pointer-events:none}.search-input-wrapper{display:flex;align-items:center;padding:var(--spacing-sm)}.search-input-wrapper .search-icon{color:var(--clr-secondary-500);margin-right:var(--spacing-sm);font-size:1.1em}#map-search-input{flex-grow:1;border:none;outline:none;font-size:1em;color:var(--clr-text-main);background-color:transparent}#map-search-input::placeholder{color:var(--clr-text-light);opacity:.9}#map-search-container.search-active #map-search-input::placeholder{color:var(--clr-secondary-500);opacity:.8}.clear-search-btn{background:none;border:none;color:var(--clr-secondary-500);cursor:pointer;font-size:1.1em;padding:var(--spacing-xs);margin-left:var(--spacing-xs)}.clear-search-btn:hover{color:var(--clr-text-main)}#map-search-suggestions{max-height:250px;overflow-y:auto;background-color:var(--clr-common-white);border-top:1px solid var(--clr-border-light)}#map-search-container:not(.search-active) #map-search-suggestions{border-top:none}.suggestion-item{padding:var(--spacing-md);cursor:pointer;font-size:.95em;color:var(--clr-text-light);border-bottom:1px solid var(--clr-border-light);transition:background-color .15s ease;display:flex;align-items:center}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--clr-secondary-100);color:var(--clr-text-main)}.suggestion-item-icon{margin-right:var(--spacing-sm);color:#52cbf0}.suggestion-item-main-text{font-weight:500;color:var(--clr-text-main)}.suggestion-item-secondary-text{font-size:.9em;color:var(--clr-text-light);margin-left:var(--spacing-xs)}.suggestion-item-loading,.suggestion-item-not-found{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;color:var(--clr-text-light);font-size:.95em;gap:var(--spacing-sm)}.suggestion-item-not-found span{font-style:italic}#map{height:100vh;width:100%;transition:width .4s ease-in-out,visibility 0s ease-in-out .4s;position:fixed;left:0;top:0;visibility:visible}#map.map-shifted{width:50%!important}#map.map-hidden{width:0%!important;visibility:hidden}#drawn-area-info-block{position:fixed;top:calc(var(--header-height, 60px) + 20px);right:10px;border-radius:var(--border-radius-md);z-index:10;font-size:.85em;color:var(--clr-text-main);text-align:center;transition:opacity .3s ease,visibility .3s ease;display:none;background-color:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);border:1px solid rgba(222,226,230,.5);padding:6px 12px;width:auto;max-width:180px}#drawn-area-info-block p{margin:0;line-height:1.3}#drawn-area-info-block.error-state{max-width:300px}#franchise-analysis-map-overlay{position:absolute;top:calc(var(--header-height, 60px) + 20px);left:20px;width:320px;max-height:calc(100vh - var(--header-height, 60px) - 40px);background-color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);z-index:10;padding:var(--spacing-md);overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}#franchise-analysis-map-overlay.visible{visibility:visible;opacity:1}#franchise-analysis-map-overlay .analysis-card{margin-bottom:0;padding:var(--spacing-sm);border:none;box-shadow:none;background-color:transparent}#franchise-analysis-map-overlay .analysis-card-title{font-size:1.2em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.custom-map-controls-container{display:flex;flex-direction:column;gap:8px;z-index:5;margin-right:10px;margin-bottom:80px;position:absolute;right:10px}.custom-map-control{background-color:var(--clr-common-white);border:1px solid var(--clr-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;color:var(--clr-text-main);transition:background-color .15s ease-in-out,color .15s ease-in-out}.custom-map-control:disabled{background-color:var(--clr-secondary-100);color:var(--clr-secondary-500);cursor:not-allowed}.custom-map-control:hover:not(:disabled){background-color:var(--clr-secondary-100)}.custom-map-control:active:not(:disabled){background-color:var(--clr-border)}.zoom-controls{display:flex;flex-direction:column;background-color:var(--clr-common-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--clr-border)}.zoom-controls .custom-map-control{border-radius:0;box-shadow:none;border:none;border-bottom:1px solid var(--clr-border-light)}.zoom-controls .custom-map-control:last-child{border-bottom:none}.zoom-controls .custom-map-control:first-child{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.zoom-controls .custom-map-control:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.zoom-separator{height:1px;background-color:var(--clr-border);margin:0 5px}#drawing-controls{display:flex;align-items:center;gap:5px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--clr-border);border-radius:var(--border-radius-lg);padding:6px 10px;box-shadow:var(--shadow-md);z-index:10;color:var(--clr-text-main);font-size:14px;min-height:40px;width:auto;max-width:fit-content;position:absolute;bottom:30px;left:50%;transform:translate(-50%);transition:opacity .3s ease-in-out,visibility .3s ease-in-out}#drawing-controls.post-analysis-mode{justify-content:flex-start;left:275px;transform:none}#drawing-controls.hidden{opacity:0;visibility:hidden;pointer-events:none}#drawing-controls .loading-state-message{display:flex;align-items:center;justify-content:center;width:100%;height:30px;font-size:1em;color:var(--clr-text-main);padding:5px 0;gap:10px}.drawing-control-button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:7px 10px;border-radius:6px;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out;color:var(--clr-text-light);font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.drawing-control-button .button-text{margin-left:6px;display:inline}.drawing-control-button i{font-size:16px;line-height:1}.drawing-tool-button.active{background-color:#52cbf0;color:var(--clr-common-white);box-shadow:0 0 8px #52cbf080}.drawing-control-button.active-action{background-color:#5cb85c;color:var(--clr-common-white);box-shadow:0 0 8px #5cb85cb3}.drawing-control-button[title="Clear All Drawings"]:active{background-color:#d9534f!important;color:#fff!important;box-shadow:0 0 8px #d9534fb3!important}#clearAllDrawingsButton.active-action{background-color:#d9534f;box-shadow:0 0 8px #d9534fb3}.drawing-control-button:hover:not(.active):not(.active-action){background-color:var(--clr-secondary-100);color:var(--clr-text-main)}.drawing-separator{width:1px;background-color:var(--clr-border);height:25px;margin:0 5px}.send-button{background-color:#28a745;color:#fff}.send-button:hover:not(.disabled){background-color:#218838}.send-button.disabled{background-color:#adb5bd;color:#f8f9fa;cursor:not-allowed;box-shadow:none}.send-button.disabled:hover{background-color:#adb5bd}#sendDrawingsButton.active-action:not(.disabled){background-color:#5cb85c;color:var(--clr-common-white);box-shadow:0 0 8px #5cb85cb3}#postAnalysisSelectAnotherButton{background-color:var(--my-button-blue-normal);color:var(--my-button-text-color)}#postAnalysisSelectAnotherButton:hover{background-color:var(--my-button-blue-hover)}#requestTerritoryButton{background-color:var(--my-button-yellow-normal);color:var(--my-button-yellow-text)}#requestTerritoryButton:hover:not(:disabled){background-color:var(--my-button-yellow-hover)}#requestTerritoryButton:disabled{background-color:#adb5bd;color:#f8f9fa;cursor:not-allowed;box-shadow:none}.loading-indicator-class{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1005;background:#ffffffe6;color:var(--clr-text-main);padding:25px 35px;border-radius:var(--border-radius-lg);font-size:1.1em;box-shadow:var(--shadow-md);border:1px solid var(--clr-border)}.modal-button-confirm{background-color:#52cbf0;color:var(--clr-common-white);border:1px solid #52CBF0;box-shadow:0 0 8px #52cbf066;flex-grow:1}.modal-button-confirm:hover:not(:disabled){background-color:#8cb5fd;border-color:#8cb5fd}.modal-button-confirm:disabled{background-color:var(--clr-secondary-300);border-color:var(--clr-secondary-300);cursor:not-allowed;box-shadow:none}.modal-button-cancel{background-color:transparent;border:1px solid var(--clr-secondary-500);color:var(--clr-secondary-700);flex-grow:1}.modal-button-cancel:hover{background-color:var(--clr-error-red);border-color:var(--clr-error-red);color:var(--clr-common-white)}@media (max-width: 1349px){#drawing-controls.post-analysis-mode{left:150px;padding:var(--spacing-xs) var(--spacing-sm)}#drawing-controls.post-analysis-mode .drawing-control-button{padding:5px 8px;font-size:13px}#drawing-controls.post-analysis-mode .drawing-control-button i{font-size:15px}}@media (max-width: 1117px){#drawing-controls.post-analysis-mode{left:70px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 890px){#drawing-controls.post-analysis-mode{left:20px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 1024px){#franchise-analysis-map-overlay{width:280px}#map-search-container{width:320px}#drawn-area-info-block{font-size:.8em;padding:6px var(--spacing-xs);max-width:170px}#drawn-area-info-block.error-state{max-width:280px}}@media (max-width: 840px){#drawing-controls{gap:4px;padding:5px 8px;bottom:20px;left:50%;transform:translate(-50%)}#drawing-controls.post-analysis-mode{left:50%;transform:translate(-50%);width:auto;justify-content:center;position:fixed;bottom:0;border-radius:var(--border-radius-lg);padding:6px 10px;box-sizing:border-box;z-index:1001;display:flex;background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--clr-border);box-shadow:0 -2px 5px #0000001a;gap:var(--spacing-sm)}#drawing-controls.post-analysis-mode .drawing-control-button{flex:1}#drawing-controls.post-analysis-mode .drawing-control-button .button-text{display:inline}#drawing-controls.post-analysis-mode .drawing-control-button i{margin-right:var(--spacing-xs)}.drawing-control-button{padding:6px 8px;font-size:12px}.drawing-control-button .button-text{display:none}.drawing-control-button i{font-size:18px;margin:0}.drawing-separator{height:20px;margin:0 3px}.custom-map-controls-container{right:5px;bottom:100px}#map-search-container{top:calc(var(--header-height, 60px) + 5px);width:auto;left:10px;right:10px}#map-search-input{font-size:.85em}.search-input-wrapper .search-icon,.clear-search-btn{font-size:1em}#drawn-area-info-block{top:calc(var(--header-height, 60px) + 5px + 36px + 10px);left:10px;right:auto;width:auto;max-width:calc(100% - 20px);font-size:.75em;padding:5px 3px;min-width:initial}#drawn-area-info-block.error-state{max-width:180px}}@media (max-width: 480px){.custom-map-control{width:30px;height:30px;font-size:14px}.zoom-controls .custom-map-control{width:30px;height:30px}#drawing-controls{padding:4px 6px;gap:3px;min-height:30px;bottom:15px}#drawing-controls .loading-state-message{font-size:.9em;height:25px}.drawing-control-button i{font-size:16px;margin:0}.drawing-separator{height:18px;margin:0 3px}.custom-map-controls-container{bottom:65px;gap:5px}}#toggleUnitsButton{font-size:14px}@media (max-width: 480px){#toggleUnitsButton{font-size:12px}}@media (max-width: 848px){.custom-map-controls-container{bottom:100px}}body.no-scroll #map-search-container{display:none}.pdf-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d0c22d9;z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;padding:1rem}.image-preview-content{position:relative;max-width:90vw;max-height:90vh}.image-preview-fullscreen{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.pdf-viewer-close-btn{position:absolute;top:5px;right:10px;width:30px;height:30px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;transition:background-color .2s;z-index:2001}.pdf-viewer-close-btn:hover{background:#000c}.summary-grid-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);margin-top:5px}.summary-card-panel{background-color:var(--clr-common-white);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:left;border:1px solid var(--clr-border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.summary-card-panel:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.summary-card-icon-reimagined{width:40px;height:40px;border-radius:50%;background-color:#e4f8ff;color:#52cbf0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2em}.summary-card-text-group{display:flex;flex-direction:column}.summary-card-label{font-size:.75em;font-weight:500;color:var(--clr-text-light);text-transform:uppercase}.summary-card-value{font-size:1.2em;font-weight:700;color:var(--clr-text-headings);line-height:1.2}.metrics-grid-reimagined{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metric-item-block-reimagined{background-color:var(--clr-common-white);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-item-block-reimagined:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.metric-item-icon-reimagined{width:40px;height:40px;border-radius:50%;background-color:#e4f8ff;color:#52cbf0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1em}.metric-item-text-group{display:flex;flex-direction:column}.metric-item-label-reimagined{font-size:.75em;font-weight:500;color:var(--clr-text-light)}.metric-item-value-reimagined{font-size:1.2em;font-weight:600;color:var(--clr-text-headings)}.statistics-panel-class{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:var(--header-height);right:0;width:0;max-width:100vw;height:calc(100vh - var(--header-height));background-color:var(--clr-secondary-50);color:var(--clr-text-main);border-left:1px solid var(--clr-border);box-shadow:-5px 0 15px #0000001a;z-index:1000;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);box-sizing:border-box;transform:translate(100%);transition:transform .4s ease-in-out,width .4s ease-in-out}.statistics-panel-class.visible{transform:translate(0);width:50%}.territory-summary-redesigned{overflow-y:auto;flex-grow:1;margin-bottom:var(--spacing-lg);padding-right:10px;display:flex;flex-direction:column;align-items:stretch}.analysis-card{background-color:var(--clr-common-white);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-lg, 24px);border:1px solid var(--clr-border, #dee2e6);box-shadow:var(--shadow-md, 0 4px 8px -2px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05));margin-bottom:var(--spacing-lg, 24px);width:100%;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.analysis-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--my-button-blue-hover)}.analysis-card-title{font-size:1.3em;font-weight:700;color:var(--clr-text-headings, #1A183E);margin-top:0;margin-bottom:var(--spacing-md, 16px);padding-bottom:var(--spacing-md, 16px);border-bottom:1px solid var(--clr-border-light, #f1f1f1);display:flex;align-items:center}.analysis-card-title i{margin-right:var(--spacing-md, 16px);color:#52cbf0;font-size:1.1em}.analysis-card-content{font-size:.95em;line-height:1.6;color:var(--clr-text-light)}.sliders-main-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--clr-common-white);border-radius:var(--border-radius-md);border:1px solid var(--clr-border-light);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sliders-main-container:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.slider-group{display:flex;flex-direction:column}.slider-label-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.95em}.slider-label-container label{font-weight:600;color:var(--clr-text-headings)}.slider-value-display{font-weight:700;font-size:1.05em;color:#52cbf0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--clr-common-white);border-radius:var(--border-radius-sm);border:1px solid var(--clr-border);min-width:80px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.slider-value-display.editable{cursor:pointer}.slider-value-display.editable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--my-button-blue-hover)}.editable-slider-input{width:100%;border:none;background:transparent;outline:none;text-align:center;font-weight:700;font-size:1.05em;color:#52cbf0;padding:0;margin:0}.editable-slider-input::-webkit-outer-spin-button,.editable-slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-slider-input[type=number]{-moz-appearance:textfield}.slider-group input[type=range]{width:100%;accent-color:#52CBF0;margin-top:var(--spacing-xs)}.forecast-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.forecast-category-card{background-color:var(--clr-common-white);border:1px solid var(--clr-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.forecast-category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#52cbf0}.forecast-category-header{font-size:1rem;font-weight:700;color:var(--clr-text-headings);display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--clr-border-light)}.forecast-category-header i{color:#52cbf0}.forecast-category-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forecast-category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;border-radius:var(--border-radius-md);border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.forecast-category-item:hover{background-color:var(--clr-secondary-50);border-color:#52cbf0}.forecast-category-label{color:var(--clr-text-light);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.forecast-label-icon{display:none}.forecast-category-value{font-weight:600;color:var(--clr-text-main)}.forecast-category-value.positive-value{color:#28a745}.forecast-category-value.negative-value{color:#dc3545}.financial-summary-card{background-color:var(--clr-common-white);border:1px solid var(--clr-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.financial-summary-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--clr-border)}.financial-summary-table-wrapper{width:100%;overflow-x:auto}.financial-summary-table{width:100%;border-collapse:collapse}.financial-summary-table th,.financial-summary-table td{text-align:center;padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.financial-summary-table th{font-size:.7rem;font-weight:600;color:var(--clr-text-light);padding-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.financial-summary-table td{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;line-height:1.2;color:#4d4cac;padding-top:var(--spacing-sm)}.financial-summary-table th:not(:last-child),.financial-summary-table td:not(:last-child){border-right:1px solid var(--clr-border-light)}.financial-summary-table td.money{color:#27ae60}.chart-container{height:320px;position:relative;margin-top:var(--spacing-md)}@media (max-width: 1600px){.forecast-category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 1299px){.summary-grid-panel,.metrics-grid-reimagined{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.forecast-category-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 1024px){.analysis-card-title{font-size:1.2em}.analysis-card-content.metrics-grid:has(.feature-style-metric-card){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (max-width: 840px){.statistics-panel-class.visible{width:100vw;border-left:none;top:0;height:100vh}.analysis-card-title{font-size:1.15em}.analysis-card-content{font-size:.9em}.analysis-card-content.metrics-grid:has(.feature-style-metric-card){grid-template-columns:1fr}.metric-item-block .metric-value{font-size:1.15em}.metric-item-block .metric-key{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}#stats-building-types-list{grid-template-columns:1fr}}@media (max-width: 600px){.slider-label-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.slider-value-display{min-width:100%;text-align:left}.editable-slider-input{text-align:left}.forecast-category-grid{grid-template-columns:1fr}.financial-summary-table td{font-size:1.1rem}}@media (max-width: 480px){.statistics-panel-class.visible{font-size:.9em;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}#territory-summary-content{padding-right:5px;align-items:stretch}.summary-grid-panel,.metrics-grid-reimagined{grid-template-columns:1fr;gap:var(--spacing-sm)}.analysis-card-title{font-size:1.1em}.analysis-card-content p,.analysis-card-content div>div{font-size:.9em}.metric-item-block .metric-value{font-size:1.1em}.sliders-main-container{padding:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.slider-label-container{font-size:.9em;margin-bottom:2px}.slider-value-display{padding:4px var(--spacing-sm);font-size:.95em}.slider-group input[type=range]{margin-top:2px}}: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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}:root{--profile-page-bg: var(--clr-secondary-50, #F9FAFB);--profile-card-bg: var(--clr-common-white, #ffffff);--profile-text-primary: var(--clr-text-headings, #0D0C22);--profile-text-secondary: var(--clr-text-main, #374151);--profile-text-tertiary: var(--clr-text-light, #6B7280);--profile-border-color: var(--clr-border, #e5e7eb);--profile-accent-color: #52CBF0;--profile-accent-hover: #8CB5FD;--profile-logout-color: #d9534f;--profile-logout-hover: #c9302c;--clr-error: #dc3545;--clr-error-shadow: rgba(220, 53, 69, .2);--clr-success: #28a745;--gradient-primary: linear-gradient(135deg, #52CBF0 0%, #8CB5FD 100%)}.profile-page{padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--profile-page-bg);min-height:calc(100vh - var(--header-height, 65px));animation:fadeIn .5s ease-out}.profile-page-header{margin-bottom:var(--spacing-xl)}.profile-page-header h1{font-size:1.8rem;color:var(--profile-text-primary);margin:0}.profile-page-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-size:1.8rem}.profile-page-content{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);align-items:flex-start}.profile-user-card{background:var(--profile-card-bg);border-radius:var(--border-radius-lg, 16px);border:1px solid var(--profile-border-color);box-shadow:var(--shadow-md);padding:var(--spacing-xl);text-align:center;position:sticky;top:calc(var(--header-height, 65px) + var(--spacing-lg))}.avatar-section{position:relative;width:120px;height:120px;margin:0 auto var(--spacing-md)}.avatar-section .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--clr-common-white);box-shadow:0 0 15px #0000001a}.avatar-section .change-avatar-btn{position:absolute;bottom:5px;right:5px;width:36px;height:36px;background:var(--profile-accent-color);color:#fff;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0003}.avatar-section .change-avatar-btn:hover{background:var(--profile-accent-hover);transform:scale(1.1)}.profile-user-card .profile-user-name{font-size:1.5rem;color:#000;margin-bottom:var(--spacing-xs)}.profile-user-card .profile-user-email{font-size:1rem;color:#000;margin-bottom:var(--spacing-lg)}.logout-btn{width:100%;padding:12px;font-size:1rem;font-weight:600;color:var(--profile-logout-color);background-color:transparent;border:1px solid var(--profile-logout-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.logout-btn:hover{background-color:var(--profile-logout-color);color:#fff}.profile-settings-panel{background:var(--profile-card-bg);border-radius:var(--border-radius-lg, 16px);border:1px solid var(--profile-border-color);box-shadow:var(--shadow-md);overflow:hidden}.tabs-nav{display:flex;border-bottom:1px solid var(--profile-border-color);padding:0 var(--spacing-md)}.tabs-nav .tab-button{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;color:var(--profile-text-tertiary);background:none;border:none;cursor:pointer;position:relative;transition:color .3s ease}.tabs-nav .tab-button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--profile-accent-color);transform:scaleX(0);transition:transform .3s ease}.tabs-nav .tab-button.active{color:var(--profile-accent-color)}.tabs-nav .tab-button.active:after{transform:scaleX(1)}.tabs-content{padding:var(--spacing-xl)}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn .4s ease-out}.settings-section{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.settings-section:not(:last-child){border-bottom:1px solid var(--profile-border-color)}.settings-section .profile-section-title{font-size:1.25rem;color:#000;margin-bottom:var(--spacing-md)}.form-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.save-changes-btn{padding:12px 24px;font-size:1rem;font-weight:600;color:#fff;background:var(--profile-accent-color);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease}.save-changes-btn:hover{background:var(--profile-accent-hover);box-shadow:0 4px 10px #0000001a}.save-changes-btn:disabled{background-color:var(--clr-secondary-300);cursor:not-allowed}.auth-floating-label-group{position:relative;margin-bottom:1.75rem}.auth-form-input-custom{background-color:#fff;border:1px solid var(--clr-border-strong, #D1D5DB);color:var(--profile-text-main);border-radius:var(--border-radius-lg, 16px);padding:.75rem 3rem .75rem 1rem;font-size:1rem;width:100%;height:52px;box-sizing:border-box;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.auth-form-input-custom:focus{border-color:var(--profile-accent-color);box-shadow:0 0 0 3px #52cbf033;outline:none}.auth-form-input-custom.invalid{border-color:var(--clr-error);box-shadow:0 0 0 3px var(--clr-error-shadow)}.auth-form-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--profile-text-tertiary);transition:all .2s ease-out;background-color:transparent;padding:0 4px;pointer-events:none;z-index:1}.auth-form-input-custom.peer:focus~.auth-form-label,.auth-form-input-custom.peer:not(:placeholder-shown)~.auth-form-label{top:-.7rem;font-size:.75rem;color:var(--profile-accent-color);background-color:var(--profile-card-bg);z-index:10}.password-toggle-icon{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);cursor:pointer;color:var(--profile-text-tertiary);z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background-color .2s}.password-toggle-icon:hover{color:var(--profile-accent-color);background-color:var(--clr-secondary-100)}.password-toggle-icon i{font-size:1.1rem}.phone-number-group{position:relative;margin-bottom:1.75rem}.phone-number-group .PhoneInput{display:flex;align-items:center;border:1px solid var(--clr-border-strong, #D1D5DB);border-radius:var(--border-radius-lg, 16px);background-color:#fff;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;height:52px;width:100%;font-size:1rem}.phone-number-group .PhoneInputInput{border:none;background-color:transparent;height:100%;color:var(--profile-text-main);width:100%;outline:none;padding:.75rem 1rem}.phone-number-group .PhoneInputCountry{margin-left:1rem;margin-right:.5rem}.phone-number-group.invalid .PhoneInput{border-color:var(--clr-error);box-shadow:0 0 0 3px var(--clr-error-shadow)}.phone-number-group .PhoneInput--focus{border-color:var(--profile-accent-color);box-shadow:0 0 0 3px #52cbf033}.phone-number-group .auth-form-label{top:-.7rem;left:1rem;font-size:.75rem;color:var(--profile-text-tertiary);background-color:var(--profile-card-bg)}.phone-number-group .PhoneInput--focus~.auth-form-label{color:var(--profile-accent-color)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0c22b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:var(--profile-card-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:400px;width:90%;animation:scaleIn .3s ease}.modal-content h2{font-size:1.5rem;color:var(--profile-text-primary);margin-bottom:var(--spacing-sm)}.modal-content p{font-size:1rem;color:var(--profile-text-secondary);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md)}.modal-actions button{flex:1;padding:12px;font-size:1rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease}.modal-actions .btn-cancel{background-color:transparent;color:var(--profile-text-secondary);border:1px solid var(--profile-border-color)}.modal-actions .btn-cancel:hover{background-color:var(--clr-secondary-100)}.modal-actions .btn-confirm{background-color:var(--profile-logout-color);color:#fff;border:1px solid var(--profile-logout-color)}.modal-actions .btn-confirm:hover{background-color:var(--profile-logout-hover)}.auth-error-popup{position:fixed;top:-120px;left:50%;transform:translate(-50%);color:#fff;padding:15px 25px;border-radius:var(--border-radius-md, 8px);box-shadow:0 4px 12px #0003;z-index:2100;opacity:0;transition:top .4s ease-in-out,opacity .4s ease-in-out,background-color .3s ease;min-width:280px;text-align:center;font-weight:500;font-size:15px;box-sizing:border-box}@media (max-width: 992px){.profile-page-content{grid-template-columns:1fr}.profile-user-card{position:static;margin-bottom:var(--spacing-xl)}}@media (max-width: 768px){.profile-page{padding:var(--spacing-lg)}.profile-page-header h1{font-size:1.8rem}.tabs-nav{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tabs-nav .tab-button{white-space:nowrap}.auth-error-popup{width:90%;padding:12px 20px;font-size:14px}}:root{--font-primary: "Inter", sans-serif;--font-secondary: "Montserrat", sans-serif;--clr-logo-be-blue: #52CBF0;--spacing-sm: 8px;--transition-duration-fast: .2s;--transition-duration-normal: .35s;--logo-icon-height: 30px;--clr-primary-100: #F0F0FF;--clr-primary-300: #4D4CAC;--clr-primary-500: #2E2A66;--clr-primary-700: #1A183E;--clr-primary-900: #0D0C22;--clr-secondary-50: #F9FAFB;--clr-secondary-300: #D1D5DB;--clr-secondary-700: #374151;--clr-text-headings: var(--clr-primary-900);--clr-text-main: var(--clr-secondary-700);--clr-text-light: var(--clr-secondary-500, #6B7280);--clr-text-on-dark: #ffffff;--clr-text-on-dark-muted: #adb5bd;--clr-accent-300: #52CBF0;--clr-accent-300-darker: #8CB5FD;--clr-accent-500: #242424;--clr-border: var(--clr-secondary-300, #E5E7EB);--clr-border-strong: var(--clr-secondary-300);--clr-border-on-dark: #495057;--clr-error: #dc3545;--clr-error-shadow: rgba(220, 53, 69, .2);--clr-success: #28a745;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-unit: 8px;--spacing-md: calc(2 * var(--spacing-unit));--spacing-lg: calc(3 * var(--spacing-unit));--spacing-xl: calc(4.5 * var(--spacing-unit))}.hidden{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.auth-page-container{display:flex;flex-direction:column;width:100%;min-height:100vh}.auth-content-left{width:100%;padding:0;display:flex;flex-direction:column;order:2;background-color:var(--clr-common-white, #ffffff)}.auth-page-header{padding:1.5rem 2rem;background-color:var(--clr-secondary-50);flex-shrink:0}.auth-main-content-area{flex-grow:1;display:flex;flex-direction:column;padding:0;overflow:hidden;background-color:#fff}.auth-illustration-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.auth-illustration-image{width:100%;height:100%;object-fit:cover}.auth-content-right{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;order:1;padding:1rem;position:relative;overflow-y:auto;flex-grow:1;background-color:var(--clr-secondary-50)}@media (min-width: 640px){.auth-page-header{padding-left:3rem;padding-right:3rem}}@media (max-width: 770px){.auth-content-left{order:1}.auth-content-right{order:2;flex-grow:1;justify-content:flex-start;padding-top:2rem}.auth-main-content-area{display:none}.auth-form-card{box-shadow:none;background-color:transparent}}@media (min-width: 771px){.auth-page-container{flex-direction:row;height:100vh;overflow:hidden}.auth-content-left{flex:1 1 auto;order:1;height:100%;display:flex;flex-direction:column;overflow:hidden;width:auto}.auth-content-right{flex:0 0 480px;order:2;padding:2rem;height:100%;overflow-y:auto;width:auto;justify-content:center}.auth-main-content-area{display:flex}.auth-form-card{box-shadow:var(--shadow-lg);background-color:var(--clr-secondary-50)}}.auth-site-logo{display:flex;align-items:center;gap:var(--spacing-sm, 8px);text-decoration:none;flex-shrink:0}.auth-site-logo:hover .auth-site-logo__icon{filter:drop-shadow(0 0 8px var(--clr-accent-300-darker, #8CB5FD))}.auth-site-logo__icon{height:var(--logo-icon-height, 30px);width:auto;object-fit:contain;transition:filter var(--transition-duration-normal, .35s) ease-in-out}.auth-site-logo__text-custom{font-family:var(--font-secondary, "Montserrat", sans-serif);font-weight:700;color:var(--clr-logo-be-blue, #52CBF0);line-height:1;font-size:clamp(1rem,.8rem + .4vw,1.2rem);transition:color var(--transition-duration-fast, .2s) ease-in-out,text-shadow var(--transition-duration-fast, .2s) ease-in-out}.auth-site-logo__text-custom:hover{color:var(--clr-accent-300-darker);text-shadow:0 0 8px rgba(140,181,253,.6)}.auth-form-card{max-width:24rem;margin:0;width:100%;background-color:var(--clr-secondary-50);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}@media (min-width: 640px){.auth-form-card{padding:var(--spacing-xl)}}.auth-form-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--clr-primary-700, #1A183E);text-align:center}.auth-btn-main{background-color:#52cbf0;color:var(--clr-text-on-dark, #FFFFFF);font-weight:600;padding:.875rem 1rem;border-radius:var(--border-radius-lg, 16px);font-size:.875rem;transition:background-color var(--transition-duration-fast) ease-in-out;width:100%;border:none;cursor:pointer}.auth-btn-main:hover{background-color:#8cb5fd}.auth-btn-main:disabled{background-color:var(--clr-secondary-300);cursor:not-allowed}.auth-social-logins{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.auth-social-btn{flex:1;height:50px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background-color:#fff;border:1px solid var(--clr-border, #E5E7EB);transition:transform .2s ease-out,border-color .2s ease-out,background-color .2s ease-out}.auth-social-btn:hover{transform:translateY(-2px);border-color:var(--clr-accent-300);background-color:#52cbf00d}.auth-social-btn i{font-size:1.5rem;color:var(--clr-secondary-500);transition:color .2s ease}.auth-social-btn:hover i{color:var(--clr-accent-300)}.auth-divider-or{display:flex;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem}.auth-divider-or hr{flex-grow:1;border-top-width:1px;border-color:var(--clr-border, #E5E7EB)}.auth-divider-or-text{margin-left:1rem;margin-right:1rem;font-size:.75rem;font-weight:500;color:var(--clr-text-light, #6B7280)}.auth-floating-label-group{position:relative;margin-bottom:1.5rem}.auth-form-input-custom{background-color:#fff;border:1px solid var(--clr-border-strong, #D1D5DB);color:var(--clr-text-main, #374151);border-radius:var(--border-radius-lg, 16px);padding:.75rem 1rem;font-size:.875rem;width:100%;height:48px;box-sizing:border-box;transition:border-color var(--transition-duration-fast) ease-in-out,box-shadow var(--transition-duration-fast) ease-in-out}.auth-floating-label-group input#password.auth-form-input-custom{padding-right:3rem}.auth-form-input-custom:focus{border-color:var(--clr-accent-300, #52CBF0);box-shadow:0 0 0 2px #52cbf04d;outline:none}.auth-form-input-custom.placeholder-transparent::placeholder{color:transparent}.auth-form-input-custom.invalid{border-color:var(--clr-error);box-shadow:0 0 0 2px var(--clr-error-shadow)}.auth-form-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--clr-text-light, #6B7280);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-duration-fast, .2s);background-color:transparent;padding:0 .25rem;pointer-events:none;z-index:1}.auth-form-input-custom:focus~.auth-form-label,.auth-form-input-custom.peer:not(:placeholder-shown)~.auth-form-label{top:-.625rem;transform:translateY(0);font-size:.75rem;color:var(--clr-accent-300, #52CBF0);background-color:var(--clr-secondary-50)}.auth-password-toggle-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);cursor:pointer;color:var(--clr-text-light);z-index:2;padding:.25rem}.auth-password-toggle-icon i{font-size:.9rem;display:block}.auth-password-toggle-icon:hover i{color:var(--clr-accent-300, #52CBF0)}.auth-form-link-container{text-align:right;margin-bottom:1.5rem;margin-top:-.75rem}a.auth-form-link{color:var(--clr-accent-300, #52CBF0);text-decoration:none;font-size:.875rem;font-weight:500}a.auth-form-link:hover{color:#8cb5fd;text-decoration:none}.auth-prompt-text{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--clr-text-light, #6B7280)}.auth-prompt-text .auth-form-link{font-weight:600}.auth-supporting-text{display:block;font-size:.75rem;color:var(--clr-text-light, #6B7280);margin-top:-.75rem;margin-bottom:1.5rem;padding-left:.25rem;text-align:left}.auth-feedback-message{padding:10px 15px;margin-bottom:1.25rem;border-radius:var(--border-radius-md);font-size:.875rem;text-align:left;line-height:1.4}.auth-feedback-message.error{background-color:#ffebee;color:var(--clr-error);border:1px solid var(--clr-error)}.auth-feedback-message.success{background-color:#e8f5e9;color:var(--clr-success);border:1px solid var(--clr-success)}.auth-error-popup{position:fixed;top:-120px;left:50%;transform:translate(-50%);color:#fff;padding:15px 25px;border-radius:var(--border-radius-md, 8px);box-shadow:0 4px 12px #0003;z-index:1100;opacity:0;transition:top .4s ease-in-out,opacity .4s ease-in-out,background-color .3s ease;min-width:280px;text-align:center;font-weight:500;font-size:15px;box-sizing:border-box}.auth-error-popup.show{top:20px;opacity:1}@media (max-width: 480px){.auth-error-popup{width:90%;padding:12px 20px;font-size:14px}}.auth-verification-outer-wrapper{width:100%;min-height:100vh;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--clr-secondary-50);color:var(--clr-text-main)}.auth-verification-header{width:100%;max-width:450px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0;box-sizing:border-box}.auth-back-button{background-color:transparent;color:var(--clr-text-main);border:1px solid var(--clr-border-strong);padding:.6rem .9rem;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;text-decoration:none;transition:background-color var(--transition-duration-fast) ease-in-out,border-color var(--transition-duration-fast) ease-in-out}.auth-back-button:hover{background-color:#00000008}.auth-back-button i{font-size:.7rem}.auth-verification-logo-link{display:inline-block;text-decoration:none}.auth-verification-logo{height:35px;width:auto;display:block;transition:filter var(--transition-duration-normal) ease-in-out}.auth-verification-logo-link:hover .auth-verification-logo{filter:drop-shadow(0 0 6px var(--clr-logo-be-blue))}.auth-verification-card{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--clr-border);text-align:center;width:100%;max-width:420px;box-sizing:border-box;box-shadow:var(--shadow-lg)}.auth-verification-title{font-size:1.5rem;font-weight:600;color:var(--clr-text-headings);margin-bottom:.5rem}.auth-verification-subtitle{font-size:.875rem;color:var(--clr-text-main);margin-bottom:1.25rem;line-height:1.5}.auth-verification-subtitle #verification-email-display,.auth-verification-subtitle #verification-number-display{font-weight:600;color:#52cbf0}.auth-code-group-title{font-size:1.05rem;color:var(--clr-text-headings);margin-bottom:.4rem;margin-top:1.25rem;font-weight:600}.auth-code-inputs-container{display:flex;justify-content:center;gap:.5rem;margin-bottom:.4rem}.auth-digit-input{width:48px;height:52px;text-align:center;font-size:1.4rem;font-weight:500;border:1px solid var(--clr-border);border-radius:var(--border-radius-md);background-color:#fff;color:var(--clr-text-main);caret-color:var(--clr-accent-300);transition:border-color var(--transition-duration-fast),box-shadow var(--transition-duration-fast);outline:none;box-sizing:border-box}.auth-digit-input:focus{border-color:#52cbf0;box-shadow:0 0 0 2px #52cbf04d}.auth-digit-input.invalid{border-color:var(--clr-error);box-shadow:0 0 0 2px var(--clr-error-shadow)}.auth-btn-confirm-email{background-color:#52cbf0;color:var(--clr-text-on-dark);font-weight:600;padding:.7rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;width:100%;border:none;cursor:pointer;transition:background-color var(--transition-duration-fast) ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;margin-bottom:1rem}.auth-btn-confirm-email:hover{background-color:#8cb5fd}.auth-btn-confirm-email:disabled{background-color:var(--clr-secondary-300);cursor:not-allowed}.auth-resend-email-link{background:none;border:none;color:var(--clr-accent-300);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;padding:.5rem;transition:color var(--transition-duration-fast);display:inline-block;margin-bottom:.75rem;text-align:center}.auth-resend-email-link:last-of-type{margin-bottom:.25rem}.auth-resend-email-link:hover{color:#8cb5fd;text-decoration:none}.auth-resend-email-link:disabled{color:var(--clr-text-light);cursor:not-allowed}hr.verification-divider{margin:1.25rem 0;border:none;border-top:1px solid var(--clr-border)}.modal-button-primary{background-color:#52cbf0;color:var(--clr-text-on-dark);border-color:#52cbf0}.modal-button-primary:hover{background-color:#8cb5fd;border-color:#8cb5fd}.modal-button-outline-error{border:1px solid var(--clr-error);color:var(--clr-error);background-color:transparent}.modal-button-outline-error:hover{background-color:var(--clr-error);color:var(--clr-text-on-dark);border-color:var(--clr-error)}@media (max-width: 480px){.auth-verification-outer-wrapper{padding:.8rem}.auth-verification-card{padding:var(--spacing-md)}.auth-verification-title{font-size:1.3rem}.auth-verification-subtitle{font-size:.8rem;margin-bottom:1rem}.auth-code-group-title{font-size:.95rem;margin-top:.7rem}.auth-code-inputs-container{gap:.3rem}.auth-digit-input{width:42px;height:48px;font-size:1.2rem}.auth-btn-confirm-email{padding:.65rem .8rem;font-size:.75rem}.auth-resend-email-link{font-size:.875rem;padding:.4rem}.auth-form-card{padding:var(--spacing-lg)}.auth-form-title{font-size:1.5rem}}.phone-number-group{position:relative;margin-bottom:1.5rem}.phone-number-group .PhoneInput{display:flex;align-items:center;border:1px solid var(--clr-border-strong, #D1D5DB);border-radius:var(--border-radius-lg, 16px);background-color:#fff;transition:border-color var(--transition-duration-fast) ease-in-out,box-shadow var(--transition-duration-fast) ease-in-out;height:48px;overflow:hidden}.phone-number-group .PhoneInputInput,.phone-number-group .PhoneInputCountry{border:none;background-color:transparent;height:100%}.phone-number-group .PhoneInputInput{padding:.75rem 1rem;font-size:.875rem;color:var(--clr-text-main, #374151);width:100%;outline:none}.phone-number-group .PhoneInputCountry{display:flex;align-items:center;padding-left:.75rem;cursor:pointer}.phone-number-group .PhoneInputCountryIcon{height:1.2em;width:1.6em;box-shadow:none}.phone-number-group .PhoneInputCountrySelectArrow{margin-left:var(--spacing-xs);opacity:.6}.phone-number-group .PhoneInput:focus-within,.phone-number-group .PhoneInput.PhoneInput--focus{border-color:var(--clr-accent-300, #52CBF0);box-shadow:0 0 0 2px #52cbf033;outline:none}.phone-number-group.invalid .PhoneInput{border-color:var(--clr-error);box-shadow:0 0 0 2px var(--clr-error-shadow)}.phone-number-group .auth-form-label{position:absolute;left:1rem;top:-.625rem;font-size:.75rem;color:var(--clr-text-light, #6B7280);transition:all var(--transition-duration-fast, .2s) cubic-bezier(.4,0,.2,1);background-color:var(--clr-secondary-50);padding:0 .25rem;z-index:10;pointer-events:none}.phone-number-group .PhoneInput.PhoneInput--empty:not(.PhoneInput--focus)~.auth-form-label{display:none}.phone-number-group .PhoneInput--focus~.auth-form-label{color:var(--clr-accent-300, #52CBF0)}