@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] *{text-align:inherit}[dir=rtl] .navbar{direction:rtl}[dir=rtl] .navbar .menu ul{direction:rtl;text-align:right}[dir=rtl] .navbar .buttons{direction:rtl;flex-direction:row-reverse}[dir=rtl] .lang-selector{direction:ltr}[dir=rtl] .form-field,[dir=rtl] .form-group,[dir=rtl] .input-group,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{direction:rtl;text-align:right}[dir=rtl] .form-label{text-align:right}[dir=rtl] .action-btn,[dir=rtl] .btn,[dir=rtl] .modal-container,[dir=rtl] button{direction:rtl}[dir=rtl] .modal-header{direction:rtl;flex-direction:row-reverse}[dir=rtl] .close-button{left:16px;right:auto}[dir=rtl] .action-card,[dir=rtl] .card,[dir=rtl] .stat-card,[dir=rtl] .stat-content{direction:rtl;text-align:right}[dir=rtl] table{direction:rtl}[dir=rtl] td,[dir=rtl] th{text-align:right}[dir=rtl] ol,[dir=rtl] ul{direction:rtl;text-align:right}[dir=rtl] .chat-panel,[dir=rtl] .footer,[dir=rtl] .footer-content,[dir=rtl] .footer-grid{direction:rtl}[dir=rtl] .chat-header{direction:rtl;flex-direction:row-reverse}[dir=rtl] .message.received,[dir=rtl] .message.sent{direction:rtl;text-align:right}[dir=rtl] .dashboard,[dir=rtl] .message-content{direction:rtl}[dir=rtl] .dashboard-header{direction:rtl;text-align:right}[dir=rtl] .about-container,[dir=rtl] .action-cards-grid,[dir=rtl] .faq-container,[dir=rtl] .home-container,[dir=rtl] .how-it-works-container,[dir=rtl] .landing-page,[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] .row-group{flex-direction:row-reverse}[dir=rtl] .half-width:first-child{margin-left:12px;margin-right:0}[dir=rtl] .half-width:last-child{margin-left:0;margin-right:12px}[dir=rtl] .icon{transform:scaleX(-1)}[dir=rtl] .react-datepicker,[dir=rtl] .react-datepicker__day-names,[dir=rtl] .react-datepicker__header{direction:rtl}[dir=rtl] .react-select__control,[dir=rtl] .react-select__menu,[dir=rtl] .react-select__single-value{direction:rtl;text-align:right}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}*{-webkit-tap-highlight-color:rgba(0,0,0,.05);-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width:768px){a,button,input[type=button],input[type=reset],input[type=submit],label,select{min-height:44px;min-width:44px}.btn-icon,.icon-button,[role=button]{padding:12px}}.container-responsive{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}@media (max-width:768px){.container-responsive{padding-left:16px;padding-right:16px}}@media (max-width:480px){.container-responsive{padding-left:12px;padding-right:12px}}.section-padding{padding:80px 20px}@media (max-width:768px){.section-padding{padding:60px 16px}}@media (max-width:480px){.section-padding{padding:40px 12px}}.responsive-heading-xl{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.responsive-heading-lg{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.3}.responsive-heading-md{font-size:clamp(1.25rem,3vw,1.875rem);line-height:1.4}.responsive-text{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.grid-responsive{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.grid-responsive{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.grid-responsive{gap:12px}}.flex-responsive{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:768px){.flex-responsive{gap:12px}.flex-responsive-column{flex-direction:column}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}.responsive-img{display:block;height:auto;max-width:100%}.responsive-img-cover{height:100%;object-fit:cover;width:100%}.responsive-img-contain{height:100%;object-fit:contain;width:100%}.responsive-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}@media (max-width:768px){.responsive-scroll{overflow-x:scroll}.table-responsive{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-responsive table{min-width:600px}.modal-responsive{margin:16px;max-width:95%!important;width:95%!important}.modal-responsive .modal-body,.modal-responsive .modal-header{padding:16px}.modal-responsive .modal-footer{flex-direction:column;gap:8px;padding:16px}.form-responsive,.modal-responsive .modal-footer button{width:100%}.form-responsive .form-row{flex-direction:column;gap:16px}.form-responsive input,.form-responsive select,.form-responsive textarea{font-size:16px;width:100%}.form-responsive button[type=submit]{width:100%}.card-responsive{border-radius:12px;margin:12px 0}.card-responsive:first-child{margin-top:0}.card-responsive:last-child{margin-bottom:0}.btn-group-responsive{display:flex;flex-direction:column;gap:8px;width:100%}.btn-group-responsive a,.btn-group-responsive button{justify-content:center;width:100%}}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (max-width:768px){.no-select-mobile{-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:focus-visible{outline:2px solid #1b4965;outline-offset:2px}body,html{max-width:100vw;overflow-x:hidden}.video-responsive{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-responsive iframe,.video-responsive video{height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.nav-responsive{background:#fff;box-shadow:0 2px 8px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}body.nav-open{overflow:hidden}html[data-text-size=large]{font-size:18px}html[data-text-size=x-large]{font-size:20px}}@media print{.hide-print{display:none!important}.page-break{page-break-after:always}body{background:#fff;color:#000;font-size:12pt;line-height:1.5}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{background:linear-gradient(135deg,#eaf7ff,#e9ecef);color:#2c3e50;overflow:hidden;padding:60px 20px 30px;position:relative}.footer:before{background-image:radial-gradient(circle at 20% 80%,#1b496508 0,#0000 50%),radial-gradient(circle at 80% 20%,#62b6cb08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-content{align-items:flex-start;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:2}.footer-left{flex:1 1;max-width:500px}.logo-section{align-items:center;display:flex;gap:15px;margin-bottom:20px}.footer-logo{height:70px;object-fit:contain;width:80px}.company-name{color:#1b4965;font-size:2rem;font-weight:700}.footer-description{color:#555;font-size:.9rem;line-height:1.6;margin:0;opacity:.9}.footer-right{flex:1 1;max-width:400px}.footer-grid{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1fr}.footer-column{text-align:left}.column-title{color:#1b4965;display:inline-block;font-size:1.3rem;font-weight:700;margin-bottom:20px;position:relative}.column-title:after{background:linear-gradient(90deg,#1b4965,#62b6cb);border-radius:2px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#555;display:inline-block;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:before{background:#62b6cb;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#1b4965;transform:translateX(5px)}.footer-links a:hover:before{width:100%}.contact-info{margin-top:10px}.contact-item{align-items:center;display:flex;gap:12px;margin:15px 0;transition:transform .3s ease}.contact-item:hover{transform:translateX(5px)}.contact-icon{color:#62b6cb;font-size:1.1rem;min-width:20px;transition:color .3s ease}.contact-item:hover .contact-icon{color:#1b4965}.contact-address,.contact-email,.contact-phone{color:#555;font-weight:500;margin:0;text-decoration:none;transition:color .3s ease}.contact-item:hover .contact-address,.contact-item:hover .contact-email,.contact-item:hover .contact-phone{color:#1b4965;cursor:pointer}.footer-bottom{margin:40px auto 0;max-width:1200px;position:relative;z-index:2}.footer-divider{background:linear-gradient(90deg,#0000,#dee2e6,#0000);height:1px;margin-bottom:30px}.bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.copyright{color:#777;font-size:.9rem;font-weight:500}.legal-links{align-items:center;display:flex;gap:15px}.legal-links a{color:#555;font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.legal-links a:after{background:#62b6cb;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.legal-links a:hover{color:#1b4965}.legal-links a:hover:after{width:100%}.separator{color:#ccc;font-weight:300}@media (max-width:1024px){.footer-content{gap:40px}.footer-grid{gap:60px}}@media (max-width:768px){.footer{padding:40px 15px 20px}.footer-content{align-items:center;flex-direction:column;gap:40px;text-align:center}.footer-left{max-width:100%}.logo-section{flex-direction:column;gap:10px;justify-content:center;margin-bottom:25px}.footer-grid{align-items:center;display:flex;flex-direction:column;gap:40px;grid-template-columns:1fr;margin:0 auto;max-width:100%;width:100%}.footer-column{text-align:center;width:100%}.column-title:after{left:50%;transform:translateX(-50%)}.footer-description{font-size:1rem;padding:0 10px}.bottom-content{flex-direction:column;gap:15px;text-align:center}.legal-links{justify-content:center}}@media (max-width:480px){.footer{padding:30px 10px 15px}.company-name{font-size:1.6rem}.footer-description{font-size:.95rem;line-height:1.5}.footer-grid{gap:30px;max-width:100%}.column-title{font-size:1.2rem}.footer-links a{font-size:.95rem}.contact-item{flex-direction:column;gap:5px;text-align:center}.contact-info .contact-item{align-items:center;justify-content:center}}@media (max-width:360px){.footer{padding:25px 8px 10px}.footer-logo{height:50px;width:60px}.company-name{font-size:1.4rem}.footer-description{font-size:.9rem}}.home-container{align-items:center;background-color:#1b4965;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:0 10%;position:relative;width:100%}.background-video{height:100%;left:0;object-fit:cover;opacity:.6;position:absolute;top:0;width:100%;z-index:0}.home-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:900px;padding:3rem;position:relative;text-align:left;width:100%;z-index:2}.home-container:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.typewriter-text{word-wrap:break-word;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap}.typewriter-line-1{animation:typing-sequential-line1 8s steps(25) infinite,blink-caret 1s ease-in-out infinite;width:0}.typewriter-line-2{animation:typing-sequential-line2 8s steps(18) infinite,blink-caret 1s ease-in-out infinite;width:0}.typewriter-line-3{animation:typing-sequential-line3 8s steps(25) infinite,blink-caret 1s ease-in-out infinite;width:0}.typewriter-line-4{animation:typing-sequential-line4 8s steps(22) infinite,blink-caret 1s ease-in-out infinite;width:0}@keyframes typing-sequential-line1{0%{width:0}25%{width:100%}75%{width:100%}to{width:0}}@keyframes typing-sequential-line2{0%{width:0}25%{width:0}50%{width:100%}62.5%{width:100%}75%{width:0}to{width:0}}@keyframes typing-sequential-line3{0%{width:0}25%{width:100%}75%{width:100%}to{width:0}}@keyframes typing-sequential-line4{0%{width:0}25%{width:0}50%{width:100%}62.5%{width:100%}75%{width:0}to{width:0}}@keyframes blink-caret{0%,50%{border-color:#62b6cb}51%,to{border-color:#0000}}.home-title{animation:fadeInUp 1s ease-out .5s forwards;margin-bottom:2rem;opacity:0;position:relative;text-align:center;transform:translateY(30px);width:100%;z-index:2}.receiver-title{animation:fadeInUp 1s ease-out forwards}.home-title h1{color:#fff;font-weight:700;line-height:1.2;margin:0;text-shadow:2px 2px 4px #0000004d}.gradient-text,.home-title h1{word-wrap:break-word;font-size:4rem;max-width:100%;overflow-wrap:break-word;width:100%}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s infinite;animation-delay:4.5s;background:linear-gradient(45deg,#113b55,#62b6cb);-webkit-background-clip:text;background-clip:text;color:#62b6cb;display:block;font-weight:400;text-shadow:none}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.home-description{animation:fadeInUp 1s ease-out 1s forwards;max-width:900px;opacity:0;position:relative;text-align:center;transform:translateY(30px);width:100%;z-index:2}.home-description p{color:#ffffffe6;font-size:1.5rem;line-height:1.5;margin-bottom:4rem;max-width:100%;text-align:left;text-shadow:1px 1px 2px #0000004d;width:100%}.home-description button{animation:pulse 2s infinite;background:linear-gradient(45deg,#547f95,#62b6cb);border:none;border-radius:50px;box-shadow:0 10px 30px #e9faf866;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;overflow:hidden;padding:1.5rem 5rem;position:relative;transition:all .3s ease}.home-description button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:130%;left:-100%;position:absolute;top:0;transition:left .5s;width:150%}.home-description button:hover:before{left:100%}.home-description button:hover{box-shadow:0 15px 40px #d6fcff99;transform:translateY(-3px)}.home-description button:active{transform:translateY(-1px)}.floating-element{animation:floatElement 15s linear infinite;background:hsla(0,0%,100%,.053);border-radius:50%;position:absolute}.floating-element:first-child{animation-delay:0s;height:100px;right:10%;top:10%;width:100px}.floating-element:nth-child(2){animation-delay:-5s;bottom:20%;height:150px;left:5%;width:150px}.floating-element:nth-child(3){animation-delay:-10s;height:80px;right:20%;top:50%;width:80px}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}@media (max-width:968px){.home-container{padding:0 5%}.home-content{max-width:100%;padding:2.5rem 2rem}.gradient-text,.home-title h1{font-size:3rem;line-height:1.3;max-width:100%;width:100%}}@media (max-width:768px){.home-container{padding:0 4%}.home-content{align-items:center;max-width:100%;padding:2rem 1rem;text-align:center}.home-title{text-align:center;width:100%}.gradient-text,.home-title h1{font-size:2.5rem;line-height:1.3;width:100%}.typewriter-text{display:block!important;overflow:visible!important;white-space:normal!important}.typewriter-line-1,.typewriter-line-2,.typewriter-line-3,.typewriter-line-4,.typewriter-text{animation:none!important;max-width:100%!important;width:100%!important}.home-description{max-width:100%;width:100%}.home-description p{font-size:1rem;line-height:1.6;text-align:center;width:100%}.home-description button{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.home-container{padding:0 3%}.home-content{max-width:100%;padding:1.5rem .75rem}.home-title{width:100%}.gradient-text,.home-title h1{word-wrap:break-word;font-size:1.75rem;line-height:1.4;max-width:100%;overflow-wrap:break-word;width:100%}.typewriter-text{animation:none!important;display:block!important;max-width:100%!important;overflow:visible!important;white-space:normal!important;width:100%!important}.home-description{max-width:100%;width:100%}.home-description p{font-size:.9rem;line-height:1.6;margin-bottom:2rem;text-align:center;width:100%}.home-description button{font-size:.9rem;max-width:280px;padding:.9rem 1.8rem;width:100%}}@media (max-width:375px){.home-container{padding:0 2%}.home-content{padding:1.25rem .5rem}.gradient-text,.home-title h1{font-size:1.5rem;line-height:1.4;max-width:100%;width:100%}.home-description p{font-size:.85rem;width:100%}.home-description button{font-size:.85rem;padding:.85rem 1.5rem}}@media (max-width:320px){.home-container{padding:0 1%}.home-content{padding:1rem .5rem}.gradient-text,.home-title h1{font-size:1.3rem;line-height:1.5;max-width:100%;width:100%}.home-description p{font-size:.8rem;width:100%}.home-description button{font-size:.8rem;padding:.8rem 1.2rem}}.about-container{align-items:center;background:linear-gradient(135deg,#f5f9fc,#e6f2ff);box-sizing:border-box;color:#1b4965;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:80px 20px 60px;position:relative}.about-container:after,.about-container:before{animation:float 15s ease-in-out infinite alternate;background:#cae9ff80;border-radius:50%;content:"";filter:blur(60px);height:300px;position:absolute;width:300px;z-index:1}.about-container:before{left:10%;top:10%}.about-container:after{animation-delay:5s;background:#62b6cb4d;height:400px;left:70%;top:60%;width:400px}@keyframes float{0%{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(-40px) translateX(30px) rotate(5deg)}to{transform:translateY(20px) translateX(-20px) rotate(-5deg)}}.about-hero{margin-bottom:40px;max-width:800px;position:relative;text-align:center;z-index:2}.about-subtitle,.about-title,.carousel-container,.mission-section{opacity:0}.about-title.animate-in{animation:fadeInDown .4s ease forwards}.about-subtitle.animate-in{animation:fadeInUp .4s ease forwards}.carousel-container.animate-in{animation:slideUp 1s ease forwards}.mission-section.animate-in{animation:fadeIn 1.5s ease forwards;animation-delay:1.2s}.about-title{word-wrap:break-word;color:#1b4965;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:20px}.about-subtitle{color:#64748b;font-size:clamp(.95rem,2vw,1.1rem);font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.carousel-container{margin:20px auto;max-width:1400px;opacity:0;position:relative;transform:translateY(40px);width:100%;z-index:2}.carousel-wrapper{margin-bottom:40px}.carousel-track,.carousel-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.carousel-track{height:420px;overflow:hidden;width:100%}.carousel-slide{opacity:0;position:absolute;transform:scale(.8) translateX(150px);transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.carousel-slide.active{opacity:1;transform:scale(1) translateX(0);z-index:3}.carousel-slide.prev{opacity:.4;transform:scale(.85) translateX(-180px);z-index:2}.carousel-slide.next{opacity:.4;transform:scale(.85) translateX(180px);z-index:2}.carousel-btn{align-items:center;background:#62b6cb;border:none;border-radius:50%;box-shadow:0 10px 30px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:4}.carousel-btn:hover{background:#81d6ec;transform:translateY(-50%) scale(1.15)}.carousel-btn.prev{left:30px}.carousel-btn.next{right:30px}.carousel-dots{display:flex;gap:15px;justify-content:center;margin-top:40px}.dot{background:#cae9ff;border:none;border-radius:50%;cursor:pointer;height:14px;transition:all .3s ease;width:14px}.dot.active{background:#62b6cb;transform:scale(1.3)}.dot:hover{background:#5fa8d3;transform:scale(1.2)}.about-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid #ffffffe6;border-radius:24px;box-shadow:0 20px 50px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:360px;justify-content:center;margin:0 auto;max-width:550px;padding:40px 35px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.about-card:hover{box-shadow:0 25px 60px #0003;transform:translateY(-8px) scale(1.03)}.card-icon{align-items:center;border-radius:50%;color:#62b6cb;display:flex;font-size:4rem;height:100px;justify-content:center;margin-bottom:30px;transition:transform .3s ease;width:100px}.about-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.about-card h2{color:#1b4965;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:20px}.about-card p{color:#1b4965;font-size:1.2rem;font-weight:400;line-height:1.7}.mission-section{background:#ffffffb3;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:60px auto 40px;max-width:800px;padding:40px;position:relative;text-align:center;z-index:2}.mission-title{color:#1b4965;font-size:2rem;margin-bottom:20px}.mission-text{color:#1b4965;font-size:1.1rem;line-height:1.7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about-container{padding:70px 20px 50px}.carousel-track{height:400px}.about-card{height:350px;max-width:500px}}@media (max-width:900px){.about-container{padding:60px 20px 40px}.carousel-slide.next,.carousel-slide.prev{opacity:.3;transform:scale(.82) translateX(140px)}.carousel-slide.prev{transform:scale(.82) translateX(-140px)}}@media (max-width:768px){.about-container{padding:50px 15px 35px}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.05rem}.about-hero{margin-bottom:30px}.carousel-container{margin:15px auto;max-width:100%}.carousel-track{height:380px}.about-card{height:340px;margin:0 20px;max-width:450px;padding:35px 25px}.card-icon{font-size:3.5rem;height:90px;width:90px}.about-card h2{font-size:1.8rem}.about-card p{font-size:1.1rem}.carousel-slide.next,.carousel-slide.prev{opacity:.2;transform:scale(.8) translateX(120px)}.carousel-slide.prev{transform:scale(.8) translateX(-120px)}.carousel-btn{font-size:1.8rem;height:50px;width:50px}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.mission-section{margin:40px 20px;padding:30px 20px}.mission-title{font-size:1.7rem}}@media (max-width:600px){.about-container{padding:45px 15px 30px}.about-title{font-size:2.2rem}.carousel-track{height:360px}.about-card{height:330px;max-width:380px}}@media (max-width:480px){.about-container{padding:40px 15px 30px}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.carousel-track{height:350px}.about-card{height:320px;max-width:320px;padding:30px 20px}.card-icon{font-size:3rem;height:80px;margin-bottom:25px;width:80px}.about-card h2{font-size:1.6rem;margin-bottom:15px}.about-card p{font-size:1rem;line-height:1.6}.carousel-btn{font-size:1.5rem;height:45px;width:45px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-slide.next,.carousel-slide.prev{display:none}.carousel-dots{margin-top:30px}.dot{height:12px;width:12px}.mission-section{margin:30px 15px;padding:25px 15px}}@media (max-width:375px){.about-container{padding:35px 10px 25px}.about-title{font-size:1.8rem}.about-card{height:310px;max-width:300px;padding:25px 15px}.card-icon{font-size:2.8rem;height:75px;width:75px}.about-card h2{font-size:1.5rem}.about-card p{font-size:.95rem}}*{margin:0;padding:0}.faq-container{align-items:flex-start;background-color:#f9fafb;display:flex;gap:300px;justify-content:center;padding:80px 5%}.faq-left{flex:1 1;max-width:500px}.faq-left h1{color:#1b4965;font-size:2.8rem;font-weight:700;line-height:1.5}.faq-right{flex:1 1;max-width:600px}.faq-item{background:#0000;border-bottom:2px solid #e2e8f0;margin-bottom:0;transition:border-color .3s ease}.faq-item:hover{border-bottom-color:#62b6cb}.faq-left{opacity:0;transform:translateY(40px);transition:all .7s ease}.faq-left.animate-in{opacity:1;transform:translateY(0)}.faq-right{opacity:0;transform:translateY(40px);transition:all .8s ease .2s}.faq-right.animate-in{opacity:1;transform:translateY(0)}.faq-item{opacity:0;transform:translateY(30px);transition:all .6s ease}.faq-right.animate-in .faq-item{opacity:1;transform:translateY(0)}.faq-right.animate-in .faq-item:first-child{transition-delay:.3s}.faq-right.animate-in .faq-item:nth-child(2){transition-delay:.4s}.faq-right.animate-in .faq-item:nth-child(3){transition-delay:.5s}.faq-right.animate-in .faq-item:nth-child(4){transition-delay:.6s}.faq-item.active{border-bottom-color:#62b6cb}.faq-question{background:#0000;color:#1b4965;font-size:1.1rem;padding:25px 0;transition:all .3s ease}.faq-question:hover{color:#0e262b}.faq-icon{align-items:center;color:#1b4965;display:flex;font-size:1rem;font-weight:300;height:14px;justify-content:center;transition:all .3s ease;width:14px}.faq-question:hover .faq-icon{color:#0e262b}.faq-answer{background-color:initial;max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer-content{color:#6b7280;font-size:1rem;line-height:1.7;opacity:0;padding:0;transform:translateY(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.faq-item.active .faq-answer{animation:fadeInUp .4s ease-out;max-height:300px}.faq-item.active .faq-answer-content{opacity:1;padding:0 0 25px;transform:translateY(0)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.faq-container{flex-direction:column;gap:30px;padding:50px 5%}.faq-left{max-width:100%;text-align:center}.faq-left h1{font-size:2.4rem;margin-bottom:20px}.faq-right{max-width:100%;width:100%}}@media (max-width:480px){.faq-container{gap:25px;padding:30px 4%}.faq-left h1{font-size:1.8rem}.faq-question{font-size:1rem;padding:18px 0}.faq-answer-content{font-size:.9rem}}.hiw-container{background-color:#fff;box-sizing:border-box;opacity:0;overflow:hidden;padding:80px 5%;position:relative;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease}.hiw-container.hiw-animate-in{opacity:1;transform:translateY(0)}.hiw-header{margin-bottom:60px;opacity:0;padding:0 20px;text-align:center;transform:translateY(20px);transition:opacity .4s ease .15s,transform .4s ease .15s}.hiw-container.hiw-animate-in .hiw-header{opacity:1;transform:translateY(0)}.hiw-header h1{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(45deg,#1b4965,#62b6cb);-webkit-background-clip:text;background-clip:text;color:#1b4965;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem}.hiw-header p{color:#64748b;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.hiw-steps-wrapper{display:flex;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease .6s,transform .8s ease .6s}.hiw-container.hiw-animate-in .hiw-steps-wrapper{opacity:1;transform:translateY(0)}.hiw-steps-container{display:flex;gap:40px;justify-content:space-between;max-width:1200px;position:relative;width:100%}.hiw-step-column{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.hiw-step-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #1b49651a;display:flex;flex-direction:column;margin-bottom:40px;opacity:.6;padding:30px 20px;text-align:center;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.hiw-step-card.hiw-active{box-shadow:0 20px 40px #1b496526;opacity:1;transform:translateY(0)}.hiw-step-visual{margin-bottom:20px}.hiw-icon-circle{align-items:center;background:#1b4965;border:6px solid #fff;border-radius:50%;box-shadow:0 10px 30px #1b496526;color:#fff;display:flex;font-size:1.5rem;height:80px;justify-content:center;margin:0 auto;transition:all .3s ease;width:80px}.hiw-step-card.hiw-active .hiw-icon-circle{background:#62b6cb;transform:scale(1.05)}.hiw-step-content{max-width:100%}.hiw-step-number{color:#62b6cb;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:10px}.hiw-step-content h3{color:#1b4965;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.hiw-step-content p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0}.hiw-progress-container{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.hiw-progress-bar{background:linear-gradient(90deg,#1b4965,#62b6cb);border-radius:4px;height:100%;transition:width .3s ease;width:0}.hiw-progress-bar.hiw-completed{width:100%}.hiw-progress-bar.hiw-animating{animation:hiw-progressFill linear forwards}@keyframes hiw-progressFill{0%{width:0}to{width:100%}}.hiw-floating-food{animation:hiw-floatAround 20s linear infinite;font-size:3rem;opacity:.1;opacity:0;position:absolute;transition:opacity 1s ease .9s;z-index:1}.hiw-container.hiw-animate-in .hiw-floating-food{opacity:.1}.hiw-food-1{animation-delay:0s;left:5%;top:10%}.hiw-food-2{animation-delay:-5s;right:8%;top:20%}.hiw-food-3{animation-delay:-10s;bottom:30%;left:10%}.hiw-food-4{animation-delay:-15s;bottom:20%;right:5%}@keyframes hiw-floatAround{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-30px) rotate(90deg)}50%{transform:translate(-15px,-60px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}to{transform:translate(0) rotate(1turn)}}@keyframes hiw-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1400px){.hiw-container{padding:80px 5%}.hiw-steps-container{gap:30px;max-width:1100px}}@media (max-width:1200px){.hiw-steps-container{gap:25px;max-width:950px}.hiw-step-content h3{font-size:1.6rem}.hiw-step-content p{font-size:1rem}}@media (max-width:1024px){.hiw-steps-container{gap:20px}.hiw-step-card{padding:25px 15px}.hiw-icon-circle{font-size:1.3rem;height:60px;width:60px}.hiw-step-content h3{font-size:1.5rem}.hiw-step-content p{font-size:.95rem}}@media (max-width:900px){.hiw-container{padding:60px 5%}.hiw-steps-container{align-items:center;flex-direction:column;gap:40px}.hiw-step-column{max-width:500px;width:100%}.hiw-step-card{margin-bottom:20px;opacity:1}.hiw-step-card,.hiw-step-card.hiw-active{transform:translateY(0)}.hiw-progress-container{max-width:400px;width:100%}}@media (max-width:768px){.hiw-container{padding:50px 5%}.hiw-header{margin-bottom:40px}.hiw-header h1{font-size:2.5rem}.hiw-header p{font-size:1rem}.hiw-step-column{max-width:450px}.hiw-steps-container{gap:35px}}@media (max-width:600px){.hiw-header h1{font-size:2rem}.hiw-icon-circle{font-size:1.2rem;height:55px;width:55px}.hiw-step-content h3{font-size:1.4rem}}@media (max-width:480px){.hiw-container{padding:40px 4%}.hiw-header{margin-bottom:35px;padding:0 10px}.hiw-header h1{font-size:1.75rem;margin-bottom:.75rem}.hiw-header p{font-size:.95rem}.hiw-step-card{padding:20px 15px}.hiw-step-content{padding:0 10px}.hiw-icon-circle{font-size:1.1rem;height:50px;width:50px}.hiw-step-content h3{font-size:1.3rem}.hiw-step-content p{font-size:.9rem}.hiw-steps-container{gap:30px}.hiw-progress-container{max-width:300px}}@media (max-width:375px){.hiw-header h1{font-size:1.6rem}.hiw-step-content h3{font-size:1.2rem}.hiw-step-content p{font-size:.85rem}.hiw-icon-circle{font-size:1rem;height:48px;width:48px}}.register-type-page{align-items:center;background:linear-gradient(180deg,#f0f9ff 0,#fff 45%,#e6fffa);color:#1b4965;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:20px 40px;position:relative}.logo-container{align-items:center;display:flex;gap:15px;left:40px;position:absolute;top:30px;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.logo-container .logo{height:auto;width:100px}.logo-container .logo-text{color:#1b4965;font-size:2.2rem;font-weight:700}.intro{flex-shrink:0;margin-bottom:20px;text-align:center}.intro h1{color:#1b4965;font-size:2.5rem;font-weight:600;margin-bottom:10px}.intro .subtitle{color:#1b4965;font-size:1.1rem;font-weight:500;margin-top:5px;max-width:700px}.intro .subtitle,.intro p{margin-left:auto;margin-right:auto}.intro p{color:#55697a;margin-top:10px;max-width:600px}.intro h2{font-size:1.2rem;font-weight:600;margin-top:30px}.content{align-items:center;display:flex;flex:1 1;gap:30px;justify-content:center;max-height:calc(100vh - 200px);max-width:1400px;min-height:0;width:100%}.registration-options{display:flex;gap:20px}.illustration{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;max-height:100%}.illustration img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.option-card{border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;flex-shrink:1;justify-content:space-between;max-height:100%;overflow-y:auto;padding:25px 20px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:380px}.option-card img{display:block;height:auto;height:100px;margin:0 auto 15px;max-width:100%;width:100px}.option-card.donor{background:#f0f9ff;border:2px solid #b3d9e6}.option-card.receiver{background:#f0fff9;border:2px solid #b3e6d5}.option-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.option-card.donor:hover{border-color:#0077b6}.option-card.receiver:hover{border-color:#00a896}.option-card h3{color:#1b4965;font-size:1.35rem;font-weight:700;margin-bottom:12px}.option-card p{color:#55697a;font-size:.88rem;line-height:1.5;margin-bottom:18px}.option-card ul{list-style:none;margin:0 0 20px;padding:0;text-align:left}.option-card li{align-items:center;color:#1b4965;display:flex;font-size:.88rem;gap:10px;justify-content:flex-start;margin-bottom:10px;padding-left:15px}.option-card li:before{color:#1b4965;content:"✓";flex-shrink:0;font-size:1.1rem;font-weight:700}.register-button{border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;flex-shrink:0;font-size:.95rem;font-weight:600;margin-top:auto;padding:14px 20px;transition:background-color .2s,transform .1s;width:100%}.donor-button{background:#0077b6}.donor-button:hover{background:#005a8f;transform:translateY(-2px)}.receiver-button{background:#00a896}.receiver-button:hover{background:#008d76;transform:translateY(-2px)}.back-container{margin-top:40px;text-align:center}.back-button{background:none;border:2px solid #16324f;border-radius:8px;color:#16324f;padding:10px 16px;transition:.2s}.back-button:hover{background:#16324f;color:#fff}@media (max-width:1200px){.content{gap:25px;max-height:calc(100vh - 180px)}.option-card{padding:20px 18px;width:280px}.intro h1{font-size:2.2rem}.intro .subtitle{font-size:1rem}}@media (max-width:1024px){.register-type-page{padding:15px 20px}.content{gap:20px;max-height:calc(100vh - 160px)}.option-card{padding:18px 15px;width:250px}.option-card img{height:80px;margin-bottom:12px;width:80px}.option-card h3{font-size:1.2rem;margin-bottom:10px}.option-card p{font-size:.82rem}.option-card p,.option-card ul{margin-bottom:15px}.option-card li{font-size:.82rem;margin-bottom:8px}.intro h1{font-size:2rem;margin-bottom:8px}.intro .subtitle{font-size:.95rem}}@media (max-width:900px){.content{gap:15px;max-height:calc(100vh - 150px)}.option-card{padding:15px 12px;width:230px}.option-card h3{font-size:1.1rem}.option-card p{font-size:.78rem}.option-card p,.option-card ul{margin-bottom:12px}.option-card li{font-size:.78rem;margin-bottom:6px}.register-button{font-size:.88rem;padding:12px 16px}}@media (max-width:768px){.register-type-page{height:100vh;overflow:hidden;padding:15px}.logo-container{left:10px;top:10px}.logo-container .logo{width:50px}.intro{margin-bottom:15px;margin-top:60px}.intro h1{font-size:1.6rem;margin-bottom:6px}.intro .subtitle{font-size:.9rem}.content{align-items:center;flex-direction:row;gap:12px;max-height:calc(100vh - 140px)}.option-card{max-width:none;padding:15px 12px;width:48%}.option-card img{height:70px;margin-bottom:10px;width:70px}.option-card h3{font-size:1.1rem;margin-bottom:8px}.option-card p{font-size:.78rem;line-height:1.4;margin-bottom:10px}.option-card ul{margin-bottom:12px}.option-card li{font-size:.78rem;gap:8px;margin-bottom:6px;padding-left:8px}.register-button{font-size:.85rem;padding:11px 14px}.illustration{display:none}}@media (max-width:640px){.intro h1{font-size:1.5rem}.intro .subtitle{font-size:.85rem}.option-card h3{font-size:1rem}.option-card li,.option-card p{font-size:.72rem}.register-button{font-size:.8rem}}@media (max-height:800px) and (min-width:769px){.register-type-page{padding:15px 30px}.intro{margin-bottom:15px}.intro h1{font-size:2rem;margin-bottom:8px}.intro .subtitle{font-size:1rem}.content{max-height:calc(100vh - 150px)}.option-card{padding:18px 16px;width:280px}.option-card img{height:85px;margin-bottom:12px;width:85px}.option-card h3{font-size:1.25rem;margin-bottom:10px}.option-card p{font-size:.85rem;margin-bottom:12px}.option-card ul{margin-bottom:15px}.option-card li{font-size:.85rem;margin-bottom:8px}.register-button{font-size:.9rem;padding:12px 18px}}@media (max-width:480px){.register-type-page{height:100vh;overflow:hidden;padding:12px 8px}.logo-container{left:8px;top:8px}.logo-container .logo{width:45px}.intro{margin-bottom:12px;margin-top:55px}.intro h1{font-size:1.3rem;margin-bottom:5px}.intro .subtitle{font-size:.8rem}.content{gap:8px;max-height:calc(100vh - 120px)}.option-card{padding:12px 8px;width:48%}.option-card img{height:55px;margin-bottom:8px;width:55px}.option-card h3{font-size:.95rem;margin-bottom:6px}.option-card p{font-size:.65rem;line-height:1.3;margin-bottom:8px}.option-card ul{margin-bottom:10px}.option-card li{font-size:.65rem;gap:6px;margin-bottom:5px;padding-left:4px}.option-card li:before{font-size:.8rem}.register-button{font-size:.75rem;padding:9px 10px}.illustration{display:none}}.registration-page{background:#fff;display:flex;font-family:Inter,sans-serif;min-height:100vh;position:relative}.background-image{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:80px 40px 40px;position:relative;text-align:center}.background-image:after{background-color:#e2e8f0;bottom:50px;content:"";position:absolute;right:0;top:50px;width:1px}.background-image img{border-radius:12px;height:auto;margin:30px 0;max-width:100%}.background-image p{color:#55697a;font-size:1.1rem;line-height:1.6;max-width:500px}.form-container{background:#fff;display:flex;flex:1 1;flex-direction:column;max-height:100vh;overflow:hidden}.form-container.step-5{justify-content:flex-start}.form-header-fixed{background:#fff;border-bottom:2px solid #f0f4f8;box-shadow:0 2px 8px #0000000d;padding:25px 30px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.exit-registration-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#0077b6;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:4px;left:30px;padding:8px 12px;position:absolute;top:30px;transition:all .2s ease;z-index:200}.exit-registration-button:hover{background:#f0f4f8;color:#005a8f;transform:translateX(-2px)}.step-title-fixed{border-top:1px solid #e2e8f0;color:#0077b6;font-size:1.3rem;font-weight:700;margin-bottom:0;margin-top:20px;padding-top:15px;text-align:center}.registration-form-scrollable{flex:1 1;overflow-y:auto;padding:30px}.form-container h1{color:#1b4965;font-size:1.5rem;font-weight:600;margin-bottom:4px;text-align:center}.form-subtitle{color:#718096;font-size:.8rem;margin-bottom:12px;text-align:center}.step-indicator{display:flex;gap:25px;justify-content:space-between;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px;padding:0 20px;position:relative}.step-item{transition:transform .2s ease;z-index:1}.step-item:hover{transform:translateY(-2px)}.step-item:not(:last-child):after{background:linear-gradient(90deg,#e2e8f0 0,#e2e8f0);border-radius:2px;content:"";height:3px;left:60%;position:absolute;top:25px;width:80%;z-index:-1}.step-item:has(.step-number.completed):not(:last-child):after{background:linear-gradient(90deg,#0077b6 0,#0077b6)}.step-number{background:#e2e8f0;border:3px solid #0000;color:#718096;font-size:1.1rem;height:50px;margin-bottom:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.step-number:before{border-radius:50%;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;transition:opacity .3s ease}.step-number.active,.step-number:before{background:linear-gradient(135deg,#0077b6,#00a8e8)}.step-number.active{box-shadow:0 4px 12px #0077b64d;color:#fff;transform:scale(1.1)}.step-number.active:before{opacity:1}.step-number.completed{background:linear-gradient(135deg,#0077b6,#005a8f);border-color:#0077b6;color:#fff}.step-number.completed:after{content:"✓";font-size:1rem;font-weight:700;position:absolute}.step-label{color:#718096;font-size:.7rem;transition:all .3s ease}.step-item:has(.step-number.active) .step-label{color:#0077b6;font-weight:700;transform:scale(1.05)}.step-item:has(.step-number.completed) .step-label{color:#0077b6;font-weight:600}.step-content{margin:0 auto;max-width:600px;width:100%}.step-title{border-bottom:2px solid #e2e8f0;color:#0077b6;font-size:1rem;font-weight:700;margin-bottom:25px;padding-bottom:15px;text-align:center}.fade-in{animation:fadeIn .3s ease-in}.registration-form{margin:0 auto;max-width:600px;width:100%}.form-group{margin-bottom:10px}.form-group label{color:#1b4965;font-size:.85rem;margin-bottom:4px;text-align:left}.form-group input,.form-group select,.form-group textarea{background-color:#f5f5f5;border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:8px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#0077b6;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e53e3e}.form-group small{color:#718096}.error-text,.form-group small{display:block;font-size:.7rem;margin-top:3px}.error-text{color:#e53e3e;font-weight:500}.help-text{color:#718096;display:block;font-size:.7rem;margin-top:4px}.password-input{align-items:center;display:flex;position:relative}.password-input input{box-sizing:border-box;padding-right:70px;width:100%}.toggle-password{background:#0000;color:#1b4965;font-size:.9rem;font-weight:600;padding:6px 10px;right:8px}.toggle-password:hover{color:#0077b6}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.verification-divider{margin:8px 0;position:relative;text-align:center}.verification-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.verification-divider span{background:#fff;color:#718096;font-size:.8rem;font-weight:500;padding:0 12px;position:relative}.file-upload-area{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.file-upload-area.compact{border-radius:6px;padding:15px}.file-upload-area.dragging{background:#e6f2ff;border-color:#0077b6}.file-upload-area.error{background:#fff5f5;border-color:#e53e3e}.upload-icon{font-size:3rem;margin-bottom:10px}.file-upload-area p{color:#4a5568;margin:5px 0}.upload-subtext{color:#a0aec0;font-size:.9rem}.upload-button{background:#1b4965;border-radius:6px;display:inline-block;font-weight:600;margin:10px 0;padding:10px 20px;transition:background .3s ease}.upload-button:hover{background:#0077b6}.upload-button-compact{background:#fff;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .3s ease}.upload-button-compact:hover{background:#e2f4ff}.file-upload-area small{color:#718096;display:block;font-size:.75rem;margin-top:8px}.file-preview{border-radius:8px;padding:15px}.file-preview,.file-preview-compact{align-items:center;background:#fff;display:flex;justify-content:space-between}.file-preview-compact{border-radius:6px;gap:8px;padding:8px}.file-info{align-items:center;display:flex;flex:1 1;gap:10px}.file-icon{font-size:1.2rem}.file-name{color:#2d3748;flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#718096;font-size:.85rem}.remove-file-button{background:#fed7d7;border:none;border-radius:6px;color:#c53030;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .3s ease}.remove-file-button:hover{background:#fc8181;color:#fff}.remove-file-button-compact{background:#fed7d7;border:none;border-radius:4px;color:#c53030;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px;transition:background .3s ease}.remove-file-button-compact:hover{background:#fc8181;color:#fff}.review-section{background:#f7fafc;border-radius:8px;margin-bottom:20px;padding:20px}.review-section.compact{margin-bottom:8px;padding:10px 12px}.review-section h3{color:#1b4965;font-size:.95rem;font-weight:600;margin-bottom:8px}.review-item{border-bottom:1px solid #e2e8f0;display:flex;font-size:.8rem;padding:6px 0}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-label{color:#4a5568;flex-shrink:0;font-size:.8rem;font-weight:600;min-width:140px}.review-value{color:#2d3748;flex:1 1;font-size:.8rem}.confirmation-checkbox{margin:10px 0}.checkbox-label{align-items:flex-start;color:#2d3748;font-size:.85rem;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{height:16px;margin-top:2px;width:16px}.info-box{background:#e6f2ff;border-left:4px solid #0077b6;border-radius:6px;margin:10px 0;padding:10px 12px}.info-box p{color:#2d3748;font-size:.8rem;margin:4px 0}.info-box strong{color:#1b4965}.info-box ul{margin:6px 0;padding-left:20px}.info-box li{color:#4a5568;font-size:.8rem;margin:3px 0}.form-actions{gap:10px;margin-top:15px}.back-button{background:#fff;border:2px solid #0077b6;border-radius:6px;color:#0077b6;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.back-button:hover:not(:disabled){background:#0077b6;color:#fff}.submit-button{background:#0077b6;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px;transition:background .3s ease}.submit-button:hover:not(:disabled){background:#005a8f}.submit-button:disabled{background:#a0aec0;cursor:not-allowed}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;text-align:center}.success-message{background:#f0fff4;border:1px solid #9ae6b4;color:#2d774a;margin-bottom:20px}.success-screen{margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.success-icon{animation:scaleIn .5s ease;background:#48bb78;font-size:3rem;margin:0 auto 30px}.success-screen h1{color:#1b4965;margin-bottom:20px}.success-details{text-align:left}.status-badge{background:#fef5e7;border-radius:20px;color:#d68910;display:inline-block;font-size:.9rem;margin-bottom:20px;padding:8px 16px}.success-details .success-message{background:#0000;border:none;color:#4a5568;font-weight:400;line-height:1.6;margin-bottom:20px;padding:0;text-align:left}.success-details .info-box{margin:25px 0;text-align:left}.redirect-message{color:#718096;margin:20px 0;text-align:center}.success-details .submit-button{margin-top:10px;width:100%}@media (max-width:768px){.registration-page{flex-direction:column}.background-image{padding:30px 20px}.background-image h1{font-size:2rem}.form-container{padding:40px 20px}.step-indicator{padding:0 10px}.step-label{font-size:.65rem}.step-number{font-size:.9rem;height:35px;width:35px}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.background-image h1:after,.background-image:after{display:none}.file-preview{flex-direction:column;gap:15px}.file-info{flex-direction:column;text-align:center}}@media (max-width:480px){.step-indicator{padding:0 5px}.step-label{font-size:.6rem}.step-number{font-size:.8rem;height:30px;width:30px}.review-item{flex-direction:column;gap:5px}.review-label{min-width:auto}}.receiver-registration .exit-registration-button{color:#008d76}.receiver-registration .exit-registration-button:hover{color:#006d5a}.receiver-registration .step-item:has(.step-number.completed):not(:last-child):after{background:linear-gradient(90deg,#008d76 0,#008d76)}.receiver-registration .step-number.active,.receiver-registration .step-number:before{background:linear-gradient(135deg,#008d76,#00b894)}.receiver-registration .step-number.active{box-shadow:0 4px 12px #008d764d}.receiver-registration .step-number.completed{background:linear-gradient(135deg,#008d76,#006d5a);border-color:#008d76}.receiver-registration .step-item:has(.step-number.active) .step-label{color:#008d76}.receiver-registration .step-item:has(.step-number.completed) .step-label{color:#008d76}.receiver-registration .error-message a,.receiver-registration .step-title,.receiver-registration .step-title-fixed{color:#008d76}.receiver-registration .checkbox-label input[type=checkbox]:checked,.receiver-registration input:focus,.receiver-registration select:focus,.receiver-registration textarea:focus{border-color:#008d76}.receiver-registration .submit-button{background:#008d76}.receiver-registration .submit-button:hover:not(:disabled){background:#006d5a}.receiver-registration .info-box{border-left:4px solid #008d76}.receiver-registration .status-badge{border:2px solid #008d76;color:#008d76}.login-page{background:#f0f2f5;display:flex;min-height:100vh;overflow-x:hidden}.login-left{align-items:center;background:linear-gradient(180deg,#1b4965,#244e69);background:linear-gradient(180deg,var(--brand) 0,#244e69 100%);display:flex;flex:1 1;justify-content:center;min-height:60px;overflow:hidden;padding:8px 12px;position:relative}.login-left:after{border-radius:12px;box-shadow:inset 0 0 28px #1b496573,inset 0 0 0 1px #ffffff24;content:"";inset:8px 12px;pointer-events:none;position:absolute;z-index:1}.login-left img.main{border-radius:12px;display:block;height:100%;margin:0;object-fit:cover;outline:1px solid #ffffff1f;outline-offset:0;position:relative;width:100%;z-index:0}.login-logo{border-radius:8px;height:130px;left:16px;object-fit:contain;position:absolute;top:16px;width:130px;z-index:2}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.login-container{background:#fff;border-radius:12px;box-shadow:0 14px 32px #0000001f;margin:0 16px;max-width:920px;overflow:hidden;width:100%}.login-inner{align-items:center;display:flex;justify-content:center;padding:48px 32px}.login-card{margin:0 auto;max-width:520px;width:100%}.login-title{color:#1f2937;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:24px;font-weight:400;line-height:32px;margin:0 0 24px;text-align:center}.form-field{margin-bottom:18px}.password-wrapper{position:relative}.password-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.forgot-link{margin-top:8px;text-align:right}.forgot-link a{border-bottom:1px solid #0000;color:#609b7e;color:var(--accent);text-decoration:none}.forgot-link a:hover{border-bottom-color:#609b7e;border-bottom-color:var(--accent)}.form-error{margin:6px 0}.form-success{background:#d1fae5;border:1px solid #86efac;border-radius:8px;color:#15803d;font-weight:500;margin:12px 0;padding:12px 16px;text-align:center}.form-footer{color:#475569;margin-top:18px;text-align:center}.form-footer a,.link-button{color:#1b4965;color:var(--brand);text-decoration:underline}.link-button{background:#0000;border:none;cursor:pointer;font:inherit;margin:0;padding:0}.form-footer .link-button{color:#1b4965;color:var(--brand);text-decoration:underline}.form-footer .link-button:focus-visible{border-radius:4px;outline:2px solid #609b7e;outline:2px solid var(--accent);outline-offset:2px;text-decoration:none}@media (max-width:1024px){.login-inner{padding:36px 24px}}@media (max-width:960px){.login-page{flex-direction:column}.login-right{padding:0}.login-container{border-radius:12px;box-shadow:0 10px 24px #0000001f;margin:12px;max-width:100%;width:100%}.login-inner{padding:20px 16px}.login-left{background:linear-gradient(180deg,#1b4965,#244e69);background:linear-gradient(180deg,var(--brand) 0,#244e69 100%);justify-content:flex-start;min-height:40px;padding:8px 12px}.background-spots{display:none}.login-left img.main{display:none!important}.login-logo{height:auto;left:auto;position:relative;top:auto;width:96px}.login-card{max-width:100%;width:100%}}@media (max-width:480px){.login-title{font-size:22px;line-height:30px}.form-input{font-size:16px;height:50px}.submit-btn{height:50px}.login-left{min-height:32px;padding:8px 12px}.login-logo{width:100px}.login-inner{padding:12px}.login-container{border-radius:10px;margin:8px;max-width:100%;width:100%}.login-card,.login-right{padding:0}}.back-home-button{background:#0000;border:none;color:#1b4965;color:var(--brand);cursor:pointer;font-size:14px;font-weight:600;position:absolute;right:32px;text-decoration:underline;top:24px;transition:color .2s ease}.back-home-button:hover{color:#609b7e;color:var(--accent)}.back-home-button:focus-visible{border-radius:4px;outline:2px solid #609b7e;outline:2px solid var(--accent);outline-offset:2px}.phone-input-container{width:100%}.phone-input-wrapper{display:flex;gap:0;position:relative;width:100%}.country-selector{flex-shrink:0;position:relative}.country-selector-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px 0 0 5px;border-right:none;cursor:pointer;display:flex;font-size:14px;gap:6px;height:100%;min-width:95px;padding:12px 10px;transition:all .2s}.country-selector-button:hover:not(:disabled){background:#f9fafb;border-color:#1e4c64}.country-selector-button:disabled{cursor:not-allowed;opacity:.5}.country-flag{font-size:20px;line-height:1}.country-code{color:#374151;font-weight:500}.chevron{color:#6b7280;transition:transform .2s}.country-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;left:0;max-height:400px;overflow:hidden;position:absolute;width:320px;z-index:9999}.country-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px}.country-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;width:100%}.country-search-input:focus{border-color:#1e4c64;box-shadow:0 0 0 3px #1e4c641a}.country-list{max-height:340px;overflow-y:auto}.country-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.country-option:hover{background:#f3f4f6}.country-option.selected{background:#eff6ff;color:#1e4c64;font-weight:500}.country-name{color:#374151;flex:1 1;font-size:14px}.country-option.selected .country-name{color:#1e4c64}.country-dial-code{color:#6b7280;font-size:13px;font-weight:500}.country-option.selected .country-dial-code{color:#1e4c64}.no-results{color:#6b7280;padding:20px}.phone-number-input{border:1px solid #d1d5db;border-radius:0 5px 5px 0;flex:1 1;font-size:16px;outline:none;padding:12px;transition:border-color .2s}.phone-number-input:focus{border-color:#1e4c64;box-shadow:0 0 0 3px #1e4c641a}.phone-number-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.phone-preview{color:#6b7280;font-family:Courier New,monospace;font-size:13px;margin-top:6px}.country-list::-webkit-scrollbar{width:8px}.country-list::-webkit-scrollbar-track{background:#f3f4f6}.country-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.country-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:640px){.country-dropdown{width:280px}.country-selector-button{min-width:85px;padding:12px 8px}}:root{--brand:#1b4965;--accent:#609b7e;--success:#10b981}#root,body,html{height:100%}.forgot-password-page{background:#f0f2f5;display:flex;min-height:100vh;overflow-x:hidden}.forgot-password-left{align-items:center;background:linear-gradient(180deg,#1b4965,#244e69);background:linear-gradient(180deg,var(--brand) 0,#244e69 100%);display:flex;flex:1 1;justify-content:center;min-height:60px;overflow:hidden;padding:8px 12px;position:relative}.forgot-password-left:after{border-radius:12px;box-shadow:inset 0 0 28px #1b496573,inset 0 0 0 1px #ffffff24;content:"";inset:8px 12px;pointer-events:none;position:absolute;z-index:1}.background-spots{inset:0;position:absolute}.background-spot{background:#fff;border-radius:50%;filter:blur(30px);opacity:.22;position:absolute}.background-spot.s1{height:320px;left:12%;opacity:.1;top:14%;width:320px}.background-spot.s2{height:260px;left:36%;opacity:.08;top:38%;width:260px}.background-spot.s3{height:220px;left:22%;opacity:.06;top:66%;width:220px}.forgot-password-left img.main{border-radius:12px;display:block;height:100%;margin:0;object-fit:cover;outline:1px solid #ffffff1f;outline-offset:0;position:relative;width:100%;z-index:0}.forgot-password-logo{border-radius:8px;height:130px;left:16px;object-fit:contain;position:absolute;top:16px;width:130px;z-index:2}.footer-copy{bottom:14px;color:#ffffffd9;font-size:12px;left:18px;position:absolute;z-index:2}.forgot-password-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.forgot-password-container{background:#fff;border-radius:12px;box-shadow:0 14px 32px #0000001f;margin:0 16px;max-width:920px;overflow:hidden;width:100%}.forgot-password-inner{align-items:center;display:flex;justify-content:center;padding:48px 32px}.forgot-password-card{margin:0 auto;max-width:480px;position:relative;text-align:left;width:100%}.back-link{align-items:center;color:#1b4965;color:var(--brand);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:32px;text-decoration:none;transition:all .2s ease}.back-link:hover{color:#609b7e;color:var(--accent);transform:translateX(-4px)}.forgot-password-header{margin-bottom:32px;margin-top:0;text-align:center}.icon-wrapper{align-items:center;background:linear-gradient(135deg,#1b49651a,#1b49650d);border:1px solid #1b49651a;border-radius:20px;color:#1b4965;color:var(--brand);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.forgot-password-title{color:#1f2937;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.3;margin:0 0 12px}.forgot-password-subtitle{color:#6b7280;font-size:14px;line-height:1.6;margin:0 auto;max-width:400px}.form-field{margin-bottom:24px}.form-label{color:#1f2937;display:block;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-weight:600;margin:0 0 8px 4px;text-align:left}.form-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;height:44px;padding:0 14px;transition:all .2s ease}.form-input:focus{background:#fff;border-color:#1b4965;border-color:var(--brand);box-shadow:0 0 0 3px #1b49651a}.form-input:disabled{opacity:.6}.form-error{color:#b91c1c;font-size:13px;margin:12px 0;text-align:center}.submit-btn{background:#1b4965;background:var(--brand);border-radius:9999px;box-shadow:0 6px 16px #1b496559;font-size:14px;height:44px;letter-spacing:.3px;width:100%}.submit-btn:hover:not(:disabled){background:#244e69;box-shadow:0 8px 20px #1b496566}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.success-card,.success-card *{text-align:center!important}.success-icon{animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981;color:var(--success)}.success-title{color:#1f2937;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}.success-message{color:#374151;font-size:15px;line-height:1.6;margin:0 0 16px}.success-message strong{color:#1b4965;color:var(--brand);font-weight:600}.success-info{color:#6b7280;font-size:14px;line-height:1.6;margin:0 auto 20px;max-width:400px}.success-note{color:#9ca3af;font-size:13px;margin:0 0 28px}.resend-link{background:none;border:none;color:#1b4965;color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline}.resend-link:hover{color:#609b7e;color:var(--accent)}.back-to-login-btn{background:#1b4965;background:var(--brand);border-radius:9999px;box-shadow:0 4px 12px #1b49654d;color:#fff;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s ease}.back-to-login-btn:hover{background:#244e69;box-shadow:0 6px 16px #1b496566;transform:translateY(-2px)}@media (max-width:1024px){.forgot-password-inner{padding:36px 24px}}.method-options{display:flex;gap:12px;margin-bottom:12px}.method-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:14px;transition:all .15s ease}.method-option:hover{box-shadow:0 6px 16px #1b49650f;transform:translateY(-2px)}.method-option--selected{border:2px solid #224d68;box-shadow:0 8px 20px #224d680f}.method-text{text-align:left}.method-title{font-weight:600}.method-subtitle{color:#6b7280;font-size:12px}.input-error,.method-input-wrapper{margin-top:8px}.input-error{color:#b91c1c;font-size:13px}.code-entry{text-align:center}.code-inputs{display:flex;gap:8px;justify-content:center}.code-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:18px;height:48px;outline:none;text-align:center;width:48px}.code-input:focus{border-color:#1b4965;border-color:var(--brand);box-shadow:0 0 0 3px #1b49650f}@media (max-width:960px){.forgot-password-page{flex-direction:column}.forgot-password-right{padding:0}.forgot-password-container{border-radius:12px;box-shadow:0 10px 24px #0000001f;margin:12px;max-width:100%;width:100%}.forgot-password-inner{padding:20px 16px}.forgot-password-left{background:linear-gradient(180deg,#1b4965,#244e69);background:linear-gradient(180deg,var(--brand) 0,#244e69 100%);justify-content:flex-start;min-height:40px;padding:8px 12px}.background-spots{display:none}.forgot-password-left img.main{display:none!important}.forgot-password-logo{height:auto;left:auto;position:relative;top:auto;width:96px}.forgot-password-card{max-width:100%;width:100%}.forgot-password-title{font-size:24px}}@media (max-width:480px){.forgot-password-title{font-size:22px;line-height:30px}.form-input{font-size:16px;height:50px}.submit-btn{height:50px}.forgot-password-left{min-height:32px;padding:8px 12px}.forgot-password-logo{width:100px}.forgot-password-inner{padding:12px}.forgot-password-container{border-radius:10px;margin:8px;max-width:100%;width:100%}.forgot-password-card,.forgot-password-right{padding:0}.icon-wrapper{height:64px;width:64px}.success-icon{height:70px;width:70px}}.email-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px 64px;text-align:center;width:100%}.verification-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#224d68;height:64px;margin:0 auto 24px;width:64px}.verification-icon{align-items:center;animation:iconPop .5s ease-out;border-radius:50%;display:flex;font-size:48px;font-weight:700;justify-content:center}.error-icon{background:#dc3545;color:#fff}.email-verification-card h2{color:#224d68;font-size:28px;font-weight:600;margin:0 0 16px}.email-verification-card p{color:#666;font-size:16px;line-height:1.6;margin:0 0 12px}.redirect-message{color:#999;font-size:14px;font-style:italic;margin-top:24px}.verification-actions{gap:16px;justify-content:center}.verification-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary{background:#224d68}.btn-primary:hover{background:#1a3d52;box-shadow:0 4px 12px #224d684d;transform:translateY(-2px)}.btn-secondary{border:2px solid #224d68;color:#224d68}.btn-secondary:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}a[href^="#"]{scroll-behavior:smooth}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000000d;justify-content:space-between;padding:1.2rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo,.navbar{align-items:center;display:flex}.menu ul{display:flex;list-style:none;margin:0;padding:0}.menu li{margin:0 2rem}.menu a{color:#1b4965;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s}.menu a:hover{color:#62b6cb}.buttons{align-items:center;display:flex;gap:.5rem}.buttons button{border-radius:50px;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.7rem 1.8rem;transition:all .3s ease;white-space:nowrap}.buttons .login-button{background-color:initial;border:2px solid #1b4965;color:#1b4965}.buttons .login-button:hover{background-color:#1b4965;color:#fff;transform:translateY(-2px)}.buttons .signup-button{background:linear-gradient(135deg,#1b4965,#3577a0);border:none;color:#fff}.buttons .signup-button:hover{background:linear-gradient(135deg,#3577a0,#1b4965);box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.mobile-buttons{align-items:center;border-top:1px solid #eee;display:none;flex-direction:column;gap:.5rem;padding:1rem}.mobile-buttons button{border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;max-width:300px;padding:.8rem 1.5rem;transition:all .3s ease;width:90%}.mobile-buttons .login-button{background-color:initial;border:2px solid #1b4965;color:#1b4965}.mobile-buttons .login-button:hover{background-color:#1b4965;color:#fff;transform:translateY(-2px)}.mobile-buttons .signup-button{background:linear-gradient(135deg,#1b4965,#3577a0);border:none;color:#fff}.mobile-buttons .signup-button:hover{background:linear-gradient(135deg,#3577a0,#1b4965);box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.menu-toggle{cursor:pointer;display:none;flex-direction:column;padding:5px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media screen and (max-width:1200px){.buttons button{font-size:1rem;padding:.6rem 1.4rem}}@media screen and (max-width:968px){.navbar{padding:1rem 5%;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.menu{background-color:#fff;box-shadow:0 2px 10px #0000001a;display:none;left:0;max-height:calc(100vh - 80px);overflow-y:auto;position:absolute;top:100%;width:100%}.menu.active{display:block}.menu ul{flex-direction:column;padding:1rem 0;width:100%}.menu li{margin:0;text-align:center}.menu a{display:block;font-size:1.1rem;padding:1rem 0}.menu-toggle{display:flex;margin-left:auto}.buttons{display:none}.mobile-buttons{display:flex}}@media screen and (max-width:768px){.mobile-buttons button{font-size:.98rem;padding:.8rem 1.2rem;width:92%}}@media screen and (max-width:576px){.navbar{padding:.8rem 4%}.logo img{height:50px;width:50px}.mobile-buttons{padding:.8rem}.mobile-buttons button{font-size:.9rem;overflow:hidden;padding:.75rem .8rem;text-overflow:ellipsis;white-space:nowrap;width:96%}}@media screen and (max-width:400px){.navbar{padding:.7rem 3%}.logo img{height:45px;width:45px}.mobile-buttons button{font-size:.85rem;padding:.7rem .6rem;width:98%}}.return-chip{background-color:initial;border:2px solid #1b4965;border-radius:50px;color:#1b4965;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.7rem 1.8rem;transition:all .3s ease}.return-chip:hover{background-color:#1b4965;color:#fff;transform:translateY(-2px)}.return-chip-avatar{display:none}.return-chip-text{color:inherit;font-size:inherit}.lang-selector{margin-left:1rem;position:relative}.lang-button,.lang-selector{align-items:center;display:flex}.lang-button{background:none;border:none;color:#5a5a5a;cursor:pointer;font-size:.95rem;font-weight:500;gap:.2rem;letter-spacing:.5px;padding:0;transition:color .2s ease}.lang-button:hover{color:#1b4965}.lang-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.lang-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:.95rem;gap:.8rem;padding:.8rem 1rem;text-align:left;transition:background-color .2s;width:100%}.lang-option:hover{background-color:#f0f7fa}.lang-option.selected{background-color:#e8f4f8;font-weight:600}.lang-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.lang-icon img{height:100%;object-fit:contain;width:100%}.lang-name{color:#1b4965;flex:1 1}.lang-check{color:#62b6cb;font-size:1.1rem;font-weight:700}.mobile-lang{display:flex;justify-content:center;margin-left:0;margin-top:.5rem}.mobile-lang .lang-button{background:none;border:none;font-size:.95rem;padding:.6rem 1.2rem}.mobile-lang .lang-dropdown{box-shadow:0 2px 10px #0000001a;margin-left:auto;margin-right:auto;margin-top:.5rem;max-height:250px;max-width:300px;overflow-y:auto;position:static;width:90%}@media screen and (max-width:968px){.lang-selector:not(.mobile-lang){display:none}}@media screen and (min-width:969px){.mobile-lang{display:none}}.chat-widget{--ff-green-700:#244a22;--ff-green-600:#2d5a27;--ff-green-500:#3b7a4a;--ff-green-300:#8bc39c;--ff-slate-900:#0f172a;--ff-slate-700:#334155;--ff-slate-500:#64748b;--ff-border:#e5e7eb;--ff-panel:#fff;--ff-panel-muted:#f8fafc;--ff-shadow:0 18px 40px #0f172a2e;--ff-radius:18px;--ff-header:linear-gradient(135deg,#204a2c,#2f6b4a 55%,#3b7a55);--ff-glow:0 26px 60px #13261c40;--ff-surface:#f4f7fb;bottom:calc(80px + env(safe-area-inset-bottom));font-family:Poppins,Inter,sans-serif;position:fixed;right:calc(20px + env(safe-area-inset-right));z-index:2000}.chat-widget *{box-sizing:border-box}.chat-toggle{align-items:center;background:linear-gradient(135deg,var(--ff-green-600) 0,#4a7c59 100%);border:1px solid #ffffff2e;border-radius:50%;box-shadow:var(--ff-glow);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.chat-toggle:hover{box-shadow:0 14px 30px #244a2266;transform:scale(1.05)}.chat-toggle:active{transform:scale(.95)}.chat-toggle.open{background:linear-gradient(135deg,#556270,#8b98a8)}.chat-toggle:focus-visible{box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #2d5a2759,0 14px 30px #244a2266;outline:none}.support-chat-panel{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--ff-panel);border:1px solid #94a3b866;border-radius:var(--ff-radius);bottom:70px;box-shadow:var(--ff-shadow);display:flex;flex-direction:column;height:min(640px,calc(100vh - 140px));overflow:hidden;position:absolute;right:0;width:min(460px,calc(100vw - 32px))}.support-chat-panel:before{background:radial-gradient(circle at 12% 8%,#3b7a551f,#0000 45%),radial-gradient(circle at 85% 0,#52a9801a,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}.chat-header{background:var(--ff-header);box-shadow:inset 0 -1px 0 #fff3;color:#fff;padding:18px 20px;z-index:1}.header-content{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:.15px}.header-actions{gap:8px}.end-chat-btn,.new-chat-btn{background:#ffffff2e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:transform .2s ease,background .2s ease;white-space:nowrap}.end-chat-btn:hover,.new-chat-btn:hover{background:#ffffff47;transform:scale(1.05)}.new-chat-btn{background:#4caf5033;border:1px solid #4caf504d}.new-chat-btn:hover{background:#4caf5059}.close-btn{background:#ffffff2e;border-radius:12px;color:#fff;padding:6px;transition:transform .2s ease,background .2s ease}.close-btn:hover{background:#ffffff47;transform:scale(1.05)}.close-btn:focus-visible{box-shadow:0 0 0 2px #fff9;outline:none}.chat-messages{background:linear-gradient(180deg,#f7f9fc,#eef3f8);display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:20px;position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.message{animation:fadeIn .3s ease-out;flex-direction:column;max-width:86%}.message.user{align-self:flex-end;max-width:76%}.message.assistant{align-self:flex-start;max-width:88%}.message-content{border-radius:18px;font-size:15px;line-height:1.6;padding:14px 18px;text-align:left;white-space:pre-wrap;word-break:break-word}.message-content strong{color:inherit;font-weight:700}.message-paragraph{margin:0 0 10px}.message-paragraph:last-child{margin-bottom:0}.message-list{margin:8px 0 12px;padding-left:20px}.message-list:last-child{margin-bottom:0}.message-list li{margin:6px 0}.message.user .message-content{background:linear-gradient(135deg,#244f33,#2f6f4b);border-bottom-right-radius:6px;box-shadow:0 12px 22px #14291e33;color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #e2e8f0e6;border-bottom-left-radius:6px;box-shadow:0 12px 24px #0f172a14;color:var(--ff-slate-700)}.message.assistant.error .message-content{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.message.loading .message-content{background:#fff;border:1px solid #e5e7eb;padding:16px 14px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:8px;max-width:100%}.action-btn{border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 10px 18px #0f172a0f;color:var(--ff-slate-700);gap:6px;line-height:1.15;max-width:280px;min-height:38px;padding:10px 14px;text-align:left}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn:focus-visible{box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #3b82f659;outline:none}.action-btn.contact{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 10px 18px #dc262640;color:#fff}.action-btn.contact:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.action-btn.link{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 10px 18px #2563eb40;color:#fff}.action-btn.link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.chat-input{background:#fff;border-radius:0 0 var(--ff-radius) var(--ff-radius);border-top:1px solid #e5e7eb;padding:18px 20px;position:relative;z-index:1}.input-container{align-items:flex-end;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;display:flex;gap:8px;padding:8px 10px}.input-container textarea{background:#0000;border:none;border-radius:10px;color:var(--ff-slate-900);flex:1 1;font-family:inherit;font-size:14.5px;line-height:1.4;max-height:120px;min-height:40px;outline:none;padding:8px 10px;resize:none;transition:box-shadow .2s}.input-container textarea:focus{box-shadow:0 0 0 3px #2d5a271f;outline:none}.input-container textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.send-btn{align-items:center;background:linear-gradient(135deg,#244f33,#2f6f4b);border:none;border-radius:12px;box-shadow:0 12px 22px #14291e38;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1f4620,#3a6b4a);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:focus-visible{box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #2d5a2759;outline:none}.send-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.5}@media (max-width:640px){.support-chat-panel{height:min(75vh,calc(100vh - 120px));width:calc(100vw - 24px)}.chat-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.header-content{flex:1 1 auto;font-size:15px}.header-actions{flex:1 1 100%;flex-wrap:wrap;gap:6px;justify-content:flex-end}.end-chat-btn,.new-chat-btn{font-size:11px;padding:6px 10px}.close-btn{padding:5px}.chat-messages{padding:16px}.message{max-width:92%}.message.user{max-width:82%}.message-content{font-size:14.5px}}@media (max-width:480px){.chat-widget{bottom:calc(76px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right))}.support-chat-panel{bottom:70px;height:min(72vh,calc(100vh - 120px));right:0;width:calc(100vw - 20px)}.chat-toggle{height:52px;width:52px}}@media (prefers-reduced-motion:reduce){.chat-toggle,.message,.support-chat-panel{animation:none;transition:none}}.calendar-oauth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.calendar-oauth-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px 64px;text-align:center;width:100%}.oauth-icon{align-items:center;animation:iconPop .5s ease-out;border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-icon{background:#28a745}.calendar-oauth-card h2{color:#224d68;font-size:28px;font-weight:600;margin:0 0 16px}.calendar-oauth-card p{color:#666;font-size:16px;line-height:1.6;margin:0 0 12px}.calendar-oauth-message{color:#555;font-size:15px;margin-top:8px}.closing-message{animation:pulse 1s ease-in-out infinite;color:#999;font-size:14px;font-style:italic;margin-top:24px}@media (max-width:600px){.calendar-oauth-card{padding:32px 24px}.calendar-oauth-card h2{font-size:24px}.oauth-icon{font-size:36px;height:64px;width:64px}}.message-notification{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;position:fixed;right:20px;top:20px;width:320px;z-index:1000}.notification-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:color .2s;width:24px}.notification-close:hover{color:#333}.notification-header{color:#0f4c5c;font-size:14px;margin-bottom:8px;padding-right:20px}.notification-header strong{font-weight:700}.notification-body{color:#333;font-size:13px;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.message-notification{left:20px;right:20px;width:calc(100% - 40px)}}.admin-layout{height:100vh;overflow:hidden}.admin-sidebar{flex-shrink:0;height:100vh;overflow:visible;padding:0;transition:width .3s ease,transform .3s ease;width:220px;z-index:10}.admin-sidebar::-webkit-scrollbar{display:none}.admin-sidebar-header{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:20px 16px;position:relative}.admin-sidebar.collapsed{overflow:visible;width:70px}.admin-sidebar.collapsed::-webkit-scrollbar{display:none}.admin-sidebar.collapsed .admin-logo{display:none}.admin-sidebar.collapsed .admin-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;padding:16px 8px}.admin-sidebar.collapsed .sidebar-toggle-btn{margin:0 auto;position:relative;right:auto;top:auto;transform:none}.admin-sidebar.collapsed .admin-nav-links{padding:24px 8px}.admin-sidebar.collapsed .admin-nav-link{font-size:0;gap:0;justify-content:center;padding:14px 8px}.admin-sidebar.collapsed .admin-nav-link .nav-icon{font-size:16px}.admin-sidebar.collapsed .admin-nav-link:before{display:none}.admin-sidebar.collapsed .admin-nav-bottom{padding:16px 8px}.admin-sidebar.collapsed .account-text{display:none}.admin-sidebar.collapsed .account-avatar{flex:0 0 36px;height:36px;width:36px}.admin-sidebar.collapsed .account-dotted-menu{display:flex;margin:0 auto}.admin-sidebar.collapsed .user-profile-pic{gap:0;justify-content:center;padding:6px 0}.admin-sidebar.collapsed .account-row{flex-direction:column;gap:8px;justify-content:center}.admin-sidebar.collapsed .messages-left{font-size:0}.admin-sidebar.collapsed .messages-toggle{margin-left:0}.admin-sidebar.collapsed .admin-nav-link{position:relative}.admin-sidebar.collapsed .admin-nav-link:after{background:#1b4965;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:14px;left:calc(100% + 12px);opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.admin-sidebar.collapsed .admin-nav-link:hover:after{opacity:1}.admin-logo{display:block;height:120px;margin:0;max-width:100%;object-fit:contain;padding:15px;width:100%}.admin-nav-links{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 14px;scrollbar-width:none}.admin-nav-links::-webkit-scrollbar{display:none}.messages-link{align-items:center;border-radius:12px;color:#ffffffeb;cursor:pointer;display:flex;font-size:15px;gap:12px;margin:0;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.messages-link:hover{background:#ffffff1f;color:#fff}.messages-link.active{background:linear-gradient(135deg,#62b6cb,#3577a0);color:#fff;font-weight:700}.messages-left{display:contents}.messages-left .nav-icon{align-items:center;display:inline-flex;justify-content:center}.messages-toggle{color:#e2e8f0;cursor:pointer;display:none!important;height:0;overflow:hidden;visibility:hidden;width:0}.admin-nav-bottom{flex-shrink:0;margin-top:auto;padding:0 14px 14px}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:100%}.logout-btn:hover{background:#ff634726}.nav-bottom-abs{bottom:100px}.footer-abs,.nav-bottom-abs{left:14px;position:absolute;right:14px}.footer-abs{bottom:14px;padding:12px 0}.user-profile-pic{gap:15px;padding:12px 1px}.account-avatar{background:#fff;flex:0 0 36px;height:36px;width:36px}.account-name{font-weight:700;line-height:1.1}.account-role{opacity:.8}.account-menu{background:#1b4965;border:1px solid #ffffff14;bottom:0;box-shadow:0 10px 24px #00000040;left:calc(100% + 12px);margin:0;min-width:200px;right:auto;top:auto;z-index:1000}.account-menu-item{color:#fff}.account-menu-item:hover{background:#ffffff14}.account-menu-item.logout{color:#fff}.account-menu-item.logout:hover{background:#ffffff1f}.admin-sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:12px 18px 18px}.admin-main{background:#f7fbfd;height:100vh;overflow:hidden}.admin-topbar{box-shadow:0 1px 0 #e2e8f0;flex-shrink:0;flex-wrap:nowrap;gap:0;padding:12px 22px;position:relative;z-index:1}.admin-content{-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.admin-content::-webkit-scrollbar{display:none}.admin-content.messages-page{overflow:hidden;padding:0;position:relative}@media (max-width:768px){.mobile-header{display:flex}.mobile-overlay{display:block}.admin-layout .sidebar-toggle-btn{display:none}.admin-layout .admin-sidebar{display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1002}.admin-layout .admin-sidebar.collapsed{overflow:auto;transform:translateX(-100%);width:280px}.admin-layout .admin-sidebar.collapsed.mobile-open,.admin-layout .admin-sidebar.mobile-open{box-shadow:4px 0 24px #0000004d;transform:translateX(0)}.admin-layout .admin-logo,.admin-layout .admin-sidebar-header{display:none}.admin-layout .admin-sidebar .admin-nav-link,.admin-layout .admin-sidebar.collapsed .admin-nav-link{display:flex;flex-direction:row;font-size:15px;gap:12px;justify-content:flex-start;padding:12px 14px;width:100%}.admin-layout .admin-sidebar .admin-nav-links,.admin-layout .admin-sidebar.collapsed .admin-nav-links{display:flex;flex:1 1;flex-direction:column;padding:16px 12px;width:100%}.admin-layout .admin-sidebar .messages-link,.admin-layout .admin-sidebar.collapsed .messages-link{display:flex;font-size:15px;gap:12px;padding:12px 14px;width:100%}.admin-layout .admin-sidebar .admin-nav-bottom,.admin-layout .admin-sidebar.collapsed .admin-nav-bottom{display:flex;flex-direction:column;margin-top:auto;padding:12px;width:100%}.admin-layout .admin-sidebar .admin-sidebar-footer,.admin-layout .admin-sidebar.collapsed .admin-sidebar-footer{padding:12px;width:100%}.admin-layout .admin-sidebar.collapsed .account-text{display:flex}.admin-layout .admin-sidebar.collapsed .user-profile-pic{gap:15px;justify-content:flex-start}.admin-layout .admin-sidebar.collapsed .admin-nav-link:after{display:none}.admin-layout .admin-main{height:100vh;margin-left:0;padding-top:60px}.admin-layout .admin-sidebar.collapsed~.admin-main{margin-left:0}.admin-layout .admin-content{height:calc(100vh - 140px);padding:16px}.admin-layout .admin-content.messages-page{height:calc(100vh - 60px);padding:0}.admin-layout .admin-topbar{padding:16px 20px;position:relative}.admin-layout .admin-topbar-left h1{font-size:20px}}@media (max-width:480px){.admin-layout .admin-sidebar{width:260px}}@media (max-height:900px){.admin-sidebar-header{margin-bottom:12px;padding:0 22px 12px}.admin-sidebar-header h2{font-size:18px}.admin-nav-links{gap:18px}.admin-nav-link{font-size:14px;gap:10px;padding:10px 14px}.nav-icon{height:20px;width:20px}.nav-icon .lucide{height:18px;width:18px}.admin-nav-bottom{gap:6px}}.admin-home-container{background:#f5f7fa;box-sizing:border-box;margin:-24px;max-width:none;min-height:calc(100vh - 60px);overflow-x:hidden;padding:24px;width:calc(100% + 48px)}.admin-home-welcome-header{margin-bottom:32px;margin-top:24px}.admin-home-welcome-header h1{align-items:center;color:#1b4965;display:flex;font-size:32px;font-weight:600;gap:12px;margin:0}.admin-home-wave-icon{animation:admin-home-sparkle 2s ease-in-out infinite;color:#62b6cb;display:inline-block}@keyframes admin-home-sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(15deg)}}.admin-home-header{margin-bottom:30px;padding:0}.admin-home-header h1{color:#1e3a5f;font-size:28px;font-weight:700;margin-bottom:8px}.admin-home-header p{color:#6b7280;font-size:16px;margin:0}.admin-home-loading{align-items:center;color:#7f8c8d;display:flex;font-size:18px;height:400px;justify-content:center}.admin-home-error{background:#fee;border-radius:8px;color:#c00;margin-bottom:24px;padding:16px;text-align:center}.admin-home-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;max-width:none;padding:0;width:100%}@media (max-width:1024px){.admin-home-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-home-stats-grid{grid-template-columns:1fr}}.admin-home-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;display:flex;gap:20px;min-height:140px;padding:32px;transition:transform .2s,box-shadow .2s;width:100%}.admin-home-stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.admin-home-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-home-stat-content{flex:1 1;min-width:0}.admin-home-stat-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-home-stat-value{color:#1e3a5f;font-size:32px;font-weight:700;line-height:1}.admin-home-quick-actions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:30px;padding:24px}.admin-home-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.admin-home-section-header h2{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.admin-home-section-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.admin-home-quick-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);transition:all .3s ease;width:100%}@media (max-width:1024px){.admin-home-quick-actions-grid{grid-template-columns:1fr}.admin-home-section-header{align-items:flex-start;flex-direction:column;gap:12px}.admin-home-view-all-link{align-self:flex-end}}@media (max-width:768px){.admin-home-container{padding:16px}.admin-home-quick-actions-section{padding:24px}.admin-home-action-card{padding:24px 18px}.admin-home-action-icon{height:48px;width:48px}}.admin-home-action-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;min-height:110px;padding:28px 20px;transition:transform .2s,box-shadow .2s}.admin-home-action-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.admin-home-action-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-home-action-content{flex:1 1;min-width:0}.admin-home-action-content h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.admin-home-action-content p{color:#64748b;font-size:13px;margin:0}.admin-home-action-arrow{color:#cbd5e1;flex-shrink:0;transition:all .2s}.admin-home-action-card:hover .admin-home-action-arrow{color:#1b4965;transform:translateX(4px)}.admin-home-recent-activity-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:30px;padding:24px}.admin-home-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-home-activity-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.admin-home-activity-header-right{align-items:center;display:flex;gap:10px}.admin-home-view-all-link{color:#64748b;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.admin-home-view-all-link:hover{color:#334155;text-decoration:underline}.admin-home-activity-list{display:flex;flex-direction:column;gap:6px}.admin-home-activity-item{grid-gap:16px;align-items:center;border-radius:8px;cursor:pointer;display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:16px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.admin-home-activity-item:hover{background:#f9fafb;box-shadow:0 2px 8px #0000000a;transform:translateX(4px)}.admin-home-activity-item:hover .admin-home-activity-icon{transform:scale(1.05)}.admin-home-activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:transform .2s ease;width:42px}.admin-home-activity-content{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-home-activity-title{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:2px}.admin-home-activity-subtitle{color:#64748b;font-size:13px}.admin-home-activity-time{color:#9ca3af;font-size:12px;justify-self:end;text-align:right;white-space:nowrap}.admin-analytics{margin:0 auto;max-width:1200px;padding:24px}.admin-analytics h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.analytics-subtitle{color:#64748b;font-size:14px;margin:0 0 32px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:24px}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:all .2s ease}.analytics-card:hover{box-shadow:0 4px 12px #00000014}.card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.card-header svg{color:#1e293b}.card-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.distribution-table{display:flex;flex-direction:column;gap:16px}.distribution-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:180px 1fr 100px}.category-name{color:#334155;font-size:13px;font-weight:500;text-align:left}.count-bar{background:#f1f5f9;border-radius:6px;height:28px;overflow:hidden;position:relative}.bar-fill{border-radius:6px;height:100%;min-width:2px;transition:width .6s ease}.bar-fill.temperature{background:linear-gradient(90deg,#0ea5e9,#06b6d4)}.bar-fill.packaging{background:linear-gradient(90deg,#a855f7,#8b5cf6)}.category-count{color:#475569;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.no-data{color:#94a3b8;font-size:14px;font-style:italic;padding:32px 0;text-align:center}.error-message{background:#fef2f2;padding:16px}.analytics-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.analytics-summary p{color:#475569;font-size:15px;margin:0}.analytics-summary strong{color:#1e293b;font-size:18px;font-weight:700}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr}.distribution-row{gap:8px;grid-template-columns:150px 1fr 90px}}@media (max-width:640px){.admin-analytics{padding:16px}.admin-analytics h2{font-size:24px}.distribution-row{gap:8px;grid-template-columns:1fr}.category-count{text-align:left}}.metric-subtext{margin:0}.retry-button:hover{background:#2c4f7c}.admin-dashboard{background:#f1f5f9}.admin-dashboard .dashboard-header{background:linear-gradient(135deg,#1e3a5f,#2c4f7c);color:#fff}.admin-dashboard .header-content h1{color:#fff}.admin-dashboard .header-content h1 svg{color:#fbbf24}.admin-dashboard .subtitle{color:#ffffffe6}.admin-dashboard .date-range-selector{background:#ffffff1a;color:#fff}.admin-dashboard .date-range-selector svg{color:#fff}.admin-dashboard .date-range-dropdown{color:#fff;font-weight:600}.admin-dashboard .date-range-dropdown option,.admin-dashboard .export-button{background:#fff;color:#1e3a5f}.admin-dashboard .export-button:hover{background:#f1f5f9}.admin-message{background:linear-gradient(135deg,#3b82f6,#2563eb)}.charts-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.charts-section h2{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.chart-container{margin-top:1rem}.recharts-tooltip-wrapper{z-index:100}.recharts-legend-wrapper{padding-top:1rem}@media (max-width:768px){.impact-dashboard,.impact-dashboard-modern{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column}.header-controls{flex-direction:column;width:100%}.date-range-selector,.export-button{justify-content:center;width:100%}.activity-grid,.engagement-grid,.metrics-grid{grid-template-columns:1fr}.engagement-card{padding:1rem}.engagement-value,.metric-value{font-size:1.5rem}.metric-unit{font-size:1rem}.stat-value{font-size:1.5rem}}@media (max-width:480px){.metric-value{font-size:1.5rem}.metric-unit{font-size:1rem}.charts-section{padding:1rem}.chart-container{height:250px}.charts-section h2{font-size:1.125rem}}.conversations-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%;min-width:350px;overflow:hidden;width:350px}.sidebar-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.header-content{flex:1 1}.sidebar-header h2{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1;margin:0}.filter-tabs{background-color:#f5f5f5;border-radius:8px;flex-shrink:0;gap:0;margin:12px 16px;padding:2px;width:calc(100% - 32px)}.filter-tab,.filter-tabs{display:flex;position:relative}.filter-tab{align-items:center;background-color:initial;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:4px 16px;transition:all .3s ease;z-index:1}.filter-tab:hover{background-color:#e8e8e8}.filter-tab.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#1a1a1a;font-weight:600}.filter-badge{border-radius:6px;font-size:12px;font-weight:400;min-width:24px;padding:2px 10px;text-align:center}.filter-badge,.filter-tab.active .filter-badge{background-color:#62b6cb;color:#fff}.conversations-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#f1f1f1}.conversations-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#999}.loading-conversations,.no-conversations{color:#666;padding:40px 20px;text-align:center}.no-conversations .hint{color:#999;font-size:14px;margin-top:10px}.conversation-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s}.conversation-item:hover{background-color:#f9f9f9}.conversation-item.active{background-color:#f0f8ff;border-left:3px solid #5bc0de}.conversation-avatar{align-items:center;background-color:#5bc0de;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.conversation-avatar.admin-support{background-color:initial;border-radius:8px;overflow:visible}.conversation-avatar-image{display:block;height:100%;object-fit:cover;width:100%}.conversation-avatar-image.admin-support{object-fit:contain}.conversation-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.conversation-header-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.conversation-name{color:#1a1a1a;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#999;flex-shrink:0;font-size:12px;white-space:nowrap}.conversation-inline-text{color:#666;font-size:13px;line-height:1.4;margin:4px 0 0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.unread-badge-inline{background-color:#62b6cb;border-radius:6px;color:#fff;font-size:12px;font-weight:400;min-width:24px;padding:3px 9px;position:absolute;right:20px;text-align:center;top:16px}.conversation-item{position:relative}@media (max-width:768px){.conversations-sidebar{border-right:none;flex-shrink:0;height:100%;max-height:100%;max-width:100%;min-width:100%;overflow:hidden;width:100%}.conversations-sidebar.hide-mobile{display:none}.conversations-sidebar.show-mobile{display:flex}.sidebar-header{padding:16px}.sidebar-header h2{font-size:20px}.filter-tabs{padding:10px 16px}.conversations-list{flex:1 1;min-height:0;overflow-y:auto}.conversation-item{padding:14px 16px}}.chat-panel{display:flex;flex:1 1;flex-direction:column;font-family:Poppins,sans-serif;height:100%;overflow:hidden}.chat-panel:not(.empty){background-color:#fff}.chat-panel.empty{align-items:center;background-color:initial;justify-content:center}.empty-state{background:none;border:none;box-shadow:none;color:#666}.empty-state h3{color:#333;margin-bottom:10px}.chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative;z-index:10}.chat-header-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header-info{flex:1 1;min-width:0;text-align:left}.chat-back-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#1b4965;cursor:pointer;display:none;font-size:13px;font-weight:600;gap:4px;margin-right:6px;padding:6px 8px}.chat-back-button:hover{background:#f0f9ff}.chat-header-info h3{color:#1a1a1a;font-size:24px;font-weight:600;line-height:1.2;margin:0 0 4px;text-align:left}.chat-header-subtitle{color:#666;font-size:14px;margin:0;text-align:left}.chat-header-email{color:#666;font-size:13px;margin:0}.chat-header-actions{align-items:center;align-self:center;display:flex;flex-wrap:nowrap;gap:12px}.status-badge{border:none;border-radius:6px;font-size:14px;margin-top:20px;padding:8px 24px}.status-badge.claimed{background-color:#609b7e;color:#fff}.view-post-btn{align-items:center;background-color:initial;border:none;color:#1b4965;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;line-height:1;padding:8px 0;transition:opacity .2s}.view-post-btn:hover{opacity:.7}.status-badge.active{background-color:#38a169;color:#fff}.status-badge.available{background-color:#2f855a;color:#fff}.status-badge.ready-for-pickup{background-color:#2b6cb0;color:#fff}.status-badge.completed{background-color:#4a5568;color:#fff}.status-badge.not-completed{background-color:#c05621;color:#fff}.status-badge.expired{background-color:#718096;color:#fff}.system-message{margin:8px 0;text-align:center}.system-message-text{background-color:#e8e8e8;border-radius:12px;color:#666;display:inline-block;font-size:13px;font-style:italic;padding:6px 16px}.messages-container{background-color:#fafafa;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#999}.loading-messages,.no-messages{color:#999;font-size:14px;padding:40px 20px;text-align:center}.date-separator{margin:16px 0;text-align:center}.date-separator span{background-color:#e8e8e8;border-radius:12px;color:#666;font-size:12px;font-weight:500;padding:4px 12px}.message{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px;max-width:100%}.message.sent{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto}.message.received{flex-direction:row;justify-content:flex-start;margin-right:auto}.message-avatar{align-items:center;background-color:#5bc0de;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;overflow:hidden;width:40px}.message-avatar.admin-support{background-color:initial;border-radius:8px;overflow:visible}.message-avatar-image{display:block;height:100%;object-fit:cover;width:100%}.message-avatar-image.admin-support{object-fit:contain}.message-content{word-wrap:break-word;border-radius:16px;display:inline-block;max-width:70%;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 16px;position:relative;width:auto}.message.sent .message-content{background-color:#5bc0de;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background-color:#fff;border-bottom-left-radius:4px;color:#1b4965}.message-content p{font-size:14px;line-height:1.4;margin:0 0 4px;text-align:left}.message-content p,.message-text{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-time{display:block;font-size:11px;margin-top:2px;opacity:.8}.message.sent .message-time{text-align:right}.message.received .message-time{text-align:left}.message-input-container{align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;padding:16px 24px;position:relative;z-index:50}.message-input{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;max-height:150px;min-height:44px;outline:none;overflow-y:auto;padding:12px 18px;resize:none;scrollbar-width:none;transition:border-color .2s}.message-input::-webkit-scrollbar{display:none}.message-input::placeholder{color:#0a0a0a;opacity:.5}.message-input:focus{background-color:#fff;border-color:#62b6cb}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{align-items:center;background-color:#62b6cb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:background-color .2s;width:44px}.send-button:hover:not(:disabled){background-color:#4aa8c4}.send-button:disabled{background-color:#62b6cb;cursor:not-allowed;opacity:.7}.send-icon{display:block;transform:rotate(0deg)}@media (max-width:768px){.chat-panel{display:flex!important;flex:1 1;flex-direction:column!important;height:100%;max-height:100%;overflow:hidden!important;position:relative;width:100%}.chat-panel.hide-mobile{display:none!important}.chat-panel.show-mobile{display:flex!important;flex-direction:column!important}.chat-header{background-color:#fff!important;border-bottom:1px solid #e0e0e0;display:flex!important;flex-grow:0!important;flex-shrink:0!important;padding:12px 16px 12px 6px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.chat-back-button{display:inline-flex;flex-shrink:0}.chat-header-info h3{font-size:16px}.chat-header-email,.chat-header-subtitle{font-size:12px}.chat-header-actions{gap:8px}.status-badge,.view-post-btn{font-size:12px;padding:5px 12px}.messages-container{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-height:calc(100vh - 140px);min-height:0;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;padding:16px 16px 100px}.message-content{max-width:80%}.message-input-container{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;left:0;padding:12px 16px;position:fixed;right:0;z-index:150}.message-input{font-size:14px;padding:10px 16px}.send-button{height:40px;width:40px}}.modal-backdrop{background-color:#00000080}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h2{color:#333;font-size:20px}.close-button{color:#666;font-size:28px;height:30px;padding:0;transition:color .2s;width:30px}.close-button:hover{color:#333}.modal-content form{padding:20px}.form-group label{color:#333;font-weight:600}.form-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#4caf50}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-hint{color:#666;font-size:12px;margin:8px 0 0}.error-message{background-color:#ffebee;margin-bottom:15px}.modal-actions{gap:10px;padding-top:10px}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.cancel-button{background-color:#f5f5f5;color:#666}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.submit-button{background-color:#4caf50;color:#fff}.submit-button:hover:not(:disabled){background-color:#45a049}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-content{max-width:92%;width:92%}.modal-header{padding:18px}.modal-header h2{font-size:18px}.close-button{font-size:24px;height:28px;width:28px}.modal-content form{padding:18px}.form-group{margin-bottom:18px}.form-input{font-size:13px;padding:11px}}@media (max-width:480px){.modal-content{border-radius:6px;max-width:95%;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:17px}.close-button{font-size:22px;height:26px;width:26px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label,.form-input{font-size:13px}.form-input{padding:10px}.form-hint{font-size:11px}.error-message{font-size:13px;padding:10px}.modal-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.submit-button{font-size:13px;padding:11px 16px;width:100%}}@media (max-width:375px){.modal-backdrop{padding:16px}.modal-header h2{font-size:16px}.form-group label,.form-input{font-size:12px}.form-input{padding:9px}}.messaging-dashboard{background-color:#f5f5f5;bottom:0;display:flex;font-family:Poppins,sans-serif;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.error-message{background-color:#f44336;border-radius:4px;box-shadow:0 2px 10px #0003;color:#fff;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}@media (max-width:768px){.messaging-dashboard{bottom:0;height:auto;left:0;overflow:hidden;position:absolute;right:0;top:0}.error-message{left:10px;right:10px;top:80px;width:auto}}.admin-users-container{background:#f5f7fa;box-sizing:border-box;margin:-24px;max-width:none;min-height:calc(100vh - 60px);overflow-x:hidden;padding:24px;width:calc(100% + 48px)}.admin-users-header{margin-bottom:30px;padding:0}.admin-users-header h1{color:#1e3a5f;font-size:28px;font-weight:700;margin-bottom:0}.admin-users-loading{align-items:center;color:#7f8c8d;display:flex;font-size:18px;height:400px;justify-content:center}.admin-users-search-wrapper,.search-input-wrapper{flex:1 1!important;max-width:600px!important;min-width:400px!important}.admin-users-search-wrapper{position:relative}.admin-users-search-input{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:none!important;box-sizing:border-box!important;font-size:14px!important;padding:10px 12px 10px 38px!important;transition:border-color .2s;width:100%!important}.search-icon{align-items:center;display:flex;justify-content:center}.search-input{border:1px solid #e5e7eb!important;border-radius:6px!important;padding:10px 12px 10px 38px!important;width:100%!important}.search-input:focus{box-shadow:none}.filters-wrapper{gap:8px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:120px;padding:10px 16px;transition:border-color .2s}.filter-select:hover{border-color:#d1d5db}.filter-select:focus{border-color:#3b82f6;outline:none}.filter-reset-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.filter-reset-btn:hover{background:#e5e7eb;border-color:#d1d5db}.filter-reset-btn:active{transform:scale(.98)}.error-message{background:#fee;border:1px solid #fcc;border-radius:5px;color:#c00;padding:15px}.users-table-container{border:none;margin-top:0;overflow-x:auto;width:100%}.users-table{background:#fff;min-width:100%;table-layout:auto}.users-table th,.users-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.users-table th{font-size:12px;letter-spacing:.05em;position:-webkit-sticky;position:sticky;top:0;vertical-align:middle;z-index:10}.users-table td{background:#fff;color:#374151;text-align:left;vertical-align:middle}.users-table tbody tr{background:#fff;cursor:pointer;transition:background-color .2s}.users-table tbody tr.expanded{background:#f3f4f6}.users-table tbody tr:last-child td{border-bottom:none}.users-table td:first-child,.users-table th:first-child{min-width:40px;text-align:center;width:3%}.users-table td:nth-child(2),.users-table th:nth-child(2){min-width:60px;width:5%}.users-table td:nth-child(3),.users-table th:nth-child(3){min-width:160px}.users-table td:nth-child(4),.users-table th:nth-child(4){min-width:100px}.users-table td:nth-child(5),.users-table th:nth-child(5){min-width:100px;width:10%}.users-table td:nth-child(6),.users-table th:nth-child(6){width:24%}.users-table td:nth-child(7),.users-table th:nth-child(7){min-width:80px;width:8%}.users-table td:nth-child(8),.users-table th:nth-child(8){min-width:80px;text-align:center;width:6%}.users-table td:nth-child(8) .action-buttons{flex-wrap:nowrap;justify-content:center;margin:0 auto}.no-users{color:#9ca3af;font-size:15px;font-style:italic;padding:60px;text-align:center}.activity-cell{color:#111827;font-weight:500}.pill-admin{background:#fee2e2;color:#991b1b}.pill-status-active,.pill-verified{background:#d1fae5;color:#065f46}.pill-status-deactivated{background:#fee2e2;color:#991b1b}.action-buttons{gap:2px;min-width:-webkit-fit-content;min-width:fit-content}.action-btn{background:#0000;border-radius:6px;display:flex;height:26px;line-height:1;min-width:26px;padding:4px;width:26px}.action-btn:hover{transform:scale(1.08)}.action-btn svg{flex-shrink:0;height:16px;width:16px}.action-btn-power{color:#ef4444}.action-btn-power:hover{background:#fef2f2}.power-icon{display:inline-block;font-size:16px}.action-btn-bell{color:#f59e0b;left:-6px;position:relative;top:-5px}.action-btn-bell:hover{background:#fffbeb}.action-btn-edit{color:#6b7280}.action-btn-edit:hover{background:#f3f4f6}.modal-content{-ms-overflow-style:none;border-radius:16px;box-shadow:0 20px 50px #0003;padding:32px;position:relative;scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}.modal-close{font-size:28px;line-height:1;position:absolute;right:20px;top:20px;transition:color .2s}.modal-close:hover{color:#1b4965}.modal-alert{max-width:520px}.alert-user-name{border-bottom:1px solid #e5e7eb;color:#1b4965;font-size:18px!important;font-weight:400!important;margin:0 0 20px;padding-bottom:16px;text-align:left}.alert-type-section{margin-bottom:18px}.alert-section-label{color:#6b7280;display:block;font-size:14px;font-weight:500;margin-bottom:12px;text-align:left}.alert-options{display:flex;flex-direction:column;gap:8px}.alert-option{align-items:flex-start;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s}.alert-option:hover{background:#f9fafb;border-color:#d1d5dc}.alert-option.selected{background:#f0f9ff;border-color:#62b6cb}.alert-option input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;position:relative;transition:all .2s ease;width:18px}.alert-option input[type=radio]:hover{border-color:#62b6cb}.alert-option input[type=radio]:checked{background:#fff;border-color:#62b6cb}.alert-option input[type=radio]:checked:after{background:#62b6cb;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.alert-option-content{flex:1 1}.alert-option-title{color:#1b4965;font-size:15px;font-weight:600;margin-bottom:4px;text-align:left}.alert-option-desc{color:#6b7280;font-size:13px;font-weight:400;line-height:1.5;text-align:left}.custom-message-section{animation:slideDown .2s ease;margin-bottom:18px}.custom-message-section .modal-textarea{margin-bottom:0}.modal-large{max-width:700px}.modal-content h2{color:#1b4965;font-size:18px;font-weight:600;margin-bottom:8px;text-align:left}.modal-content p{color:#6b7280;line-height:1.5}.modal-content p,.modal-textarea{font-size:14px;margin-bottom:24px}.modal-textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;min-height:100px;overflow-y:auto;padding:12px;resize:vertical;width:100%}.modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-confirm{background:#62b6cb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.btn-confirm:hover{background:#4a9fb5;transform:translateY(-1px)}.btn-send-alert{background:#62b6cb}.btn-send-alert:hover{background:#4a9fb5}.btn-cancel{border:1.5px solid #e5e7eb;color:#6b7280;font-size:14px;padding:12px 28px}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5dc;transform:translateY(-1px)}.user-details{max-height:500px;overflow-y:auto}.detail-row{border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:14px 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:600;min-width:180px}.detail-row:not(:has(.admin-notes)){align-items:center}.admin-notes{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;color:#374151;font-size:14px;line-height:1.6;margin-top:8px;padding:16px;white-space:pre-wrap}@media (max-width:1400px){.users-table td{font-size:12px;padding:10px 6px}.users-table th{font-size:10px;padding:10px 6px}.action-btn{height:28px;min-width:28px;width:28px}.action-btn svg{height:16px;width:16px}}@media (max-width:1200px){.users-table td{font-size:11px;padding:8px 4px}.users-table th{font-size:10px;padding:8px 4px}.stats-grid{grid-template-columns:repeat(2,1fr)}.user-name-info .user-name{font-size:12px}.user-name-info .user-org{font-size:10px}.action-buttons{gap:4px}.action-btn{height:26px;min-width:26px;width:26px}.action-btn svg{height:15px;width:15px}}.details-row{background:#f9fafb!important;border-bottom:none!important}.details-row td{border-bottom:none!important;padding:16px!important}.details-row:hover{background:#f9fafb!important}.user-details-expanded{background:#fff;border-radius:12px;margin:0;padding:16px 20px}.details-grid{border-bottom:1px solid #e8f4f8;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.details-section{flex:1 1;min-width:0}.details-section:first-child{text-align:left}.details-section:last-child{text-align:right}.details-section h4{color:#64748b;font-size:11px;letter-spacing:.6px;margin:0 0 6px}.details-value{color:#1b4965;font-size:15px;font-weight:600;line-height:1.2}.details-activity h4{color:#64748b;font-size:11px;letter-spacing:.6px;text-align:left}.activity-list li{color:#1b4965;font-size:13px;font-weight:500;line-height:1.5;padding:6px 0;text-align:left}.activity-list li,.activity-list li:last-child{border-bottom:none}.expand-btn{transition:transform .2s}.expanded .expand-btn{transform:rotate(0deg)}.modal-notification{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:520px;padding:32px}.modal-notification+.modal-overlay,.modal-overlay:has(.modal-notification){background:#0000004d}.notification-header{margin-bottom:24px;text-align:center}.notification-header h3{color:#1b4965;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:600;margin:0}.notification-success .notification-header h3{color:#059669}.notification-error .notification-header h3{color:#dc2626}.notification-info .notification-header h3{color:#2563eb}.notification-body{margin-bottom:24px;text-align:center}.notification-body p{color:#374151;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;margin:0}.modal-notification .modal-actions{display:flex;gap:12px;justify-content:center}.modal-notification .btn-confirm{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:120px}.modal-user-detail{max-height:90vh;max-width:90vw;overflow-y:auto;padding:40px;width:95%}.modal-user-detail .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:0;color:#1b4965;margin:0 0 32px;padding:0 0 20px}.modal-user-detail .modal-header h2{color:#1b4965;font-size:20px;font-weight:600;margin:0;padding-right:40px;text-align:left}.modal-user-detail .modal-body{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;width:100%}.info-card{background:#f9fafb;border:none;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;margin-bottom:0;margin-left:0;margin-right:0;overflow:visible;padding:20px;width:100%}.info-card-header{align-items:center;background:#0000;border-bottom:none;display:flex;gap:10px;margin-bottom:20px;padding:0 0 16px}.info-card-header h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.info-card-header svg{color:#62b6cb;height:20px;width:20px}.info-grid{grid-gap:24px;grid-row-gap:28px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);padding:0;row-gap:28px}.info-item{display:flex;flex-direction:column;gap:10px}.info-label{align-items:center;display:flex;font-size:13px;gap:8px;text-align:left}.info-label svg{color:#62b6cb;height:16px;width:16px}.info-value{color:#1b4965;font-size:15px;font-weight:500;line-height:1.5;text-align:left;word-break:break-word}.license-document-link{align-items:center;background:#f0f9ff;border:1.5px solid #62b6cb;border-radius:8px;color:#62b6cb;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.license-document-link:hover{background:#62b6cb;box-shadow:0 2px 8px #62b6cb4d;color:#fff;transform:translateY(-1px)}.license-document-link svg{height:16px;width:16px}@media (min-width:769px){.users-table td,.users-table td:first-child,.users-table td:nth-child(2),.users-table td:nth-child(3),.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table td:nth-child(6),.users-table td:nth-child(7),.users-table td:nth-child(8),.users-table td:nth-child(9),.users-table th,.users-table th:first-child,.users-table th:nth-child(2),.users-table th:nth-child(3),.users-table th:nth-child(4),.users-table th:nth-child(5),.users-table th:nth-child(6),.users-table th:nth-child(7),.users-table th:nth-child(8),.users-table th:nth-child(9){text-align:center!important}.user-name-info{align-items:center;display:flex;flex-direction:column;gap:2px}}@media (max-width:768px){.admin-users-container{margin:0;padding:16px 10px;width:100%}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important;margin-bottom:20px}.admin-users-container .stat-card{align-items:center!important;flex-direction:row!important;gap:12px!important;min-height:auto!important;padding:10px 16px!important}.admin-users-container .stat-icon{border-radius:8px!important;height:36px!important;width:36px!important}.admin-users-container .stat-icon svg{height:18px!important;width:18px!important}.admin-users-container .stat-value{font-size:20px!important}.admin-users-container .stat-label{font-size:11px!important}.users-section{border-radius:12px 12px 0 0;padding:16px 12px}.users-section-header{align-items:flex-start;flex-direction:column;gap:4px}.search-bar-container{flex-direction:column;gap:10px}.search-input-wrapper{max-width:100%!important;min-width:0!important;min-width:auto!important;width:100%!important}.filters-wrapper{flex-direction:column;gap:8px;width:100%}.filters-wrapper>*{width:100%}.filter-select-react{min-width:0;min-width:auto;width:100%}.filter-reset-btn{text-align:center;width:100%}.users-table-container{border-radius:0 0 12px 12px;overflow-x:visible}.users-table,.users-table tbody,.users-table td,.users-table th,.users-table thead,.users-table tr{display:block}.users-table thead{display:none}.users-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:0;margin-bottom:12px;padding:14px;position:relative}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr.expanded{border-radius:10px 10px 0 0;margin-bottom:0}.users-table td{align-items:center;border-bottom:none!important;display:flex;font-size:14px;justify-content:space-between;min-height:0;min-width:0!important;min-width:auto!important;padding:6px 0!important;text-align:left!important;width:100%!important}.users-table td:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.03em;margin-right:12px;text-transform:uppercase}.users-table td:first-child{flex:0 0 auto;justify-content:flex-start;order:99;padding:6px 0;width:auto!important}.users-table td:first-child:before{display:none}.users-table td:last-child{flex:1 1 auto;order:98;width:auto!important}.mobile-action-label,.mobile-expand-label{display:inline!important}.expand-btn{align-items:center;color:#1b4965;display:inline-flex;font-size:13px;font-weight:500;gap:4px}.users-table td:nth-child(n),.users-table th:nth-child(n){min-width:0!important;min-width:auto!important;width:100%!important}.user-name-info{align-items:flex-end}.users-table tbody tr.details-row{border-radius:0 0 10px 10px;border-top:1px dashed #e5e7eb;margin-bottom:12px;padding:12px}.users-table tbody tr.details-row td{display:block;width:100%!important}.users-table tbody tr.details-row td:before{display:none}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.details-section{text-align:left!important}.user-details-expanded{gap:16px}.modal-content,.modal-user-detail{max-width:95%;padding:24px}.modal-user-detail .modal-header{margin:-24px -24px 20px;padding:20px 48px 20px 20px;position:relative}.modal-user-detail .modal-header h2{font-size:16px;line-height:1.3;word-break:break-word}.info-grid{gap:12px;grid-template-columns:1fr;padding:16px}.modal-close{font-size:22px;height:28px;right:0;top:0;width:28px}.action-buttons{flex-wrap:nowrap;gap:6px;justify-content:flex-end}.action-btn{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:4px;height:auto;min-width:0;min-width:auto;padding:4px 8px;width:auto}.action-btn svg{height:14px;width:14px}.action-btn-power{color:#ef4444!important}.action-btn-bell{color:#f59e0b!important;left:auto;position:static;top:auto}.stat-value{font-size:24px}}@media (max-width:480px){.admin-users-container{padding:12px 6px}.stats-grid{gap:8px;grid-template-columns:1fr 1fr!important}.users-section{padding:12px 8px}.details-grid{grid-template-columns:1fr}.users-table tbody tr{padding:12px 10px}}.admin-disputes-container{background:#f5f7fa;box-sizing:border-box;margin:-24px;max-width:none;min-height:calc(100vh - 60px);overflow-x:hidden;padding:24px;width:calc(100% + 48px)}.disputes-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:30px;max-width:none;padding:0;width:100%}@media (max-width:1200px){.disputes-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.disputes-stats-grid{grid-template-columns:repeat(4,1fr)!important}}.disputes-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.disputes-section-header{border-bottom:1px solid #e5e7eb;padding:24px 28px}.disputes-section-header h2{color:#1e3a5f;font-size:18px;font-weight:700;margin:0}.disputes-controls{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:0}.disputes-tabs{display:flex;flex:1 1;gap:0}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f9fafb;color:#1e3a5f}.tab-btn.active{border-bottom-color:#3b82f6;color:#1e3a5f;font-weight:600}.search-wrapper{align-items:center;display:flex;padding:12px 24px;position:relative}.search-wrapper .search-icon{color:#9ca3af;left:36px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f9fafb;padding:10px 14px 10px 38px;transition:all .2s;width:280px}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a}.disputes-table-container{overflow-x:auto}.disputes-table{border-collapse:collapse;width:100%}.disputes-table thead{background:#fafbfc;border-bottom:2px solid #e5e7eb}.disputes-table th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 20px;text-align:left;text-transform:uppercase}.disputes-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.disputes-table tbody tr:hover{background:#fafbfc}.disputes-table tbody tr:last-child{border-bottom:none}.disputes-table td{color:#1e293b;font-size:14px;padding:16px 20px;vertical-align:middle}.case-id{color:#0f172a;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:700}.user-cell{display:flex;flex-direction:column;gap:4px}.user-name{color:#0f172a;font-weight:600}.user-type{color:#64748b;font-size:12px;font-weight:400}.reported-user-name{color:#1e293b;font-weight:500}.donation-id{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-weight:600;padding:4px 10px}.no-donation{color:#d1d5db}.date-cell{display:flex;flex-direction:column;gap:4px}.date-main{color:#0f172a;font-size:14px;font-weight:600}.date-time{color:#64748b;font-size:12px;font-weight:400}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.status-open{background:#fef2f2;border:1px solid #fecaca}.status-under-review{background:#fef9e7;border:1px solid #fde68a;color:#92400e}.status-resolved{background:#f0fdf4;border:1px solid #86efac}.status-closed{background:#f8fafc;border:1px solid #cbd5e1;color:#475569}.view-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.view-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.view-btn:active{transform:translateY(0)}.empty-state{color:#6b7280;gap:16px}.empty-state h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.empty-state p{color:#64748b;margin:0}.loading-spinner{font-size:14px;padding:60px 20px}@media (max-width:1024px){.disputes-table-container{overflow-x:auto}.disputes-table{min-width:900px}}@media (max-width:768px){.admin-disputes-container{margin:0!important;padding:16px 10px!important;width:100%!important}.disputes-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important;margin-bottom:20px}.admin-disputes-container .stat-card{align-items:center!important;flex-direction:row!important;gap:12px!important;min-height:auto!important;padding:10px 16px!important}.admin-disputes-container .stat-icon{border-radius:8px!important;height:36px!important;width:36px!important}.admin-disputes-container .stat-icon svg{height:18px!important;width:18px!important}.admin-disputes-container .stat-value{font-size:20px!important}.admin-disputes-container .stat-label{font-size:11px!important}.disputes-section{border-radius:12px;overflow:visible}.disputes-section-header{padding:16px}.disputes-section-header h2{font-size:16px}.disputes-controls{align-items:stretch;flex-direction:column}.disputes-tabs{-webkit-overflow-scrolling:touch;border-bottom:none;overflow-x:auto}.tab-btn{font-size:13px;padding:12px 16px}.search-wrapper{border-left:none;border-top:1px solid #e5e7eb;padding:12px 16px}.search-wrapper .search-icon{left:28px}.search-input{width:100%}.disputes-table-container{overflow-x:visible!important}.disputes-table{min-width:0!important;min-width:auto!important;width:100%}.disputes-table,.disputes-table tbody,.disputes-table td,.disputes-table th,.disputes-table thead,.disputes-table tr{display:block!important}.disputes-table thead{display:none!important}.disputes-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex!important;flex-wrap:wrap;gap:0;margin-bottom:12px;padding:14px;position:relative}.disputes-table tbody tr:hover{background-color:#f9fafb}.disputes-table td{align-items:center;border-bottom:none!important;display:flex!important;font-size:14px;justify-content:space-between;min-height:0;padding:6px 0!important;width:100%}.disputes-table td:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.03em;margin-right:12px;text-transform:uppercase}.disputes-table td:last-child{border-top:1px solid #f3f4f6!important;justify-content:flex-end;margin-top:6px;order:99;padding-top:10px!important}.disputes-table td:last-child:before{display:none}.view-btn{justify-content:center;padding:10px 16px;width:100%}.date-cell,.user-cell{align-items:flex-end;text-align:right}.empty-state{padding:40px 16px}.empty-state h3{font-size:18px}}@media (max-width:480px){.admin-disputes-container{padding:12px 6px}.disputes-stats-grid{gap:8px;grid-template-columns:1fr 1fr!important}.disputes-table tbody tr{margin:8px;padding:12px 10px}.tab-btn{font-size:12px;padding:10px 12px}}.dispute-detail-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dispute-detail-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:90vh;max-width:1300px;overflow:hidden;position:relative;width:90%}.modal-close-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:24px;top:24px;transition:all .2s;z-index:10}.modal-close-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827;transform:scale(1.05)}.modal-header{align-items:flex-start;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:2px solid #f3f4f6;flex-direction:column;padding:36px 40px 28px;position:relative}.case-title-row{align-items:center;display:flex;gap:20px;margin-bottom:12px;width:100%}.case-title-row h1{color:#111827;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.header-title-row{margin-top:8px;width:100%}.created-text{color:#6b7280;display:block;font-size:13px;font-weight:500;letter-spacing:.3px;text-align:left}.status-pill{align-items:center;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.3px;padding:5px 14px;text-transform:uppercase;white-space:nowrap}.status-open{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-under,.status-under.review{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-resolved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-closed{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.modal-body{background:#fafbfc;padding:40px}.modal-columns{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1.2fr 420px}.left-column{display:flex;flex-direction:column;gap:28px}.info-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:24px;transition:all .2s}.info-section:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.section-title{border-bottom:2px solid #e5e7eb;color:#3b82f6;font-size:11px;font-weight:800;letter-spacing:1px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:14px 0;transition:background .2s}.info-row:hover{background:#f9fafb;border-bottom:1px solid #0000;border-radius:8px;margin:0 -12px;padding:14px 12px}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{color:#6b7280;font-size:14px;font-weight:600}.info-value,.info-value-right{color:#111827;font-size:14px;font-weight:600}.info-value-right{align-items:center;display:flex;gap:10px}.user-tag{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:14px;color:#374151;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 12px}.donation-link{border-radius:6px;color:#3b82f6;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s}.donation-link:hover{background:#eff6ff;text-decoration:none}.description-text{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;font-size:14px;line-height:1.7;padding:8px}.right-column{align-self:flex-start;display:flex;flex-direction:column;gap:28px;position:-webkit-sticky;position:sticky;top:0}.status-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:24px}.status-dropdown-row{border-top:2px solid #f3f4f6;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px}.status-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;padding:12px 14px;transition:all .2s;width:100%}.status-select:hover{background:#f9fafb;border-color:#3b82f6}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.status-hint{color:#6b7280;font-size:12px;font-style:italic;line-height:1.6;margin:12px 0 0}.actions-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:24px}.action-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;margin-bottom:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s;width:100%}.action-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn:last-of-type{margin-bottom:0}.action-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateX(4px)}.actions-hint{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;color:#6b7280;font-size:12px;font-style:italic;line-height:1.6;margin:16px 0 0;padding:12px}.resolution-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:24px}.close-case-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;padding:14px 16px;transition:all .2s;width:100%}.close-case-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.close-case-btn:active{transform:translateY(0)}.resolution-hint{background:#fee2e2;border-left:3px solid #dc2626;border-radius:8px;color:#6b7280;font-size:12px;font-style:italic;line-height:1.6;margin:16px 0 0;padding:12px}.detail-error,.detail-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:400px}@media (max-width:1024px){.modal-columns{grid-template-columns:1fr}.right-column{order:-1;position:static}}@media (max-width:768px){.dispute-detail-modal{border-radius:12px;max-height:95vh;width:95%}.modal-header{padding:28px 24px 20px}.modal-body{padding:24px}.case-title-row{align-items:flex-start;flex-direction:column;gap:12px}.case-title-row h1{font-size:24px}.modal-columns{gap:24px}.actions-section,.info-section,.resolution-section,.status-section{padding:20px}}.admin-verification-container{background:#f5f7fa;box-sizing:border-box;margin:-24px;max-width:none;min-height:calc(100vh - 60px);overflow-x:hidden;padding:24px;width:calc(100% + 48px)}.admin-verification-header{margin-bottom:30px;padding:0}.admin-verification-header h1{color:#1e3a5f;font-size:28px;font-weight:700;margin-bottom:0}.admin-verification-loading{align-items:center;color:#7f8c8d;display:flex;font-size:18px;height:400px;justify-content:center}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:30px;max-width:none;padding:0;width:100%}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.stats-grid{grid-template-columns:repeat(4,1fr)!important}}.stat-card{border-radius:12px;box-sizing:border-box;gap:20px;min-height:110px;padding:28px 32px;transition:transform .2s,box-shadow .2s;width:100%}.stat-label{font-size:13px;font-weight:500}.stat-value{font-size:28px}.users-section{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 1px 3px #00000014;margin:0;padding:24px}.users-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.users-section-header h2{color:#1e3a5f;font-size:16px;font-weight:600;margin:0}.search-bar-container{margin-bottom:20px;padding-bottom:16px}.search-icon{left:12px}.admin-users-search{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.admin-users-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{min-width:180px}.sort-order-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:18px;padding:10px 16px;transition:all .2s}.sort-order-btn:hover{background:#f9fafb;border-color:#3b82f6}.users-table-container{background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.025em;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;padding:16px 12px}.users-table tbody tr{transition:background .15s}.users-table tbody tr.expanded,.users-table tbody tr:hover{background:#f9fafb}.users-table td:first-child,.users-table th:first-child{padding-left:16px;width:40px}.users-table td:nth-child(2),.users-table th:nth-child(2){width:60px}.users-table td:nth-child(3),.users-table th:nth-child(3){min-width:180px;width:20%}.users-table td:nth-child(4),.users-table th:nth-child(4){min-width:90px;width:10%}.users-table td:nth-child(5),.users-table th:nth-child(5){min-width:120px;width:12%}.users-table td:nth-child(6),.users-table th:nth-child(6){min-width:200px;width:18%}.users-table td:nth-child(7),.users-table th:nth-child(7){min-width:120px;width:12%}.users-table td:nth-child(8),.users-table th:nth-child(8){min-width:100px;width:10%}.users-table td:nth-child(9),.users-table th:nth-child(9){min-width:180px;padding-left:8px;padding-right:16px;text-align:center;width:18%}.error-message{gap:8px}.empty-state{padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;margin-bottom:8px}.empty-state p{color:#6b7280;font-size:14px}.expand-btn{align-items:center;color:#9ca3af;display:flex;height:24px;justify-content:center;transition:color .2s;width:24px}.expand-btn:hover{color:#374151}.user-name-info{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.user-name{color:#111827;font-size:14px;font-weight:500}.email-cell,.user-org{color:#6b7280;font-size:13px}.id-cell,.pill{font-weight:500}.pill{border-radius:16px;display:inline-block;font-size:12px;line-height:20px;padding:4px 12px;text-transform:capitalize}.pill-donor{background:#dbeafe;color:#1e40af}.pill-receiver{background:#f3e8ff;color:#6b21a8}.pill-pending{background:#fef3c7;color:#92400e}.pill-email-pending{background:#dbeafe;color:#1d4ed8}.waiting-time{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.details-row td{background:#f9fafb!important;border-bottom:2px solid #e5e7eb!important;padding:24px!important}.user-details-expanded{padding:0}.details-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1400px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.details-grid{grid-template-columns:1fr}}.details-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.details-section.full-width{grid-column:1/-1}.details-section h4{color:#6b7280;font-size:12px;letter-spacing:.025em;margin:0 0 8px;text-transform:uppercase}.details-value{color:#111827;line-height:1.6}.details-business-section{margin-bottom:24px}.business-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:12px}.credential-item{display:flex;flex-direction:column;gap:6px}.credential-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.credential-value{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-family:Courier New,monospace;font-size:14px;font-weight:500;padding:8px 12px}.view-document-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 12px;text-align:left;transition:all .2s}.view-document-btn:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f633;transform:translateY(-1px)}.view-document-btn svg{flex-shrink:0}.details-activity{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.details-activity h4{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.025em;margin:0 0 12px;text-transform:uppercase}.activity-list{color:#111827;font-size:14px;line-height:1.8;list-style:none;margin:0;padding:0}.activity-list li{margin-bottom:6px}.activity-list li:last-child{margin-bottom:0}.action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.btn-approve-small,.btn-reject-small,.btn-verify-small{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-verify-small{background:#2563eb;color:#fff}.btn-verify-small:hover{background:#1d4ed8;box-shadow:0 4px 6px #2563eb33;transform:translateY(-1px)}.btn-verify-small svg{height:16px;width:16px}.btn-approve-small{background:#10b981;color:#fff}.btn-approve-small:hover{background:#059669;box-shadow:0 4px 6px #10b98133;transform:translateY(-1px)}.btn-reject-small{background:#ef4444;color:#fff}.btn-reject-small:hover{background:#dc2626;box-shadow:0 4px 6px #ef444433;transform:translateY(-1px)}.btn-approve-small svg,.btn-reject-small svg{height:16px;width:16px}.pagination-controls{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:24px}.pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-width:600px;overflow-y:auto;width:90%}.verification-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.verification-modal .modal-header h3{color:#1e3a5f;font-size:20px;font-weight:600;margin:0}.verification-modal .modal-body{padding:24px}.verification-modal .modal-body p{color:#374151;margin-bottom:16px}.user-info-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:16px}.user-info-summary p{color:#374151;font-size:14px;margin:8px 0}.user-info-summary strong{color:#1e3a5f}.approval-note,.rejection-note{background:#dbeafe;border-radius:8px;color:#1e40af;font-size:13px;margin-top:16px;padding:12px}.rejection-note{background:#fee2e2;color:#991b1b}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;margin-bottom:8px}.rejection-reason-select{width:100%}.rejection-message-input{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.rejection-message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{padding:24px}.btn-approve,.btn-reject,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary{background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover:not(:disabled){background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover:not(:disabled){background:#dc2626}.btn-approve:disabled,.btn-reject:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.notification-toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:8px;bottom:24px;box-shadow:0 10px 15px -3px #0000001a;display:flex;gap:12px;min-width:300px;padding:16px 20px;position:fixed;right:24px;z-index:1001}.notification-toast.success{border-left:4px solid #10b981;color:#065f46}.notification-toast.error{border-left:4px solid #ef4444;color:#991b1b}.notification-toast svg{flex-shrink:0}.notification-toast span{font-size:14px;font-weight:500}.select__control{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:none!important;min-height:40px!important}.select__control--is-focused,.select__control:hover{border-color:#3b82f6!important}.select__control--is-focused{box-shadow:0 0 0 3px #3b82f61a!important}.select__menu{border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a!important;overflow:hidden;z-index:100!important}.select__option{cursor:pointer!important}.select__option--is-focused{background:#f3f4f6!important}.select__option--is-selected{background:#3b82f6!important}.verification-detail-container{background:#fafbfc;border-radius:12px;margin:0;padding:10px 32px}.decision-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;padding:32px}.header-left{flex:1 1}.org-name{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px}.header-badges{align-items:center;display:flex;gap:12px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.role-badge.role-donor{background:#fef3c7;color:#92400e}.role-badge.role-receiver{background:#dbeafe;color:#1e40af}.status-pill-large{align-items:center;background:#fef9e7;border:1.5px solid #fbbf24;border-radius:8px;color:#92400e;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.status-pill-large svg{flex-shrink:0}.btn-approve-primary{align-items:center;background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-approve-primary:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-approve-primary:active{transform:translateY(0)}.btn-reject-secondary{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-reject-secondary:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.btn-reject-secondary:active{transform:translateY(0)}.detail-content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1400px){.detail-content-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.detail-content-grid{grid-template-columns:1fr}.decision-header{flex-direction:column;gap:20px}.header-actions{width:100%}.btn-approve-primary,.btn-reject-secondary{flex:1 1}}.detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px;text-align:left}.card-title{border-bottom:2px solid #f1f5f9;color:#0f172a;font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px;text-align:left}.detail-item{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:auto 1fr auto;margin-bottom:16px;text-align:left}.detail-item:last-child{margin-bottom:0}.detail-icon{color:#64748b;flex-shrink:0;margin-top:2px}.detail-label{color:#64748b;font-size:13px;grid-column:2}.detail-label,.detail-value{font-weight:500;text-align:left}.detail-value{color:#1e293b;line-height:1.6}.detail-value,.detail-value-link{font-size:14px;grid-column:2/-1;margin-top:2px}.detail-value-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.detail-value-link:hover{color:#2563eb;text-decoration:underline}.detail-item-highlight{align-items:flex-start;background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.verify-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.detail-item-highlight .detail-label{color:#15803d;display:block;font-size:12px;margin-bottom:4px}.detail-value-emphasis{color:#0f172a;display:block;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:.5px}.detail-item-document{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}.document-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.verified-badge{color:#16a34a}.document-label{color:#64748b;font-size:13px;font-weight:600}.document-preview-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s;width:100%}.document-preview-btn:hover{background:#f1f5f9;border-color:#3b82f6}.document-preview-btn svg{color:#3b82f6;flex-shrink:0}.document-info{flex:1 1;text-align:left}.document-name{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.document-action{color:#64748b;display:block;font-size:12px}.capacity-stat-card{background:linear-gradient(135deg,#1b4965,#1b4965);border-radius:12px;box-shadow:0 4px 12px #667eea33;margin-bottom:20px;padding:24px;text-align:center}.capacity-number{color:#fff;font-size:36px;font-weight:700;line-height:1;margin-bottom:4px}.capacity-label{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.verification-checklist{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:20px}.verification-checklist h4{color:#0f172a;font-size:14px;font-weight:700;margin:0 0 12px}.checklist-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:10px;margin-bottom:10px}.checklist-item:last-child{margin-bottom:0}.check-icon{color:#16a34a}@media (max-width:768px){.verification-detail-container{padding:20px}.decision-header{padding:24px}.org-name{font-size:22px}.detail-card{padding:20px}.capacity-number{font-size:36px}}.admin-referrals-page{display:flex;flex-direction:column;gap:20px;padding:24px}.admin-referrals-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-referrals-filters{display:flex;flex-wrap:wrap;gap:8px}.referral-filter-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 16px;transition:all .15s}.referral-filter-btn:hover{background:#edf2f7;border-color:#cbd5e0}.referral-filter-btn.active{background:#2d3748;border-color:#2d3748;color:#fff}.referral-refresh-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s}.referral-refresh-btn:hover:not(:disabled){background:#edf2f7}.referral-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.spin{animation:spin 1s linear infinite}.admin-referrals-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem;padding:14px 18px}.admin-referrals-loading{color:#718096;font-size:.95rem;padding:48px 0;text-align:center}.admin-referrals-empty{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:16px;padding:64px 0;text-align:center}.admin-referrals-empty p{font-size:1rem;margin:0}.admin-referrals-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow-x:auto}.admin-referrals-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-referrals-table thead tr{background:#f7fafc}.admin-referrals-table th{border-bottom:1px solid #e2e8f0;color:#718096;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-referrals-table td{border-bottom:1px solid #f0f4f8;color:#2d3748;padding:14px 16px;vertical-align:top}.admin-referrals-table tbody tr:last-child td{border-bottom:none}.admin-referrals-table tbody tr:hover{background:#f7fafc}.referral-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.referral-type-badge--community{background:#e6ffed;color:#276749}.referral-type-badge--business{background:#ebf4ff;color:#1e3a5f}.referral-name{font-weight:600}.referral-email-link{color:#2b6cb0;text-decoration:none}.referral-email-link:hover{text-decoration:underline}.referral-message{color:#4a5568;max-width:220px}.referral-date,.referral-submitter{color:#718096;font-size:.82rem}.referral-date{white-space:nowrap}.admin-referrals-count{color:#a0aec0;font-size:.82rem;text-align:right}.language-switcher-wrapper{max-width:350px}.language-selector,.language-switcher-wrapper{position:relative;width:100%}.language-button{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.language-button:hover{background:#fafbfc;border-color:#1b4965;box-shadow:0 2px 6px #1b49651a}.language-button:focus{background:#fff;border-color:#1b4965;box-shadow:0 0 0 3px #1b49651f,0 2px 6px #00000014}.selected-language{align-items:center;display:flex;gap:12px}.language-icon{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.language-icon img{border-radius:4px;display:block;height:28px;object-fit:cover;width:28px}.language-name{color:#1f2937;font-size:15px;font-weight:500}.dropdown-icon{color:#9ca3af;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.dropdown-icon.open{transform:rotate(180deg)}.language-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #0000001a;left:0;overflow:hidden;pointer-events:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-search{position:relative}.search-icon{color:#9ca3af;left:24px;pointer-events:none}.search-input{border-radius:8px;outline:none;padding:10px 12px 10px 40px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#1b4965;box-shadow:0 0 0 3px #1b496514}.search-input::placeholder{color:#9ca3af;font-size:14px}.language-list{list-style:none;margin:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:8px}.language-list::-webkit-scrollbar{width:6px}.language-list::-webkit-scrollbar-track{background:#0000}.language-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.language-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.language-option{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.language-option:hover{background:#f9fafb;border-color:#0000}.language-option.selected{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.language-option.selected:hover{background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.language-details{display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center}.language-native{color:#1f2937;font-size:15px;font-weight:500;line-height:1.3}.language-option.selected .language-native{color:#1b4965;font-weight:600}.language-english{color:#6b7280;font-size:13px;line-height:1.2}.check-icon,.language-option.selected .language-english{color:#1b4965}.check-icon{stroke-width:2.5;flex-shrink:0}.no-results{color:#9ca3af;font-size:14px;padding:32px 16px;text-align:center}.language-overlay{background:#0000;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}.language-toast{animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1),toastFadeOut .3s ease 1.7s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1b4965,#2563a3);border-radius:10px;bottom:24px;box-shadow:0 4px 16px #1b49654d,0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:500;padding:14px 20px;position:fixed;right:24px;z-index:10000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translateY(10px)}}@media (max-width:768px){.language-switcher-wrapper{max-width:100%}.language-dropdown{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.language-list{max-height:calc(70vh - 80px)}.language-toast{bottom:16px;left:16px;right:16px;text-align:center}}@media (max-width:480px){.language-button{font-size:14px;padding:10px 14px}.language-icon img{height:24px;width:24px}.language-name{font-size:14px}}[dir=rtl] .language-switcher-wrapper{direction:rtl}[dir=rtl] .selected-language{flex-direction:row-reverse}[dir=rtl] .dropdown-search{direction:rtl}[dir=rtl] .search-icon{left:auto;right:24px}[dir=rtl] .search-input{padding:10px 40px 10px 12px}[dir=rtl] .language-option{flex-direction:row-reverse}.language-button,.language-option,.search-input{will-change:transform}.language-option:active{transform:scale(.98)}.region-selector{width:100%}.auto-detect-button{align-items:center;background:linear-gradient(135deg,#1b4965,#2563a3);border:none;border-radius:12px;box-shadow:0 2px 8px #1b496540;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:24px;overflow:hidden;padding:14px 24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.auto-detect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auto-detect-button:hover:not(:disabled):before{left:100%}.auto-detect-button:hover:not(:disabled){background:linear-gradient(135deg,#153952,#1e4e85);box-shadow:0 4px 12px #1b496559;transform:translateY(-2px)}.auto-detect-button:active:not(:disabled){box-shadow:0 2px 6px #1b49654d;transform:translateY(0)}.auto-detect-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.auto-detect-button .spinner{animation:spin 1s linear infinite}.region-field-group{gap:20px}.region-field,.region-field-group{display:flex;flex-direction:column}.region-field{gap:10px}.region-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:-.01em}.region-label svg{color:#1b4965;flex-shrink:0}.custom-select{position:relative;width:100%}.select-trigger{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.select-trigger .placeholder{color:#9ca3af}.select-trigger .selected{color:#1f2937;font-weight:500}.custom-select:hover .select-trigger{background:#fafbfc;border-color:#1b4965;box-shadow:0 2px 6px #1b49651a}.custom-select.open .select-trigger{border-color:#1b4965;box-shadow:0 0 0 3px #1b49651f,0 2px 6px #00000014}.chevron-icon{color:#9ca3af;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-select.open .chevron-icon{color:#1b4965;transform:rotate(180deg)}.select-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-search{background:#fafbfc;border-bottom:1px solid #f3f4f6;padding:12px}.dropdown-search input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.dropdown-search input:focus{border-color:#1b4965;box-shadow:0 0 0 3px #1b496514}.dropdown-options{max-height:280px;overflow-y:auto;padding:8px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#0000}.dropdown-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dropdown-option{align-items:center;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:10px 12px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dropdown-option:hover{background:#f9fafb}.dropdown-option.selected{background:linear-gradient(135deg,#eff6ff,#f0f9ff);color:#1b4965;font-weight:500}.dropdown-option svg{color:#1b4965;flex-shrink:0}.region-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%239CA3AF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 12px center;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1f2937;cursor:pointer;font-size:15px;outline:none;padding:12px 40px 12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.region-select:hover{background-color:#fafbfc;box-shadow:0 2px 6px #1b49651a}.region-select:focus,.region-select:hover{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%231B4965" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');border-color:#1b4965}.region-select:focus{background-color:#fff;box-shadow:0 0 0 3px #1b49651f,0 2px 6px #00000014}.region-select:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.region-select option{background:#fff;color:#1f2937;font-size:15px;padding:12px}.region-select option:hover{background:#f9fafb}.region-select option:checked{background:linear-gradient(135deg,#eff6ff,#f0f9ff);color:#1b4965;font-weight:500}.region-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#1f2937;font-size:15px;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.region-input::placeholder{color:#9ca3af;font-weight:400}.region-input:hover{background:#fafbfc;border-color:#1b4965;box-shadow:0 2px 6px #1b49651a}.region-input:focus{background:#fff;border-color:#1b4965;box-shadow:0 0 0 3px #1b49651f,0 2px 6px #00000014}.city-input-wrapper{position:relative}.city-loading-spinner{animation:spin 1s linear infinite;color:#9ca3af;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.city-suggestions{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #0000001a;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.city-suggestion-item{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.city-suggestion-item:hover{background:#f9fafb}.city-suggestion-item svg{color:#9ca3af;flex-shrink:0}.city-suggestions::-webkit-scrollbar{width:6px}.city-suggestions::-webkit-scrollbar-track{background:#0000}.city-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.city-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.timezone-select{font-size:14px}.region-hint{color:#6b7280;display:block;font-size:13px;line-height:1.4;margin-top:6px}.region-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1.5px solid #bae6fd;border-radius:12px;box-shadow:0 2px 4px #0ea5e914;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:18px 20px}.region-summary-item{align-items:center;color:#0c4a6e;display:flex;font-size:15px;font-weight:500;gap:10px;line-height:1.5}.region-summary-item svg{color:#0284c7;flex-shrink:0}@media (max-width:768px){.region-field-group{gap:18px}.region-input,.region-select{font-size:14px;padding:11px 14px}.auto-detect-button{font-size:14px;margin-bottom:20px;padding:13px 20px}.region-summary{margin-top:20px;padding:16px 18px}.region-summary-item{font-size:14px}}@media (max-width:480px){.region-field-group{gap:16px}.region-input,.region-select{font-size:14px;padding:10px 12px}.region-label{font-size:13px}.auto-detect-button{font-size:14px;padding:12px 18px}.region-summary{padding:14px 16px}}.change-password-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.modal-header{border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.modal-header h3{color:#2d3748;font-size:22px;font-weight:600;margin:0}.close-button{color:#718096;flex-shrink:0;margin-left:auto;padding:4px;transition:background .2s,color .2s}.close-button:hover{background:#f7fafc;color:#2d3748}.close-button:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.change-password-form{gap:20px;padding:24px}.change-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2d3748;font-size:14px;font-weight:500}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:1px solid #cbd5e0;border-radius:8px;font-size:15px;padding:12px 40px 12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.password-input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-input-wrapper input.error{border-color:#e53e3e}.password-input-wrapper input.error:focus{box-shadow:0 0 0 3px #e53e3e1a}.password-input-wrapper input::placeholder{color:#a0aec0}.toggle-password{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.toggle-password:hover{color:#2d3748}.toggle-password:focus{box-shadow:0 0 0 2px #667eea33;outline:none}.error-message{color:#e53e3e;font-size:13px;margin-top:2px}.general-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;font-size:14px;padding:12px;text-align:center}.success-message{background:#f0fdf4;border:1px solid #86efac;color:#15803d;text-align:center}.password-requirements{background:#f7fafc;border-left:3px solid #1e4c64;border-radius:6px;margin-top:4px;padding:14px 16px}.password-requirements h4{color:#2d3748;font-size:13px;font-weight:600;margin:0 0 10px;text-align:left}.password-requirements ul{list-style-position:outside;margin:0;padding-left:20px;text-align:left}.password-requirements li{color:#4a5568;font-size:13px;line-height:1.5;margin-bottom:4px;padding-left:0;text-align:left}.password-requirements li:last-child{margin-bottom:0}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;padding:16px 24px 24px}.cancel-button{background:#fff;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,border-color .2s,transform .1s}.cancel-button:hover{background:#f7fafc;border-color:#a0aec0}.cancel-button:active{transform:scale(.98)}.confirm-button{background:#1d4b63;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 24px;transition:background .2s,transform .1s,box-shadow .2s}.confirm-button:hover{background:#173a4d;box-shadow:0 4px 12px #667eea4d}.confirm-button:active{transform:scale(.98)}@media (max-width:576px){.change-password-modal{max-height:95vh;width:95%}.modal-header{padding:20px 20px 14px}.modal-header h3{font-size:20px}.change-password-form{gap:16px;padding:20px}.modal-actions{flex-direction:column-reverse;padding:14px 20px 20px}.cancel-button,.confirm-button{padding:12px;width:100%}}.change-password-modal::-webkit-scrollbar{width:8px}.change-password-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 12px 12px 0}.change-password-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.change-password-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.toggle-switch input{height:-10;pointer-events:none;width:90}@media (max-width:768px){.settings-container{padding:1rem}.settings-section{border-radius:12px;padding:1.5rem}.section-header-with-icon{gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.icon-circle{height:48px;width:48px}.section-title-group h2{font-size:1.25rem}.section-description{font-size:.875rem}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 0}.notification-info{padding-right:0}.save-changes-btn{width:100%}.profile-image-container{flex-direction:column;text-align:center}.profile-image-wrapper{height:100px;width:100px}.password-toggle-btn{justify-content:center;width:100%}.error-message,.success-message{font-size:.875rem;padding:.875rem 1rem}.field-error{font-size:.75rem}}@media (max-width:480px){.settings-container{padding:.75rem}.settings-section{padding:1rem}.section-header-with-icon{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.icon-circle{height:44px;width:44px}.section-title-group h2{font-size:1.125rem}.profile-image-wrapper{height:80px;width:80px}.profile-image-upload-btn{height:28px;width:28px}.error-message,.success-message{font-size:.8125rem;padding:.75rem .875rem}}.admin-donations-container{padding:32px 24px}.donations-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.donations-section{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 1px 3px #00000014;margin:0;padding:24px}.donations-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.donations-section-header h2{color:#1e3a5f;font-size:16px;font-weight:600;margin:0}.pagination-info{color:#6b7280;font-size:13px}.donations-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-bar-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0;padding-bottom:8px;width:100%}.search-input-wrapper{flex:1 1;max-width:600px;min-width:400px;position:relative}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:none;box-sizing:border-box;font-size:14px;padding:10px 12px 10px 38px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6;outline:none}.search-icon{color:#888;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.filters-wrapper{align-items:center;display:flex;gap:12px}.filter-select-react{min-width:140px}.filter-reset-btn{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;color:#444;cursor:pointer;padding:6px 16px;transition:background .2s}.filter-reset-btn:hover{background:#e0e0e0}.donations-table-container{background:#fff;border:none;border-radius:0 0 12px 12px;margin-top:0;overflow-x:auto;width:100%}.donations-table{background:#fff;border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.donations-table th,.donations-table thead{background:#fff;border-bottom:1px solid #e5e7eb}.donations-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.donations-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px 12px;vertical-align:middle}.donations-table tbody tr{cursor:pointer;transition:background-color .2s}.donations-table tbody tr:hover{background-color:#f9fafb}.donations-table tbody tr.expanded{background-color:#f3f4f6}.donations-table td:first-child,.donations-table th:first-child{min-width:40px;width:3%}.donations-table td:nth-child(2),.donations-table th:nth-child(2){min-width:60px;width:5%}.donations-table td:nth-child(3),.donations-table th:nth-child(3){min-width:120px;width:12%}.donations-table td:nth-child(4),.donations-table td:nth-child(5),.donations-table td:nth-child(6),.donations-table th:nth-child(4),.donations-table th:nth-child(5),.donations-table th:nth-child(6){min-width:100px;width:10%}.donations-table td:nth-child(7),.donations-table th:nth-child(7){min-width:80px;width:8%}.donations-table td:nth-child(8),.donations-table th:nth-child(8){min-width:100px;width:10%}.donations-table td:nth-child(10),.donations-table td:nth-child(9),.donations-table th:nth-child(10),.donations-table th:nth-child(9){min-width:140px;width:14%}.donations-table td:nth-child(11),.donations-table th:nth-child(11){min-width:60px;text-align:center;width:4%}.id-cell{color:#6b7280;font-family:Courier New,monospace;font-size:13px}.no-donations{color:#888;padding:24px 0;text-align:center}.expand-btn{background:none;border:none;cursor:pointer;padding:0}.details-row{background:#fafbfc}.mobile-action-label,.mobile-expand-label{display:none}.donation-details-expanded{align-items:flex-start;display:flex;flex-direction:column;gap:24px;padding:12px 0}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.details-grid,.details-section{align-items:flex-start;width:100%}.details-section{display:flex;flex-direction:column;gap:8px;text-align:left}.details-section h4{color:#1b4965;font-weight:600}.details-section h4,.details-value{font-size:14px;margin:0;text-align:left}.details-value{color:#374151}.donation-admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.donation-admin-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:85vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:32px;position:relative;width:90%}.donation-admin-modal-content::-webkit-scrollbar{display:none;width:0}.donation-admin-modal-content{-ms-overflow-style:none;scrollbar-width:none}.donation-admin-modal-close{align-items:center;background:#fff;border:none;color:#1b4965;cursor:pointer;display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;height:32px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:color .2s;width:32px;z-index:12}.donation-admin-modal-close:hover{color:#9ca3af}.donation-admin-modal-detail{max-width:750px;padding:0;position:relative}.donation-admin-modal-header{background:#fff;border-bottom:2px solid #f3f4f6;border-radius:16px 16px 0 0;margin:-32px -32px 0;padding:24px 32px;position:relative;z-index:10}.donation-admin-modal-title{align-items:center;color:#1b4965;display:flex;font-size:26px;font-weight:600;margin:0;padding:0 0 0 40px}.donation-admin-modal-body{display:flex;flex-direction:column;gap:20px;padding:40px 32px 24px}.donation-admin-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:box-shadow .2s}.donation-admin-info-card:hover{box-shadow:0 4px 12px #00000014}.donation-admin-info-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.donation-admin-info-card-header svg{color:#62b6cb;flex-shrink:0}.donation-admin-info-card-header h3{color:#1b4965;flex:1 1;font-size:16px;font-weight:600;margin:0}.donation-admin-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.donation-admin-info-item{display:flex;flex-direction:column;gap:4px}.donation-admin-info-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.donation-admin-info-value{color:#1f2937;font-size:14px;font-weight:500}.donation-admin-flagged-badge{align-items:center;color:#dc2626;display:inline-flex;font-weight:500;gap:4px}.donation-admin-not-flagged{color:#10b981;font-weight:500}.donation-admin-participants-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px}.donation-admin-participant-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:16px}.donation-admin-participant-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.donation-admin-participant-header svg{color:#62b6cb}.donation-admin-participant-role{color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.donation-admin-participant-info{align-items:center;display:flex;flex-direction:column;gap:6px}.donation-admin-participant-name{color:#1b4965;font-size:16px;font-weight:600;text-align:center}.donation-admin-participant-email{color:#64748b;font-size:13px;text-align:center}.donation-admin-participant-org{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:4px}.donation-admin-participant-org svg{color:#94a3b8}.donation-admin-claimed-at{align-items:center;border-top:1px solid #e2e8f0;color:#10b981;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px;padding-top:8px}.donation-admin-timeline-card{background:linear-gradient(180deg,#fff 0,#f8fafc)}.donation-admin-timeline-container{max-height:400px;overflow-y:auto;padding:20px}.donation-admin-timeline-container::-webkit-scrollbar{width:6px}.donation-admin-timeline-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.donation-admin-timeline-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.donation-admin-timeline-item{border-left:2px solid #e5e7eb;margin-left:8px;padding-bottom:20px;padding-left:32px;position:relative}.donation-admin-timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.donation-admin-timeline-item.donation-admin-only{border-left-color:#a855f7}.donation-admin-timeline-marker{background:#62b6cb;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:16px;left:-9px;position:absolute;top:0;width:16px}.donation-admin-timeline-item.donation-admin-only .donation-admin-timeline-marker{background:#a855f7;box-shadow:0 0 0 2px #f3e8ff}.donation-admin-timeline-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.donation-admin-timeline-item.donation-admin-only .donation-admin-timeline-content{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.donation-admin-timeline-event-type{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:6px}.donation-admin-timeline-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;margin-bottom:6px}.donation-admin-timeline-actor{color:#1f2937;font-weight:500;margin-left:auto}.donation-admin-only-badge{align-items:center;background:#a855f7;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.donation-admin-timeline-status-change{border-top:1px dashed #e5e7eb;color:#475569;font-size:13px;margin-top:6px;padding-top:6px}.donation-admin-old-status{color:#62b6cb;font-weight:600}.donation-admin-arrow{color:#94a3b8;margin:0 6px}.donation-admin-new-status{color:#1b4965;font-weight:600}.donation-admin-timeline-details{border-top:1px dashed #e5e7eb;color:#64748b;font-size:13px;font-style:italic;margin-top:6px;padding-top:6px}.donation-admin-no-timeline{color:#94a3b8;font-size:14px;padding:24px;text-align:center}.donation-admin-override-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24}.donation-admin-override-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom-color:#fbbf24}.donation-admin-override-header svg{color:#d97706}.donation-admin-override-form{display:flex;flex-direction:column;gap:16px;padding:20px}.donation-admin-form-group{display:flex;flex-direction:column;gap:8px}.donation-admin-form-label{color:#92400e;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.donation-admin-override-textarea{background:#fff;border:2px solid #fbbf24;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:all .2s;width:100%}.donation-admin-override-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf241a;outline:none}.donation-admin-override-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.donation-admin-override-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 16px #fbbf2480;transform:translateY(-2px)}.donation-admin-override-btn:active:not(:disabled){transform:translateY(0)}.donation-admin-override-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.donation-admin-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.donation-admin-alert svg{flex-shrink:0}.donation-admin-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.donation-admin-alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}@media (max-width:768px){.donation-admin-modal-detail{max-width:95%}.donation-admin-modal-body,.donation-admin-modal-header{padding:16px}.donation-admin-modal-header{margin:-16px -16px 0;padding-right:48px;top:-1px}.donation-admin-modal-content{padding:16px}.donation-admin-modal-title{font-size:16px;line-height:1.3;padding-left:0;word-break:break-word}.donation-admin-modal-close{font-size:22px;height:28px;right:0;top:0;width:28px}.donation-admin-info-grid,.donation-admin-participants-grid{grid-template-columns:1fr;padding:16px}.donation-admin-timeline-container{padding:16px}.donation-admin-modal-body{padding-top:20px}}.pill-status-active{background:#dbeafe;color:#1e40af}.pill-status-active,.pill-status-available{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.pill-status-available{background:#d1fae5;color:#065f46}.pill-status-claimed{background:#dbeafe;color:#1e40af}.pill-status-claimed,.pill-status-completed{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.pill-status-completed{background:#d1fae5;color:#065f46}.pill-status-canceled{background:#fee2e2;color:#991b1b}.pill-status-canceled,.pill-status-expired{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.pill-status-expired{background:#fef3c7;color:#92400e}.rating-cell{align-items:center;color:#374151;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:flex-start;vertical-align:middle;white-space:nowrap}.pill-status-flagged{background:#fee2e2;color:#991b1b}.pill-status-flagged,.pill-status-ready_for_pickup{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.pill-status-ready_for_pickup{background:#e0e7ff;color:#4338ca}.pill-status-not_completed{background:#fef3c7;border-radius:16px;color:#92400e;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.admin-donations-loading{color:#888;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:32px 0;text-align:center}.donation-admin-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.donation-admin-modal-nav-btn{align-items:center;background:#62b6cb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.donation-admin-modal-nav-btn:hover{background:#1b4965}.feedback-section{margin-top:16px;width:100%}.feedback-section h4{color:#1b4965;font-size:15px;font-weight:600;margin-bottom:12px}.feedback-empty,.feedback-loading{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-style:italic;padding:14px;text-align:center}.feedback-container{display:flex;flex-direction:column;gap:12px}.feedback-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:14px 16px;transition:all .2s}.feedback-card:hover{box-shadow:0 2px 4px #0000001a}.feedback-card.low-rating{background:#fef2f2;border-left:4px solid;border-color:#fecaca}.feedback-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.feedback-direction{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px}.rating-display{align-items:center;display:flex;gap:3px}.rating-value{color:#1f2937;font-size:13px;font-weight:600}.low-rating-flag,.rating-value{margin-left:6px}.feedback-text{background:#f9fafb;border-left:3px solid #d1d5db;border-radius:6px;color:#4b5563;font-size:13px;font-style:italic;line-height:1.5;margin-top:10px;padding:10px 12px}.no-feedback{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.donation-admin-modal-nav-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.donation-admin-modal-nav-btn:disabled:hover{background:#f3f4f6}.donation-admin-modal-page-indicator{color:#6b7280;font-size:14px;font-weight:500}.donation-admin-current-status-display{margin-bottom:0}.donation-admin-current-status-text{color:#b45309;font-size:16px;font-weight:600}@media (max-width:768px){.admin-donations-container{padding:16px 10px}.donations-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.admin-donations-container .stat-card{align-items:center!important;flex-direction:row!important;gap:12px!important;min-height:auto!important;padding:10px 16px!important}.admin-donations-container .stat-icon{border-radius:8px!important;height:36px!important;width:36px!important}.admin-donations-container .stat-icon svg{height:18px!important;width:18px!important}.admin-donations-container .stat-value{font-size:20px!important}.admin-donations-container .stat-label{font-size:11px!important}.donations-section{border-radius:12px 12px 0 0;padding:16px 12px}.donations-section-header{align-items:flex-start;flex-direction:column;gap:4px}.search-bar-container{flex-direction:column;gap:10px}.search-input-wrapper{max-width:100%;min-width:0;min-width:auto;width:100%}.filters-wrapper{flex-direction:column;gap:8px;width:100%}.filters-wrapper>*{width:100%}.filter-select-react{min-width:0;min-width:auto;width:100%}.filter-reset-btn{text-align:center;width:100%}.donations-table-container{border-radius:0 0 12px 12px;overflow-x:visible}.donations-table,.donations-table tbody,.donations-table td,.donations-table th,.donations-table thead,.donations-table tr{display:block}.donations-table thead{display:none}.donations-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:0;margin-bottom:12px;padding:14px;position:relative}.donations-table tbody tr:hover{background-color:#f9fafb}.donations-table tbody tr.expanded{border-radius:10px 10px 0 0;margin-bottom:0}.donations-table td{align-items:center;border-bottom:none;display:flex;font-size:14px;justify-content:space-between;min-height:0;padding:6px 0;width:100%}.donations-table td:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.03em;margin-right:12px;text-transform:uppercase}.donations-table td:first-child{flex:0 0 auto;justify-content:flex-start;order:99;padding:6px 0;width:auto!important}.donations-table td:first-child:before{display:none}.donations-table td:last-child{flex:1 1 auto;order:98;width:auto!important}.mobile-action-label,.mobile-expand-label{display:inline!important}.action-btn,.expand-btn{align-items:center;color:#1b4965;display:inline-flex;font-size:13px;font-weight:500;gap:4px}.donations-table td:nth-child(n),.donations-table th:nth-child(n){min-width:0!important;min-width:auto!important;width:100%!important}.donations-table tbody tr.details-row{border-radius:0 0 10px 10px;border-top:1px dashed #e5e7eb;margin-bottom:12px;padding:12px}.donations-table tbody tr.details-row td{display:block;width:100%}.donations-table tbody tr.details-row td:before{display:none}.details-grid{gap:12px;grid-template-columns:1fr 1fr}.donation-details-expanded,.user-details-expanded{gap:16px}.donations-table-container+div,.donations-table-container~div{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.admin-donations-container{padding:12px 6px}.donations-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.donations-section{padding:12px 8px}.details-grid{grid-template-columns:1fr}.donations-table tbody tr{padding:12px 10px}}.admin-images-page{--admin-bg:#f5f7fb;--admin-panel:#fff;--admin-border:#d8e0ec;--admin-text:#11243a;--admin-muted:#5d6f86;--admin-accent:#0f766e;--admin-shadow:0 10px 24px #0f172a14;grid-gap:20px;background:radial-gradient(1400px 480px at -10% -20%,#e5f0ff 0,#e5f0ff00 72%),radial-gradient(900px 380px at 110% -15%,#e5fff5 0,#e5fff500 68%),var(--admin-bg);display:grid;gap:20px;padding:28px 24px 36px}.admin-images-header{align-items:flex-start;display:flex;justify-content:flex-end}.admin-images-filter{grid-gap:7px;display:grid;gap:7px;min-width:190px}.admin-images-filter label{color:#365170;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.admin-images-filter select{background:#fff;border:1px solid #c4d6ea;border-radius:10px;color:#1f344f;font-weight:600;min-width:165px;outline:none;padding:9px 10px}.admin-images-filter select:focus{border-color:#4690d6;box-shadow:0 0 0 3px #4690d62e}.admin-images-error{background:linear-gradient(180deg,#fff6f6,#fff2f2);border:1px solid #f8b4b4;border-radius:12px;color:#b42318;font-size:14px;padding:11px 13px}.admin-images-section{background:var(--admin-panel);border:1px solid var(--admin-border);border-radius:18px;box-shadow:0 6px 18px #0f172a0d;padding:20px}.admin-images-section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-images-section-title h3{color:var(--admin-text);font-size:18px;letter-spacing:-.01em;margin:0}.admin-images-count-pill{align-items:center;background:#eef5ff;border:1px solid #d6e6fa;border-radius:999px;color:#1f4f85;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.admin-images-empty-state{background:#f8fbff;border:1px dashed #c7d5e7;border-radius:12px;color:var(--admin-muted);font-size:14px;padding:18px 14px;text-align:center}.admin-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-image-card{background:#fff;border:1px solid #d5e1ef;border-radius:14px;box-shadow:0 8px 16px #0f172a0d;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.admin-image-card:hover{box-shadow:0 12px 20px #0f172a14;transform:translateY(-2px)}.admin-image-card-preview{background:#f0f5fb;display:block;height:196px;object-fit:cover;width:100%}.admin-image-card-body{grid-gap:12px;display:grid;gap:12px;padding:14px}.admin-image-card-meta{grid-gap:8px;display:grid;gap:8px}.admin-image-meta-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:92px 1fr}.admin-image-meta-label{color:#5a6f88;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.admin-image-meta-value{color:#2b4361;font-size:13px;font-weight:600;overflow-wrap:anywhere}.admin-image-status{border:1px solid #0000;border-radius:999px;font-size:11px;font-weight:700;justify-self:start;letter-spacing:.02em;padding:3px 9px}.admin-image-status-pending{background:#fff8e1;border-color:#f9df9b;color:#9a6700}.admin-image-status-approved{background:#e7fbea;border-color:#9ee6b0;color:#166534}.admin-image-status-disabled,.admin-image-status-rejected{background:#ffeaea;border-color:#fbc2c2;color:#991b1b}.admin-image-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{background:#f8fbff;border:1px solid #cad7e7;border-radius:10px;color:#1e3655;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:8px 11px;transition:all .16s ease}.btn-action:hover{transform:translateY(-1px) scale(1.01)}.btn-action.approve{background:linear-gradient(180deg,#f1fff7,#e7fdea);border-color:#8fddb8;color:#166534}.btn-action.delete,.btn-action.reject{background:linear-gradient(180deg,#fff5f5,#ffeded);border-color:#f7b8b8;color:#991b1b}.btn-action.disable{background:linear-gradient(180deg,#fff9ea,#fff3d2);border-color:#f4cf70;color:#92400e}.btn-action.add{background:linear-gradient(180deg,#e9fff9,#d8fbf2);border-color:#7bc9bd;color:#0e7669}.admin-library-toolbar{grid-gap:12px;align-items:end;background:#f7faff;border:1px solid #d5e1ef;border-radius:12px;display:grid;gap:12px;grid-template-columns:1.1fr 1fr .9fr 130px;margin-bottom:16px;padding:12px}.toolbar-field,.toolbar-file{grid-gap:6px;display:grid;gap:6px}.toolbar-field label,.toolbar-file label{color:#44617f;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.toolbar-field input,.toolbar-field select,.toolbar-file input{background:#fff;border:1px solid #c4d6ea;border-radius:10px;color:#163350;outline:none;padding:9px 10px}.toolbar-field input:focus,.toolbar-field select:focus,.toolbar-file input:focus{border-color:#4690d6;box-shadow:0 0 0 3px #4690d62e}@media (max-width:1100px){.admin-library-toolbar{grid-template-columns:1fr 1fr}}@media (max-width:760px){.admin-images-page{padding:20px 14px}.admin-images-header{justify-content:stretch}.admin-images-filter,.admin-images-filter select{width:100%}.admin-images-section{padding:14px}.admin-images-grid,.admin-library-toolbar{grid-template-columns:1fr}.admin-library-toolbar{padding:10px}.admin-image-meta-row{grid-template-columns:78px 1fr}}.donor-layout{background:#f7fbfd;display:flex;height:100vh;overflow:hidden}.mobile-header{align-items:center;background:#1b4965;color:#fff;display:none;height:60px;justify-content:space-between;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:1001}.mobile-logo{height:36px;object-fit:contain;width:auto}.hamburger-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px;transition:background-color .2s}.hamburger-btn:hover{background:#ffffff1a}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.donor-sidebar{background:#1b4965;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:visible;padding:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:260px;z-index:1000}.donor-sidebar::-webkit-scrollbar{width:4px}.donor-sidebar::-webkit-scrollbar-track{background:#0000}.donor-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.donor-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.donor-sidebar.collapsed{width:70px}.donor-sidebar.collapsed .donor-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;padding:16px 8px}.donor-sidebar.collapsed .donor-nav-links{padding:24px 8px}.donor-sidebar.collapsed .donor-nav-link{font-size:0;gap:0;padding:14px 8px}.donor-sidebar.collapsed .donor-nav-link .nav-icon{font-size:16px}.donor-sidebar.collapsed .donor-nav-link:before{display:none}.donor-sidebar.collapsed .donor-nav-bottom{padding:16px 8px}.donor-sidebar.collapsed .account-text{display:none}.donor-sidebar.collapsed .account-avatar{flex:0 0 36px;height:36px;width:36px}.donor-sidebar.collapsed .account-dotted-menu{display:flex;margin:0 auto}.donor-sidebar.collapsed .user-profile-pic{gap:0;justify-content:center;padding:6px 0}.donor-sidebar.collapsed .account-row{flex-direction:column;gap:8px;justify-content:center}.donor-sidebar.collapsed .donor-nav-link{position:relative}.donor-sidebar.collapsed .donor-nav-link:after{background:#1b4965;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:14px;left:calc(100% + 12px);opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.donor-sidebar.collapsed .donor-nav-link:hover:after{opacity:1}.donor-sidebar-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:20px 16px;position:relative}.donor-sidebar-header,.sidebar-toggle-btn{align-items:center;display:flex;justify-content:center}.sidebar-toggle-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:10}.sidebar-toggle-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.donor-sidebar.collapsed .sidebar-toggle-btn{margin:0 auto;position:relative;right:auto;top:auto;transform:none}.donor-sidebar.collapsed .sidebar-toggle-btn:hover{transform:scale(1.05)}.donor-logo{display:block;height:100px;margin:0 auto;max-width:180px;object-fit:contain;transition:all .3s ease;width:auto}.donor-sidebar.collapsed .donor-logo{display:none}.donor-sidebar.collapsed .donor-sidebar-header{margin-bottom:10px;padding:10px 0}.donor-nav-links{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 16px}.donor-nav-links::-webkit-scrollbar{width:4px}.donor-nav-links::-webkit-scrollbar-track{background:#ffffff0d}.donor-nav-links::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.donor-nav-links::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.donor-sidebar.collapsed .donor-nav-links{padding:0 8px}.donor-nav-link{align-items:center;border-radius:12px;color:#ffffffeb;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.donor-nav-link:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:4px}.donor-nav-link.active:before{height:60%}.donor-sidebar.collapsed .donor-nav-link{justify-content:center;padding:12px 8px}.donor-nav-link:hover{background:#ffffff1f;color:#fff;transform:translateX(4px)}.donor-nav-link.active{background:linear-gradient(135deg,#62b6cb,#3577a0);box-shadow:0 4px 12px #62b6cb4d;color:#fff;font-weight:600}.nav-icon{align-items:center;justify-content:center}.nav-icon .lucide{stroke:currentColor;transition:transform .2s ease}.donor-nav-link:hover .nav-icon .lucide{transform:scale(1.1)}.donor-nav-link.disabled{cursor:not-allowed;opacity:.6}.donor-nav-link.disabled:hover{background:#0000;transform:none}.donor-nav-link.disabled:hover .nav-icon .lucide{transform:none}.donor-user{overflow:visible!important;position:relative;z-index:300}.user-profile-pic{background:#0000;border:none;border-radius:12px;cursor:default;font-size:15px;gap:12px;justify-content:flex-start;padding:8px 0;width:100%}.account-avatar,.user-profile-pic{align-items:center;color:#fff;display:flex}.account-avatar{background:linear-gradient(135deg,#62b6cb,#3577a0);border-radius:50%;flex:0 0 40px;font-size:16px;font-weight:600;height:40px;justify-content:center;position:relative;width:40px}.account-name{font-size:15px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-role{font-size:12px;margin-top:2px;opacity:.7;text-transform:capitalize}.account-text{align-items:flex-start;display:flex;flex-direction:column}.account-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.account-dotted-menu{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;opacity:.9;padding:6px}.account-dotted-menu:hover{background:#ffffff14}.account-menu{animation:popInSimple .15s ease forwards;border:1px solid #00000014;border-radius:12px;bottom:60px!important;box-shadow:0 4px 24px #0000001f;left:16px!important;overflow:visible;pointer-events:auto;position:fixed!important;width:228px!important;z-index:99999!important}@keyframes popInSimple{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.donor-sidebar.collapsed .account-menu{bottom:60px!important;left:8px!important;width:54px!important}.account-menu-item{align-items:center;color:#333;display:flex;gap:10px}.account-menu-item:hover{background:#0000000d}.account-menu-item.logout{color:#d9534f}.account-menu-item.logout:hover{background:#d9534f14}.account-menu-divider{background:#ffffff1f}.donor-nav-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;overflow:visible;z-index:10}.donor-nav-bottom,.donor-sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:16px;position:relative}.donor-sidebar-footer{overflow:visible!important;z-index:200}.donor-main{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;min-width:0;overflow:hidden;transition:margin-left .3s ease}.donor-sidebar.collapsed~.donor-main{margin-left:70px}.donor-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding:20px 32px;position:relative;z-index:1}.donor-topbar-left{text-align:left}.donor-topbar-left h1{color:#1b4965;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0;text-align:left}.donor-topbar-left p{color:#64748b;font-size:14px;font-weight:400;margin:4px 0 0;text-align:left}.donor-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px;scroll-behavior:smooth}.donor-content::-webkit-scrollbar{width:8px}.donor-content::-webkit-scrollbar-track{background:#f1f5f9}.donor-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.donor-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.donor-content.messages-page{overflow:hidden;padding:0;position:relative}@media (max-width:768px){.mobile-header{display:flex}.mobile-overlay{display:block}.sidebar-toggle-btn{display:none}.donor-sidebar{height:calc(100vh - 60px);top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px}.donor-sidebar-header{display:none;padding:16px}.donor-logo{display:none}.donor-sidebar.mobile-open{box-shadow:4px 0 24px #0000004d;transform:translateX(0)}.donor-main{height:100vh;margin-left:0;padding-top:60px}.donor-content{height:calc(100vh - 140px);padding:16px}.donor-content.messages-page{height:calc(100vh - 60px);padding-top:0}.donor-nav-links{padding:16px 12px}.donor-nav-link{padding:12px 14px}.donor-nav-bottom,.donor-sidebar-footer{padding:12px}.account-menu{bottom:60px!important;left:12px!important;position:fixed!important;width:256px!important}.donor-topbar{padding:16px 20px;position:relative}.donor-topbar-left h1{font-size:20px}}@media (max-width:480px){.donor-sidebar{width:260px}.donor-nav-link{font-size:14px;padding:10px 12px}.account-name{font-size:14px}.mobile-logo{height:32px}}@media (max-width:1440px){.donor-content{padding:20px}.donor-topbar{padding:16px 24px}}@media (max-height:800px){.donor-sidebar-header{padding:16px}.donor-logo{height:80px}.donor-nav-links{gap:6px;padding:16px 12px}.donor-nav-link{font-size:14px;gap:10px;padding:10px 14px}.nav-icon{height:20px;width:20px}.nav-icon .lucide{height:18px;width:18px}.donor-nav-bottom{gap:6px;padding:12px}.donor-sidebar-footer{padding:12px}}.badge-display-container{border-bottom:1px solid #ffffff1a;flex-shrink:0;max-height:40vh;overflow:visible;padding:.75rem}.badge-display-error{color:#ff6b6b;font-size:.875rem;padding:1rem;text-align:center}.points-display{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);border-radius:10px;box-shadow:0 2px 8px #16a34a33;display:flex;gap:.625rem;margin-bottom:.5rem;padding:.625rem .75rem;transition:transform .2s ease}.points-display:hover{box-shadow:0 4px 12px #16a34a4d;transform:translateY(-2px)}.points-icon{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.points-content{display:flex;flex-direction:column;gap:.25rem}.points-label{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase}.points-value{color:#fff;font-size:1.35rem;line-height:1}.donor-sidebar .points-icon,.donor-sidebar .points-label,.donor-sidebar .points-value,.receiver-sidebar .points-icon,.receiver-sidebar .points-label,.receiver-sidebar .points-value{color:#fff!important}.donor-sidebar .points-icon svg,.receiver-sidebar .points-icon svg{stroke:#fff!important;color:#fff!important}.points-display.loading{animation:pulse 1.5s ease-in-out infinite;background:#ffffff0d}.points-icon-skeleton{background:#ffffff1a;border-radius:10px;height:48px;width:48px}.points-content-skeleton{background:#ffffff1a;border-radius:8px;flex:1 1;height:48px}.badges-section{margin-top:.5rem}.badges-header{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:.375rem 0;transition:opacity .2s;width:100%}.badges-header:hover{opacity:.85}.badges-header-right{align-items:center;display:flex;gap:.375rem}.badges-toggle-icon{color:#fff9;transition:transform .2s ease}.badges-toggle-icon.expanded{transform:rotate(180deg)}.badges-header h4{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.badges-count{color:#fff9;font-size:.75rem;font-weight:500}.badges-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,56px);justify-content:center;margin-bottom:.4rem;margin-top:.4rem}.badges-grid.loading{opacity:.6}.badge-icon{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;max-height:56px;max-width:56px;position:relative;transition:transform .2s ease}.badge-icon:hover{transform:scale(1.05)}.badge-icon-wrapper{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;display:flex;height:100%;justify-content:center;transition:all .2s ease;width:100%}.badge-icon.unlocked .badge-icon-wrapper{background:linear-gradient(135deg,#16a34a,#059669);border-color:#16a34a;box-shadow:0 2px 8px #16a34a4d;color:#fff}.badge-icon.locked .badge-icon-wrapper{background:#94a3b81a;border-color:#94a3b84d;color:#94a3b8;opacity:.7}.badge-icon.unlocked:hover .badge-icon-wrapper{box-shadow:0 4px 12px #16a34a66}.badge-tooltip{animation:fadeIn .2s ease;background:#1f2937;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 20px #0006;max-width:280px;min-width:220px;padding:.75rem;pointer-events:none;z-index:10000}.badge-tooltip,.badge-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.badge-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";top:100%}.badge-tooltip-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.badge-tooltip-header strong{color:#fff;flex:1 1;font-size:.875rem}.badge-unlocked-indicator{color:#10b981;font-size:.75rem;font-weight:600}.badge-tooltip-description{color:#ffffffb3;font-size:.75rem;line-height:1.4;margin:0 0 .75rem}.badge-tooltip-criteria{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.criteria-label{color:#fff9;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.criteria-value{color:#fff;font-size:.75rem;font-weight:600}.badge-progress{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.badge-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.badge-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.badge-progress-text{color:#fff9;font-size:.7rem;text-align:right}.badge-tooltip-reward{border-top:1px solid #ffffff1a;color:#fbbf24;font-size:.75rem;font-weight:600;margin-top:.5rem;padding-top:.5rem}.badge-skeleton{animation:pulse 1.5s ease-in-out infinite;aspect-ratio:1;background:#ffffff0d;border-radius:12px}.badges-empty{color:#ffffff80;font-size:.875rem;padding:1.5rem .5rem;text-align:center}.view-all-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;font-size:.8rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem;width:100%}.view-all-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.donor-sidebar.collapsed .badge-display-container{padding:.75rem .5rem}.donor-sidebar.collapsed .points-display{flex-direction:column;gap:.5rem;padding:.75rem .5rem}.donor-sidebar.collapsed .points-icon{height:40px;width:40px}.donor-sidebar.collapsed .points-content{align-items:center;text-align:center}.donor-sidebar.collapsed .points-label{font-size:.65rem}.donor-sidebar.collapsed .points-value{font-size:1.25rem}.donor-sidebar.collapsed .badges-section{display:none}@media (max-width:768px){.badge-display-container{padding:.75rem}.points-display{padding:.5rem .625rem}.badges-grid{gap:.375rem;grid-template-columns:repeat(3,52px)}.badge-icon{max-height:52px;max-width:52px}.badge-tooltip{font-size:.8125rem;max-width:250px;min-width:200px}}@media (max-width:480px){.badges-grid{gap:.3rem;grid-template-columns:repeat(3,48px)}.badge-icon{max-height:48px;max-width:48px}}.achievement-notification{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:calc(100vw - 40px);opacity:0;overflow:hidden;padding:24px;position:fixed;right:20px;top:20px;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:400px;z-index:10000}.achievement-notification.visible{opacity:1;transform:translateY(0) scale(1)}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti{animation:confetti-fall 2.5s ease-out forwards;height:8px;position:absolute;top:-10px;width:8px}.confetti-0{animation-delay:0s;background:gold;left:10%}.confetti-1{animation-delay:.1s;background:#ff69b4;left:30%}.confetti-2{animation-delay:.2s;background:#00ced1;left:50%}.confetti-3{animation-delay:.3s;background:tomato;left:70%}.confetti-4{animation-delay:.4s;background:#9370db;left:90%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(400px) rotate(2turn)}}.achievement-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:2}.achievement-close:hover{background:#ffffff4d;transform:scale(1.1)}.achievement-content{color:#fff;position:relative;z-index:1}.achievement-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.trophy-icon{animation:trophy-bounce .6s ease-in-out infinite alternate;color:gold;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes trophy-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.achievement-title{font-size:16px;font-weight:600;text-shadow:0 2px 4px #0003}.achievement-body{align-items:center;display:flex;gap:16px}.achievement-badge{flex-shrink:0;position:relative}.badge-glow{animation:glow-pulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.achievement-details{flex:1 1}.achievement-name{font-size:18px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.achievement-description{font-size:14px;line-height:1.4;margin:0 0 12px;opacity:.95}.achievement-points{align-items:center;display:flex}.points-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}@media (max-width:768px){.achievement-notification{left:16px;right:16px;width:calc(100vw - 32px)}.achievement-body{flex-direction:column;text-align:center}}.email-verification-required{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.verification-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0}.verification-card{animation:slideIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;position:relative;text-align:center;width:90%}.verification-icon{animation:pulse 2s ease-in-out infinite;height:80px;margin:0 auto 24px;width:80px}.verification-card h1{color:#224d68;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px}.verification-message{color:#555;font-size:16px;line-height:1.6;margin-bottom:32px}.info-box{background:#f0f7ff;border-left:4px solid #224d68;border-radius:8px;margin-bottom:24px;padding:20px 24px;text-align:left}.info-box h3{align-items:center;color:#224d68;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px}.info-box p{color:#444;font-size:15px;line-height:1.6;margin:0}.verification-note{background:#fff8e1;border-radius:8px;margin-bottom:24px;padding:20px 24px;text-align:left}.verification-note p{color:#856404;font-size:15px;font-weight:600;margin-bottom:12px}.verification-note ul{list-style:none;margin:0;padding:0}.verification-note li{color:#856404;font-size:14px;padding:6px 0 6px 24px;position:relative}.verification-note li:before{content:"•";font-weight:700;left:8px;position:absolute}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;font-size:14px;margin-bottom:16px;padding:12px 16px}.success-modal-overlay{animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.success-modal{animation:slideInScale .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;left:50%;min-width:320px;padding:32px 48px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10001}@keyframes slideInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.success-modal-icon{align-items:center;animation:successPop .5s ease-out;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;width:64px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-modal-text{color:#224d68;font-size:18px;font-weight:600;margin:0 0 8px}.success-modal-subtext{color:#666;font-size:14px;margin:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:16px}.verification-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.logout-button,.resend-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:14px 28px;transition:all .3s ease}.resend-button{background:#224d68;color:#fff}.resend-button:hover:not(:disabled){background:#1a3d52;box-shadow:0 4px 12px #224d684d;transform:translateY(-2px)}.resend-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.logout-button{background:#fff;border:2px solid #224d68;color:#224d68}.logout-button:hover{background:#f5f5f5;transform:translateY(-2px)}@media (max-width:640px){.verification-card{max-width:95%;padding:32px 24px}.verification-card h1{font-size:24px}.verification-message{font-size:14px}.info-box h3{font-size:16px}.info-box p,.verification-note li,.verification-note p{font-size:14px}}.admin-approval-banner{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;box-shadow:0 4px 12px #f59e0b26;display:flex;gap:16px;margin:20px;padding:20px 24px}.admin-approval-icon{flex-shrink:0;font-size:32px;line-height:1}.admin-approval-content{flex:1 1}.admin-approval-content h3{color:#92400e;font-size:18px;font-weight:600;margin:0 0 12px}.admin-approval-content p{color:#78350f;font-size:14px;line-height:1.6;margin:0 0 8px}.admin-approval-note{color:#92400e;font-weight:600;margin-top:12px!important}@media (max-width:768px){.admin-approval-banner{flex-direction:column;gap:12px;padding:16px}.admin-approval-icon{font-size:28px}.admin-approval-content h3{font-size:16px}.admin-approval-content p{font-size:13px}}.donor-welcome-page{background:#f7fbfd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:32px}.welcome-header{margin-bottom:32px}.welcome-header h1{align-items:center;color:#1b4965;display:flex;font-size:32px;font-weight:600;gap:12px;margin:0}.wave-icon{animation:sparkle 2s ease-in-out infinite;color:#62b6cb;display:inline-block}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{align-items:center;box-shadow:0 1px 3px #00000014;gap:16px;padding:24px}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid #3b82f633;color:#2563eb}.stat-icon.teal{background:linear-gradient(135deg,#14b8a626,#14b8a614);border:1px solid #14b8a633;color:#0d9488}.stat-icon.green{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid #22c55e33;color:#16a34a}.stat-icon.yellow{background:linear-gradient(135deg,#eab30826,#eab30814);border:1px solid #eab30833;color:#ca8a04}.stat-content{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.stat-label{color:#6b7280;font-size:14px;margin-bottom:4px}.stat-value{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;position:relative;width:100%}.rating-number,.stat-value{color:#1b4965;font-size:32px}.rating-number{font-weight:700}.rating-count{bottom:0;color:#f59e0b;font-size:14px;font-weight:500;position:absolute;right:0}.no-rating{color:#d1d5db;font-size:18px;font-weight:500}.action-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.action-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.action-icon-wrapper{align-items:flex-start;display:flex;gap:14px}.action-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.action-icon.teal{background:linear-gradient(135deg,#14b8a626,#14b8a614);border:1px solid #14b8a633;color:#0d9488}.action-icon.green{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid #22c55e33;color:#16a34a}.action-text{flex:1 1;text-align:center}.action-text h3{color:#1b4965;font-size:17px;font-weight:600;margin:0 0 6px}.action-text p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.action-btn{align-items:center;align-self:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.action-btn.primary{background:#62b6cb;color:#fff}.action-btn.primary:hover{background:#4a9fb5;box-shadow:0 4px 12px #62b6cb4d;transform:translateY(-1px)}.action-btn.secondary{background:#62b6cb;color:#fff}.action-btn.secondary:hover{background:#4a9fb5;box-shadow:0 4px 12px #62b6cb4d;transform:translateY(-1px)}.recent-donations-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:28px}.section-header{justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1b4965;font-size:20px}.view-all-btn{align-items:center;background:none;border:none;color:#62b6cb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;transition:all .2s ease}.view-all-btn:hover{color:#4a9fb5;transform:translateX(2px)}.donations-table{display:flex;flex-direction:column;gap:12px}.donation-row{grid-gap:16px;align-items:center;background:#f9fafb;border-radius:12px;display:grid;gap:16px;grid-template-columns:90px 1fr 1.2fr 140px;padding:16px 20px;transition:all .2s ease}.donation-row:hover{background:#f3f4f6;transform:translateX(4px)}.donation-date{color:#6b7280;font-size:13px;font-weight:500}.donation-recipient{color:#1b4965;font-size:14px;font-weight:600}.donation-items,.donation-recipient{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donation-items{color:#6b7280;font-size:13px}.donation-status{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;justify-self:center;min-width:100px;padding:6px 12px;text-align:center}.donation-status.completed{background:#e5e7eb;color:#6b7280}.donation-status.pending{background:#fed7aa;color:#9a3412}.donation-status.expired{background:#fecaca;color:#991b1b}.donation-status.claimed{background:#e0e7ff;color:#3730a3}.donation-status.available{background:#d1fae5;color:#065f46}.empty-state{padding:48px 24px}.donate-page{font-family:Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:800px;padding:40px 20px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(odd){transform:translateX(-20px)}.animate-on-scroll:nth-child(2n){transform:translateX(20px)}.animate-on-scroll.animate-in:nth-child(2n),.animate-on-scroll.animate-in:nth-child(odd){transform:translateX(0)}.donate-header{margin-bottom:30px;text-align:center;transition-delay:.1s}.donate-header h1{animation:fadeInUp .8s ease-out;color:#083041;font-size:32px;font-weight:700;margin-bottom:15px}.donate-header p{animation:fadeInUp .8s ease-out .2s both;color:#2b4b5f;font-size:18px;margin:0 auto;max-width:600px}.donate-notice{background-color:#f8f9fa;border-left:4px solid #083041;font-size:16px;margin:30px 0;overflow:hidden;padding:15px 20px;position:relative;transition-delay:.3s}.donate-notice:before{background:linear-gradient(90deg,#0000,#0830411a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.donate-notice.animate-in:before{left:100%}.donate-notice strong{color:#083041}.donate-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:40px}.donate-section{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.donate-section:before{background:linear-gradient(90deg,#0000,#0830410d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.donate-section:hover:before{left:100%}.donate-section:hover{border-color:#083041;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.donate-section:first-child{transition-delay:.4s}.donate-section:nth-child(2){transition-delay:.6s}.section-icon{animation:bounceIn .8s ease-out .4s both;font-size:40px;margin-bottom:15px}.donate-section h2{color:#083041;font-size:20px;font-weight:600;margin-bottom:15px}.donate-section p{color:#2b4b5f;margin-bottom:20px}.donate-section a{color:#083041;text-decoration:underline;transition:color .3s ease}.donate-section a:hover{color:#4a9cc9}.small-text{color:#666;font-size:14px;margin-bottom:10px!important}.donate-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}.donate-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.donate-btn:hover:before{height:300px;width:300px}.donate-btn:active{transform:scale(.98)}.donate-btn.primary{background-color:#083041;color:#fff}.donate-btn.primary:hover{animation:pulse .3s ease;background-color:#062536}.donate-btn.secondary{background-color:initial;border:1px solid #083041;color:#083041}.donate-btn.secondary:hover{background-color:#083041;color:#fff}.donate-page{animation:fadeInUp .8s ease-out}@media (max-width:768px){.donate-content{gap:20px;grid-template-columns:1fr}.donate-page{padding:20px 15px}.donate-header h1{font-size:28px}.animate-on-scroll:nth-child(2n),.animate-on-scroll:nth-child(odd){transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.animate-on-scroll,.donate-btn,.donate-section{animation:none!important;transition:none!important}.animate-on-scroll{opacity:1;transform:none}}@media (max-width:1024px){.action-cards-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:768px){.donor-welcome-page{padding:20px 16px}.welcome-header{margin-bottom:20px;text-align:center}.welcome-header h1{display:inline-flex;font-size:20px;gap:8px}.wave-icon{height:18px;width:18px}.stats-grid{gap:14px;margin-bottom:20px}.stat-card{border-radius:12px;gap:12px;padding:16px}.stat-icon{border-radius:10px;height:40px;width:40px}.stat-label{font-size:12px;margin-bottom:2px}.stat-value{font-size:20px;line-height:1.2}.action-cards-grid{gap:14px;grid-template-columns:1fr;margin-bottom:20px}.action-card{gap:12px;padding:16px}.donation-row{gap:8px;grid-template-columns:1fr}.donation-status{justify-self:start}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.stats-grid{gap:12px}.action-card,.stat-card{padding:16px}.recent-donations-section{padding:20px}.action-cards-grid{grid-template-columns:1fr}}.admin-layout{background:#f7fbfd;display:flex;min-height:100vh}.admin-sidebar{background:#1b4965;color:#fff;display:flex;flex-direction:column;padding:18px 0 0;position:relative;transition:width .3s ease;width:260px}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:18px;padding:0 22px 18px}.admin-sidebar-header h2{font-size:20px;font-weight:700;margin:0}.admin-nav-links{display:flex;flex-direction:column;gap:14px;padding:0 14px 180px}.admin-nav-link{align-items:center;border-radius:12px;color:#ffffffeb;display:flex;font-size:15px;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.admin-nav-link:hover{background:#ffffff1f;color:#fff}.admin-nav-link.active{background:linear-gradient(135deg,#62b6cb,#3577a0);color:#fff;font-weight:700}.nav-icon{display:inline-flex;flex-shrink:0;height:22px;width:22px}.nav-icon .lucide{stroke:#fff;height:20px;opacity:.9;width:20px}.admin-user{position:relative}.user-chip{align-items:center;background:#f1fafe;border:1px solid #e6f2f7;border-radius:8px;color:#1b4965;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.user-chip:hover{background:#ecf8fd}.chev{font-size:10px}.account-menu{background:#fff;border:1px solid #e0e0e0;border-radius:10px;bottom:100%;box-shadow:0 8px 24px #0000001f;margin-bottom:8px;min-width:180px;overflow:hidden;position:absolute;right:0;z-index:10}.account-menu-item{background:none;border:none;cursor:pointer;font-size:14px;padding:12px 14px;text-align:left;transition:background-color .2s ease;width:100%}.account-menu-item:hover{background:#f6fafc}.account-menu-item.logout{color:#dc3545;font-weight:600}.account-menu-item.logout:hover{background:#fff5f5;color:#dc3545}.account-menu-divider{background:#e0e0e0;height:1px;margin:4px 0}.admin-sidebar-footer{margin-top:auto;position:relative}.admin-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.admin-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 22px}.admin-topbar-left h1{color:#1b4965;font-size:22px;font-weight:700;margin:0}.admin-topbar-left p{color:#64748b;font-size:14px;margin:6px 0 0}.admin-content{flex:1 1;overflow:auto;padding:24px}.admin-nav-bottom{display:flex;flex-direction:column;gap:8px}.messages-link{cursor:default}.messages-toggle{background:none;border:none;display:inline-flex;margin-left:auto;opacity:.7;padding:0}.messages-dropdown{margin-bottom:6px;margin-top:6px;padding-left:12px;padding-right:14px}.message-item{align-items:center;display:flex;gap:12px;padding:9px 8px}.message-avatar{background:#fff;border-radius:50%;flex:0 0 32px;height:32px;position:relative;width:32px}.message-status{background:#10b981;border-radius:50%;bottom:-1px;box-shadow:0 0 0 2px #1b4965;height:8px;position:absolute;right:-1px;width:8px}.message-name{color:#ffffffeb;font-size:14px}@media (max-width:1440px){.admin-content{padding:20px}.admin-topbar{padding:12px 20px}}@media (max-width:1200px){.admin-sidebar{width:220px}.admin-nav-link{font-size:14px;padding:12px 14px}.admin-sidebar-header h2{font-size:18px}.admin-content{padding:18px}}@media (max-width:1024px){.admin-sidebar{width:200px}.admin-nav-links{gap:12px;padding:0 12px}.admin-nav-link{gap:10px;padding:10px 12px}.nav-icon{height:20px;width:20px}.admin-topbar-left h1{font-size:20px}.admin-content{padding:16px}}@media (max-width:968px){.admin-sidebar{width:180px}.admin-sidebar-header{padding:0 16px 14px}.admin-sidebar-header h2{font-size:16px}.admin-nav-link{font-size:13px;padding:10px 12px}.admin-topbar{padding:12px 16px}.admin-topbar-left h1{font-size:18px}.admin-topbar-left p,.user-chip{font-size:13px}.user-chip{padding:6px 10px}}@media (max-height:900px){.admin-sidebar-header{margin-bottom:12px;padding:0 22px 12px}.admin-sidebar-header h2{font-size:18px}.admin-nav-links{gap:10px}.admin-nav-link{font-size:14px;gap:10px;padding:10px 14px}.nav-icon{height:20px;width:20px}.nav-icon .lucide{height:18px;width:18px}.message-item{gap:10px;padding:7px 8px}.message-avatar{flex:0 0 28px;height:28px;width:28px}.message-status{height:7px;width:7px}.message-name{font-size:13px}.messages-dropdown{margin-bottom:4px;margin-top:4px}.admin-nav-bottom{gap:6px}}@media (max-height:800px){.admin-sidebar-header{margin-bottom:10px;padding:0 22px 10px}.admin-sidebar-header h2{font-size:17px}.admin-nav-links{gap:7px;padding-bottom:160px}.admin-nav-link{font-size:13px;gap:8px;padding:8px 12px}.message-item{padding:6px 8px}.message-avatar{flex:0 0 26px;height:26px;width:26px}.admin-nav-bottom{gap:5px}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{height:auto;padding:12px 0 0;position:relative;width:100%}.admin-sidebar-header{margin-bottom:12px;padding:0 16px 12px}.admin-nav-links{flex:none;flex-direction:row;gap:8px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:thin}.admin-nav-links::-webkit-scrollbar{height:4px}.admin-nav-links::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.admin-nav-link{flex-shrink:0;font-size:14px}.admin-nav-bottom{border-top:1px solid #ffffff1a;flex-direction:row;gap:8px;padding:12px}.admin-nav-bottom,.admin-sidebar-footer{bottom:auto!important;left:auto!important;position:static!important;right:auto!important}.admin-sidebar-footer{padding:8px 12px}.admin-topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.admin-content{padding:16px}.account-menu{left:0;right:auto}.messages-dropdown{display:none}}@media (max-width:480px){.admin-sidebar-header h2{font-size:16px}.admin-topbar-left h1{font-size:18px}.admin-nav-link{font-size:13px;padding:8px 12px}.admin-content{padding:12px}.user-chip{font-size:12px;padding:6px 8px}}.ai-quick-action{margin:1.5rem 0 2rem}.ai-donation-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;width:100%}.ai-donation-cta:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.ai-icon{animation:sparkle 2s ease-in-out infinite;color:#fff;flex-shrink:0}.cta-content{flex:1 1;text-align:left}.cta-content h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.cta-content p{color:#ffffffe6;font-size:.875rem;margin:0}.cta-arrow{color:#fff;font-size:1.5rem;font-weight:300;opacity:.8;transition:transform .3s ease}.ai-donation-cta:hover .cta-arrow{transform:translateX(4px)}@media (max-width:768px){.ai-donation-cta{gap:.75rem;padding:1.25rem}.cta-content h3{font-size:1rem}.cta-content p{font-size:.8125rem}}@media (max-width:480px){.ai-donation-cta{flex-direction:column;padding:1rem}.ai-donation-cta,.cta-content{text-align:center}.cta-arrow{display:none}}.modal-overlay{animation:overlayAppear .3s ease-out;background-color:#0009;padding:20px}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.modal-container{-ms-overflow-style:none;animation:modalAppear .3s ease-out;background-color:#fff;border-radius:5px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;scrollbar-width:none;width:100%}.modal-container::-webkit-scrollbar{display:none}@keyframes modalAppear{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.surplus-modal-header{background-color:#f8f9fa;border-bottom:1px solid #eaeaea;padding:24px;position:relative}.surplus-modal-header h2{color:#1b4965;font-size:1.5rem;font-weight:600;margin:12px 0 0;text-align:left}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:24px;transition:all .2s ease}.close-button:hover{background-color:#e2e8f0;color:#374151}.modal-form{padding:0}.form-section{padding:20px 24px}.form-section:last-of-type{border-bottom:none}.section-title{color:#2d3748;font-size:1.1rem;margin-bottom:16px}.input-group:last-child{margin-bottom:0}.row-group{display:flex;gap:16px}.half-width,.third-width{flex:1 1}.input-field{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:10px 12px}.input-field:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e11a}.textarea{font-family:inherit;min-height:80px;resize:vertical}.checkbox-group{margin-top:8px}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0}.checkbox-option input[type=checkbox]{accent-color:#4299e1;height:18px;width:18px}.react-select__control{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:none!important;font-size:.9rem!important;min-height:45px!important;transition:all .2s ease!important}.react-select__multi-value{background-color:#245b7c!important;border-radius:4px!important;margin:2px!important;padding:2px 4px!important}.react-select__multi-value__label{color:#fff!important;font-size:.85rem!important;padding:4px 2px 4px 6px!important}.react-select__multi-value__remove{border-radius:0 4px 4px 0!important;color:#ffffffb3!important;cursor:pointer!important;padding:0 4px!important;transition:all .2s ease!important}.react-select__multi-value__remove:hover{background-color:#0003!important;color:#fff!important}.react-select__control:hover{border-color:#cbd5e0!important}.react-select__control--is-focused{border-color:#4299e1!important;box-shadow:0 0 0 2px #4299e11a!important}.react-select__value-container{padding:2px 12px!important}.react-select__input{color:#2d3748!important}.react-select__single-value{color:#2d3748!important;font-size:.9rem!important}.react-select__placeholder{color:#a0aec0!important;font-size:.9rem!important}.react-select__menu{border:none!important;border-radius:6px!important;box-shadow:0 10px 25px #00000026!important;margin-top:4px!important;z-index:1001!important}.react-select__menu-list{padding:4px!important}.react-select__option{background-color:#fff!important;border-radius:4px!important;color:#2d3748!important;cursor:pointer!important;font-size:.9rem!important;margin-bottom:2px!important;padding:10px 12px!important;transition:all .2s ease!important}.react-select__option:last-child{margin-bottom:0!important}.react-select__option:hover{color:#2d3748!important}.react-select__option--is-focused,.react-select__option:hover{background-color:#f7fafc!important}.react-select__option--is-selected{background-color:#1b4965!important;color:#fff!important}.react-select__indicator{color:#a0aec0!important;padding:6px 8px!important}.react-select__indicator:hover{color:#718096!important}.react-select__indicator-separator{background-color:#e2e8f0!important;display:none!important;margin:8px 0!important}.react-select__dropdown-indicator{transition:transform .2s ease!important}.react-select__control--menu-is-open .react-select__dropdown-indicator{transform:rotate(180deg)!important}.modal-footer{background-color:#f8f9fa;border-top:1px solid #eaeaea;display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.btn{border-radius:6px;flex:1 1;font-size:.9rem;padding:12px 24px}.btn-cancel{background-color:#fff;border:1px solid #bebebe;color:#1b4965}.btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0}.btn-create{background-color:#1b4965;color:#fff}.btn-create:hover{background-color:#245b7c}.success-message{border-radius:6px;color:#059669;font-size:.9rem;margin:16px 24px;padding:12px}.error-message{color:#9f2d00;margin:16px 24px;padding:12px}.validation-error{color:#9f2d00;font-size:.8rem;margin-top:4px;text-align:left}.input-error,.input-error:focus{border-color:#9f2d00!important;box-shadow:0 0 0 2px #dc26261a!important}.pac-container{border:none;border-radius:8px;box-shadow:0 10px 25px #00000026;font-family:inherit;margin-top:4px;overflow:hidden;z-index:1001}.pac-container:after,.pac-logo:after{display:none!important}.pac-item{border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:.9rem;padding:12px 16px;transition:background-color .2s ease}.pac-item:hover{background-color:#f8fafc}.pac-item-selected{background-color:#e0f2fe}.pac-icon{margin-right:12px}.pac-item-query{color:#1e293b;font-size:.9rem;font-weight:500}.pac-matched{color:#1b4965;font-weight:600}.location-input-wrapper{position:relative}.location-input-wrapper:before{content:"📍";font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.location-input-wrapper input{padding-left:40px!important}.location-input-wrapper:focus-within:before{color:#4299e1}.custom-date-input{cursor:pointer;position:relative;width:100%}.datepicker-icon{color:#64748b;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.custom-date-input .input-field{background-color:#fff;cursor:pointer;padding-left:42px!important}.custom-date-input .input-field:focus{cursor:text}.react-datepicker-wrapper{width:100%}.react-datepicker{border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px #00000026!important;font-family:inherit!important}.react-datepicker__header{background-color:#1b4965!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;padding-top:12px!important}.react-datepicker__current-month{color:#fff!important;font-size:.9rem!important;font-weight:600!important}.react-datepicker__day-name{color:#cbd5e1!important;font-weight:500!important}.react-datepicker__day{border-radius:6px!important;color:#374151!important;font-size:.85rem!important;transition:all .2s ease!important}.react-datepicker__day:hover{background-color:#e0f2fe!important;color:#1b4965!important}.react-datepicker__day--selected{background-color:#1b4965!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:#e0f2fe!important;color:#1b4965!important}.react-datepicker__day--today{background-color:#f0f9ff!important;font-weight:600!important}.react-datepicker__navigation{top:16px!important}.react-datepicker__navigation-icon:before{border-color:#cbd5e1!important;border-width:2px 2px 0 0!important;height:6px!important;width:6px!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#fff!important}.react-datepicker__time-container{border-left:1px solid #e2e8f0!important}.react-datepicker__time-box{width:100%!important}.react-datepicker__time-list{padding:0!important;scrollbar-color:#cbd5e0 #0000;scrollbar-width:thin}.react-datepicker__time-list::-webkit-scrollbar{width:6px}.react-datepicker__time-list::-webkit-scrollbar-track{background:#0000}.react-datepicker__time-list::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}.react-datepicker__time-list-item{color:#374151!important;font-size:.85rem!important;padding:8px 16px!important;transition:all .2s ease!important}.react-datepicker__time-list-item:hover{background-color:#f1f5f9!important;color:#1b4965!important}.react-datepicker__time-list-item--selected{background-color:#1b4965!important;color:#fff!important;font-weight:500!important}.react-datepicker--time-only .react-datepicker__time-container{border-left:none!important;width:100%!important}.react-datepicker__time-container .react-datepicker-time__header{color:#fff!important}.react-datepicker--time-only .react-datepicker__time-box{width:100%!important}@media (max-width:600px){.modal-overlay{padding:10px}.form-section,.modal-footer,.modal-header{padding:16px 20px}.row-group{gap:12px}.modal-footer,.row-group{flex-direction:column}.react-select__control{min-height:44px!important}.react-select__value-container{padding:4px 12px!important}.react-datepicker{transform:scale(.9)!important;transform-origin:top left!important}.react-datepicker__time-container{border-left:none!important;border-top:1px solid #e2e8f0!important}.datepicker-icon{left:10px}.custom-date-input .input-field{padding-left:38px!important}}.custom-date-input:focus-within .datepicker-icon{color:#4299e1}.custom-date-input .input-field:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.full-width{flex:1 1}@media (max-width:768px){.pickup-slots-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-slot{justify-content:center;width:100%}.slot-row{flex-direction:column;gap:8px}.pickup-slot-card{padding:12px}}.required-badge{background-color:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.input-help-text{color:#64748b;display:block;font-size:.75rem;font-style:italic;margin-top:4px}.eligibility-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:8px;padding:4px 10px}.eligibility-badge.eligible{background:#e7f7ef;color:#0f6e4a}.eligibility-badge.not-eligible{background:#fff1f1;color:#9f2d00}.expiry-warning-list{color:#9f2d00;font-size:.8rem;margin:8px 0 0;padding-left:18px}.safety-acknowledgement{align-items:flex-start;color:#9f2d00;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-top:10px}.dietary-chip-group{display:flex;flex-wrap:wrap;gap:8px}.dietary-chip{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#1e293b;cursor:pointer;font-size:.82rem;padding:6px 12px}.dietary-chip.active{background:#dbeafe;border-color:#1d4ed8;color:#1e3a8a}.progress-steps{align-items:flex-start;display:flex;justify-content:space-between;margin:12px auto 24px;max-width:750px;padding:0 16px}.step-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;position:relative;z-index:2}.step-item:after{background:#e2e8f0;content:"";height:2px;left:calc(50% + 20px);position:absolute;top:20px;width:calc(100% - 40px);z-index:-1}.step-item:last-child:after{display:none}.step-item:has(.step-circle.completed):after{background:#1b4965}.step-circle{align-items:center;background-color:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;height:40px;justify-content:center;transition:all .25s ease;width:40px}.step-circle.active{background-color:#fff;border:2.5px solid #1b4965;box-shadow:0 2px 8px #1b496526;color:#1b4965}.step-circle.completed{background-color:#1b4965;color:#fff}.step-label{word-wrap:break-word;color:#64748b;font-size:.75rem;font-weight:500;line-height:1.3;max-width:90px;text-align:center;transition:color .25s ease;white-space:normal}.step-item:has(.step-circle.active) .step-label{color:#1b4965;font-weight:600}.step-item:has(.step-circle.completed) .step-label{color:#1b4965}.step-line{display:none}.form-step-content{animation:fadeIn .3s ease-in;min-height:400px;padding:24px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.confirm-pickup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-pickup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:32px;position:relative;width:100%}.confirm-pickup-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.confirm-pickup-close:hover{background:#f3f4f6;color:#374151}.confirm-pickup-title{color:#1b4965;font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.confirm-pickup-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px;text-align:center}.confirm-pickup-code-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.confirm-pickup-code-input{border:2px solid #d1d5db;border-radius:12px;color:#1f2937;font-size:24px;font-weight:600;height:64px;outline:none;text-align:center;transition:all .2s ease;width:56px}.confirm-pickup-code-input:focus{border-color:#0f4c5c;box-shadow:0 0 0 3px #0f4c5c1a}.confirm-pickup-code-input:hover{border-color:#9ca3af}.confirm-pickup-error{color:#dc2626;font-size:13px;font-weight:500;margin:0 0 16px;text-align:center}.confirm-pickup-info{color:#6b7280;font-size:13px;margin:0 0 24px;text-align:center}.confirm-pickup-link{background:#0000;border:none;color:#0f4c5c;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline}.confirm-pickup-link:hover{color:#136b80}.confirm-pickup-tolerance-info{background:#ecfeff;border:1px solid #a2f4fd;border-radius:8px;color:#0e7490;font-size:12px;font-weight:500;margin:0 0 20px;padding:10px 14px;text-align:center}.confirm-pickup-actions{display:flex;gap:12px;justify-content:center}.confirm-pickup-button{border:none;border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px 32px;transition:all .2s ease}.confirm-pickup-button.primary{background:#0891b2;color:#fff}.confirm-pickup-button.primary:hover{background:#0e7490;box-shadow:0 4px 12px #0891b24d;transform:translateY(-1px)}.confirm-pickup-button.secondary{background:#f3f4f6;color:#374151}.confirm-pickup-button.secondary:hover{background:#e5e7eb}@media (max-width:640px){.confirm-pickup-modal{padding:24px}.confirm-pickup-code-input{font-size:20px;height:56px;width:48px}.confirm-pickup-code-inputs{gap:8px}.confirm-pickup-actions{flex-direction:column}.confirm-pickup-button{width:100%}}.claimed-success-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.claimed-success-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:48px 32px;position:relative;width:100%}.claimed-success-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s ease}.claimed-success-close:hover{background:#f3f4f6;color:#374151}.claimed-success-content{text-align:center}.claimed-success-title{color:#1b4965;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.claimed-success-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 40px}.claimed-success-icon{align-items:center;animation:scaleIn .5s ease .3s both;display:flex;justify-content:center;margin:0 auto 32px}.claimed-success-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;padding-top:24px}.report-issue-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.report-issue-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.report-issue-btn svg{flex-shrink:0}.leave-feedback-btn{align-items:center;background:#0092b8;border:1px solid #0092b8;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.leave-feedback-btn:hover{background:#007a9a;border-color:#007a9a}.claimed-success-icon svg{filter:drop-shadow(0 4px 12px rgba(167,243,208,.3))}@media (max-width:640px){.claimed-success-modal{padding:40px 24px}.claimed-success-title{font-size:26px}.claimed-success-subtitle{font-size:15px}.claimed-success-icon svg{height:140px;width:140px}}.reschedule-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reschedule-modal{background-color:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:760px;overflow-y:auto;width:100%}.reschedule-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.reschedule-header h2{color:#1b4965;font-size:1.4rem;margin:0}.reschedule-close{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:6px}.reschedule-close:hover{background-color:#e2e8f0;color:#1f2937}.reschedule-body{padding:20px 24px 28px}.reschedule-subtitle{color:#475569;margin:0 0 6px}.reschedule-title{color:#1b4965;font-weight:600}.reschedule-expiry{color:#64748b;font-size:.9rem;margin:0 0 20px}.reschedule-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.reschedule-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 18px}.reschedule-button.primary{background-color:#1b4965;color:#fff}.reschedule-button.primary:disabled{cursor:not-allowed;opacity:.6}.reschedule-button.secondary{background-color:#e2e8f0;color:#1f2937}.reschedule-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;margin-top:12px;padding:10px 12px}.reschedule-success{background-color:#ccfbf1;border:1px solid #99f6e4;border-radius:6px;color:#0f766e;margin-top:12px;padding:10px 12px}.input-group{margin-bottom:0}.full-width,.third-width{flex:1 1}.pickup-slots-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.btn-add-slot{align-items:center;background-color:#1b4965;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add-slot:hover{background-color:#245b7c;box-shadow:0 2px 8px #1b49654d;transform:translateY(-1px)}.pickup-slot-card{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.pickup-slot-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.pickup-slot-card:last-child{margin-bottom:0}.slot-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.slot-number{color:#1b4965;font-size:.9rem;font-weight:600}.btn-remove-slot{align-items:center;background-color:initial;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-remove-slot:hover{background-color:#fee2e2;border-color:#fca5a5}.slot-content{flex-direction:column}.slot-content,.slot-row{display:flex;gap:12px}.input-label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px;text-align:left}.input-label-small{color:#64748b;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.input-field-small{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.85rem;padding:8px 10px;transition:all .2s ease;width:100%}.input-field-small:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e11a;outline:none}.input-field-small::placeholder{color:#cbd5e0;font-size:.85rem}@media (max-width:768px){.pickup-slots-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-slot{justify-content:center;width:100%}.slot-row{gap:8px}.reschedule-actions,.slot-row{flex-direction:column}.reschedule-button{width:100%}}.report-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.report-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.report-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.report-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.report-modal-close:hover{background:#f3f4f6;color:#1f2937}.report-modal-body{padding:24px}.report-info-card{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.report-info-card svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.report-info-card p{color:#92400e;line-height:1.5;margin:0}.report-form-group{margin-bottom:24px}.report-form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.required{color:#dc2626}.report-form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.report-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.char-count{color:#6b7280;display:block;font-size:12px;margin-top:4px;text-align:right}.photo-upload-area{border:2px dashed #d1d5db;border-radius:8px;overflow:hidden;transition:border-color .2s}.photo-upload-area:hover{border-color:#9ca3af}.photo-upload-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s}.photo-upload-label:hover{background:#f9fafb;color:#374151}.photo-upload-label svg{margin-bottom:12px}.photo-upload-label span:first-of-type{font-weight:500;margin-bottom:4px}.upload-hint{color:#9ca3af;font-size:12px}.photo-preview{position:relative}.photo-preview img{display:block;height:auto;width:100%}.remove-photo-btn{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 12px;position:absolute;right:12px;top:12px;transition:background .2s}.remove-photo-btn:hover{background:#000000d9}.report-error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.report-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.report-btn-cancel,.report-btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.report-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.report-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.report-btn-submit{background:#dc2626;color:#fff}.report-btn-submit:hover:not(:disabled){background:#b91c1c}.report-btn-cancel:disabled,.report-btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.report-modal-content{max-height:95vh;width:95%}.report-modal-body,.report-modal-header{padding:16px}.report-modal-actions{flex-direction:column}.report-btn-cancel,.report-btn-submit{width:100%}}.feedback-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.feedback-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0b162733;max-width:95%;padding:32px;position:relative;width:480px}.feedback-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.feedback-close:hover{background:#f3f4f6;color:#374151}.feedback-title{color:#1b4965;font-size:24px;font-weight:700;margin:0 0 8px}.feedback-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0 0 24px}.feedback-stars{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.star-btn{background:#0000;border:none;color:#e5e7eb;cursor:pointer;padding:8px;transform:scale(1);transition:all .2s}.star-btn:hover{transform:scale(1.15)}.star-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:32px;width:32px}.star-btn.filled{color:#f59e0b;transform:scale(1.1)}.star-btn.filled:hover{transform:scale(1.2)}.feedback-textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;margin-bottom:20px;min-height:100px;padding:12px;resize:vertical;transition:all .2s;width:100%}.feedback-textarea:focus{border-color:#0092b8;box-shadow:0 0 0 3px #0092b81a;outline:none}.feedback-textarea::placeholder{color:#9ca3af}.feedback-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.feedback-cancel{background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.feedback-cancel:hover{background:#f9fafb;border-color:#d1d5db}.feedback-submit{background:#0092b8;border:none;border-radius:10px;box-shadow:0 4px 12px #0092b833;color:#fff;cursor:pointer;font-weight:600;padding:12px 28px;transition:all .2s}.feedback-submit:hover:not(:disabled){background:#007a9a;box-shadow:0 6px 16px #0092b84d;transform:translateY(-1px)}.feedback-submit:disabled{cursor:not-allowed;opacity:.5}.feedback-already{background:#f9fafb;border-radius:10px;color:#6b7280;font-size:14px;margin:16px 0;padding:24px;text-align:center}@media (max-width:768px){.feedback-modal{padding:28px 24px;width:90%}.feedback-title{font-size:20px}.feedback-subtitle{font-size:13px}.star-btn svg{height:28px;width:28px}.feedback-textarea{font-size:13px;min-height:90px}.feedback-actions{gap:10px}.feedback-cancel,.feedback-submit{font-size:14px;padding:10px 20px}}@media (max-width:480px){.feedback-modal{max-width:95%;padding:24px 20px;width:95%}.feedback-title{font-size:18px}.feedback-subtitle{font-size:12px;margin-bottom:20px}.feedback-stars{gap:6px}.star-btn{padding:6px}.star-btn svg{height:24px;width:24px}.feedback-textarea{font-size:12px;min-height:80px;padding:10px}.feedback-actions{flex-direction:column;gap:8px;width:100%}.feedback-cancel,.feedback-submit{font-size:13px;padding:12px 16px;width:100%}.feedback-already{font-size:13px;padding:20px}}@media (max-width:375px){.feedback-modal{padding:20px 16px}.feedback-close{right:12px;top:12px}.feedback-title{font-size:16px;margin-bottom:6px}.star-btn svg{height:22px;width:22px}}.donation-timeline-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.donation-timeline-loading .loading-spinner{animation:spin 1s linear infinite}.donation-timeline-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem;text-align:center}.donation-timeline-empty p{font-size:.95rem;margin:0}.donation-timeline-container{max-height:400px;overflow-y:auto;padding:20px}.donation-timeline-container::-webkit-scrollbar{width:6px}.donation-timeline-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.donation-timeline-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.donation-timeline-item{border-left:2px solid #e5e7eb;margin-left:8px;padding-bottom:20px;padding-left:32px;position:relative}.donation-timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.donation-timeline-item.admin-only{border-left-color:#a855f7}.donation-timeline-marker{background:#62b6cb;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:16px;left:-9px;position:absolute;top:0;width:16px}.donation-timeline-item.admin-only .donation-timeline-marker{background:#a855f7;box-shadow:0 0 0 2px #f3e8ff}.donation-timeline-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.donation-timeline-item.admin-only .donation-timeline-content{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.donation-timeline-event-type{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:6px}.donation-timeline-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;margin-bottom:6px}.donation-timeline-actor{color:#1f2937;font-weight:500;margin-left:auto}.admin-only-badge{align-items:center;background:#a855f7;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.donation-timeline-status-change{border-top:1px dashed #e5e7eb;color:#475569;font-size:13px;margin-top:6px;padding-top:6px}.old-status{color:#62b6cb;font-weight:600}.arrow{color:#94a3b8;margin:0 6px}.new-status{color:#1b4965;font-weight:600}.donation-timeline-details{border-top:1px dashed #e5e7eb;color:#64748b;font-size:13px;font-style:italic;margin-top:6px;padding-top:6px}@media (max-width:768px){.donation-timeline-container{max-height:350px;padding:15px}.donation-timeline-item{padding-bottom:16px;padding-left:28px}.donation-timeline-marker{height:14px;left:-8px;width:14px}.donation-timeline-content{padding:10px 14px}.donation-timeline-event-type{font-size:13px}.donation-timeline-meta{font-size:11px;gap:8px}.donation-timeline-details,.donation-timeline-status-change{font-size:12px}}.status-arrow{color:#9ca3af;flex-shrink:0}.timeline-details{background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:.375rem;color:#4b5563;font-size:.875rem;line-height:1.5;margin-top:.5rem;padding:.75rem}@media (max-width:640px){.donation-timeline-item{gap:.75rem}.timeline-header{align-items:flex-start;flex-direction:column;gap:.5rem}.timeline-timestamp{font-size:.8rem}.timeline-event-type{font-size:.9rem}.timeline-meta{gap:.5rem}.timeline-details{font-size:.8rem;padding:.5rem}}@media (prefers-color-scheme:dark){.timeline-event-type{color:#f3f4f6}.timeline-actor,.timeline-timestamp{color:#d1d5db}.timeline-actor{background-color:#374151}.timeline-line{background-color:#4b5563}.timeline-details{border-left-color:#60a5fa;color:#d1d5db}.timeline-details,.timeline-status-change{background-color:#1f2937}.old-status{color:#9ca3af}.new-status{color:#10b981}}.donation-timeline-evidence{border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.evidence-thumbnail{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:90px;object-fit:cover;transition:all .2s ease;width:120px}.evidence-thumbnail:hover{border-color:#1b4965;box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.evidence-label{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:500;gap:4px}.evidence-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.evidence-modal-content{max-height:90vh;max-width:90vw;position:relative}.evidence-modal-content img{border-radius:8px;max-height:85vh;max-width:100%;object-fit:contain}.evidence-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:-40px;transition:background .2s;width:36px}.evidence-modal-close:hover{background:#fff3}.donation-timeline-event-type{align-items:center;display:flex;gap:6px}.donation-timeline-event-type svg{color:#1b4965}.donor-list-wrapper{color:#0f172a;min-height:100vh;padding:0}.donor-list-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;width:100%}.header-left{gap:12px}.header-actions{align-items:center;display:flex;gap:12px}.filter-icon{color:#64748b;flex-shrink:0}.sort-dropdown-container{position:relative}.sort-dropdown-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;min-width:200px;padding:12px 20px;transition:all .2s ease}.sort-dropdown-button:hover{background:#f8fafc;border-color:#1b4965}.sort-label{color:#0f172a}.chevron{color:#64748b;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.sort-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:100}.sort-option{background:#fff;border:none;color:#0f172a;cursor:pointer;display:block;font-size:14px;padding:12px 20px;text-align:left;transition:background .2s ease;width:100%}.sort-option:hover{background:#f8fafc}.sort-option.active{background:#e0f2fe;color:#1b4965;font-weight:600}.dlf-title{font-size:28px;line-height:1.2;margin:0}.dlf-sub{color:#64748b;margin:6px 0 0}.donor-ai-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:999px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:16px 24px;transition:all .25s ease;white-space:nowrap}.donor-ai-button:hover{background:linear-gradient(135deg,#5568d3,#6b3f8f);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.donor-ai-button svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.donor-add-button{background:#0f4c5c;border:none;border-radius:999px;box-shadow:0 4px 10px #0f4c5c33;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 28px;transition:all .25s ease;white-space:nowrap}.donor-add-button:hover{background:#136b80;box-shadow:0 6px 16px #0f4c5c4d;transform:translateY(-2px)}.donor-list-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.donation-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0f172a0f,0 12px 28px #0f172a0f;display:flex;flex-direction:column;gap:18px;min-height:360px;padding:28px;transition:transform .2s ease,box-shadow .2s ease}.donation-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.donation-card:focus-within{outline:2px solid #0f4c5c40;outline-offset:2px}.donation-card--focused{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633,0 8px 24px #0f172a1f}.donation-card--tutorial{background:linear-gradient(180deg,#f5fdf7fa,#fff);border-color:#8bc7a9;border-style:dashed}.donation-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.donation-title{color:#1b4965;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.badge{border:1px solid #0000;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff80,0 1px 2px #0000000a;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1;padding:4px 24px}.badge .icon,.badge svg{height:14px;margin-top:-1px;width:14px}.badge{align-items:center;border:none;border-radius:8px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;letter-spacing:.01em;padding:8.5px 12px;white-space:nowrap}.badge--available{background:#d1fae5;color:#065f46}.badge--ready{background:#fed7aa;color:#9a3412}.badge--claimed{background:#e0e7ff;color:#3730a3}.badge--not-completed{background:#fecaca;color:#991b1b}.badge--completed{background:#e5e7eb;color:#6b7280}.badge--expired{background:#fee2e2;color:#b91c1c}.badge--ok{background:linear-gradient(180deg,#f2fbf6,#e8faf0);border-color:#0f51322e;color:#0f5132}.badge--warn{background:linear-gradient(180deg,#fff8ed,#fff4e5);border-color:#8a4b0f38;color:#8a4b0f}.badge--danger{background:linear-gradient(180deg,#fff6f6,#fdecec);border-color:#7f1d1d2e;color:#7f1d1d}.badge--muted{background:linear-gradient(180deg,#fafbfc,#f3f4f6);border-color:#6b728038;color:#6b7280}.donation-tags{margin-top:2px}.dietary-tags-row,.donation-tags,.food-type-row{display:flex;flex-wrap:wrap;gap:6px}.food-type-chip{background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;color:#155e75;font-size:12px;font-weight:600;line-height:1.2;padding:6px 10px}.dietary-tag-chip{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;font-size:11px;font-weight:600;line-height:1.2;padding:4px 10px}.dietary-tag-chip.overflow{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.donation-tag{background:#f5f6f7;border:1px solid #b9f8cf;border-radius:6px;color:#008236;font-size:12px;font-weight:500;line-height:1.3;padding:6px 16px}.donation-tag--dietary{background:#f4f4ff;border-color:#c7d2fe;color:#4338ca}.compliance-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;margin-top:8px}.compliance-badge{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;line-height:1.3;padding:6px 12px}.compliance-badge.temperature{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#bae6fd;color:#075985}.compliance-badge.packaging{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:#e9d5ff;color:#6b21a8}.compliance-badge .badge-icon{font-size:14px;line-height:1}.compliance-badge .badge-label{font-size:11px;font-weight:500}.compliance-badge svg{flex-shrink:0;height:14px;width:14px}.donation-quantity{color:#1f2937;font-size:15px;font-weight:700;line-height:1.45;margin-bottom:6px;margin-top:2px;text-align:left}.donation-address{border-bottom:1px dashed #0f4c5c59;color:#0f4c5c;overflow-wrap:anywhere;padding-bottom:1px;text-decoration:none;word-break:break-word}.donation-address:hover{border-bottom-style:solid}.dc-address{font-style:normal}.pickup-times-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pickup-label{color:#374151;font-weight:400;white-space:nowrap}.pickup-time-item,.pickup-time-item.confirmed{color:#374151;font-size:1rem}.pickup-time-divider{color:#9ca3af;font-weight:300}.donation-meta{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.donation-meta li{align-items:flex-start;display:flex;gap:8px}.donation-meta li a,.donation-meta li span{line-height:1.3}.calendar-icon{color:#9f2d00;height:16px;width:16px}.time-icon{color:#0891b2;flex-shrink:0;height:16px;width:16px}.locationMap-icon{color:#10b981!important;height:16px;width:16px}.donation-notes{word-wrap:break-word;background:#f5f6f7;border-radius:12px;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0 0 4px;overflow-wrap:break-word;padding:10px 14px;text-align:left;word-break:break-word}.donation-actions{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-top:auto;min-height:40px}.donation-link{align-items:center;background:#0000;border:0;color:#374151;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:4px 0}.donation-link:hover{text-decoration:underline}.danger:hover{color:#b91c1c}.donation-action-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.02em;min-width:0;padding:8px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.donation-action-button.primary{background:#0f4c5c;color:#fff}.donation-action-button.primary:hover{background:#136b80;transform:translateY(-1px)}.donation-action-button.secondary{background:#0092b8;color:#fff;cursor:pointer}.donation-action-button.secondary:hover{background:#0078a5;transform:translateY(-1px)}.donation-action-button.secondary:disabled{background:#d1d5db;cursor:not-allowed;opacity:1}.tutorial-flow-section{background:#f7fbf8;border:1px solid #d8ebe0;border-radius:12px;padding:14px 16px}.tutorial-flow-section__label{color:#285343;font-size:.9rem;font-weight:700;margin-bottom:10px}.tutorial-current-status{align-items:center;background:#ffffffdb;border:1px solid #dcefe4;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.tutorial-current-status__label{color:#285343;font-size:.88rem;font-weight:700}.tutorial-status-journey{display:flex;flex-wrap:wrap;gap:10px}.tutorial-status-journey__muted{opacity:.72}.donation-action-button.report-receiver{background:#fff4ee;border:1px solid #b91c1c33;box-shadow:0 6px 14px #b91c1c1f;color:#7f1d1d}.donation-action-button.report-receiver:hover{background:#fee2e2;border-color:#b91c1c59;transform:translateY(-1px)}.donation-action-button.report-receiver:focus-visible{outline:2px solid #b91c1c59;outline-offset:3px}.donation-action-button:focus-visible,.donation-address:focus-visible,.donation-link:focus-visible,.donor-add-button:focus-visible{outline:2px solid #0f4c5c73;outline-offset:3px}.donation-link:active{opacity:.8}.empty-state{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0f172a0f,0 12px 28px #0f172a0f;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px;text-align:center}.empty-state-icon{color:#cbd5e1;margin-bottom:24px}.empty-state-title{color:#0f172a;font-size:20px;font-weight:600;margin:0 0 12px}.empty-state-description{color:#64748b;font-size:16px;line-height:1.5;margin:0;max-width:400px}@media (max-width:1100px){.donor-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.donor-list-header{flex-direction:column;gap:12px}.header-actions{flex-direction:column;width:100%}.donor-list-grid{grid-template-columns:1fr}.donor-add-button,.donor-ai-button{justify-content:center;width:100%}.donation-card{padding:22px}.tutorial-current-status{align-items:flex-start;flex-direction:column}.donation-actions{flex-wrap:wrap;gap:10px;justify-content:center}.donation-action-button{font-size:10px;padding:6px 12px}.empty-state{min-height:300px;padding:60px 20px}.empty-state-title{font-size:18px}.empty-state-description{font-size:14px}}.donation-photos-section{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px}.photo-upload-button,.view-photos-button{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.photo-upload-button:hover,.view-photos-button:hover{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#94a3b8;box-shadow:0 2px 4px #00000014;color:#1e293b;transform:translateY(-1px)}.photo-upload-button svg,.view-photos-button svg{color:#64748b;flex-shrink:0}.photo-upload-button:hover svg,.view-photos-button:hover svg{color:#475569}.photo-upload-button.uploading{background:linear-gradient(180deg,#e0f2fe,#bae6fd);border-color:#38bdf8;cursor:wait;pointer-events:none}.upload-spinner{animation:spin .8s linear infinite;border:2px solid #0ea5e9;border-radius:50%;border-top-color:#0000;height:14px;width:14px}.photo-upload-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px;width:100%}.photo-upload-error svg{color:#dc2626;flex-shrink:0}.dismiss-error{align-items:center;background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:2px;transition:background .2s}.dismiss-error:hover{background:#fee2e2}.photo-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.photo-modal-container{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:95vh;max-width:95vw;position:relative}.photo-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.photo-modal-close:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 6px 16px #0006;transform:scale(1.1) rotate(90deg)}.photo-modal-main{align-items:center;display:flex;gap:30px;width:100%}.photo-display-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:80vh;min-height:400px}.photo-display-image{border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.photo-nav-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .2s;width:50px}.photo-nav-btn:hover:not(:disabled){background:#ffffff40}.photo-nav-btn:disabled{cursor:not-allowed;opacity:.3}.photo-modal-footer{align-items:center;display:flex;gap:20px}.photo-count{background:#ffffff1a;border-radius:20px;font-weight:500}.photo-add-btn,.photo-count{color:#fff;font-size:14px;padding:8px 16px}.photo-add-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:8px;transition:all .2s}.photo-add-btn:hover{background:#ffffff40}@media (max-width:768px){.photo-modal-main{gap:15px}.photo-nav-btn{height:40px;width:40px}.photo-display-image{max-height:60vh}}.photo-slideshow,.slideshow-add-more,.slideshow-close,.slideshow-content,.slideshow-counter,.slideshow-image,.slideshow-nav{display:none!important}.donation-timeline-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.timeline-toggle-button{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;width:100%}.timeline-toggle-button:hover{background:#e0f2fe;border-color:#1b4965}.timeline-toggle-button .chevron{margin-left:auto;transition:transform .2s ease}.timeline-toggle-button .chevron.open{transform:rotate(180deg)}.timeline-content-wrapper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px}.impact-dashboard,.impact-dashboard-modern{background:#f8f9fa;margin:0;max-width:100%;min-height:100vh;padding:2rem 1rem}.dashboard-controls{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.controls-right,.dashboard-controls{align-items:center;display:flex;gap:1rem}.customize-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.customize-btn:hover{background:#f8f9fa;border-color:#3498db}.badge-count{align-items:center;background:#5eb3b7;border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.date-range-selector{background:#fff;border:1px solid #e0e0e0;color:#334155;cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding:.75rem 1.25rem;transition:all .2s}.date-range-selector:hover{border-color:#3498db}.export-btn{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background .2s}.export-btn:hover{background:#2980b9}.metrics-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.metric-card-modern{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card-modern:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;gap:.75rem}.metric-header h3{color:#64748b;font-size:.875rem;font-weight:600;margin:0}.metric-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon-wrapper.eco,.metric-icon-wrapper.green{background:#4caf501a;color:#4caf50}.metric-icon-wrapper.meals{background:#ff9f401a;color:#ff9f40}.metric-icon-wrapper.water{background:#2196f31a;color:#2196f3}.metric-icon-wrapper.people{background:#9c27b01a;color:#9c27b0}.metric-icon-wrapper.completed{background:#4caf501a;color:#4caf50}.metric-icon-wrapper.rate{background:#ff98001a;color:#ff9800}.metric-icon-wrapper.days{background:#673ab71a;color:#673ab7}.metric-content{display:flex;flex-direction:column;gap:.5rem}.metric-value-large{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2}.metric-unit{font-size:1.25rem;font-weight:600;margin-left:.25rem}.metric-trend{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center}.metric-trend.positive{color:#22c55e}.metric-trend.negative{color:#ef4444}.chart-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2.5rem;padding:1.5rem 0}.chart-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding:0 1.5rem}.chart-container{height:300px;position:relative;width:100%}.line-chart{display:block;height:300px;width:100%}.activity-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem 0}.activity-summary h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding:0 1.5rem;text-align:left}.summary-grid{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem}.summary-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#64748b;font-size:.875rem;font-weight:500}.summary-value{color:#1e293b;font-size:1.25rem;font-weight:700}.modal-overlay{align-items:center;display:flex;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{border-radius:4px;color:#64748b;padding:.25rem;transition:background .2s}.modal-close:hover{background:#f1f5f9}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-description{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.metrics-checkboxes{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;transition:all .2s}.checkbox-label:hover{background:#f8f9fa;border-color:#3498db}.checkbox-label input[type=checkbox]{accent-color:#3498db}.checkbox-label span{flex:1 1;font-size:.9375rem;font-weight:500}.checkbox-label:has(input[type=checkbox]:disabled){background:#f8f9fa;cursor:not-allowed;opacity:.5}.checkbox-label:has(input[type=checkbox]:disabled):hover{background:#f8f9fa;border-color:#e5e7eb}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-primary,.btn-secondary{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:#3498db;border-color:#3498db}.btn-primary:hover{background:#2980b9;border-color:#2980b9}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#334155}.btn-secondary:hover{background:#f8f9fa;border-color:#cbd5e1}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-content h1{align-items:center;color:#1e3a5f;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.header-content h1 svg{color:#4caf50}.subtitle{color:#64748b;font-size:1rem;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.date-range-selector{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.date-range-selector svg{color:#64748b}.date-range-dropdown{background:#0000;border:none;color:#334155;cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:.25rem .5rem}.export-button{align-items:center;background:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.export-button:hover{background:#2c4f7c}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.metric-card.primary .metric-icon{background:linear-gradient(135deg,#1e3a5f,#2c4f7c);color:#fff}.metric-card.success .metric-icon{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.metric-card.eco .metric-icon{background:linear-gradient(135deg,#8bc34a,#9ccc65);color:#fff}.metric-card.water .metric-icon{background:linear-gradient(135deg,#00bcd4,#26c6da);color:#fff}.metric-content{flex:1 1}.metric-content h3{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.metric-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.metric-unit{color:#64748b;font-size:1.2rem;font-weight:500}.metric-subtext{color:#64748b;font-size:.875rem;margin:.5rem 0 0}.activity-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem}.activity-section h2{align-items:center;color:#1e3a5f;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.activity-section h2 svg{color:#ff9800}.activity-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#f8fafc;border-left:4px solid #1e3a5f;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1e3a5f;font-size:1.75rem;font-weight:700}.impact-message{background:linear-gradient(135deg,#1e3a5f,#2c4f7c);border-radius:12px;box-shadow:0 4px 16px #0000001f;color:#fff;padding:2rem}.message-content h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.message-content p{font-size:1rem;line-height:1.6;margin:0;opacity:.95}.spinner{border:4px solid #f3f4f6;border-top-color:#1e3a5f;height:50px;width:50px}.error-message{color:#dc2626;font-size:1.1rem;font-weight:600}.retry-button{background:#1e3a5f;border-radius:8px;font-weight:600;padding:.75rem 1.5rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-container p{color:#64748b;font-size:1rem}.error-container{color:#ef4444}.error-message{font-size:1rem;margin-bottom:1rem}.retry-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.retry-button:hover{background:#2980b9}@media (max-width:768px){.impact-dashboard,.impact-dashboard-modern{padding:1rem}.dashboard-controls{align-items:stretch;flex-direction:column}.controls-right{flex-direction:column;width:100%}.customize-btn,.date-range-selector,.export-btn{justify-content:center;width:100%}.metrics-cards-grid,.summary-grid{grid-template-columns:1fr}.metric-value-large{font-size:1.5rem}.metric-unit{font-size:1rem}.activity-summary,.chart-section{padding:1rem}}@media (max-width:480px){.metric-value-large{font-size:1.5rem}.metric-unit{font-size:1rem}.chart-container{height:200px}}.leaderboard-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-top:2.5rem;padding:2rem}.leaderboard-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.leaderboard-header .header-left{align-items:center;display:flex;gap:.75rem}.leaderboard-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.leaderboard-header svg{color:#fbbf24}.refresh-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover{background:#e2e8f0;color:#475569}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-entry{align-items:center;animation:fadeInUp .3s ease;background:#f8fafc;border:2px solid #0000;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.leaderboard-entry:hover{background:#f1f5f9;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.leaderboard-entry.top-three{background:linear-gradient(135deg,#fef3c7,#fff7ed);border-color:#fbbf24}.leaderboard-entry.current-user{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.donor-achievements-container .leaderboard-entry.current-user{background:linear-gradient(135deg,#d1fae5,#f0fdf4);border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.entry-rank{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#64748b;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;min-width:48px}.leaderboard-entry.top-three .entry-rank{background:#0000;box-shadow:none;font-size:1.5rem}.entry-avatar{align-items:center;display:flex;justify-content:center}.avatar-image{border:2px solid #fff;border-radius:50%;object-fit:cover}.avatar-image,.avatar-placeholder{box-shadow:0 2px 8px #6366f14d;height:48px;width:48px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;justify-content:center}.entry-info{flex:1 1;min-width:0}.entry-name{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:#3b82f6;border-radius:999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}.donor-achievements-container .you-badge{background:#10b981}.entry-points{align-items:center;background:#fff;border-radius:999px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.375rem;padding:.5rem .875rem}.points-icon{color:#3b82f6}.donor-achievements-container .points-icon{color:#10b981}.points-value{color:#1e293b;font-size:1rem;font-weight:700}.points-label{color:#64748b;font-size:.75rem;font-weight:500}.current-user-section{margin-top:1.5rem;padding-top:1.5rem}.divider{margin-bottom:1rem}.divider span{background:#fff;color:#64748b;letter-spacing:.5px;position:relative;text-transform:uppercase;z-index:1}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:2px}.encouragement-text{color:#64748b;font-size:.875rem;font-style:italic;margin-top:1rem;text-align:center}.leaderboard-footer{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem;text-align:center}.leaderboard-footer p{color:#64748b;font-size:.875rem;margin:0}.leaderboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.leaderboard-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.donor-achievements-container .loading-spinner{border-top-color:#10b981}.leaderboard-loading p{color:#64748b;font-size:1rem;font-weight:500}.leaderboard-error{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem;text-align:center}.leaderboard-error svg{color:#ef4444}.leaderboard-error h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.leaderboard-error p{color:#64748b;font-size:1rem;margin:0}.leaderboard-empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem;text-align:center}.leaderboard-empty svg{color:#fbbf24}.leaderboard-empty h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.leaderboard-empty p{color:#64748b;font-size:1rem;margin:0;max-width:400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.leaderboard-container{margin-top:1.5rem;padding:1.5rem}.leaderboard-header h2{font-size:1.25rem}.leaderboard-entry{gap:.75rem;padding:.875rem}.entry-rank{font-size:1rem;height:40px;min-width:40px}.avatar-image,.avatar-placeholder{font-size:1rem;height:40px;width:40px}.entry-name{font-size:.875rem}.entry-points{padding:.375rem .625rem}.points-value{font-size:.875rem}.refresh-button{padding:.5rem}.refresh-button span{display:none}}@media (max-width:480px){.entry-rank{font-size:.875rem;height:36px;min-width:36px}.avatar-image,.avatar-placeholder{font-size:.875rem;height:36px;width:36px}.entry-name{font-size:.8125rem}.points-label{display:none}}.donor-achievements-container{background:#f7fcf9;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.donor-achievements-header{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:16px;box-shadow:0 4px 20px #16a34a26;margin-bottom:2.5rem;padding:2.5rem}.donor-achievements-header .header-content{align-items:center;display:flex;gap:1.5rem}.donor-achievements-header .header-icon{align-items:center;background:#ffffff26;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.donor-achievements-header .header-text h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.donor-achievements-header .header-text p{color:#ffffffd9;font-size:1.1rem;margin:.5rem 0 0}.donor-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2.5rem}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#4ade80,#16a34a)}.stat-card-secondary .stat-icon{background:linear-gradient(135deg,#16a34a,#15803d)}.stat-card-tertiary .stat-icon{background:linear-gradient(135deg,#4ade80,#22c55e)}.stat-card .stat-value{color:#16a34a}.progress-bar-fill{background:linear-gradient(90deg,#4ade80,#16a34a)}.progress-bar-mini{background:#e2e8f0;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.progress-bar-mini-fill{background:linear-gradient(90deg,#4ade80,#16a34a);border-radius:3px;height:100%;transition:width .4s ease}.achievements-section .section-header h2{color:#16a34a}.achievements-section .section-count{background:#16a34a}.achievement-card.unlocked{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#4ade80}.achievement-card .achievement-info{text-align:center}.achievement-card .achievement-info h3{color:#16a34a;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.achievement-card.locked .achievement-info h3{color:#94a3b8}.achievement-card .achievement-info p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.achievement-card .achievement-reward{background:#4ade801a;color:#16a34a;font-size:.875rem;font-weight:600}.achievement-card.locked .achievement-reward{color:#94a3b8}.donor-achievements-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.donor-achievements-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#16a34a;height:64px;width:64px}.donor-achievements-loading p{color:#64748b;font-size:1.125rem;font-weight:600}.donor-achievements-error{background:#fff;border-left:4px solid #ef4444;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin:2rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.donor-achievements-error svg{color:#ef4444;margin-bottom:1rem}.donor-achievements-error h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.donor-achievements-error p{color:#64748b;font-size:1rem;margin:0}.donor-achievements-empty{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.donor-achievements-empty svg{color:#16a34a;margin-bottom:1.5rem}.donor-achievements-empty h2{color:#16a34a;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.donor-achievements-empty p{color:#64748b;font-size:1rem;margin:0 auto;max-width:500px}@media (max-width:768px){.donor-achievements-container{padding:1rem}.donor-achievements-header{padding:1.5rem}.donor-achievements-header .header-content{flex-direction:column;text-align:center}.donor-achievements-header .header-text h1{font-size:1.5rem}.donor-achievements-header .header-text p{font-size:.95rem}.donor-stats-overview{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-card .stat-value{font-size:2rem}.achievements-grid{grid-template-columns:1fr}.achievements-section .section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.donor-achievements-header .header-icon{height:60px;width:60px}.stat-card{align-items:center;flex-direction:column;text-align:center}.stat-card .stat-icon{height:56px;width:56px}}.calendar-settings-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1000px;padding:1.25rem}.settings-panel{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:1.25rem;transition:box-shadow .2s ease}.settings-panel:hover{box-shadow:0 4px 12px #0000001a}.section-header-with-icon{position:relative}.section-title-group{min-width:0;padding-right:0}.calendar-summary-line{color:#4b6478;font-size:.84rem;margin:.35rem 0 0}.calendar-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.calendar-toggle-btn{background:#f5f9fc;border:1px solid #c8d8e5;border-radius:999px;color:#1b4965;cursor:pointer;font-size:.85rem;font-weight:600;padding:.38rem .85rem;transition:all .2s ease}.calendar-toggle-btn:hover{background:#e8f0f6;border-color:#9fbad0}.section-header-with-icon .btn-compact{flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;width:auto}.section-content{gap:1.5rem}.calendar-content-wrap{border-top:1px solid #edf2f7;margin-top:.25rem;padding-top:.75rem}.connection-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.status-indicator{align-items:flex-start;display:flex;margin-bottom:1rem}.status-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.status-title-row{align-items:center;display:flex;gap:.5rem}.status-icon{flex-shrink:0;height:24px;width:24px}.status-icon.success{color:#10b981}.status-icon.warning{color:#f59e0b}.status-title{color:#111827;font-size:1.0625rem;font-weight:600;margin:0}.status-subtext{color:#6b7280;font-size:.875rem;margin:0;text-align:left}.connection-actions{display:flex;flex-wrap:wrap;gap:.75rem}.preferences-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.preferences-section h3{color:#111827;font-size:1.0625rem;font-weight:600;margin:0 0 1rem}.preference-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.preference-title{margin:0}.preference-label,.preference-title{color:#374151;font-size:.9375rem;font-weight:500}.preference-label{display:block;margin-bottom:.5rem;text-align:left}.checkbox-label{color:#374151;font-size:.9375rem;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.event-type-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-left:0}.input-field{border:1px solid #d1d5db;color:#111827;font-size:.9375rem;padding:.625rem .75rem;transition:all .2s ease}.input-field:focus{border-color:#1b4965;box-shadow:0 0 0 3px #1b49651a}.input-field:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.preferences-subsection{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.subsection-header{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem;text-align:left}.collapsible-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0 -.5rem 1rem;padding:.5rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.collapsible-header:hover{background-color:#f9fafb;color:#1b4965}.input-with-unit{align-items:center;display:flex;gap:.5rem;max-width:250px}.input-with-unit .input-field{flex:1 1;max-width:none}.input-unit{color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap}.select-field{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:.9375rem;max-width:250px;padding:.625rem .75rem;transition:all .2s ease}.select-field:focus{border-color:#1b4965;box-shadow:0 0 0 3px #1b49651a;outline:none}.select-field:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.info-link{color:#1b4965;display:inline-block;font-size:.875rem;font-weight:500;margin-top:.5rem;text-decoration:none;transition:color .2s ease}.info-link:hover{color:#163a50;text-decoration:underline}.btn-compact{flex-shrink:0;width:auto}.preferences-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.events-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.events-section h3{color:#111827;font-size:1.0625rem;font-weight:600;margin:0 0 1rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.875rem;transition:all .2s ease}.event-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000f}.event-time{color:#6b7280;font-size:.8125rem;font-weight:500;min-width:150px}.event-details{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:space-between}.event-title{color:#111827;font-size:.9375rem;font-weight:500;margin:0}.event-status{color:#6b7280;font-size:.8125rem;gap:.375rem;margin:0}.alert,.event-status{align-items:center;display:flex}.alert{animation:slideDown .3s ease-in;border-radius:8px;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-error .alert-icon{color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-success .alert-icon{color:#16a34a}.alert p{flex:1 1;font-size:.9375rem;margin:0}.alert-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;opacity:.7;padding:0;transition:opacity .2s ease}.alert-close:hover{opacity:1}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#1b4965;color:#fff}.btn-primary:hover:not(:disabled){background-color:#163a50;box-shadow:0 4px 8px #1b496533}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 8px #ef444433}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner-icon{animation:spin 1s linear infinite;color:#1b4965;height:32px;margin-bottom:.5rem;width:32px}.loading-spinner p{font-size:.9375rem;margin:0}@media (max-width:768px){.calendar-settings-container,.settings-panel{padding:.875rem}.section-header-with-icon{flex-wrap:wrap;gap:.75rem}.section-header-with-icon .btn-compact{order:0;width:auto}.calendar-header-actions{order:3;width:100%}.section-title-group{order:2;padding-right:0}.icon-circle{order:1}.section-title-group h2{font-size:1.0625rem}.connection-actions{flex-direction:column}.btn{justify-content:center}.btn,.btn-compact{width:100%}.input-field,.input-with-unit,.select-field{max-width:100%}.preferences-actions{flex-direction:column}.event-details,.event-item{align-items:flex-start;flex-direction:column}.event-details{width:100%}}.modal-overlay{animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.connection-details-modal,.disconnect-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.connection-details-modal{max-width:600px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.connection-details-modal .modal-header,.disconnect-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.connection-details-modal .modal-header h3,.disconnect-modal .modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;color:#111827}.connection-details-modal .modal-body,.disconnect-modal .modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.modal-warning-icon{color:#f59e0b;display:flex;justify-content:center;margin-bottom:.5rem}.modal-text{color:#374151;font-size:.9375rem;line-height:1.6;margin:0}.connection-details-modal .modal-footer,.disconnect-modal .modal-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.connection-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item-full{grid-column:1/-1}.detail-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.detail-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:.9375rem;margin:0;padding:.75rem;word-break:break-word}.scopes-list{display:flex;flex-wrap:wrap;gap:.5rem}.scope-badge{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem .75rem}@media (max-width:768px){.connection-details-modal,.disconnect-modal{max-width:none;width:95%}.connection-details-modal .modal-footer,.disconnect-modal .modal-footer{flex-direction:column-reverse}.connection-details-modal .modal-footer .btn,.disconnect-modal .modal-footer .btn{width:100%}.connection-details-grid{grid-template-columns:1fr}}.donor-photo-section{border:1px solid #e6ecf2}.donor-photo-header{border-bottom:0;margin-bottom:0;padding-bottom:.5rem}.donor-photo-title h2{margin-bottom:.15rem}.donor-photo-toggle-btn{background:#f5f9fc;border:1px solid #c8d8e5;border-radius:999px;color:#1b4965;cursor:pointer;font-size:.85rem;font-weight:600;padding:.38rem .85rem;transition:all .2s ease}.donor-photo-toggle-btn:hover{background:#e8f0f6;border-color:#9fbad0}.donor-photo-content{border-top:1px solid #edf2f7;margin-top:.25rem;padding-top:.75rem}.donor-display-mode-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.donor-display-mode-card{background:#f8fbff;border:1px solid #d8e5f0;border-radius:12px;cursor:pointer;padding:.8rem .9rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.donor-display-mode-card:hover{border-color:#a8c4da;box-shadow:0 6px 16px #1b49651f;transform:translateY(-1px)}.donor-display-mode-card.active{background:linear-gradient(180deg,#f2f9ff,#ecf6ff);border-color:#2f6d98;box-shadow:0 0 0 2px #2f6d9826}.donor-display-mode-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.donor-display-mode-indicator{background:#fff;border:2px solid #b7c9d9;border-radius:999px;flex:0 0 auto;height:16px;width:16px}.donor-display-mode-card.active .donor-display-mode-indicator{background:radial-gradient(circle at center,#2f6d98 45%,#fff 46%);border-color:#2f6d98}.donor-display-mode-help{color:#4c6680;font-size:.82rem;margin-top:.35rem}.donor-photo-mode-card{background:#f8fbfe;border:1px solid #e6edf4;border-radius:12px;padding:.8rem}.donor-photo-preview{border:1px solid #dbe7f1;border-radius:8px;height:140px;margin-top:8px;object-fit:cover;width:220px}.donor-photo-preview-wrap{margin:.65rem auto 0;position:relative;width:-webkit-fit-content;width:fit-content}.donor-file-input-wrap{display:flex;justify-content:center;margin-top:.35rem}.donor-file-input{color:#4b637a;font-size:.85rem;max-width:300px;width:100%}.donor-file-input::-webkit-file-upload-button{background:linear-gradient(180deg,#f7fbff,#edf5fc);border:1px solid #b9ccdd;border-radius:10px;color:#1f4d71;cursor:pointer;font-weight:600;margin-right:.75rem;padding:.45rem .85rem;-webkit-transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.donor-file-input::file-selector-button{background:linear-gradient(180deg,#f7fbff,#edf5fc);border:1px solid #b9ccdd;border-radius:10px;color:#1f4d71;cursor:pointer;font-weight:600;margin-right:.75rem;padding:.45rem .85rem;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.donor-file-input::-webkit-file-upload-button:hover{border-color:#8faece;box-shadow:0 4px 12px #1f4d7129;transform:translateY(-1px)}.donor-file-input::file-selector-button:hover{border-color:#8faece;box-shadow:0 4px 12px #1f4d7129;transform:translateY(-1px)}.donor-photo-pending-badge{align-items:center;background:#f59e0beb;border:1px solid #fff9;border-radius:999px;color:#111827;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.01em;padding:.2rem .5rem;position:absolute;right:8px;top:14px}.donor-per-type-grid{grid-gap:12px;display:grid;gap:12px}.donor-library-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.donor-library-card{background:#fff;border:1px solid #dbe7f1;border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:transform .18s ease,box-shadow .18s ease;width:120px}.donor-library-card:hover{box-shadow:0 6px 16px #1b496526;transform:translateY(-1px)}.donor-library-card-small{width:100px}.donor-library-card-image{height:80px;object-fit:cover;width:100%}.donor-library-card-image-small{height:70px}@media (max-width:900px){.donor-display-mode-grid{grid-template-columns:1fr}.donor-photo-preview{max-width:300px;width:100%}}.settings-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1200px;padding:1.25rem}.settings-content,.settings-donor-setup{display:flex;flex-direction:column;gap:1.25rem}.donor-setup-overview{background:linear-gradient(135deg,#f6fbff,#edf7f6);border:1px solid #d5e8e5;box-shadow:0 10px 24px #1b496514}.donor-setup-overview__eyebrow{color:#4f7d67;font-size:.78rem;font-weight:700;letter-spacing:.14em;margin-bottom:.4rem;text-transform:uppercase}.donor-setup-overview__title{color:#163443;font-size:1.3rem;font-weight:700;margin:0 0 .4rem}.donor-setup-overview__text{color:#49606c;font-size:.97rem;line-height:1.6;margin:0}.settings-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:1.25rem;transition:box-shadow .2s ease}.settings-section:hover{box-shadow:0 4px 12px #0000001a}.section-header-with-icon{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.icon-circle{align-items:center;background:#f0f4f7;border-radius:50%;color:#1b4965;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.section-title-group{flex:1 1}.section-title-group h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.section-description{color:#6b7280;font-size:.9375rem;margin:0}.language-region-summary{color:#4b6478;font-size:.84rem;margin:.35rem 0 0}.settings-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.settings-toggle-btn{background:#f5f9fc;border:1px solid #c8d8e5;border-radius:999px;color:#1b4965;cursor:pointer;font-size:.85rem;font-weight:600;padding:.38rem .85rem;transition:all .2s ease}.settings-toggle-btn:hover{background:#e8f0f6;border-color:#9fbad0}.section-content{display:flex;flex-direction:column;gap:1rem}.language-region-content-wrap{border-top:1px solid #edf2f7;margin-top:.25rem;padding-top:.75rem}.profile-image-section{border-bottom:1px solid #f3f4f6;padding-bottom:1rem}.profile-image-container{align-items:center;display:flex;gap:1rem}.profile-image-wrapper{flex-shrink:0;height:90px;position:relative;width:90px}.profile-image,.profile-image-placeholder{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-image-placeholder{background:#f0f4f7;border:2px dashed #bee9e8;color:#62a8c3}.profile-image-placeholder,.profile-image-upload-btn{align-items:center;display:flex;justify-content:center}.profile-image-upload-btn{background:#1b4965;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 8px #1b496533;color:#fff;cursor:pointer;height:32px;position:absolute;right:0;transition:all .2s ease;width:32px}.profile-image-upload-btn:hover{background:#153a50;transform:scale(1.05)}.profile-image-info h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .375rem}.profile-image-info p{color:#6b7280;font-size:.875rem;margin:0}.account-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{color:#111827;font-size:.875rem}.field-input,.field-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.9375rem;outline:none;padding:.625rem .875rem;transition:all .2s ease;width:100%}.field-input:focus,.field-select:focus{background:#fff;border-color:#1b4965;box-shadow:0 0 0 3px #1b49651a}.field-input::placeholder{color:#9ca3af}.field-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.save-changes-btn{align-self:flex-start;background:#1b4965;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin-top:.375rem;padding:.625rem 1.5rem;transition:all .2s ease}.save-changes-btn:hover{background:#153a50;box-shadow:0 4px 12px #1b49654d;transform:translateY(-1px)}.save-changes-btn:active{transform:translateY(0)}.password-section{border-top:1px solid #f3f4f6;padding-top:1rem}.password-toggle-btn{align-items:center;background:#0000;border:1px solid #bee9e8;border-radius:8px;color:#1b4965;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.625rem;padding:.625rem 1.25rem;transition:all .2s ease}.password-toggle-btn:hover{background:#f0f4f7;border-color:#62a8c3}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.password-fields{grid-gap:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;padding:1rem}.language-region-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.language-region-container{align-items:center;display:flex;flex-direction:column;gap:16px}.language-region-container .language-switcher-wrapper{max-width:400px;width:100%}.subsection-header{margin-bottom:12px}.subsection-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.subsection-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.region-settings-divider{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);height:1px;margin:2rem 0}.form-field .language-switcher{flex-direction:column;gap:0}.form-field .language-label{display:none}.form-field .language-selector{max-width:100%}.notification-list{gap:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.25rem 0}.notification-item:last-child{border-bottom:none}.notification-info{flex:1 1;padding-right:1.5rem;text-align:left}.notification-title{color:#111827;font-size:1rem;font-weight:500;margin:0 0 .375rem;text-align:left}.notification-desc{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;text-align:left}.notification-category{margin-bottom:2rem}.notification-category:last-child{margin-bottom:0}.notification-category-title{border-bottom:2px solid #bee9e8;color:#1b4965;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.notification-list{display:flex;flex-direction:column}.field-error{color:#dc2626;display:block;font-size:.8125rem;font-weight:500;margin-top:.25rem}.field-hint{color:#5b7287;display:block;font-size:.78rem;margin-top:.3rem}.settings-address-autocomplete-wrap{position:relative}body.settings-address-open .pac-container{border:1px solid #d4e1ee;border-radius:0 0 10px 10px;box-shadow:0 12px 26px #0f172a24;margin-top:-3px!important;overflow:hidden;z-index:9000!important}body.settings-address-open .pac-item{border-top:1px solid #ecf2f8;padding:10px 12px}.field-input.error,.field-select.error{background:#fef2f2;border-color:#dc2626}.field-input.error:focus,.field-select.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.success-message{background:#d1fae5;border:1px solid #34d399;border-radius:8px;color:#065f46}.error-message,.success-message{animation:slideDown .3s ease;font-weight:500;margin-bottom:1.25rem;padding:1rem 1.25rem}.error-message{border:1px solid #dc2626}.loading-spinner{color:#6b7280;font-size:1rem;padding:2rem;text-align:center}.form-field-full{grid-column:1/-1}.save-changes-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.save-changes-btn:disabled:hover{background:#1b4965;box-shadow:none}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:28px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#1b4965}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #1b49651a}@media (max-width:1024px){.account-form-grid,.language-region-grid,.password-fields{grid-template-columns:1fr}}@media (max-width:768px){.settings-container{padding:1rem}.settings-section{border-radius:12px;padding:1.5rem}.section-header-with-icon{gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.icon-circle{height:48px;width:48px}.section-title-group h2{font-size:1.25rem}.section-description{font-size:.875rem}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 0}.notification-info{padding-right:0}.save-changes-btn,.settings-header-actions,.settings-toggle-btn{width:100%}.profile-image-container{flex-direction:column;text-align:center}.profile-image-wrapper{height:100px;width:100px}.password-toggle-btn{justify-content:center;width:100%}.error-message,.success-message{font-size:.875rem;padding:.875rem 1rem}.field-error{font-size:.75rem}}@media (max-width:480px){.settings-container{padding:.75rem}.settings-section{padding:1rem}.section-header-with-icon{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.settings-header-actions{justify-content:center;width:100%}.icon-circle{height:44px;width:44px}.section-title-group h2{font-size:1.125rem}.profile-image-wrapper{height:80px;width:80px}.profile-image-upload-btn{height:28px;width:28px}.error-message,.success-message{font-size:.8125rem;padding:.75rem .875rem}}.donor-help,.donor-help *,.donor-help .faq-section,.donor-help .faq-section *,.donor-help [data-no-animate],.donor-help [data-no-animate] *{animation:none!important;height:auto!important;max-height:none!important;opacity:1!important;overflow:visible!important;transform:none!important;visibility:visible!important}.donor-help{margin:0 auto;max-width:900px;padding:0 0 2rem}.section-header svg{color:#4caf50}.tutorial-replay-button{background:linear-gradient(135deg,#4caf50,#2f8f62);box-shadow:0 10px 24px #4caf5038}.tutorial-replay-button:hover:not(:disabled){box-shadow:0 14px 28px #4caf5047}.step{background:#f9fafb}.step-number{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 6px #4caf504d}.step-icon{background:#e8f5e9}.step-icon svg{color:#4caf50}.faq-item:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf5026}.faq-item.open{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.faq-question:hover{background-color:#f0fdf4!important}.faq-question:focus{outline:2px solid #4caf50}.faq-item.open .faq-question{background-color:#e8f5e9!important;border-bottom:1px solid #c8e6c9;color:#2e7d32!important}.faq-item.open .faq-question span{color:#2e7d32!important}.faq-question svg{color:#4caf50!important}.faq-item.open .faq-question svg{color:#2e7d32!important}.faq-answer{background-color:#fafffe!important;border-top:1px solid #e8f5e9}.contact-card{background:#f9fafb}.contact-card:hover{background:#f0fdf4;border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.contact-card:focus{outline:2px solid #4caf50}.contact-icon{background:linear-gradient(135deg,#4caf50,#45a049)}.contact-info p{color:#4caf50}@media (max-width:768px){.donor-help{padding:0 0 1.5rem}.help-section{margin-bottom:1rem;padding:1.25rem}.section-header h2{font-size:1.1rem}.getting-started-content{gap:1rem;grid-template-columns:1fr}.step{padding:1rem}.step-number{font-size:.75rem;height:24px;left:-8px;top:-8px;width:24px}.faq-question{font-size:.9rem;padding:.875rem 1rem}.faq-answer{font-size:.85rem;padding:.875rem 1rem}.contact-options{grid-template-columns:1fr}.contact-card{padding:1rem}.contact-icon{height:42px;width:42px}}@media print{.donor-help{max-width:100%}.help-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.faq-answer{display:block!important}.contact-card{background:none;border:1px solid #ccc}}.ai-donation-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0f172a0f;margin:2rem auto;max-width:1100px;padding:1.75rem;width:min(1100px,calc(100% - 2rem))}.ai-donation-header{margin-bottom:1.5rem}.ai-donation-header h1{color:#111827;font-size:1.625rem;font-weight:600;margin-bottom:.375rem}.ai-subtitle{color:#4b5563;font-size:.95rem;line-height:1.45;margin-top:0}.back-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.4rem;margin-bottom:.875rem;padding:.375rem 0;transition:color .2s}.back-button:hover:not(:disabled){color:#1f2937}.back-button:disabled{cursor:not-allowed;opacity:.5}.ai-step-indicator{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:.25rem;justify-content:center;margin:1.5rem 0 1.75rem;padding:.875rem 1rem}.step{gap:.5rem}.step-number{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;height:30px;transition:all .2s;width:30px}.step.active .step-number{background:#fff;border-color:#9ca3af;color:#111827}.step span{color:#6b7280;font-size:.82rem;font-weight:500}.step.active span{color:#111827;font-weight:600}.step-line{background:#cfd4dc;border-radius:999px;flex:1 1 72px;height:2px;margin:0 .35rem;max-width:140px;min-width:56px}.ai-form-content{margin-top:2rem}.ai-processing-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:3rem 1.5rem;text-align:center}.ai-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4b5563;height:44px;margin:0 auto 2rem;width:44px}.ai-processing-container h3{color:#111827;font-size:1.2rem;font-weight:600;margin-bottom:.375rem}.processing-hint{color:#6b7280;font-size:.9rem;margin-bottom:1.75rem}.processing-steps{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.processing-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.45;transition:opacity .3s}.processing-step.active{opacity:1}.step-icon{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;display:flex;height:30px;width:30px}.processing-step span{color:#6b7280;font-size:.875rem}.ai-image-upload-container{padding:.5rem 0}.upload-section{margin-bottom:1.25rem}.upload-instructions{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1rem 1.125rem}.upload-instructions h3{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.625rem}.upload-instructions p{color:#4b5563;font-size:.92rem;margin-bottom:.625rem}.upload-instructions ul{list-style:disc;margin:0;padding-left:1.15rem}.upload-instructions li{color:#4b5563;font-size:.9rem;padding:.18rem 0}.dropzone{background:#fff;border:1.5px dashed #cfd4dc;border-radius:14px;cursor:pointer;padding:2.25rem 1.25rem;text-align:center;transition:border-color .2s,background-color .2s}.dropzone:hover{background:#fafafa;border-color:#9ca3af}.dropzone.dragging{background:#f9fafb;border-color:#6b7280}.dropzone:focus-visible{outline:2px solid #4b5563;outline-offset:2px}.dropzone-content{flex-direction:column;gap:1rem}.dropzone-content,.upload-icon{align-items:center;display:flex}.upload-icon{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;height:42px;justify-content:center;width:42px}.dropzone-text{color:#111827;font-size:.97rem;font-weight:500}.dropzone-or{color:#9ca3af;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.upload-button{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.62rem 1.2rem;transition:background-color .2s}.upload-button:hover{background:#1f2937}.file-requirements{color:#6b7280;font-size:.8rem;margin-top:.15rem}.preview-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h4{color:#1f2937;font-size:1.125rem;font-weight:600}.clear-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-weight:500;gap:.35rem;padding:.45rem .75rem;transition:background .2s}.clear-button:hover{background:#f9fafb}.image-preview{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem;max-height:400px;overflow:hidden;width:100%}.image-preview img{max-height:400px;max-width:100%;object-fit:contain}.preview-info{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.file-name{color:#374151;font-weight:500;word-break:break-all}.file-size{color:#6b7280;font-size:.875rem}.proceed-button{align-items:center;background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.4rem;justify-content:center;padding:.85rem;transition:background-color .2s;width:100%}.proceed-button:hover{background:#1f2937}.error-message{align-items:center;background:#fff7f7;border-radius:10px;color:#b42318;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.8rem}.error-icon{align-items:center;display:inline-flex;justify-content:center}.alternative-section,.divider{margin:1.25rem 0;text-align:center}.divider{align-items:center;display:flex}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider span{color:#9ca3af;font-size:.875rem;font-weight:600;padding:0 1rem}.manual-entry-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.35rem;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px;transition:all .2s}.manual-entry-button:hover{color:#111827}.manual-icon{align-items:center;display:inline-flex;justify-content:center}.manual-hint{color:#6b7280;font-size:.82rem;margin-top:.3rem}.tips-section{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;padding:1rem 1.125rem}.tips-section h4{align-items:center;color:#111827;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;margin-bottom:.625rem}.tips-list{list-style:disc;margin:0;padding-left:1.15rem}.tips-list li{color:#4b5563;font-size:.89rem;padding:.2rem 0}.ai-extraction-review{margin:0 auto;max-width:100%}.review-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem}.header-content h3{font-size:1.5rem;margin-bottom:.5rem}.header-subtitle{font-size:.95rem;opacity:.95}.btn-reupload{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-reupload:hover{background:#ffffff4d;transform:translateY(-1px)}.image-thumbnail{background:#f9fafb;border-radius:8px;margin:1rem 0;padding:1rem}.image-thumbnail img{border-radius:6px;max-height:150px;max-width:200px;object-fit:contain}.review-form{background:#fff;border-radius:0 0 12px 12px;padding:2rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.section-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.form-field,.section-title{margin-bottom:1.5rem}.field-label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.ai-badge-inline{background:linear-gradient(135deg,#667eea,#764ba2);padding:.125rem .5rem}.ai-badge-inline,.confidence-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem}.confidence-badge{padding:.25rem .75rem}.confidence-icon{margin-right:.25rem}.input-field{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.input-field:focus{border-color:#667eea;outline:none}.input-field.textarea{min-height:120px;resize:vertical}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.half-width{flex:1 1;min-width:250px}.third-width{flex:1 1;min-width:200px}.allergen-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:1rem;padding:1rem}.allergen-info h5{color:#92400e;font-size:1rem;margin-bottom:.75rem}.allergen-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.allergen-tag{background:#fbbf24;border-radius:6px;color:#78350f;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.allergen-note{color:#92400e;font-size:.875rem;font-style:italic}.form-actions{border-top:1px solid #e5e7eb;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn-cancel{border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s}.btn-cancel:hover:not(:disabled){border-color:#9ca3af;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ai-donation-form-container,.ai-step-indicator{padding:1rem}.step span{font-size:.75rem}.step-number{height:35px;width:35px}.processing-steps{flex-direction:column;gap:1rem}.review-header{align-items:flex-start}.form-row,.review-header{flex-direction:column}.half-width,.third-width{width:100%}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.suggest-business-page{margin:0 auto;max-width:680px;padding:32px 24px}.suggest-business-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;overflow:hidden}.suggest-business-header{align-items:flex-start;background:linear-gradient(135deg,#1e3a5f,#2b6cb0);color:#fff;display:flex;gap:16px;padding:28px 28px 20px}.suggest-business-icon{align-items:center;background:#ffffff2e;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.suggest-business-title{font-size:1.25rem;font-weight:700;margin:0 0 6px}.suggest-business-subtitle{font-size:.9rem;line-height:1.5;margin:0;opacity:.88}.suggest-business-form{display:flex;flex-direction:column;gap:20px;padding:28px}.suggest-form-group{display:flex;flex-direction:column;gap:6px}.suggest-form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.suggest-form-group input,.suggest-form-group textarea{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;color:#111;font-family:inherit;font-size:.95rem;padding:10px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s}.suggest-form-group input:focus,.suggest-form-group textarea:focus{background:#fff;border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb026;outline:none}.suggest-form-group input.input-error,.suggest-form-group textarea.input-error{border-color:#e53e3e}.suggest-business-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem;padding:12px 16px}.suggest-form-actions{display:flex;justify-content:flex-end;padding-top:4px}.suggest-btn-primary{background:linear-gradient(135deg,#1e3a5f,#2b6cb0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 28px;transition:opacity .2s,transform .1s}.suggest-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.suggest-btn-primary:disabled{cursor:not-allowed;opacity:.6}.suggest-business-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 28px;text-align:center}.suggest-business-success-icon{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2b6cb0);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin-bottom:4px;width:64px}.suggest-business-success h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0}.suggest-business-success p{color:#4a5568;font-size:.95rem;line-height:1.6;margin:0;max-width:380px}.suggest-btn-secondary{background:#ebf4ff;border:1.5px solid #bee3f8;border-radius:8px;color:#1e3a5f;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:10px 22px;transition:background .2s}.suggest-btn-secondary:hover{background:#dbeafe}.onboarding-tour{inset:0;pointer-events:none;position:fixed;z-index:1200}.onboarding-tour__backdrop{background:radial-gradient(circle at top,#5c8f771a,#0000 42%),#0b131e33;inset:0;pointer-events:auto;position:absolute}.onboarding-tour__highlight{border:2px solid #ffffffeb;border-radius:20px;box-shadow:0 0 0 9999px #070d1638,0 0 0 10px #7dbb9b33,0 18px 45px #00000047;position:fixed;transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease,opacity .18s ease}.onboarding-tour__pulse{animation:onboarding-pulse 1.8s ease-out infinite;border:1px solid #a0e5c1e6;border-radius:inherit;inset:-12px;position:absolute}.onboarding-tour__tooltip{background:linear-gradient(180deg,#fff,#f6fbf8);border-radius:24px;box-shadow:0 24px 60px #07130e42;color:#10211a;max-height:min(420px,calc(100vh - 32px));overflow-y:auto;padding:20px 20px 16px;pointer-events:auto;position:fixed;transition:transform .22s ease,opacity .18s ease,top .22s ease,left .22s ease;width:min(360px,calc(100vw - 32px))}.onboarding-tour__tooltip.is-centered{left:50%;top:50%;transform:translate(-50%,-50%)}.onboarding-tour__eyebrow{color:#4d7e67;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.onboarding-tour__title{font-size:1.3rem;line-height:1.2;margin:0}.onboarding-tour__text{color:#3f5148;line-height:1.55;margin:10px 0 0}.onboarding-tour__footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:20px}.onboarding-tour__progress{color:#5a6f64;font-size:.88rem}.onboarding-tour__actions{align-items:center;display:flex;gap:10px}.onboarding-tour__button{border:none;border-radius:999px;cursor:pointer;font:inherit;font-weight:600;padding:10px 16px;transition:transform .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease}.onboarding-tour__button:hover:not(:disabled){transform:translateY(-1px)}.onboarding-tour__button:disabled{cursor:wait;opacity:.7}.onboarding-tour__button--ghost{background:#5a6f641f;color:#345344}.onboarding-tour__button--primary{background:#5f9678;color:#fff}.onboarding-tour__button--link{background:#0000;color:#506257;padding-left:0;padding-right:0}.onboarding-tour__error{color:#b33131;font-size:.92rem;margin-top:12px}@keyframes onboarding-pulse{0%{opacity:.9;transform:scale(.98)}70%{opacity:0;transform:scale(1.05)}to{opacity:0;transform:scale(1.05)}}@media (max-width:768px){.onboarding-tour__tooltip{bottom:12px;left:12px!important;max-height:min(58vh,420px);max-width:none;overflow-y:auto;padding:18px 18px 14px;right:12px;top:auto!important;transform:none!important;width:auto}.onboarding-tour__footer{align-items:stretch;flex-direction:column}.onboarding-tour__actions{justify-content:space-between}.onboarding-tour__highlight{border-radius:16px}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0}.receiver-layout{background:#f7fbfd;display:flex;flex-direction:column;min-height:100vh}.receiver-sidebar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;display:flex;height:auto;justify-content:space-between;padding:1.2rem 5%;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.receiver-sidebar-header{margin:0}.receiver-sidebar-header h2{color:#1b4965;font-size:18px;font-weight:700;margin:0}.receiver-nav-links{align-items:center;display:flex;gap:40px}.receiver-menu-toggle{align-items:center;background:none;border:none;color:#1b4965;cursor:pointer;display:none;justify-content:center;padding:5px;z-index:1001}.receiver-nav-link{border-radius:8px;color:#1b4965;font-size:1.1rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.receiver-nav-link--with-badge{align-items:center;display:inline-flex;gap:8px}.receiver-nav-count-badge{align-items:center;background:#1b49651f;border-radius:999px;color:#1b4965;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;line-height:20px;min-width:20px;padding:0 6px}.receiver-nav-link:hover{background:#f0f9ff;color:#62b6cb}.receiver-nav-link.active{background:#1b4965;color:#fff;font-weight:600}.receiver-nav-link.active .receiver-nav-count-badge{background:#ffffff47;color:#fff}.receiver-main{display:flex;flex:1 1;flex-direction:column}.receiver-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 30px}.receiver-topbar-left h1{color:#1b4965;font-size:22px;font-weight:700;margin:0}.receiver-topbar-left p{color:#64748b;font-size:14px;margin:6px 0 0}.receiver-user-info{position:relative}.receiver-user-info,.user-menu{align-items:center;display:flex}.user-menu{background:#fff;border:1px solid #e2e8f0;border-radius:50px;color:#1b4965;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.user-menu:hover{background:#f8f9fa;border-color:#62b6cb}.dropdown-arrow{font-size:10px}.user-menu:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{color:#1b4965;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item-logout{color:#dc3545}.dropdown-item-logout:hover{background-color:#fff5f5}.dropdown-divider{background-color:#e2e8f0;margin:4px 0}.receiver-content{background:#f7fbfd;flex:1 1;overflow:auto;padding:30px}.verification-banner{background:#fff7e6;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-weight:600;margin-bottom:16px;padding:12px 16px}.receiver-content.messages-page{overflow:hidden;padding:0;position:relative}@media (max-width:1440px){.receiver-content{padding:24px}.receiver-topbar{padding:12px 24px}}@media (max-width:968px){.receiver-sidebar{height:auto;min-height:60px;padding:1rem 160px 1rem 5%}.receiver-menu-toggle{display:flex}.receiver-nav-links{background-color:#fff;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:1rem 0;position:absolute;top:100%;width:100%;z-index:999}.receiver-nav-links.active{display:flex}.receiver-nav-link{border-radius:0;display:block;font-size:1.1rem;padding:1rem 0;text-align:center;width:100%}.receiver-nav-link.active{border-radius:0}.receiver-topbar{align-items:flex-start;flex-direction:column;padding:12px 20px}.receiver-content{padding:20px}.receiver-content.messages-page{height:100%;padding:0}}@media (max-width:576px){.receiver-sidebar{height:auto;padding:.8rem 140px .8rem 5%}.receiver-sidebar-header h2{font-size:16px}.receiver-nav-link{font-size:1rem;padding:.9rem 0}.receiver-topbar{padding:10px 15px}.receiver-topbar-left h1{font-size:18px}.receiver-topbar-left p{font-size:13px}.receiver-content{padding:15px}}.receiver-topbar-left{display:none}.receiver-topbar{border:0;height:0;overflow:visible;padding:0}.receiver-user-info{position:fixed;right:30px;top:18px;z-index:1100}.receiver-sidebar{padding-right:190px}.dropdown-menu{position:absolute}@media (max-width:968px){.receiver-user-info{right:20px;top:12px}.receiver-sidebar{padding-right:160px}}@media (max-width:576px){.receiver-user-info{right:15px;top:10px}.receiver-sidebar{padding-right:140px}}.receiver-nav-links{justify-content:space-evenly;left:50%;position:absolute;transform:translateX(-50%);width:calc(100% - 380px)}@media (max-width:968px){.receiver-nav-links{justify-content:center;left:0;position:absolute;transform:none;width:100%}}@media (max-width:576px){.receiver-nav-links{justify-content:center;left:0;position:absolute;transform:none;width:100%}}.dropdown-menu--card{background:#173b57;border:none;border-radius:12px;box-shadow:0 8px 20px #0000002e;color:#e6f0f7;min-width:200px;padding:10px 0}.dropdown-header{color:#eaf4ff;font-size:16px;font-weight:700;padding:9px 16px}.dropdown-divider{background:#ffffff59;height:1px;margin:6px 0}.dropdown-item{align-items:center;color:#eaf4ff;display:flex;font-size:15px;gap:10px;padding:14px 16px;transition:background-color .15s ease,opacity .15s ease}.dropdown-item,.dropdown-item span{text-align:left}.dropdown-item svg{display:block;flex:0 0 auto;height:18px;opacity:.95;width:18px}.dropdown-item:hover{background:#ffffff0f}.dropdown-item--help svg,.dropdown-item--invite svg,.dropdown-item--settings svg{color:#eaf4ff}.dropdown-item-logout{color:#55c173;font-weight:600}.dropdown-item-logout svg{color:#55c173}.dropdown-item-logout:hover{background:#55c17314}.dropdown-menu--card{z-index:1200}.receiver-logo{display:block;height:70px;width:80px}@media (max-width:576px){.receiver-logo{height:50px;width:50px}}.user-actions{align-items:center;display:flex;gap:16px;height:100%}.inbox-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#1b4965;cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:relative;transition:background-color .15s ease,border-color .15s ease;width:44px}.inbox-btn:hover{background:#f8fbff;border-color:#62b6cb}.inbox-btn .badge{background:#1b4965;border:2px solid #fff;border-radius:999px;color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.avatar-btn,.inbox-btn .badge{align-items:center;display:inline-flex;justify-content:center}.avatar-btn{background:#fff;border:2px solid #1b4965;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;padding:0;transition:box-shadow .15s ease,transform .05s ease;width:40px}.avatar-btn:hover{box-shadow:0 2px 8px #0000001f}.avatar-btn:active{transform:translateY(1px)}.avatar-btn img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:576px){.user-actions{gap:12px}.inbox-btn{height:34px;width:34px}.avatar-btn{height:40px;width:40px}}.preferences-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:2000}.preferences-panel{animation:slideIn .3s ease;background:#fff;box-shadow:-2px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:100%;width:480px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.preferences-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 28px;text-align:left}.preferences-header h2{color:#1b4965;font-size:20px;font-weight:600;margin:0 0 8px;text-align:left}.preferences-header p{color:#64748b;font-size:14px;line-height:1.4;margin:0;text-align:left}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#1b4965}.preferences-body{flex:1 1;overflow-y:auto;padding:24px 28px;text-align:left}.preference-field{margin-bottom:28px;position:relative;text-align:left}.preference-field label{color:#1e293b;display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;text-align:left}.preference-field input[type=number],.preference-field input[type=text]{border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.preference-field input[type=number]:focus,.preference-field input[type=text]:focus{border-color:#62b6cb;box-shadow:0 0 0 3px #62b6cb1a;outline:none}.preference-field input::placeholder{color:#94a3b8}.category-select{cursor:pointer;position:relative}.category-select input{cursor:pointer;padding-right:36px}.dropdown-arrow{color:#64748b;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.category-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.category-option{align-items:center;cursor:pointer;display:flex;gap:0;line-height:1;padding:10px 12px;transition:background .2s}.category-option:hover{background:#f8fafc}.category-option input[type=checkbox]{accent-color:#1b4965;cursor:pointer;flex-shrink:0;height:16px;margin:0 5px 0 0!important;position:relative;top:0;vertical-align:middle;width:16px}.category-option span{color:#334155;font-size:14px;line-height:16px}.selected-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.category-tag{align-items:center;background:#e0f2fe;border-radius:6px;color:#0c4a6e;display:inline-flex;font-size:13px;font-weight:500;padding:6px 10px}.category-tag button{align-items:center;background:none;border:none;border-radius:3px;color:#0c4a6e;cursor:pointer;display:flex;font-size:18px;height:18px;justify-content:center;line-height:1;margin-left:6px;padding:0;transition:background .2s;width:18px}.category-tag button:hover{background:#0c4a6e26}.quantity-range{align-items:center;display:flex;gap:12px}.quantity-range input{flex:1 1}.range-separator{color:#64748b;font-weight:500}.pickup-availability{border:1px solid #cbd5e1;border-radius:8px;display:flex;gap:0;overflow:hidden}.pickup-btn{background:#fff;border:none;border-right:1px solid #cbd5e1;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;line-height:1.15;padding:10px 12px;transition:all .2s;white-space:nowrap}.pickup-btn:last-child{border-right:none}.pickup-btn:hover:not(.active){background:#f8fafc}.pickup-btn.active{background:#1b4965;color:#fff;font-size:12px;font-weight:500}.donation-sizes{display:flex;flex-direction:column;gap:10px;margin-top:4px}.size-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#475569;cursor:pointer;font-size:14.5px;font-weight:500;padding:16px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.size-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f;transform:translateX(4px)}.size-btn.active{background:#f0f9ff;border-color:#1b4965;border-width:2px;color:#1b4965;font-weight:600}.size-btn.active:before{background:linear-gradient(180deg,#1b4965,#1b4965);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.size-btn:active{transform:scale(.99)}.food-handling{display:flex;flex-direction:column;gap:12px}.food-handling .checkbox-label{margin:0}.checkbox-field{margin-top:24px;text-align:left}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:0;justify-content:flex-start;line-height:1}.checkbox-label input[type=checkbox]{accent-color:#1b4965;cursor:pointer;flex-shrink:0;height:18px;margin:0 5px 0 0!important;position:relative;top:0;vertical-align:middle;width:18px}.checkbox-label span{color:#334155;font-size:14px;line-height:18px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:20px}.preferences-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #cbd5e1;color:#64748b}.btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-save{background:#1b4965;color:#fff}.btn-save:hover:not(:disabled){background:#143a52;box-shadow:0 2px 8px #1b496533}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.preferences-panel{width:100%}.preferences-body,.preferences-footer,.preferences-header{padding-left:20px;padding-right:20px}.pickup-btn{font-size:12px;padding:8px 10px}.pickup-btn.active{font-size:11px}}.filters-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1200px}.filters-header{background:#fff;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;padding:16px 24px}.filters-header,.header-left{align-items:center;display:flex}.header-left{gap:8px}.close-filters-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.close-filters-btn:hover{background:#f8f9fa;color:#1b4965}.filter-icon{color:#1b4965;height:16px;width:16px}.filters-title{color:#1b4965;font-size:14px;font-weight:600;margin:0}.filters-content{background:#fff;padding:24px}.filters-row{grid-gap:32px;align-items:end;display:grid;gap:32px;grid-template-columns:230px 220px 1fr;margin-bottom:14px}.mobile-filter-toggle{align-items:center;background:#1b4965;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:12px 16px;transition:background-color .2s ease;width:100%}.mobile-filter-toggle:hover{background:#15395a}.filter-group{display:flex;flex-direction:column;gap:0}.filter-label{color:#1b4965;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.distance-label-row{align-items:center;display:flex;gap:5px;width:100%}.distance-label-row .filter-label{margin-bottom:0;white-space:nowrap}.distance-display{color:#1b4965;font-size:14px;font-weight:600;white-space:nowrap}.date-picker-input,.filter-input,.location-input,.multi-select-button,.multi-select-display{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;height:40px;padding:8px 12px;transition:all .2s ease;width:100%}.date-picker-input:focus,.filter-input:focus,.location-input:focus,.multi-select-button:focus,.multi-select-display:focus{border-color:#1b4965;box-shadow:0 0 0 .2rem #1b496540;outline:none}.location-input-container{position:relative;width:100%}.location-input{padding-left:40px}.location-icon{color:#6c757d;height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.location-override-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 0 4px}.location-summary{align-items:center;display:flex;gap:8px;min-width:0}.location-icon-inline,.location-summary-label{color:#1b4965;flex:0 0 auto}.location-summary-label{font-size:13px;font-weight:600}.location-summary-value{color:#495057;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-summary-actions{display:inline-flex;flex:0 0 auto;gap:8px}.location-override-btn{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#1b4965;cursor:pointer;font-size:12px;font-weight:600;padding:7px 10px}.location-override-btn:hover{border-color:#1b4965}.location-override-btn--secondary{color:#495057}.location-editor{border:1px dashed #d9e2ec;border-radius:8px;margin-top:8px;padding:10px}.location-editor-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.location-editor-modal{animation:slideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:26px;position:relative;width:min(520px,100%)}.location-editor-modal-hero{margin-bottom:18px;text-align:center}.location-editor-modal-icon{align-items:center;background:linear-gradient(135deg,#1b4965,#2c5f7d);border-radius:50%;color:#fff;display:flex;height:70px;justify-content:center;margin:0 auto 14px;width:70px}.location-editor-modal-hero h3{color:#1b4965;font-size:22px;margin:0 0 8px}.location-editor-modal-hero p{color:#667280;font-size:14px;line-height:1.45;margin:0}.location-editor-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#667280;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s ease;width:34px}.location-editor-modal-close:hover{background:#f1f5f9;color:#223244}.location-editor-actions{margin-bottom:8px}.location-choice-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.location-choice-btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 14px;transition:all .2s ease;width:100%}.location-choice-btn--primary{background:#1b4965;border-color:#1b4965;color:#fff}.location-choice-btn--primary:hover:not(:disabled){background:#2c5f7d;border-color:#2c5f7d}.location-choice-btn--secondary{background:#fff;border-color:#d7e1eb;color:#223244}.location-choice-btn--secondary:hover{background:#f8fafb;border-color:#1b4965}.location-choice-btn:disabled{cursor:not-allowed;opacity:.7}.location-search-card{background:#fbfdff;border:1px solid #e3e9f0;border-radius:10px;padding:10px}body.location-editor-open .pac-container{border:1px solid #d5e2ee;border-radius:0 0 10px 10px;box-shadow:0 12px 26px #0f172a29;margin-top:-3px!important;overflow:hidden;z-index:12050!important}body.location-editor-open .pac-item{border-top:1px solid #ecf2f8;padding:10px 12px}.location-search-label{align-items:center;color:#46566a;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.location-editor-btn{background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;color:#1b4965;cursor:pointer;font-size:12px;font-weight:600;padding:8px 10px}.location-editor-btn:disabled{cursor:not-allowed;opacity:.7}.location-error{color:#dc3545;font-size:12px;margin:8px 0 0}.custom-multi-select{position:relative}.multi-select-button,.multi-select-display{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.multi-select-button{background:#fff;border:1px solid #ccd8e4;border-radius:10px;height:42px;padding:9px 12px}.multi-select-button.is-open{border-color:#1b4965;box-shadow:0 0 0 3px #1b49651f}.selected-content{align-items:center;display:inline-flex;gap:8px;min-width:0}.selected-text{color:#243949;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-text.placeholder{color:#7b8c9a;font-weight:400}.selected-count-pill{align-items:center;background:#e9f3fb;border-radius:999px;color:#1b4965;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.selected-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.selected-chip{align-items:center;background:#f3f9ff;border:1px solid #d2e2f0;border-radius:999px;color:#2a5678;display:inline-flex;font-size:11px;font-weight:600;padding:4px 8px}.selected-chip-more{background:#f7fbff;color:#4c657a}.dropdown-arrow{color:#5f7383;height:16px;transition:transform .2s ease;width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.multi-select-dropdown{background:#fff;border:1px solid #c9d9e7;border-radius:10px;box-shadow:0 12px 24px #0f172a1f;left:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}.multi-select-dropdown-header{border-bottom:1px solid #e5edf5;color:#60778b;font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:4px;padding:6px 8px 7px;text-transform:uppercase}.multi-select-option{align-items:center;border-radius:8px;color:#34495a;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:9px 10px;transition:background-color .2s ease}.multi-select-option:hover{background:#f5f9fd}.multi-select-option.selected{background:#edf5fc}.checkmark{align-items:center;background:#fff;border:2px solid #ced4da;border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s ease;width:16px}.multi-select-option input[type=checkbox]{display:none}.multi-select-option input[type=checkbox]:checked+.checkmark{background:#1b4965;border-color:#1b4965}.multi-select-option input[type=checkbox]:checked+.checkmark svg{stroke-width:3;color:#fff;height:12px;width:12px}.option-text{flex:1 1;line-height:1.25;-webkit-user-select:none;user-select:none}.distance-filter{align-items:stretch;display:flex;flex-direction:column;justify-content:center;min-height:40px;width:100%}.distance-slider{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#1b4965 0,#1b4965 var(--progress),#e9ecef var(--progress),#e9ecef 100%);border-radius:12px;cursor:pointer;height:8px;outline:none;transition:all .2s ease;width:100%}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #1b4965;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.distance-slider::-moz-range-thumb{background:#fff;border:2px solid #1b4965;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.filter-actions{border-top:1px solid #e9ecef;justify-content:space-between;margin-top:20px;padding-top:20px}.filter-actions,.left-section{align-items:center;display:flex}.left-section{flex:1 1;gap:16px}.right-section{align-items:center;display:flex}.applied-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background:#1b4965;border-radius:16px;font-size:12px;font-weight:500;gap:6px;padding:6px 8px}.filter-tag,.tag-remove{align-items:center;color:#fff;display:flex}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;height:16px;justify-content:center;padding:2px;transition:background-color .2s ease;width:16px}.tag-remove:hover{background:#fff3}.clear-filters-btn{background:none;border:1px solid #646a70;border-radius:4px;color:#464646;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover{border-color:#1b4965}.apply-filters-btn{background:#1b4965;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.apply-filters-btn:hover{background:#15395a}@media (max-width:991px){.filters-panel{margin-left:16px;margin-right:16px;max-width:100%}.filters-row{gap:20px;grid-template-areas:"food-type expiry-date" "distance distance";grid-template-columns:1fr 1fr}.filter-group:first-child{grid-area:food-type}.filter-group:nth-child(2){grid-area:expiry-date}.filter-group:nth-child(3){grid-area:distance}}@media (max-width:767px){.filters-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin:0 12px 16px;padding:0;position:relative}.filters-header{background:#fff;box-shadow:none;position:static}.close-filters-btn{align-items:center;display:inline-flex;justify-content:center}.filters-content{padding:16px}.filters-row{gap:16px;grid-template-columns:1fr;margin-bottom:16px}.location-override-row{align-items:flex-start;flex-direction:column}.location-summary{width:100%}.location-summary-actions{flex-wrap:wrap;width:100%}.filter-actions{align-items:stretch;flex-direction:column;gap:16px}.left-section{align-items:flex-start;flex-direction:column;gap:12px}.right-section{justify-content:flex-end;width:100%}.apply-filters-btn,.clear-filters-btn{width:100%}}@media (max-width:479px){.filters-header{padding:12px 16px}.filters-content{padding:12px}.date-picker-input,.filter-input,.location-input,.multi-select-button,.multi-select-display{font-size:13px;height:38px;padding:6px 10px}.location-input{padding-left:36px}.filter-tag{font-size:11px;padding:5px 8px}.location-editor-modal-overlay{padding:10px}.location-editor-modal{border-radius:12px;padding:18px 14px 14px}.location-editor-modal-hero h3{font-size:18px}.location-editor-modal-icon{height:58px;width:58px}}@media (min-width:768px){.close-filters-btn,.mobile-filter-toggle{display:none}}.donation-map-card{background:#fff;border:1px solid #dfe9f4;border-radius:14px;box-shadow:0 12px 28px #0f172a29;max-width:90vw;width:336px}.map-card-content{padding:14px 14px 12px}.map-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.map-card-title-group{align-items:center;display:inline-flex;flex:1 1;flex-wrap:wrap;gap:6px 8px;min-width:0}.map-card-title{color:#17384d;font-size:16px;font-weight:700;line-height:1.25;margin:0;min-width:0}.distance-badge-inline{align-items:center;background:#edf5fc;border:1px solid #d3e3f2;border-radius:12px;color:#275476;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.map-card-details-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:11px}.map-card-detail{align-items:flex-start;background:#fbfdff;border:1px solid #e3ebf4;border-radius:9px;display:flex;gap:7px;min-width:0;padding:7px 8px}.map-card-detail svg{color:#50718d;flex-shrink:0;margin-top:2px}.map-card-detail-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.map-card-detail-label{color:#607a92;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.map-card-detail-value{color:#2d4458;font-size:12px;font-weight:600;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-card-detail.is-highlight{background:#f4f9ff;border-color:#d8e8f7}.map-card-detail-address{grid-column:1/-1}.map-card-detail-address .map-card-detail-value{color:#385166}.map-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.map-card-tag{align-items:center;background:#f0f7ff;border:1px solid #d5e3f1;border-radius:999px;color:#305673;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.map-card-tag-soft{background:#f6fbf8;border-color:#d6e8df;color:#2f5d4f}.map-card-tag-temp{background:#fff8f2;border-color:#f2dfce;color:#8a5c3a}.map-card-footer{align-items:center;border-top:1px solid #ecf2f8;display:flex;gap:8px;justify-content:space-between;padding-top:10px}.map-card-status{background:#f3f8fc;border:1px solid #dbe6f1;border-radius:999px;color:#3d5c79;font-size:10px;font-weight:700;min-height:30px;padding:5px 10px;text-transform:capitalize;white-space:nowrap}.map-card-actions,.map-card-status{align-items:center;display:inline-flex}.map-card-actions{gap:8px}.map-card-secondary-btn{background:#fff;border:1px solid #c8d7e7;border-radius:8px;color:#335a79;cursor:pointer;font-size:11px;font-weight:600;height:36px;padding:0 10px;white-space:nowrap}.map-card-secondary-btn:hover{background:#f4f9ff}.map-card-claim-btn{background:#1b4965;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;height:36px;padding:0 12px;transition:background-color .2s ease;white-space:nowrap}.map-card-claim-btn:hover{background:#2c5f7d}.map-card-claim-btn:disabled{background:#95aabc;cursor:not-allowed}.map-card-status.status-available{background:#edf8f0;border-color:#c8e7d2;color:#2c6c3f}.map-card-status.status-cancelled,.map-card-status.status-claimed,.map-card-status.status-expired{background:#f7f1f1;border-color:#ead6d6;color:#7b4f4f}@media (max-width:640px){.donation-map-card{width:min(92vw,340px)}.map-card-content{padding:12px}.map-card-details-grid{grid-template-columns:1fr}.map-card-footer{align-items:stretch;flex-direction:column}.map-card-actions{width:100%}.map-card-claim-btn,.map-card-secondary-btn{flex:1 1}}.donation-map-container{height:100%;min-height:500px;position:relative;width:100%}.map-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:500px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1b4965;height:40px;margin-bottom:16px;width:40px}.map-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #dce7f2;border-radius:12px;bottom:20px;box-shadow:0 8px 22px #0f172a1f;display:flex;flex-direction:column;left:20px;max-width:290px;padding:12px 14px}.map-legend,.map-recenter-button{background:#fffffff5;gap:8px;position:absolute;z-index:10}.map-recenter-button{align-items:center;border:1px solid #c9d5e2;border-radius:10px;box-shadow:0 2px 10px #0f172a29;color:#1b4965;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;padding:8px 12px;right:16px;top:16px;transition:background .2s ease}.map-recenter-button:hover{background:#f4f8fc}.legend-item{align-items:center;color:#333;display:flex;font-size:13px;gap:8px;min-width:0}.legend-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;width:16px}.legend-marker.user-marker{background:#0f9a72;border-color:#d7f6ea}.legend-marker.donation-marker{background:#62b6cb}.legend-marker.selected-marker{background:#1b4965;border:3px solid #f0f6ff}.map-overlay-message{background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #00000026;left:50%;padding:24px 32px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.overlay-content{align-items:center;color:#1b4965;display:flex;flex-direction:column;gap:12px;text-align:center}.overlay-content svg{opacity:.6}.overlay-content p{font-size:14px;line-height:1.5;margin:0;max-width:300px}@media (max-width:576px){.donation-map-container{min-height:420px}.map-recenter-button{font-size:12px;padding:7px 10px;right:10px;top:10px}.map-legend{bottom:12px;font-size:12px;gap:6px;left:10px;max-width:none;padding:10px 12px;right:10px}.legend-marker{height:14px;width:14px}.legend-item{font-size:12px}.legend-item span{line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal}}.map-view-inline{background:#fff;border:1px solid #d7e3ef;border-radius:14px;box-shadow:0 10px 28px #0f172a14;margin-top:12px;overflow:hidden}.map-view-inline-header{align-items:center;border-bottom:1px solid #e6edf5;display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.map-view-inline-title{align-items:center;color:#1b4965;display:flex;gap:10px}.map-view-inline-title h2{font-size:1.1rem;font-weight:700;margin:0}.map-view-inline-list-button{align-items:center;background:#f8fbff;border:1px solid #c6d3e1;border-radius:10px;color:#1b4965;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 12px;transition:background-color .2s ease}.map-view-inline-list-button:hover{background:#eff5fb}.map-view-inline-subtitle{background:#fcfdff;border-bottom:1px solid #e8f0f7;color:#4a5565;font-size:.92rem;padding:12px 18px}.map-view-inline-content{height:560px}@media (max-width:768px){.map-view-inline-header{align-items:flex-start;flex-direction:column;padding:14px}.map-view-inline-list-button{justify-content:center;width:100%}.map-view-inline-subtitle{padding:10px 14px}.map-view-inline-content{height:440px}}.claim-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:11000}.claim-modal-card{animation:popIn .25s ease;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 6px 24px #02061733;max-width:calc(100% - 48px);padding:28px 32px;position:relative;text-align:center;width:600px;z-index:11001}.claim-modal-card h3{color:#1b4965;font-size:20px;font-weight:700;margin:0 0 18px}.claim-slots-list{display:flex;flex-direction:column;gap:12px;margin:10px 0 20px}.claim-slot-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.claim-slot-item:hover{background:#f1f5f9;border-color:#cbd5e1}.claim-slot-item.selected{background:#e0f2fe;border-color:#1b4965;box-shadow:0 0 0 3px #1b49651a}.claim-slot-item input[type=radio]{accent-color:#1b4965;height:18px;width:18px}.claim-slot-content{flex:1 1 auto;text-align:left}.claim-slot-time{color:#12343f;font-weight:600}.claim-slot-notes{color:#6b7280;font-size:13px;font-style:italic;margin-top:4px}.claim-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.inline-claim-section{margin:18px auto 8px;max-width:820px;text-align:center;width:100%}.inline-claim-section h4{color:#1b4965;font-size:18px;margin:6px 0 12px}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.claim-modal-card{padding:20px;width:100%}.claim-slot-item{padding:10px}.claim-modal-actions{flex-direction:column}.claim-modal-btn{width:100%}}.donation-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:box-shadow .2s ease}.donation-card:hover{box-shadow:0 4px 16px #0000001f}.receiver-browse-container{margin:0 auto;max-width:1200px;padding:24px}.receiver-saved-notification{animation:savedNotifIn .28s ease-out;background:linear-gradient(135deg,#1b4965,#256f9a);border:1px solid #ffffff38;border-radius:12px;box-shadow:0 12px 30px #1b49654d,0 2px 8px #0f172a33;color:#f8fbff;font-size:14px;font-weight:600;letter-spacing:.2px;min-width:250px;padding:14px 20px;position:fixed;right:28px;top:92px;z-index:1200}@keyframes savedNotifIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.receiver-browse-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.receiver-section-title-browse{color:#1b4965;font-size:1.5rem;font-weight:700;margin:0;text-align:left}.sort-controls{align-items:center;display:flex;gap:12px}.receiver-browse-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.browse-mode-controls{align-items:center;display:flex;gap:8px}.browse-mode-category{align-items:center;display:flex;gap:10px;justify-content:flex-start}.browse-mode-category-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.browse-mode-button{align-items:center;background:#f8fbff;border:1px solid #d3dde8;border-radius:10px;color:#4a5565;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.browse-mode-button:hover{border-color:#a9bfd4;color:#1b4965}.browse-mode-button.active{background:#1b4965;border-color:#1b4965;color:#fff}.receiver-mobile-filters-toggle{align-items:center;background:#1b4965;border:1px solid #1b4965;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:11px 14px;transition:background .2s ease;width:100%}.receiver-mobile-filters-toggle:hover{background:#15395a}.sort-label{align-items:center;color:#4a5565;display:flex;font-size:14px;font-weight:500;gap:6px}.sort-buttons{background:#f1f5f9;border-radius:8px;display:flex;gap:2px;padding:4px}.sort-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sort-button:hover{background:#1b49650d;color:#1b4965}.sort-button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1b4965}@media (max-width:768px){.receiver-browse-container{padding:16px 12px 24px}.receiver-browse-header,.receiver-browse-toolbar{align-items:flex-start;flex-direction:column}.sort-controls{justify-content:flex-start;width:100%}.browse-mode-controls{flex-wrap:wrap;width:100%}.browse-mode-category{align-items:flex-start;flex-direction:column}.sort-buttons{flex-wrap:wrap}.receiver-mobile-filters-toggle{display:inline-flex}}.receiver-error-message{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;margin-bottom:24px;padding:16px;text-align:center}.receiver-loading{color:#64748b;font-size:16px;padding:40px;text-align:center}.receiver-empty-state{color:#64748b;padding:60px 20px}.receiver-empty-state-icon{color:#cbd5e1;margin:0 auto 16px}.receiver-empty-state p{font-size:16px;margin:8px 0}.receiver-donations-list{display:flex;flex-direction:column;gap:24px}.receiver-donation-card{background:#fff;border:1px solid #1b4965;border-left-width:4px;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.receiver-donation-card:hover{box-shadow:0 4px 16px #0000001a}.receiver-donation-card--focused{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633,0 10px 24px #0f172a24}.receiver-donation-image{border-radius:8px;flex-shrink:0;height:120px;margin-top:8px;overflow:hidden;position:relative;width:150px}.receiver-food-type-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.receiver-donation-content{align-self:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.receiver-donation-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.receiver-donation-title{color:#0f172b;font-size:20px;font-weight:600;line-height:1.3;margin:2% 0 0}.receiver-header-actions{align-items:center;display:flex;gap:10px}.recommended-badge{border-color:#10b981 #0000 #0000;border-style:solid;border-width:50px 50px 0 0;cursor:pointer;height:0;left:0;position:absolute;top:0;transition:all .2s ease;width:0;z-index:10}.recommended-badge svg{left:10px;pointer-events:none;position:absolute;top:-42px}.recommended-badge:hover{border-color:#059669 #0000 #0000;transform:scale(1.05)}.recommendation-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:12px;left:0;margin-top:8px;padding:12px;position:absolute;top:100%;width:280px;z-index:1000}.tooltip-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.match-score{background:#10b981;border-radius:4px;color:#fff;font-size:14px;font-weight:600;padding:2px 6px}.match-label{color:#64748b;font-weight:500}.tooltip-reasons{display:flex;flex-direction:column;gap:6px}.reason-item{align-items:center;color:#374151;display:flex;gap:6px;line-height:1.3}.reason-check{color:#10b981;font-size:10px;font-weight:700}.receiver-bookmark-button{background:#0000;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;padding:6px;transition:all .2s ease}.receiver-bookmark-button:hover{background:#f8f9fa;border-color:#ccc}.receiver-status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.receiver-status-badge,.receiver-status-badge.status-available{background:#e8f5e9;border:1px solid #047857;color:#2e7d32}.receiver-status-badge.status-ready{background:#fef3c7;border:1px solid #d97706;color:#b45309}.receiver-status-badge.status-claimed{background:#f3f4f6;border:1px solid #6b7280;color:#4b5563}.receiver-status-badge.status-completed{background:#dbeafe;border:1px solid #1e40af;color:#1e40af}.receiver-status-badge.status-not-completed{background:#fee2e2;border:1px solid #dc2626;color:#dc2626}.receiver-status-badge.status-expired{background:#f9fafb;border:1px solid #9ca3af;color:#6b7280}.receiver-status-icon{font-size:10px}.receiver-expiring-soon-badge{background:#fff7ed;border:1px solid #b45309;border-radius:16px;color:#b45309}.receiver-expiring-soon-badge,.receiver-predicted-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:600;padding:5px 10px}.receiver-predicted-badge{background:#eff6ff;border:1px solid #1d4ed8;border-radius:16px;color:#1d4ed8;text-transform:lowercase}.receiver-donation-info{color:#62748e;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:6px}.receiver-info-item{align-items:flex-start;display:flex;gap:6px}.pickup-slots-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px 0}.pickup-slot-time{border-right:1px solid #d1d5db;color:#62748e;font-size:13px;line-height:1.4;margin-right:8px;padding-right:8px}.pickup-slot-time:last-child{border-right:none;margin-right:0;padding-right:0}.receiver-info-icon{display:inline-block}.receiver-info-icon-expiry-icon{color:#9f2d00}.receiver-info-icon-location-icon{color:#047857}.receiver-info-icon-time-icon{color:#0891b2}.receiver-time-icon-detail{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);color:#0891b2}.receiver-quantity-icon-detail,.receiver-time-icon-detail{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.receiver-quantity-icon-detail{background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#b45309}.receiver-expiry-icon-detail{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626}.receiver-expiry-icon-detail,.receiver-location-icon-detail{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.receiver-location-icon-detail{background:linear-gradient(135deg,#d1fae5,#e6fff3);color:#047857}.receiver-donation-meta{align-items:flex-start;display:flex;flex-direction:column;font-size:13px;gap:12px;margin-bottom:8px}.receiver-category-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.receiver-category-tag{background:#eef2ff;border:1px solid #1b4965;border-radius:16px;color:#1b4965;font-size:12px;font-weight:600;padding:4px 10px}.receiver-food-type-row{display:flex;flex-wrap:wrap}.receiver-food-type-chip{background:#ecfeff;border:1px solid #a5f3fc;border-radius:16px;color:#155e75;font-size:12px;font-weight:600;padding:4px 10px}.receiver-dietary-tags{display:flex;flex-wrap:wrap;gap:5px;max-height:56px;overflow:hidden}.receiver-dietary-tag{background:#eef2ff;border:1px solid #c7d2fe;border-radius:16px;color:#3730a3;font-size:12px;font-weight:600;padding:4px 10px}.receiver-dietary-tag.overflow{background:#f8fafc;border-color:#cbd5e1;color:#475569}.receiver-donor-info{font-weight:500}.receiver-donor-info,.receiver-quantity-info{align-items:center;color:#62748e;display:flex;gap:6px}.receiver-donation-details{border-top:none;flex-basis:100%;margin-left:-150px;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-left:0;padding-top:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease,padding-top .3s ease;width:100%}.receiver-donation-card.expanded .receiver-donation-details{border-top:1px solid #e8e8e8;margin-top:16px;max-height:1000px;opacity:1;padding-top:16px;width:calc(100% + 150px)}.receiver-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.receiver-details-section{display:flex;flex-direction:column;gap:12px}.receiver-section-title{color:#1b4965;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.receiver-detail-separator{background:#e2e8f0;height:1px;margin:16px 0;width:100%}.receiver-detail-item{display:flex;flex-direction:column;gap:4px}.receiver-detail-label{color:#90a1b9;font-size:12px;font-weight:500;letter-spacing:.5px;text-align:left;text-transform:uppercase}.receiver-detail-value{align-items:center;color:#314158;display:flex;font-size:14px;font-weight:500;gap:6px;line-height:1.4}.receiver-compliance-icon-bg{align-items:center;background:linear-gradient(135deg,#e9d5ff,#faf5ff);border-radius:8px;color:#7c3aed;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.receiver-compliance-section{background:linear-gradient(135deg,#f0f9ff,#f8fafc);border:1px solid #e0f2fe;border-radius:12px;margin-bottom:16px;padding:16px}.receiver-compliance-header{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.receiver-compliance-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.receiver-compliance-item{align-items:center;background:#fff;border:1px solid;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.receiver-compliance-item.temperature{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#bae6fd}.receiver-compliance-item.packaging{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#e9d5ff}.receiver-compliance-item:hover{box-shadow:0 4px 8px #0000000f;transform:translateY(-1px)}.receiver-compliance-item .compliance-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;line-height:1;width:36px}.receiver-compliance-item.temperature .compliance-icon{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#075985}.receiver-compliance-item.packaging .compliance-icon{background:linear-gradient(135deg,#f3e8ff,#ede9fe);color:#6b21a8}.receiver-compliance-item .compliance-content{display:flex;flex-direction:column;gap:2px}.receiver-compliance-item .compliance-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.receiver-compliance-item .compliance-value{color:#1e293b;font-size:14px;font-weight:600}.receiver-compliance-item.temperature .compliance-value{color:#075985}.receiver-compliance-item.packaging .compliance-value{color:#6b21a8}.receiver-donor-note{background:#f8f9fa;border-left:4px solid #1e3a5f;border-radius:6px;margin-bottom:12px;padding:16px;text-align:left}.receiver-note-label{color:#62748e;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-align:left;text-transform:uppercase}.receiver-note-content{color:#333;font-size:14px;font-style:italic;line-height:1.5}.receiver-posted-time{color:#888;font-size:12px;margin-top:8px;text-align:right}.receiver-donation-actions{align-items:center;display:flex;gap:8px;margin-left:auto;margin-top:6px}.receiver-interest-button{background:#38a169;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.receiver-interest-button:hover{background:#2f855a}.receiver-interest-button:disabled{background:#a0aec0;cursor:not-allowed}.receiver-claim-button{background:#1b4965;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.receiver-claim-button:hover{background:#2c5282}.receiver-more-button{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.receiver-more-button.expanded,.receiver-more-button:hover{background:#f5f5f5;border-color:#ccc}.receiver-more-button.expanded .receiver-dropdown-icon{transform:transform .2s}.receiver-dropdown-icon{font-size:12px;transition:transform .2s}.receiver-refresh-container{margin-top:24px;text-align:center}.receiver-refresh-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.receiver-refresh-button:hover{background:#e8e8e8;border-color:#ccc}@media (max-width:768px){.receiver-donation-card{flex-direction:column;flex-wrap:nowrap;padding:16px}.receiver-donation-card.expanded .receiver-donation-content{flex-basis:auto;width:100%}.receiver-donation-image{height:150px;margin-top:0;width:100%}.receiver-donation-header{align-items:flex-start;flex-direction:column;gap:10px}.receiver-donation-title{font-size:18px;margin-top:0}.receiver-donation-info,.receiver-donation-meta{flex-direction:column;gap:10px}.receiver-donation-meta{align-items:flex-start}.receiver-donation-card.expanded .receiver-donation-details,.receiver-donation-details{margin-left:0;width:100%}.receiver-details-grid{gap:12px;grid-template-columns:1fr}.receiver-donation-actions{flex-direction:row;width:100%}.receiver-claim-button,.receiver-interest-button,.receiver-more-button{flex:1 1;justify-content:center;width:auto}.receiver-note-label{text-align:center}.receiver-posted-time{text-align:left}}@media (max-width:480px){.receiver-browse-container{padding:16px 12px}.receiver-donation-card{padding:12px}.receiver-details-grid{gap:8px}.receiver-donor-note{padding:12px}.receiver-header-actions{align-items:flex-start;flex-direction:column;gap:8px}}:root{--navy:#1b4965;--sky:#62b6cb;--ice:#f1fafe;--mint:#a7e7de;--green:#3aa78a}.receiver-welcome{min-height:100%;padding:24px}.rw-header{margin:0 auto 24px;max-width:900px;opacity:0;text-align:center;transform:translateY(24px)}.rw-header h1{color:#1b4965;color:var(--navy);font-size:32px;font-weight:700;margin:0 0 10px}.rw-header p{color:#2b4b5f;font-size:16px;line-height:1.55;margin:0}.rw-notice{background:linear-gradient(180deg,#f7fcff,#eff9fe);border:1px solid #62b6cb;border:1px solid var(--sky);border-radius:10px;color:#0f3547;font-weight:500;margin:18px auto 8px;max-width:900px;opacity:0;padding:14px 18px;text-align:center;transform:translateY(24px)}.rw-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:26px auto 0;max-width:1100px}.rw-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 20px #1b496514;opacity:0;padding:22px;transform:translateY(24px)}.rw-icon{font-size:28px;margin-bottom:8px}.rw-section h2{color:#1b4965;color:var(--navy);font-size:18px;font-weight:600;margin:0 0 8px}.rw-section p{color:#2b4b5f;line-height:1.55;margin:0 0 14px}.rw-btn{border-radius:999px;box-shadow:0 10px 30px #e9faf866;display:inline-block;font-size:14px;font-weight:700;padding:12px 18px;text-decoration:none;transition:all .25s ease}.rw-btn.primary{background:linear-gradient(135deg,#3aa78a,#2d8f77);background:linear-gradient(135deg,var(--green),#2d8f77);border:none;color:#fff}.rw-btn.primary:hover{background:linear-gradient(135deg,#2d8f77,#3aa78a);background:linear-gradient(135deg,#2d8f77,var(--green));box-shadow:0 15px 40px #0000001f;transform:translateY(-2px)}.rw-btn.secondary{background:#0000;border:1.5px solid #1b4965;border:1.5px solid var(--navy);color:#1b4965;color:var(--navy)}.rw-btn.secondary:hover{background:#1b4965;background:var(--navy);color:#fff;transform:translateY(-2px)}.rw-small{color:#64748b;font-size:14px;margin:8px 0 10px}.animate-on-scroll{will-change:transform,opacity}.animate-in{animation:rwFadeUp .75s ease forwards}@keyframes rwFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.rw-content{grid-template-columns:1fr}}@media (max-width:576px){.rw-header h1{font-size:26px}.rw-btn{font-size:13.5px;padding:11px 16px}}*{font-family:Poppins,sans-serif}.pickup-step{background:#ecfeff;border:1px solid #a2f4fd;border-radius:12px;flex-direction:column;margin-bottom:24px;padding:20px}.pickup-step,.pickup-step-header{display:flex;gap:16px}.pickup-step-placeholder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.pickup-step-number{color:#1b4965;font-size:3.5rem}.pickup-step-number,.pickup-step-number-placeholder{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.pickup-step-number-placeholder{color:#90a1b9;font-size:4rem;text-align:center}.pickup-step-content{flex:1 1}.pickup-step-timer{align-items:center;border-radius:12px;margin:0;padding:10px}.pickup-step-timer,.timer-content{display:flex;justify-content:center}.timer-content{flex:1 1}.timer-display{gap:8px;justify-content:center}.timer-display,.timer-unit{align-items:center;display:flex}.timer-unit{flex-direction:column;gap:4px;min-width:60px}.timer-value{font-feature-settings:"tnum";color:#1b4965;font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-align:center}.timer-unit-label{color:#1b4965;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timer-separator{color:#1b4965;font-size:28px;font-weight:700;margin:0 4px;padding-bottom:16px}.timer-expired{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#6ee7b7;color:#059669;font-weight:600;gap:8px;justify-content:center}.timer-expired svg{color:#059669}.pickup-step-title{color:#1b4965;font-size:16px;font-weight:600;margin:0 0 8px;text-align:left}.pickup-step-description{color:#364153;font-size:14px;line-height:1.5;margin:0 0 12px;opacity:.8;text-align:left}.pickup-code-placeholder{border-radius:8px;padding:0;text-align:center}.pickup-dots{color:#90a1b9;display:inline-flex;font-size:32px;gap:0;letter-spacing:8px}.pickup-dots span{animation:loading-dots 1.4s infinite;display:inline-block}.pickup-dots .dot-1{animation-delay:0s}.pickup-dots .dot-2{animation-delay:.2s}.pickup-dots .dot-3{animation-delay:.4s}.claimed-view-btn-back{background:#1b4965;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.claimed-view-btn-back:hover{background:#164058}.claimed-view-btn-view{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1b4965;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.claimed-view-btn-view:hover{background:#f9fafb}@keyframes loading-dots{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.pickup-info-box{background:#ecfeff;border:1px solid #a2f4fd;border-radius:8px;color:#104e64;font-size:14px;font-weight:500;margin:24px 0;padding:20px 18px;text-align:center}.pickup-tolerance-info{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.ready-pickup-badge{background-color:#d1fae5;color:#065f46}.PickupView-ready-pickup-step{background:#ecfeff;border:1px solid #a2f4fd;border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:24px}.PickupView-ready-pickup-step-number{align-items:center;background:#0092b8;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.PickupView-ready-pickup-step-content{flex:1 1}.PickupView-ready-pickup-step-title{color:#1b4965;font-size:18px;font-weight:700;margin:0 0 8px;text-align:left}.PickupView-ready-pickup-step-description{color:#364153;font-size:.9rem;margin:0 0 20px;opacity:.7;text-align:left}.PickupView-pickup-code-container{background:#fff;border:.8px solid #a2f4fd;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.PickupView-pickup-code-label{color:#0092b8;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:16px}.PickupView-pickup-code-digits{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.pickup-code-digit{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1b4965;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;width:56px}.PickupView-pickup-code-location{color:#64748b;font-size:14px}.PickupView-auto-confirm-note{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;display:inline-flex;font-size:.9rem;font-weight:600;margin-top:8px;padding:10px 14px}@media (max-width:768px){.PickupView-ready-pickup-step{flex-direction:column;gap:16px}.PickupView-pickup-code-digits{gap:8px}.pickup-code-digit{font-size:28px;height:56px;width:48px}}.claimed-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.claimed-modal-container{-ms-overflow-style:none;background:#fff;border-radius:5px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:85vh;max-height:90vh;max-width:750px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.claimed-modal-close-btn{background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;transition:all .2s}.claimed-modal-close-btn:hover{background:#f3f4f6;transform:scale(1.05)}.claimed-modal-header{height:250px;overflow:hidden;position:relative}.claimed-modal-header-image{height:100%;object-fit:cover;width:100%}.claimed-modal-header-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0}.claimed-modal-status-badge{border-radius:9999px;box-shadow:0 2px 8px #00000026;display:inline-block;font-size:.875rem;font-weight:600;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem;z-index:10}.claimed-status-claimed{background-color:#dbeafe;color:#1b4965}.claimed-status-ready-for-pickup{background-color:#d1fae5;color:#065f46}.claimed-status-completed{background-color:#e0f2fe;color:#0c4a6e}.claimed-status-expired,.claimed-status-not-completed{background-color:#fee2e2;color:#991b1b}.claimed-modal-title{color:#fff;font-size:1.6rem;font-weight:400;margin:0;text-align:left}.claimed-modal-body{min-height:450px;padding:2rem 1.5rem}.claimed-modal-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.claimed-modal-section-title{color:#1b4965;font-size:1.25rem;font-weight:600;margin-bottom:0;margin-top:0;text-align:left}.claimed-modal-chat-link{align-items:center;background:#0000;border:1px solid #cfe4f7;border-radius:10px;color:#1b4965;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.55rem;padding:.55rem .9rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.claimed-modal-chat-link:hover{background:#0000;border-color:#bad9f3;color:#17445f;text-decoration:none;transform:translateY(-1px)}.claimed-modal-chat-link:active,.claimed-modal-chat-link:visited{color:#1b4965}.claimed-modal-chat-link svg{flex-shrink:0;height:20px;width:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.claimed-modal-subsection-title{color:#1b4965;font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.claimed-modal-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.claimed-modal-detail-item,.claimed-modal-detail-item-full{align-items:flex-start;display:flex;gap:.75rem}.claimed-modal-detail-item-full{margin-bottom:1rem}.claimed-modal-detail-icon{align-items:center;border-radius:8px;color:#1b4965;display:flex;flex-shrink:0;justify-content:center;min-width:40px;padding:.625rem}.claimed-modal-detail-icon.package{color:#967966}.claimed-modal-detail-icon.calendar{color:#9f2d00}.claimed-modal-detail-icon.user{color:#a1a3a6}.claimed-modal-detail-icon.map-pin{color:#047857}.claimed-modal-detail-icon.clock{color:#0891b2}.claimed-modal-detail-icon.temperature{color:#0369a1}.claimed-modal-detail-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;text-align:left}.claimed-modal-detail-label{color:#364153;font-size:.9rem;font-weight:400;opacity:.7;text-align:left}.claimed-modal-detail-value{font-size:1rem}.claimed-modal-detail-value,.claimed-modal-detail-value.confirmed-pickup-time{color:#45556c;font-weight:500}.claimed-modal-section{margin-bottom:2rem}.claimed-modal-map-container{border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;overflow:hidden}.claimed-modal-map-placeholder{align-items:center;background:#f9fafb;color:#9ca3af;display:flex;flex-direction:column;height:250px;justify-content:center}.claimed-modal-map-placeholder svg{margin-bottom:.5rem}.claimed-modal-map-address{color:#4b5563;font-weight:500;margin-top:.5rem}.claimed-modal-map-view{height:250px;min-height:250px;width:100%}.claimed-modal-description{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}.claimed-modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;box-shadow:0 4px 12px #0003;color:#1b4965;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.claimed-modal-close-btn:hover{background:#a8a8a8;box-shadow:0 6px 16px #00000040;transform:scale(1.1) rotate(90deg)}.claimed-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.claimed-modal-btn-interest,.claimed-modal-btn-primary,.claimed-modal-btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.claimed-modal-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#1b4965}.claimed-modal-btn-secondary:hover{background:#f9fafb}.claimed-modal-btn-primary{background:#1b4965;color:#fff}.claimed-modal-btn-primary:hover{background:#164058}.claimed-modal-btn-interest{background:#62b6cb;border:none;color:#fff}.claimed-modal-btn-interest:hover:not(:disabled){background:#4aa8c4}.claimed-modal-btn-interest:disabled{background:#62b6cb;cursor:not-allowed;opacity:.7}.claimed-modal-btn-feedback{align-items:center;background:#0092b8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:.875rem 1.5rem;transition:all .2s}.claimed-modal-btn-feedback:hover{background:#007a9a}.claimed-modal-btn-report{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:.875rem 1.5rem;transition:all .2s}.claimed-modal-btn-report:hover{background:#fef2f2;border-color:#fecaca}.temperature-badge{align-items:center;color:#4b5563;display:inline-flex;font-size:.95rem;font-weight:500}@media (max-width:768px){.claimed-modal-container{border-radius:12px;max-height:95vh}.claimed-modal-header{height:200px}.claimed-modal-title{font-size:1.5rem}.claimed-modal-body{padding:1.5rem 1rem}.claimed-modal-details-grid{gap:1rem;grid-template-columns:1fr}.claimed-modal-actions{flex-direction:column}.claimed-modal-map-placeholder{height:200px}}@media (max-width:480px){.claimed-modal-overlay{padding:0}.claimed-modal-container{border-radius:0;max-height:100vh}.claimed-modal-otp-code{font-size:1.75rem}}.claimed-modal-timeline-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.claim-detail-completed-inline{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:1.5rem;padding:1rem}.claim-detail-completed-inline-title{color:#1b4965;font-size:1rem;font-weight:700;margin:0 0 .35rem}.claim-detail-completed-inline-description{color:#4b5563;font-size:.95rem;line-height:1.45;margin:0}.claim-detail-completed-inline-actions{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.claim-detail-completed-inline-actions .claimed-modal-btn-feedback,.claim-detail-completed-inline-actions .claimed-modal-btn-report{align-items:center;display:inline-flex;flex:1 1 220px;justify-content:center;min-height:44px}@media (max-width:768px){.claim-detail-completed-inline-actions{gap:.75rem}.claim-detail-completed-inline-actions .claimed-modal-btn-feedback,.claim-detail-completed-inline-actions .claimed-modal-btn-report{flex:1 1 100%}}.claimed-timeline-toggle-button{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.claimed-timeline-toggle-button:hover{background:#e0f2fe;border-color:#1b4965}.claimed-timeline-toggle-button .chevron{margin-left:auto;transition:transform .2s ease}.claimed-timeline-toggle-button .chevron.open{transform:rotate(180deg)}.claimed-timeline-content-wrapper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem}.receiver-stats-box .rating-row{align-items:flex-end;display:flex;flex-direction:row;gap:6px;margin-left:38px;margin-top:0}.receiver-stats-box .rating-star{color:#f59e0b;font-size:18px;margin-right:4px;vertical-align:middle}.claimed-page .claims-header{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.claimed-page .claims-header-text{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0}.receiver-stats-box{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-shrink:0;justify-content:flex-end;margin-bottom:0;padding:10px 16px}.receiver-stats-box .stat-item{align-items:center;display:flex;gap:8px}.receiver-stats-box .stat-info{align-items:baseline;display:flex;gap:6px}.receiver-stats-box .stat-label{color:#9ca3af;font-size:12px;font-weight:500}.receiver-stats-box .stat-value{align-items:center;color:#1b4965;display:flex;font-size:16px;font-weight:600;gap:8px}.receiver-stats-box .rating-vertical-wrap{align-items:flex-start;display:flex;flex-direction:column;position:relative}.receiver-stats-box .rating-main{align-items:center;color:#1b4965;display:flex;font-size:16px;font-weight:600;gap:4px}.receiver-stats-box .rating-count-row{display:flex;flex-direction:row;justify-content:flex-end;margin-left:38px;margin-top:0}.receiver-stats-box .rating-number{color:#1b4965;font-size:18px;font-weight:700;margin-left:2px;position:relative}.receiver-stats-box .rating-count{color:#f59e0b;display:block;font-size:13px;font-weight:500;margin-left:0;margin-top:2px;position:relative;text-align:right;top:.1em;white-space:nowrap}.receiver-stats-box .no-rating{color:#d1d5db;font-size:14px;font-weight:500}.claimed-page h1{color:#1b4965;margin:0;text-align:center}.claimed-page .claimed-subtitle{color:#364153;font-size:.9rem;margin-bottom:0;margin-top:.5rem;text-align:center}.claimed-page .loading{color:#6b7280;font-size:1.1rem;padding:2rem;text-align:center}.claimed-page .error-message{background:#fee;border-radius:8px;color:#9f2d00;margin-bottom:1rem;padding:1rem;text-align:center}.claimed-page .donation-filters-container{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-bottom:2rem;padding:0 1rem;position:relative;width:100%}.claimed-page .donation-filter-buttons{align-items:center;background:#f1f5f9;border:.8px solid #f4e6e6;border-radius:16px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0;padding:.25rem;text-align:center;width:-webkit-fit-content;width:fit-content}.claimed-page .filter-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#0a0a0a;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.6rem 1rem;position:relative;transition:all .3s ease;white-space:nowrap}.claimed-page .filter-btn:hover{background:#1b49651a;color:#1b4965}.claimed-page .filter-btn.active{background:#1b4965;color:#fff}.claimed-page .filter-btn span{position:relative;z-index:1}.claimed-page .donation-filter-count{font-size:.75rem;font-weight:400;opacity:.8}.claimed-page .filter-btn.active .donation-filter-count{opacity:.9}.claimed-page .donation-sort-dropdown{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;gap:.5rem;padding:.5rem;position:absolute;right:1rem}.claimed-page .donation-filter-icon{color:#6b7280}.claimed-page .donation-sort-dropdown select{background:#0000;border:none;color:#374151;cursor:pointer;font-weight:500;outline:none}.claimed-page .donations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:100%;padding:1rem 0}.claimed-page .donation-card{background-color:#fff;border:1px solid #d7e7f1;border-radius:1rem;box-shadow:0 10px 20px #1b496514;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;text-align:left;transition:box-shadow .3s,transform .3s;width:100%}.claimed-page .donation-card.donation-card--focused{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633,0 10px 24px #00000024}.claimed-page .donation-card:hover{box-shadow:0 16px 28px #1b496529;transform:translateY(-2px)}.claimed-page .card-image{aspect-ratio:16/10;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.claimed-page .card-image img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.claimed-page .donation-card:hover .card-image img{transform:scale(1.05)}.claimed-page .status-badge{border-radius:9999px;font-size:.7rem;font-weight:600;left:.5rem;padding:.2rem .6rem;position:absolute;top:.5rem}.claimed-page .status-claimed{background-color:#dbeafe;color:#1b4965}.claimed-page .status-ready-for.pickup{background-color:#d1fae5;color:#065f46}.claimed-page .status-completed{background-color:#e0f2fe;color:#0c4a6e}.claimed-page .status-not-completed{background-color:#fee2e2;color:#991b1b}.claimed-page .card-content{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.9rem .95rem .95rem;text-align:left;width:100%}.claimed-page .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1b4965;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.25;margin:0;min-height:2.5em;overflow:hidden;text-align:left}.claimed-page .card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.32rem;justify-content:flex-start}.claimed-page .card-tag{align-items:center;background:#e8f4ff;border:1px solid #d2e8fa;border-radius:999px;color:#1b4965;display:inline-flex;font-size:.68rem;font-weight:600;line-height:1.2;padding:.2rem .5rem}.claimed-page .card-tag+.card-tag:before{content:none}.claimed-page .card-tag-category{background:#dcfce7;border-color:#bbf7d0;color:#0f5132}.claimed-page .card-tag-temp{background:#e3edff;border-color:#cddfff;color:#1d4ed8}.claimed-page .card-details{display:flex;flex-direction:column;gap:.34rem;width:100%}.claimed-page .detail-item{grid-column-gap:.5rem;align-items:start;background:#0000;border:none;border-radius:0;box-shadow:none;color:#4b5563;column-gap:.5rem;display:grid;font-size:.81rem;grid-template-columns:16px minmax(0,1fr);min-height:1.1rem;min-width:0;padding:0;text-align:left;width:100%}.claimed-page .detail-item-quantity .detail-icon{color:#a16207}.claimed-page .detail-item-pickup .detail-icon{color:#b45309}.claimed-page .detail-item-donor .detail-icon{color:#475569}.claimed-page .detail-item-location .detail-icon{color:#0f766e}.claimed-page .detail-value{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#1f2937;font-size:.8rem;font-weight:500;line-height:1.2;min-width:0;padding:0!important;text-align:left;width:100%;word-break:break-word}.claimed-page .detail-value-emphasis{font-family:inherit;font-size:inherit;font-weight:700;letter-spacing:inherit;line-height:inherit}.claimed-page .detail-value-location{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.claimed-page .detail-icon{align-self:start;color:#64748b;flex-shrink:0;height:16px;margin-top:.12rem;width:16px}.claimed-page .card-actions{align-items:stretch;border-top:none;display:flex;gap:.5rem;margin-top:auto;padding-top:.65rem;width:100%}.claimed-page .cancel-claim-btn{background-color:#fff;border:1px solid #c8dbe8;border-radius:5px;color:#1b4965;cursor:pointer;flex:0.75 1;font-size:.875rem;font-weight:500;padding:.6rem 1rem;transition:background .2s}.claimed-page .cancel-claim-btn:hover{background:#edf6fb}.claimed-page .view-details-container{align-items:center;background-color:#1b4965;border:1px solid #1b4965;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:space-between;min-height:38px;padding:.58rem .8rem;transition:all .2s ease;width:100%}.claimed-page .card-actions .view-details-container:only-child{max-width:100%}.claimed-page .view-details-container span{color:#fff;font-size:.84rem;font-weight:600;text-align:left;white-space:nowrap}.claimed-page .view-details-container:hover{background-color:#15384d;border-color:#15384d}.claimed-page .arrow-icon{color:#fff;transition:transform .2s}.claimed-page .view-details-container:hover .arrow-icon{transform:translateX(2px)}.claimed-page .empty-state{padding:4rem 0;text-align:center}.claimed-page .empty-state .empty-icon{color:#d1d5db;margin:0 auto 1rem}.claimed-page .empty-state p{color:#6b7280;font-size:1.125rem}@media (max-width:1024px){.claimed-page .donation-filters-container{align-items:center;flex-direction:column;gap:1rem;position:static}.claimed-page .donation-sort-dropdown{justify-content:center;position:static;right:auto;width:-webkit-fit-content;width:fit-content}.claimed-page .donation-filter-buttons{flex-wrap:wrap;justify-content:center;width:-webkit-fit-content;width:fit-content}.claimed-page .donations-grid{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.claimed-page .claims-header{align-items:stretch;flex-direction:column;margin-bottom:1rem}.claimed-page .claims-header-text .claimed-subtitle,.claimed-page .claims-header-text h1{text-align:center}.receiver-stats-box{align-self:center;width:-webkit-fit-content;width:fit-content}.claimed-page .donation-filters-container{flex-direction:column;gap:1rem;padding:0 .5rem;position:static}.claimed-page .donation-filter-buttons{gap:.25rem;max-width:500px;padding:.25rem;width:100%}.claimed-page .filter-btn{flex:1 1;font-size:.75rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem}.claimed-page .donation-sort-dropdown{justify-content:center;position:static;width:-webkit-fit-content;width:fit-content}.claimed-page .donations-grid{gap:1rem;grid-template-columns:1fr}.claimed-page .card-title{min-height:2.45em}.claimed-page .card-details{gap:.3rem}.claimed-page .card-actions{align-items:stretch;flex-direction:column;gap:.75rem}.claimed-page .view-details-container{justify-content:space-between;margin-left:0}}@media (max-width:1400px) and (min-width:1025px){.claimed-page .donations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.claimed-page .donation-filter-buttons{flex-direction:column;gap:.5rem;max-width:250px;padding:.5rem;width:100%}.claimed-page .filter-btn{justify-content:center;padding:.65rem 1rem;width:100%}.claimed-page .card-actions{flex-direction:column;gap:.75rem}.claimed-page .view-details-container{justify-content:space-between;width:100%}}.claimed-page .confirmation-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.claimed-page .confirmation-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;padding:2rem;text-align:center;width:90%}.claimed-page .confirmation-dialog h3{color:#1b4965;font-size:1.5rem;margin-bottom:1rem}.claimed-page .confirmation-dialog p{color:#374151;line-height:1.5;margin-bottom:2rem}.claimed-page .confirmation-buttons{display:flex;gap:1rem;justify-content:center}.receiver-achievements-container{background:#f7fbfd;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.receiver-achievements-header{background:linear-gradient(135deg,#1b4965,#173b57);border-radius:16px;box-shadow:0 4px 20px #1b496526;margin-bottom:2.5rem;padding:2.5rem}.receiver-achievements-header .header-content{align-items:center;display:flex;gap:1.5rem}.receiver-achievements-header .header-icon{align-items:center;background:#ffffff26;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.receiver-achievements-header .header-text h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.receiver-achievements-header .header-text p{color:#ffffffd9;font-size:1.1rem;margin:.5rem 0 0}.receiver-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2.5rem}.stat-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-4px)}.stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#62b6cb,#1b4965);color:#fff}.stat-card-secondary .stat-icon{background:linear-gradient(135deg,#1b4965,#173b57);color:#fff}.stat-card-tertiary .stat-icon{background:linear-gradient(135deg,#62b6cb,#5aa3b5);color:#fff}.stat-card .stat-content{flex:1 1}.stat-card .stat-content h3{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-card .stat-value{color:#1b4965;font-size:2.5rem;font-weight:700;line-height:1;margin:.5rem 0}.stat-card .stat-description{color:#64748b;font-size:.875rem;margin:.75rem 0 0}.progress-bar-container{background:#e2e8f0;border-radius:4px;height:8px;margin:1rem 0 .5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#62b6cb,#1b4965);border-radius:4px;height:100%;transition:width .4s ease}.achievements-section{margin-bottom:2.5rem}.achievements-section .section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.achievements-section .section-header h2{color:#1b4965;font-size:1.5rem;font-weight:700;margin:0}.achievements-section .section-count{background:#1b4965;border-radius:999px;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .875rem}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease}.achievement-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.achievement-card.unlocked{background:linear-gradient(135deg,#fff,#f0f9fc);border-color:#62b6cb}.achievement-card.in-progress{border-color:#94a3b8}.achievement-card.locked{background:#f8fafc;opacity:.6}.achievement-card .achievement-badge{display:flex;justify-content:center;margin-bottom:1.25rem}.achievement-card .achievement-title{color:#1b4965;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;text-align:center}.achievement-card.locked .achievement-title{color:#94a3b8}.achievement-card .achievement-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem;text-align:center}.achievement-card .achievement-reward{align-items:center;background:#62b6cb1a;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem}.achievement-card.locked .achievement-reward{background:#94a3b81a}.achievement-card .achievement-reward span{color:#1b4965;font-size:.875rem;font-weight:600}.achievement-card.locked .achievement-reward span{color:#94a3b8}.achievement-progress{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.achievement-progress .progress-text{color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-align:center}.achievement-progress .progress-bar-container{margin:0}.receiver-empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:4rem 2rem;text-align:center}.receiver-empty-state-icon{align-items:center;background:linear-gradient(135deg,#62b6cb,#1b4965);border-radius:50%;color:#fff;display:inline-flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}.receiver-empty-state h3{color:#1b4965;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.receiver-empty-state p{color:#64748b;font-size:1rem;margin:0 auto;max-width:500px}.receiver-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.receiver-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#1b4965;height:64px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.receiver-loading p{color:#64748b;font-size:1.125rem;font-weight:600}.receiver-error-state{background:#fff;border-left:4px solid #ef4444;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:3rem 2rem;text-align:center}.receiver-error-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.receiver-error-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.receiver-error-state p{color:#64748b;font-size:1rem;margin:0}@media (max-width:768px){.receiver-achievements-container{padding:1rem}.receiver-achievements-header{padding:1.5rem}.receiver-achievements-header .header-content{flex-direction:column;text-align:center}.receiver-achievements-header .header-text h1{font-size:1.5rem}.receiver-achievements-header .header-text p{font-size:.95rem}.receiver-stats-overview{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-card .stat-value{font-size:2rem}.achievements-grid{grid-template-columns:1fr}.achievements-section .section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.receiver-achievements-header .header-icon{height:60px;width:60px}.stat-card{align-items:center;flex-direction:column;text-align:center}.stat-card .stat-icon{height:56px;width:56px}}.receiver-help,.receiver-help *,.receiver-help .faq-section,.receiver-help .faq-section *,.receiver-help [data-no-animate],.receiver-help [data-no-animate] *{animation:none!important;height:auto!important;max-height:none!important;opacity:1!important;overflow:visible!important;transform:none!important;visibility:visible!important}.receiver-help{margin:0 auto;max-width:900px;padding:0 0 2rem}.help-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;padding:1.5rem 2rem}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.section-header svg{color:#1b4965;flex-shrink:0}.section-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.section-intro{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.tutorial-replay-button{align-items:center;background:linear-gradient(135deg,#1b4965,#2d6a8a);border:none;border-radius:999px;box-shadow:0 10px 24px #1b496538;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.65rem;padding:.8rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.tutorial-replay-button:hover:not(:disabled){box-shadow:0 14px 28px #1b496547;transform:translateY(-1px)}.tutorial-replay-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.getting-started-content{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.step:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.step-number{background:linear-gradient(135deg,#1b4965,#2d6a8a);box-shadow:0 2px 6px #1b49654d;color:#fff;font-size:.85rem;height:28px;left:-10px;position:absolute;top:-10px;width:28px}.step-content{padding-top:.5rem}.step-icon{align-items:center;background:#e0f2fe;border-radius:8px;display:inline-flex;height:36px;justify-content:center;margin-bottom:.75rem;width:36px}.step-icon svg{color:#1b4965}.step-content h4{color:#1a1a1a;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#666;font-size:.85rem;line-height:1.5;margin:0}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#62b6cb;box-shadow:0 2px 8px #62b6cb26}.faq-item.open{border-color:#1b4965;box-shadow:0 4px 12px #1b496533}.faq-question{align-items:center;background-color:#fff!important;border:none;color:#1a1a1a!important;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.faq-question span{color:#1a1a1a!important;flex:1 1;padding-right:1rem}.faq-question:hover{background-color:#f0f9ff!important}.faq-question:focus{outline:2px solid #62b6cb;outline-offset:-2px}.faq-item.open .faq-question{background-color:#e0f2fe!important;border-bottom:1px solid #bae6fd;color:#1b4965!important}.faq-item.open .faq-question span{color:#1b4965!important}.faq-question svg{color:#62b6cb!important;flex-shrink:0;min-height:24px;min-width:24px;transition:transform .2s ease}.faq-item.open .faq-question svg{color:#1b4965!important}.faq-answer{animation:fadeIn .25s ease;background-color:#f8fafc!important;border-top:1px solid #e0f2fe;color:#333!important;font-size:.95rem;line-height:1.8;padding:1.25rem 1.5rem}.contact-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-card{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:inherit;display:flex;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .2s ease}.contact-card:hover{background:#f0f9ff;border-color:#62b6cb;box-shadow:0 4px 12px #62b6cb1a;transform:translateY(-2px)}.contact-card:focus{outline:2px solid #62b6cb;outline-offset:2px}.contact-icon{align-items:center;background:linear-gradient(135deg,#1b4965,#2d6a8a);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-icon svg{color:#fff}.contact-info h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .25rem}.contact-info p{color:#1b4965;font-size:.95rem;font-weight:500;margin:0 0 .25rem}.contact-info .response-time{color:#888;font-size:.8rem}@media (max-width:768px){.receiver-help{padding:0 0 1.5rem}.help-section{margin-bottom:1rem;padding:1.25rem}.section-header h2{font-size:1.1rem}.getting-started-content{gap:1rem;grid-template-columns:1fr}.step{padding:1rem}.step-number{font-size:.75rem;height:24px;left:-8px;top:-8px;width:24px}.faq-question{font-size:.9rem;padding:.875rem 1rem}.faq-answer{font-size:.85rem;padding:.875rem 1rem}.contact-options{grid-template-columns:1fr}.contact-card{padding:1rem}.contact-icon{height:42px;width:42px}}@media (max-width:480px){.help-section{border-radius:8px;padding:1rem}.section-header{gap:.5rem}.section-header svg{height:20px;width:20px}.section-header h2{font-size:1rem}.step-content h4{font-size:.9rem}.step-content p{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.contact-card,.faq-item,.step{transition:none}.faq-answer{animation:none}.contact-card:hover,.step:hover{transform:none}}@media print{.receiver-help{max-width:100%}.help-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.faq-answer{display:block!important}.contact-card{background:none;border:1px solid #ccc}}.invite-community-page{margin:0 auto;max-width:720px;padding:18px 20px}.invite-community-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #1b496514;overflow:hidden}.invite-community-header{align-items:flex-start;background:linear-gradient(135deg,#1b4965,#2f6f95);color:#fff;display:flex;gap:14px;padding:20px 22px 16px}.invite-community-icon{align-items:center;background:#ffffff29;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.invite-community-title{font-size:1.2rem;font-weight:700;line-height:1.25;margin:0 0 4px}.invite-community-subtitle{font-size:.9rem;line-height:1.4;margin:0;max-width:560px;opacity:.92}.invite-community-form{display:flex;flex-direction:column;gap:14px;padding:20px 22px}.invite-form-group{display:flex;flex-direction:column;gap:6px}.invite-form-group label{align-items:center;color:#334155;display:flex;font-size:.86rem;font-weight:600;justify-content:space-between}.invite-form-group input,.invite-form-group textarea{background:#f8fafc;border:1.5px solid #d1d5db;border-radius:9px;color:#0f172a;font-family:inherit;font-size:.9rem;padding:9px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.invite-form-group input::placeholder,.invite-form-group textarea::placeholder{color:#7b8794}.invite-form-group input:focus,.invite-form-group textarea:focus{background:#fff;border-color:#62b6cb;box-shadow:0 0 0 3px #62b6cb33;outline:none}.invite-form-group textarea{min-height:96px}.invite-form-group input.input-error,.invite-form-group textarea.input-error{border-color:#e53e3e}.required{color:#e53e3e}.char-count{color:#8a94a2;font-size:.78rem;font-weight:500}.field-error{color:#e53e3e;font-size:.8rem;margin-top:2px}.invite-community-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.85rem;padding:10px 12px}.invite-form-actions{display:flex;justify-content:flex-end;padding-top:2px}.invite-btn-primary{background:linear-gradient(135deg,#2d7a4f,#38a169);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:.92rem;font-weight:600;min-width:200px;padding:10px 22px;transition:opacity .2s ease,transform .1s ease}.invite-btn-primary:hover:not(:disabled){opacity:.93;transform:translateY(-1px)}.invite-btn-primary:disabled{cursor:not-allowed;opacity:.6}.invite-community-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 28px;text-align:center}.invite-community-success-icon{align-items:center;background:linear-gradient(135deg,#2d7a4f,#38a169);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin-bottom:4px;width:64px}.invite-community-success h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0}.invite-community-success p{color:#4a5568;font-size:.95rem;line-height:1.55;margin:0;max-width:400px}.invite-btn-secondary{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;color:#2d7a4f;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:10px 22px;transition:background .2s ease}.invite-btn-secondary:hover{background:#dcfce7}@media (max-width:760px){.invite-community-page{padding:14px 12px}.invite-community-header{gap:12px;padding:16px 14px}.invite-community-title{font-size:1.15rem}.invite-community-subtitle{font-size:.9rem}.invite-community-form{gap:12px;padding:14px}.invite-form-actions{justify-content:stretch}.invite-btn-primary{min-width:0;width:100%}}.payment-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.payment-container{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-header{margin-bottom:30px;text-align:center}.payment-header h1{color:#333;font-size:32px;margin-bottom:10px}.payment-header p{color:#666;font-size:16px}.payment-steps{justify-content:center;margin-bottom:40px;padding:0 20px}.payment-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:8px}.step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-number{background:#667eea;color:#fff}.step-label{color:#999;font-size:14px}.step.active .step-label{color:#333;font-weight:600}.step-divider{background:#e0e0e0;height:2px;margin:0 20px;width:80px}.amount-selection{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.amount-selection h2{color:#333;font-size:24px;margin-bottom:24px;text-align:center}.amount-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:30px}.amount-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:20px;font-weight:700;padding:16px;transition:all .2s ease}.amount-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.amount-btn.selected{background:#667eea;border-color:#667eea;color:#fff}.custom-amount{margin-bottom:24px}.custom-amount label{color:#666;display:block;font-weight:500;margin-bottom:8px}.custom-amount-input{align-items:center;display:flex;position:relative}.currency-symbol{color:#666;font-size:20px;font-weight:700;left:16px;position:absolute}.custom-amount-input input{border:2px solid #e0e0e0;border-radius:8px;font-size:20px;font-weight:700;padding:16px 16px 16px 40px;transition:border-color .2s ease;width:100%}.custom-amount-input input:focus{border-color:#667eea;outline:none}.continue-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:16px;padding:16px;transition:all .2s ease;width:100%}.continue-btn:hover:not(:disabled){background:#5568d3;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.continue-btn:disabled{background:#ccc;cursor:not-allowed}.security-notice{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;padding:12px;text-align:center}.stripe-payment-form{animation:fadeIn .3s ease-out}.payment-summary{background:#f8f9ff;border-radius:8px;margin-bottom:24px;padding:20px}.payment-summary h2{color:#333;font-size:22px;margin:0 0 16px}.donation-amount{align-items:center;display:flex;font-size:18px;justify-content:space-between}.donation-amount strong{color:#667eea;font-size:24px}.form-actions{display:flex;gap:12px;margin-top:24px}.back-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.back-btn:hover:not(:disabled){background:#f8f9ff}.submit-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:700;padding:14px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#5568d3;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.back-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.test-mode-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:14px;margin-top:20px;padding:16px}.test-mode-notice p{margin:4px 0}.test-mode-notice code{background:#fff;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.success-container{text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-icon.processing{background:#ff9800}.success-icon.failed{background:#f44336}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-container h1{color:#333;margin-bottom:16px}.success-container p{color:#666;font-size:16px;line-height:1.6;margin-bottom:12px}.success-details{background:#f5f5f5;border-radius:8px;margin:24px 0;padding:20px}.payment-reference{color:#999;font-family:Courier New,monospace;font-size:14px}.impact-message{background:#e8f5e9;border-radius:8px;margin:24px 0;padding:24px}.impact-message h3{color:#2e7d32;margin:0 0 12px}.impact-message p{color:#1b5e20;margin:0}.success-actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.primary-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .2s ease}.primary-btn:hover{background:#5568d3;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.secondary-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.secondary-btn:hover{background:#f8f9ff}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;margin:16px 0;padding:12px 16px}@media (max-width:768px){.payment-container{padding:24px}.payment-header h1{font-size:24px}.amount-buttons{grid-template-columns:repeat(3,1fr)}.payment-steps{padding:0}.step-divider{margin:0 10px;width:40px}.success-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.cookie-banner{background-color:#1f2937;bottom:0;box-shadow:0 -4px 16px #00000040;color:#f9fafb;left:0;padding:1rem 1.5rem;position:fixed;right:0;z-index:9999}.cookie-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 auto;max-width:1200px}.cookie-banner__text{color:#d1d5db;flex:1 1;font-size:.875rem;line-height:1.5;margin:0}.cookie-banner__link{color:#86efac;text-decoration:underline}.cookie-banner__link:hover{color:#4ade80}.cookie-banner__actions{display:flex;flex-shrink:0;gap:.75rem}.cookie-banner__btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:background-color .15s ease}.cookie-banner__btn--accept{background-color:#16a34a;color:#fff}.cookie-banner__btn--accept:hover{background-color:#15803d}.cookie-banner__btn--decline{background-color:initial;border:1px solid #4b5563;color:#d1d5db}.cookie-banner__btn--decline:hover{background-color:#374151;color:#f9fafb}@media (max-width:640px){.cookie-banner__content{align-items:flex-start;flex-direction:column;gap:1rem}.cookie-banner__actions{width:100%}.cookie-banner__btn{flex:1 1;text-align:center}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}:root{--ff-green:#609b7e;--ff-mint:#83c5be;--ff-ice:#bee9e8;--ff-sky:#62b6cb;--ff-navy:#1b4965;--ff-bg:#f7fcfd;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem}body{background:#f7fcfd;background:var(--ff-bg);color:#0b1f2a;overflow-x:hidden}*,:after,:before{box-sizing:border-box}img,svg{height:auto;max-width:100%;vertical-align:middle}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){:root{--font-2xl:1.375rem;--font-3xl:1.75rem;--font-4xl:2rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem;--spacing-2xl:2.5rem}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a,button{-webkit-tap-highlight-color:rgba(27,73,101,.1)}}@media (max-width:480px){:root{--font-base:0.9375rem;--font-2xl:1.25rem;--font-3xl:1.5rem;--font-4xl:1.875rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}}@media (max-height:500px) and (orientation:landscape){.App{min-height:100%}body{overflow-y:auto}}
/*# sourceMappingURL=main.7abc4f20.css.map*/