.testimonials-section{padding:var(--spacing-lg) 0;text-align:center}.testimonials-content{background:var(--filter-yellow-light);padding:var(--spacing-2xl);border-radius:var(--radius-lg);max-width:var(--page-hero-max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:flex-start;text-align:left}.testimonials-quote{display:flex;flex-direction:column}.testimonials-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-tight)}.testimonial-text{margin-bottom:var(--spacing-sm);transition:opacity .3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:flex-start}.testimonial-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 16px var(--black-overlay-10);max-width:300px;width:100%;height:-moz-fit-content;height:fit-content;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease;position:sticky;top:var(--spacing-xl)}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--black-overlay-15)}.testimonial-paragraph{font-size:var(--font-size-lg);color:var(--text-gray);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.testimonial-paragraph:last-child{margin-bottom:0}.testimonial-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.testimonial-indicators{display:flex;gap:var(--spacing-xs);margin:0 var(--spacing-sm)}.indicator-dot{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-full);border:none;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.indicator-dot,.indicator-dot:before{background:transparent;transition:all .3s ease}.indicator-dot:before{content:"";width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--primary-purple)}.indicator-dot.active:before{background:var(--primary-purple);transform:scale(1.2)}.indicator-dot:hover:before{opacity:.7}.indicator-dot.active:hover:before,.indicator-dot:hover:before{background:var(--primary-purple)}.nav-arrow{background:var(--white);color:var(--text-gray);border:1px solid var(--gray-border);width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:all .3s ease}.nav-arrow:hover{background:var(--gray-light);border-color:var(--gray-medium)}.nav-arrow:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-light)}.nav-arrow:disabled:hover{background:var(--gray-light);border-color:var(--gray-border)}.testimonial-avatar{width:120px;height:120px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;margin-bottom:var(--spacing-lg);display:block;margin-left:auto;margin-right:auto}.testimonial-category{background:var(--primary-purple);color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-block;margin-bottom:var(--spacing-base)}.testimonial-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-sm)}.testimonial-donation{color:var(--text-gray);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.donation-heart{color:var(--primary-purple);font-size:var(--font-size-sm)}.donation-amount{font-weight:var(--font-weight-semibold)}.donation-duration{color:var(--text-light)}@media (max-width:768px){.testimonials-section{padding:var(--spacing-lg) 0}.testimonials-content{padding:var(--spacing-lg);margin:0 var(--spacing-base);grid-template-columns:1fr;gap:var(--spacing-xl)}.testimonials-title{font-size:var(--font-size-3xl)}.testimonial-text{min-height:150px}.testimonial-card{max-width:100%;position:static}.testimonial-avatar{width:100px;height:100px}.testimonial-nav-desktop{display:none}.testimonial-nav-mobile{display:flex;justify-content:center;align-items:center;grid-column:1/-1;margin-top:var(--spacing-xs);width:100%}.nav-arrow{min-width:48px;min-height:48px;touch-action:manipulation}.indicator-dot{width:16px;height:16px;min-width:16px;min-height:16px;touch-action:manipulation}.testimonial-indicators{margin:0 var(--spacing-base)}}.testimonial-nav-desktop{grid-column:1/-1;margin-top:0;width:100%}@media (min-width:769px){.testimonial-nav-mobile{display:none}}.volunteer{padding:var(--spacing-3xl) 0}.volunteer-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.volunteer-images{display:flex;justify-content:center}.volunteer-image{width:100%;max-width:400px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg)}.volunteer-text{display:flex;flex-direction:column}.volunteer-header{margin-bottom:var(--spacing-base)}.volunteer-subtitle{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.volunteer-icon{width:16px;height:16px}.volunteer-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.volunteer .section-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-align:left!important}.btn-volunteer{background:var(--accent-yellow);border:none;color:var(--primary-purple);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-xl);text-decoration:none}.btn-volunteer:hover{background:var(--accent-yellow-dark);transform:translateY(-2px)}@media (max-width:768px){.volunteer{padding:var(--spacing-2xl) 0}.volunteer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.volunteer-images{justify-content:center}.volunteer-image{max-width:100%;height:200px}.btn-volunteer{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm);min-height:var(--touch-target-min);touch-action:manipulation}.volunteer-image{aspect-ratio:16/9}}.newsletter{padding:var(--spacing-lg) 0;text-align:center}.newsletter-content{background:var(--gray-lightest);padding:var(--spacing-2xl);border-radius:var(--radius-lg);max-width:var(--page-hero-max-width);margin:0 auto}.newsletter-form{display:flex;gap:var(--spacing-base);max-width:500px;margin:0 auto}.newsletter-input{flex:1;padding:var(--spacing-base);border:1px solid var(--gray-input-border);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.btn-subscribe{background:var(--primary-purple-dark);color:var(--white);border:none;padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);cursor:pointer;position:relative;overflow:hidden}.btn-subscribe [data-lastpass-icon-root]{display:none!important}.newsletter-message{margin-top:var(--spacing-base);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.newsletter-message--success{background:var(--success-bg,#d4edda);color:var(--success-text,#155724);border:1px solid var(--success-border,#c3e6cb)}.newsletter-message--error{background:var(--error-bg,#f8d7da);color:var(--error-text,#721c24);border:1px solid var(--error-border,#f5c6cb)}.btn-subscribe:disabled,.newsletter-input:disabled{opacity:.6;cursor:not-allowed}.btn-subscribe:disabled{background:var(--gray-medium)}.btn-subscribe.btn-subscribe--empty{background:var(--primary-purple);cursor:not-allowed;opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.newsletter{padding:var(--spacing-lg) 0}.newsletter-content{padding:var(--spacing-lg);margin:0 var(--spacing-base)}.newsletter-form{flex-direction:column;gap:var(--spacing-sm)}.newsletter-input{padding:var(--spacing-sm)}.btn-subscribe{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm);min-height:var(--touch-target-min);touch-action:manipulation}}.verify-email-page{min-height:100vh;background:var(--white);display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);font-family:var(--font-family)}.verify-email-content{max-width:400px;width:100%;padding:var(--spacing-lg);text-align:center}.verify-header{margin-bottom:var(--spacing-lg);margin-top:calc(-1 * var(--spacing-base))}.logo-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.logo-image{width:var(--logo-width,120px);height:auto}.verify-email-content h1{margin:0;color:var(--text-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.verifying-state{padding:var(--spacing-base) 0}.spinner-container{width:40px;height:40px;margin:0 auto var(--spacing-lg)}.spinner{width:40px;height:40px;border-top:3px solid var(--filter-gray-light);border:3px solid var(--filter-gray-light);border-top-color:var(--primary-purple);border-radius:50%}.verifying-state h2{color:var(--text-medium);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.verifying-state p{color:var(--text-light);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.success-state{padding:var(--spacing-base) 0}.success-animation{margin-bottom:var(--spacing-lg)}.checkmark{width:60px;height:60px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.checkmark:after{content:"✓";color:var(--white);font-size:24px;font-weight:700}.success-state h2{color:var(--text-medium);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.success-message{color:var(--text-light);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.error-state{padding:var(--spacing-base) 0}.error-animation{margin-bottom:var(--spacing-lg)}.error-icon{width:60px;height:60px;border-radius:50%;background:var(--error-bg);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.error-icon:after{content:"✕";color:var(--white);font-size:24px;font-weight:700}.error-state h2{color:var(--text-medium);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.error-message{color:var(--text-light);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;justify-content:center}.btn{padding:var(--spacing-base) var(--spacing-lg);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .2s ease;font-size:var(--font-size-sm)}.btn-primary{background:var(--primary-purple)}.btn-primary:hover{background:var(--primary-purple-dark)}.btn svg{width:16px;height:16px}@media (max-width:768px){.verify-email-page{padding:var(--spacing-base)}.verify-email-content{padding:var(--spacing-lg) var(--spacing-base)}.logo-image{width:100px}}.btn-about-us{background:var(--accent-yellow);border:none;color:var(--primary-purple);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-2xl)}.btn-about-us,.btn-how-we-work{padding:var(--spacing-md) var(--spacing-lg)}.btn-how-we-work{color:var(--text-dark);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);box-shadow:0 2px 8px var(--black-overlay-10)}.btn-how-we-work:hover{box-shadow:0 4px 12px var(--black-overlay-15)}@media (max-width:768px){.btn-about-us,.btn-how-we-work{min-height:var(--touch-target-min);touch-action:manipulation}}.subtitle{color:var(--primary-purple);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);margin-bottom:var(--spacing-sm)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-base);color:var(--text-dark)}.section-description,.section-title{font-weight:var(--font-weight-normal);text-align:center}.section-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:var(--line-height-loose);font-size:var(--font-size-base)}.breadcrumbs{background:var(--white);padding:var(--spacing-sm) 0;border-bottom:none;position:relative;z-index:10;max-width:var(--breadcrumb-max-width);margin-left:auto;margin-right:auto}.breadcrumb-container{max-width:var(--container-max-width);margin:0 auto;padding:0}.breadcrumb-nav{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-gray)}.breadcrumb-link{color:var(--text-dark);text-decoration:none;transition:all var(--transition-normal);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.breadcrumb-link:hover{color:var(--primary-purple);background:var(--gray-lighter)}.breadcrumb-current,.breadcrumb-separator{color:var(--text-gray)}.breadcrumb-current{font-weight:var(--font-weight-normal);text-decoration:none;transition:all var(--transition-normal);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.breadcrumb-current:hover{color:var(--primary-purple);background:var(--gray-lighter)}.breadcrumbs-campaign{max-width:var(--breadcrumb-campaign-max-width);margin-left:auto;margin-right:auto}@media (max-width:768px){.breadcrumbs{padding:0;margin-top:calc(-1 * var(--spacing-base))}.breadcrumb-container{padding:0 var(--spacing-base)}.breadcrumb-nav{font-size:var(--font-size-base);flex-wrap:wrap;gap:var(--spacing-xs)}}.highlight-stats{padding:var(--spacing-xl) 0 var(--spacing-xl) 0;background:white}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);align-items:center;max-width:900px;margin:0 auto}.stat-item{text-align:center;flex-direction:column;gap:var(--spacing-sm)}.stat-icon,.stat-item{display:flex;align-items:center}.stat-icon{width:calc(var(--icon-size-xl) + var(--spacing-lg));height:calc(var(--icon-size-xl) + var(--spacing-lg));justify-content:center;margin-bottom:var(--spacing-sm);color:var(--primary-purple-darker)}.stat-icon-container{width:calc(var(--icon-size-xl) + var(--spacing-base));height:calc(var(--icon-size-xl) + var(--spacing-base));border:var(--border-width) solid var(--primary-purple-darkest);border-radius:var(--radius-full);background-color:var(--primary-purple-darkest);display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);box-sizing:border-box}.stat-icon-mask{width:100%;height:100%;background-color:var(--white);mask-size:contain;mask-repeat:no-repeat;mask-position:center center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center}.stat-icon svg{fill:currentColor}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none)}.stat-label,.stat-value{color:var(--text-gray);margin:0}.stat-label{font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}@media (max-width:768px){.highlight-stats{padding:var(--spacing-lg) 0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-base)}.stat-icon{width:calc(var(--icon-size-lg) + var(--spacing-base));height:calc(var(--icon-size-lg) + var(--spacing-base))}.stat-icon-container{width:calc(var(--icon-size-xl) + var(--spacing-sm));height:calc(var(--icon-size-xl) + var(--spacing-sm))}.stat-value{font-size:var(--font-size-xl)}.stat-label{font-size:var(--font-size-xs)}}.how-we-work-section{padding:var(--spacing-xl) 0;background:white}.how-we-work-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1200px;margin:0 auto}.how-we-work-images{position:relative;display:flex;flex-direction:column;align-items:center}.how-we-work-image-1{width:100%;max-width:500px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.how-we-work-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.how-we-work-text{display:flex;flex-direction:column}.how-we-work-header{margin-bottom:var(--spacing-xl)}.how-we-work-subtitle{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.how-we-work-icon{width:16px;height:16px}.how-we-work-steps{margin-bottom:var(--spacing-xl)}.how-we-work-step{margin-bottom:var(--spacing-lg)}.how-we-work-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.step-number{border-radius:var(--radius-full)}.btn-how-we-work{background:var(--accent-yellow);color:var(--primary-purple-darker);border:none;padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-lg);align-self:flex-start}.btn-how-we-work:hover{background:var(--accent-yellow-dark);transform:translateY(-2px)}@media (max-width:768px){.how-we-work-section{padding:var(--spacing-lg) 0}.how-we-work-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.how-we-work-images{order:2}.how-we-work-image-1{max-width:100%}.how-we-work-title{font-size:var(--font-size-2xl)}.step-title{font-size:var(--font-size-lg)}.step-description{line-height:1.6}}.volunteering-details-section{padding:var(--spacing-xl) 0;background:white}.volunteering-details-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1200px;margin:0 auto}.volunteering-details-images{position:relative;display:flex;flex-direction:column;align-items:center}.volunteering-details-image-1{width:100%;max-width:500px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.volunteering-details-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.volunteering-details-text{display:flex;flex-direction:column}.volunteering-details-header{margin-bottom:var(--spacing-xl)}.volunteering-details-subtitle{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.volunteering-details-icon{width:16px;height:16px}.volunteering-details-steps{margin-bottom:var(--spacing-xl)}.volunteering-details-step{margin-bottom:var(--spacing-lg)}.volunteering-details-description{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.step{display:flex;align-items:flex-start;gap:var(--spacing-base);margin-bottom:var(--spacing-lg)}.step-number{background:var(--primary-purple);color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.step-content{flex:1}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.step-description{color:var(--text-gray);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.btn-volunteering-details{background:var(--accent-yellow);color:var(--primary-purple-darker);border:none;padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-lg);align-self:flex-start}.btn-volunteering-details:hover{background:var(--accent-yellow-dark);transform:translateY(-2px)}@media (max-width:768px){.volunteering-details-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.volunteering-details-images{order:2}.volunteering-details-text{order:1}.volunteering-details-title{font-size:var(--font-size-2xl)}.btn-volunteering-details{align-self:center}}@media (max-width:480px){.volunteering-details-section{padding:var(--spacing-lg) 0}.volunteering-details-content{gap:var(--spacing-lg)}.volunteering-details-title{font-size:var(--font-size-xl)}.step-title{font-size:var(--font-size-base)}.step-description{font-size:var(--font-size-sm)}}.campaign-list-hero{position:relative;background:var(--white);padding:var(--spacing-md) 0;max-width:var(--campaign-list-hero-max-width);margin-left:auto;margin-right:auto}.campaign-list-hero-content{position:relative;display:flex;align-items:center;min-height:400px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px var(--black-overlay-10)}.campaign-list-hero-image{flex:1;position:relative;height:400px}.campaign-list-hero-image .hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.campaign-list-hero-overlay{position:absolute;right:0;top:0;bottom:0;width:45%;background:var(--white-overlay-90);padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(10px);overflow:hidden}.campaign-list-hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-black);margin-bottom:var(--spacing-sm);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.campaign-list-hero-description{font-size:var(--font-size-sm);color:var(--text-gray);margin-bottom:var(--spacing-base);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.campaign-list-hero-supporters{color:var(--text-gray);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.campaign-list-hero-progress,.campaign-list-hero-supporters{margin-bottom:var(--spacing-sm)}.progress-bar{height:8px;background:var(--gray-light);border-radius:4px}.progress-fill{background:var(--primary-purple);border-radius:4px;transition:width .3s ease}.campaign-list-hero-financials{display:flex;justify-content:space-between;margin-bottom:var(--spacing-base);gap:var(--spacing-lg)}.financial-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-label{font-size:var(--font-size-xs);color:var(--text-gray);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.financial-amount{margin-top:2px}.campaign-list-hero-amount,.financial-amount{font-weight:var(--font-weight-bold);color:var(--text-gray);font-size:var(--font-size-base)}.campaign-list-hero-goal{color:var(--text-light);font-size:var(--font-size-sm)}.campaign-list-hero-button{background:var(--primary-purple);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .3s ease}.campaign-list-hero-button:hover{background:var(--primary-purple-dark)}@media (max-width:768px){.campaign-list-hero{margin:0 var(--spacing-base)}.campaign-list-hero-content{flex-direction:column;min-height:auto}.campaign-list-hero-image{height:200px}.campaign-list-hero-overlay{position:relative;width:100%;padding:var(--spacing-lg)}.campaign-list-hero-title{font-size:var(--font-size-xl)}.campaign-list-hero-description{font-size:var(--font-size-sm)}.campaign-list-hero-financials{display:flex;justify-content:space-between;gap:var(--spacing-base)}}.campaign-details-hero{padding:0;background:var(--white)}.campaign-details-hero-content{text-align:center;max-width:var(--campaign-details-max-width);margin:0 auto}.campaign-details-header{padding:var(--spacing-base) 0;background:var(--white);border-bottom:1px solid var(--gray-border)}.campaign-details-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-base);line-height:1.2;margin-left:auto;margin-right:auto}.campaign-details-description,.campaign-details-title{max-width:var(--campaign-details-max-width);padding:0 var(--spacing-lg)}.campaign-details-description{font-size:var(--font-size-base);color:var(--text-gray);line-height:1.6;margin:0 auto}.campaign-details-hero-image{margin-top:var(--spacing-sm)}.campaign-details-hero-image .hero-image{width:100%;max-width:var(--campaign-details-max-width);height:var(--hero-image-height);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);box-shadow:0 4px 20px var(--black-overlay-10)}.campaign-progress-section{padding:var(--spacing-base) 0;background:var(--gray-lightest)}.campaign-progress-section .container{max-width:var(--campaign-details-max-width);margin:0 auto}.campaign-layout{display:grid;grid-template-columns:1fr minmax(300px,350px);gap:var(--spacing-2xl);align-items:start}@media (max-width:1200px){.campaign-layout{grid-template-columns:1fr 300px;gap:var(--spacing-lg)}}.campaign-progress{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);box-shadow:0 2px 10px var(--black-overlay-10)}.campaign-supporters{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-base)}.supporters-icon{color:var(--primary-purple)}.campaign-progress .supporters-count{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-dark)}.campaign-progress-bar{margin-bottom:0}.progress-bar{width:100%;height:var(--progress-height);background:var(--progress-bg);overflow:hidden;margin-bottom:var(--spacing-sm);box-shadow:0 1px 3px rgba(0,0,0,.1)}.progress-bar,.progress-fill{border-radius:var(--progress-border-radius)}.progress-fill{height:100%;background:var(--progress-fill);transition:width var(--transition-normal);box-shadow:0 1px 2px rgba(0,0,0,.1)}.campaign-progress .campaign-card-financials{display:flex;justify-content:space-between;margin-top:var(--spacing-base);margin-bottom:0;flex-shrink:0}.campaign-progress .campaign-financial-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.campaign-progress .campaign-financial-label{font-size:var(--font-size-xs);color:var(--text-gray);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.campaign-progress .campaign-financial-amount{font-weight:var(--font-weight-bold);color:var(--text-gray);font-size:var(--font-size-base);margin-top:2px}.campaign-details-tabs-container{margin-bottom:var(--spacing-lg)}.campaign-details-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--gray-border)}.campaign-details-tab{background:none;padding:var(--spacing-base) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-light);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .3s ease}.campaign-details-tab:hover{color:var(--primary-purple)}.campaign-details-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.tab-content{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:0 2px 10px var(--black-overlay-10)}.campaign-details-overview{margin-bottom:var(--spacing-2xl)}.overview-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg)}.overview-content{margin-bottom:var(--spacing-xl)}.overview-text{font-size:var(--font-size-base);line-height:1.7;color:var(--text-gray);margin-bottom:var(--spacing-lg)}.overview-text .embedded-image{max-width:100%;height:auto;margin:var(--spacing-lg) 0;border-radius:var(--radius-md);box-shadow:0 4px 12px var(--black-overlay-10);display:block}.overview-text .embedded-entry{background:var(--gray-light);padding:var(--spacing-base);border-radius:var(--radius-md);margin:var(--spacing-base) 0;border-left:4px solid var(--primary-purple)}.supporting-images{margin-top:var(--spacing-xl)}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.supporting-image{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden}.grid-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.campaign-details-updates{margin-bottom:var(--spacing-2xl)}.updates-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg)}.campaign-updates-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base);padding:var(--spacing-2xl) 0;color:var(--text-gray)}.campaign-updates-error{text-align:center;padding:var(--spacing-2xl) 0}.campaign-updates-error h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-sm)}.campaign-updates-error p{color:var(--text-gray);margin-bottom:var(--spacing-lg)}.retry-button{background:var(--primary-purple);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.retry-button:hover{background:var(--primary-purple-dark)}.campaign-updates-empty{text-align:center;padding:var(--spacing-2xl) 0}.campaign-updates-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-sm)}.campaign-updates-empty p{color:var(--text-gray)}.campaign-updates-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.campaign-update-item{padding:var(--spacing-lg);border:1px solid var(--gray-border);border-radius:var(--radius-lg);background:var(--white);box-shadow:0 2px 8px var(--black-overlay-5);transition:all .3s ease}.campaign-update-item:hover{box-shadow:0 4px 12px var(--black-overlay-10)}.campaign-update-clickable{cursor:pointer;transition:all .2s ease}.campaign-update-clickable:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--black-overlay-15)}.campaign-update-clickable:active{transform:translateY(0)}.update-header{margin-bottom:var(--spacing-base);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-light)}.update-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-sm);line-height:1.3}.update-date{font-size:var(--font-size-sm);color:var(--text-light);font-weight:var(--font-weight-medium)}.update-content{margin-top:var(--spacing-base)}.update-body{color:var(--text-gray);line-height:1.6}.update-body p{margin-bottom:var(--spacing-sm)}.update-body p:last-child{margin-bottom:0}.update-body-text{color:var(--text-gray);line-height:1.6;font-style:italic}.update-body-container{position:relative}.update-body-preview{color:var(--text-gray);line-height:1.6;max-height:6em;overflow:hidden;position:relative}.update-body-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5em;background:linear-gradient(transparent,var(--white));pointer-events:none}.update-body-expanded{color:var(--text-gray);line-height:1.6}.update-toggle-button{background:none;border:none;color:var(--primary-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;margin-top:var(--spacing-sm);text-decoration:underline;transition:color .3s ease}.update-toggle-button:hover{color:var(--primary-purple-dark)}.update-toggle-button:focus{outline:2px solid var(--primary-purple);outline-offset:2px;border-radius:var(--radius-sm)}.updates-note{margin-top:var(--spacing-lg);padding:var(--spacing-base);background:var(--filter-yellow-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-gray)}.campaign-details-transparency{margin-bottom:var(--spacing-2xl)}.transparency-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-lg)}.transparency-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.transparency-notice{padding:var(--spacing-lg);background:var(--filter-purple-light);border-radius:var(--radius-lg);border-left:4px solid var(--primary-purple)}.transparency-notice h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-sm)}.transparency-notice p{color:var(--text-gray);line-height:1.6}.transparency-placeholder{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.placeholder-item{padding:var(--spacing-lg);border:1px solid var(--gray-border);border-radius:var(--radius-lg);background:var(--white)}.placeholder-item h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-sm)}.placeholder-item p{font-size:var(--font-size-sm);color:var(--text-gray);line-height:1.5}.campaign-details-donation-panel,.campaign-sidebar{position:sticky;top:calc(var(--header-height) + var(--spacing-lg))}.campaign-details-donation-panel{background:var(--filter-purple-very-light);padding:var(--spacing-base);border-radius:var(--radius-lg);box-shadow:0 2px 12px var(--black-overlay-10)}.donation-type-tabs{display:flex;gap:0;margin-bottom:var(--spacing-base);border-bottom:1px solid var(--gray-border)}.donation-type-tab{flex:1;background:none;border:none;padding:var(--spacing-base) var(--spacing-lg);border-radius:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-gray);cursor:pointer;transition:all .3s ease;position:relative}.donation-type-tab:hover{color:var(--primary-purple)}.donation-type-tab.active{background:none;color:var(--text-dark);border-color:transparent;border-bottom:2px solid var(--primary-purple)}.donate-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-dark)}.donate-title,.selected-amount{text-align:center;margin-bottom:var(--spacing-base)}.selected-amount{padding:0;background:none;border-radius:0;border:none}.amount-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.amount-currency,.amount-value{font-size:var(--font-size-4xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--primary-purple-darker)!important;line-height:1}.amount-achievement-map{font-size:var(--font-size-base);color:var(--text-gray);font-weight:var(--font-weight-normal)}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-base)}.preset-amount-btn{background:var(--white);border:1px solid var(--gray-border);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-gray);cursor:pointer;transition:all .3s ease;min-height:40px;display:flex;align-items:center;justify-content:center}.preset-amount-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.preset-amount-btn.selected{background:var(--primary-purple);color:var(--white);border-color:var(--primary-purple)}.custom-amount{margin-bottom:var(--spacing-base)}.custom-amount-input{width:100%;padding:var(--spacing-sm) var(--spacing-base);border:1px solid var(--gray-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-dark);background:var(--white)}.custom-amount-input:focus{outline:none;border-color:var(--primary-purple)}.updates-checkbox{margin-bottom:var(--spacing-base)}.checkbox-label{align-items:flex-start;gap:var(--spacing-sm)}.checkbox-input{margin-top:2px}.checkbox-text{font-size:var(--font-size-sm);color:var(--text-gray);line-height:1.4}.campaign-details-btn-donate-primary{width:100%;background:var(--accent-yellow);color:var(--primary-purple-darker);border:none;padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;min-height:48px;display:flex;align-items:center;justify-content:center}.campaign-details-btn-donate-primary:hover{background:var(--accent-yellow-dark)}.campaign-error,.campaign-loading{padding:var(--spacing-3xl) 0;text-align:center}.campaign-details-loading-spinner{width:40px;height:40px;border-top:4px solid var(--gray-light);border:4px solid var(--gray-light);border-top-color:var(--primary-purple);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.campaign-error h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-base)}.campaign-error p{color:var(--text-gray);margin-bottom:var(--spacing-lg)}.campaign-details-btn-back-to-campaigns{background:var(--primary-purple);color:var(--white);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .3s ease}.campaign-details-btn-back-to-campaigns:hover{background:var(--primary-purple-dark)}.floating-donate-button{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);background:var(--accent-yellow);color:var(--primary-purple-darker);border:none;padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100;display:none;min-height:48px;align-items:center;justify-content:center;touch-action:manipulation;width:calc(100vw - 2 * var(--spacing-base));max-width:350px}.floating-donate-button:hover{background:var(--accent-yellow-dark);transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.2)}@media (max-width:768px){.campaign-details-header{padding:var(--spacing-lg) 0}.campaign-details-title{font-size:var(--font-size-2xl);padding:0 var(--spacing-sm)}.campaign-details-description{font-size:var(--font-size-base);padding:0 var(--spacing-sm)}.campaign-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.campaign-sidebar{position:static;order:-1}.floating-donate-button{display:flex}.campaign-progress-section{padding-bottom:calc(var(--spacing-2xl) + 60px)}.donation-module{position:static}.campaign-details-hero-title{font-size:var(--font-size-2xl)}.campaign-details-hero-description{font-size:var(--font-size-base)}.campaign-details-hero-image .hero-image{height:250px}.image-grid{grid-template-columns:1fr;gap:var(--spacing-base)}.preset-amounts{grid-template-columns:repeat(2,1fr)}}.words-of-support{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg);background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-xl);box-shadow:0 2px 8px var(--black-overlay-10)}.support-header{text-align:center;margin-bottom:var(--spacing-xl)}.support-title-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-base);margin-bottom:var(--spacing-base)}.support-icon{color:var(--primary-purple);display:flex;align-items:center}.support-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin:0;letter-spacing:var(--letter-spacing-tight)}.support-subtitle{color:var(--text-light);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.support-messages{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.support-card{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px 0 var(--black-overlay-10);transition:all var(--transition-normal);position:relative}.support-card:hover{box-shadow:0 8px 25px 0 var(--black-overlay-15);transform:translateY(-2px)}.support-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-quote{display:flex;gap:var(--spacing-base);align-items:flex-start;margin-bottom:var(--spacing-sm)}.quote-icon{color:var(--primary-purple);flex-shrink:0;margin-top:var(--spacing-xs);opacity:.6;filter:drop-shadow(0 1px 2px var(--black-overlay-10))}.support-message{line-height:var(--line-height-relaxed);color:var(--text-dark);margin:0;font-style:normal;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal)}.support-message,.support-meta{font-size:var(--font-size-base)}.support-meta{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-light);margin-top:var(--spacing-sm)}.support-author{font-weight:var(--font-weight-semibold);color:var(--text-dark);font-size:var(--font-size-base)}.support-location{color:var(--text-light)}.support-error,.support-loading{text-align:center;padding:2rem;color:var(--text-light);font-style:italic}.support-error{color:var(--error-text)}.add-support{background:var(--gray-light);border:2px dashed var(--gray-medium);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.add-support-icon{color:var(--primary-purple);margin-bottom:var(--spacing-base);display:flex;justify-content:center}.add-support-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-sm) 0}.add-support-text{color:var(--text-light);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.btn-add-support{background:var(--primary-purple);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition-fast)}.btn-add-support:hover{background:var(--primary-purple-dark)}.btn-add-support:disabled{background:var(--text-light);cursor:not-allowed}.words-support-form{max-width:600px;width:100%;margin:0 auto;background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 4px 6px -1px var(--black-overlay-10);position:relative}.words-support-form.success{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.success-icon{color:var(--success-text);margin-bottom:var(--spacing-base);display:flex;justify-content:center}.words-support-form.success h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-sm) 0}.words-support-form.success p{color:var(--text-light);margin:0;line-height:var(--line-height-relaxed)}.form-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-medium)}.form-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.form-header h3:before{content:"💬";font-size:var(--font-size-xl);opacity:.8}.form-header p{color:var(--text-light);margin:0;line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.support-form{gap:var(--spacing-lg)}.form-group,.support-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{font-weight:var(--font-weight-semibold);color:var(--text-dark);font-size:var(--font-size-sm)}.form-textarea{width:100%;padding:var(--spacing-lg);border:2px solid var(--gray-medium);border-radius:var(--radius-xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);resize:vertical;min-height:120px;transition:all var(--transition-normal);font-family:inherit;background:var(--gray-light)}.form-textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px var(--purple-overlay-15);background:var(--white);transform:translateY(-1px)}.form-textarea:disabled{background:var(--gray-light);cursor:not-allowed}.form-help{font-size:var(--font-size-xs);color:var(--text-light);text-align:right}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-base);color:var(--text-dark);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--gray-light);border:1px solid var(--gray-medium)}.checkbox-label:hover{background:var(--white);border-color:var(--primary-purple)}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-purple)}.checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-error{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--error-text);font-size:var(--font-size-sm);background:var(--error-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--error-border)}.form-actions{display:flex;gap:var(--spacing-base);justify-content:flex-end}.btn{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;min-height:var(--touch-target-min);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-dark) 100%);color:var(--white);box-shadow:0 4px 12px var(--purple-overlay-15)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-purple-dark) 0,var(--primary-purple-darker) 100%);transform:translateY(-2px);box-shadow:0 8px 20px var(--purple-overlay-15)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--purple-overlay-15)}.btn-primary:disabled{background:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--white);color:var(--text-dark);border:2px solid var(--gray-medium);box-shadow:0 2px 4px var(--black-overlay-6)}.btn-secondary:hover:not(:disabled){background:var(--gray-light);border-color:var(--primary-purple);transform:translateY(-1px);box-shadow:0 4px 8px var(--black-overlay-10)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--black-overlay-6)}.btn-secondary:disabled{background:var(--gray-light);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--black-overlay-30);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px var(--black-overlay-10),0 10px 10px -5px var(--black-overlay-10);max-width:400px;max-height:90vh;overflow:hidden;position:relative}.modal-content-large{max-width:600px!important;width:auto!important;max-height:85vh;overflow-y:auto}.modal-header{align-items:center;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-light);padding:0;width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-light);color:var(--text-dark)}.modal-body{padding:var(--spacing-base) var(--spacing-lg)}.modal-body p{color:var(--text-dark);line-height:var(--line-height-relaxed);margin:0}.modal-footer{gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);justify-content:flex-end}.btn-modal-cancel{padding:var(--spacing-sm) var(--spacing-base);background:var(--white);color:var(--text-dark);border:1px solid var(--gray-medium);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-modal-cancel:hover{background:var(--gray-light);border-color:var(--gray-medium)}.btn-modal-login{padding:var(--spacing-sm) var(--spacing-base);background:var(--primary-purple);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-modal-login:hover{background:var(--primary-purple-dark)}@media (max-width:768px){.words-of-support{padding:var(--spacing-lg) var(--spacing-base);margin:0;border-radius:var(--radius-lg);max-width:none}.support-header{margin-bottom:var(--spacing-sm)}.support-title{font-size:var(--font-size-2xl)}.support-message,.support-subtitle{font-size:var(--font-size-base)}.support-meta{font-size:var(--font-size-sm)}.support-card{padding:var(--spacing-lg)}.support-messages{gap:var(--spacing-lg)}.words-support-form{padding:var(--spacing-lg);margin:var(--spacing-base)}.modal-content-large{max-width:calc(100vw - var(--spacing-xl));margin:var(--spacing-base);max-height:calc(100vh - var(--spacing-2xl))}.modal-overlay{padding:var(--spacing-base)}.form-actions{flex-direction:column-reverse;gap:var(--spacing-md)}.btn{width:100%;justify-content:center;min-height:48px}.form-header h3{font-size:var(--font-size-xl)}}.account-container{min-height:100vh;background:var(--white);padding:var(--spacing-base) 0}.account-header{background:var(--white);padding:var(--spacing-lg) 0}.account-header-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-base)}.account-greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.account-greeting strong{color:var(--primary-purple)}.account-test-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--accent-yellow);color:var(--text-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);box-shadow:0 2px 8px var(--yellow-overlay-15)}.account-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-base) var(--spacing-base) 0}.account-section{margin-bottom:var(--spacing-2xl)}.account-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:var(--spacing-lg)}.account-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.account-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px var(--black-overlay-10);border:1px solid var(--gray-medium);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--white-overlay-10) 0,var(--white-overlay-10) 100%);pointer-events:none}.account-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--black-overlay-15)}.account-card-yellow{background:var(--filter-yellow-light);border-color:var(--accent-yellow)}.account-card-purple{background:var(--filter-purple-light);border-color:var(--primary-purple)}.account-impact-icon{font-size:var(--font-size-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--black-overlay-10)}.account-impact-content{flex:1}.account-impact-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-xs)}.account-impact-label{font-size:var(--font-size-sm);color:var(--text-gray);font-weight:var(--font-weight-medium);text-transform:lowercase}.account-donations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.account-donation-icon{font-size:var(--font-size-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--black-overlay-10)}.account-donation-content{flex:1}.account-donation-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);margin-bottom:var(--spacing-xs);display:flex;align-items:baseline;gap:var(--spacing-xs)}.account-donation-label{font-size:var(--font-size-sm);color:var(--text-gray);font-weight:var(--font-weight-medium)}.account-campaigns-tabs{display:flex;gap:var(--spacing-sm);justify-content:flex-start;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.account-campaign-tab{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;transition:all var(--transition-fast);cursor:pointer;border:none;background:var(--filter-purple-light);color:var(--text-dark)}.account-campaign-tab.active{box-shadow:0 2px 8px var(--purple-overlay-15)}.account-campaign-tab.active,.account-campaign-tab:hover:not(.active){background:var(--primary-purple);color:var(--white)}.account-campaigns-grid{display:grid;grid-template-columns:repeat(auto-fit,320px);gap:var(--spacing-lg);justify-content:start}.account-campaign-card{border:1px solid var(--gray-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);height:500px;display:flex;flex-direction:column;box-shadow:0 2px 8px var(--black-overlay-10);background:var(--white)}.account-campaign-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--black-overlay-15)}.account-campaign-card-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.account-campaign-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-between}.account-campaign-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--card-title-color);line-height:1.3;flex-shrink:0}.account-campaign-card-supporters{color:var(--text-gray);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs)}.account-campaign-supporters-icon{display:flex;align-items:center;justify-content:center;color:var(--text-gray)}.account-campaign-card-financials{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);flex-shrink:0}.account-campaign-financial-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-campaign-financial-label{font-size:var(--font-size-xs);color:var(--text-gray);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.account-campaign-financial-amount{font-weight:var(--font-weight-semibold);color:var(--text-gray);font-size:var(--font-size-base);margin-top:2px}.account-campaign-type-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);background:var(--filter-purple-light);color:var(--primary-purple);align-self:flex-start}.account-campaign-btn-support-campaign{background:var(--primary-purple-darker);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;width:100%;justify-content:center;transition:all .3s ease;font-size:var(--font-size-sm);flex-shrink:0}.account-campaign-btn-support-campaign:hover{background:var(--primary-purple-dark)}.load-more-button{background:var(--accent-yellow);color:var(--text-dark);border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin:var(--spacing-xl) auto 0;display:block}.load-more-button:hover{background:var(--accent-yellow-dark);transform:translateY(-2px);box-shadow:0 4px 16px var(--yellow-overlay-15)}.receipts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.receipts-count{font-size:var(--font-size-sm);color:var(--text-gray);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.receipts-timeframe-picker{display:flex;align-items:center;position:relative}.receipts-timeframe-select{background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;transition:border-color var(--transition-fast)}.receipts-timeframe-select:hover{border-color:var(--primary-purple)}.receipts-timeframe-arrow{font-size:var(--font-size-xs);color:var(--text-gray);margin-left:var(--spacing-sm)}.receipts-timeframe-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-medium);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--black-overlay-15);z-index:1000;margin-top:2px;max-height:200px;overflow-y:auto}.receipts-timeframe-option{display:block;width:100%;background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-dark);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.receipts-timeframe-option:hover{background:var(--gray-lightest)}.receipts-timeframe-option:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.receipts-timeframe-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.receipts-table{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 4px 20px var(--black-overlay-10);border:1px solid var(--gray-medium)}.receipts-table-header{background:var(--gray-lighter);font-weight:var(--font-weight-semibold);color:var(--text-dark);font-size:var(--font-size-sm)}.receipts-table-header,.receipts-table-row{display:grid;grid-template-columns:140px 120px 100px 1fr 140px;gap:var(--spacing-md);padding:var(--spacing-lg)}.receipts-table-row{border-bottom:1px solid var(--gray-medium);transition:background-color var(--transition-fast)}.receipts-table-row:hover{background:var(--gray-lightest)}.receipts-table-row:last-child{border-bottom:none}.receipts-table-cell{display:flex;align-items:center;font-size:var(--font-size-sm);justify-content:flex-start}.receipts-cell-date,.receipts-cell-receipt-id{justify-content:flex-start!important}.receipts-cell-receipt-id{font-family:monospace;font-weight:var(--font-weight-medium)}.receipts-cell-amount{font-weight:var(--font-weight-semibold)}.receipts-cell-amount,.receipts-cell-campaign{justify-content:flex-start!important}.receipts-actions{display:flex;gap:var(--spacing-sm)}.receipts-action-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.receipts-action-view{color:var(--primary-purple)}.receipts-action-view:hover{background:var(--filter-purple-light);color:var(--primary-purple-dark)}.receipts-action-download{color:var(--accent-yellow-dark)}.receipts-action-download:hover{background:var(--filter-yellow-light);color:var(--accent-yellow-darker)}.mobile-receipts{display:none;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 4px 20px var(--black-overlay-10);border:1px solid var(--gray-medium)}.mobile-receipt-card{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-medium);transition:background-color var(--transition-fast)}.mobile-receipt-card:hover{background:var(--gray-lightest)}.mobile-receipt-card:last-child{border-bottom:none}.mobile-receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.mobile-receipt-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark)}.mobile-receipt-actions{display:flex;gap:var(--spacing-sm)}.mobile-receipt-action{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-lg)}.mobile-receipt-campaign{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.mobile-receipt-campaign,.mobile-receipt-date,.mobile-receipt-id{font-size:var(--font-size-sm);color:var(--text-gray)}.mobile-receipt-id{font-weight:var(--font-weight-medium)}.account-donation-amount,.account-impact-value{font-family:Manrope,sans-serif;letter-spacing:-.02em}.account-donation-label,.account-impact-label{font-family:Manrope,sans-serif;letter-spacing:.01em}@media (max-width:768px){.account-container{background:var(--gray-lightest)}.account-header{padding:var(--spacing-sm) 0}.account-header-content{padding:0 var(--spacing-lg)}.account-greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;text-align:center;margin-bottom:var(--spacing-base)}.account-greeting strong{color:var(--primary-purple)}.account-content{padding:0 var(--spacing-base) var(--spacing-xl)}.account-section{margin-bottom:var(--spacing-2xl);background:transparent;padding:0;box-shadow:none}.account-section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-base)}.account-campaigns-grid,.account-donations-grid,.account-impact-grid{grid-template-columns:1fr;gap:var(--spacing-base)}.account-campaign-card{height:auto;min-height:320px}.account-campaign-card-content{padding:var(--spacing-base)}.account-campaign-card-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.account-campaigns-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-base)}.account-campaign-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.receipts-table{display:none}.mobile-receipts{display:block}.mobile-receipt-card{padding:var(--spacing-base)}.receipts-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:var(--spacing-base)!important}.receipts-timeframe-picker{width:auto!important}.receipts-timeframe-select{width:auto!important;min-width:120px!important;max-width:180px!important}.receipts-count{margin-top:0!important}}.modal-overlay,.transaction-modal-overlay{position:fixed;inset:0;background:var(--black-overlay-30);display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;backdrop-filter:blur(4px)}.transaction-modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 25px 80px var(--black-overlay-15);max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);border-bottom:none;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:var(--spacing-2xl);right:var(--spacing-2xl);height:1px;background:linear-gradient(90deg,transparent 0,var(--gray-medium) 20%,var(--gray-medium) 80%,transparent 100%)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-dark);line-height:var(--line-height-tight);padding-right:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:calc(100% - 60px);word-wrap:break-word}.modal-close{background:var(--gray-lightest);border:2px solid var(--gray-medium);font-size:var(--font-size-lg);color:var(--text-gray);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:all var(--transition-normal);line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.modal-close:hover{background:var(--primary-purple);color:var(--white);border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 16px rgba(107,70,193,.3)}.modal-close:active{transform:translateY(0);box-shadow:0 2px 8px rgba(107,70,193,.3)}.modal-content{padding:0 var(--spacing-2xl) var(--spacing-xl);flex:1;overflow-y:auto;max-width:100%;width:100%}.modal-detail-group{margin-bottom:var(--spacing-lg)}.modal-detail-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-gray);margin-bottom:var(--spacing-xs)}.modal-detail-value{font-size:var(--font-size-base);color:var(--text-dark);font-weight:var(--font-weight-semibold)}.modal-status{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-yellow);animation:pulse 2s infinite}.modal-breakdown{border-top:1px solid var(--gray-medium);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.modal-breakdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-gray);margin-bottom:var(--spacing-md)}.modal-breakdown-content{background:var(--gray-lightest);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.modal-breakdown-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);font-size:var(--font-size-sm)}.modal-breakdown-label{font-weight:var(--font-weight-medium);color:var(--text-gray)}.modal-breakdown-value{text-align:right}.modal-breakdown-total,.modal-breakdown-value{font-weight:var(--font-weight-semibold);color:var(--text-dark)}.modal-breakdown-total{border-top:1px solid var(--gray-medium);margin-top:var(--spacing-md);padding-top:var(--spacing-md);align-items:center}.modal-breakdown-total,.modal-footer{display:flex;justify-content:space-between}.modal-footer{padding:var(--spacing-2xl);border-top:none;gap:var(--spacing-lg);background:linear-gradient(135deg,var(--gray-lightest) 0,var(--filter-purple-very-light) 100%);position:relative}.modal-footer:before{content:"";position:absolute;top:0;left:var(--spacing-2xl);right:var(--spacing-2xl);height:1px;background:linear-gradient(90deg,transparent 0,var(--gray-medium) 20%,var(--gray-medium) 80%,transparent 100%)}.modal-download-button{background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-dark) 100%);color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-normal);flex:1;box-shadow:0 4px 20px rgba(107,70,193,.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.modal-download-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modal-download-button:hover:before{left:100%}.modal-download-button:hover{background:linear-gradient(135deg,var(--primary-purple-dark) 0,var(--primary-purple-darker) 100%);transform:translateY(-3px);box-shadow:0 8px 30px rgba(107,70,193,.4)}.modal-download-button:active{transform:translateY(-1px);box-shadow:0 4px 20px rgba(107,70,193,.3)}.modal-back-button{background:var(--white);color:var(--text-gray);border:2px solid var(--gray-medium);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-normal);flex:1;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;overflow:hidden}.modal-back-button:hover{background:var(--gray-lightest);color:var(--text-dark);border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.15)}.modal-back-button:active{transform:translateY(0);box-shadow:0 4px 20px rgba(0,0,0,.1)}.transaction-summary{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 calc(-1 * var(--spacing-2xl)) var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:linear-gradient(135deg,var(--filter-purple-very-light) 0,var(--gray-lightest) 100%);position:relative;overflow:hidden}.transaction-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple) 0,var(--accent-green) 100%)}.transaction-summary-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-xs);position:relative}.transaction-summary-item .transaction-summary-label,.transaction-summary-item .transaction-summary-value{display:inline}.transaction-summary-item .transaction-status{display:flex;align-items:center;gap:var(--spacing-xs)}.transaction-summary-item:not(:last-child):after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-lg) / 2);left:0;right:0;height:1px;background:var(--gray-medium);opacity:.6}.transaction-summary-label{font-size:var(--font-size-sm);color:var(--text-gray);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--spacing-xs)}.transaction-summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-dark);line-height:var(--line-height-tight);word-break:break-word}.transaction-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.transaction-status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;position:relative}.transaction-status-indicator.success{background:var(--accent-green);box-shadow:0 0 0 3px rgba(16,185,129,.2);animation:pulse 2s infinite}.transaction-status-indicator.success:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--white);border-radius:50%;opacity:.8}.transaction-status-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-green-dark);text-transform:capitalize}.transaction-breakdown,.transaction-breakdown-title{margin-bottom:var(--spacing-base)}.transaction-breakdown-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.transaction-breakdown-title:before{content:"";width:4px;height:20px;background:var(--primary-purple);border-radius:2px}.transaction-breakdown-content{padding:var(--spacing-xl);transition:all var(--transition-normal)}.transaction-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-lightest);transition:all var(--transition-fast)}.transaction-breakdown-item:last-of-type{border-bottom:none;padding-bottom:0}.transaction-breakdown-item:hover{background:var(--filter-purple-very-light);margin:0 calc(-1 * var(--spacing-xl));padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.transaction-breakdown-description{font-size:var(--font-size-base);color:var(--text-dark);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.transaction-breakdown-amount{font-size:var(--font-size-lg);color:var(--text-dark);font-weight:var(--font-weight-bold);text-align:right}.transaction-breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0 0 0;border-top:2px solid var(--primary-purple);background:linear-gradient(135deg,var(--filter-purple-very-light) 0,transparent 100%);margin:var(--spacing-lg) calc(-1 * var(--spacing-xl)) 0;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.transaction-breakdown-total-label{font-size:var(--font-size-lg);color:var(--text-dark);font-weight:var(--font-weight-bold)}.transaction-breakdown-total-amount{font-size:var(--font-size-2xl);color:var(--primary-purple);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px rgba(107,70,193,.1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:768px){.transaction-modal{max-width:100vw;margin:0;max-height:100vh;border-radius:0}.modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.modal-title{font-size:var(--font-size-xl);max-width:calc(100% - 50px)}.modal-close{width:40px;height:40px;padding:var(--spacing-xs)}.modal-content{padding:0 var(--spacing-lg) var(--spacing-sm)}.transaction-summary{grid-template-columns:1fr;gap:var(--spacing-md);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl);padding:var(--spacing-lg)}.transaction-summary-item:not(:last-child):after{display:none}.transaction-summary-item:not(:last-child){border-bottom:1px solid var(--gray-medium);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.transaction-summary-item{flex-direction:row!important;align-items:center;justify-content:space-between!important;gap:var(--spacing-xs)}.transaction-summary-item .transaction-summary-label,.transaction-summary-item .transaction-summary-value{display:inline!important}.transaction-summary-item .transaction-status{display:flex!important;align-items:center;justify-content:space-between!important;gap:var(--spacing-xs)}.transaction-summary-value{font-size:var(--font-size-md)}.transaction-breakdown-content{padding:var(--spacing-lg)}.transaction-breakdown-item:hover{margin:0 calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.transaction-breakdown-total{margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) 0;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-md)}.modal-back-button,.modal-download-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width:480px){.transaction-modal{max-width:100vw;margin:0;border-radius:0}.modal-header{padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-lg)}.modal-content{padding:0 var(--spacing-md) var(--spacing-sm)}.transaction-summary{margin:0 calc(-1 * var(--spacing-md)) var(--spacing-xl);padding:var(--spacing-md)}.transaction-summary-item{flex-direction:row!important;align-items:center;justify-content:space-between!important;gap:var(--spacing-xs)}.transaction-summary-item .transaction-summary-label,.transaction-summary-item .transaction-summary-value{display:inline!important}.transaction-summary-item .transaction-status{display:flex!important;align-items:center;justify-content:space-between!important;gap:var(--spacing-xs)}.modal-footer,.transaction-breakdown-content{padding:var(--spacing-md)}}@media (prefers-color-scheme:dark){.transaction-modal{background:var(--text-dark);color:var(--white)}.modal-title{color:var(--white)}.transaction-summary{background:linear-gradient(135deg,rgba(107,70,193,.1),rgba(0,0,0,.2))}.transaction-breakdown-content{background:transparent}}