.home-page{background:#f5f7fb;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.home-page .hero-section{align-items:center;background:url(https://images.unsplash.com/photo-1516627145497-ae6968895b74?q=80&w=1600&auto=format&fit=crop) 50% no-repeat;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;display:flex;height:100vh;justify-content:center;margin-top:-132px;overflow:hidden;position:relative;text-align:center;top:132px;width:100%}.home-page .hero-overlay{background:linear-gradient(#00000094,#000000b8);inset:0;position:absolute;z-index:1}.home-page .hero-content{animation:fadeUp 1s ease;color:#fff;max-width:900px;padding:0 20px;position:relative;z-index:2}.home-page .hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff26;border-radius:50px;display:inline-flex;font-size:15px;font-weight:700;gap:10px;height:52px;margin-bottom:28px;padding:0 24px}.home-page .hero-badge svg{color:#ff7675;font-size:18px}.home-page .hero-content h1{font-size:74px;font-weight:900;letter-spacing:-1px;line-height:1.08;margin-bottom:24px}.home-page .hero-content p{color:#ffffffeb;font-size:20px;line-height:1.9;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:820px}.home-page .hero-btns{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.home-page .explore-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;box-shadow:0 12px 30px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:800;gap:12px;height:62px;justify-content:center;outline:none;padding:0 34px;transition:.35s ease}.home-page .explore-btn:hover{transform:translateY(-4px)}.home-page .join-us-btn{align-items:center;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:999px;box-shadow:0 14px 34px #2563eb59;color:#fff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:800;gap:12px;height:62px;justify-content:center;outline:none;overflow:hidden;padding:0 36px;position:relative;transition:.35s ease}.home-page .join-us-btn:before{animation:joinShine 3s infinite;background:linear-gradient(120deg,#0000,#fff9,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-25deg);width:70%}@keyframes joinShine{to{left:150%}}.home-page .join-us-btn svg{animation:joinPulse 1.8s infinite;font-size:20px}@keyframes joinPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.home-page .join-us-btn:hover{transform:translateY(-4px)}.home-page .posts-section{padding:40px 7% 90px}.home-page .section-top{flex-wrap:wrap;gap:15px;margin-bottom:45px;text-align:center}.home-page .animated-title,.home-page .section-top{align-items:center;display:flex;justify-content:center}.home-page .animated-title{color:#111827;font-size:42px;font-weight:800;gap:16px;line-height:1.3;margin:0}.home-page .title-icon{animation:pulseRotate 2s ease-in-out infinite;color:#10b981;font-size:38px}@keyframes pulseRotate{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.25) rotate(14deg)}to{transform:scale(1) rotate(0deg)}}.home-page .posts-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(2,1fr)}.home-page .post-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px #00000012;overflow:hidden;padding:28px;transition:.35s ease}.home-page .post-card:hover{transform:translateY(-8px)}.home-page .post-image{align-items:center;background:#f3f4f6;border-radius:20px;display:flex;justify-content:center;overflow:hidden;width:100%}.home-page .post-image img{display:block;height:auto;max-height:500px;object-fit:contain;transition:.4s ease;width:100%}.home-page .post-card:hover img{transform:scale(1.03)}.home-page .post-left h3{color:#111827;font-size:30px;line-height:1.4;margin-bottom:18px;margin-top:22px}.home-page .post-right p{color:#475569;font-size:18px;line-height:2;text-align:justify}.home-page .empty-box{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;color:#6b7280;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:1100px){.home-page{overflow-x:hidden}.home-page .hero-section{align-items:center;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;display:flex;justify-content:center;margin-top:-96px;min-height:88svh;overflow:hidden;position:relative;text-align:center;top:96px;width:100%}.home-page .hero-content{padding:120px 20px 40px;text-align:center}.home-page .hero-content h1{font-size:38px;line-height:1.2}.home-page .hero-content p{font-size:15px;line-height:1.8}.home-page .hero-btns{flex-direction:column;gap:14px}.home-page .posts-grid{grid-template-columns:1fr}.home-page .post-card{border-radius:22px;padding:18px}.home-page .post-image img{height:auto;width:100%}.home-page .animated-title{font-size:28px;line-height:1.4}.home-page .title-icon{font-size:28px}.home-page .post-left h3{font-size:24px}.home-page .post-right p{color:#4b5563;font-size:16px;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.2px;line-height:1.9;overflow-wrap:break-word;text-align:justify;text-justify:inter-word;word-spacing:-.8px}}.hero-content{position:relative}.hero-nav-toggle{display:none}@media (max-width:1100px){.hero-nav-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:none;border-radius:50%;box-shadow:0 6px 18px #0000002e;color:#16a34a;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:16px;top:16px;transition:transform .25s ease;width:44px;z-index:1000}.hero-nav-toggle:active{transform:scale(.95)}.hero-nav-toggle svg{animation:heroArrowMove 1.2s ease-in-out infinite;height:26px;width:26px}}@keyframes heroArrowMove{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.home-page .explore-btn,.home-page .hero-nav-toggle,.home-page .join-us-btn{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:#0000;outline:none!important;-webkit-user-select:none;user-select:none}.home-page .explore-btn:active,.home-page .explore-btn:focus,.home-page .hero-nav-toggle:active,.home-page .hero-nav-toggle:focus,.home-page .join-us-btn:active,.home-page .join-us-btn:focus{box-shadow:none!important;outline:none!important}.profile-section{background:linear-gradient(180deg,#f8fafc,#fff);margin-top:140px;overflow:hidden;padding:40px 5% 10px;position:relative;width:100%}.profile-section:before{animation:movingLines 18s linear infinite;background:repeating-linear-gradient(120deg,#14b8a60a,#14b8a60a 2px,#0000 0,#0000 80px);content:"";height:140%;left:-200px;position:absolute;top:-200px;width:140%;z-index:0}.profile-section:after{background:radial-gradient(circle at top left,#0ea5e90f,#0000 30%);content:"";inset:0;pointer-events:none;position:absolute}.profile-section .profile-title-wrap{margin-bottom:45px;position:relative;text-align:center;z-index:2}.profile-section .profile-title{align-items:center;color:#0f172a;display:inline-flex;font-size:42px;font-weight:900;gap:14px;letter-spacing:-.5px;line-height:1.3;margin-bottom:14px}.profile-section .profile-title:before{animation:starJump 2s ease-in-out infinite,starGlow 2s ease-in-out infinite;content:"🌟";display:inline-block;filter:drop-shadow(0 0 10px rgba(251,191,36,.45));transform-origin:center}.profile-section .profile-subtitle{color:#475569;font-size:16px;font-weight:500;line-height:1.9;margin:auto;max-width:760px;position:relative;text-align:center;z-index:2}.profile-section .profile-grid{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));position:relative;z-index:2}.profile-section .profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 8px 24px #0f172a0f;display:flex;flex-direction:column;min-height:620px;overflow:hidden;padding:38px;position:relative;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.profile-section .profile-card:before{animation:topLineMove 4s linear infinite;background:linear-gradient(90deg,#14b8a6,#06b6d4,#3b82f6);content:"";height:5px;left:-100%;position:absolute;top:0;width:100%}.profile-section .profile-card:after{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:250%;left:-40%;position:absolute;top:-120%;transform:rotate(25deg);transition:.8s ease;width:70%}.profile-section .profile-card:hover:after{left:120%}.profile-section .profile-card:hover{border-color:#cbd5e1;box-shadow:0 25px 50px #0f172a24;transform:translateY(-10px)}.profile-section .profile-image-wrap{border:5px solid #ecfeff;border-radius:50%;box-shadow:0 8px 22px #0f172a1f;flex-shrink:0;height:110px;margin-bottom:28px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;width:110px}.profile-section .profile-card:hover
.profile-image-wrap{box-shadow:0 16px 34px #14b8a633;transform:scale(1.08) rotate(-3deg)}.profile-section .profile-image{display:block;height:100%;object-fit:cover;object-position:top;width:100%}.profile-section .profile-content{display:flex;flex:1 1;flex-direction:column;width:100%}.profile-section .profile-name{align-items:flex-start;color:#0f172a;display:flex;font-size:24px;font-weight:800;gap:14px;line-height:1.5;margin-bottom:20px;word-break:break-word}.profile-section .profile-name svg{animation:profileIconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#0f766e);border-radius:50%;box-shadow:0 10px 20px #14b8a640;color:#fff;flex-shrink:0;height:48px;min-width:48px;padding:10px;transition:all .35s ease;width:48px}.profile-section .profile-card:hover
.profile-name svg{transform:rotate(-10deg) scale(1.1)}.profile-section .profile-designation{align-items:center;background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #bae6fd;border-radius:999px;color:#0f766e;display:inline-flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:28px;padding:12px 20px;transition:.3s ease;width:fit-content}.profile-section
.profile-designation svg{animation:briefcasePulse 2s ease infinite;height:18px;width:18px}.profile-section .profile-description{border-top:1px solid #e2e8f0;color:#475569;font-size:17px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:0;line-height:2.2;margin-top:auto;max-width:100%;min-height:240px;overflow-wrap:break-word;padding-top:28px;text-align:justify;text-justify:inter-word;width:100%;word-break:normal;word-spacing:0}@keyframes movingLines{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-120px) translateY(-120px)}}@keyframes profileIconFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes briefcasePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes starJump{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-8deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-6px) rotate(8deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes starGlow{0%{filter:drop-shadow(0 0 6px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 18px rgba(251,191,36,.7))}to{filter:drop-shadow(0 0 6px rgba(251,191,36,.3))}}@media (max-width:768px){.profile-section{margin-top:100px;padding:30px 16px 5px}.profile-section .profile-title{font-size:30px;gap:10px}.profile-section .profile-grid{gap:22px;grid-template-columns:1fr}.profile-section .profile-card{min-height:auto;padding:24px}.profile-section .profile-image-wrap{height:88px;width:88px}.profile-section .profile-name{font-size:20px}.profile-section .profile-description{font-size:15px;line-height:2.1;min-height:auto;padding-top:22px;text-align:justify;text-justify:inter-word}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0px;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-notice{backface-visibility:hidden;box-shadow:0 2px 10px #00000014;height:42px;left:0;position:fixed;top:0;transform:translateZ(0);width:100%;z-index:10000}.notice-fixed,.top-notice{align-items:center;background:#064e3b;display:flex;overflow:hidden}.notice-fixed{border-right:none;color:#fff;flex-shrink:0;font-size:15px;font-weight:800;gap:10px;height:100%;min-width:340px;padding:0 18px;position:relative;z-index:2}.notice-fixed:before{animation:leftShine 3.5s linear infinite;background:linear-gradient(90deg,#0000,#ffffff47,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-20deg);width:80px}@keyframes leftShine{0%{left:-120%}to{left:140%}}.leaf-icon{animation:leafMove 2s ease-in-out infinite;color:#d4ff6a;filter:drop-shadow(0 0 8px rgba(212,255,106,.7));font-size:15px;position:relative;z-index:2}@keyframes leafMove{0%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-2px)}to{transform:rotate(0deg) translateY(0)}}.foundation-text{position:relative;text-shadow:0 0 10px #ffffff26;white-space:nowrap;z-index:2}.live-heart-icon{animation:liveHeartBeat 1.2s ease-in-out infinite;color:#ff4d6d;filter:drop-shadow(0 0 10px rgba(255,77,109,.8));font-size:20px;position:relative;z-index:2}@keyframes liveHeartBeat{0%{transform:scale(1)}25%{transform:scale(1.22)}50%{transform:scale(1)}75%{transform:scale(1.12)}to{transform:scale(1)}}.notice-scroll{align-items:center;display:flex;flex:1 1;height:100%;overflow:hidden;position:relative}.notice-track{animation:notificationMove 110s linear infinite;backface-visibility:hidden;color:#fff;font-size:15px;font-weight:700;gap:110px;padding-left:100%;transform:translateZ(0);will-change:transform}.notice-track,.notification-item{align-items:center;display:inline-flex;white-space:nowrap}.notification-item{letter-spacing:.4px;line-height:1.6}.notification-bell-icon{animation:bellRing 1.8s ease-in-out infinite;color:#fff;flex-shrink:0;font-size:17px;margin-right:14px;transform-origin:top center}.notification-date{align-items:center;color:#fff;display:inline-flex;font-size:15px;font-weight:800;gap:7px;line-height:1;margin-right:16px}.calendar-icon{animation:calendarPulse 2s ease-in-out infinite;color:#fff;font-size:15px}@keyframes calendarPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-title{color:#fff;font-size:15px;font-weight:800;margin-right:10px}.notification-description{color:#fff;font-size:15px;font-weight:500;letter-spacing:.3px;opacity:.96}@keyframes notificationMove{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.notice-scroll:hover .notice-track{animation-play-state:paused}@media (max-width:1100px){.top-notice{border:none;box-shadow:0 1px 6px #00000014;margin:0;min-height:38px;overflow:hidden;padding:0}.notice-fixed,.top-notice{align-items:center;display:flex;height:38px}.notice-fixed{font-size:12px;gap:6px;min-width:235px;padding:0 12px}.foundation-text,.notice-fixed{white-space:nowrap}.leaf-icon{font-size:12px}.live-heart-icon{font-size:16px}.notice-scroll{align-items:center;display:flex;height:38px;overflow:hidden}.notice-track{animation:notificationMove 18s linear infinite;font-size:12px;gap:70px;height:38px;transform:translateZ(0);will-change:transform}.notice-track,.notification-item{align-items:center;display:inline-flex;white-space:nowrap}.notification-bell-icon{font-size:13px;margin-right:7px}.notification-date{align-items:center;display:inline-flex;font-size:12px;gap:5px;margin-right:8px}.calendar-icon{font-size:12px}.notification-title{margin-right:8px}.notification-description,.notification-title{font-size:12px;white-space:nowrap}.top-notice{border:none;box-shadow:0 1px 5px #00000014;margin:0;min-height:34px;overflow:hidden;padding:0}.notice-fixed,.top-notice{align-items:center;display:flex;height:34px}.notice-fixed{font-size:10px;gap:5px;min-width:190px;padding:0 10px}.foundation-text,.notice-fixed{white-space:nowrap}.leaf-icon{font-size:11px}.live-heart-icon{font-size:13px}.notice-scroll{align-items:center;display:flex;height:34px;overflow:hidden}.notice-track{animation:notificationMove 15s linear infinite;font-size:10px;gap:50px;height:34px;transform:translateZ(0);will-change:transform}.notice-track,.notification-item{align-items:center;display:inline-flex;white-space:nowrap}.notification-bell-icon{font-size:11px;margin-right:6px}.notification-date{align-items:center;display:inline-flex;font-size:10px;gap:4px;margin-right:6px}.calendar-icon{font-size:10px}.notification-title{font-size:10px;margin-right:6px;white-space:nowrap}.notification-description{font-size:10px;letter-spacing:0;white-space:nowrap}}.public-layout{box-sizing:border-box;margin:0;overflow-x:hidden;padding-top:132px;width:100%}.main-header{align-items:center;background:#fff;box-shadow:0 2px 12px #0000000f;display:flex;gap:42px;justify-content:flex-start;left:0;min-height:90px;overflow:visible;padding:42px 0 0;position:fixed;top:0;width:100%;z-index:9999}.header-green-strip{background:#064e3b;height:42px;left:0;position:absolute;top:0;width:100%;z-index:1}.banner-section,.hero-container,.hero-section,.home-hero{margin-top:0!important;position:relative;z-index:1}.logo{align-items:center;animation:logoSlide .8s ease;cursor:pointer;display:flex;flex:0 0 auto;height:78px;justify-content:center;margin:0 20px 0 16px;overflow:hidden;padding:0;position:relative;width:90px;z-index:2}.logo-image{display:block;height:auto;max-height:90px;max-width:90px;object-fit:contain;transition:transform .3s ease;width:auto}.logo:hover .logo-image{transform:scale(1.05)}@keyframes logoSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shine{0%{left:-75%}to{left:130%}}.navbar{gap:14px;overflow:visible;z-index:2}.dropdown-btn,.navbar,.navbar a{align-items:center;display:flex;position:relative}.dropdown-btn,.navbar a{background:none;border:none;color:#222;cursor:pointer;font-size:14px;font-weight:700;gap:7px;height:90px;justify-content:center;text-decoration:none;transition:.3s ease;white-space:nowrap}.dropdown-btn:hover,.navbar a:hover{color:#00b894;transform:translateY(-2px)}.dropdown-btn svg,.navbar a svg{flex-shrink:0;font-size:18px;transition:.35s ease}.dropdown-btn:hover svg,.navbar a:hover svg{color:#00cec9}.navbar .active{color:#00b894}.navbar .active svg{color:#00cec9}.navbar .active:after{background:#00cec9;border-radius:50px;bottom:18px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:42px}.dropdown-wrapper{overflow:visible;position:relative}.dropdown-btn{position:relative}.dropdown-menu{animation:dropdownShow .22s ease;background:#fff;border-radius:18px;box-shadow:0 16px 40px #00000024;display:none;left:50%;min-width:240px;overflow:hidden;padding:10px 0;position:absolute;top:78px;transform:translateX(-50%);z-index:999999}.dropdown-wrapper:hover .dropdown-menu{display:block}@keyframes dropdownShow{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-menu a{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:14px;height:auto;justify-content:flex-start;padding:13px 20px;text-decoration:none;transition:.25s ease;white-space:nowrap;width:100%}.dropdown-menu a:hover{background:#f3fffd;color:#00b894}.dropdown-menu a svg{color:#00b894;font-size:17px;min-width:17px;transition:.3s ease}.dropdown-menu a:first-child svg{animation:eduBounce 1.8s ease-in-out infinite}@keyframes eduBounce{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.dropdown-menu a:nth-child(2) svg{animation:cardHeart 1.3s ease-in-out infinite}@keyframes cardHeart{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(1)}to{transform:scale(1)}}.dropdown-menu a:nth-child(3) svg{animation:giftShake 2s ease-in-out infinite}@keyframes giftShake{0%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.dropdown-menu a:nth-child(4) svg{animation:peopleWalk 2s ease-in-out infinite}@keyframes peopleWalk{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.dropdown-menu a:nth-child(5) svg{animation:pastorMove 1.8s ease-in-out infinite}@keyframes pastorMove{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.dropdown-menu a:nth-child(6) svg{animation:healthPulse 1.5s ease-in-out infinite}@keyframes healthPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dropdown-menu a:nth-child(7) svg{animation:globeSpin 3s linear infinite}.dropdown-menu a:hover svg{color:#00cec9;transform:scale(1.12)}.arrow{transition:.3s ease}.dropdown-wrapper:hover .arrow{transform:rotate(180deg)}.navbar>a:nth-child(2) svg:first-child{animation:homeFloat 2s ease-in-out infinite}@keyframes homeFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.dropdown-wrapper:nth-child(3) .dropdown-btn svg:first-child{animation:bookFlip 2s ease-in-out infinite;transform-origin:center}.dropdown-wrapper:nth-child(4) .dropdown-btn svg:first-child{animation:heartBeat 1.4s ease-in-out infinite}.dropdown-wrapper:nth-child(5) .dropdown-btn svg:first-child{animation:churchMove 2s ease-in-out infinite}@keyframes churchMove{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.dropdown-wrapper:nth-child(6) .dropdown-btn svg:first-child{animation:smileBounce 2s ease-in-out infinite;transform-origin:center}@keyframes smileBounce{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.12) rotate(-8deg)}40%{transform:scale(1.18) rotate(8deg)}60%{transform:scale(1.12) rotate(-5deg)}80%{transform:scale(1.05) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.dropdown-wrapper:nth-child(7) .dropdown-btn svg:first-child{animation:globeRotate 3s linear infinite}@keyframes globeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dropdown-wrapper:nth-child(8) .dropdown-btn svg:first-child{animation:giftShake 2s ease-in-out infinite;transform-origin:center}.dropdown-wrapper:nth-child(9) .dropdown-btn svg:first-child{animation:phoneRing 1.5s ease-in-out infinite;transform-origin:top center}@keyframes phoneRing{0%{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@media (max-width:1100px){body,html{margin:0;overflow-x:hidden!important;padding:0}*{box-sizing:border-box}body{position:relative}.public-layout{overflow-x:hidden;padding-top:112px;width:100%}.main-header{background:#fff;box-sizing:border-box;height:62px;left:0;min-height:62px;overscroll-behavior-x:contain;padding:0 0 0 8px;position:fixed;top:34px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:99999999}.header-scroll-content,.main-header{align-items:center;display:flex;overflow:visible!important;width:100%}.navbar-scroll{-webkit-overflow-scrolling:touch;margin-bottom:-420px;max-width:100%;overflow-x:auto;overflow-y:visible!important;overscroll-behavior-x:contain;padding-bottom:420px;pointer-events:none;position:relative;scrollbar-width:none;touch-action:pan-x;width:100%;z-index:999999}@supports (-webkit-touch-callout:none){.navbar-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important;transform:translateZ(0);will-change:scroll-position}}.navbar-scroll::-webkit-scrollbar{display:none}.dropdown-btn,.dropdown-menu,.dropdown-menu a,.dropdown-wrapper,.logo,.navbar,.navbar a{pointer-events:auto!important}.main-header{touch-action:auto}.navbar{touch-action:pan-x}.dropdown-btn,.dropdown-menu,.dropdown-menu a,.dropdown-wrapper,.logo,.navbar a{pointer-events:auto}.dropdown-btn,.dropdown-wrapper,.logo,.navbar,.navbar a{flex:0 0 auto}.navbar-scroll{cursor:grab}.navbar *{pointer-events:auto!important}.dropdown-btn,.navbar a{touch-action:auto;z-index:999999}.logo{align-items:center;background:#0000;display:flex;flex-shrink:0;height:78px;justify-content:center;margin:0!important;overflow:hidden;padding-left:12px!important;pointer-events:auto;position:relative;-webkit-user-select:none;user-select:none;width:70px;z-index:100}.logo-image{display:block;height:60px;object-fit:contain;transition:transform .3s ease;width:60px}.logo:hover .logo-image{transform:scale(1.05)}.navbar{display:inline-flex;gap:10px;min-width:max-content;overflow:visible!important;pointer-events:auto;width:max-content;z-index:100}.dropdown-btn,.navbar,.navbar a{align-items:center;height:78px;position:relative;white-space:nowrap}.dropdown-btn,.navbar a{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:#222;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:4px;padding:0 2px;pointer-events:auto!important;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:9999999}.dropdown-btn svg,.navbar a svg{flex-shrink:0;font-size:15px;pointer-events:none}.navbar .active{color:#00b894}.navbar .active:after{background:#00cec9;border-radius:50px;bottom:16px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.dropdown-wrapper{flex-shrink:0;overflow:visible!important;pointer-events:auto;position:relative;z-index:999999}.dropdown-wrapper.open{z-index:2147483647!important}.dropdown-btn{background:#0000;border:none;position:relative;z-index:999999}.dropdown-menu{-webkit-overflow-scrolling:touch;backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 8px 22px #0000001f;display:none;left:50%;max-height:260px;max-width:240px;min-width:220px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:4px 0;pointer-events:auto;position:absolute;scrollbar-width:thin;top:calc(100% - 8px);touch-action:auto;transform:translateX(-50%);width:max-content;will-change:transform;z-index:2147483647!important}.dropdown-wrapper:last-child .dropdown-menu,.dropdown-wrapper:nth-last-child(2) .dropdown-menu{left:auto;right:0;transform:none}.dropdown-wrapper:not(.open) .dropdown-menu{display:none!important;opacity:0;pointer-events:none;visibility:hidden}.dropdown-wrapper.open .dropdown-menu{display:block!important;opacity:1;pointer-events:auto;visibility:visible}.dropdown-menu a{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:10px;line-height:1.2;min-height:46px;padding:12px 16px;text-decoration:none;touch-action:manipulation;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.dropdown-menu a svg{color:#00b894;flex-shrink:0;font-size:15px}.dropdown-menu a:active,.dropdown-menu a:hover{background:#f5fffd;color:#00b894}.dropdown-menu::-webkit-scrollbar{width:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#0000002e;border-radius:20px}.main-header:before{content:"";height:12px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.arrow{transition:transform .3s ease}.arrow.rotate{transform:rotate(180deg)}.banner-overlay,.hero-container,.hero-overlay,.hero-section,.hero-video,.home-hero{margin-top:0!important;position:relative;z-index:1!important}}body.preview-open .header-green-strip,body.preview-open .main-header,body.preview-open .site-header-wrapper{display:none!important}@media (max-width:1100px){.missions-dropdown:after{align-items:center;animation:missionArrow 1.2s infinite;background:#fffffff5;border-radius:50%;bottom:6px;box-shadow:0 2px 8px #0000001f;color:#00b894;content:"⌄";display:flex;font-size:18px;font-weight:700;height:22px;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:22px}.missions-dropdown.hide-scroll-arrow:after{display:none}@keyframes missionArrow{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}}.dropdown-btn,.dropdown-menu,.dropdown-menu a,.header-scroll-content,.logo,.main-header,.navbar,.navbar a{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.navbar-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:pan-x}.dropdown-menu{overscroll-behavior:contain;touch-action:pan-y}.dropdown-menu a{touch-action:auto}@supports (-webkit-touch-callout:none){.navbar-scroll{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;touch-action:pan-x!important}.dropdown-btn,.dropdown-menu,.dropdown-menu a,.dropdown-wrapper,.navbar,.navbar *,.navbar a,.navbar-scroll{pointer-events:auto!important}.dropdown-btn,.navbar a{-webkit-touch-callout:none;cursor:pointer;touch-action:manipulation}.dropdown-menu{transform:translateZ(0);-webkit-transform:translateZ(0)}.navbar-scroll{touch-action:auto!important}.dropdown-btn,.dropdown-menu a,.navbar a{pointer-events:auto!important;touch-action:manipulation!important}.main-header{pointer-events:none}.dropdown-btn,.dropdown-menu,.dropdown-menu *,.dropdown-wrapper,.logo,.navbar,.navbar *,.navbar a{pointer-events:auto!important}.navbar-scroll{margin-bottom:0!important;padding-bottom:0!important}.navbar-scroll.dropdown-active{margin-bottom:-420px!important;padding-bottom:420px!important}.dropdown-wrapper{position:relative}.dropdown-menu{left:0!important;margin-top:0!important;right:auto!important;transform:none!important}.dropdown-wrapper:last-child .dropdown-menu,.dropdown-wrapper:nth-last-child(2) .dropdown-menu{left:auto!important;right:0!important}.dropdown-wrapper{position:relative}.dropdown-menu{left:50%!important;margin-top:0!important;right:auto!important;transform:translateX(-50%)!important}.dropdown-wrapper:last-child .dropdown-menu,.dropdown-wrapper:nth-last-child(2) .dropdown-menu{left:auto!important;right:0!important;transform:none!important}body,html{pointer-events:auto!important}.main-header{pointer-events:none!important}.dropdown-btn,.dropdown-menu,.dropdown-menu *,.dropdown-wrapper,.logo,.navbar,.navbar *,.navbar a{pointer-events:auto!important}}.header-swipe-overlay{align-items:center;animation:swipeHintFade 4s forwards;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#ffffff8c;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:999999999}.header-swipe-box{align-items:center;animation:swipeHintMove 1s ease-in-out infinite;background:#0b6d54;border-radius:40px;box-shadow:0 8px 24px #00000040;color:#fff;display:flex;font-size:14px;font-weight:700;gap:10px;padding:10px 18px}.header-swipe-box svg{font-size:20px}@keyframes swipeHintMove{0%{transform:translateX(-12px)}50%{transform:translateX(12px)}to{transform:translateX(-12px)}}@keyframes swipeHintFade{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}@media (min-width:1101px){.header-swipe-overlay{display:none}}.dropdown-info-text{align-items:flex-start;border-top:1px solid #e5e7eb;box-sizing:border-box;display:flex;gap:10px;margin:14px 0 0;padding:14px 18px 0;width:100%}.dropdown-info-icon{color:#10b981;flex-shrink:0;font-size:16px;margin-top:4px}.dropdown-info-text span{color:#475569;font-size:13px;font-weight:600;line-height:1.8;overflow-wrap:break-word;text-align:justify;text-justify:inter-word;word-break:normal}@media (max-width:1100px){.dropdown-menu{max-width:calc(100vw - 24px);width:280px!important}.dropdown-info-text{align-items:flex-start;box-sizing:border-box;display:flex;gap:8px;margin:12px 0 0;padding:12px 14px 0;width:100%}.dropdown-info-text span{flex:1 1;font-size:12px;line-height:1.6;overflow-wrap:break-word;white-space:normal;word-break:normal}.dropdown-info-icon{flex-shrink:0;font-size:15px;margin-top:2px}.dropdown-menu{max-width:240px!important;min-width:240px!important;width:240px!important}}*,.dropdown-btn,.dropdown-menu a,.logo,.navbar a,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:#0000;outline:none!important}.dropdown-btn:active,.dropdown-btn:focus,a:active,a:focus,button:active,button:focus{box-shadow:none!important;outline:none!important}body.modal-open,html.modal-open{height:100%!important;inset:0!important;overflow:hidden!important;overscroll-behavior:none!important;position:fixed!important;touch-action:none!important;width:100%!important}.public-gallery-page{background:#f5f7fb;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.public-gallery-page .gallery-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:flex;height:520px;justify-content:center;margin-top:132px;overflow:hidden;position:relative;text-align:center;width:100%}.public-gallery-page .gallery-overlay{background:linear-gradient(#00000059,#00000073);inset:0;position:absolute;z-index:1}.public-gallery-page .gallery-hero-content{animation:publicGalleryFadeUp 1s ease;color:#fff;max-width:420px;padding-left:20px;padding-right:20px;position:relative;z-index:4}.public-gallery-page .gallery-hero-content h1{color:#fff;font-size:68px;font-weight:800;letter-spacing:-1px;line-height:.95;text-align:center;text-shadow:0 2px 8px #0000008c}.public-gallery-page .gallery-hero-content h1 span{display:inline-block;margin-top:-6px;white-space:nowrap}.public-gallery-page .gallery-hero-content p{color:#fffffffa;font-size:20px;line-height:1.6;text-shadow:0 2px 8px #00000073}.public-gallery-page .hero-side{color:#fff;font-size:16px;font-weight:500;line-height:2;position:absolute;top:50%;transform:translateY(-50%);width:31%;z-index:3}.public-gallery-page .hero-left{left:24px;text-align:justify}.public-gallery-page .hero-right{right:24px;text-align:justify}.public-gallery-page .hero-side p{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;margin-bottom:22px;overflow-wrap:break-word;padding:0;text-align:justify;text-justify:inter-word;text-shadow:0 2px 8px #00000073;transition:.3s ease;width:100%;word-break:normal}.public-gallery-page .hero-side p:hover{color:#fff;transform:translateY(-2px)}.public-gallery-page .hero-middle-symbol{align-items:center;color:#fff;display:flex;justify-content:center;margin-bottom:12px;margin-top:10px}.public-gallery-page .school-hero .hero-middle-symbol svg{animation:bookFlip 2.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.45))}@keyframes bookFlip{0%{transform:perspective(200px) rotateY(0deg)}25%{transform:perspective(200px) rotateY(-18deg)}50%{transform:perspective(200px) rotateY(0deg)}75%{transform:perspective(200px) rotateY(18deg)}to{transform:perspective(200px) rotateY(0deg)}}.public-gallery-page .rescue-hero .hero-middle-symbol svg{animation:heartBeat 1.4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.55))}.public-gallery-page .church-hero .hero-middle-symbol svg{animation:churchFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.55))}@keyframes churchFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.public-gallery-page .gallery-grid{grid-gap:30px;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);padding:55px 32px 90px;width:100%}.public-gallery-page .gallery-card{background:#fff;border-radius:24px;box-shadow:0 8px 20px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease;width:100%}.public-gallery-page .gallery-card:hover{box-shadow:0 0 0 2px #22c55e38,0 8px 22px #22c55e2e,0 18px 35px #00000024;transform:translateY(-8px) scale(1.02)}.public-gallery-page .gallery-image{background:#fff;border-radius:24px;display:block;height:260px;object-fit:contain;object-position:center;transition:transform .35s ease;width:100%}.public-gallery-page .gallery-card:hover .gallery-image{transform:scale(1.03)}.public-gallery-page .gallery-video-card{background:#fff;border-radius:24px;overflow:hidden;width:100%}.public-gallery-page .gallery-video-thumbnail{background:#fff;border-radius:24px 24px 0 0;display:block;height:260px;object-fit:contain;object-position:center;transition:transform .35s ease;width:100%}.public-gallery-page .gallery-card:hover .gallery-video-thumbnail{transform:scale(1.03)}.public-gallery-page .gallery-video-content{background:#fff;padding:18px 16px 20px;text-align:center;width:100%}.public-gallery-page .gallery-video-title{color:#111827;font-size:20px;font-weight:700;line-height:1.5;margin-bottom:10px;word-break:break-word}.public-gallery-page .gallery-watch-btn{align-items:center;color:#22c55e;display:inline-flex;font-size:17px;font-weight:700;gap:8px;justify-content:center;margin-top:4px;text-decoration:none;transition:.25s ease}.public-gallery-page .gallery-watch-btn:hover{color:#15803d;text-decoration:underline}.public-gallery-page .gallery-empty{color:#6b7280;font-size:24px;padding-bottom:120px;padding-top:120px;text-align:center;width:100%}.public-gallery-page .preview-modal{align-items:center!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0000008c;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;overflow:hidden!important;overscroll-behavior:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:999999999!important}.public-gallery-page .preview-content:after,.public-gallery-page .preview-content:before,.public-gallery-page .preview-modal:after,.public-gallery-page .preview-modal:before{content:none!important;display:none!important}.public-gallery-page .preview-content{background:#0000!important;height:100%;margin:0!important;overflow:hidden!important;padding:0!important;position:relative;width:100%}.public-gallery-page .preview-content img:not(video){border-radius:22px;display:block;height:auto!important;margin:0 auto;max-height:70vh!important;max-width:90vw!important;object-fit:contain;width:700px!important}.public-gallery-page .preview-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px 20px 90px}.public-gallery-page .preview-content video{background:#000;border-radius:22px;display:block;height:auto!important;margin:0 auto 20px;max-height:520px!important;max-width:420px!important;object-fit:contain;width:auto!important}.public-gallery-page .close-btn{align-items:center;background:#ffffff24;border:none;border-radius:50%;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;font-size:40px;height:58px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .25s ease,transform .25s ease;width:58px;z-index:999999999}.public-gallery-page .close-btn:hover{background:#22c55e;transform:scale(1.08)}.public-gallery-page .nav{background:#ffffff1f;border:none;border-radius:50%;box-shadow:none!important;color:#fff;cursor:pointer;font-size:42px;height:64px;position:absolute;top:50%;transform:translateY(-50%);transition:background .25s ease,transform .25s ease;width:64px;z-index:999999}.public-gallery-page .nav:hover{background:#22c55e;transform:translateY(-50%) scale(1.08)}.public-gallery-page .nav.left{left:28px}.public-gallery-page .nav.right{right:28px}.public-gallery-page .preview-details{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:24px;text-align:center}.public-gallery-page .preview-details h2{font-size:34px;font-weight:800;line-height:1.3;margin-bottom:10px}.public-gallery-page .preview-details a{align-items:center;color:#22c55e;display:inline-flex;font-size:24px;font-weight:700;gap:8px;justify-content:center;text-decoration:none;transition:.25s ease}.public-gallery-page .preview-details a:hover{color:#4ade80;text-decoration:underline}.public-gallery-page .preview-play-btn{align-items:center!important;display:flex!important;justify-content:center!important;margin-top:18px!important;width:100%;z-index:99999}.public-gallery-page .preview-play-btn button{align-items:center;background:#22c55e!important;border:none;border-radius:999px;box-shadow:none!important;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;outline:none;padding:16px 34px;transition:transform .25s ease,background .25s ease}.public-gallery-page .preview-play-btn button:hover{background:#16a34a!important;transform:translateY(-2px) scale(1.03)}.public-gallery-page .details-modal{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.public-gallery-page .details-box{background:#fff;border-radius:24px;padding:30px;text-align:center;width:420px}.public-gallery-page .details-box h3{font-size:30px;margin-bottom:18px}.public-gallery-page .details-box p{color:#374151;font-size:18px;margin-bottom:12px}.public-gallery-page .details-box button{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;box-shadow:0 8px 22px #22c55e59;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:12px 34px;transition:all .25s ease}.public-gallery-page .details-box button:hover{box-shadow:0 12px 28px #22c55e73;transform:translateY(-2px) scale(1.04)}.public-gallery-page .details-box button:active{transform:scale(.96)}@keyframes publicGalleryFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.public-gallery-page{overflow-x:hidden;width:100%}.public-gallery-page .gallery-hero{align-items:center;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:flex;flex-direction:column;height:auto!important;justify-content:flex-start;margin-top:96px!important;min-height:auto!important;overflow:hidden;padding:36px 16px 50px!important;position:relative;top:0!important;transform:none!important;width:100%}.public-gallery-page .gallery-overlay{background:linear-gradient(#0000008c,#000000c7);inset:0;position:absolute;z-index:1}.public-gallery-page .hero-side{left:auto!important;max-width:100%!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;z-index:5}.public-gallery-page .hero-left{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 4px 18px #0003;margin-bottom:28px;order:1;padding:22px 20px}.public-gallery-page .gallery-hero-content{margin-bottom:28px;max-width:100%;order:2;position:relative;text-align:center;width:100%;z-index:6}.public-gallery-page .gallery-hero-content h1{color:#fff;font-size:42px;line-height:1.1;margin-bottom:14px;text-shadow:0 2px 10px #0006}.public-gallery-page .gallery-hero-content p{color:#fffffff2;font-size:15px;line-height:1.8}.public-gallery-page .hero-middle-symbol{margin-bottom:10px;margin-top:10px}.public-gallery-page .hero-right{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 4px 18px #0003;order:3;padding:22px 20px}.public-gallery-page .hero-left p,.public-gallery-page .hero-right p{color:#fff;font-size:15px;line-height:2;margin:0 0 18px;overflow-wrap:break-word;text-align:justify;word-break:break-word}.public-gallery-page .hero-left p:last-child,.public-gallery-page .hero-right p:last-child{margin-bottom:0}.public-gallery-page .gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding:34px 16px 60px}.public-gallery-page .gallery-card{background:#fff;border-radius:20px;overflow:hidden;width:100%}.public-gallery-page .gallery-image,.public-gallery-page .gallery-video-thumbnail{background:#000;border-radius:20px;display:block;height:auto!important;max-height:500px;object-fit:contain!important;width:100%}.public-gallery-page .gallery-video-content{padding:16px 14px 18px}.public-gallery-page .gallery-video-title{font-size:17px;line-height:1.5}.public-gallery-page .gallery-watch-btn{font-size:15px}.public-gallery-page .gallery-hero{padding-bottom:45px!important;padding-top:130px!important}.public-gallery-page .gallery-hero-content h1{font-size:34px}.public-gallery-page .gallery-hero-content p{font-size:14px}.public-gallery-page .hero-left,.public-gallery-page .hero-right{padding:20px 18px}.public-gallery-page .hero-left p,.public-gallery-page .hero-right p{font-size:14px;line-height:1.9}.public-gallery-page .gallery-image,.public-gallery-page .gallery-video-thumbnail{background:#000;border-radius:18px;height:auto!important;max-height:400px;object-fit:contain!important;width:100%}}.public-contact-page .contact-hero{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46 35%,#10b981);box-sizing:border-box;display:flex;justify-content:center;margin-top:132px;min-height:95px;overflow:hidden;padding:18px 20px;position:relative;text-align:center;width:100%}.public-contact-page .contact-hero:before{animation:heroCircleMove 8s ease-in-out infinite;background:#ffffff0d;border-radius:50%;content:"";height:220px;position:absolute;right:-90px;top:-100px;width:220px}.public-contact-page .contact-hero:after{animation:heroCircleMove2 9s ease-in-out infinite;background:#ffffff0a;border-radius:50%;bottom:-90px;content:"";height:180px;left:-70px;position:absolute;width:180px}.public-contact-page .contact-hero-content{color:#fff;max-width:1000px;position:relative;width:100%;z-index:2}.public-contact-page .hero-title{align-items:center;animation:heroTextFade 1s ease;display:flex;font-size:42px;font-weight:900;gap:14px;justify-content:center;letter-spacing:-1px;line-height:1.1;margin-bottom:6px}.public-contact-page .hero-icon{animation:heroIconFloat 3s ease-in-out infinite;color:#fff;cursor:pointer;font-size:36px;transition:.35s ease}.public-contact-page .hero-title:hover .hero-icon{filter:drop-shadow(0 0 14px rgba(255,255,255,.45));transform:scale(1.15) rotate(-8deg)}.public-contact-page .hero-subtitle{animation:heroSubFade 1.2s ease;color:#ffffffeb;font-size:15px;line-height:1.6;margin:0}.public-contact-page .contact-section{box-sizing:border-box;padding:40px 7% 80px;width:100%}.public-contact-page .contact-grid{grid-gap:28px;gap:28px;grid-template-columns:390px 400px 500px;width:100%}.public-contact-page .donation-form-card{animation:cardFadeUp .9s ease;background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 10px 35px #0000000d;box-sizing:border-box;max-width:390px;overflow:hidden;padding:30px;position:relative;width:100%}.public-contact-page .donation-form-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.public-contact-page .donation-form-card h2{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:800;gap:10px;line-height:1.3;margin-bottom:24px}.public-contact-page .donation-form{width:100%}.public-contact-page .form-group{margin-bottom:18px;position:relative;width:100%}.public-contact-page .form-group input,.public-contact-page .form-group textarea{background:#f8fafc;border:1px solid #dbe4ea;border-radius:18px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:15px;outline:none;padding:16px 18px 16px 54px;transition:.3s ease;width:100%}.public-contact-page .form-group textarea{resize:none}.public-contact-page .form-group input:focus,.public-contact-page .form-group textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b98114}.public-contact-page .form-icon{color:#059669;font-size:18px;left:18px;position:absolute;top:17px}.public-contact-page .textarea-icon{top:18px}.public-contact-page .donate-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:18px;box-shadow:0 12px 28px #10b98138;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;height:56px;justify-content:center;transition:.35s ease;width:100%}.public-contact-page .donate-submit-btn:hover{box-shadow:0 18px 34px #10b9814d;transform:translateY(-3px)}.public-contact-page .donate-submit-btn:disabled{cursor:not-allowed;opacity:.7}.public-contact-page .donation-middle-content{animation:cardFadeUp 1s ease;background:linear-gradient(180deg,#fff,#f8fffc);border:1px solid #10b9811f;border-radius:32px;box-shadow:0 18px 50px #10b9811a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:400px;min-height:fit-content;overflow:hidden;padding:32px 30px;position:relative;transition:.4s ease;width:100%;z-index:1}.public-contact-page .donation-middle-content:before{background:linear-gradient(90deg,#10b981,#34d399,#059669);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.public-contact-page .donation-middle-content:after{background:#10b9810d;border-radius:50%;content:"";height:180px;position:absolute;right:-90px;top:-90px;width:180px}.public-contact-page .donation-middle-content:hover{box-shadow:0 24px 55px #10b98124;transform:translateY(-6px)}.public-contact-page .donation-middle-content h2{color:#064e3b;font-size:30px;font-weight:900;line-height:1.35;margin-bottom:22px;position:relative;z-index:2}.public-contact-page .donation-middle-content p{color:#475569;font-size:15px;line-height:1.9;margin-bottom:16px;position:relative;z-index:2}.public-contact-page .middle-donate-text{animation:heroIconFloat 2.5s ease-in-out infinite;color:#059669;font-size:18px;font-weight:900;letter-spacing:1px;margin-top:14px;position:relative;z-index:2}.public-contact-page .contact-card{animation:cardFadeUp .8s ease;background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 10px 35px #0000000d;box-sizing:border-box;max-width:500px;overflow:hidden;padding:30px;position:relative;transition:.35s ease;width:100%}.public-contact-page .contact-card:before{animation:topBarGlow 4s linear infinite;background:linear-gradient(90deg,#10b981,#059669);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.public-contact-page .contact-card:hover{box-shadow:0 18px 40px #00000014;transform:translateY(-5px)}.public-contact-page .contact-card h2{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:800;gap:10px;line-height:1.3;margin-bottom:24px}.public-contact-page .title-icon{color:#111827;font-size:24px}.public-contact-page .contact-item{align-items:center;color:#334155;display:flex;font-size:15px;gap:14px;line-height:1.7;margin-bottom:18px;transition:.3s ease;word-break:break-word}.public-contact-page .contact-item:hover{transform:translateX(4px)}.public-contact-page .contact-link{color:inherit;text-decoration:none}.public-contact-page .contact-link:hover{color:#059669}.public-contact-page .contact-icon{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-radius:16px;box-shadow:0 4px 14px #10b98124;box-sizing:border-box;color:#059669;font-size:18px;height:46px;min-width:46px;padding:11px;transition:.35s ease;width:46px}.public-contact-page .contact-item:hover .contact-icon{box-shadow:0 10px 24px #10b98138;transform:rotate(-8deg) scale(1.08)}.public-contact-page .donation-icon{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669}.public-contact-page .address{align-items:flex-start}.public-contact-page .address span{white-space:pre-line}.public-contact-page .payment-section-title{background:linear-gradient(135deg,#10b981,#059669);border-radius:18px;box-shadow:0 14px 28px #10b9813d;color:#fff;font-size:15px;font-weight:900;letter-spacing:.3px;margin-bottom:18px;margin-top:28px;padding:12px 22px;width:fit-content}.public-contact-page .upi-simple-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #edf2f7;border-radius:24px;box-shadow:0 12px 28px #0000000d;margin-bottom:16px;padding:20px 22px;transition:.35s ease;width:100%}.public-contact-page .upi-simple-card:hover{box-shadow:0 18px 36px #00000014;transform:translateY(-4px)}.public-contact-page .upi-full-line{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:16px;font-weight:800;gap:8px;line-height:1.7}.public-contact-page .upi-simple-link{color:#2563eb;font-weight:900;text-decoration:none;transition:.3s ease;word-break:break-word}.public-contact-page .upi-simple-link:hover{color:#1d4ed8;text-decoration:underline}.public-contact-page .upi-apps-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-top:22px;width:100%}.public-contact-page .upi-app-btn{align-items:center;border-radius:22px;display:flex;flex-direction:column;gap:8px;height:96px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.35s ease}.public-contact-page .gpay-btn{background:#fff;border:2px solid #e5e7eb;box-shadow:0 14px 30px #00000014}.public-contact-page .gpay-btn .upi-brand-icon{font-size:52px}.public-contact-page .gpay-btn .upi-app-name{color:#2563eb;font-weight:900}.public-contact-page .phonepe-btn{background:linear-gradient(135deg,#5f259f,#7c3aed);box-shadow:0 16px 34px #5f259f4d}.public-contact-page .phonepe-btn .upi-app-name,.public-contact-page .phonepe-btn .upi-brand-icon{color:#fff}.public-contact-page .upi-brand-icon{font-size:52px;position:relative;transition:.35s ease;z-index:2}.public-contact-page .upi-app-name{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.3px;position:relative;text-align:center;z-index:2}.public-contact-page .upi-app-btn:hover{transform:translateY(-5px)}.public-contact-page .upi-app-btn:hover
.upi-brand-icon{transform:scale(1.1) rotate(-8deg)}@media (max-width:1100px){.public-contact-page .upi-apps-container{grid-template-columns:1fr}}.public-contact-page .paypal-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:22px;box-shadow:0 16px 34px #2563eb4d;color:#fff;display:flex;font-size:18px;font-weight:900;height:62px;justify-content:center;margin-top:12px;overflow:hidden;position:relative;text-decoration:none;transition:.35s ease;width:100%}.public-contact-page .paypal-btn:before{animation:paypalShine 3.2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-25deg);width:60%}.public-contact-page .paypal-btn:hover{box-shadow:0 22px 42px #2563eb66;transform:translateY(-4px)}.public-contact-page .location-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:20px;color:#111827;display:flex;font-size:15px;font-weight:800;gap:12px;height:58px;justify-content:center;margin-top:24px;text-decoration:none;transition:.35s ease;width:100%}.public-contact-page .location-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 14px 28px #10b98140;color:#fff;transform:translateY(-3px)}.public-contact-page .location-btn svg{font-size:19px;transition:.35s ease}.public-contact-page .location-btn:hover svg{transform:translateX(4px) rotate(-12deg)}@keyframes paypalShine{0%{left:-120%}to{left:140%}}@keyframes upiShine{0%{left:-120%}to{left:140%}}@media (max-width:1100px){.public-contact-page .upi-apps-container{grid-template-columns:1fr}.public-contact-page .upi-app-btn{width:100%}.public-contact-page .payment-section-title{font-size:13px}.public-contact-page .upi-full-line{font-size:14px}.public-contact-page .upi-app-name{font-size:18px}}@keyframes premiumShine{0%{left:-60%}to{left:160%}}@keyframes liveBlink{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.9)}}.public-contact-page .social-link{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:18px;box-sizing:border-box;color:#0f172a;display:flex;font-weight:700;gap:14px;height:56px;margin-bottom:14px;padding-left:18px;padding-right:18px;text-decoration:none;transition:.35s ease}.public-contact-page .social-link:hover{color:#fff;transform:translateX(5px)}.public-contact-page .social-link svg{font-size:19px;min-width:19px;transition:.35s ease}.public-contact-page .social-link:hover svg{transform:scale(1.15) rotate(-10deg)}.public-contact-page .social-link.instagram:hover{background:linear-gradient(135deg,#ec4899,#db2777)}.public-contact-page .social-link.facebook:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.public-contact-page .social-link.youtube:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.public-contact-page .social-link.whatsapp:hover{background:linear-gradient(135deg,#25d366,#128c7e)}.public-contact-page .social-link:not(.instagram):not(.facebook):not(.youtube):not(.twitter):hover{background:linear-gradient(135deg,#10b981,#059669)}.public-contact-page .ngo-description{background:#f8fafc;border-radius:18px;color:#475569;font-size:14px;line-height:1.9;margin-top:22px;padding:18px}.public-contact-page .contact-loading{background:#fff;border-radius:24px;box-shadow:0 10px 35px #0000000d;color:#6b7280;font-size:18px;padding:50px;text-align:center}@keyframes heroIconFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes heroCircleMove{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes heroCircleMove2{0%{transform:translateX(0)}50%{transform:translateX(8px)}to{transform:translateX(0)}}@keyframes topBarGlow{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes heroTextFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSubFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Toastify__toast-container--top-right{top:110px!important}.public-contact-page .foundation-premium-card,.public-contact-page .social-premium-card{animation:cardFadeUp .9s ease;max-width:760px;padding-top:8px;width:100%}.public-contact-page .premium-badge,.public-contact-page .social-top-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b9811a,#05966914);border:1px solid #10b98124;border-radius:999px;color:#047857;display:inline-flex;font-size:14px;font-weight:800;gap:10px;margin-bottom:22px;padding:10px 18px}.public-contact-page .foundation-premium-card h2,.public-contact-page .social-premium-card h2{color:#0f172a;font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1.08;margin-bottom:24px}.public-contact-page .foundation-premium-card p,.public-contact-page .social-premium-card p{color:#475569;font-size:17px;line-height:2;margin-bottom:28px;max-width:95%}.public-contact-page .premium-grid,.public-contact-page .social-premium-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(220px,1fr));margin-bottom:34px;margin-top:30px}.public-contact-page .premium-item,.public-contact-page .social-premium-item{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf5);border:1px solid #10b9811a;border-radius:22px;display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:.35s ease}.public-contact-page .premium-item:before,.public-contact-page .social-premium-item:before{background:linear-gradient(90deg,#10b981,#34d399);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:.35s ease;width:100%}.public-contact-page .premium-item:hover,.public-contact-page .social-premium-item:hover{border-color:#10b98138;box-shadow:0 16px 34px #10b9811f;transform:translateY(-6px)}.public-contact-page .premium-item:hover:before,.public-contact-page .social-premium-item:hover:before{opacity:1}.public-contact-page .premium-item svg,.public-contact-page .social-premium-item svg{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-radius:18px;box-sizing:border-box;color:#059669;font-size:20px;height:50px;min-width:50px;padding:13px;transition:.35s ease;width:50px}.public-contact-page .premium-item:hover svg,.public-contact-page .social-premium-item:hover svg{box-shadow:0 12px 24px #10b98133;transform:rotate(-10deg) scale(1.08)}.public-contact-page .premium-item span,.public-contact-page .social-premium-item span{color:#0f172a;font-size:15px;font-weight:800;line-height:1.5}.public-contact-page .premium-footer,.public-contact-page .social-footer{color:#047857;font-size:18px;font-weight:700;line-height:1.9;padding-top:10px}.public-contact-page .social-highlight-box{background:linear-gradient(135deg,#10b98114,#34d39914);border:1px solid #10b9811f;border-radius:28px;color:#334155;font-size:16px;line-height:2;margin-bottom:28px;overflow:hidden;padding:26px 28px;position:relative}.public-contact-page .social-highlight-box:before{background:#10b98114;border-radius:50%;content:"";height:140px;position:absolute;right:-60px;top:-70px;width:140px}.public-contact-page .contact-grid{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:repeat(3,390px);justify-content:center;margin:0 auto;max-width:100%;width:fit-content}.public-contact-page .contact-card,.public-contact-page .donation-form-card,.public-contact-page .donation-middle-content{max-width:390px;min-width:0;width:100%}@media (max-width:1100px){.public-contact-page .contact-hero{margin-top:95px;padding:18px}.public-contact-page .hero-title{font-size:22px}.public-contact-page .hero-subtitle{font-size:11px;line-height:1.5}.public-contact-page .contact-section{padding:28px 18px 60px}.public-contact-page .contact-grid,.public-contact-page .premium-grid,.public-contact-page .social-premium-grid{align-items:center;display:flex;flex-direction:column;gap:20px}.public-contact-page .contact-card{order:1}.public-contact-page .donation-middle-content{order:2}.public-contact-page .donation-form-card{order:3}.public-contact-page .foundation-premium-card{order:4}.public-contact-page .social-premium-card{order:5}.public-contact-page .contact-card,.public-contact-page .donation-form-card,.public-contact-page .donation-middle-content,.public-contact-page .foundation-premium-card,.public-contact-page .social-premium-card{border-radius:24px;box-sizing:border-box;height:auto!important;margin:0 auto;max-width:100%;min-height:auto!important;overflow:hidden!important;padding:22px;width:100%}.public-contact-page .contact-card h2,.public-contact-page .donation-middle-content h2,.public-contact-page .foundation-premium-card h2,.public-contact-page .social-premium-card h2{font-size:24px;line-height:1.4;text-align:center}.public-contact-page .contact-item,.public-contact-page .donation-middle-content p,.public-contact-page .foundation-premium-card p,.public-contact-page .social-premium-card p{font-size:14px;line-height:2}.public-contact-page .social-premium-card p{text-align:left}.public-contact-page .contact-icon,.public-contact-page .premium-item svg,.public-contact-page .social-premium-item svg{height:42px;min-width:42px;width:42px}.public-contact-page .location-btn,.public-contact-page .paypal-btn,.public-contact-page .social-link{align-items:center;box-sizing:border-box;display:flex;font-size:14px;gap:12px;justify-content:flex-start;min-height:56px;overflow:hidden;padding:0 18px;width:100%}.public-contact-page .social-link:hover{transform:none}.public-contact-page .premium-item,.public-contact-page .social-highlight-box,.public-contact-page .social-premium-item{border-radius:20px;box-sizing:border-box;padding:18px;width:100%}.public-contact-page .social-premium-item span{font-size:14px;line-height:1.6}.public-contact-page .premium-footer,.public-contact-page .social-footer{font-size:14px;line-height:1.7;text-align:center}}@keyframes textShine{0%{color:#10b981;opacity:1;transform:scale(1)}50%{color:#34d399;opacity:.75;transform:scale(1.03)}to{color:#10b981;opacity:1;transform:scale(1)}}.public-contact-page .fill-form-text{animation:textShine 2s ease-in-out infinite;color:#10b981;cursor:pointer;font-size:15px;font-weight:800;margin-top:20px;text-align:center;text-shadow:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.public-contact-page .fill-form-text:hover{color:#059669;transform:scale(1.04)}.public-contact-page .donation-middle-badge{align-items:center;color:#0f172a;display:inline-flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:32px}.public-contact-page .premium-badge,.public-contact-page .social-top-badge{align-items:center;display:flex;justify-content:center;margin:0 auto 22px;width:fit-content}.request-page{background:#f8fafc;box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:170px 40px 80px;width:100%}.request-page .request-layout{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:minmax(700px,1fr) 520px;margin:0 auto;max-width:1450px;width:100%}.request-page .request-info-side{order:2;position:sticky;top:150px}.request-page .request-form-card{order:1}.request-page .request-badge{align-items:center;background:linear-gradient(135deg,#10b9811f,#05966914);border:1px solid #10b98124;border-radius:999px;color:#047857;display:inline-flex;font-size:14px;font-weight:800;gap:10px;margin-bottom:24px;padding:12px 20px}.request-page .request-info-side h1{color:#0f172a;font-size:58px;font-weight:900;letter-spacing:-2px;line-height:1.08;margin-bottom:24px}.request-page .request-info-side p{color:#475569;font-size:17px;line-height:2;margin-bottom:36px}.request-page .info-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(180px,1fr));margin-bottom:32px}.request-page .info-box{background:#fff;border:1px solid #10b9811a;border-radius:24px;box-shadow:0 10px 28px #0000000a;display:flex;flex-direction:column;gap:14px;padding:22px;transition:.35s ease}.request-page .info-box:hover{box-shadow:0 20px 38px #10b9811f;transform:translateY(-6px)}.request-page .info-box svg{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-radius:18px;box-sizing:border-box;color:#059669;font-size:22px;height:52px;padding:14px;width:52px}.request-page .info-box span{color:#0f172a;font-size:15px;font-weight:800;line-height:1.7}.request-page .request-note{background:linear-gradient(135deg,#10b98114,#34d39914);border:1px solid #10b9811f;border-radius:28px;color:#334155;font-size:15px;line-height:2;padding:28px}.request-page .request-form-card{animation:requestFadeUp .8s ease;background:#fff;border:1px solid #e5e7eb;border-radius:34px;box-shadow:0 18px 50px #0000000f;box-sizing:border-box;overflow:hidden;padding:40px;position:relative;width:100%}.request-page .request-form-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.request-page .request-form-card h2{align-items:center;color:#0f172a;display:flex;font-size:38px;font-weight:900;gap:14px;margin-bottom:34px}.request-page .request-form-card h2 svg{color:#10b981}.request-page form{width:100%}.request-page .request-input-group{margin-bottom:22px;position:relative;width:100%}.request-page .form-three-grid input,.request-page .request-input-group input,.request-page .request-input-group select,.request-page .request-input-group textarea{background:#f8fafc;border:1px solid #dbe4ea;border-radius:20px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:15px;outline:none;padding:17px 18px 17px 58px;transition:.3s ease;width:100%}.request-page .request-input-group textarea{resize:none}.request-page .form-three-grid input:focus,.request-page .request-input-group input:focus,.request-page .request-input-group select:focus,.request-page .request-input-group textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b98114}.request-page .request-icon{color:#059669;font-size:19px;left:20px;position:absolute;top:18px}.request-page .textarea-icon{top:20px}.request-page .form-two-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.request-page .form-three-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:22px}.request-page .upload-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:24px;box-sizing:border-box;margin-bottom:24px;padding:24px;width:100%}.request-page .upload-box label{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:800;gap:12px;margin-bottom:16px}.request-page .upload-box label svg{color:#10b981;font-size:20px}.request-page .upload-box input{width:100%}.request-page .location-btn{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;height:58px;justify-content:center;margin-bottom:18px;transition:.35s ease;width:100%}.request-page .location-btn:hover{transform:translateY(-3px)}.request-page .maps-preview{align-items:center;background:linear-gradient(135deg,#dcfce7,#ecfdf5);border-radius:18px;color:#047857;display:flex;font-weight:800;height:56px;justify-content:center;margin-bottom:24px;text-decoration:none;transition:.35s ease;width:100%}.request-page .maps-preview:hover{transform:translateY(-3px)}.request-page .request-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:22px;box-shadow:0 16px 34px #10b9813d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:12px;height:62px;justify-content:center;transition:.35s ease;width:100%}.request-page .request-submit-btn:hover{box-shadow:0 22px 40px #10b9814d;transform:translateY(-4px)}.Toastify__toast-container{z-index:999999!important}.Toastify__toast-container--top-right{right:20px!important;top:140px!important}@keyframes requestFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1300px){.request-page .request-layout{grid-template-columns:1fr}.request-page .request-info-side{order:1;position:relative;top:0}.request-page .request-form-card{order:2}}@media (max-width:768px){.request-page{padding:150px 16px 60px}.request-page .request-layout{gap:28px}.request-page .request-info-side h1{font-size:34px;letter-spacing:-1px;line-height:1.2}.request-page .request-info-side p{font-size:14px;line-height:1.9}.request-page .info-grid{grid-template-columns:1fr}.request-page .request-form-card{border-radius:28px;padding:24px}.request-page .request-form-card h2{font-size:26px}.request-page .form-three-grid,.request-page .form-two-grid{gap:0;grid-template-columns:1fr}.request-page .form-three-grid input,.request-page .request-input-group input,.request-page .request-input-group select,.request-page .request-input-group textarea{font-size:14px}.request-page .location-btn,.request-page .request-submit-btn{font-size:14px;height:56px}}@media (max-width:480px){.request-page{padding:138px 12px 50px}.request-page .request-layout{gap:22px}.request-page .request-badge{font-size:11px;gap:6px;margin-bottom:18px;padding:9px 14px}.request-page .request-info-side h1{font-size:26px;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.request-page .request-info-side p{font-size:13px;line-height:1.8;margin-bottom:24px}.request-page .info-grid{gap:14px;margin-bottom:22px}.request-page .info-box{border-radius:20px;gap:10px;padding:18px}.request-page .info-box svg{border-radius:14px;font-size:18px;height:44px;padding:11px;width:44px}.request-page .info-box span{font-size:13px;line-height:1.6}.request-page .request-note{border-radius:20px;font-size:13px;line-height:1.8;padding:18px}.request-page .request-form-card{border-radius:22px;padding:18px}.request-page .request-form-card h2{font-size:22px;gap:10px;margin-bottom:24px}.request-page .request-input-group{margin-bottom:16px}.request-page .form-three-grid input,.request-page .request-input-group input,.request-page .request-input-group select,.request-page .request-input-group textarea{border-radius:16px;font-size:13px;padding:15px 14px 15px 48px}.request-page .request-icon{font-size:16px;left:16px;top:16px}.request-page .upload-box{border-radius:18px;padding:18px}.request-page .upload-box label{font-size:14px;gap:8px}.request-page .location-btn,.request-page .maps-preview,.request-page .request-submit-btn{border-radius:16px;font-size:13px;height:50px}}.public-missions-page{background:#f4f7fb;min-height:100vh;padding-top:184px;width:100%}.missions-hero{align-items:center;background:linear-gradient(135deg,#062f2a,#0b5d4f);box-shadow:0 6px 18px #0000001f;display:flex;height:52px;justify-content:center;left:0;margin-top:0!important;overflow:hidden;padding:0 22px;position:fixed;top:132px;width:100%;z-index:999}.missions-hero:before{animation:glowFloatOne 8s ease-in-out infinite;background:#00ffb414;height:220px;right:-80px;top:-130px;width:220px}.missions-hero:after,.missions-hero:before{border-radius:50%;content:"";filter:blur(20px);position:absolute}.missions-hero:after{animation:glowFloatTwo 9s ease-in-out infinite;background:#ffffff0a;bottom:-120px;height:180px;left:-70px;width:180px}.missions-hero-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.missions-hero-content{align-items:center;color:#fff;display:grid;grid-template-columns:320px 1fr 320px;max-width:1450px;position:relative;width:100%;z-index:2}.missions-hero-left{align-items:center;display:flex;gap:12px}.missions-hero-icon{align-items:center;animation:iconLiveFloat 3s ease-in-out infinite,iconPulse 2.4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 #22d3ee80;color:#22d3ee;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.missions-hero-icon svg{animation:iconRotate 5s ease-in-out infinite;height:18px;width:18px}.missions-hero-text h1{color:#fff;font-size:16px;font-weight:800;line-height:1;margin:0}.missions-hero-description{color:#fffffff0;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.4;text-align:center}.missions-hero-right{width:100%}.public-missions-container{margin:auto;max-width:1450px;padding:34px 24px;width:100%}.public-missions-grid{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.public-mission-card{background:#fff;border:1px solid #10b9811f;border-radius:24px;box-shadow:0 10px 25px #0f172a12;display:flex;flex-direction:column;height:auto;overflow:hidden;position:relative;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease,background .45s ease;width:100%}.public-mission-card:after{background:radial-gradient(circle at top left,#10b9812e,#0000 42%),radial-gradient(circle at bottom right,#22c55e24,#0000 45%);border-radius:24px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .45s ease;z-index:1}.public-mission-card:hover{background:linear-gradient(180deg,#fff,#f3fff9);border-color:#10b98173;box-shadow:0 0 0 1px #10b9812e,0 12px 30px #10b9812e,0 20px 55px #10b98138,0 30px 70px #0f172a2e;transform:translateY(-8px)}.public-mission-card:hover:after{opacity:1}.public-mission-image-wrap{background:#f1f5f9;border-top-left-radius:24px;border-top-right-radius:24px;overflow:hidden;position:relative;width:100%;z-index:2}.public-mission-image-wrap:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;box-shadow:0 4px 14px #0000002e;color:#fff;content:"Child Education";font-size:12px;font-weight:700;left:18px;letter-spacing:.3px;padding:8px 16px;position:absolute;top:18px;transition:.4s ease;z-index:5}.public-mission-image{background:#f8fafc;display:block;height:auto;object-fit:contain;transition:transform .4s ease;width:100%}.public-mission-card:hover .public-mission-image{transform:scale(1.04)}.public-mission-card:hover
.public-mission-image-wrap:before{background:#059669e0;box-shadow:0 0 18px #10b98173}.public-mission-body{display:flex;flex-direction:column;padding:22px;position:relative;text-align:left;z-index:2}.public-mission-body h2{color:#0f172a;font-size:20px;font-weight:800;line-height:1.4;margin:0 0 14px;transition:.4s ease}.public-mission-card:hover .public-mission-body h2{color:#059669;text-shadow:0 0 10px #10b9811f}.public-mission-body p{color:#475569;font-size:14px;line-height:1.9;margin:0;max-height:155px;overflow-x:hidden;overflow-y:auto;padding-right:6px;scrollbar-width:none;text-align:justify;transition:.4s ease;word-break:break-word}.public-mission-card:hover .public-mission-body p{color:#334155}.public-mission-body p::-webkit-scrollbar{display:none;width:0}.public-mission-empty{color:#64748b;font-size:22px;font-weight:600;padding:120px 20px;text-align:center}@keyframes iconLiveFloat{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes iconPulse{0%{box-shadow:0 0 0 0 #22d3ee73}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 0 0 #22d3ee00}}@keyframes iconRotate{0%{transform:rotate(0deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}to{transform:rotate(0deg)}}@keyframes glowFloatOne{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(10px) translateX(-10px)}to{transform:translateY(0) translateX(0)}}@keyframes glowFloatTwo{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(10px)}to{transform:translateY(0) translateX(0)}}@media (max-width:1100px){.public-missions-page{padding-top:230px}.missions-hero{height:auto;min-height:58px;padding:10px 14px;top:96px}.missions-hero-content{gap:8px;grid-template-columns:1fr;text-align:center}.missions-hero-left{justify-content:center}.missions-hero-description{font-size:13px;line-height:1.5;padding:0 6px}.missions-hero-right{display:none}.public-missions-container{padding:22px 14px}.public-missions-grid{gap:22px;grid-template-columns:1fr}.public-mission-card{border-radius:22px;max-width:100%;overflow:hidden;width:100%}.public-mission-image-wrap{background:#f1f5f9;height:auto;overflow:hidden;width:100%}.public-mission-image{display:block;height:auto;object-fit:contain;width:100%}.public-mission-body{padding:18px}.public-mission-body h2{font-size:22px;line-height:1.4;margin-bottom:12px}.view-mission-page .mission-card-body p{color:#475569;font-size:15px;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.2px;line-height:1.9;margin-bottom:12px;max-height:170px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none;text-align:justify;text-justify:inter-word;white-space:normal;word-break:normal;word-spacing:-.8px}.public-mission-image-wrap:before{font-size:12px;left:18px;padding:8px 16px;top:18px}}.join-page{background:linear-gradient(135deg,#eef4ff,#f8fbff);height:100vh;overflow:hidden;padding-top:118px;width:100%}.join-container{display:grid;grid-template-columns:1.45fr .85fr;height:calc(100vh - 118px);overflow:hidden;width:100%}.join-left{animation:joinLeftSlide .7s ease;background:linear-gradient(#000000ad,#000000ad),url(https://images.unsplash.com/photo-1531206715517-5c0ba140b2b8?q=80&w=1600&auto=format&fit=crop);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:34px 52px;position:relative}.join-left h2{color:#fff;font-size:58px;font-weight:900;line-height:1.05;margin-bottom:24px}.join-left p{color:#fffffff2;font-size:15px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.2px;line-height:2.1;margin-bottom:18px;overflow-wrap:break-word;text-align:justify;text-justify:inter-word;width:100%;word-break:normal}.join-form-card{animation:joinRightSlide .7s ease;background:#fff;height:100%;overflow-y:auto;padding:34px;width:100%}.join-form-card::-webkit-scrollbar{width:0}.join-form-card h2{align-items:center;color:#0f172a;display:flex;font-size:52px;font-weight:900;gap:12px;margin-bottom:30px}.join-form-card h2 svg{animation:floatingTitleIcon 3s ease-in-out infinite;color:#06b6d4}.join-input-group{margin-bottom:22px}.join-input-group label{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:800;gap:10px;margin-bottom:10px;transition:.3s ease}.join-input-group label svg{animation:floatingIcon 2.8s ease-in-out infinite;color:#06b6d4;font-size:18px;transition:color .35s ease,filter .35s ease}.join-input-group:first-child label svg{animation-duration:2.2s}.join-input-group:nth-child(2) label svg{animation-duration:2.6s}.join-input-group:nth-child(3) label svg{animation-duration:3s}.join-input-group:nth-child(4) label svg{animation-duration:3.4s}.join-input-group:nth-child(5) label svg{animation-duration:2.8s}.join-input-group:hover label svg{color:#2563eb;filter:drop-shadow(0 0 12px rgba(37,99,235,.55))}.join-input-group:hover label{color:#2563eb}.join-input-group input{background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;font-size:15px;font-weight:600;height:60px;outline:none;padding:0 18px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background .3s ease;width:100%}.join-input-group input:hover{background:#fff;border-color:#67e8f9}.join-input-group input:focus{background:#fff;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41f,0 10px 25px #2563eb1f;transform:translateY(-2px)}.join-input-group input::placeholder{color:#94a3b8;transition:.3s ease}.join-input-group input:focus::placeholder{opacity:.45;transform:translateX(4px)}.join-select__control{border:2px solid #06b6d4!important;border-radius:16px!important;min-height:60px!important;transition:.35s ease!important}.join-select__control:hover{border-color:#22d3ee!important;transform:translateY(-2px)}.join-select__value-container{padding:0 16px!important}.join-select__single-value{font-weight:700!important}.join-select__placeholder{color:#ffffffbf!important;font-size:15px!important;font-weight:600!important}.join-select__indicator{animation:floatingArrow 2.2s ease-in-out infinite;color:#22d3ee!important}.join-select__menu{background:#081225!important;margin-top:8px!important;padding:8px!important;z-index:9999!important}.join-select__option{background:#0000!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;margin-bottom:4px!important;padding:15px 18px!important;transition:.3s ease!important}.join-select__option:hover{transform:translateX(4px)}.join-select__option--is-focused{background:#0f766e!important}.join-select__option--is-selected{background:#14b8a6!important}.join-submit-btn{align-items:center;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:18px;box-shadow:0 10px 24px #2563eb38;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:800;gap:10px;height:60px;justify-content:center;margin-top:12px;transition:.35s ease;width:100%}.join-submit-btn svg{animation:floatingHeart 2.5s ease-in-out infinite}.join-submit-btn:hover{box-shadow:0 18px 34px #2563eb47;transform:translateY(-3px)}@keyframes floatingIcon{0%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-3px) rotate(-6deg) scale(1.06)}50%{transform:translateY(0) rotate(0deg) scale(1)}75%{transform:translateY(3px) rotate(6deg) scale(1.08)}to{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes floatingTitleIcon{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-8deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes floatingArrow{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes floatingHeart{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes joinLeftSlide{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes joinRightSlide{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.join-page{height:auto;overflow-y:auto;padding-top:97px}.join-container{grid-template-columns:1fr;height:auto}.join-left{padding:28px 24px}.join-left h2{font-size:40px;line-height:1.15;margin-bottom:20px}.join-left p{color:#fffffff2;font-size:14px;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.2px;line-height:2;margin-bottom:16px;overflow-wrap:break-word;text-align:justify;text-justify:inter-word;width:100%;word-break:normal}.join-form-card{padding:26px 22px}.join-form-card h2{font-size:38px;margin-bottom:24px}.join-input-group{margin-bottom:18px}.join-input-group input{font-size:14px;height:54px}.join-select__control{min-height:54px!important}.join-submit-btn{font-size:15px;height:56px}}.join-scroll-arrow{animation:missionArrow 1.2s infinite;background:#fffffff2;color:#00b894}.hide-scroll-arrow{display:none}@keyframes missionArrow{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}.page-loader-wrapper{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;display:flex;flex-direction:column;gap:24px;height:100vh;inset:0;justify-content:center;overflow:hidden;position:fixed;width:100%;z-index:9999}.page-loader-glow{animation:pulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,#10b98159,#0000 70%);filter:blur(20px);height:220px;position:absolute;width:220px}.page-loader-circle{animation:rotateLoader .8s linear infinite;border:6px solid #d1fae5;border-radius:50%;border-top-color:#10b981;box-shadow:0 0 18px #10b98159,0 0 40px #10b98140;height:74px;width:74px;z-index:2}.page-loader-text{animation:fadeText 1.5s ease-in-out infinite;color:#059669;font-size:18px;font-weight:700;letter-spacing:1px;z-index:2}@keyframes rotateLoader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeText{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media (max-width:768px){.page-loader-circle{height:64px;width:64px}.page-loader-text{font-size:16px}}.lp-page{background:#000;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;position:relative;width:100%}.lp-bg-video{backface-visibility:hidden;contain:layout style paint;display:block;height:100vh;image-rendering:auto;left:0;object-fit:cover;opacity:0;pointer-events:none;position:fixed;top:0;transform:scale(1.03);transition:opacity .8s ease;visibility:visible;width:100vw;will-change:transform;z-index:0}.lp-video-visible{opacity:1}.lp-overlay{background:linear-gradient(#00000059,#00000094);inset:0;position:fixed;z-index:1}.lp-nav{padding:28px 45px;position:relative;width:100%;z-index:10}.lp-left-section{align-items:flex-start;display:flex;flex-direction:column;gap:18px}.lp-logo-text{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:12px;text-shadow:0 0 12px #ffffff4d}.lp-logo-dot{animation:greenBlink 1s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 15px #22c55e,0 0 25px #22c55e;height:12px;width:12px}.lp-left-card{margin-left:5px;margin-top:6px}.lp-logo-wrapper{perspective:1800px}.lp-logo-rotator{animation:premiumRotate 12s linear infinite;height:155px;transform-style:preserve-3d;width:155px}.lp-logo-card,.lp-logo-rotator{align-items:center;display:flex;justify-content:center}.lp-logo-card{animation:logoGlow 2.2s ease-in-out infinite;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:24px;box-shadow:0 10px 30px #00000059;height:135px;overflow:hidden;position:relative;width:135px}.lp-logo-card:after{animation:ultraShine 2.2s linear infinite;background:linear-gradient(90deg,#0000,#fffffff2,#0000);content:"";height:330%;left:-80%;position:absolute;top:-100%;transform:rotate(22deg);width:60%;z-index:3}.lp-logo-img{height:80%;object-fit:contain;width:80%;z-index:2}.lp-right-content{animation:fadeUp 1.2s ease;color:#fff;line-height:1.9;position:absolute;right:55px;top:90px;width:520px;z-index:10}.lp-main-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:22px}.lp-right-content p{color:#ffffffeb;font-size:1rem;margin-bottom:16px}.lp-last-line{color:#fff;font-weight:700;margin-top:22px}.lp-login-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.lp-login-btn{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;box-shadow:0 10px 35px #00000059;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;overflow:hidden;padding:17px 58px;position:relative;transition:all .35s ease}.lp-login-btn:before{animation:loginShine 2s linear infinite;background:linear-gradient(90deg,#0000,#fffffffa,#0000);content:"";height:300%;left:-70%;position:absolute;top:-90%;transform:rotate(25deg);width:45%}.lp-login-btn:hover{background:#ffffff38;transform:scale(1.05)}@keyframes logoGlow{0%{box-shadow:0 10px 30px #00000059,0 0 10px #ffffff14}50%{box-shadow:0 10px 30px #0006,0 0 25px #ffffff2e}to{box-shadow:0 10px 30px #00000059,0 0 10px #ffffff14}}@keyframes premiumRotate{0%{transform:rotateY(0deg) rotateX(4deg)}to{transform:rotateY(1turn) rotateX(4deg)}}@keyframes ultraShine{0%{transform:translateX(-260%) rotate(22deg)}to{transform:translateX(340%) rotate(22deg)}}@keyframes loginShine{0%{transform:translateX(-240%) rotate(25deg)}to{transform:translateX(340%) rotate(25deg)}}@keyframes greenBlink{0%{opacity:1}50%{opacity:.45}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.lp-nav{padding:22px 24px}.lp-right-content{right:24px;top:110px;width:420px}.lp-main-title{font-size:1.7rem}.lp-right-content p{font-size:.95rem}.lp-logo-rotator{height:130px;width:130px}.lp-logo-card{height:115px;width:115px}}@media (max-width:768px){.lp-page{overflow-y:auto}.lp-nav{padding:18px 16px}.lp-left-section{align-items:center;text-align:center;width:100%}.lp-logo-text{font-size:.85rem;justify-content:center}.lp-left-card{margin-left:0;margin-top:10px}.lp-logo-rotator{height:110px;width:110px}.lp-logo-card{border-radius:20px;height:95px;width:95px}.lp-right-content{margin-top:40px;padding:0 18px;position:relative;right:auto;text-align:center;top:auto;width:100%}.lp-main-title{font-size:1.4rem;margin-bottom:16px}.lp-right-content p{font-size:.92rem;line-height:1.8}.lp-login-center{display:flex;justify-content:center;left:auto;margin-top:34px;position:relative;top:auto;transform:none}.lp-login-btn{font-size:.95rem;padding:15px 40px}}@media (max-width:480px){.lp-nav{padding:14px 12px}.lp-logo-text{font-size:.78rem;gap:8px}.lp-logo-dot{height:10px;width:10px}.lp-logo-rotator{height:90px;width:90px}.lp-logo-card{border-radius:16px;height:78px;width:78px}.lp-right-content{margin-top:28px;padding:0 14px}.lp-main-title{font-size:1.1rem;line-height:1.5}.lp-right-content p{font-size:.82rem;line-height:1.7}.lp-last-line{margin-top:16px}.lp-login-btn{font-size:.88rem;max-width:260px;padding:14px 22px;width:100%}}.admin-login-page,.admin-login-page *,.admin-login-page :after,.admin-login-page :before{box-sizing:border-box}.admin-login-page{align-items:center;background:#000;display:flex;font-family:system-ui,sans-serif;isolation:isolate;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.admin-login-page .admin-bg-video{backface-visibility:hidden;contain:layout style paint;display:block;height:100vh;left:0;object-fit:cover;opacity:1;pointer-events:none;position:fixed;top:0;transform:scale(1.02);visibility:visible;width:100vw;will-change:transform;z-index:1}.admin-login-page .admin-overlay{background:linear-gradient(#0000002e,#00000052);inset:0;position:fixed;z-index:2}.admin-login-page .admin-back-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 10px 35px #00000040;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;height:52px;left:26px;padding:0 22px;position:fixed;top:26px;transition:all .3s ease;z-index:50}.admin-login-page .admin-back-btn:hover{background:#ffffff24;border:1px solid #ffffff2e;box-shadow:0 18px 40px #00000059;transform:translateY(-3px)}.admin-login-page .admin-back-btn svg{font-size:1.2rem}.admin-login-page .admin-glow{border-radius:50%;filter:blur(120px);opacity:.18;position:absolute;z-index:3}.admin-login-page .admin-glow-1{background:#ef4444;height:350px;left:-120px;top:-120px;width:350px}.admin-login-page .admin-glow-2{background:#2563eb;bottom:-120px;height:320px;right:-120px;width:320px}.admin-login-page .admin-login-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none;max-width:430px;padding:0;position:relative;text-align:center;width:100%;z-index:10}.admin-login-page .admin-logo-card{align-items:center;animation:adminLogoRotate 10s linear infinite;background:#ffffffeb;border-radius:36px;box-shadow:0 20px 60px #00000047;display:flex;height:150px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:-140px;transform:translateX(-50%);width:150px}.admin-login-page .admin-logo-card:after{animation:adminShineMove 3s infinite;background:linear-gradient(90deg,#0000,#ffffffeb,#0000);content:"";height:220%;left:-50%;position:absolute;top:-60%;transform:rotate(25deg);width:45%}.admin-login-page .admin-logo-img{height:82%;object-fit:contain;width:82%;z-index:2}.admin-login-page .admin-login-card h1{color:#fff;font-size:2.8rem;font-weight:900;letter-spacing:-1px;margin-bottom:10px}.admin-login-page .admin-subtitle{color:#ffffffd1;font-size:1rem;margin-bottom:30px}.admin-login-page .admin-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;color:#fff;font-size:1rem;height:60px;margin-bottom:18px;padding:0 20px;transition:all .3s ease;width:100%}.admin-login-page .admin-input::placeholder{color:#ffffffad}.admin-login-page .admin-input:focus{background:#ffffff14;border-color:#38bdf873;box-shadow:0 0 0 4px #38bdf81f;outline:none}.admin-login-page .admin-login-btn{background:linear-gradient(135deg,#ff4d4d,#dc2626);border:none;border-radius:18px;box-shadow:0 18px 40px #dc262652;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.admin-login-page .admin-login-btn:after{animation:adminShineMove 2.8s infinite;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);content:"";height:220%;left:-50%;position:absolute;top:-60%;transform:rotate(25deg);width:45%}.admin-login-page .admin-login-btn:hover{box-shadow:0 28px 60px #dc26266b;transform:translateY(-4px)}@keyframes adminCardFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes adminLogoRotate{0%{transform:translateX(-50%) rotateY(0deg)}to{transform:translateX(-50%) rotateY(1turn)}}@keyframes adminShineMove{0%{transform:translateX(-180%) rotate(25deg)}to{transform:translateX(240%) rotate(25deg)}}@media (max-width:600px){.admin-login-page{padding:20px}.admin-login-page .admin-back-btn{font-size:.95rem;height:48px;left:18px;padding:0 18px;top:18px}.admin-login-page .admin-login-card{margin:20px;padding:90px 24px 30px}.admin-login-page .admin-logo-card{height:130px;width:130px}.admin-login-page .admin-login-card h1{font-size:2.1rem}}@media (max-width:480px){.admin-login-page{padding:14px}.admin-login-page .admin-back-btn{border-radius:14px;font-size:.82rem;gap:6px;height:42px;left:14px;padding:0 14px;top:14px}.admin-login-page .admin-back-btn svg{font-size:1rem}.admin-login-page .admin-login-card{border-radius:28px;margin:0;max-width:100%;padding:78px 18px 22px;width:100%}.admin-login-page .admin-logo-card{border-radius:24px;height:100px;top:-50px;width:100px}.admin-login-page .admin-login-card h1{font-size:1.7rem;margin-bottom:8px}.admin-login-page .admin-subtitle{font-size:.85rem;line-height:1.6;margin-bottom:22px}.admin-login-page .admin-input{border-radius:14px;font-size:.9rem;height:52px;margin-bottom:14px;padding:0 16px}.admin-login-page .admin-login-btn{border-radius:14px;font-size:.92rem;height:52px}.admin-login-page .admin-glow-1{height:220px;width:220px}.admin-login-page .admin-glow-2{height:200px;width:200px}}.admin-menu-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;height:100vh;justify-content:flex-start;left:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;touch-action:none;width:100vw;z-index:99999}.admin-menu-card{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0f172a,#111827);border:1px solid #ffffff0f;border-radius:22px;box-shadow:0 25px 45px #00000073;display:flex;flex-direction:column;height:calc(100vh - 95px);margin-left:12px;margin-top:72px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:18px 18px 120px;scroll-behavior:smooth;width:285px}.admin-menu-card::-webkit-scrollbar{background:#0000;width:0}.admin-menu-card::-webkit-scrollbar-thumb{background:#0000}.admin-menu-card{-ms-overflow-style:none;scrollbar-width:none}.admin-menu-top{align-items:center;display:flex;flex-shrink:0;gap:14px;margin-bottom:22px}.admin-menu-logo{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:18px;box-shadow:0 10px 20px #14b8a647;color:#fff;display:flex;font-size:20px;font-weight:900;height:58px;justify-content:center;letter-spacing:1px;width:58px}.admin-menu-title{color:#fff;font-size:24px;font-weight:900;margin:0}.admin-menu-subtitle{color:#94a3b8;font-size:13px;margin-top:3px}.admin-menu-left{align-items:center;display:flex;gap:12px}.admin-menu-link{align-items:center;background:linear-gradient(135deg,#1e293b,#1e293b);border:1px solid #334155;border-radius:16px;color:#f8fafc;cursor:pointer;display:flex;font-size:15px;font-weight:800;justify-content:space-between;margin-bottom:10px;min-height:58px;overflow:hidden;padding:15px 16px;position:relative;transition:background .35s ease,transform .35s ease,box-shadow .35s ease,border .35s ease;width:100%}.admin-menu-link:before{background:linear-gradient(90deg,#0000,#ffffff24,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.8s;width:100%}.admin-menu-link:hover:before{left:120%}.admin-menu-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #60a5fa;box-shadow:0 12px 24px #2563eb52;transform:translateX(6px)}.admin-menu-link svg{color:#dbeafe;transition:transform .35s ease,color .35s ease,filter .35s ease}.admin-menu-link:hover svg{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.7));transform:scale(1.18)}.admin-menu-submenu{animation:submenuOpen .35s ease;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-left:10px}.admin-menu-sublink{background:linear-gradient(135deg,#334155,#3b475a);border:1px solid #475569;border-radius:13px;color:#f1f5f9;cursor:pointer;font-size:13px;font-weight:700;min-height:50px;overflow:hidden;padding:12px 14px;position:relative;transition:background .35s ease,transform .35s ease,box-shadow .35s ease,border .35s ease;width:100%}.admin-menu-sublink:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.8s;width:100%}.admin-menu-sublink:hover:before{left:120%}.admin-menu-sublink:hover{background:linear-gradient(135deg,#0f766e,#14b8a6);border:1px solid #2dd4bf;box-shadow:0 10px 20px #14b8a64d;transform:translateX(6px)}.admin-menu-sublink svg{color:#99f6e4;transition:transform .35s ease,color .35s ease}.admin-menu-sublink:hover svg{color:#fff;transform:scale(1.16)}.admin-menu-divider{background:#334155;flex-shrink:0;height:1px;margin:14px 0 18px}.admin-menu-logout{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:16px;box-shadow:0 10px 22px #dc262647;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:900;justify-content:center;margin-top:20px;min-height:58px;padding:15px;transition:all .35s ease;width:100%}@keyframes submenuOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-menu-link:first-of-type svg:first-child{animation:dashboardFloat 2s ease-in-out infinite}@keyframes dashboardFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.admin-menu-link:nth-of-type(2) svg:first-child{animation:requestBag 1.8s ease-in-out infinite}@keyframes requestBag{0%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0deg)}}.admin-menu-link:nth-of-type(3) svg:first-child{animation:childrenMove 2s ease-in-out infinite}@keyframes childrenMove{0%{transform:translateX(0)}50%{transform:translateX(4px)}to{transform:translateX(0)}}.admin-menu-link:nth-of-type(4) svg:first-child{animation:heroFloat 2s ease-in-out infinite}@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px) scale(1.08)}to{transform:translateY(0)}}.admin-menu-link:nth-of-type(5) svg:first-child{animation:heroContentWrite 1.8s ease-in-out infinite}@keyframes heroContentWrite{0%{transform:rotate(0deg) translateX(0)}25%{transform:rotate(-6deg) translateX(-2px)}50%{transform:rotate(6deg) translateX(2px)}75%{transform:rotate(-3deg) translateX(-1px)}to{transform:rotate(0deg) translateX(0)}}.admin-menu-link:nth-of-type(6) svg:first-child{animation:postPaper 1.7s ease-in-out infinite}@keyframes postPaper{0%{transform:rotate(0deg)}50%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.admin-menu-link:nth-of-type(7) svg:first-child{animation:missionTarget 2s ease-in-out infinite}@keyframes missionTarget{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(8deg) scale(1.05)}50%{transform:rotate(-8deg) scale(1.12)}75%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.admin-menu-link:nth-of-type(8) svg:first-child{animation:profilePulse 1.8s ease-in-out infinite}@keyframes profilePulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.admin-menu-link:nth-of-type(9) svg:first-child{animation:joinMembersPulse 1.6s ease-in-out infinite}@keyframes joinMembersPulse{0%{transform:scale(1)}50%{transform:scale(1.22)}to{transform:scale(1)}}.admin-menu-link:nth-of-type(10) svg:first-child{animation:galleryZoom 2s ease-in-out infinite}@keyframes galleryZoom{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.admin-menu-link:nth-of-type(11) svg:first-child{animation:messageDrop 1.8s ease-in-out infinite}@keyframes messageDrop{0%{transform:translateY(0)}50%{transform:translateY(4px)}to{transform:translateY(0)}}.admin-menu-link:nth-of-type(12) svg:first-child{animation:notificationRing 1.4s ease-in-out infinite;transform-origin:top center}@keyframes notificationRing{0%{transform:rotate(0deg)}20%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}to{transform:rotate(0deg)}}.admin-menu-link:nth-of-type(13) svg:first-child{animation:settingsSpin 3s linear infinite}@keyframes settingsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-menu-submenu:first-of-type
.admin-menu-sublink:first-of-type
svg:first-child{animation:heroManageFloat 1.8s ease-in-out infinite}@keyframes heroManageFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.12)}to{transform:translateY(0)}}.admin-menu-submenu:nth-of-type(2)
.admin-menu-sublink:first-of-type
svg:first-child{animation:heroContentPulse 1.6s ease-in-out infinite}@keyframes heroContentPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.admin-menu-submenu:nth-of-type(2)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:heroContentView 2s ease-in-out infinite}@keyframes heroContentView{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.admin-menu-submenu:nth-of-type(3)
.admin-menu-sublink:first-of-type
svg:first-child{animation:addPostPulse 1.5s ease-in-out infinite}@keyframes addPostPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.admin-menu-submenu:nth-of-type(3)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:viewPostSlide 2s ease-in-out infinite}@keyframes viewPostSlide{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.admin-menu-submenu:nth-of-type(4)
.admin-menu-sublink:first-of-type
svg:first-child{animation:missionAddPop 1.6s ease-in-out infinite}@keyframes missionAddPop{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}.admin-menu-submenu:nth-of-type(4)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:missionViewMove 2s ease-in-out infinite}@keyframes missionViewMove{0%{transform:translateX(0)}50%{transform:translateX(4px)}to{transform:translateX(0)}}.admin-menu-submenu:nth-of-type(5)
.admin-menu-sublink:first-of-type
svg:first-child{animation:addProfilePulse 1.6s ease-in-out infinite}@keyframes addProfilePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.admin-menu-submenu:nth-of-type(5)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:viewProfileMove 2s ease-in-out infinite}@keyframes viewProfileMove{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.admin-menu-submenu:nth-of-type(6)
.admin-menu-sublink:first-of-type
svg:first-child{animation:addGalleryPop 1.6s ease-in-out infinite}@keyframes addGalleryPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.admin-menu-submenu:nth-of-type(6)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:viewGalleryMove 2s ease-in-out infinite}@keyframes viewGalleryMove{0%{transform:translateX(0)}50%{transform:translateX(4px)}to{transform:translateX(0)}}.admin-menu-submenu:nth-of-type(7)
.admin-menu-sublink:first-of-type
svg:first-child{animation:contactRing 1.4s ease-in-out infinite;transform-origin:top center}@keyframes contactRing{0%{transform:rotate(0deg)}20%{transform:rotate(14deg)}40%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.admin-menu-submenu:nth-of-type(7)
.admin-menu-sublink:nth-of-type(2)
svg:first-child{animation:donationBounce 1.6s ease-in-out infinite}@keyframes donationBounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.admin-menu-logout svg:first-child{animation:logoutMove 1.5s ease-in-out infinite}@keyframes logoutMove{0%{transform:translateX(0)}50%{transform:translateX(-5px)}to{transform:translateX(0)}}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff;min-height:100%;overflow-x:hidden;width:100%}#root,.admin-layout{background:#fff;min-height:100vh;overflow-x:hidden;width:100%}.admin-content,.admin-layout{position:relative}.admin-content{background:#fff;margin-top:60px!important;min-height:100vh;overflow-x:hidden;padding:0!important;width:100%}.admin-content>*{margin-left:0!important;margin-right:0!important}@media (max-width:768px){#root,.admin-content,.admin-layout,body,html{overflow-x:hidden}}.dashboard-page,.dashboard-page *{box-sizing:border-box}.dashboard-page{background:linear-gradient(135deg,#f8fafc,#eef2ff,#ecfeff);min-height:100vh;overflow-x:hidden;padding:22px;position:relative;width:100%}.dashboard-page:before{animation:dashboardFloatOne 10s ease-in-out infinite;background:radial-gradient(circle,#10b9811f,#0000 70%);height:420px;left:-180px;top:-180px;width:420px}.dashboard-page:after,.dashboard-page:before{content:"";pointer-events:none;position:fixed;z-index:0}.dashboard-page:after{animation:dashboardFloatTwo 14s ease-in-out infinite;background:radial-gradient(circle,#3b82f61a,#0000 70%);bottom:-220px;height:520px;right:-220px;width:520px}.dashboard-header{animation:dashboardFadeUp .7s ease;margin-bottom:30px;position:relative;z-index:2}.dashboard-header h1{color:#0f172a;font-size:34px;font-weight:800;margin-bottom:6px}.dashboard-header p{color:#64748b;font-size:15px;font-weight:500}.dashboard-header span{color:#0f766e;font-weight:800}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);position:relative;width:100%;z-index:2}.dashboard-card{align-items:center;animation:dashboardCardShow .6s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffff59;border-radius:24px;box-shadow:0 10px 25px #0f172a12;display:flex;gap:18px;min-height:135px;overflow:hidden;padding:22px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:before{background:linear-gradient(120deg,#0000,#ffffff73,#0000);content:"";height:300%;left:-50%;position:absolute;top:-120%;transform:rotate(25deg);transition:.9s;width:60%}.dashboard-card:hover:before{left:120%}.dashboard-card:hover{box-shadow:0 16px 35px #0f172a1f;transform:translateY(-6px)}.dashboard-icon{align-items:center;animation:dashboardPulse 3s infinite;border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:30px;height:68px;justify-content:center;overflow:hidden;position:relative;width:68px}.dashboard-icon:after{background:linear-gradient(135deg,#ffffff47,#0000);content:"";inset:0;position:absolute}.dashboard-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.dashboard-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dashboard-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.dashboard-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.dashboard-icon.dark{background:linear-gradient(135deg,#334155,#0f172a)}.dashboard-content{flex:1 1;min-width:0}.dashboard-content h3{color:#64748b;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px}.dashboard-content p{color:#0f172a;font-size:34px;font-weight:900;line-height:1;word-break:break-word}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100vh;width:100%}.dashboard-loading p{color:#0f766e;font-size:20px;font-weight:700}.dashboard-spinner{animation:dashboardSpin 1s linear infinite;border:5px solid #d1fae5;border-radius:50%;border-top-color:#10b981;height:58px;width:58px}.dashboard-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fff1f2);color:#dc2626;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:100vh;width:100%}.dashboard-error h2{font-size:30px;font-weight:800}.dashboard-error p{font-size:16px;font-weight:600}@keyframes dashboardSpin{to{transform:rotate(1turn)}}@keyframes dashboardFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardCardShow{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dashboardPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dashboardFloatOne{0%{transform:translate(0)}50%{transform:translate(40px,30px)}to{transform:translate(0)}}@keyframes dashboardFloatTwo{0%{transform:translate(0)}50%{transform:translate(-35px,-25px)}to{transform:translate(0)}}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:16px}.dashboard-grid{gap:16px;grid-template-columns:repeat(1,1fr)}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:28px}.dashboard-header p{font-size:14px}.dashboard-card{border-radius:22px;min-height:120px;padding:20px}.dashboard-icon{border-radius:18px;font-size:26px;height:62px;width:62px}.dashboard-content h3{font-size:14px}.dashboard-content p{font-size:28px}}@media (max-width:480px){.dashboard-page{padding:14px}.dashboard-header h1{font-size:26px}.dashboard-header p{font-size:13px;line-height:1.5}.dashboard-card{border-radius:20px;gap:14px;padding:18px}.dashboard-icon{border-radius:16px;font-size:22px;height:56px;width:56px}.dashboard-content h3{font-size:13px}.dashboard-content p{font-size:24px}}.requests-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.requests-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.requests-title-box{align-items:center;display:flex;gap:18px}.request-animation{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;box-shadow:0 10px 30px #10b98140;display:flex;height:90px;justify-content:center;width:90px}.request-animation img{height:54px;object-fit:contain;width:54px}.requests-header h1{color:#020617;font-size:62px;font-weight:900;line-height:1}.requests-header p{color:#64748b;font-size:18px;font-weight:700;margin-top:10px}.requests-stats{display:flex;flex-wrap:wrap;gap:14px}.stat-card{align-items:center;background:#fff;border-radius:22px;box-shadow:0 8px 25px #0000000f;display:flex;flex-direction:column;height:105px;justify-content:center;transition:.25s;width:120px}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{color:#0f172a;font-size:34px;font-weight:900;margin-bottom:6px}.stat-card span{color:#64748b;font-size:14px;font-weight:700}.pending h3{color:#f59e0b}.approved h3{color:#16a34a}.rejected h3{color:#ef4444}.requests-toolbar{margin-bottom:24px}.requests-toolbar input{border:1px solid #dbe3ea;border-radius:16px;color:#020617;font-size:15px;font-weight:700;height:54px;padding:0 18px;transition:.25s;width:340px}.requests-toolbar input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.requests-toolbar input::placeholder{color:#94a3b8}.requests-toolbar select{border:1px solid #dbe3ea;border-radius:16px;color:#020617;font-size:15px;height:54px;padding:0 14px;transition:.25s;width:180px}.requests-toolbar select:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.requests-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 35px #0000000f;overflow-x:auto;width:100%}.requests-table{border-collapse:collapse;min-width:1400px;width:100%}.requests-table thead{background:linear-gradient(90deg,#0f172a,#1e293b)}.requests-table th{color:#fff;font-size:14px;font-weight:800;padding:20px 18px;text-align:left;white-space:nowrap}.requests-table tbody tr{border-bottom:1px solid #eef2f7;transition:.25s}.requests-table tbody tr:hover{background:#f8fafc}.requests-table td{color:#0f172a;font-size:15px;font-weight:800;padding:18px;vertical-align:middle;white-space:nowrap}.table-image{border:3px solid #e2e8f0;border-radius:18px;cursor:pointer;height:78px;object-fit:cover;transition:.3s;width:78px}.table-image:hover{box-shadow:0 12px 28px #00000026;transform:scale(1.08)}.table-status{border-radius:999px;font-size:12px;font-weight:900;padding:8px 14px;text-transform:uppercase}.table-status.pending{background:#fef3c7;color:#b45309}.table-status.approved{background:#dcfce7;color:#15803d}.table-status.rejected{background:#fee2e2;color:#b91c1c}.table-location-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;gap:6px;padding:10px 16px;text-decoration:none;transition:.25s}.table-location-btn:hover{transform:scale(1.05)}.table-actions{align-items:center;display:flex;gap:8px}.table-actions button{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:800;height:42px;min-width:92px;transition:.25s}.table-actions button:hover{transform:translateY(-2px)}.view-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.approve-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.reject-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.delete-btn{background:linear-gradient(135deg,#111827,#374151)}.empty-box{background:#fff;border-radius:24px;color:#64748b;font-size:28px}.empty-box,.loading{font-weight:800;padding:80px 20px;width:100%}.loading{color:#475569;font-size:24px;text-align:center}.request-view-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;padding:26px;width:100%}.back-btn{background:#111827;border-radius:14px;color:#fff;font-weight:800;height:48px;padding:0 22px;transition:.25s}.back-btn:hover{transform:translateY(-2px)}.request-view-card{background:#fff;border-radius:26px;box-shadow:0 18px 45px #00000014;margin:auto;max-width:1150px;overflow:hidden;width:100%}.request-view-image{align-items:center;background:#f1f5f9;display:flex;height:auto;justify-content:center;position:relative;width:100%}.request-view-image img{background:#f8fafc;display:block;max-height:500px;object-fit:contain;width:100%}.view-status{border-radius:999px;font-size:13px;font-weight:900;padding:10px 18px;position:absolute;right:22px;text-transform:uppercase;top:22px}.view-status.pending{background:#fef3c7;color:#b45309}.view-status.approved{background:#dcfce7;color:#15803d}.view-status.rejected{background:#fee2e2;color:#b91c1c}.request-view-content{background:#fff;padding:34px}.request-view-content h1{color:#020617;font-size:52px;font-weight:900;letter-spacing:-1px;margin-bottom:30px}.view-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.view-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 18px #0000000d;padding:20px;transition:.25s}.view-item:hover{transform:translateY(-3px)}.view-item span{color:#64748b;display:block;font-size:12px;font-weight:900;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.view-item strong{color:#020617;font-size:23px;font-weight:900;line-height:1.5}.view-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 6px 20px #0000000a;margin-bottom:24px;padding:24px}.view-section h3{color:#020617;font-size:28px;font-weight:900;margin-bottom:14px}.view-section p{color:#0f172a;font-size:17px;font-weight:700;line-height:2}.live-location-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:16px;box-shadow:0 10px 25px #ec48994d;color:#fff;display:inline-flex;font-size:15px;font-weight:900;gap:8px;margin-top:14px;padding:15px 24px;text-decoration:none;transition:.25s}.live-location-btn:hover{transform:translateY(-2px) scale(1.03)}.view-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}.view-actions button{border:none;border-radius:16px;box-shadow:0 10px 22px #00000014;cursor:pointer;font-size:16px;font-weight:900;height:56px;min-width:170px;transition:.25s}.view-actions button:hover{transform:translateY(-3px) scale(1.02)}.image-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.image-preview-box{background:#fff;border-radius:28px;box-shadow:0 25px 70px #0006;max-width:950px;overflow:hidden;position:relative;width:90%}.image-preview-box img{background:#000;display:block;max-height:90vh;object-fit:contain;width:100%}.image-preview-close{background:#fffffff5;border:none;border-radius:50%;color:#111827;cursor:pointer;font-size:22px;font-weight:900;height:46px;position:absolute;right:16px;top:16px;width:46px;z-index:10}.delete-modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.delete-modal-card{animation:popupZoom .25s ease;background:#fff;border-radius:26px;box-shadow:0 25px 60px #00000040;max-width:420px;padding:34px 28px;text-align:center;width:90%}.delete-modal-card h2{color:#020617;font-size:34px;font-weight:900;margin-bottom:12px}.delete-modal-card p{color:#64748b;font-size:16px;font-weight:700;line-height:1.7;margin-bottom:30px}.delete-modal-actions{display:flex;gap:14px;justify-content:center}.cancel-delete-btn{background:#e2e8f0;border:none;border-radius:14px;color:#0f172a;cursor:pointer;font-size:15px;font-weight:900;height:50px;transition:.25s;width:130px}.cancel-delete-btn:hover{transform:scale(1.04)}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;box-shadow:0 10px 25px #ef444459;color:#fff;cursor:pointer;font-size:15px;font-weight:900;height:50px;transition:.25s;width:130px}.confirm-delete-btn:hover{transform:translateY(-2px) scale(1.04)}@keyframes popupZoom{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.requests-page{padding:14px}.requests-header,.requests-title-box{align-items:flex-start;flex-direction:column}.requests-header h1{font-size:42px}.requests-toolbar{flex-direction:column}.requests-stats,.requests-toolbar input,.requests-toolbar select{width:100%}.stat-card{flex:1 1;width:auto}.request-view-page{padding:14px}.request-view-image img{max-height:260px}.request-view-content{padding:20px}.request-view-content h1{font-size:38px}.view-grid{grid-template-columns:1fr}.view-item strong{font-size:20px}.view-section h3{font-size:22px}.view-section p{font-size:15px}.view-actions{flex-direction:column}.view-actions button{width:100%}.image-preview-box{border-radius:22px;width:95%}.image-preview-box img{max-height:75vh}.delete-modal-actions{flex-direction:column}.cancel-delete-btn,.confirm-delete-btn{width:100%}}.requests-pdf-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px;width:100%}.pdf-btn{border-radius:16px;box-shadow:0 10px 25px #00000014;font-size:14px;font-weight:900;gap:10px;height:54px;padding:0 22px;transition:.3s ease}.pdf-btn svg{font-size:18px}.pdf-btn.all{background:linear-gradient(135deg,#0f172a,#334155)}.pdf-btn.all:hover{box-shadow:0 16px 32px #0f172a40;transform:translateY(-3px) scale(1.02)}.pdf-btn.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.pdf-btn.pending:hover{box-shadow:0 16px 32px #f59e0b47;transform:translateY(-3px) scale(1.02)}.pdf-btn.approved{background:linear-gradient(135deg,#16a34a,#22c55e)}.pdf-btn.approved:hover{box-shadow:0 16px 32px #22c55e47;transform:translateY(-3px) scale(1.02)}.pdf-btn.rejected{background:linear-gradient(135deg,#dc2626,#ef4444)}.pdf-btn.rejected:hover{box-shadow:0 16px 32px #ef44444d;transform:translateY(-3px) scale(1.02)}@media (max-width:768px){.requests-pdf-actions{align-items:stretch;flex-direction:column}.pdf-btn{justify-content:center;width:100%}}.requests-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;margin-top:25px}.requests-toolbar input{color:#0f172a;font-weight:600;min-width:320px;padding:0 22px}.requests-toolbar input,.requests-toolbar select{background:#fff;border:none;border-radius:18px;box-shadow:0 4px 14px #0000000f;font-size:16px;height:58px;outline:none}.requests-toolbar select{color:#111827;cursor:pointer;font-weight:700;min-width:210px;padding:0 20px}.pdf-btn{align-items:center;border:none;border-radius:18px;box-shadow:0 8px 22px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;height:58px;justify-content:center;letter-spacing:.3px;outline:none;padding:0 24px;transition:.28s ease;white-space:nowrap}.pdf-btn:hover{transform:translateY(-3px) scale(1.03)}.pdf-btn:active{transform:scale(.96)}.all-pdf-btn{background:linear-gradient(135deg,#0f172a,#1e293b)}.pending-pdf-btn{background:linear-gradient(135deg,#f59e0b,#f97316)}.approved-pdf-btn{background:linear-gradient(135deg,#16a34a,#22c55e)}.rejected-pdf-btn{background:linear-gradient(135deg,#dc2626,#ef4444)}@media (max-width:768px){.requests-toolbar{align-items:stretch;flex-direction:column}.pdf-btn,.requests-toolbar input,.requests-toolbar select{width:100%}}.children-page{animation:pageFade .6s ease;background:linear-gradient(to bottom right,#fff,#f8fafc);min-height:100vh;overflow-x:hidden;padding:20px;position:relative;width:100%}.add-child-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid #e2e8f0;box-shadow:-10px 0 40px #0000001f;height:calc(100vh - 48px);max-width:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:-560px;top:48px;transition:.45s ease;width:540px;z-index:9999}.show-add-sidebar{right:0}.sidebar-overlay{animation:fadeOverlay .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;inset:0;position:fixed;z-index:9998}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.add-child-header{align-items:center;background:linear-gradient(135deg,#0f172a,#0f766e);border-bottom:1px solid #ffffff14;box-shadow:0 8px 20px #00000014;display:flex;justify-content:space-between;padding:22px;position:sticky;top:0;z-index:50}.add-child-header h2{color:#fff;font-size:28px;font-weight:900;letter-spacing:-.5px}.add-child-header button{background:#ffffff24;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:42px;transition:.3s;width:42px}.add-child-header button:hover{background:#ffffff38;transform:rotate(90deg) scale(1.05)}.add-child-form{display:flex;flex-direction:column;gap:18px;padding:22px}.add-child-form input,.add-child-form select,.add-child-form textarea{background:#fff;border:1px solid #dbe3ea;border-radius:16px;box-shadow:0 4px 12px #0000000a;color:#0f172a;font-size:14px;font-weight:700;outline:none;padding:16px;transition:.3s;width:100%}.add-child-form textarea{min-height:120px;resize:vertical}.add-child-form input:focus,.add-child-form select:focus,.add-child-form textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61f;transform:translateY(-1px)}.add-child-form input::placeholder,.add-child-form textarea::placeholder{color:#64748b}.add-child-form input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;padding:14px}.capture-location-btn{background:linear-gradient(135deg,#0f172a,#1e3a8a);border:none;border-radius:16px;box-shadow:0 12px 24px #0f172a2e;color:#fff;cursor:pointer;font-size:15px;font-weight:800;height:56px;transition:.35s;width:100%}.capture-location-btn:hover{box-shadow:0 16px 30px #0f172a40;transform:translateY(-3px)}.open-location-link{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#7c3aed1a,#ec48991a);border:1px solid #7c3aed2e;border-radius:18px;box-shadow:0 10px 24px #7c3aed1f;color:#7c3aed;display:inline-flex;font-size:15px;font-weight:800;gap:10px;justify-content:center;margin-top:4px;min-height:54px;overflow:hidden;padding:14px 18px;position:relative;text-decoration:none;transition:.35s ease;width:100%}.open-location-link:before{background:linear-gradient(120deg,#0000,#ffffffbf,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.8s;width:100%}.open-location-link:hover:before{left:120%}.open-location-link:hover{background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:#0000;box-shadow:0 18px 34px #7c3aed47;color:#fff;transform:translateY(-3px) scale(1.01)}.open-location-link:active{transform:scale(.98)}.open-location-link svg{font-size:18px;transition:.3s}.open-location-link:hover svg{transform:rotate(-10deg) scale(1.12)}.submit-child-btn{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:18px;box-shadow:0 16px 30px #10b98140;color:#fff;cursor:pointer;font-size:16px;font-weight:900;height:58px;transition:.35s;width:100%}.submit-child-btn:hover{box-shadow:0 22px 38px #10b98159;transform:translateY(-4px) scale(1.01)}.children-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:22px}.children-title-box{align-items:center;display:flex;gap:16px}.children-animation{align-items:center;animation:floatingBox 4s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e9,#14b8a6,#22c55e);border-radius:24px;box-shadow:0 12px 26px #0ea5e92e;display:flex;height:82px;justify-content:center;min-width:82px;overflow:hidden;position:relative;width:82px;z-index:1}.children-animation:before{animation:shineMove 3s linear infinite;background:linear-gradient(120deg,#0000,#ffffffa6,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(25deg);width:200%}.children-animation:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:20px;content:"";inset:4px;position:absolute;z-index:1}.children-animation img{animation:kidFloat 2.5s ease-in-out infinite;height:48px;object-fit:contain;position:relative;width:48px;z-index:2}@keyframes shineMove{0%{transform:translateX(-120%) rotate(25deg)}to{transform:translateX(120%) rotate(25deg)}}@keyframes kidFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px) scale(1.06)}to{transform:translateY(0)}}@keyframes floatingBox{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.children-title-box h1{animation:slideLeft .8s ease,glowText 3s ease-in-out infinite;color:#0f172a;font-size:48px;font-weight:900;letter-spacing:-1px;line-height:1.05;position:relative}.children-title-box h1:after{background:linear-gradient(90deg,#14b8a6,#38bdf8);border-radius:999px;bottom:-8px;content:"";height:5px;left:0;position:absolute;width:100%}@keyframes slideLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes glowText{0%{text-shadow:none}50%{text-shadow:0 0 14px #14b8a62e}to{text-shadow:none}}.children-title-box p{color:#475569;font-size:16px;font-weight:700;margin-top:14px}.children-stats{display:flex;flex-wrap:wrap;gap:12px}.child-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 10px 24px #0000000f;display:flex;flex-direction:column;height:105px;justify-content:center;transition:.35s;width:145px}.child-stat-card:hover{box-shadow:0 18px 34px #0000001a;transform:translateY(-6px) scale(1.03)}.child-stat-card h3{color:#14b8a6;font-size:34px;font-weight:900;margin-bottom:5px}.child-stat-card span{color:#64748b;font-size:14px;font-weight:800}.children-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.children-toolbar input{background:#fff;border:1px solid #dbe3ea;border-radius:15px;box-shadow:0 4px 12px #0000000a;color:#0f172a;font-size:14px;font-weight:700;height:50px;outline:none;padding:0 16px;transition:.3s;width:320px}.children-toolbar input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a624}.add-child-btn{background:linear-gradient(135deg,#14b8a6,#06b6d4);border:none;border-radius:15px;box-shadow:0 10px 20px #14b8a638;color:#fff;cursor:pointer;font-size:14px;font-weight:800;height:50px;padding:0 22px;transition:.3s}.add-child-btn:hover{box-shadow:0 16px 28px #14b8a64d;transform:translateY(-2px)}.children-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.child-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;box-shadow:0 12px 30px #0000000f;overflow:hidden;transition:.35s}.child-card:hover{box-shadow:0 20px 42px #0000001a;transform:translateY(-8px)}.child-image{overflow:hidden}.child-image img{height:240px;object-fit:cover;transition:.4s ease;width:100%}.child-card:hover .child-image img{transform:scale(1.06)}.child-content{padding:22px}.child-content h2{color:#0f172a;font-size:26px;font-weight:900;margin-bottom:18px}.child-info{display:flex;flex-direction:column;gap:10px}.child-info p{color:#334155;font-size:15px;font-weight:700}.child-description{background:#f8fafc;border-radius:14px;color:#475569;font-size:14px;font-weight:600;line-height:1.8;margin-top:18px;padding:16px}.child-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:24px}.child-actions button{border:none;border-radius:14px;cursor:pointer;font-size:14px;font-weight:800;height:48px;transition:.3s}.child-actions button:hover{transform:scale(.97)}.view-child-btn{background:#2563eb;color:#fff}.delete-child-btn{background:#dc2626;color:#fff}.children-empty{color:#64748b;font-size:28px;padding:80px 0}.children-empty,.children-loading{align-items:center;display:flex;font-weight:800;justify-content:center}.children-loading{color:#475569;font-size:22px;padding:90px 0}.child-modal{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.child-modal-box{animation:modalPop .35s ease;background:#fff;border-radius:24px;max-width:760px;overflow:hidden;position:relative;width:100%}.child-modal-box img{height:360px;object-fit:cover;width:100%}.child-modal-box h2{color:#0f172a;font-size:34px;font-weight:900;padding:24px 26px 0}.child-modal-details{padding:22px 26px 32px}.child-modal-details p{color:#334155;font-size:16px;font-weight:700;margin-bottom:14px}.child-modal-description{background:#f8fafc;border-radius:14px;color:#475569;font-weight:600;line-height:1.9;margin-top:14px;padding:18px}.close-child-btn{background:#fffffff2;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:42px;position:absolute;right:16px;top:16px;transition:.3s;width:42px}.close-child-btn:hover{transform:rotate(90deg) scale(1.05)}.children-table-wrapper{animation:fadeTable .5s ease;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 30px #0000000f;overflow-x:auto;padding:14px;width:100%}@keyframes fadeTable{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.children-table{border-collapse:collapse;min-width:1100px;width:100%}.children-table thead{background:linear-gradient(135deg,#0f172a,#0f766e)}.children-table thead tr th{color:#fff;font-size:15px;font-weight:900;letter-spacing:.4px;padding:18px 16px;text-align:left;white-space:nowrap}.children-table thead tr th:first-child{border-bottom-left-radius:18px;border-top-left-radius:18px}.children-table thead tr th:last-child{border-bottom-right-radius:18px;border-top-right-radius:18px}.children-table tbody tr{border-bottom:1px solid #eef2f7;transition:.3s ease}.children-table tbody tr:hover{background:linear-gradient(90deg,#14b8a60f,#06b6d40a);transform:scale(1.002)}.children-table tbody td{color:#334155;font-size:15px;font-weight:700;padding:18px 16px;vertical-align:middle;white-space:nowrap}.children-table tbody td:first-child{color:#0f172a;font-weight:900}.child-table-img{border:3px solid #f1f5f9;border-radius:18px;box-shadow:0 10px 24px #00000014;height:120px;object-fit:cover;transition:.35s ease;width:120px}.child-table-img:hover{box-shadow:0 16px 30px #00000024;transform:scale(1.08)}.pending-badge{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:999px;box-shadow:0 8px 18px #14b8a638;color:#fff;display:inline-flex;font-size:13px;font-weight:900;height:38px;justify-content:center;letter-spacing:.3px;min-width:110px;padding:0 16px;text-transform:capitalize}.pending-badge.approved{background:linear-gradient(135deg,#16a34a,#22c55e)}.pending-badge.rejected{background:linear-gradient(135deg,#dc2626,#ef4444)}.pending-badge.pending{background:linear-gradient(135deg,#f59e0b,#f97316)}.children-table tbody tr td[colspan]{color:#64748b;font-size:20px;font-weight:800;padding:60px 20px!important;text-align:center}.image-preview-modal{align-items:center;animation:fadePreview .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:30px;position:fixed;z-index:99999}@keyframes fadePreview{0%{opacity:0}to{opacity:1}}.preview-full-image{animation:zoomImage .35s ease;border-radius:24px;box-shadow:0 20px 60px #00000073;max-height:90vh;max-width:90%;object-fit:contain}@keyframes zoomImage{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.child-table-img{cursor:zoom-in}.add-child-sidebar{-ms-overflow-style:none;scrollbar-width:none}.add-child-sidebar::-webkit-scrollbar{display:none}@media (max-width:768px){.children-page{padding:12px}.add-child-sidebar{right:-100%;width:100%}.show-add-sidebar{right:0}.children-header{align-items:flex-start;flex-direction:column;gap:14px}.children-title-box{align-items:center;flex-direction:row;gap:12px;width:100%}.children-animation{border-radius:18px;height:60px;min-width:60px;width:60px}.children-animation img{height:32px;width:32px}.children-title-box h1{font-size:28px;line-height:1.2}.children-title-box p{font-size:13px;margin-top:8px}.children-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.child-stat-card{height:90px;width:100%}.child-stat-card h3{font-size:24px}.child-stat-card span{font-size:12px}.children-toolbar{align-items:stretch;flex-direction:column;gap:10px;width:100%}.add-child-btn,.children-toolbar input{font-size:13px;height:46px;width:100%}.children-table-wrapper{border-radius:18px;padding:8px}.children-table{min-width:760px}.children-table tbody td,.children-table thead tr th{font-size:12px;padding:12px 10px}.child-table-img{border-radius:14px;height:72px;width:72px}.pending-badge{font-size:11px;height:30px;min-width:76px}.children-grid{grid-template-columns:1fr}.child-image img{height:210px}.child-actions{grid-template-columns:1fr}.child-modal{padding:10px}.child-modal-box{border-radius:18px}.child-modal-box img{height:220px}.child-modal-box h2{font-size:24px;padding:18px 18px 0}.child-modal-details{padding:18px}.add-child-header h2{font-size:22px}.add-child-sidebar{-webkit-overflow-scrolling:touch;height:calc(100vh - 48px);overflow-y:auto;padding-bottom:120px}.add-child-form{padding-bottom:160px}}@supports (-webkit-touch-callout:none){.add-child-form{padding-bottom:420px!important;scroll-padding-bottom:420px}.submit-child-btn{margin-bottom:140px}}.add-hero-page{align-items:flex-start;background:#f4f7fb;display:flex;justify-content:center;min-height:100vh;padding:140px 20px 40px;width:100%}.add-hero-card{background:#fff;border-radius:24px;box-shadow:0 10px 35px #0f172a14;max-width:560px;padding:34px;width:100%}.add-hero-card h2{color:#0f172a;font-size:30px;font-weight:700;margin-bottom:28px}.hero-form-group{display:flex;flex-direction:column;margin-bottom:22px}.hero-form-group label{color:#334155;font-size:15px;font-weight:600;margin-bottom:8px}.hero-form-group input[type=datetime-local],.hero-form-group input[type=text],.hero-form-group select{background:#fff;border:1px solid #dbe2ea;border-radius:14px;color:#0f172a;font-size:15px;height:54px;outline:none;padding:0 16px;transition:.3s;width:100%}.hero-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#0f766e 0),linear-gradient(135deg,#0f766e 50%,#0000 0);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;cursor:pointer}.hero-form-group input[type=datetime-local]:focus,.hero-form-group input[type=text]:focus,.hero-form-group select:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e14}.hero-form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;color:#334155;cursor:pointer;font-size:15px;padding:14px;width:100%}.hero-preview-wrapper{margin-bottom:24px;position:relative;width:100%}.hero-preview-image{border:1px solid #dbe4ea;border-radius:22px;box-shadow:0 10px 25px #0f172a14;max-height:420px;object-fit:cover;width:100%}.hero-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:42px;justify-content:center;position:absolute;right:12px;top:12px;transition:.3s;width:42px;z-index:10}.hero-remove-btn:hover{background:#dc2626;transform:scale(1.08)}.hero-checkbox{align-items:center;display:flex;gap:10px;margin-bottom:22px}.hero-checkbox input{cursor:pointer;height:18px;width:18px}.hero-checkbox span{color:#334155;font-size:15px;font-weight:500}.hero-submit-btn{background:linear-gradient(135deg,#0f766e,#115e59);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:56px;transition:.3s;width:100%}.hero-submit-btn:hover{box-shadow:0 12px 20px #0f766e2e;transform:translateY(-2px)}.hero-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.add-hero-page{padding:110px 16px 30px}.add-hero-card{border-radius:20px;padding:24px}.add-hero-card h2{font-size:24px;margin-bottom:22px}.hero-form-group input[type=datetime-local],.hero-form-group input[type=text],.hero-form-group select{font-size:14px;height:50px}.hero-form-group input[type=file]{font-size:14px;padding:12px}.hero-submit-btn{font-size:15px;height:52px}.hero-preview-image{border-radius:18px;max-height:260px}.hero-remove-btn{font-size:24px;height:38px;width:38px}}.view-heroes-page{--vh-bg1:#f8fafc;--vh-bg2:#e2e8f0;--vh-dark:#0f172a;--vh-text:#334155;--vh-muted:#64748b;--vh-green:#16a34a;--vh-green-dark:#15803d;--vh-yellow:#f59e0b;--vh-yellow-dark:#d97706;--vh-blue:#2563eb;--vh-blue-dark:#1d4ed8;--vh-red:#dc2626;--vh-red-dark:#b91c1c;background:linear-gradient(135deg,var(--vh-bg1),var(--vh-bg2));display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.view-heroes-page .view-heroes-top{margin-bottom:20px}.view-heroes-page .view-heroes-top h2{color:var(--vh-dark);font-size:42px;font-weight:800;letter-spacing:-1px}.view-heroes-page .hero-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:28px;box-shadow:0 10px 30px #0f172a14;max-width:620px;overflow:hidden;width:100%}.view-heroes-page .hero-image{background:#fff;display:block;height:430px;object-fit:cover;width:100%}.view-heroes-page .hero-content{padding:20px 24px 10px}.view-heroes-page .hero-content p{color:var(--vh-text);font-size:15px;font-weight:500;line-height:1.6;margin-bottom:14px}.view-heroes-page .hero-content strong{color:var(--vh-dark);margin-right:4px}.view-heroes-page .hero-actions{display:flex;gap:14px;padding:10px 24px 24px}.view-heroes-page .hero-actions button{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:50px;transition:.25s ease}.view-heroes-page .hero-toggle.active{background:var(--vh-green);color:#fff}.view-heroes-page .hero-toggle.active:hover{background:var(--vh-green-dark)}.view-heroes-page .hero-toggle.inactive{background:var(--vh-yellow);color:#fff}.view-heroes-page .hero-toggle.inactive:hover{background:var(--vh-yellow-dark)}.view-heroes-page .hero-edit-btn{background:var(--vh-blue);color:#fff}.view-heroes-page .hero-edit-btn:hover{background:var(--vh-blue-dark)}.view-heroes-page .hero-delete-btn{background:var(--vh-red);color:#fff}.view-heroes-page .hero-delete-btn:hover{background:var(--vh-red-dark)}.view-heroes-page .hero-empty,.view-heroes-page .hero-loading{color:#475569;font-size:18px;font-weight:600}.view-heroes-page .hero-category-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.view-heroes-page .category-btn{background:#fff;border:1px solid #cbd5e1e6;border-radius:14px;box-shadow:0 4px 14px #0f172a0a;color:var(--vh-text);cursor:pointer;font-size:15px;font-weight:700;outline:none;padding:12px 22px;transition:.25s ease}.view-heroes-page .category-btn:hover{background:#f8fafc;transform:translateY(-2px)}.view-heroes-page .category-btn.active{background:linear-gradient(135deg,var(--vh-blue),var(--vh-blue-dark));border-color:#0000;box-shadow:0 8px 24px #2563eb40;color:#fff}.view-heroes-page .heroes-grid{display:flex;flex-wrap:wrap;gap:24px}.view-heroes-page .delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.view-heroes-page .delete-modal{animation:viewHeroesModalPop .25s ease;background:#fff;border-radius:32px;box-shadow:0 25px 60px #0f172a2e;max-width:460px;padding:34px 30px;text-align:center;width:100%}.view-heroes-page .delete-icon{align-items:center;background:#ef44441f;border-radius:50%;color:#ef4444;display:flex;font-size:42px;height:90px;justify-content:center;margin:0 auto 20px;width:90px}.view-heroes-page .delete-modal h3{color:var(--vh-dark);font-size:42px;font-weight:800;margin-bottom:14px}.view-heroes-page .delete-modal p{color:var(--vh-muted);font-size:18px;line-height:1.7;margin-bottom:28px}.view-heroes-page .delete-modal-actions{display:flex;gap:16px}.view-heroes-page .cancel-btn{background:#e2e8f0;border:none;border-radius:18px;color:var(--vh-text);cursor:pointer;flex:1 1;font-size:17px;font-weight:700;height:56px;transition:.25s ease}.view-heroes-page .cancel-btn:hover{background:#cbd5e1}.view-heroes-page .confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:18px;color:#fff;cursor:pointer;flex:1 1;font-size:17px;font-weight:700;height:56px;transition:.25s ease}.view-heroes-page .confirm-delete-btn:hover{transform:translateY(-2px)}@keyframes viewHeroesModalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.view-heroes-page{padding:14px}.view-heroes-page .view-heroes-top{margin-bottom:16px}.view-heroes-page .view-heroes-top h2{font-size:30px}.view-heroes-page .hero-card{border-radius:22px;max-width:100%}.view-heroes-page .hero-image{height:260px}.view-heroes-page .hero-content{padding:16px 16px 8px}.view-heroes-page .hero-content p{font-size:14px;margin-bottom:10px}.view-heroes-page .hero-actions{flex-direction:column;gap:10px;padding:10px 16px 16px}.view-heroes-page .hero-actions button{font-size:14px;height:48px;width:100%}.view-heroes-page .hero-category-buttons{flex-wrap:nowrap;gap:10px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px}.view-heroes-page .hero-category-buttons::-webkit-scrollbar{display:none}.view-heroes-page .category-btn{border-radius:12px;font-size:14px;padding:11px 18px;white-space:nowrap}.view-heroes-page .heroes-grid{flex-direction:column;gap:18px}.view-heroes-page .delete-modal{border-radius:26px;padding:26px 20px}.view-heroes-page .delete-icon{font-size:34px;height:74px;width:74px}.view-heroes-page .delete-modal h3{font-size:30px}.view-heroes-page .delete-modal p{font-size:15px}.view-heroes-page .delete-modal-actions{flex-direction:column}.view-heroes-page .cancel-btn,.view-heroes-page .confirm-delete-btn{font-size:15px;height:50px;width:100%}}.add-content-page{align-items:flex-start;background:linear-gradient(135deg,#f1f5f9,#dbeafe);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:30px;width:100%}.add-content-page *{box-sizing:border-box}.add-content-page .add-content-card{background:#fff;border-radius:24px;box-shadow:0 20px 50px #0000001f;display:flex;flex-direction:column;gap:16px;margin-top:20px;max-width:900px;padding:35px;width:100%}.add-content-page .add-content-card h1{color:#0f172a;font-size:34px;font-weight:900;line-height:1.2;margin-bottom:10px;text-align:center}.add-content-page .add-content-card label{color:#1e293b;display:block;font-size:15px;font-weight:800;margin-top:8px}.add-content-page .add-content-card input,.add-content-page .add-content-card select,.add-content-page .add-content-card textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;color:#0f172a;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:15px 18px;transition:all .3s ease;width:100%}.add-content-page .add-content-card textarea{line-height:1.7;min-height:110px;resize:vertical}.add-content-page .text-count{color:#64748b;font-size:12px;font-weight:700;margin-bottom:4px;margin-top:-10px;text-align:right}.add-content-page .add-content-card input:focus,.add-content-page .add-content-card select:focus,.add-content-page .add-content-card textarea:focus{background:#fff;border:1px solid #14b8a6;box-shadow:0 0 0 4px #14b8a626}.add-content-page .add-content-card button{background:linear-gradient(135deg,#14b8a6,#06b6d4);border:none;border-radius:18px;box-shadow:0 12px 24px #14b8a647;color:#fff;cursor:pointer;font-size:17px;font-weight:900;height:58px;margin-top:15px;transition:all .35s ease;width:100%}.add-content-page .add-content-card button:hover{box-shadow:0 18px 35px #14b8a661;transform:translateY(-3px)}.add-content-page .add-content-card button:disabled{cursor:not-allowed;opacity:.7;transform:none}.add-content-page
.add-content-card
input::placeholder,.add-content-page
.add-content-card
textarea::placeholder{color:#94a3b8}.add-content-page
.add-content-card
select{cursor:pointer}@media (max-width:768px){.add-content-page{padding:16px}.add-content-page .add-content-card{border-radius:18px;padding:22px}.add-content-page .add-content-card h1{font-size:26px}.add-content-page .add-content-card input,.add-content-page .add-content-card select,.add-content-page .add-content-card textarea{font-size:14px;padding:14px 15px}.add-content-page .add-content-card button{font-size:15px;height:54px}.add-content-page .text-count{font-size:11px}}.view-content-page{background:linear-gradient(135deg,#edf4ff,#dbeafe);isolation:isolate;min-height:100vh;overflow-x:hidden;padding:34px;position:relative;width:100%}.view-content-page,.view-content-page *,.view-content-page :after,.view-content-page :before{box-sizing:border-box}.view-content-page button,.view-content-page input,.view-content-page select,.view-content-page textarea{font:inherit}.view-content-page .view-content-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:34px;width:100%}.view-content-page .view-content-top h1{color:#0f172a;font-size:52px;font-weight:900;letter-spacing:-1px;line-height:1;margin:0}.view-content-page .view-content-top button{align-items:center;background:linear-gradient(135deg,#06b6d4,#14b8a6);border:none;border-radius:20px;box-shadow:0 18px 40px #06b6d447;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:12px;height:62px;justify-content:center;padding:0 30px;transition:.3s ease}.view-content-page
.view-content-top
button:hover{box-shadow:0 24px 50px #06b6d459;transform:translateY(-4px)}.view-content-page .content-filters{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin-bottom:34px;width:100%}.view-content-page
.content-filters
button{align-items:center;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbe4f0;border-radius:20px;box-shadow:0 12px 28px #0f172a14;color:#1e293b;cursor:pointer;display:flex;font-size:18px;font-weight:800;height:58px;justify-content:center;letter-spacing:.2px;min-width:170px;outline:none;padding:0 28px;position:relative;transition:all .35s ease}.view-content-page
.content-filters
button:hover{background:linear-gradient(145deg,#fff,#f1f5f9);border-color:#cbd5e1;box-shadow:0 18px 40px #0f172a1f;transform:translateY(-3px)}.view-content-page .active-filter{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;box-shadow:0 18px 40px #2563eb59!important;color:#fff!important}.view-content-page .content-grid{display:flex;flex-direction:column;gap:34px;width:100%}.view-content-page .content-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff5,#ffffffe6);border:1px solid #ffffffb3;border-radius:34px;box-shadow:0 25px 70px #0f172a14;display:flex;flex-direction:column;gap:30px;padding:34px;transition:all .35s ease;width:100%}.view-content-page .content-card:hover{box-shadow:0 35px 90px #0f172a1f;transform:translateY(-5px)}.view-content-page .content-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.view-content-page .content-category{background:linear-gradient(135deg,#14b8a629,#06b6d41f);border-radius:999px;color:#0f766e;font-size:15px;font-weight:900;letter-spacing:.4px;padding:12px 22px;text-transform:capitalize;width:fit-content}.view-content-page .content-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-size:14px;font-weight:900;padding:10px 18px;width:fit-content}.view-content-page .status-active{color:#16a34a}.view-content-page .status-inactive{color:#dc2626}.view-content-page .content-wrapper{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr 1fr;width:100%}.view-content-page .content-box{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:28px;box-shadow:inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:flex-start;padding:30px;width:100%}.view-content-page .content-box h2{color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.5px;margin:0}.view-content-page .content-section{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:14px;justify-content:flex-start;min-height:170px;padding-bottom:22px;width:100%}.view-content-page
.content-section:last-child{border-bottom:none;padding-bottom:0}.view-content-page .content-section h3{color:#0f172a;font-size:19px;font-weight:900;margin:0}.view-content-page .content-section p{color:#475569;font-size:16px;line-height:2;margin:0;text-align:justify;text-justify:inter-word;word-break:break-word}.view-content-page .content-actions{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.view-content-page
.content-actions
button{align-items:center;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:10px;height:58px;justify-content:center;transition:all .3s ease}.view-content-page
.content-actions
.edit-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 15px 30px #2563eb40}.view-content-page
.content-actions
.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 15px 30px #ef444440}.view-content-page
.content-actions
.activate-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 15px 30px #22c55e40}.view-content-page
.content-actions
.deactivate-btn{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 15px 30px #f59e0b40}.view-content-page .delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.view-content-page .delete-modal{align-items:center;animation:modalShow .3s ease;background:#fff;border-radius:34px;box-shadow:0 30px 80px #0003;display:flex;flex-direction:column;gap:24px;max-width:500px;padding:42px 34px;text-align:center;width:100%}.view-content-page .delete-icon{align-items:center;background:#ef44441a;border-radius:999px;color:#ef4444;display:flex;font-size:54px;height:110px;justify-content:center;width:110px}.view-content-page .delete-modal h2{color:#0f172a;font-size:48px;font-weight:900;line-height:1;margin:0}.view-content-page .delete-modal p{color:#64748b;font-size:20px;line-height:1.8;margin:0;max-width:420px}.view-content-page .delete-modal-actions{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:10px;width:100%}.view-content-page .delete-modal-actions button{border:none;border-radius:20px;cursor:pointer;font-size:18px;font-weight:900;height:64px;transition:.3s ease}.view-content-page .cancel-btn{background:#e2e8f0;color:#334155}.view-content-page .confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 18px 35px #ef444447;color:#fff}@keyframes modalShow{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.view-content-page .content-empty,.view-content-page .content-loading{align-items:center;color:#64748b;display:flex;font-size:24px;font-weight:900;justify-content:center;min-height:300px;text-align:center;width:100%}@media (max-width:1100px){.view-content-page .content-wrapper{grid-template-columns:1fr}.view-content-page .content-section{min-height:auto}}@media (max-width:768px){.view-content-page{padding:18px}.view-content-page .view-content-top{align-items:stretch;flex-direction:column}.view-content-page .view-content-top h1{font-size:36px}.view-content-page .view-content-top button{width:100%}.view-content-page .content-filters{align-items:stretch;flex-direction:column;gap:12px}.view-content-page .content-filters button{min-width:0;min-width:auto;width:100%}.view-content-page .content-card{border-radius:24px;padding:22px}.view-content-page .content-box{padding:20px}.view-content-page .content-box h2{font-size:24px}.view-content-page .content-section p{font-size:15px;line-height:1.9}.view-content-page .delete-modal{border-radius:26px;padding:30px 22px}.view-content-page .delete-icon{font-size:42px;height:90px;width:90px}.view-content-page .delete-modal h2{font-size:34px}.view-content-page .delete-modal p{font-size:16px}.view-content-page .delete-modal-actions{grid-template-columns:1fr}.view-content-page .delete-modal-actions button{width:100%}}body,html{overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}.posts-container{color:#111;padding:20px}.page-title{font-size:22px;font-weight:700;margin-bottom:15px}.search-bar{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;outline:none;padding:10px;transition:.3s;width:300px}.search-bar:focus{border-color:#ff8c00;box-shadow:0 0 10px #ff8c0040}.posts-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.post-card{background:#fff;border-radius:18px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;position:relative;transition:all .35s ease}.post-card:before{background:linear-gradient(135deg,#ffc400,#ffe1008c,#ffffff14);border-radius:18px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:.35s ease}.post-card:hover{box-shadow:0 0 22px #ffc4008c,0 0 45px #ffc40038,0 18px 35px #00000029;transform:translateY(-8px) scale(1.02)}.post-card:hover:before{opacity:1}.post-card.fade-out{opacity:0;transform:scale(.9);transition:.3s}.post-img-wrapper{align-items:center;background:#f8fafc;display:flex;height:260px;justify-content:center;overflow:hidden;position:relative;width:100%}.post-img{background:#fff;display:block;height:100%;object-fit:contain;transition:transform .4s ease;width:100%}.post-card:hover .post-img{transform:scale(1.04)}.post-content{display:flex;flex-direction:column;gap:8px;padding:16px}.post-content h3{color:#222;font-size:22px;font-weight:700;line-height:1.4}.desc{color:#444;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.8;text-align:justify;word-break:break-word}.read-more{color:#ff9800;cursor:pointer;font-size:14px;font-weight:700;margin-top:2px;transition:.3s;width:fit-content}.read-more:hover{color:#e68900;transform:translateX(2px)}.date{color:#888;font-size:12px;margin-top:4px}.actions{display:flex;gap:10px;margin-top:14px}.actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px;transition:.3s}.edit{background:#3498db;color:#fff}.edit:hover{background:#2980b9;transform:translateY(-2px)}.delete{background:#e74c3c;color:#fff}.delete:hover{background:#c0392b;transform:translateY(-2px)}.loader{font-weight:700}.empty,.loader{text-align:center}.empty{color:gray}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-box{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;padding:20px;text-align:center;width:300px}.modal-actions{display:flex;gap:10px;margin-top:15px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:8px}.modal-actions .cancel{background:#ccc}.modal-actions .confirm{background:#e74c3c;color:#fff}.empty-state{color:#555;margin-top:40px;text-align:center}.empty-icon{font-size:50px;margin-bottom:10px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:25px}.pagination button{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s}.pagination button:hover:not(:disabled){background:#e68900}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{font-weight:600}@media (max-width:600px){.search-bar{width:100%}.posts-grid{grid-template-columns:1fr}.post-img-wrapper{height:220px}.post-content h3{font-size:20px}}.posts-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.add-post-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 22px;transition:.3s}.add-post-btn:hover{box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.posts-top-bar{align-items:stretch;flex-direction:column}.add-post-btn{width:100%}}.addpost-page{display:flex;justify-content:center;padding:30px}.addpost-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:520px;padding:25px;width:100%}.addpost-header{margin-bottom:20px}.addpost-header h2{font-size:22px;font-weight:600;margin-bottom:5px}.addpost-header p{color:#666;font-size:14px}.addpost-form{gap:15px}.addpost-field,.addpost-form{display:flex;flex-direction:column}.addpost-field{gap:6px}.addpost-field label{color:#444;font-size:14px;font-weight:500}.addpost-field input,.addpost-field textarea{border:1px solid #ddd;border-radius:10px;outline:none;padding:10px;transition:.3s}.addpost-field input:focus,.addpost-field textarea:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.addpost-field textarea{height:100px;resize:none}.addpost-preview img{border:1px solid #ddd;border-radius:10px;height:120px;object-fit:cover;width:120px}.addpost-btn{background:linear-gradient(135deg,#00c853,#00bfa5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .3s ease}.addpost-btn:hover{box-shadow:0 6px 15px #00c8534d;transform:translateY(-2px)}.addpost-btn:disabled{background:gray;cursor:not-allowed}.gallery-page{background:#f9fafb;padding:30px}.gallery-page .top-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.gallery-page .top-btn{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:.25s ease}.gallery-page .top-btn:hover{transform:translateY(-1px)}.gallery-page .top-btn.primary{background:#22c55e;color:#fff}.gallery-page .top-btn.primary:hover{background:#16a34a}.gallery-page .top-btn.danger{background:red;color:#fff}.gallery-page .top-btn.danger:hover{background:#dc2626}.gallery-page .category-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.gallery-page .category-bar button{background:#e5e7eb;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:.25s ease}.gallery-page .category-bar button.active{background:#22c55e;box-shadow:0 4px 12px #22c55e66;color:#fff}.gallery-page .category-bar button:hover{background:#22c55e;color:#fff;transform:translateY(-1px)}.gallery-page .category-bar button:active{transform:scale(.95)}.gallery-page .category-item{position:relative}.gallery-page .dropdown{animation:fadeIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000026;left:0;min-width:140px;padding:6px 0;position:absolute;top:42px;z-index:20}.gallery-page .dropdown div{cursor:pointer;font-size:14px;padding:8px 14px}.gallery-page .dropdown div:hover{background:#f3f4f6}.gallery-page .gallery-grid{grid-gap:18px;animation:fadeIn .3s ease;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.gallery-page .gallery-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000000f;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .35s ease}.gallery-page .gallery-card:before{background:linear-gradient(135deg,#3b82f6f2,#60a5fa73,#ffffff14);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:.35s ease}.gallery-page .gallery-card:hover:before{opacity:1}.gallery-page .gallery-card:hover{box-shadow:0 0 18px #3b82f673,0 0 35px #60a5fa47,0 12px 30px #00000024;transform:translateY(-6px) scale(1.02)}.gallery-page .gallery-card img{background:#f3f4f6;display:block;height:240px;object-fit:contain;transition:.35s ease;width:100%}.gallery-page .gallery-card:hover img{filter:brightness(1.05);transform:scale(1.04)}.gallery-page .gallery-card.selected{border:2px solid #3b82f6;box-shadow:0 0 0 4px #3b82f638,0 10px 25px #3b82f647}.gallery-page .checkbox{height:18px;left:10px;position:absolute;top:10px;width:18px;z-index:5}.gallery-page .delete-icon{align-items:center;background:#000000a6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:.25s ease;width:30px}.gallery-page .gallery-card:hover .delete-icon{opacity:1}.gallery-page .delete-icon:hover{background:red;transform:scale(1.1)}.gallery-page .video-card{background:#fff;text-align:center;width:100%}.gallery-page .video-thumb{background:#f3f4f6;display:block;height:240px;object-fit:contain;width:100%}.gallery-page .video-title{color:#111827;font-size:20px;font-weight:700;line-height:1.5;padding:16px 14px 8px;text-align:center;word-break:break-word}.gallery-page .video-link{color:#22c55e;display:block;font-size:16px;font-weight:700;margin-bottom:18px;text-align:center;text-decoration:none;width:100%}.gallery-page .video-link:hover{text-decoration:underline}.gallery-page .preview-modal{animation:fadeIn .25s ease;background:#000000f7;overflow-y:auto;padding:30px 20px;text-align:center;z-index:99999}.gallery-page .preview-modal img{border-radius:18px;box-shadow:0 12px 45px #0000008c;cursor:zoom-in;height:auto;margin-bottom:28px;max-height:65vh;max-width:90vw;object-fit:contain;transition:transform .3s ease;width:auto}.gallery-page .zoomed{cursor:zoom-out;transform:scale(1.5)}.gallery-page .preview-details{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:0;max-width:700px;text-align:center;width:100%}.gallery-page .preview-details h2{color:#fff;font-size:42px;font-weight:700;line-height:1.2;margin:0 0 18px;text-align:center;width:100%}.gallery-page .preview-details a{color:#22c55e;font-size:22px;font-weight:700;margin-bottom:16px;text-align:center;text-decoration:none}.gallery-page .preview-details a:hover{text-decoration:underline}.gallery-page .preview-modal{align-items:center;background:#000000eb;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;padding:20px;position:fixed;z-index:999999}.gallery-page .preview-modal .close-btn{align-items:center!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff24!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:34px!important;font-weight:400!important;height:48px!important;justify-content:center!important;line-height:1!important;padding:0!important;position:absolute!important;right:20px!important;top:20px!important;transition:background .25s ease,transform .25s ease!important;width:48px!important;z-index:999999999!important}.gallery-page .preview-modal .close-btn:before{content:none!important}.gallery-page .preview-modal .close-btn:hover{background:#22c55e!important;transform:scale(1.08)}@media (max-width:768px){.gallery-page .preview-modal .close-btn{font-size:30px!important;height:44px!important;right:16px!important;top:16px!important;width:44px!important}}.gallery-page .nav{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:30px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.25s ease;width:56px;z-index:9999}.gallery-page .nav:hover{background:#ffffff59;transform:translateY(-50%) scale(1.1)}.gallery-page .nav.left{left:30px}.gallery-page .nav.right{right:30px}.gallery-page .preview-controls{margin-top:4px}.gallery-page .preview-controls button{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 8px 24px #22c55e59;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 26px;transition:.25s ease}.gallery-page .preview-controls button:hover{box-shadow:0 12px 28px #22c55e73;transform:translateY(-2px)}.gallery-page .no-data{color:#666;margin-top:60px;text-align:center}.gallery-page .delete-modal{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.gallery-page .delete-box{animation:fadeIn .25s ease;background:#fff;border-radius:14px;padding:25px;text-align:center;width:300px}.gallery-page .details-close-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 8px 22px #22c55e59;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;height:46px;justify-content:center;letter-spacing:.3px;margin-top:20px;outline:none;transition:all .25s ease;width:140px}.gallery-page .details-close-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 12px 26px #22c55e73;transform:translateY(-2px)}.gallery-page .details-close-btn:active{transform:scale(.96)}.gallery-page .delete-actions{display:flex;justify-content:space-between;margin-top:18px}.gallery-page .delete-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.gallery-page .delete-actions button:first-child{background:#e5e7eb}.gallery-page .delete-actions .danger{background:red;color:#fff}@media (max-width:900px){.gallery-page .gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.gallery-page .gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-page .gallery-card img,.gallery-page .video-thumb{height:180px}.gallery-page .video-title{font-size:15px}.gallery-page .preview-details h2{font-size:26px}.gallery-page .preview-details a{font-size:16px}.gallery-page .preview-modal img{max-height:55vh;max-width:95vw}.gallery-page .nav{font-size:24px;height:42px;width:42px}.gallery-page .preview-modal .close-btn{font-size:28px!important;height:44px!important;right:12px!important;top:12px!important;width:44px!important}.gallery-page .preview-controls button{font-size:14px;padding:10px 20px}}.addgallery-page{align-items:flex-start;background:linear-gradient(135deg,#eef2ff,#f0fdf4);color:#111827;display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.addgallery-page .addgallery-card{animation:fadeIn .4s ease;background:#fffffff7;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 35px #00000014,0 4px 12px #0000000d;max-width:620px;padding:34px;width:100%}.addgallery-header h2{color:#020617;font-size:34px;font-weight:900;letter-spacing:-.7px;margin-bottom:8px;text-shadow:0 1px 1px #ffffff80}.addgallery-header p{color:#334155;font-size:15px;font-weight:600;letter-spacing:.2px;margin-bottom:28px}.choose-type{display:flex;gap:18px;margin-bottom:10px}.choose-btn{align-items:center;background:#fff;border:none;border-radius:18px;box-shadow:0 8px 18px #00000014;color:#020617;cursor:pointer;display:flex;flex:1 1;font-size:18px;font-weight:800;gap:10px;justify-content:center;padding:18px;transition:all .28s ease}.choose-btn span{font-size:22px}.choose-btn:hover{background:#f0fdf4;box-shadow:0 14px 26px #22c55e38;color:#15803d;transform:translateY(-4px)}.choose-btn.active{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 14px 28px #22c55e52;color:#fff}.back-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;box-shadow:0 4px 10px #0000000f;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:7px;margin-bottom:22px;padding:9px 16px;transition:.25s ease;width:fit-content}.back-btn:hover{background:#e2e8f0;transform:translateX(-3px)}.addgallery-form{gap:20px}.addgallery-field,.addgallery-form{display:flex;flex-direction:column}.addgallery-field label{color:#0f172a;font-size:14px;font-weight:800;margin-bottom:8px}.addgallery-field input,.addgallery-field select{background:#fff;border:1px solid #dbe1e8;border-radius:12px;color:#0f172a;font-size:15px;font-weight:600;padding:14px 15px;transition:all .25s ease}.addgallery-field input::placeholder{color:#64748b}.addgallery-field input:focus,.addgallery-field select:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e24;outline:none}input[type=file]{background:#fafafa;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;font-weight:600;padding:14px;transition:.25s ease}input[type=file]:hover{background:#f0fdf4;border-color:#22c55e}.preview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));margin-top:4px}.preview-box{aspect-ratio:1/1;background:#f1f5f9;border-radius:16px;box-shadow:0 8px 16px #00000014;overflow:hidden;position:relative;transition:.28s ease;width:100%}.preview-box:hover{transform:translateY(-4px)}.preview-box img{height:100%;object-fit:cover;transition:.3s ease;width:100%}.preview-box:hover img{transform:scale(1.08)}.preview-box button{align-items:center;background:#0f172ad9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;height:26px;justify-content:center;position:absolute;right:7px;top:7px;transition:.25s ease;width:26px}.preview-box button:hover{background:#ef4444;transform:scale(1.12)}.addgallery-btn{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:14px;box-shadow:0 10px 18px #22c55e33;color:#fff;cursor:pointer;font-size:16px;font-weight:800;margin-top:10px;padding:16px;transition:.28s ease}.addgallery-btn:hover{box-shadow:0 14px 24px #22c55e47;transform:translateY(-3px)}.addgallery-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.addgallery-page{padding:30px 14px}.addgallery-card{padding:24px}.addgallery-header h2{font-size:28px}.choose-type{flex-direction:column}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.messages-page{animation:fadePage .5s ease;background:linear-gradient(135deg,#eef4ff,#f7fbff 50%,#eef7f5);min-height:100vh;padding:30px}.messages-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:35px}.messages-title-wrap{gap:16px}.messages-title-wrap,.msg-icon{align-items:center;display:flex}.msg-icon{animation:floatIcon 2.5s ease-in-out infinite;background:linear-gradient(135deg,#00d2a0,#00bcd4);border-radius:18px;box-shadow:0 15px 30px #00d2a040;color:#fff;font-size:27px;height:58px;justify-content:center;width:58px}.messages-title-wrap h2{color:#07162d;font-size:28px;font-weight:800;letter-spacing:.2px;margin:0}.messages-title-wrap p{color:#4b5b76;font-size:15px;font-weight:500;margin-top:4px}.search-box{align-items:center;background:#fffffff2;border:1px solid #dbe7ff;border-radius:18px;box-shadow:0 10px 25px #0000000f;display:flex;gap:12px;max-width:100%;padding:14px 18px;transition:.3s ease;width:330px}.search-box:hover{box-shadow:0 14px 28px #00000014;transform:translateY(-2px)}.search-box svg{color:#00b894;font-size:20px}.search-box input{background:#0000;border:none;color:#0f172a;font-size:15px;font-weight:600;outline:none;width:100%}.search-box input::placeholder{color:#7c8aa5}.messages-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.message-card{animation:cardShow .5s ease;background:linear-gradient(145deg,#fffffffa,#f7fafffa);border:1px solid #e4ecff;border-radius:28px;box-shadow:0 18px 35px #0000000f;overflow:hidden;padding:24px;position:relative;transition:.35s ease}.message-card:before{background:linear-gradient(90deg,#00c896,#00bcd4,#0984e3);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.message-card:hover{box-shadow:0 24px 45px #0000001a;transform:translateY(-8px)}.message-head{gap:15px;margin-bottom:22px}.avatar,.message-head{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#00c896,#0984e3);border-radius:50%;box-shadow:0 12px 25px #00b89440;color:#fff;flex-shrink:0;font-size:24px;font-weight:800;height:60px;justify-content:center;width:60px}.head-info h3{color:#07162d;font-size:20px;font-weight:800;margin:0}.head-info span{color:#5d6d88;display:block;font-size:14px;font-weight:600;margin-top:4px}.info-row{align-items:center;color:#243247;display:flex;font-size:14px;font-weight:700;gap:12px;margin-bottom:14px}.info-row svg{color:#00b894;font-size:17px}.message-text{background:linear-gradient(145deg,#f7fbff,#f2fff9);border:1px solid #dff2ea;border-radius:18px;color:#16253d;font-size:15px;font-weight:600;line-height:1.9;margin-top:20px;min-height:120px;padding:18px;word-break:break-word}.message-actions{display:flex;justify-content:flex-end;margin-top:22px}.delete-btn{align-items:center;background:linear-gradient(135deg,#ff4b5c,#ff6b81);border:none;border-radius:14px;box-shadow:0 12px 24px #ff4b5c40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:9px;padding:13px 20px;transition:.3s ease}.delete-btn:hover{box-shadow:0 16px 30px #ff4b5c59;transform:scale(1.06)}.empty-box{animation:cardShow .5s ease;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #e2ebff;border-radius:30px;box-shadow:0 18px 35px #0000000d;color:#4c5f7b;font-size:20px;font-weight:700;padding:80px 25px;text-align:center}@keyframes fadePage{0%{opacity:0}to{opacity:1}}@keyframes cardShow{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (max-width:768px){.messages-page{padding:20px}.messages-top{align-items:stretch;flex-direction:column}.search-box{width:100%}.messages-title-wrap h2{font-size:24px}.message-card{padding:20px}}.contact-settings-page{animation:pageFade .5s ease;background:linear-gradient(to bottom right,#f8fafc,#eef2ff);min-height:100vh;padding:22px;width:100%}@keyframes pageFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-settings-header{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:24px}.contact-settings-header h1{color:#020617;font-size:44px;font-weight:900;letter-spacing:-1px;line-height:1;margin-bottom:8px}.contact-settings-header p{color:#475569;font-size:15px;font-weight:700}.contact-header-actions{align-items:center;display:flex;gap:12px}.edit-contact-btn{background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:16px;box-shadow:0 10px 24px #0f172a38;color:#fff;cursor:pointer;font-size:14px;font-weight:900;height:52px;overflow:hidden;padding:0 28px;position:relative;transition:.35s}.edit-contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.7s;width:100%}.edit-contact-btn:hover:before{left:120%}.edit-contact-btn:hover{box-shadow:0 18px 34px #0f172a47;transform:translateY(-2px)}.edit-contact-btn:active{transform:scale(.96)}.save-contact-btn{background:linear-gradient(135deg,#06b6d4,#14b8a6);border:none;border-radius:16px;box-shadow:0 12px 28px #14b8a647;color:#fff;cursor:pointer;font-size:14px;font-weight:900;height:52px;overflow:hidden;padding:0 32px;position:relative;transition:.35s}.save-contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.7s;width:100%}.save-contact-btn:hover:before{left:120%}.save-contact-btn:hover{box-shadow:0 18px 38px #14b8a657;transform:translateY(-2px)}.save-contact-btn:active{transform:scale(.96)}.save-contact-btn:disabled{cursor:not-allowed;opacity:.7}.contact-settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 26px #0000000d;padding:20px;transition:.3s}.contact-card:hover{box-shadow:0 18px 36px #00000014;transform:translateY(-4px)}.contact-card h2{color:#020617;font-size:18px;font-weight:900;margin-bottom:18px}.contact-card input,.contact-card textarea{background:#fff;border:1px solid #cbd5e1;border-radius:15px;box-shadow:0 2px 8px #00000008;color:#0f172a;font-size:14px;font-weight:700;margin-bottom:14px;outline:none;padding:14px 16px;transition:.3s;width:100%}.contact-card input:focus,.contact-card textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61f}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#64748b;opacity:1}.contact-card textarea{line-height:1.7;max-height:500px;min-height:170px;overflow-y:auto;resize:vertical}.contact-card input:disabled,.contact-card textarea:disabled{background:#f8fafc;color:#475569;cursor:not-allowed;opacity:.95}.contact-loading{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:800;height:100vh;justify-content:center;width:100%}@media (max-width:768px){.contact-settings-page{padding:14px}.contact-settings-header{align-items:flex-start;flex-direction:column}.contact-settings-header h1{font-size:34px}.contact-settings-header p{font-size:14px}.contact-header-actions{align-items:stretch;flex-direction:column;width:100%}.edit-contact-btn,.save-contact-btn{width:100%}.contact-settings-grid{grid-template-columns:1fr}.contact-card{padding:18px}.contact-card textarea{min-height:150px}}.donors-page-only *{box-sizing:border-box}.donors-page-only{background:#f4f7fb;color:#0f172a;min-height:100vh;overflow-x:hidden;padding:26px;width:100%}.donors-top-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:26px;width:100%}.donors-heading-row{align-items:center;display:flex;gap:18px}.donors-big-icon{align-items:center;animation:donorFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#19c7a1,#0f766e);border-radius:28px;box-shadow:0 20px 40px #19c7a159,inset 0 1px 0 #ffffff59;color:#fff;display:flex;font-size:44px;height:88px;justify-content:center;overflow:hidden;position:relative;width:88px}.donors-big-icon:before{animation:pulseGlow 2.6s linear infinite;background:radial-gradient(#ffffff38,#0000 70%);content:"";inset:-25px;position:absolute}.donors-big-icon:after{animation:iconShine 3.5s linear infinite;background:#ffffff40;content:"";height:320%;left:-40%;position:absolute;top:-120%;transform:rotate(25deg);width:55%}@keyframes donorFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.4;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}@keyframes iconShine{0%{left:-60%}to{left:140%}}.donors-top-header h1{color:#020617;font-size:38px;font-weight:800;letter-spacing:-1px;margin:0 0 6px;text-shadow:0 1px 1px #fffc}.donors-top-header p{color:#475569;font-size:15px;font-weight:600;margin:0}.add-donor-btn{background:linear-gradient(135deg,#19c7a1,#0f766e);border:none;border-radius:16px;box-shadow:0 10px 22px #18c29c47,inset 0 1px 0 #ffffff59;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:50px;outline:none;padding:0 24px;transition:.3s ease}.add-donor-btn:hover{box-shadow:0 16px 28px #18c29c59;transform:translateY(-3px)}.donors-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;width:100%}.donor-stat-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbe4ee;border-radius:24px;box-shadow:0 14px 30px #0f172a14,0 5px 12px #0f172a0d;cursor:pointer;overflow:hidden;padding:26px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.donor-stat-card:after{background:radial-gradient(#19c7a12e,#0000 70%);border-radius:50%;content:"";height:160px;position:absolute;right:-80px;top:-80px;width:160px}.donor-stat-card:before{background:linear-gradient(90deg,#0000,#ffffffa6,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.8s;width:60%}.donor-stat-card:hover:before{left:130%}.donor-stat-card:hover{box-shadow:0 28px 45px #0f172a24,0 10px 24px #0f172a14;transform:translateY(-8px)}.donor-stat-card h2{color:#020617;font-size:42px;font-weight:800;line-height:1;margin:0 0 10px;position:relative;text-shadow:0 1px 0 #fffc;z-index:2}.donor-stat-card span{color:#334155;font-size:15px;font-weight:700;position:relative;z-index:2}.donors-table-container{background:#fff;border:1px solid #dbe4ee;border-radius:24px;box-shadow:0 10px 28px #0f172a0f;overflow-x:auto;width:100%}.donors-table-only{border-collapse:collapse;min-width:1000px;width:100%}.donors-table-only thead{background:linear-gradient(90deg,#020617,#1e293b)}.donors-table-only thead th{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;padding:20px 18px;text-align:left}.donors-table-only thead th:first-child{border-top-left-radius:24px}.donors-table-only thead th:last-child{border-top-right-radius:24px}.donors-table-only tbody tr{border-bottom:1px solid #e2e8f0;transition:.25s ease}.donors-table-only tbody tr:hover{background:#f8fafc}.donors-table-only tbody td{color:#0f172a;font-size:15px;font-weight:700;padding:20px 18px}.donor-delete-btn{padding:11px 20px}.donor-side-overlay{background:#0f172a00;inset:0;pointer-events:none;position:fixed;transition:.3s;z-index:99999}.donor-side-overlay.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;pointer-events:auto}.donor-side-popup{-ms-overflow-style:none;background:#fff;box-shadow:-10px 0 40px #0f172a1f;height:calc(100vh - 48px);overflow-x:hidden;overflow-y:auto;padding:30px;position:fixed;right:-520px;scrollbar-width:none;top:48px;transition:right .4s ease;width:480px;z-index:999999}.donor-side-popup::-webkit-scrollbar{display:none}.donor-side-popup.active{right:0}.donor-popup-top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:30px;width:100%}.donor-popup-top h2{color:#020617;font-size:34px;font-weight:800;line-height:1.2;margin:0 0 6px}.donor-popup-top p{color:#64748b;font-size:14px;font-weight:600;margin:0}.popup-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:14px;color:#0f172a;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;min-width:46px;transition:.3s;width:46px}.popup-close-btn:hover{background:#e2e8f0}.donor-popup-form{display:flex;flex-direction:column;gap:22px;width:100%}.donor-input-box{align-items:center;background:#f8fafc;border:1px solid #dbe4ee;border-radius:18px;display:flex;gap:14px;height:64px;padding:0 18px;transition:.3s;width:100%}.donor-input-box:focus-within{border-color:#19c7a1;box-shadow:0 0 0 4px #19c7a11f}.donor-input-box svg{color:#19c7a1;font-size:22px;min-width:22px}.donor-input-box input{background:#0000;border:none;color:#0f172a;font-size:15px;font-weight:600;height:100%;outline:none;width:100%}.donor-input-box input::placeholder{color:#94a3b8}.donor-textarea-box{background:#f8fafc;border:1px solid #dbe4ee;border-radius:20px;display:flex;gap:14px;min-height:160px;padding:18px;transition:.3s;width:100%}.donor-textarea-box:focus-within{border-color:#19c7a1;box-shadow:0 0 0 4px #19c7a11f}.donor-textarea-box svg{color:#19c7a1;font-size:22px;margin-top:2px;min-width:22px}.donor-textarea-box textarea{background:#0000;border:none;color:#0f172a;font-size:15px;font-weight:600;min-height:120px;outline:none;resize:none;width:100%}.donor-textarea-box textarea::placeholder{color:#94a3b8}.submit-donor-btn{align-items:center;background:linear-gradient(135deg,#19c7a1,#0f766e);border:none;border-radius:18px;box-shadow:0 16px 30px #19c7a138;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:800;gap:12px;height:60px;justify-content:center;transition:.3s;width:100%}.submit-donor-btn:hover{box-shadow:0 22px 38px #19c7a14d;transform:translateY(-3px)}@media (max-width:768px){.donor-side-popup{height:calc(100vh - 48px);padding:22px;right:-100%;top:48px;width:100%}.donor-popup-top h2{font-size:28px}}.donor-delete-modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.donor-delete-modal{animation:modalPop .28s ease;background:#fff;border-radius:30px;box-shadow:0 30px 70px #0000002e;padding:42px 34px;text-align:center;width:430px}.donor-delete-modal h2{color:#020617;font-size:46px;font-weight:800;margin:0 0 14px}.donor-delete-modal p{color:#475569;font-size:17px;font-weight:600;line-height:1.6;margin:0}.donor-modal-actions{display:flex;gap:16px;justify-content:center;margin-top:34px;width:100%}.donor-cancel-btn{background:#e2e8f0;border:none;border-radius:18px;color:#0f172a;cursor:pointer;font-size:18px;font-weight:700;height:56px;min-width:140px;outline:none;transition:.3s}.donor-cancel-btn:hover{background:#cbd5e1}.donor-confirm-btn{background:linear-gradient(135deg,#ff4d4d,#ef4444);border:none;border-radius:18px;box-shadow:0 14px 30px #ef444447;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:56px;min-width:140px;outline:none;transition:.3s}.donor-confirm-btn:hover{box-shadow:0 20px 38px #ef444459;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.donors-empty-box,.donors-loading-box{background:#fff;border:1px solid #dbe4ee;border-radius:24px;color:#475569;font-size:19px;font-weight:700;padding:55px 20px;text-align:center;width:100%}@media (max-width:1200px){.donors-stats-grid{grid-template-columns:1fr}}@media (max-width:768px){.donors-page-only{padding:18px}.donors-top-header{flex-direction:column}.donors-heading-row,.donors-top-header{align-items:flex-start}.donors-big-icon{font-size:36px;height:72px;width:72px}.donors-top-header h1{font-size:30px}.donor-stat-card{padding:20px}.donor-stat-card h2{font-size:34px}.add-donor-btn{width:100%}.donor-side-popup{padding:22px;right:-100%;width:100%}.donor-popup-top h2{font-size:28px}.donor-delete-modal{padding:30px 22px;width:95%}.donor-delete-modal h2{font-size:34px}.donor-modal-actions{flex-direction:column}.donor-cancel-btn,.donor-confirm-btn{width:100%}}.donor-top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.download-pdf-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 10px 22px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;height:52px;justify-content:center;outline:none;padding:0 22px;transition:all .3s ease;white-space:nowrap}.download-pdf-btn svg{font-size:18px}.download-pdf-btn:hover{box-shadow:0 14px 28px #2563eb52;transform:translateY(-2px)}@media (max-width:768px){.donor-top-actions{align-items:stretch;flex-direction:column;width:100%}.add-donor-btn,.download-pdf-btn{width:100%}}.donor-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin-bottom:24px;width:100%}.donor-search-box{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:18px;box-shadow:0 10px 24px #0f172a0d;display:flex;flex:1 1;gap:14px;height:58px;min-width:280px;padding:0 18px;transition:.3s ease}.donor-search-box:focus-within{border-color:#19c7a1;box-shadow:0 0 0 4px #19c7a11f}.donor-search-box svg{color:#19c7a1;font-size:20px;min-width:20px}.donor-search-box input{background:#0000;border:none;color:#0f172a;font-size:15px;font-weight:600;height:100%;outline:none;width:100%}.donor-search-box input::placeholder{color:#94a3b8}.donor-date-box{align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:18px;box-shadow:0 10px 24px #0f172a0d;display:flex;flex:1 1;gap:14px;height:58px;min-width:320px;padding:0 18px;transition:.3s ease}.donor-date-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.donor-date-box svg{color:#2563eb;font-size:20px;min-width:20px}.donor-date-box input{background:#0000;border:none;color:#0f172a;font-size:15px;font-weight:600;height:100%;outline:none;width:100%}.donor-date-box input::placeholder{color:#94a3b8}@media (max-width:768px){.donor-filters-row{align-items:stretch;flex-direction:column}.donor-date-box,.donor-search-box{min-width:100%;width:100%}}.donor-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.donor-email-btn{align-items:center;background:linear-gradient(135deg,#19c7a1,#0f766e);border:none;border-radius:13px;box-shadow:0 10px 22px #19c7a140;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;outline:none;padding:11px 18px;transition:.3s ease;white-space:nowrap}.donor-email-btn svg{font-size:16px}.donor-email-btn:hover{box-shadow:0 16px 30px #19c7a152;transform:translateY(-2px)}.donor-delete-btn{align-items:center;background:linear-gradient(135deg,#ff5a5a,#ef4444);border:none;border-radius:13px;box-shadow:0 10px 22px #ef444440;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;outline:none;padding:11px 18px;transition:.3s ease;white-space:nowrap}.donor-delete-btn svg{font-size:16px}.donor-delete-btn:hover{box-shadow:0 16px 30px #ef444452;transform:translateY(-2px)}.donor-input-box input[readonly]{cursor:not-allowed;opacity:.8}.donor-textarea-box textarea{line-height:1.7}@media (max-width:768px){.donor-action-buttons{align-items:stretch;flex-direction:column}.donor-delete-btn,.donor-email-btn{width:100%}}.notifications-page,.notifications-page *,.notifications-page :after,.notifications-page :before{box-sizing:border-box}.notifications-page{animation:notificationsPageFade .5s ease;background:linear-gradient(to bottom right,#f8fafc,#eef2ff);height:100vh;overflow:hidden;padding:30px;width:100%}@keyframes notificationsPageFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-page .notifications-title{align-items:center;color:#0f172a;display:flex;font-size:34px;font-weight:800;gap:14px;margin-bottom:28px}.notifications-page .list-title svg,.notifications-page .notifications-title svg{animation:bellRing 2.2s infinite;color:#2563eb;filter:drop-shadow(0 6px 16px rgba(37,99,235,.35));transform-origin:top center}@keyframes bellRing{0%{transform:rotate(0deg)}5%{transform:rotate(15deg)}10%{transform:rotate(-14deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}25%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}35%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.notifications-page .notifications-container{align-items:flex-start;display:flex;gap:28px;height:calc(100vh - 150px);overflow:hidden;width:100%}.notifications-page .notifications-left{flex:1 1;height:100%}.notifications-page .notification-form{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 12px 40px #00000014;display:flex;flex-direction:column;gap:22px;height:100%;overflow:hidden;padding:30px;width:100%}.notifications-page .notification-form input,.notifications-page .notification-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:16px;color:#0f172a;font-size:15px;outline:none;padding:17px 18px;transition:.3s;width:100%}.notifications-page .notification-form input:focus,.notifications-page .notification-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.notifications-page .notification-form textarea{min-height:180px;resize:none}.notifications-page .date-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.notifications-page .date-group label{color:#334155;display:block;font-size:14px;font-weight:700;margin-bottom:10px}.notifications-page .active-checkbox{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:12px}.notifications-page .active-checkbox input{cursor:pointer;height:20px;width:20px}.notifications-page .notification-form button{background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:18px;box-shadow:0 10px 25px #2563eb4d;color:#fff;cursor:pointer;font-size:17px;font-weight:800;padding:17px;transition:.3s}.notifications-page .notification-form button:hover{box-shadow:0 14px 30px #2563eb66;transform:translateY(-3px)}.notifications-page .notifications-right{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 12px 35px #00000014;display:flex;flex-direction:column;height:100%;min-width:430px;overflow:hidden;padding:24px;width:430px}.notifications-page .list-title{align-items:center;color:#0f172a;display:flex;flex-shrink:0;font-size:28px;font-weight:800;gap:12px;margin-bottom:22px}.notifications-page .notifications-scroll{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:6px;scrollbar-width:none}.notifications-page .notifications-scroll::-webkit-scrollbar{display:none;width:0}.notifications-page .notification-card{background:linear-gradient(to bottom right,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 28px #0000000f;margin-bottom:20px;padding:22px;transition:.3s}.notifications-page .notification-card:hover{box-shadow:0 18px 40px #0000001a;transform:translateY(-4px)}.notifications-page .notification-card h3{color:#0f172a;font-size:22px;font-weight:800;line-height:1.4;margin-bottom:14px}.notifications-page .notification-card p{color:#475569;font-size:15px;line-height:1.9;margin-bottom:18px}.notifications-page .notification-card small{color:#64748b;display:block;font-size:13px;line-height:1.9}.notifications-page .status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;margin-top:14px;padding:8px 16px}.notifications-page .status-active{background:#22c55e1f;color:#16a34a}.notifications-page .status-inactive{background:#ef44441f;color:#dc2626}.notifications-page .status-upcoming{background:#eab30824;color:#ca8a04}.notifications-page .status-expired{background:#ef44441f;color:#dc2626}.notifications-page .notification-actions{display:flex;gap:10px;margin-top:18px}.notifications-page .edit-btn{background:linear-gradient(90deg,#f59e0b,#d97706);border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:.3s}.notifications-page .edit-btn:hover{box-shadow:0 10px 24px #f59e0b4d;transform:translateY(-2px)}.notifications-page .toggle-btn{border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:.3s}.notifications-page .activate-btn{background:linear-gradient(90deg,#22c55e,#16a34a)}.notifications-page .deactivate-btn{background:linear-gradient(90deg,#f97316,#ea580c)}.notifications-page .toggle-btn:hover{transform:translateY(-2px)}.notifications-page .delete-btn{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:12px;padding:13px;transition:.3s;width:100%}.notifications-page .delete-btn:hover{box-shadow:0 10px 24px #ef44444d;transform:translateY(-2px)}.notifications-page .delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.notifications-page .delete-modal{animation:deleteModalPop .3s ease;background:#fff;border-radius:30px;box-shadow:0 30px 80px #00000040;padding:34px 28px;text-align:center;width:430px}@keyframes deleteModalPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notifications-page .delete-modal-icon{color:#ef4444;filter:drop-shadow(0 10px 20px rgba(239,68,68,.35));font-size:55px;margin-bottom:18px}.notifications-page .delete-modal h2{color:#0f172a;font-size:36px;font-weight:800;margin-bottom:12px}.notifications-page .delete-modal p{color:#64748b;font-size:16px;line-height:1.7;margin-bottom:28px}.notifications-page .delete-modal-actions{display:flex;gap:14px}.notifications-page .cancel-delete-btn{background:#e2e8f0;border:none;border-radius:16px;color:#334155;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:15px;transition:.3s}.notifications-page .cancel-delete-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.notifications-page .confirm-delete-btn{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:16px;box-shadow:0 12px 25px #ef44444d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:15px;transition:.3s}.notifications-page .confirm-delete-btn:hover{box-shadow:0 16px 32px #ef444466;transform:translateY(-2px)}.notifications-page .empty-notification{align-items:center;color:#64748b;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;text-align:center}@media (max-width:1100px){.notifications-page{height:auto;overflow-y:auto}.notifications-page .notifications-container{flex-direction:column;height:auto}.notifications-page .notifications-right{height:600px;min-width:100%;width:100%}}@media (max-width:768px){.notifications-page{padding:18px}.notifications-page .notifications-title{font-size:28px}.notifications-page .notification-form{padding:22px}.notifications-page .date-group{grid-template-columns:1fr}.notifications-page .notifications-right{height:500px;padding:18px}.notifications-page .notification-card{padding:18px}.notifications-page .notification-actions{flex-direction:column}.notifications-page .delete-modal{padding:28px 22px;width:92%}.notifications-page .delete-modal h2{font-size:28px}.notifications-page .delete-modal-actions{flex-direction:column}}.add-mission-page *{box-sizing:border-box}.add-mission-page{align-items:center;background:radial-gradient(circle at top left,#f4fffc,#edf7f5 40%,#eef4f3 100%);display:flex;justify-content:center;min-height:100vh;padding:28px 16px}.add-mission-page .mission-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #e2e8f0e6;border-radius:28px;box-shadow:0 12px 40px #0f172a14,0 2px 10px #0f172a0a;max-width:640px;overflow:visible;padding:30px;position:relative;width:100%}.add-mission-page .mission-top{margin-bottom:28px}.add-mission-page .mission-star{animation:missionStarFloat 2s ease-in-out infinite;color:#f59e0b;display:inline-block;font-size:18px;margin-bottom:8px}@keyframes missionStarFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.add-mission-page .mission-top h1{color:#07153f;font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0}.add-mission-page .mission-top p{color:#64748b;font-size:15px;font-weight:500;margin-top:10px}.add-mission-page .mission-field{margin-bottom:22px;position:relative}.add-mission-page .mission-field label{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:10px}.add-mission-page .mission-dropdown-wrapper{position:relative}.add-mission-page .mission-dropdown-btn{align-items:center;background:#fff;border:1.5px solid #dbe4ea;border-radius:18px;cursor:pointer;display:flex;height:58px;justify-content:space-between;padding:0 18px;transition:.3s ease;width:100%}.add-mission-page .mission-dropdown-btn:hover{border-color:#00c7b1;box-shadow:0 6px 18px #00c7b114}.add-mission-page .selected-text{color:#0f172a;font-size:17px;font-weight:600}.add-mission-page .arrow{color:#0f172a;font-size:24px;transition:.3s}.add-mission-page .arrow.rotate{transform:rotate(180deg)}.add-mission-page .mission-dropdown-menu{animation:missionFadeDrop .22s ease;background:#fff;border:1px solid #edf2f7;border-radius:22px;box-shadow:0 18px 35px #0f172a1a;left:0;padding:10px;position:absolute;top:68px;width:100%;z-index:999}@keyframes missionFadeDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-mission-page .mission-option{align-items:center;border-radius:16px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:12px 14px;position:relative;transition:.3s}.add-mission-page .mission-option:before{background:linear-gradient(90deg,#0000,#00c7b114,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.55s;width:100%}.add-mission-page .mission-option:hover:before{left:120%}.add-mission-page .mission-option:hover{background:#f3fffc;transform:translateX(4px)}.add-mission-page .mission-icon{align-items:center;background:linear-gradient(135deg,#ebfffb,#dffcf6);border-radius:14px;color:#00c7b1;display:flex;font-size:22px;height:46px;justify-content:center;min-width:46px;overflow:hidden;position:relative;transition:.3s;width:46px}.add-mission-page .mission-icon svg{transition:.35s}.add-mission-page .mission-option:first-child
.mission-icon svg{animation:bookWave 2.5s ease-in-out infinite}.add-mission-page .mission-option:nth-child(2)
.mission-icon svg{animation:shieldPop 2s ease-in-out infinite}.add-mission-page .mission-option:nth-child(3)
.mission-icon svg{animation:heartBeat 1.8s ease-in-out infinite}.add-mission-page .mission-option:nth-child(4)
.mission-icon svg{animation:homeJump 2.2s ease-in-out infinite}.add-mission-page .mission-option:nth-child(5)
.mission-icon svg{animation:usersShake 2.4s ease-in-out infinite}.add-mission-page .mission-option:nth-child(6)
.mission-icon svg{animation:pulseHealth 1.9s ease-in-out infinite}.add-mission-page .mission-option:nth-child(7)
.mission-icon svg{animation:globeSpin 4s linear infinite}@keyframes bookWave{0%{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}to{transform:rotate(0deg)}}@keyframes shieldPop{0%{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes homeJump{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes usersShake{0%{transform:rotate(0deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes pulseHealth{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes globeSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-mission-page .mission-name{color:#334155;font-size:18px;font-weight:700;line-height:1.3}.add-mission-page .input-box{position:relative}.add-mission-page .input-icon{color:#00c7b1;font-size:18px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.add-mission-page .mission-input,.add-mission-page .mission-textarea{background:#fff;border:1.5px solid #dbe4ea;border-radius:18px;color:#0f172a;font-weight:500;outline:none;transition:.3s;width:100%}.add-mission-page .mission-input{font-size:16px;height:56px;padding:0 18px 0 48px}.add-mission-page .mission-textarea{font-family:inherit;font-size:15px;letter-spacing:.2px;line-height:1.7;min-height:120px;padding:16px;resize:none;text-align:left;white-space:pre-wrap;word-break:break-word}.add-mission-page .mission-input:focus,.add-mission-page .mission-textarea:focus{border-color:#00c7b1;box-shadow:0 0 0 4px #00c7b114}.add-mission-page .small-upload-box{align-items:center;background:#fbfffe;border:1.5px dashed #c7d7df;border-radius:18px;display:flex;gap:14px;min-height:58px;padding:10px 14px;transition:.3s;width:100%}.add-mission-page .small-upload-box:hover{background:#f5fffd;border-color:#00c7b1}.add-mission-page .small-upload-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:12px;box-shadow:0 6px 15px #14b8a62e;color:#fff!important;cursor:pointer;display:flex!important;font-size:14px!important;font-weight:700!important;height:38px;justify-content:center;margin:0!important;min-width:110px;transition:.3s}.add-mission-page .small-upload-btn:hover{transform:translateY(-2px)}.add-mission-page .file-name{color:#64748b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-mission-page .preview-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 25px #0f172a14;height:110px;margin-top:16px;overflow:hidden;position:relative;width:110px}.add-mission-page .preview-image{display:block;height:100%;object-fit:cover;width:100%}.add-mission-page .remove-preview-btn{align-items:center;background:#334155;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;height:28px;justify-content:center;position:absolute;right:6px;top:6px;transition:.3s;width:28px}.add-mission-page .remove-preview-btn:hover{background:#ef4444;transform:scale(1.08)}.add-mission-page .mission-submit-btn{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:20px;box-shadow:0 10px 25px #22c55e40;color:#fff;cursor:pointer;font-size:21px;font-weight:800;height:62px;margin-top:8px;transition:.35s;width:100%}.add-mission-page .mission-submit-btn:hover{box-shadow:0 15px 32px #22c55e52;transform:translateY(-2px) scale(1.01)}.add-mission-page .mission-submit-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.add-mission-page .mission-card{border-radius:22px;padding:24px 18px}.add-mission-page .mission-top h1{font-size:30px}.add-mission-page .mission-name,.add-mission-page .selected-text{font-size:16px}.add-mission-page .mission-submit-btn{font-size:18px;height:58px}.add-mission-page .mission-icon{font-size:20px;height:42px;min-width:42px;width:42px}.add-mission-page .small-upload-box{align-items:flex-start;flex-direction:column}.add-mission-page .preview-wrapper{height:90px;width:90px}}.view-mission-page,.view-mission-page *,.view-mission-page :after,.view-mission-page :before{box-sizing:border-box}.view-mission-page{background:#f4f7fb;isolation:isolate;min-height:100vh;overflow-x:hidden;padding:24px;position:relative;z-index:1}.view-mission-page .mission-topbar h1{color:#0f172a;font-size:38px;font-weight:800;margin-bottom:6px}.view-mission-page .mission-topbar p{color:#64748b;font-size:15px;margin-bottom:24px}.view-mission-page .search-box{align-items:center;background:#fff;border:1px solid #dbe4ea;border-radius:18px;display:flex;gap:12px;height:56px;margin-bottom:24px;max-width:420px;padding:0 18px;width:100%}.view-mission-page .search-box svg{color:#64748b;font-size:20px}.view-mission-page .search-box input{background:#0000;border:none;font-size:16px;outline:none;width:100%}.view-mission-page .category-scroll{display:flex;gap:14px;margin-bottom:30px;overflow-x:auto;padding-bottom:6px}.view-mission-page .category-scroll::-webkit-scrollbar{height:5px}.view-mission-page .category-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.view-mission-page .category-btn{align-items:center;background:#fff;border:1px solid #dbe4ea;border-radius:18px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;height:54px;min-width:max-content;padding:0 18px;transition:.3s}.view-mission-page .category-btn.active{background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff}.view-mission-page .cat-icon{font-size:18px}.view-mission-page .cat-count{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;min-width:24px}.view-mission-page .missions-grid{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.view-mission-page .mission-card-view{background:#fff;border:2px solid #0000;border-radius:28px;box-shadow:0 10px 30px #0f172a14;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease,border .35s ease}.view-mission-page .mission-card-view:hover{border:2px solid #facc15;box-shadow:0 0 18px #facc15bf,0 0 40px #facc1573,0 18px 45px #facc1547,0 10px 25px #0f172a1f;transform:translateY(-8px) scale(1.01)}.view-mission-page .mission-card-view:before{background:linear-gradient(135deg,#facc151a,#fff0);border-radius:28px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:.35s}.view-mission-page .mission-card-view:hover:before{opacity:1}.view-mission-page .mission-image-wrap{background:#f1f5f9;overflow:hidden;position:relative;width:100%}.view-mission-page .mission-image{background:#f8fafc;display:block;height:auto;object-fit:contain;transition:.4s ease;width:100%}.view-mission-page .mission-card-view:hover .mission-image{transform:scale(1.04)}.view-mission-page .mission-category-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf;border-radius:30px;color:#fff;font-size:13px;font-weight:700;left:16px;padding:8px 14px;position:absolute;top:16px}.view-mission-page .mission-card-body{padding:24px}.view-mission-page .mission-card-body h2{color:#0f172a;font-size:28px;line-height:1.3;margin-bottom:14px}.view-mission-page .mission-card-body p{color:#475569;font-size:15px;-webkit-hyphens:auto;hyphens:auto;line-height:1.9;margin-bottom:12px;max-height:170px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:none;text-align:justify;text-justify:inter-word;white-space:normal;word-break:break-word}.view-mission-page .mission-card-body p::-webkit-scrollbar{display:none;width:0}.view-mission-page .read-more-btn{align-items:center;background:#0000;border:none;color:#06b6d4;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:18px;padding:0;transition:.3s}.view-mission-page .read-more-btn:hover{color:#0891b2;transform:translateX(2px)}.view-mission-page .read-more-btn svg{font-size:16px}.view-mission-page .mission-date{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:18px}.view-mission-page .mission-actions{display:flex;gap:14px;margin-top:14px}.view-mission-page .delete-btn,.view-mission-page .edit-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:10px;height:52px;justify-content:center;transition:.3s}.view-mission-page .edit-btn{background:#3b82f6;color:#fff}.view-mission-page .delete-btn{background:#ef4444;color:#fff}.view-mission-page .delete-btn:hover,.view-mission-page .edit-btn:hover{transform:translateY(-2px)}.view-mission-page .delete-modal-overlay{align-items:center!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#0f172a8c!important;display:flex!important;height:100vh!important;inset:0!important;justify-content:center!important;margin:0!important;padding:0!important;position:fixed!important;transform:translateZ(0)!important;width:100vw!important;z-index:999999999!important}.view-mission-page .delete-modal{animation:modalPop .25s ease;background:#fff!important;border-radius:28px!important;margin:auto!important;max-width:420px!important;padding:30px!important;position:relative!important;text-align:center!important;transform:none!important;width:95%!important}.view-mission-page .delete-modal h2{color:#0f172a;font-size:30px;margin-bottom:10px}.view-mission-page .delete-modal p{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px}.view-mission-page .delete-modal-actions{display:flex;gap:14px}.view-mission-page .cancel-btn,.view-mission-page .confirm-delete-btn{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:52px}.view-mission-page .cancel-btn{background:#e2e8f0;color:#0f172a}.view-mission-page .confirm-delete-btn{background:#ef4444;color:#fff}.view-mission-page .empty-box{align-items:center;background:#fff;border-radius:24px;color:#64748b;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:220px;width:100%}@media (max-width:768px){.view-mission-page{padding:18px}.view-mission-page .missions-grid{grid-template-columns:1fr}.view-mission-page .mission-card-view{height:auto}.view-mission-page .mission-image-wrap{background:#f1f5f9;height:auto;overflow:hidden}.view-mission-page .mission-image{display:block;height:auto;object-fit:contain;width:100%}.view-mission-page .mission-card-body h2{font-size:24px}.view-mission-page .mission-actions{flex-direction:column}.view-mission-page .category-btn{height:50px}}.add-profile-page{align-items:flex-start;background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.add-profile-container{animation:profileFade .5s ease;background:#fff;border-radius:24px;box-shadow:0 15px 40px #00000014;margin-top:10px;max-width:680px;padding:28px;width:100%}@keyframes profileFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-profile-header{margin-bottom:28px;text-align:center}.add-profile-header h1{align-items:center;color:#0f172a;display:flex;font-size:30px;font-weight:900;gap:10px;justify-content:center;margin-bottom:8px}.add-profile-header p{color:#64748b;font-size:14px}.add-profile-form{display:flex;flex-direction:column;gap:20px}.profile-image-box{align-items:center;display:flex;flex-direction:column;gap:14px}.profile-preview{background:#fff;box-shadow:0 8px 22px #14b8a638;object-fit:cover;object-position:top}.profile-placeholder,.profile-preview{border:5px solid #14b8a6;border-radius:50%;height:130px;width:130px}.profile-placeholder{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 8px 22px #14b8a62e;font-size:42px;justify-content:center}.profile-placeholder,.upload-btn{align-items:center;color:#fff;display:flex}.upload-btn{background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:14px;box-shadow:0 10px 22px #14b8a640;cursor:pointer;font-size:14px;font-weight:800;gap:8px;padding:11px 20px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 14px 28px #14b8a659;transform:translateY(-3px)}.profile-input-group{display:flex;flex-direction:column;gap:8px}.profile-input-group label{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:800;gap:8px}.profile-input-group input,.profile-input-group textarea{background:#fff;border:2px solid #cbd5e1;border-radius:15px;color:#0f172a;font-size:14px;font-weight:600;outline:none;padding:15px;transition:all .3s ease;width:100%}.profile-input-group textarea{min-height:150px;resize:vertical}.profile-input-group input:focus,.profile-input-group textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 5px #14b8a626}.profile-submit-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:16px;box-shadow:0 15px 30px #2563eb47;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:10px;height:56px;justify-content:center;transition:all .35s ease;width:100%}.profile-submit-btn:hover{box-shadow:0 18px 35px #2563eb59;transform:translateY(-3px)}@media (max-width:768px){.add-profile-page{padding:12px}.add-profile-container{border-radius:20px;padding:20px}.add-profile-header h1{font-size:24px}.profile-placeholder,.profile-preview{height:115px;width:115px}.profile-placeholder{font-size:36px}.profile-submit-btn{font-size:15px;height:52px}}.profiles-page,.profiles-page *,.profiles-page :after,.profiles-page :before{box-sizing:border-box}.profiles-page{animation:profilePageFade .6s ease;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:35px;width:100%}@keyframes profilePageFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profiles-page .profiles-header{margin-bottom:42px}.profiles-page .profiles-header h1{align-items:center;color:#0f172a;display:flex;font-size:42px;font-weight:900;gap:14px;margin-bottom:10px}.profiles-page .profiles-header h1 svg{animation:headerIconMove 2s ease-in-out infinite}@keyframes headerIconMove{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.08)}50%{transform:rotate(10deg) scale(1.12)}75%{transform:rotate(-8deg) scale(1.08)}to{transform:rotate(0deg) scale(1)}}.profiles-page .profiles-header p{color:#64748b;font-size:16px;font-weight:500}.profiles-page .profiles-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(460px,1fr))}.profiles-page .profile-card{animation:cardFade .6s ease;background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 10px 35px #0f172a14;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px;position:relative;transition:all .35s ease}@keyframes cardFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profiles-page .profile-card:before{animation:topLineMove 4s linear infinite;background:linear-gradient(90deg,#14b8a6,#2563eb);content:"";height:6px;left:-100%;position:absolute;top:0;width:100%}@keyframes topLineMove{0%{left:-100%}to{left:100%}}.profiles-page .profile-card:hover{box-shadow:0 25px 50px #0f172a24;transform:translateY(-8px) scale(1.01)}.profiles-page .profile-top{align-items:flex-start;display:flex;gap:22px;margin-bottom:22px}.profiles-page .profile-image-wrap{animation:imagePulse 3s ease-in-out infinite;background:#f1f5f9;border:4px solid #14b8a6;border-radius:50%;box-shadow:0 10px 24px #14b8a640;flex-shrink:0;height:95px;min-width:95px;overflow:hidden;position:relative;width:95px}@keyframes imagePulse{0%{box-shadow:0 0 0 #14b8a633;transform:scale(1)}50%{box-shadow:0 0 30px #14b8a666;transform:scale(1.04)}to{box-shadow:0 0 0 #14b8a633;transform:scale(1)}}.profiles-page .profile-card-image{display:block;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease;width:100%}.profiles-page .profile-card:hover
.profile-card-image{transform:scale(1.08)}.profiles-page .profile-no-image{align-items:center;color:#94a3b8;display:flex;font-size:34px;height:100%;justify-content:center;width:100%}.profiles-page .profile-main-info{flex:1 1;overflow:hidden;width:100%}.profiles-page .profile-main-info h2{color:#0f172a;font-size:28px;font-weight:900;line-height:1.5;margin-bottom:14px;transition:all .3s ease;word-break:break-word}.profiles-page .profile-card:hover
.profile-main-info h2{color:#2563eb}.profiles-page .profile-designation{align-items:center;background:linear-gradient(135deg,#14b8a61a,#2563eb1a);border-radius:999px;color:#2563eb;display:inline-flex;flex-wrap:wrap;font-size:14px;font-weight:800;gap:8px;padding:10px 18px;transition:all .3s ease;width:fit-content}.profiles-page .profile-designation:hover{background:linear-gradient(135deg,#14b8a6,#2563eb);color:#fff;transform:scale(1.05)}.profiles-page .profile-delete-btn svg,.profiles-page .profile-description svg,.profiles-page .profile-designation svg,.profiles-page .profile-edit-btn svg,.profiles-page .profile-status-btn svg{animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(-5px)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}.profiles-page .profile-description{align-items:flex-start;border-top:1px solid #e2e8f0;color:#475569;display:flex;font-size:15px;gap:12px;-webkit-hyphens:auto;hyphens:auto;line-height:2;margin-top:8px;min-height:170px;overflow-wrap:break-word;padding-top:22px;text-align:justify;text-justify:inter-word;word-break:normal}.profiles-page .profile-description svg{color:#64748b;flex-shrink:0;margin-top:4px;min-width:18px}.profiles-page .profile-actions{display:flex;gap:14px;margin-top:auto;padding-top:24px}.profiles-page .profile-delete-btn,.profiles-page .profile-edit-btn,.profiles-page .profile-status-btn{overflow:hidden;position:relative}.profiles-page .profile-delete-btn:before,.profiles-page .profile-edit-btn:before,.profiles-page .profile-status-btn:before{background:#ffffff2e;content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-25deg);transition:.6s;width:100%}.profiles-page .profile-delete-btn:hover:before,.profiles-page .profile-edit-btn:hover:before,.profiles-page .profile-status-btn:hover:before{left:130%}.profiles-page .profile-edit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:800;gap:10px;height:52px;justify-content:center;transition:all .3s ease}.profiles-page .profile-edit-btn:hover{box-shadow:0 12px 26px #2563eb47;transform:translateY(-3px)}.profiles-page .profile-status-btn{align-items:center;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:800;gap:10px;height:52px;justify-content:center;transition:all .3s ease}.profiles-page .profile-status-btn.active{animation:activeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}@keyframes activeGlow{0%{box-shadow:0 0 0 #10b98133}50%{box-shadow:0 0 24px #10b98173}to{box-shadow:0 0 0 #10b98133}}.profiles-page .profile-status-btn.inactive{background:linear-gradient(135deg,#64748b,#475569)}.profiles-page .profile-status-btn:hover{transform:translateY(-3px)}.profiles-page .profile-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;height:55px;justify-content:center;margin-top:16px;transition:all .3s ease;width:100%}.profiles-page .profile-delete-btn:hover{box-shadow:0 14px 28px #ef444452;transform:translateY(-4px)}.profiles-page .delete-modal-overlay{align-items:center;animation:modalFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.profiles-page .delete-modal{animation:modalPop .35s ease;background:#fff;border-radius:32px;box-shadow:0 30px 80px #00000040;padding:34px 28px;text-align:center;width:430px}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profiles-page .delete-modal-icon{align-items:center;animation:deletePulse 1.8s infinite;background:#ef44441f;border-radius:50%;color:#ef4444;display:flex;font-size:42px;height:85px;justify-content:center;margin:0 auto 20px;width:85px}@keyframes deletePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.profiles-page .delete-modal h2{color:#0f172a;font-size:32px;font-weight:900;margin-bottom:12px}.profiles-page .delete-modal p{color:#64748b;font-size:16px;line-height:1.8;margin-bottom:28px}.profiles-page .delete-modal-actions{display:flex;gap:14px}.profiles-page .cancel-delete-btn,.profiles-page .confirm-delete-btn{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:15px;font-weight:800;height:52px;transition:all .3s ease}.profiles-page .cancel-delete-btn{background:#e2e8f0;color:#334155}.profiles-page .cancel-delete-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.profiles-page .confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px #ef444440;color:#fff}.profiles-page .confirm-delete-btn:hover{box-shadow:0 16px 32px #ef444459;transform:translateY(-2px)}.profiles-page .profiles-empty,.profiles-page .profiles-loading{align-items:center;color:#64748b;display:flex;font-size:22px;font-weight:800;height:300px;justify-content:center;width:100%}@media (max-width:768px){.profiles-page{padding:16px}.profiles-page .profiles-grid{gap:22px;grid-template-columns:1fr}.profiles-page .profiles-header h1{font-size:30px}.profiles-page .profile-card{padding:22px}.profiles-page .profile-top{align-items:flex-start;gap:16px}.profiles-page .profile-image-wrap{height:76px;min-width:76px;width:76px}.profiles-page .profile-main-info h2{font-size:20px;line-height:1.5}.profiles-page .profile-designation{font-size:12px;padding:8px 14px}.profiles-page .profile-description{font-size:13px;line-height:1.9;min-height:auto;text-align:left}.profiles-page .profile-actions{flex-direction:column}.profiles-page .profile-delete-btn,.profiles-page .profile-edit-btn,.profiles-page .profile-status-btn{font-size:14px;height:48px}.profiles-page .delete-modal{width:92%}.profiles-page .delete-modal-actions{flex-direction:column}}.join-members-page{-ms-overflow-style:none;background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;overflow-x:hidden;padding:32px;position:relative;scrollbar-width:none;width:100%}.join-members-page::-webkit-scrollbar{display:none}.join-members-page *,.join-members-page :after,.join-members-page :before{box-sizing:border-box}.join-members-page .join-members-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.join-members-page .join-members-header h1{align-items:center;color:#0f172a;display:flex;font-size:52px;font-weight:900;gap:14px;line-height:1.1;margin:0 0 10px}.join-members-page .join-members-header p{color:#64748b;font-size:18px;margin:0}.join-members-page .join-title-icon{animation:joinUsersMove 2s ease-in-out infinite;color:#0f766e}@keyframes joinUsersMove{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.join-members-page .join-top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.join-members-page .join-search-box{align-items:center;background:#fff;border:1px solid #94a3b824;border-radius:18px;box-shadow:0 12px 30px #0f172a14;display:flex;gap:12px;height:58px;padding:0 18px;width:320px}.join-members-page .join-search-box svg{color:#0f766e;font-size:20px}.join-members-page .join-search-box input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:15px;font-weight:600;outline:none}.join-members-page .join-search-box input::placeholder{color:#94a3b8}.join-members-page .join-filter-select{width:240px}.join-members-page .download-btn,.join-members-page .open-add-sidebar-btn{align-items:center;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;justify-content:center;outline:none;padding:16px 24px;transition:all .35s ease;white-space:nowrap}.join-members-page .open-add-sidebar-btn{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 12px 30px #14b8a647}.join-members-page .download-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 30px #3b82f647}.join-members-page .download-btn:hover,.join-members-page .open-add-sidebar-btn:hover{opacity:.95;transform:translateY(-3px)}.join-members-page .join-download-wrapper{position:relative}.join-members-page .download-menu{border:1px solid #94a3b81f;border-radius:18px;box-shadow:0 20px 45px #0f172a1f;overflow:hidden;position:absolute;right:0;top:70px;width:240px;z-index:99999}.join-members-page .download-menu button{background:#0000;border:none;color:#334155;cursor:pointer;font-size:14px;font-weight:700;padding:15px 18px;text-align:left;transition:all .3s ease;width:100%}.join-members-page .download-menu button:hover{background:#f1f5f9;color:#0f766e}.join-members-page .join-table-wrapper{-ms-overflow-style:none;background:#fff;border:1px solid #94a3b829;border-radius:26px;box-shadow:0 20px 45px #0f172a14;overflow-x:auto;scrollbar-width:none;width:100%}.join-members-page .join-table-wrapper::-webkit-scrollbar{display:none}.join-members-page .join-members-table{border-collapse:collapse;min-width:1250px;width:100%}.join-members-page .join-members-table thead{background:linear-gradient(135deg,#020617,#1e293b)}.join-members-page .join-members-table thead th{color:#f8fafc;font-size:15px;font-weight:800;padding:22px 18px;text-align:left;white-space:nowrap}.join-members-page .join-members-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.join-members-page .join-members-table tbody tr:hover{background:#f8fafc}.join-members-page .join-members-table tbody td{color:#334155;font-size:15px;font-weight:600;padding:22px 18px;vertical-align:middle}.join-members-page .join-user-cell{align-items:center;display:flex;gap:10px}.join-members-page .join-user-cell svg{color:#0f766e;font-size:18px}.join-members-page .join-category-badge{align-items:center;background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:999px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:800;justify-content:center;padding:10px 16px;white-space:nowrap}.join-members-page .join-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 18px;transition:all .3s ease}.join-members-page .join-delete-btn:hover{box-shadow:0 12px 25px #ef444447;transform:translateY(-2px)}.join-members-page .join-empty,.join-members-page .join-loading{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0f172a14;color:#475569;font-size:20px;font-weight:800;padding:70px 20px;text-align:center;width:100%}.join-members-page .join-sidebar-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a73;inset:0;opacity:0;position:fixed;transition:all .35s ease;visibility:hidden;z-index:9998}.join-members-page .show-join-sidebar-overlay{opacity:1;visibility:visible}.join-members-page .join-sidebar{background:linear-gradient(180deg,#020617,#0f172a);display:flex;flex-direction:column;height:calc(100dvh - 48px);overflow:hidden;position:fixed;right:-500px;top:48px;transition:right .4s ease;width:450px;z-index:9999}.join-members-page .show-join-sidebar{right:0}.join-members-page .join-sidebar-header{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;min-height:120px;padding:34px 24px 20px;width:100%}.join-members-page .join-sidebar-header h2{align-items:center;color:#fff;display:flex;font-size:44px;font-weight:900;gap:14px;line-height:1.2;margin:0;padding-top:10px}.join-members-page .join-sidebar-header h2 svg{color:#14b8a6;flex-shrink:0}.join-members-page .join-sidebar-header button{align-items:center;background:#ffffff14;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;transition:all .3s ease;width:46px}.join-members-page .join-sidebar-header button:hover{background:#ef4444}.join-members-page .join-sidebar-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 40px;scrollbar-width:none}.join-members-page .join-sidebar-content::-webkit-scrollbar{display:none}.join-members-page .join-input-group{display:flex;flex-direction:column;margin-bottom:22px}.join-members-page .join-input-group label{color:#f8fafc;font-size:15px;font-weight:700;margin-bottom:10px}.join-members-page .join-input-group input{background:#1e293b;border:1px solid #334155;border-radius:18px;color:#fff;font-size:15px;font-weight:600;height:58px;outline:none;padding:14px 18px;width:100%}.join-members-page .join-input-group input::placeholder{color:#94a3b8}.join-members-page .join-input-group input:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a626}.join-react-select{width:100%}.join-select__control{background:#1e293b!important;border:1px solid #334155!important;border-radius:18px!important;box-shadow:none!important;cursor:pointer!important;min-height:58px!important}.join-select__control--is-focused{border-color:#14b8a6!important;box-shadow:0 0 0 4px #14b8a626!important}.join-select__value-container{padding:0 14px!important}.join-select__single-value{color:#fff!important;font-size:15px!important;font-weight:600!important}.join-select__placeholder{color:#94a3b8!important}.join-select__indicator-separator{display:none!important}.join-select__dropdown-indicator{color:#14b8a6!important}.join-select__menu{background:#0f172a!important;border:1px solid #1e293b!important;border-radius:18px!important;overflow:hidden!important;z-index:99999!important}.join-select__option{background:#0f172a!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;padding:14px 18px!important}.join-select__option:hover{background:#14b8a6!important}.join-select__option--is-selected{background:#0f766e!important}.join-select__option--is-focused{background:#14b8a6!important}.join-members-page .join-add-btn{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:800;gap:10px;justify-content:center;margin-bottom:10px;margin-top:20px;min-height:60px;transition:all .35s ease;width:100%}.join-members-page .join-add-btn:hover{transform:translateY(-3px)}.join-members-page .join-delete-popup{animation:popupScale .28s ease;border-radius:32px;box-shadow:0 30px 70px #0f172a2e;padding:42px 36px;width:460px}@keyframes popupScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.join-members-page .join-delete-popup h2{color:#020617;font-size:56px;font-weight:900;line-height:1.1}.join-members-page .join-delete-popup p{font-size:21px;font-weight:600;margin-bottom:34px;margin-top:18px}.join-members-page .join-delete-actions{gap:18px;justify-content:center;width:100%}.join-members-page .join-delete-actions button{border-radius:20px;font-size:20px;font-weight:800;height:64px;transition:all .3s ease}.join-members-page .cancel-btn{background:#e2e8f0}.join-members-page .cancel-btn:hover{background:#cbd5e1;transform:translateY(-2px)}.join-members-page .join-delete-popup{animation:popupFade .25s ease;background:#fff;border-radius:24px;box-shadow:0 20px 45px #0f172a29;left:50%;padding:30px 28px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:390px;z-index:99999}@keyframes popupFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.join-members-page .join-delete-popup h2{color:#0f172a;font-size:38px;font-weight:800;line-height:1.2;margin:0}.join-members-page .join-delete-popup p{color:#64748b;font-size:16px;font-weight:500;line-height:1.6;margin:14px 0 28px}.join-members-page .join-delete-actions{align-items:center;display:flex;gap:14px}.join-members-page .join-delete-actions button{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;height:52px;transition:all .25s ease}.join-members-page .cancel-btn{background:#f1f5f9;color:#0f172a}.join-members-page .cancel-btn:hover{background:#e2e8f0}.join-members-page .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px #ef444438;color:#fff}.join-members-page .delete-btn:hover{box-shadow:0 14px 28px #ef444447;transform:translateY(-2px)}@media (max-width:600px){.join-members-page{overflow-x:hidden;padding:16px}.join-members-page .join-sidebar{-webkit-overflow-scrolling:touch;height:100dvh;opacity:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:none;position:fixed;right:-120%!important;top:0;transition:right .45s ease,opacity .3s ease;visibility:hidden;width:100%;z-index:999999}.join-members-page .join-sidebar.show-join-sidebar{opacity:1;pointer-events:auto;right:0!important;visibility:visible}.join-members-page .join-sidebar-header{padding-top:56px;position:sticky;top:0;z-index:10}.join-members-page .join-sidebar-header h2{font-size:34px}.join-members-page .join-sidebar-content{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:22px 18px 120px}.join-members-page button,.join-members-page input,.join-members-page select,.join-members-page textarea{width:100%}.join-members-page .join-members-header h1{font-size:30px}.join-members-page .join-delete-popup{padding:34px 24px;width:92%}.join-members-page .join-delete-popup h2{font-size:30px}.join-members-page .join-delete-popup p{font-size:17px}.join-members-page .join-delete-actions{display:flex;flex-direction:column;gap:12px}.join-members-page .join-delete-actions button{width:100%}}@media (min-width:601px) and (max-width:900px){.join-members-page{padding:20px}.join-members-page .join-members-header h1{font-size:38px}.join-members-page .join-sidebar{-webkit-overflow-scrolling:touch;height:100vh;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:fixed;right:-120%!important;top:0;transition:right .45s ease,opacity .3s ease;visibility:hidden;width:100%;z-index:999999}.join-members-page .join-sidebar.show-join-sidebar{opacity:1;pointer-events:auto;right:0!important;visibility:visible}.join-members-page .join-filter-select,.join-members-page .join-search-box,.join-members-page .join-top-actions{width:100%}}.join-members-page .download-menu{-webkit-overflow-scrolling:touch;animation:downloadPopup .25s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000059;left:50%;max-height:70vh;max-width:340px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px 0;position:fixed;top:50%;transform:translate(-50%,-50%);width:92%;z-index:999999}.join-members-page .download-menu button{font-size:15px;padding:16px 20px}.join-members-page .download-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a59;inset:0;position:fixed;z-index:999998}body.download-open{overflow:hidden}@keyframes downloadPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.join-menu-wrapper{position:relative}.join-scroll-arrow{align-items:center;animation:joinArrowMove 1.2s infinite;background:#fffffff5;border-radius:50%;bottom:8px;color:#14b8a6;display:flex;font-size:18px;font-weight:700;height:22px;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:22px;z-index:10}@keyframes joinArrowMove{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}.join-select__menu-list{max-height:240px!important;overflow-y:auto!important;position:relative}
/*# sourceMappingURL=main.9f0f52ef.css.map*/