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}:root{--ngo-primary-blue:#0b3d91;--ngo-primary-red:#e63946;--ngo-primary-green:#2a9d8f;--ngo-text-dark:#222;--ngo-text-light:#666;--ngo-white:#fff;--ngo-shadow:#110c2e1f}.ngo-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefefef2;box-shadow:0 10px 30px #110c2e1f;box-shadow:var(--ngo-shadow) 0 10px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 50px;position:sticky;top:0;transition:all .3s ease;z-index:999}.ngo-navbar-scrolled{background:#fefefefa;box-shadow:0 6px 20px #00000026;padding:6px 50px}.ngo-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;margin-right:auto;transition:transform .3s ease}.ngo-logo-img{border-radius:50%;display:block;height:90px;object-fit:contain;width:auto}.ngo-logo:hover{transform:scale(1.05)}.ngo-menu{background:#0000!important;border-bottom:none!important;flex:1 1;margin-left:30px;min-width:0}.ngo-menu .ant-menu-item,.ngo-menu .ant-menu-submenu-title{border-radius:6px;color:#222!important;color:var(--ngo-text-dark)!important;font-size:14px;font-weight:500;padding:0 12px!important;transition:all .3s ease}.ngo-menu .ant-menu-item:hover,.ngo-menu .ant-menu-submenu-title:hover{background:#0000000d;color:#e63946!important;color:var(--ngo-primary-red)!important}.ngo-menu .ant-menu-item-selected{background:#0b3d9114;color:#e63946!important;color:var(--ngo-primary-red)!important;font-weight:600}.ngo-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#222;color:var(--ngo-text-dark)}.ngo-cta-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}.ngo-donate-btn{background:#1677ff;border:none;border-radius:30px;box-shadow:0 3px 8px #0003;color:#fff;color:var(--ngo-white);cursor:pointer;font-size:14px;font-weight:600;height:auto;padding:8px 24px;transition:all .3s ease;white-space:nowrap}.ngo-donate-btn:hover{background:#0050b3!important;box-shadow:0 5px 12px #00000040;color:#fff!important;color:var(--ngo-white)!important;transform:translateY(-2px)}.ngo-join-btn{background-color:#2a9d8f;background-color:var(--ngo-primary-green);border:2px solid #2a9d8f;border:2px solid var(--ngo-primary-green);border-radius:30px;color:#fff;color:var(--ngo-white);cursor:pointer;font-size:14px;font-weight:600;height:auto;padding:8px 24px;transition:all .3s ease;white-space:nowrap}.ngo-join-btn:hover{background:#0000;border-color:#2a9d8f;border-color:var(--ngo-primary-green);color:#2a9d8f!important;color:var(--ngo-primary-green)!important;transform:translateY(-2px)}.ngo-mobile-menu-icon{border-radius:8px;color:#222;color:var(--ngo-text-dark);cursor:pointer;display:none;flex-shrink:0;font-size:24px;padding:8px;transition:all .3s ease}.ngo-mobile-menu-icon:hover{background:#0000000d}.ngo-drawer .ant-drawer-body{padding:0!important}.ngo-drawer-title{align-items:center;display:flex;justify-content:space-between;width:100%}.ngo-drawer-close{cursor:pointer;font-size:18px}.ngo-mobile-menu{border:none!important}.ngo-mobile-cta-buttons{border-top:1px solid #f0f0f0;display:none;gap:12px;margin-top:20px;padding:20px}.ngo-mobile-btn{font-size:16px;padding:12px;text-align:center;width:100%}@media (max-width:1024px){.ngo-navbar{padding:8px 30px}.ngo-logo-img{height:75px}.ngo-menu .ant-menu-item,.ngo-menu .ant-menu-submenu-title{font-size:13px;padding:0 8px!important}.ngo-donate-btn,.ngo-join-btn{font-size:13px;padding:6px 18px}}@media (max-width:768px){.ngo-navbar{padding:8px 20px}.ngo-navbar-scrolled{padding:6px 20px}.ngo-logo-img{height:65px}.ngo-cta-buttons,.ngo-menu{display:none}.ngo-mobile-menu-icon{display:block}.ngo-mobile-cta-buttons{display:flex;flex-direction:column}}@media (max-width:480px){.ngo-navbar{padding:6px 15px}.ngo-logo-img{height:55px}.ngo-mobile-menu-icon{font-size:20px}.ngo-drawer .ant-drawer-header{padding:12px 16px}}@media (min-width:1440px){.ngo-navbar{padding:10px 80px}.ngo-logo-img{height:100px}.ngo-menu .ant-menu-item,.ngo-menu .ant-menu-submenu-title{font-size:16px;padding:0 18px!important}.ngo-donate-btn,.ngo-join-btn{font-size:16px;padding:10px 32px}}@media (hover:none) and (pointer:coarse){.ngo-donate-btn:hover,.ngo-join-btn:hover,.ngo-logo:hover{transform:none}.ngo-menu .ant-menu-item:hover,.ngo-menu .ant-menu-submenu-title:hover{background:#0000}}@media print{.ngo-navbar{background:#fff;background:var(--ngo-white);box-shadow:none;position:static}.ngo-donate-btn,.ngo-drawer,.ngo-join-btn,.ngo-mobile-menu-icon{display:none}}@keyframes ngoSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ngo-drawer .ant-drawer-content{animation:ngoSlideIn .3s ease}.ngo-drawer-close{transition:all .3s ease}.ngo-drawer-close:hover{color:#e63946;color:var(--ngo-primary-red);transform:rotate(90deg)}.ngo-mobile-menu .ant-menu-item-selected{background:#0b3d9114!important;color:#e63946!important;color:var(--ngo-primary-red)!important}.ngo-donate-btn,.ngo-join-btn,.ngo-logo-img,.ngo-mobile-menu-icon,.ngo-navbar{transition:all .3s cubic-bezier(.4,0,.2,1)}.ngo-menu .ant-menu-item,.ngo-menu .ant-menu-submenu-title{font-weight:bolder!important;white-space:nowrap}.ngo-menu .ant-menu-overflow{flex-wrap:nowrap}.ngo-menu .ant-menu-overflow-item{flex-shrink:0}.ant-menu-overflow-item-rest,.ant-menu-submenu.ant-menu-submenu-horizontal.ant-menu-overflow-item-rest{display:none!important}.ngo-menu{flex-wrap:nowrap!important;overflow:visible!important}.ngo-menu .ant-menu-item,.ngo-menu .ant-menu-submenu{flex-shrink:0!important}.ngo-login-btn{background:#0000;border:1px solid #fff;border-radius:8px;color:#0e35d1!important;font-weight:500;font-weight:700;height:40px;margin-right:12px;padding:6px 20px;transition:all .3s ease}.ngo-login-btn:hover{background:#f7f9f71a;border-color:#fff;color:#f12020!important;transform:translateY(-2px)}.ngo-navbar-scrolled .ngo-login-btn{border-color:#1a5f7a;color:#1a5f7a}.ngo-navbar-scrolled .ngo-login-btn:hover{background:#1a5f7a;border-color:#1a5f7a;color:#fff}.ngo-mobile-btn.ngo-login-btn{background:#0000;border-color:#1a5f7a;color:#1a5f7a;margin-bottom:12px;margin-right:0;width:100%}.ngo-mobile-btn.ngo-login-btn:hover{background:#1a5f7a;color:#fff}body{margin:0;overflow-x:hidden}.topbar{align-items:center;background:linear-gradient(90deg,#0b3d91,#2a9d8f 50%,#e63946);box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;justify-content:space-between;overflow:hidden;padding:0 35px;position:relative}.topbar:before{animation:glowLine 4s linear infinite;background:linear-gradient(90deg,#fff,#e63946,#2a9d8f);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes glowLine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.topbar-left,.topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:15px;min-width:0}.topbar span{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:6px;letter-spacing:.3px;transition:all .3s ease;white-space:nowrap}.topbar span:hover{color:#ffd166;transform:translateY(-2px)}.topbar-center{flex:1 1;min-width:0;text-align:center}.topbar-center p{animation:fadeText 2.5s infinite alternate;font-weight:600;letter-spacing:.6px;margin:0}@keyframes fadeText{0%{opacity:.7}to{opacity:1}}.ngo_social_icons_topbar{display:flex;gap:10px;margin-top:10px}.ngo_social_icons_topbar .icon{align-items:center;background:#222;border-radius:50%;display:flex;height:25px;justify-content:center;transition:.3s ease;width:25px}.ngo_social_icons_topbar .icon svg{color:#fff;font-size:18px;transition:.3s}.ngo_social_icons_topbar .fb{background:#1877f2}.ngo_social_icons_topbar .insta{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf)}.ngo_social_icons_topbar .twitter{background:#1da1f2}.ngo_social_icons_topbar .linkedin{background:#0077b5}.ngo_social_icons_topbar .icon:hover svg{color:#0b0b0b;transform:scale(1.2)}.ngo_social_icons_topbar .icon:hover{box-shadow:0 5px 15px #0006;transform:translateY(-5px)}.social-icons .facebook{color:#9cbfed}.social-icons .instagram{color:#e1306c}.social-icons .youtube{color:#e70c0c}.social-icons i,.social-icons svg{transition:all .3s ease}.social-icons i:hover,.social-icons svg:hover{filter:brightness(1.2);transform:scale(1.3) rotate(8deg)}@media (max-width:992px){.topbar{flex-direction:column;gap:8px;padding:12px 15px;text-align:center}.topbar-left,.topbar-right{justify-content:center}.topbar-center{font-size:13px;order:-1}}.authors-page{background:#f5f7fa;min-height:100vh;padding:40px}.authors-header{margin-bottom:40px;text-align:center}.authors-header h1{color:#0b3d91;font-size:34px;font-weight:700}.authors-header p{color:#555;font-size:16px;margin:auto;max-width:600px}.author-card{border-radius:15px;border-top:4px solid #e63946;overflow:hidden;text-align:center;transition:all .3s ease}.author-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-10px)}.author-img-box{display:flex;justify-content:center;margin-top:20px}.author-img-box img{border:4px solid #2a9d8f;border-radius:50%;height:110px;width:110px}.author-content{padding:15px}.author-content h3{color:#222;margin:10px 0}.author-content p{color:#555;font-size:14px;line-height:1.6}.author-social{display:flex;font-size:20px;gap:15px;justify-content:center;padding-bottom:15px}.author-social svg:first-child{color:#1877f2}.author-social svg:nth-child(2){color:#e1306c}.author-social svg:nth-child(3){color:#0077b5}.author-social svg:hover{cursor:pointer;transform:scale(1.2)}.founder-container{padding:30px;text-align:center}.founder-page{font-family:Poppins,sans-serif}.founder-hero{background:url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d) 50%/cover no-repeat;height:300px;position:relative}.overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}.overlay h1{font-size:40px}.overlay p{font-size:16px}.founder-container{padding:50px}.founder-img img{border-radius:15px;transition:.3s;width:100%}.founder-img img:hover{transform:scale(1.05)}.founder-content h2{color:#0b3d91}.founder-content h4{color:#e63946;margin-bottom:15px}.founder-content p{color:#555;line-height:1.7}.timeline-section{background:#f5f7fa;padding:50px}.timeline-section h2{color:#0b3d91;margin-bottom:40px;text-align:center}.timeline{margin:auto;max-width:700px;position:relative}.timeline:before{background:#e63946;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:3px}.timeline-item{display:flex;margin:20px 0;position:relative}.timeline-item .circle{background:#2a9d8f;border-radius:50%;height:15px;left:50%;position:absolute;transform:translateX(-50%);width:15px}.timeline-item .content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:15px;width:45%}.timeline-item:nth-child(odd) .content{margin-right:auto}.timeline-item:nth-child(2n) .content{margin-left:auto}.vision-section{padding:50px;text-align:center}.vision-section h2{color:#0b3d91;margin-bottom:20px}.vision-box{background:#e63946;border-radius:10px;color:#fff;font-style:italic;margin:auto;max-width:600px;padding:20px}.committee-page{background:#f5f7fa;min-height:100vh;padding:40px}.committee-header{margin-bottom:40px;text-align:center}.committee-header h1{color:#0b3d91;font-size:34px}.committee-header p{color:#555;margin:auto;max-width:600px}.committee-card{border-radius:15px;border-top:4px solid #e63946;text-align:center;transition:all .3s ease}.committee-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-10px)}.committee-img-box{display:flex;justify-content:center;margin-top:20px}.committee-img-box img{border:4px solid #2a9d8f;border-radius:50%;height:110px;width:110px}.committee-content{padding:15px}.committee-content h3{margin:10px 0}.role{margin-bottom:8px;padding:4px 12px}.committee-content p{color:#555;font-size:14px}.committee-contact{margin-top:10px}.committee-contact p{color:#333;font-size:13px}.advisory-page{background:linear-gradient(135deg,#eef2f3,#dfe9f3);min-height:100vh;padding:50px}.advisory-header{margin-bottom:50px;text-align:center}.advisory-header h1{color:#0b3d91;font-size:36px;font-weight:700}.advisory-header p{color:#555;font-size:16px;margin:auto;max-width:650px}.advisory-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:20px;border-top:4px solid #e63946;overflow:hidden;text-align:center;transition:all .4s ease}.advisory-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-12px) scale(1.02)}.advisory-img-box{display:flex;justify-content:center;margin-top:20px}.advisory-img-box img{border:4px solid #2a9d8f;border-radius:50%;height:110px;transition:.3s;width:110px}.advisory-card:hover .advisory-img-box img{transform:scale(1.1)}.advisory-content{padding:15px}.advisory-content h3{color:#222;margin:10px 0}.role{background:#0b3d911a;border-radius:20px;color:#0b3d91;display:inline-block;font-size:13px;margin-bottom:10px;padding:5px 14px}.advisory-content p{color:#555;font-size:14px;line-height:1.6}.advisory-contact{color:#333;font-size:13px;margin-top:10px}.advisory-social{color:#0077b5;font-size:20px;margin:10px 0 15px;transition:.3s}.advisory-social:hover{cursor:pointer;transform:scale(1.2)}.what-page{background:#f5f7fa;min-height:100vh;padding:50px}.what-header{margin-bottom:50px;text-align:center}.what-header h1{color:#0b3d91;font-size:36px}.what-header p{color:#555;margin:auto;max-width:650px}.what-card{border-radius:20px;border-top:4px solid #e63946;padding:20px;text-align:center;transition:all .4s ease}.what-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-12px)}.icon{color:#2a9d8f;font-size:40px;margin-bottom:15px;transition:.3s}.what-card:hover .icon{transform:scale(1.2) rotate(5deg)}.what-card h3{color:#222;margin-bottom:10px}.what-card p{color:#555;font-size:14px;line-height:1.6}.cta-section{background:linear-gradient(135deg,#0b3d91,#2a9d8f);border-radius:15px;color:#fff;margin-top:60px;padding:40px}.cta-section h2{font-size:28px}.cta-section p{margin:15px auto;max-width:500px}.cta-section button{background:#e63946;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:.3s}.cta-section button:hover{background:#fff;color:#e63946}.volunteer-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;overflow-x:hidden}.volunteer-hero{align-items:center;background:linear-gradient(135deg,#0a0a2a,#1a1a4e 50%,#2d2d6b);display:flex;justify-content:center;margin-bottom:-60px;min-height:400px;position:relative}.hero-content{max-width:800px}.hero-title{color:#fff!important;font-size:3rem!important;margin-bottom:20px!important}.hero-subtitle{color:#ffffffe6!important;font-size:1.2rem!important;margin-bottom:30px!important}.hero-cta-btn{animation:fadeInUp .8s ease .4s forwards;animation-fill-mode:forwards;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50px;font-size:1.1rem;opacity:0;padding:12px 40px}.hero-cta-btn:hover{box-shadow:0 8px 20px #e74c3c4d;transform:translateY(-2px)}.stats-section{margin:0 auto 60px}.stat-card{padding:30px 20px}.stat-icon{color:#3498db;font-size:2.5rem;margin-bottom:15px}.stat-value{font-size:2rem}.stat-label{font-size:.9rem}.volunteers-section{margin:0 auto 80px;max-width:1400px;padding:0 20px}.volunteer-card{border-radius:20px;box-shadow:0 5px 20px #00000014;height:100%;overflow:hidden;transition:all .3s ease}.volunteer-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.volunteer-card .ant-card-body{padding:0}.card-image-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 20px 20px;position:relative;text-align:center}.volunteer-avatar{border:4px solid #fff;box-shadow:0 5px 15px #0003}.department-badge{position:absolute;right:20px;top:20px}.department-badge .ant-tag{background:#ffffffe6;border:none;border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.volunteer-info{padding:20px}.volunteer-name{color:#1a1a2e;margin-bottom:5px!important}.volunteer-role{color:#e74c3c;display:block;font-size:14px;margin-bottom:12px}.location-info{align-items:center;display:flex;gap:5px;margin-bottom:15px}.info-icon{color:#3498db;font-size:14px}.volunteer-description{color:#555;font-size:14px;line-height:1.6;margin-bottom:15px}.skills-section{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.skill-tag{background:#f0f2f5;border:none;border-radius:20px;color:#1a1a2e;font-size:11px;padding:2px 12px}.contact-info{border-radius:10px;margin-bottom:20px;padding:12px}.contact-item{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.contact-item:last-child{margin-bottom:0}.contact-icon{color:#3498db;font-size:12px}.contact-text{color:#555;font-size:12px}.join-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:25px;font-weight:500;height:40px}.join-button:hover{box-shadow:0 5px 15px #e74c3c4d;transform:translateY(-2px)}.benefits-section{background:linear-gradient(120deg,#e8f4f8,#d1e8f0);margin-bottom:0}.benefits-section .section-header h2{color:#1a1a2e}.benefit-icon{color:#e74c3c}.cta-section{background:linear-gradient(135deg,#0a0a2a,#1a1a4e);position:relative}.cta-content{position:relative;z-index:2}.cta-title{color:#fff!important;margin-bottom:20px!important}.cta-subtitle{color:#ffffffe6!important;font-size:1.1rem!important;margin-bottom:30px!important}.cta-button{background:linear-gradient(135deg,#e74c3c,#c0392b)}.cta-button:hover{box-shadow:0 8px 25px #e74c3c66}@media (max-width:768px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.stat-card{padding:20px 15px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.volunteers-section{padding:0 15px}.benefits-section{padding:60px 15px}.benefit-card{padding:20px}.cta-title{font-size:1.5rem!important}.cta-subtitle{font-size:1rem!important}.cta-button{font-size:1rem;padding:10px 30px}}@media (max-width:480px){.hero-title{font-size:1.5rem!important}.stat-icon{font-size:2rem}.volunteer-name{font-size:1.1rem!important}.contact-text{font-size:10px}}.paid-membership-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;overflow-x:hidden}.membership-hero{align-items:center;background:linear-gradient(135deg,#0a0a2a,#1a1a4e 50%,#2d2d6b);display:flex;justify-content:center;margin-bottom:60px;min-height:400px;position:relative}.hero-content{max-width:900px}.hero-title{animation:fadeInUp .8s ease}.hero-subtitle{margin-bottom:30px}.hero-features{animation:fadeInUp .8s ease .4s forwards;animation-fill-mode:forwards;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;opacity:0}.hero-feature-tag{background:#fff3;border:none;border-radius:25px;color:#fff;font-size:14px;padding:6px 16px}.hero-feature-tag .anticon{color:#52c41a}.plans-section{margin:0 auto 80px;max-width:1400px;padding:0 20px}.section-header h2:after{background:linear-gradient(90deg,#e74c3c,#3498db,#2ecc71)}.plans-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto}.plan-card-wrapper{flex:1 1;max-width:280px;min-width:220px}.plan-card{border-radius:20px;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.popular-card{border:2px solid #e74c3c;box-shadow:0 10px 30px #e74c3c26}.popular-card:hover{box-shadow:0 20px 40px #e74c3c40}.plan-header{border-bottom:3px solid;margin-bottom:20px;padding-bottom:20px;text-align:center}.plan-type{color:#1a1a2e;font-size:1.6rem;margin-bottom:15px}.plan-price{margin-bottom:10px}.price-amount{color:#1a1a2e;font-size:2.2rem;font-weight:700}.price-period{color:#666;font-size:.85rem}.savings-badge{background:#f0f2f5;border-radius:20px;color:#52c41a;display:inline-block;font-size:11px;margin:10px 0;padding:4px 12px}.plan-yearly-price{color:#999;font-size:11px;margin-top:8px}.plan-yearly-price .anticon{margin-right:4px}.plan-divider{margin:15px 0}.plan-features{flex:1 1}.plan-features h4{color:#666;font-size:13px;margin-bottom:12px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#555;display:flex;font-size:12px;gap:10px;padding:6px 0}.feature-icon{color:#52c41a;flex-shrink:0;font-size:12px}.subscribe-btn{border-radius:25px;font-weight:500;height:42px;margin-top:20px;transition:all .3s ease}.subscribe-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.payment-section{background:linear-gradient(120deg,#e8f4f8,#d1e8f0);padding:80px 20px;text-align:center}.payment-methods{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}.payment-method-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;color:#1a1a2e;display:flex;font-size:16px;font-weight:500;gap:12px;padding:20px 30px;transition:all .3s ease}.payment-method-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-3px)}.payment-icon{color:#3498db;font-size:24px}.security-badge{align-items:center;background:#fff;border-radius:30px;color:#2ecc71;display:inline-flex;font-weight:500;gap:8px;margin-top:20px;padding:10px 25px}.faq-section{margin:80px auto;max-width:1000px;padding:0 20px}.faq-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.faq-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:all .3s ease}.faq-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.faq-question{align-items:center;display:flex;gap:12px;margin-bottom:15px}.faq-icon{color:#e74c3c;font-size:20px}.faq-question h4{color:#1a1a2e;font-size:1rem;margin:0}.faq-answer p{color:#666;font-size:14px;line-height:1.6;margin:0;padding-left:32px}.notification-box{background:linear-gradient(135deg,#0a0a2a,#1a1a4e);border-radius:15px;box-shadow:0 10px 30px #00000026;margin:0 20px 60px;padding:20px}.notification-content{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.notification-icon{font-size:24px}.notification-content p{font-size:1rem;font-weight:500;margin:0}.payment-modal .ant-modal-content{border-radius:20px;overflow:hidden}.payment-modal .ant-modal-header{background:linear-gradient(135deg,#0a0a2a,#1a1a4e);border-bottom:none;padding:20px}.payment-modal .ant-modal-title{color:#fff;font-size:1.3rem;font-weight:500}.payment-modal .ant-modal-close{color:#fff}.modal-content{padding:10px 0}.modal-plan-details{text-align:center}.modal-plan-details h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:10px}.modal-price-amount{color:#e74c3c;font-size:2rem;font-weight:700}.modal-price-period{color:#666;font-size:.9rem}.modal-savings{margin-top:10px}.modal-features h4,.modal-payment h4{color:#1a1a2e;font-size:1rem;margin-bottom:15px}.modal-features ul{list-style:none;margin:0;padding:0}.modal-features li{align-items:center;color:#555;display:flex;font-size:13px;gap:10px;padding:8px 0}.modal-feature-icon{color:#52c41a}.payment-buttons{display:flex;flex-wrap:wrap;gap:12px}.payment-option-btn{border-radius:25px;flex:1 1}.pay-btn{border-radius:25px;flex:2 1;font-weight:500;height:40px}.modal-security{border-top:1px solid #f0f0f0;color:#52c41a;font-size:12px;margin-top:20px;padding-top:15px;text-align:center}@media (max-width:1200px){.plan-card-wrapper{min-width:240px}.plan-type{font-size:1.4rem}.price-amount{font-size:2rem}}@media (max-width:992px){.plans-container{gap:20px}.plan-card-wrapper{min-width:220px}.plan-type{font-size:1.3rem}.price-amount{font-size:1.8rem}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-header h2{font-size:1.8rem}.plans-container{flex-wrap:wrap;justify-content:center}.plan-card-wrapper{max-width:320px;min-width:280px}.plan-type{font-size:1.5rem}.price-amount{font-size:2rem}.faq-grid{grid-template-columns:1fr}.payment-methods{gap:15px}.payment-method-card{font-size:14px;padding:12px 20px}.notification-content p{font-size:.9rem}}@media (max-width:480px){.hero-feature-tag{font-size:11px;padding:4px 12px}.plan-card-wrapper{max-width:100%;min-width:100%}.modal-plan-details h3{font-size:1.2rem}.modal-price-amount{font-size:1.5rem}.modal-actions,.payment-buttons{flex-direction:column}}.masjid-membership-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;overflow-x:hidden}.masjid-hero{align-items:center;background:linear-gradient(135deg,#0a2a1a,#1a4e2a 50%,#2d6b3d);display:flex;justify-content:center;margin-bottom:60px;min-height:450px;position:relative}.hero-overlay{background:#0000004d}.hero-content{margin:0 auto;max-width:1000px}.hero-title{margin-bottom:20px}.hero-subtitle{margin-bottom:50px}.hero-stats{animation:fadeInUp .8s ease .4s forwards;animation-fill-mode:forwards;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;opacity:0}.hero-stat{min-width:120px;text-align:center}.hero-stat-icon{color:#2ecc71;font-size:2rem;margin-bottom:10px}.hero-stat-value{font-size:1.8rem;font-weight:700;margin-bottom:5px}.hero-stat-label{font-size:.85rem;opacity:.8}.masjids-section{margin:0 auto 80px;max-width:1400px;padding:0 20px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:#1a1a2e;display:inline-block;font-size:2.2rem;margin-bottom:15px;position:relative}.section-header h2:after{background:linear-gradient(90deg,#2ecc71,#27ae60,#1e8449);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-header p{color:#666;font-size:1.1rem;margin-top:20px}.masjid-card{border-radius:20px;box-shadow:0 5px 20px #00000014;height:100%;overflow:hidden;transition:all .3s ease}.masjid-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.masjid-card .ant-card-body{padding:24px}.card-header{gap:15px;margin-bottom:20px}.masjid-avatar{border:3px solid #2ecc71;box-shadow:0 5px 15px #0000001a}.card-title-section{flex:1 1}.masjid-name{color:#1a1a2e;font-size:1.2rem;margin:0 0 5px}.est-badge{background:#f0f2f5;border-radius:12px;color:#666;font-size:11px;padding:2px 8px}.masjid-details{margin-bottom:15px}.detail-item{color:#555;font-size:13px;padding:6px 0}.detail-icon{color:#2ecc71;font-size:14px;width:20px}.detail-icon.star{color:#f39c12}.card-divider{margin:15px 0}.facilities-section h4{color:#666;font-size:13px;margin-bottom:10px}.facilities-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.facility-tag{background:#e8f5e9;border:none;border-radius:15px;color:#2e7d32;font-size:11px;padding:2px 10px}.contact-info{background:#f8f9fa;border-radius:30px;display:flex;gap:20px;justify-content:center;margin:15px 0 20px;padding:10px}.contact-icon{color:#2ecc71;cursor:pointer;font-size:18px;transition:all .3s ease}.contact-icon:hover{color:#27ae60;transform:scale(1.1)}.register-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:25px;font-weight:500;height:42px}.register-btn:hover{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.benefits-section{background:linear-gradient(120deg,#e8f5e9,#c8e6c9);padding:80px 20px}.benefit-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;height:100%;padding:30px;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.benefit-icon{color:#2ecc71;font-size:2.5rem;margin-bottom:20px}.benefit-card h4{color:#1a1a2e;margin-bottom:15px}.benefit-card p{color:#666;font-size:14px;margin-bottom:0}.cta-section{background:linear-gradient(135deg,#0a2a1a,#1a4e2a);padding:80px 20px;text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta-content h2{color:#fff;font-size:2rem;margin-bottom:20px}.cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:30px}.cta-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:50px;font-size:1.1rem;padding:12px 40px}.cta-button:hover{box-shadow:0 8px 25px #2ecc7166;transform:translateY(-2px)}.registration-modal .ant-modal-content{border-radius:20px;overflow:hidden}.registration-modal .ant-modal-header{background:linear-gradient(135deg,#0a2a1a,#1a4e2a);border-bottom:none;padding:20px}.registration-modal .ant-modal-title{color:#fff;font-size:1.2rem;font-weight:500}.registration-modal .ant-modal-close{color:#fff}.modal-masjid-info{align-items:center;display:flex;gap:15px;margin-bottom:10px}.modal-masjid-info h3{color:#1a1a2e;margin:0}.modal-masjid-info p{color:#666;font-size:12px;margin:0}.modal-actions{display:flex;gap:12px;margin-top:20px}.cancel-btn{border-radius:25px;flex:1 1}.submit-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:25px;flex:2 1}.submit-btn:hover{background:linear-gradient(135deg,#27ae60,#1e8449)}.modal-note{border-top:1px solid #f0f0f0;color:#2ecc71;font-size:12px;margin-top:20px;padding-top:15px;text-align:center}.modal-note .anticon{margin-right:5px}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:20px}.hero-stat-value{font-size:1.3rem}.hero-stat-label{font-size:.75rem}.section-header h2{font-size:1.8rem}.masjid-name{font-size:1rem}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:1rem}.modal-actions{flex-direction:column}}@media (max-width:480px){.hero-title{font-size:1.5rem}.hero-stat{min-width:80px}.hero-stat-icon{font-size:1.5rem}.card-header{flex-direction:column;text-align:center}.detail-item{font-size:12px}.facility-tag{font-size:10px}}.donation-report-page{background:linear-gradient(135deg,#f0f2f5,#e8ecf1);min-height:100vh;padding:40px}.donation-header{margin-bottom:40px;text-align:center}.page-title{color:#1a1a2e;display:inline-block;font-size:2.5rem;margin-bottom:15px;position:relative}.page-title:after{background:linear-gradient(90deg,#1890ff,#52c41a,#eb2f96);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.page-subtitle{color:#666;font-size:1rem;line-height:1.6;margin:20px auto 0;max-width:700px}.summary-section{margin-bottom:30px}.summary-card{border-radius:15px;box-shadow:0 5px 15px #00000014;transition:all .3s ease}.summary-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.summary-card .ant-statistic-title{color:#666;font-size:14px;margin-bottom:10px}.summary-card .ant-statistic-content{font-size:28px;font-weight:700}.card-footer{border-top:1px solid #f0f0f0;color:#999;font-size:12px;margin-top:12px;padding-top:10px}.total-card{border-top:4px solid #3f8600}.recent-card{border-top:4px solid #1890ff}.previous-card{border-top:4px solid #faad14}.average-card{border-top:4px solid #722ed1}.filters-card{border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.filters-container{padding:10px 0}.filter-group{align-items:center;display:inline-flex;gap:10px}.filter-group label{color:#1a1a2e;font-weight:500}.table-card{border-radius:15px;box-shadow:0 5px 20px #00000014;overflow:hidden}.donation-table{background:#fff}.donation-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#1a1a2e,#16213e);border:none;color:#fff;font-weight:600}.donation-table .ant-table-tbody>tr:hover>td{background:#f0f7ff}.donation-id-tag,.donor-id-tag{font-family:monospace;font-weight:600}.amount-cell{color:#3f8600;font-weight:700}.amount-icon{color:#52c41a;margin-right:5px}.donation-modal .ant-modal-content{border-radius:15px;overflow:hidden}.donation-modal .ant-modal-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:none;padding:20px}.donation-modal .ant-modal-title{color:#fff;font-size:1.2rem;font-weight:500}.donation-modal .ant-modal-close{color:#fff}.detail-item,.donation-details{padding:10px 0}.detail-item{border-bottom:1px solid #f0f0f0;justify-content:space-between}.detail-item label,.detail-item span{font-size:13px}.amount-highlight{color:#3f8600!important;font-size:18px!important;font-weight:700}.transaction-id{background:#f5f5f5;border-radius:5px;font-family:monospace;font-size:12px!important;padding:4px 8px}@media (max-width:768px){.donation-report-page{padding:20px}.page-title{font-size:1.8rem}.page-subtitle{font-size:.9rem}.filters-container{text-align:center}.filter-group{align-items:flex-start;display:flex;flex-direction:column;width:100%}.filter-group label{margin-bottom:5px}.filter-group .ant-picker,.filter-group .ant-select{width:100%!important}.donation-table{overflow-x:auto}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.page-title{font-size:1.5rem}.summary-card .ant-statistic-content{font-size:22px}.card-footer{font-size:10px}}.contact-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.contact-hero{align-items:center;background:linear-gradient(135deg,#0a0a2a,#1a1a4e 50%,#2d2d6b);display:flex;justify-content:center;margin-bottom:40px;min-height:300px;position:relative}.container{max-width:1400px}.contact-section{padding:40px 0 60px}.contact-form-card,.contact-info-card{border-radius:20px;box-shadow:0 10px 30px #00000014;height:100%;transition:all .3s ease}.contact-form-card:hover,.contact-info-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.section-title{color:#1a1a2e;display:inline-block;font-size:1.8rem;margin-bottom:10px;position:relative}.section-title:after{background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.section-subtitle{color:#666;line-height:1.6;margin-bottom:30px}.info-list{margin:30px 0}.info-item{border-radius:12px;gap:20px;margin-bottom:30px;padding:10px;transition:all .3s ease}.info-item:hover{background:#f8f9fa;transform:translateX(5px)}.info-icon{align-items:center;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.info-content{flex:1 1}.info-content h4{color:#1a1a2e;font-size:1.1rem;margin-bottom:10px}.info-content p{color:#555;font-size:.9rem;margin:5px 0}.info-content p strong{color:#1a1a2e}.social-section{margin:20px 0;text-align:center}.social-section h4{color:#1a1a2e;font-size:1rem;margin-bottom:15px}.social-links{flex-wrap:wrap;gap:15px}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;border-radius:50%;color:#fff;font-size:1.2rem;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{box-shadow:0 5px 15px #0003;color:#fff;transform:translateY(-3px)}.emergency-contact{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-radius:12px;padding:20px;text-align:center}.emergency-text{color:#ff4d4f;font-size:.9rem;margin-top:12px}.emergency-text strong{display:block;font-size:1.1rem;margin-top:5px}.info-divider{margin:25px 0}.contact-form{margin-top:20px}.contact-form .ant-form-item-label>label{color:#1a1a2e;font-weight:500}.contact-form .ant-input,.contact-form .ant-input-textarea textarea,.contact-form .ant-select-selector{border-radius:10px;transition:all .3s ease}.contact-form .ant-input-textarea textarea:hover,.contact-form .ant-input:hover,.contact-form .ant-select-selector:hover{border-color:#1890ff}.contact-form .ant-input-textarea textarea:focus,.contact-form .ant-input:focus,.contact-form .ant-select-selector:focus{box-shadow:0 0 0 2px #1890ff33}.submit-btn{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:10px;font-size:1rem;font-weight:500;height:48px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 20px #1890ff4d;transform:translateY(-2px)}.form-note{align-items:center;color:#52c41a;display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-top:20px;text-align:center}.faq-section{background:#fff;padding:60px 0}.faq-title{color:#1a1a2e;font-size:2rem;margin-bottom:10px;text-align:center}.faq-subtitle{color:#666;margin-bottom:40px;text-align:center}.faq-card{background:#f8f9fa;border-radius:15px;display:flex;gap:20px;height:100%;padding:25px;transition:all .3s ease}.faq-card:hover{background:#fff;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.faq-icon{align-items:center;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;width:45px}.faq-content{flex:1 1}.faq-content h4{color:#1a1a2e;font-size:1rem;margin-bottom:8px}.faq-content p{color:#666;font-size:.85rem;line-height:1.5;margin:0}.map-section{background:linear-gradient(135deg,#f0f2f5,#e8ecf1);padding:60px 0}.map-title{color:#1a1a2e;font-size:2rem;margin-bottom:30px;text-align:center}.map-container{border-radius:20px;box-shadow:0 10px 30px #00000026;margin-bottom:20px;overflow:hidden}.map-address{align-items:center;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;display:inline-flex;gap:10px;justify-content:center;margin:0 auto;padding:15px;text-align:center;width:auto}.map-address .anticon{color:#ff4d4f;font-size:1.2rem}.map-address span{color:#1a1a2e;font-weight:500}.success-modal .ant-modal-content{border-radius:20px;overflow:hidden}.success-modal .ant-modal-header{background:linear-gradient(135deg,#52c41a,#389e0d);border-bottom:none}.success-modal .ant-modal-title{color:#fff;font-size:1.2rem}.success-modal .ant-modal-close{color:#fff}.modal-content{padding:20px;text-align:center}.success-icon{color:#52c41a;font-size:4rem;margin-bottom:20px}.modal-content p{color:#555;margin:10px 0}.modal-content strong{color:#1a1a2e}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.info-item{flex-direction:column;text-align:center}.info-icon{margin:0 auto}.faq-card,.info-content{text-align:center}.faq-card{flex-direction:column}.faq-icon{margin:0 auto}.map-title{font-size:1.5rem}.social-links{justify-content:center}}@media (max-width:480px){.hero-title{font-size:1.5rem}.container{padding:0 15px}.contact-form-card,.contact-info-card{padding:0}.info-item{padding:10px}.faq-title{font-size:1.5rem}.map-container iframe{height:250px}}.gallery-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.gallery-hero{align-items:center;background:linear-gradient(135deg,#0a0a2a,#1a1a4e 50%,#2d2d6b);display:flex;justify-content:center;margin-bottom:40px;min-height:300px;position:relative}.hero-overlay{background:#0006;bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;padding:60px 20px;position:relative;text-align:center}.hero-title{animation:fadeInDown .8s ease;font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{animation:fadeInUp .8s ease .2s forwards;animation-fill-mode:forwards;font-size:1.2rem;opacity:.9;opacity:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.stats-section{margin:-40px auto 40px;max-width:1200px;padding:0 20px;position:relative;z-index:1}.stat-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-value{color:#1a1a2e;font-size:1.8rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:.85rem}.filter-section{margin:0 auto 40px;max-width:1400px;padding:0 20px}.filter-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:20px}.category-filters{margin-bottom:20px}.category-btn{align-items:center;border-radius:30px;display:inline-flex;gap:8px;height:auto;padding:5px 20px;transition:all .3s ease}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.category-btn:hover{transform:translateY(-2px)}.category-icon{font-size:1.1rem}.category-badge{margin-left:5px}.search-wrapper{max-width:400px;width:100%}.gallery-search{width:100%}.gallery-search .ant-input-search-button{border-radius:0 8px 8px 0}.gallery-grid-section{margin:0 auto;max-width:1400px;padding:0 20px 60px}.gallery-card{border-radius:15px;box-shadow:0 5px 15px #00000014;height:100%;overflow:hidden;transition:all .3s ease}.gallery-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.image-cover{height:220px;overflow:hidden;position:relative}.gallery-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card:hover .gallery-image{transform:scale(1.05)}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-cover:hover .image-overlay{opacity:1}.overlay-btn{transform:scale(.9);transition:transform .3s ease}.image-cover:hover .overlay-btn{transform:scale(1)}.card-content{padding:5px 0}.image-title{color:#1a1a2e;font-size:1.1rem;margin-bottom:8px}.image-description{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:12px}.image-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.category-tag{margin:0}.meta-item{align-items:center;color:#999;display:flex;font-size:.75rem;gap:5px}.lightbox-modal .ant-modal-content{background:#000000f2;border-radius:0}.lightbox-modal .ant-modal-body{padding:0}.lightbox-content{display:flex;flex-direction:column;min-height:80vh}.lightbox-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:60vh;position:relative}.lightbox-image{max-height:70vh;max-width:100%;object-fit:contain}.nav-btn{background:#fff3;border:none;color:#fff;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff4d;color:#fff}.prev-btn{left:20px}.next-btn{right:20px}.lightbox-info{background:#fff;border-radius:15px 15px 0 0;margin-top:20px;padding:30px}.lightbox-info h2{color:#1a1a2e;margin-bottom:10px}.lightbox-description{color:#666;line-height:1.6;margin-bottom:20px}.lightbox-details{margin-bottom:20px}.detail-item{align-items:center;display:flex;gap:10px;padding:8px 0}.detail-item label{color:#1a1a2e;font-weight:600;min-width:90px}.detail-item span{color:#555}.lightbox-actions{border-top:1px solid #f0f0f0;padding-top:20px;text-align:center}.empty-state{background:#fff;border-radius:15px;padding:60px}.loader-container{align-items:center;display:flex;justify-content:center;min-height:400px}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}.category-btn{font-size:.85rem;padding:3px 15px}.lightbox-info h2{font-size:1.2rem}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.detail-item label{min-width:auto}.nav-btn{height:32px;width:32px}}@media (max-width:480px){.hero-title{font-size:1.5rem}.stat-card{padding:12px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.1rem}.category-btn{font-size:.75rem;padding:2px 12px}.image-title{font-size:.95rem}.image-description{font-size:.75rem}}.blog_main_div{background:#f4f7fb;font-family:Poppins,sans-serif;padding:40px}.blog_header_section{margin-bottom:35px;text-align:center}.blog_heading{color:#0b3d91;font-size:32px;font-weight:600}.blog_subheading{color:#666;font-size:14px}.blog_featured_section{border-radius:14px;height:260px;margin-bottom:30px;overflow:hidden;position:relative}.blog_featured_section img{height:100%;object-fit:cover;width:100%}.blog_featured_overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;padding:20px;position:absolute;transition:.3s;width:100%}.blog_filter_section{margin-bottom:25px;text-align:center}.blog_filter_btn{border:none;margin:5px}.blog_filter_active{background:#2a9d8f!important;color:#fff!important}.blog_card_main{border-radius:12px;overflow:hidden;transition:all .3s ease}.blog_card_main:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-8px)}.blog_card_img_wrapper{height:150px;overflow:hidden}.blog_card_img_wrapper img{height:100%;object-fit:cover;transition:.4s;width:100%}.blog_card_main:hover img{transform:scale(1.1)}.blog_card_title{font-size:16px;font-weight:600;margin-top:10px}.blog_card_desc{color:#666;font-size:13px}.blog_card_meta{color:#999;display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.blog_read_btn{font-size:13px;padding:0;transition:.3s}.blog_read_btn:hover{color:#2a9d8f}.donate_wrapper_main{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f1f8ff);display:flex;height:100vh;justify-content:center;padding:20px}.donate_card_box{animation:donateFadeIn .6s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-radius:18px;box-shadow:0 12px 35px #00000026;padding:25px;transition:.3s;width:750px}.donate_card_box:hover{transform:translateY(-8px)}.donate_header_section{margin-bottom:15px;text-align:center}.donate_icon_heart{animation:pulse 1.5s infinite;color:#e63946;font-size:30px;margin-bottom:5px}.donate_main_title{color:#0b3d91;font-size:26px}.donate_sub_text{color:#666;font-size:13px}.donate_input_field{border-radius:10px!important;transition:.3s}.donate_input_field:hover{transform:scale(1.02)}.donate_submit_btn{background:linear-gradient(135deg,#1677ff,#2a9d8f);border:none;border-radius:10px;font-weight:600;height:40px;transition:.3s}.donate_submit_btn:hover{background:linear-gradient(135deg,#2a9d8f,#1677ff)!important;transform:scale(1.05)}@keyframes donateFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.donate_mode_radio{display:flex;justify-content:center;margin-bottom:15px}.donate_online_box{background:#e3f2fd;border-radius:8px;margin-bottom:15px;padding:10px;text-align:center}.donate_offline_box{background:#fff3e0;border-radius:8px;font-size:13px;margin-bottom:15px;padding:12px}@media (max-width:768px){.donate_card_box{width:100%}}.proof_main_wrapper{align-items:center;background:linear-gradient(135deg,#e0f7fa,#f1f8e9);display:flex;justify-content:center;min-height:100vh}.proof_card_box{animation:fadeIn .6s ease-in-out;border-radius:20px;padding:20px;width:400px}.proof_header{margin-bottom:20px;text-align:center}.proof_icon{color:#52c41a;font-size:40px;margin-bottom:10px}.proof_input{border-radius:8px!important;transition:.3s}.proof_input:hover{transform:scale(1.02)}.proof_upload_btn{border-radius:8px;transition:.3s;width:100%}.proof_upload_btn:hover{background:#52c41a!important;color:#fff!important}.proof_submit_btn{background:#1890ff;border-radius:10px;font-weight:700;height:40px;transition:.3s}.proof_submit_btn:hover{background:#52c41a!important;transform:scale(1.03)}.proof_preview_box{font-size:14px;margin-bottom:15px;text-align:center}.proof_preview_box img{border:1px solid #ddd;border-radius:10px;margin-top:10px;max-height:200px;object-fit:contain;width:100%}.join_main_wrapper{display:flex;justify-content:center;padding:40px}.join_card_box{border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:30px;transition:all .3s ease;width:100%}.join_card_box:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.join_header{margin-bottom:25px;text-align:center}.join_icon{color:#2a9d8f;font-size:50px;margin-bottom:10px}.join_main_title{font-size:28px;margin-bottom:5px}.join_sub_text{color:#555;font-size:14px}.join_submit_btn{background-color:#0b3d91;border-radius:10px;color:#fff;font-weight:600;transition:all .3s ease}.join_submit_btn:hover{background-color:#2a9d8f;transform:scale(1.03)}*{box-sizing:border-box;margin:0;padding:0}.about-container{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.About_section-title{color:#1a1a2e;font-size:2.2rem;margin-bottom:2rem;padding-bottom:.75rem;position:relative;text-align:center}.About_section-title:after{background:linear-gradient(90deg,#e74c3c,#3498db,#2ecc71);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.hero-section{background:linear-gradient(135deg,#0a0a2a,#1a1a4e 60%,#2d2d6b);color:#fff;margin-bottom:40px;padding:100px 20px;text-align:center}.hero-content h1{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem}.hero-content p{animation:fadeInUp .8s ease .2s forwards;animation-fill-mode:forwards;font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.history-section{background-color:#fff;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:60px 0}.history-content p{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:justify}.vision-mission-section{background:linear-gradient(120deg,#e8f4f8,#d1e8f0);padding:60px 0}.vision-mission-section .container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.mission-card,.vision-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;flex:1 1;min-width:280px;padding:40px 30px;text-align:center;transition:transform .3s ease}.mission-card:hover,.vision-card:hover{transform:translateY(-5px)}.mission-card h3,.vision-card h3{font-size:1.8rem;margin-bottom:1rem}.vision-card h3{border-left:4px solid #e74c3c;color:#e74c3c}.mission-card h3,.vision-card h3{display:inline-block;padding-left:15px}.mission-card h3{border-left:4px solid #2ecc71;color:#2ecc71}.mission-card p,.vision-card p{color:#34495e;font-size:1.1rem}.trust-section{background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:60px 0;text-align:center}.trust-section p{color:#2c3e50;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:850px;text-align:justify}.trust-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;min-width:150px;padding:20px;text-align:center;transition:transform .3s ease}.stat:hover{transform:scale(1.05)}.stat-number{color:#e74c3c;display:block;font-size:2.5rem;font-weight:700}.stat span:last-child{color:#2c3e50;font-size:.9rem;font-weight:500}.news-section{background-color:#fff;padding:60px 0}.news-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.news-card{background:#fff;border-bottom:4px solid #3498db;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:25px;transition:all .3s ease}.news-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.news-date{color:#e74c3c;font-size:.8rem;font-weight:600;margin-bottom:10px}.news-card h4{color:#1a1a2e;font-size:1.2rem;margin-bottom:10px}.news-card p{color:#555;font-size:.95rem}.future-section{background:#f8f9fa;padding:60px 0}.future-list{list-style:none;margin:0 auto;max-width:800px}.future-list li{color:#2c3e50;font-size:1.05rem;margin-bottom:15px;padding-left:30px;position:relative}.future-list li:before{color:#2ecc71;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.partners-section{background:linear-gradient(120deg,#fff,#f0f2f5);padding:60px 0}.partners-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));text-align:center}.partner-logo{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 10px #0000000d;color:#3498db;font-weight:600;padding:25px 15px;transition:all .3s ease}.partner-logo:hover{background:linear-gradient(135deg,#fff,#e3f2fd);border-color:#3498db;box-shadow:0 8px 20px #3498db26;transform:translateY(-3px)}.report-section{background:#e9ecef;padding:60px 0}.report-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.report-btn{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:40px;box-shadow:0 4px 8px #0000001a;color:#fff;display:inline-block;font-weight:500;padding:12px 28px;text-decoration:none;transition:all .3s ease}.report-btn:hover{background:linear-gradient(135deg,#16213e,#1a1a2e);box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}@media (max-width:768px){.section-title{font-size:1.8rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.mission-card,.vision-card{margin:0 10px}.trust-stats{gap:20px}.stat{min-width:120px}.report-links{align-items:center;flex-direction:column}.report-btn{text-align:center;width:80%}.faq-question h3{font-size:1rem;padding-right:15px}}.ngo_hero_wrapper{font-family:Poppins,sans-serif;height:90vh;overflow:hidden;position:relative;width:100%}.ngo_slide{background-position:50%;background-size:cover;height:100%;opacity:0;position:absolute;transform:scale(1.1);transition:all 1s ease-in-out;width:100%}.ngo_active{opacity:1;transform:scale(1);z-index:1}.ngo_overlay{background:linear-gradient(90deg,#000000b3,#0006);height:100%;text-align:center;width:100%}.ngo_content_box,.ngo_overlay{align-items:center;display:flex;justify-content:center}.ngo_content_box{animation:fadeUp 1s ease;color:#fff;flex-direction:column;max-width:700px}.ngo_content_box h1{font-size:42px;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 10px #000000b3}.ngo_content_box p{font-size:18px;line-height:1.6;margin-bottom:25px;text-shadow:1px 1px 8px #0009}.ngo_btn_group{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.ngo_btn_donate,.ngo_btn_join{border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:12px 25px;transition:all .3s ease;width:auto}.ngo_btn_donate{background:#1c85e2;border:none;color:#fff}.ngo_btn_donate:hover{background:#66eb45;transform:scale(1.05)}.ngo_btn_join{background:#0000;border:2px solid #fff;color:#fff}.ngo_btn_join:hover{background:#fff;color:#000;transform:scale(1.05)}.ngo_dots{bottom:20px;position:absolute;text-align:center;width:100%}.ngo_dot{background:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:5px;transition:.3s;width:10px}.ngo_dot_active{background:#e63946;transform:scale(1.3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ngo_about_wrapper{align-items:center;background:#f9f9f9;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;padding:160px 10%}.ngo_about_img_box{display:flex;flex:1 1;justify-content:center;min-width:300px}.ngo_about_img_box img{border-radius:15px;box-shadow:0 10px 30px #00000026;max-width:450px;transition:transform .4s ease;width:100%}.ngo_about_img_box img:hover{transform:scale(1.05)}.ngo_about_content_box{flex:1 1;max-width:550px;min-width:300px}.ngo_about_title{color:#222;font-size:32px;font-weight:700;margin-bottom:20px;position:relative}.ngo_about_title:after{background:#e63946;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.ngo_about_text{color:#555;font-size:16px;line-height:1.7;margin-bottom:15px}.ngo_about_btn{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px 25px;transition:.3s}.ngo_about_btn:hover{background:#ff4d5a;transform:scale(1.05)}@media (max-width:768px){.ngo_about_wrapper{flex-direction:column;text-align:center}.ngo_about_title:after{left:50%;transform:translateX(-50%)}}.ngo_services_wrapper{background:#c1bbbb33;padding:100px 10%;text-align:center}.ngo_services_header h2{font-size:32px;margin-bottom:10px}.ngo_services_header p{color:#555;margin-bottom:40px}.ngo_services_grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ngo_service_card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:25px;position:relative;text-align:left;transition:.3s}.ngo_service_card:hover{transform:translateY(-8px)}.ngo_service_icon{color:#e63946;font-size:35px}.ngo_service_card h3,.ngo_service_icon{margin-bottom:10px}.ngo_service_card p{color:#555;font-size:14px}.ngo_view_more{color:#007bff;cursor:pointer;display:inline-block;font-size:14px;margin-top:8px}.ngo_view_more:hover{text-decoration:underline}.ngo_services_btn_box{margin-top:30px}.ngo_services_btn_box button{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:.3s}.ngo_services_btn_box button:hover{background:#ff4d5a}.team-section{background:#f4f7fb;padding:80px 20px;text-align:center}.team-title{color:#1e3c72;font-size:2.5rem;margin-bottom:50px}.team-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:auto;max-width:1100px}.team-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:20px;transition:.3s ease}.team-card img{border-radius:12px;height:220px;margin-bottom:15px;object-fit:cover;width:100%}.team-card h3{color:#333;margin:10px 0 5px}.team-card p{color:#777;font-size:.9rem}.team-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px) scale(1.03)}.ngo_impact_wrapper{align-items:center;background:#f3f4f6;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:120px 8%}.ngo_impact_images{display:flex;flex-direction:column;gap:20px}@keyframes moveDown{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.ngo_impact_images img{border-radius:12px;height:140px;object-fit:cover;transition:.4s;width:180px}.ngo_impact_images img:first-child{animation:moveDown 3.5s ease-in-out infinite}.ngo_impact_images img:last-child{animation:moveUp 3.5s ease-in-out infinite}.ngo_impact_images img:hover{transform:scale(1.1) rotate(2deg)}.ngo_impact_content{max-width:500px;text-align:center}.ngo_impact_subtitle{color:#666;font-size:16px;margin-bottom:30px}.ngo_counter_grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.ngo_counter_card{background:#f9f9f9;border-radius:12px;box-shadow:0 8px 20px #00000014;min-width:120px;padding:20px 25px;transition:.3s}.ngo_counter_card:hover{background:#e63946;color:#fff;transform:translateY(-8px)}.ngo_counter_card h1{font-size:28px;margin-bottom:5px}.ngo_counter_card p{font-size:14px}.ngo_impact_btn{background:#0b7ecb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 25px;transition:.3s}.ngo_impact_btn:hover{background:#da730d;transform:scale(1.05)}@media (max-width:768px){.ngo_impact_wrapper{flex-direction:column}.ngo_impact_images{flex-direction:row}.ngo_impact_images img{height:100px;width:120px}}.ngo_faq_wrapper{background:#f6efefb8;padding:80px 10%}.ngo_faq_header{margin-bottom:40px;text-align:center}.ngo_faq_header h2{font-size:32px;margin-bottom:10px}.ngo_faq_header p{color:#666}.ngo_faq_list{margin:auto;max-width:800px}.ngo_faq_item{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000014;margin-bottom:15px;overflow:hidden;transition:.3s}.ngo_faq_item:hover{transform:translateY(-3px)}.ngo_faq_question{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:18px 20px}.ngo_faq_icon{color:#e63946;font-size:18px}.ngo_faq_answer{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .4s ease,padding .3s ease}.ngo_faq_answer.show{max-height:200px;padding:10px 20px 20px}.ngo_faq_answer p{color:#555;line-height:1.6}.ngo_faq_item.active{border-left:4px solid #e63946}.ngo_footer{background:#111;color:#fff;font-family:Poppins,sans-serif;padding-top:60px}.ngo_footer_container{display:flex;flex-wrap:wrap;gap:70px;justify-content:space-between;padding:0 8%}.ngo_footer_col{flex:1 1;min-width:240px}.ngo_footer_col:first-child{margin-right:60px}.ngo_logo{color:#fff;font-size:20px;margin-bottom:15px}.ngo_footer_col p{color:#bbb;font-size:14px;line-height:1.6}.ngo_footer_col h3{font-size:16px;margin-bottom:15px}.ngo_footer_col ul{list-style:none;padding:0}.ngo_footer_col ul li{color:#bbb;cursor:pointer;font-size:14px;margin-bottom:10px;transition:.3s}.ngo_footer_col ul li:hover{color:#e63946;transform:translateX(5px)}.ngo_social_icons{display:flex;font-size:20px;gap:15px;margin-top:15px}.ngo_social_icons svg{cursor:pointer;transition:.3s}.ngo_social_icons svg:hover{color:#e63946;transform:scale(1.2)}.ngo_newsletter{display:flex;margin-top:15px}.ngo_newsletter input{border:none;border-radius:5px 0 0 5px;flex:1 1;outline:none;padding:10px}.ngo_newsletter button{background:#e63946;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:10px 15px;transition:.3s}.ngo_newsletter button:hover{background:#ff4d5a}.ngo_footer_bottom{border-top:1px solid #333;color:#aaa;display:flex;flex-wrap:wrap;font-size:13px;justify-content:center;margin-top:40px;padding:20px 8%}.powered{color:#eff2f4}.powered,.powered_a{font-weight:500;font-weight:bolder}.powered_a{color:#3ea6eb!important}.ngo_social_icons .icon{align-items:center;background:#222;border-radius:50%;display:flex;height:40px;justify-content:center;transition:.3s ease;width:40px}.ngo_social_icons .icon svg{color:#fff;font-size:18px;transition:.3s}.ngo_social_icons .fb{background:#1877f2}.ngo_social_icons .insta{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf)}.ngo_social_icons .twitter{background:#1da1f2}.ngo_social_icons .linkedin{background:#0077b5}.ngo_social_icons .icon:hover svg{color:#0b0b0b;transform:scale(1.2)}.ngo_social_icons .icon:hover{box-shadow:0 5px 15px #0006;transform:translateY(-5px)}.ngo_logo{align-items:center;display:flex;gap:10px}.ngo_logo_img{background:#fff;border-radius:50%;height:80px;object-fit:contain;padding:3px;width:80px}.ngo_social_icons .icon a{align-items:center;color:inherit;display:flex;justify-content:center;text-decoration:none}.powered a{color:#e63946;text-decoration:none;transition:.3s}.powered a:hover{color:#ff4d5a;text-decoration:underline}@media (max-width:768px){.ngo_footer_bottom,.ngo_footer_container{flex-direction:column}.ngo_footer_bottom{gap:10px;text-align:center}}.desktop-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);bottom:0;box-shadow:2px 0 8px #0000001a;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:64px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:90}.desktop-sidebar.closed{transform:translateX(-100%)}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding:24px 20px}.logo{align-items:center;display:flex;gap:12px;margin-bottom:8px}.logo-icon{animation:pulse 2s infinite;color:#ff6b6b;font-size:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.logo-subtitle{color:#fff9;font-size:11px;letter-spacing:.5px;margin-left:44px}.sidebar-menu{background:#0000;border-right:none;flex:1 1;padding:0 12px}.sidebar-menu .ant-menu-item{border-radius:10px;color:#ffffffbf;height:44px;line-height:44px;margin:4px 0;padding:0 16px!important;transition:all .3s ease}.sidebar-menu .ant-menu-item:hover{background:#3d8df014;color:#fff;transform:translateX(4px)}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(90deg,#3b82f6,#22c55e)!important;box-shadow:0 4px 12px #3b82f64d;color:#fff!important}.sidebar-menu .ant-menu-item-selected:after{display:none}.sidebar-menu .ant-menu-item .anticon{font-size:18px}.sidebar-menu .ant-menu-title-content{font-size:14px;font-weight:500;margin-left:8px}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px 12px}.user-info{margin-bottom:12px;padding:8px;text-align:center}.user-role{background:#ffffff1a;border-radius:20px;color:#ffffffe6;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.logout-item{color:#ef4444!important}.logout-item:hover{background:#ef444426!important;color:#f87171!important}.mobile-sidebar .ant-drawer-body{background:linear-gradient(180deg,#0f172a,#1e293b);padding:0}.mobile-sidebar .ant-drawer-header{display:none}.desktop-sidebar::-webkit-scrollbar{width:4px}.desktop-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.desktop-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.desktop-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar-menu .ant-menu-item{animation:slideInLeft .3s ease forwards}.app-header{align-items:center;background:#fff;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;transition:all .3s ease;z-index:100}.app-header.dark{background:#1e293b;box-shadow:0 1px 2px #0003}.header-left{flex:1 1;gap:16px}.header-left,.menu-toggle-btn{align-items:center;display:flex}.menu-toggle-btn{border-radius:50%;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.menu-toggle-btn:hover{background:#0000000d;transform:scale(1.05)}.menu-toggle-btn .anticon{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-toggle-btn .anticon-close{animation:rotateIn .3s ease}.menu-toggle-btn .anticon-menu{animation:rotateOut .3s ease}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:0;transform:rotate(90deg)}to{opacity:1;transform:rotate(0)}}.app-header.dark .menu-toggle-btn{color:#e2e8f0}.app-header.dark .menu-toggle-btn:hover{background:#ffffff1a}.logo-area{align-items:center;display:flex;gap:8px}.logo-icon-small{color:#ff6b6b;font-size:24px}.logo-text-small{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600}.app-header.dark .logo-text-small{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#60a5fa);-webkit-background-clip:text}.search-bar{align-items:center;background:#f1f5f9;border-radius:40px;display:flex;margin-left:16px;padding:8px 16px;transition:all .3s ease;width:300px}.search-bar:focus-within,.search-bar:hover{background:#e2e8f0;box-shadow:0 2px 8px #0000000d}.app-header.dark .search-bar{background:#334155}.app-header.dark .search-bar:focus-within,.app-header.dark .search-bar:hover{background:#475569}.search-icon{color:#94a3b8;font-size:16px;margin-right:8px}.search-input{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;width:100%}.app-header.dark .search-input{color:#e2e8f0}.search-input::placeholder{color:#94a3b8}.header-right{gap:12px}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{border-radius:50%;height:40px;justify-content:center;transition:all .3s ease;width:40px}.icon-btn:hover{background:#0000000d;transform:scale(1.05)}.icon-btn-icon{border-radius:50%;color:#64748b;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.icon-btn-icon:hover{background:#3b82f61a;color:#3b82f6;transform:scale(1.05)}.app-header.dark .icon-btn-icon{color:#94a3b8}.app-header.dark .icon-btn-icon:hover{background:#60a5fa1a;color:#60a5fa}.notification-badge{cursor:pointer}.notification-badge .ant-badge-count{box-shadow:0 0 0 2px #fff}.app-header.dark .notification-badge .ant-badge-count{box-shadow:0 0 0 2px #1e293b}.user-info{align-items:center;border-radius:40px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;transition:all .3s ease}.user-info:hover{background:#0000000d;transform:translateY(-1px)}.app-header.dark .user-info:hover{background:#ffffff0d}.user-avatar{transition:all .3s ease}.user-info:hover .user-avatar{transform:scale(1.05)}.user-name{color:#1e293b;font-size:14px;font-weight:500}.app-header.dark .user-name{color:#e2e8f0}.notifications-drawer .ant-drawer-header{border-bottom:1px solid #e2e8f0}.notification-item{cursor:pointer;padding:12px!important;transition:all .3s ease}.notification-item:hover{background:#f8fafc;transform:translateX(4px)}.notification-item.unread{background:#eff6ff}.notification-icon{color:#22c55e;font-size:20px}.notification-message{color:#64748b;font-size:13px;margin-top:4px}.notification-time{color:#94a3b8;font-size:11px;margin-top:4px}@media (max-width:768px){.app-header{padding:0 16px}.logo-area{display:none}.search-bar{width:200px}.user-name{display:none}.user-info{padding:6px}}@media (max-width:480px){.search-bar{display:none}}.app-layout{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;margin-top:0;position:relative}.app-content,.main-layout{flex:1 1;min-height:calc(100vh - 64px)}.app-content{background:#f8fafc;margin-left:280px;overflow-y:auto;padding:24px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-content.content-expanded{margin-left:0}.content-wrapper{animation:fadeIn .3s ease-out;margin:0 auto;max-width:1400px}@media (max-width:768px){.app-content{margin-left:0!important;padding:16px}}.dark-mode .app-content{background:#0f172a}.login-container{align-items:center;background:linear-gradient(135deg,#c5ccce,#f1f6f9);display:flex;justify-content:center;min-height:100vh;position:relative}.login-bg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 32 96 16.3 192 26.3 288 10.6 96-16.3 192-58.3 240-80l48-21.3v256H0Z'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:90%;width:480px;z-index:1}.login-header{margin-bottom:32px;text-align:center}.login-logo{animation:pulse 2s infinite;color:#ff6b6b;font-size:64px;margin-bottom:16px}.login-title{color:#1a5f7a!important;margin:0!important}.login-demo-info{margin-top:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.login-card{width:95%}}.admin-dashboard{animation:adFadeIn .3s ease-out;background:#f0f2f5;min-height:100vh}.ad-welcome-section{background:linear-gradient(135deg,#1a5f7a,#0d3b4f);border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:24px;padding:24px 32px}.ad-welcome-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ad-welcome-content h1{font-size:24px;font-weight:600;margin:0}.ad-welcome-content p{margin:8px 0 0;opacity:.9}.ad-date-info{background:#fff3;border-radius:20px;font-size:14px;padding:8px 16px}.ad-header-actions .ant-btn{border-color:#ffffff4d;color:#0d0d0d}.ad-header-actions .ant-btn:hover{border-color:#f64343;color:#252fe9!important}.ad-filter-bar{background:#fff;border-radius:12px;box-shadow:0 1px 2px #00000008;padding:12px 20px}.ad-filter-bar,.ad-stats-row{margin-bottom:24px}.ad-stat-card{border-radius:12px;box-shadow:0 1px 2px #00000008;transition:transform .2s,box-shadow .2s}.ad-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.ad-stat-trend{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;margin-top:12px}.ad-chart-card{border-radius:12px;box-shadow:0 1px 2px #00000008}.ad-chart-card .ant-card-head{border-bottom:1px solid #f0f0f0}.custom-tooltip{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:10px 14px}.tooltip-label{color:#333;font-weight:600;margin-bottom:6px}.ad-progress-card{border-radius:12px;height:100%}.ad-progress-item{margin-bottom:24px}.ad-progress-item:last-child{margin-bottom:0}.ad-progress-header{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.ad-progress-value{color:#333;font-weight:600}.ad-progress-footer{align-items:center;color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.ad-timeline-card{border-radius:12px;height:100%}.ad-timeline-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ad-timeline-text{color:#333;font-size:13px}.ad-timeline-time{color:#999;font-size:11px}.ad-project-stats{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:16px}.ad-project-mini-stat{margin-bottom:12px}.ad-project-name{align-items:center;color:#666;display:flex;font-size:13px}.ad-project-count{color:#333;font-size:16px;font-weight:600;margin-left:18px}.ad-events-card{border-radius:12px}.ad-event-item{background:#fafafa;border-radius:10px;padding:14px;transition:all .2s}.ad-event-item:hover{background:#f5f5f5;transform:translateY(-2px)}.ad-event-time{color:#fa8c16;font-size:12px;margin-bottom:8px}.ad-event-title{font-weight:600;margin-bottom:6px}.ad-event-location{color:#999;font-size:12px;margin-bottom:8px}.ad-tabs{margin-bottom:24px}.ad-tabs .ant-tabs-nav{background:#fff;border-radius:12px 12px 0 0;margin-bottom:0;padding:0 20px}.ad-tabs .ant-tabs-tab{font-weight:500;padding:12px 20px}.ad-tabs .ant-tabs-tab-active{color:#1a5f7a}.ad-tabs .ant-tabs-ink-bar{background:#1a5f7a}.ad-tabs .ant-card{border-radius:0 0 12px 12px}.ad-table-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.admin-amount{color:#52c41a;font-size:14px;font-weight:600}.ad-top-donors{padding:8px 0}.ad-donor-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.ad-donor-item:last-child{border-bottom:none}.ad-donor-rank{font-size:20px;text-align:center;width:32px}.ad-donor-name{font-weight:600}.ad-donor-stats{color:#999;font-size:11px}.ad-donor-amount{color:#52c41a;font-size:16px;font-weight:600}.ad-quick-actions{border-radius:12px;margin-bottom:24px;margin-top:8px}.ad-quick-actions .ant-btn{border-radius:10px;font-weight:500;height:44px}@media (max-width:768px){.ad-welcome-section{padding:16px 20px}.ad-welcome-content{flex-direction:column;text-align:center}.ad-welcome-content h1{font-size:20px}.ad-stats-row .ant-col{margin-bottom:12px}.ad-tabs .ant-tabs-tab{font-size:13px;padding:8px 12px}.ad-quick-actions .ant-col{margin-bottom:12px}.ad-donor-item{align-items:flex-start;flex-direction:column;gap:8px}.ad-donor-amount{align-self:flex-end}}@keyframes adFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ngocms-settings{animation:ngocmsSettingsFadeIn .3s ease-out;background:#f0f2f5!important;min-height:100vh;padding:24px}.ngocms-settings-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ngocms-settings-header h2{color:#1a1a1a;font-weight:600;margin-bottom:4px}.ngocms-settings-tabs{background:#fff!important;border-radius:12px;overflow:hidden}.ngocms-settings-tabs .ant-tabs-nav{background:#fafafa!important;border-bottom:1px solid #f0f0f0;margin-bottom:0;padding:0 20px}.ngocms-settings-tabs .ant-tabs-tab{font-weight:500;padding:12px 24px}.ngocms-profile-container{padding:24px}.ngocms-profile-card,.ngocms-profile-edit-card{border-radius:12px;height:100%}.ngocms-profile-avatar-section{text-align:center}.ngocms-avatar-wrapper{display:inline-block;position:relative}.ngocms-profile-avatar{border:4px solid #1890ff}.ngocms-avatar-upload-btn{bottom:0;position:absolute;right:0}.ngocms-profile-name{font-size:20px;margin-bottom:4px;margin-top:16px}.ngocms-profile-role{color:#666;margin-bottom:12px}.ngocms-profile-badges{margin-bottom:16px}.ngocms-profile-info{margin-top:16px}.ngocms-info-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.ngocms-info-icon{color:#1890ff;font-size:20px}.ngocms-info-label{color:#999;font-size:12px}.ngocms-info-value{font-weight:500}.ngocms-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.ngocms-activity-card,.ngocms-password-card,.ngocms-security-card{border-radius:12px;height:100%}.ngocms-password-strength{align-items:center;display:flex;gap:12px;margin:16px 0}.ngocms-security-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.ngocms-security-info{align-items:center;display:flex;gap:12px}.ngocms-security-icon{color:#1890ff;font-size:24px}.ngocms-security-title{font-weight:500;margin-bottom:4px}.ngocms-security-desc{color:#999;font-size:12px}.ngocms-notification-container{padding:24px}.ngocms-notification-card{border-radius:12px;height:100%}.ngocms-notification-group{margin-bottom:24px}.ngocms-group-title{display:block;font-size:14px;margin-bottom:12px}.ngocms-notification-item{margin-bottom:12px}.ngocms-api-container{padding:24px}.ngocms-api-card{border-radius:12px;margin-bottom:24px}.ngocms-api-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.ngocms-settings-management{border-radius:12px}.ngocms-test-loading{padding:40px;text-align:center}.ngocms-test-loading p{color:#666;margin-top:16px}@media (max-width:768px){.ngocms-settings{padding:16px}.ngocms-settings-header{flex-direction:column}.ngocms-settings-tabs .ant-tabs-nav{padding:0 12px}.ngocms-settings-tabs .ant-tabs-tab{font-size:12px;padding:8px 12px}.ngocms-api-container,.ngocms-notification-container,.ngocms-profile-container{padding:16px}.ngocms-info-item{padding:8px 0}.ngocms-security-item{align-items:flex-start;flex-direction:column;gap:12px}.ngocms-api-actions{flex-direction:column}.ngocms-api-actions .ant-btn{width:100%}}@media (prefers-color-scheme:dark){.ngocms-settings{background:#141414}.ngocms-settings-tabs{background:#1f1f1f}.ngocms-settings-tabs .ant-tabs-nav{background:#1a1a1a;border-bottom-color:#303030}}@keyframes ngocmsSettingsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.member-management{animation:mmFadeIn .3s ease-out;background:#f0f2f5;min-height:100vh;padding:24px}.mm-header{margin-bottom:24px}.mm-header h2{color:#1a1a1a;margin-bottom:4px}.mm-subtitle{color:#666;margin:0}.mm-stats-row{margin-bottom:24px}.mm-stat-card{border-radius:12px;transition:all .2s}.mm-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mm-stat-detail{align-items:center;color:#666;display:flex;font-size:12px;gap:12px;margin-top:12px}.volunteer-stat{border-left:4px solid #1890ff}.member-stat{border-left:4px solid #52c41a}.masjid-stat{border-left:4px solid #722ed1}.certificate-stat{border-left:4px solid #fa8c16}.mm-action-bar{align-items:center;box-shadow:0 1px 2px #00000008;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.mm-action-bar,.mm-tabs{background:#fff;border-radius:12px}.mm-tabs{padding:0 20px}.mm-tabs .ant-tabs-nav{margin-bottom:0}.mm-subtabs .ant-tabs-nav{padding:0}.mm-subscription-buttons{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.id-card-preview{background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;padding:20px}.id-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #0003;color:#fff;padding:20px;text-align:center;width:350px}.id-card-header{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding-bottom:10px}.id-card-header h3{color:#fff;margin:0}.id-card-body h2{color:#fff;font-size:18px;margin:10px 0 5px}.id-card-body p{font-size:12px;margin:5px 0;opacity:.9}.id-card-qr{margin:15px 0}.id-card-footer{border-top:1px solid #ffffff4d;font-size:11px;font-style:italic;margin-top:15px;padding-top:10px}.certificate-preview{background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;padding:20px}.certificate{background:#fff;border:10px solid gold;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center;width:100%}.certificate h1{color:#333;font-size:28px;letter-spacing:2px;margin-bottom:30px}.certificate h2{color:#1890ff;font-size:24px;margin:20px 0}.certificate p{color:#666;font-size:16px;margin:10px 0}.certificate-date{font-style:italic;margin-top:40px}.certificate-signature{border-top:1px solid #ddd;font-style:italic;margin-left:auto;margin-right:auto;margin-top:30px;padding-top:20px;width:200px}@media (max-width:768px){.member-management{padding:16px}.mm-action-bar{align-items:stretch;flex-direction:column}.mm-action-bar .ant-input-search{width:100%!important}.mm-stat-card .ant-statistic-content{font-size:20px}.certificate{padding:20px}.certificate h1{font-size:20px}}@keyframes mmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ngocms-admin-content{animation:ngocmsFadeIn .3s ease-out;background:#f0f2f5!important;min-height:100vh;padding:24px}.ngocms-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ngocms-header h2{color:#1a1a1a;font-weight:600;margin-bottom:4px}.ngocms-header-subtitle{color:#666;font-size:14px;margin:0}.ngocms-stats-row{margin-bottom:24px}.ngocms-stat-card{border-radius:12px;box-shadow:0 1px 2px #00000008;transition:all .2s ease}.ngocms-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ngocms-stat-card .ant-statistic-title{color:#666;font-size:13px;font-weight:500}.ngocms-stat-card .ant-statistic-content{font-size:28px;font-weight:600}.ngocms-main-tabs{background:#fff!important;border-radius:12px;box-shadow:0 1px 2px #00000008;overflow:hidden}.ngocms-main-tabs .ant-tabs-nav{background:#fafafa!important;border-bottom:1px solid #f0f0f0;margin-bottom:0;padding:0 20px}.ngocms-main-tabs .ant-tabs-tab{font-size:14px;font-weight:500;padding:12px 20px}.ngocms-main-tabs .ant-tabs-tab-active{color:#1890ff}.ngocms-main-tabs .ant-tabs-ink-bar{background:#1890ff}.ngocms-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ngocms-search-input{width:250px}.ngocms-status-select{width:150px}.ngocms-type-select{width:180px}.ngocms-page-table .ant-table{border-radius:8px}.ngocms-page-table .ant-table-thead>tr>th{background:#fafafa;font-size:13px;font-weight:600}.ngocms-page-slug,.ngocms-page-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.ngocms-page-slug{border-radius:4px;color:#d4380d;font-family:monospace;font-size:12px;padding:2px 8px}.ngocms-structure-row{margin-bottom:24px}.ngocms-nav-menu-card,.ngocms-page-hierarchy-card{border-radius:12px;height:100%}.ngocms-menu-item{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.ngocms-menu-item:hover{background:#f0f0f0;transform:translateX(4px)}.ngocms-menu-drag-icon{color:#999;cursor:grab}.ngocms-menu-drag-icon:active{cursor:grabbing}.ngocms-page-type-grid{margin-top:16px}.ngocms-page-type-card{border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease}.ngocms-page-type-card:hover{border-color:#1890ff;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.ngocms-page-type-icon{color:#1890ff;font-size:48px;margin-bottom:12px}.ngocms-page-type-label{font-size:14px;font-weight:600;margin-bottom:4px}.ngocms-page-type-desc{color:#999;font-size:11px}.ngocms-rich-editor{border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;transition:all .2s ease}.ngocms-rich-editor:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ngocms-editor-toolbar{background:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.ngocms-toolbar-btn{align-items:center;border-radius:4px;color:#666;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.ngocms-toolbar-btn:hover{background:#f0f0f0;color:#1890ff}.ngocms-toolbar-divider{background:#e8e8e8;height:24px;margin:0 4px;width:1px}.ngocms-editor-content{background:#fff;font-size:14px;line-height:1.6;min-height:200px;outline:none;padding:12px}.ngocms-editor-content:empty:before{color:#bfbfbf;content:attr(placeholder)}.ngocms-editor-content p{margin-bottom:12px}.ngocms-editor-content h1{font-size:28px;margin:16px 0 12px}.ngocms-editor-content h2{font-size:24px;margin:14px 0 10px}.ngocms-editor-content h3{font-size:20px;margin:12px 0 8px}.ngocms-editor-content ol,.ngocms-editor-content ul{margin:8px 0;padding-left:24px}.ngocms-editor-content img{border-radius:8px;margin:8px 0;max-width:100%}.ngocms-editor-content a{color:#1890ff;text-decoration:underline}.ngocms-editor-content blockquote{background:#f9f9f9;border-left:4px solid #1890ff;color:#666;font-style:italic;margin:12px 0;padding-left:16px}.ngocms-editor-content table{border-collapse:collapse;margin:12px 0;width:100%}.ngocms-editor-content td,.ngocms-editor-content th{border:1px solid #e8e8e8;padding:8px}.ngocms-editor-content th{background:#fafafa;font-weight:600}.ngocms-image-upload-container{display:inline-block}.ngocms-image-preview{border-radius:8px;display:inline-block;overflow:hidden;position:relative}.ngocms-image-preview img{border-radius:8px}.ngocms-image-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:8px;bottom:8px;display:flex;gap:8px;padding:6px 10px;position:absolute;right:8px}.ngocms-gallery-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.ngocms-gallery-item{background:#fafafa;border-radius:8px;padding:8px;text-align:center;transition:all .2s ease}.ngocms-gallery-item:hover{background:#f0f0f0;transform:scale(1.02)}.ngocms-gallery-item .ant-image{border-radius:8px;overflow:hidden}.ngocms-timeline-editor{max-height:500px;overflow-y:auto}.ngocms-timeline-item{align-items:center;background:#fafafa;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:all .2s ease}.ngocms-timeline-item:hover{background:#f5f5f5}.ngocms-timeline-year{width:100px}.ngocms-timeline-event{flex:1 1}.ngocms-timeline-desc{flex:2 1}.ngocms-core-value-card{background:#fafafa;border-radius:12px;height:100%;padding:16px;text-align:center;transition:all .2s ease}.ngocms-core-value-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ngocms-core-value-icon{font-size:36px;margin-bottom:12px}.ngocms-core-value-title{font-weight:600;margin-bottom:8px}.ngocms-modal-content{max-height:70vh;overflow-y:auto;padding-right:8px}.ngocms-modal-content::-webkit-scrollbar{width:6px}.ngocms-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ngocms-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ngocms-form-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.ngocms-form-section-title{color:#333;font-size:16px;font-weight:600;margin-bottom:16px}.ngocms-action-buttons{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.ngocms-preview-container{padding:16px}.ngocms-preview-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:24px;font-weight:700;margin-bottom:20px;padding:40px;text-align:center}.ngocms-preview-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;line-height:1.6;padding:20px}.ngocms-loading-overlay{align-items:center;background:#fffc;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}@media (max-width:1200px){.ngocms-page-type-card{margin-bottom:16px}}@media (max-width:992px){.ngocms-stats-row .ant-col{margin-bottom:16px}}@media (max-width:768px){.ngocms-admin-content{padding:16px}.ngocms-header{align-items:stretch}.ngocms-filters-bar,.ngocms-header{flex-direction:column}.ngocms-search-input,.ngocms-status-select,.ngocms-type-select{width:100%!important}.ngocms-timeline-item{align-items:stretch;flex-direction:column}.ngocms-timeline-year{width:100%}.ngocms-editor-toolbar{overflow-x:auto;white-space:nowrap}.ngocms-main-tabs .ant-tabs-nav{padding:0 12px}.ngocms-main-tabs .ant-tabs-tab{font-size:12px;padding:8px 12px}.ngocms-page-type-card{margin-bottom:12px}}@media (max-width:576px){.ngocms-admin-content{padding:12px}.ngocms-header h2{font-size:20px}.ngocms-stat-card .ant-statistic-content{font-size:22px}.ngocms-page-table .ant-table{font-size:12px}.ngocms-menu-item{flex-wrap:wrap}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes ngocmsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ngocmsSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes ngocmsPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ngocms-text-center{text-align:center}.ngocms-mt-16{margin-top:16px}.ngocms-mb-16{margin-bottom:16px}.ngocms-mt-24{margin-top:24px}.ngocms-mb-24{margin-bottom:24px}.ngocms-p-16{padding:16px}.ngocms-p-24{padding:24px}.ngocms-rounded-lg{border-radius:12px}.ngocms-shadow-sm{box-shadow:0 1px 2px #00000008}.ngocms-shadow-md{box-shadow:0 4px 12px #00000014}@media (prefers-color-scheme:dark){.ngocms-admin-content{background:#141414}.ngocms-main-tabs{background:#1f1f1f}.ngocms-main-tabs .ant-tabs-nav{background:#1a1a1a;border-bottom-color:#303030}.ngocms-editor-content{background:#1f1f1f;color:#e0e0e0}.ngocms-editor-toolbar{background:#1a1a1a;border-bottom-color:#303030}.ngocms-toolbar-btn{color:#e0e0e0}.ngocms-toolbar-btn:hover{background:#303030}.ngocms-menu-item{background:#1a1a1a;border-color:#303030}.ngocms-menu-item:hover{background:#252525}}.profile-container{background:#f0f2f5;min-height:100vh;padding:24px}.profile-header{margin-bottom:24px}.profile-title{color:#1a1a1a;font-weight:600;margin-bottom:8px}.profile-subtitle{color:#666;font-size:14px}.profile-card{border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.profile-card:hover{box-shadow:0 4px 12px #0000001f}.avatar-card,.avatar-section{text-align:center}.avatar-wrapper{display:inline-block;margin-bottom:16px;position:relative}.profile-avatar{border:3px solid #1890ff;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.avatar-edit-btn{align-items:center;background:#1890ff;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:36px;z-index:10}.avatar-edit-btn:hover{background:#40a9ff;box-shadow:0 2px 8px #1890ff4d;transform:scale(1.1)}.member-name{font-size:20px;font-weight:600;margin-bottom:8px}.member-badge{background:#f0f0f0;border-radius:20px;color:#666;display:inline-block;font-size:12px;margin-bottom:8px;padding:4px 12px}.member-status{align-items:center;display:flex;font-weight:500;gap:6px;justify-content:center;margin-top:8px}.quick-info{text-align:left}.info-item{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:8px;transition:background .3s ease}.info-item:hover{background:#f5f5f5}.info-icon{color:#1890ff;font-size:20px}.info-item div{flex:1 1}.info-item .ant-typography-secondary{display:block;font-size:12px;margin-bottom:2px}.card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.card-header .ant-typography{margin-bottom:0}.form-actions{margin-top:8px;text-align:right}.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa;font-weight:500;width:150px}.ant-descriptions-bordered .ant-descriptions-item-content{background-color:#fff}@media (max-width:768px){.profile-container{padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:16px}.profile-title{font-size:24px}.member-name{font-size:18px}.avatar-wrapper .ant-avatar{height:100px;line-height:100px;width:100px}.avatar-edit-btn{font-size:16px;height:32px;width:32px}.info-item{padding:6px}.form-actions{text-align:center}.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-bordered .ant-descriptions-item-label{padding:12px 16px}}@media (min-width:769px) and (max-width:1024px){.profile-container{padding:20px}.avatar-wrapper .ant-avatar{height:110px;line-height:110px;width:110px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-card{animation:fadeIn .5s ease-out}.profile-container::-webkit-scrollbar{width:8px}.profile-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.profile-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.profile-container::-webkit-scrollbar-thumb:hover{background:#555}.ant-input-focused,.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-btn-primary:hover{box-shadow:0 2px 8px #1890ff4d;transform:translateY(-1px);transition:all .3s ease}.avatar-edit-btn .anticon-camera{font-size:18px}.avatar-wrapper:hover .avatar-edit-btn{opacity:1;visibility:visible}.dashboard-main{background:#f4f7fb;min-height:100vh;padding:30px}.dashboard-header h2{color:#1e3c72;font-size:2rem}.dashboard-header p{color:#666;margin-bottom:25px;margin-top:5px}.dashboard-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.dashboard-card{background:#cbddf2;border-radius:12px;box-shadow:0 5px 15px #0000001a;flex:1 1;min-width:220px;padding:20px;transition:.3s}.dashboard-card h4{color:#777;margin-bottom:10px}.dashboard-card p{color:#1e3c72;font-size:1.8rem;font-weight:700}.dashboard-card:hover{transform:translateY(-8px) scale(1.02)}.dashboard-table{background:#d8e4eb;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:20px}.dashboard-table h3{color:#1e3c72;margin-bottom:15px}.pending{color:orange;font-weight:700}@media (max-width:768px){.dashboard-cards{flex-direction:column}}.donation-container{background:#f4f7fb;padding:30px}.donation-container h2{color:#1e3c72;margin-bottom:20px}.donation-form{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;max-width:400px;padding:25px}.donation-form input,.donation-form select{border:1px solid #ccc;border-radius:8px;margin-bottom:15px;padding:12px;width:100%}.donation-form button{background:#1e3c72;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;transition:.3s;width:100%}.donation-form button:hover{background:#2a5298}.history-container{background:#f4f7fb;min-height:100vh;padding:30px}.history-container h2{color:#1e3c72;margin-bottom:20px}.history-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.history-controls input,.history-controls select{border:1px solid #ccc;border-radius:8px;padding:10px}.history-table{background:#eef1f1;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:20px}.success{color:green;font-weight:700}tbody tr:hover{transition:.3s}@media (max-width:768px){.history-controls{flex-direction:column}}.receipt-container{background:#f4f7fb;min-height:100vh;padding:30px}.receipt-container h2{color:#1e3c72;margin-bottom:20px}.receipt-table{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:20px}table{border-collapse:collapse;width:100%}td,th{padding:12px;text-align:left}thead{background:#1e3c72;color:#fff}tbody tr:nth-child(2n){background:#f9f9f9}.download-btn{background:#1e3c72;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.download-btn:hover{background:#2a5298;transform:scale(1.05)}.no-data{color:#777;padding:20px;text-align:center}tbody tr:hover{background:#eef3ff}@media (max-width:768px){table{font-size:12px}}.impact-container{background:#f4f7fb;padding:30px}.impact-container h2{color:#1e3c72}.subtitle{color:#666;margin-bottom:25px}.impact-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.impact-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;flex:1 1;min-width:200px;padding:20px;text-align:center;transition:.3s}.impact-card:hover{transform:translateY(-8px)}.impact-categories{margin-bottom:30px}.category{margin-bottom:15px}.progress{background:#ddd;border-radius:5px;height:8px;margin:5px 0;overflow:hidden}.progress div{background:#1e3c72;height:100%}.story-grid{display:flex;flex-wrap:wrap;gap:20px}.story-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;flex:1 1;min-width:250px;overflow:hidden;transition:.3s}.story-card img{height:180px;object-fit:cover;width:100%}.story-card h4{padding:10px}.story-card p{color:#555;padding:0 10px 15px}.story-card:hover{transform:scale(1.03)}@media (max-width:768px){.impact-stats{flex-direction:column}}.events-container{background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;padding:70px 20px}.events-title{color:#0f172a;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.events-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:auto;max-width:1100px}.event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:18px;box-shadow:0 10px 25px #00000014;transition:all .4s ease}.event-card,.event-img{overflow:hidden}.event-img img{height:220px;object-fit:cover;transition:transform .4s ease;width:100%}.event-content{padding:22px}.event-content h3{color:#1e293b;font-size:1.3rem;margin-bottom:10px}.event-info{color:#64748b;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.event-content p{color:#475569;font-size:.95rem;margin-bottom:15px}.join-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.event-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-12px)}.event-card:hover img{transform:scale(1.08)}.join-btn:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);transform:scale(1.07)}@media (max-width:768px){.events-title{font-size:2rem}.event-img img{height:200px}}.volunteer-dashboard{animation:vdFadeIn .3s ease-out}.vd-welcome-header{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:16px;color:#fff;margin-bottom:24px;padding:32px}.vd-welcome-content{align-items:center;display:flex;gap:24px}.vd-welcome-text h1{font-size:28px;font-weight:600;margin:0}.vd-welcome-text p{margin:8px 0;opacity:.9}.vd-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vd-stats{margin-bottom:24px}.vd-stat-card{border-radius:12px;transition:transform .2s,box-shadow .2s}.vd-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.vd-stat-hours .ant-statistic-content{color:#1890ff}.vd-stat-tasks .ant-statistic-content{color:#52c41a}.vd-stat-certificates .ant-statistic-content{color:#faad14}.vd-stat-attendance .ant-statistic-content{color:#722ed1}.vd-quick-actions{margin-bottom:24px}.vd-action-card{border-radius:12px;cursor:pointer;text-align:center;transition:all .3s}.vd-action-card:hover{border-color:#2e7d32;box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.vd-action-icon{color:#2e7d32;display:block;font-size:32px;margin-bottom:8px}.vd-tabs .ant-tabs-nav{background:#fff;border-radius:12px;margin-bottom:0;padding:0 20px}.vd-tabs .ant-tabs-tab{font-weight:500;padding:12px 20px}.vd-tabs .ant-tabs-tab-active{color:#2e7d32}.vd-tabs .ant-tabs-ink-bar{background:#2e7d32}.vd-achievements-card,.vd-profile-card{border-radius:12px;height:100%}.vd-rating-section{text-align:center}.vd-rating{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.vd-rating-value{color:#faad14;font-weight:600}.vd-badges-section h4,.vd-hours-progress h4{color:#2e7d32;margin-bottom:12px}.vd-badges-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.vd-badge-item{background:#f0f7fa;border-radius:20px;color:#2e7d32;font-size:12px;padding:6px 12px}.vd-certificate-card{border-radius:12px;text-align:center;transition:transform .2s}.vd-certificate-card:hover{transform:translateY(-4px)}.vd-certificate-icon{color:#faad14;font-size:48px;margin-bottom:16px}.vd-certificate-card h3{color:#2e7d32;font-size:18px;margin:0 0 8px}.vd-certificate-card p{color:#666;font-size:13px}.vd-certificate-date{color:#999;font-size:12px;margin:12px 0}.vd-certificate-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.vd-notifications-list .ant-list-item{cursor:pointer;padding:16px;transition:background .3s}.vd-notifications-list .ant-list-item:hover{background:#f5f5f5}.vd-notifications-list .unread{background:#e6f7ff;border-left:3px solid #1890ff}.vd-hours-summary{text-align:center}.vd-hours-circle{margin-bottom:24px}.vd-hours-stats{margin-top:16px;text-align:left}.vd-hours-stats p{align-items:center;display:flex;gap:8px;margin:8px 0}.vd-task-detail h3{color:#2e7d32;margin-bottom:16px}.vd-task-detail h4{color:#2e7d32;margin:16px 0 8px}.vd-task-detail p{margin-bottom:8px}.vd-certificate-view{text-align:center}.vd-certificate-preview{background:linear-gradient(135deg,#fff9e6,#fff);border:2px dashed #faad14;border-radius:16px;padding:32px}.vd-cert-preview-icon{color:#faad14;font-size:64px;margin-bottom:16px}.vd-certificate-preview h2{color:#2e7d32;margin:0 0 16px}.vd-certificate-preview h3{color:#333;font-size:24px;margin:16px 0}@media (max-width:768px){.vd-welcome-header{padding:20px}.vd-welcome-content{flex-direction:column;text-align:center}.vd-welcome-text h1{font-size:22px}.vd-stats .ant-col{margin-bottom:12px}.vd-tabs .ant-tabs-tab{font-size:13px;padding:8px 12px}.vd-quick-actions .ant-col{margin-bottom:12px}.vd-certificate-actions{flex-direction:column}.vd-certificate-actions .ant-btn{width:100%}}@keyframes vdFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.0c4b1a0f.css.map*/