@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);pppppp
body{background-color:#fff;font-family:Arial,sans-serif;font-weight:400;margin:0;min-height:100vh;padding:0}.header{margin:100px auto 80px;padding:0 20px}.header h1{animation:slideIn 1s ease-out;font-size:4rem;font-weight:300;letter-spacing:8px;margin-bottom:40px;margin-top:-20px;position:relative;text-transform:uppercase}.header h1:after{background:#32614d;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.header h3{animation:textReveal 1.5s ease-out .5s both;background:#0000;border:none;color:#555;display:inline-block;font-size:1rem;font-weight:700;line-height:1.2;margin-top:-15px;max-width:800px;padding:0}@keyframes textReveal{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0;transform:translateY(20px)}50%{opacity:.5;transform:translateY(5px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.header h3{font-size:.9rem;margin-top:-10px}}.logo img{height:100px;width:100px}.nav-links{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-links li{cursor:pointer;white-space:nowrap}.search-panel{background:#fff}.search-panel input:focus{border-color:#32614d}.social-iconss{align-items:center;gap:2px;height:20px}.donate-btn:hover{background:#ee9700}.social-iconss a{margin-top:-15px}.header{margin:40px auto;max-width:700px;padding:0 15px;text-align:center}.header h1{color:#32614d;font-size:35px}.header p{color:#444;margin-top:10px}.container{margin-top:-80px}.container,.containner{display:flex;flex-wrap:nowrap;justify-content:center;margin-left:200px;perspective:500px;position:relative;transform-style:preserve-3d;width:1160px}.containner{margin-top:-220px}.container .box{background:#000;height:500px;margin-right:15px;margin-top:50px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:.4s ease;width:250px}.container .box:hover~.box,.container:hover .box{transform:none}.container .box:hover{box-shadow:0 15px 30px #0006;transform:scale(1.08);z-index:1}.container .box .imgBx,.container .box .imgBx:before{height:100%;left:0;position:absolute;top:0;width:100%}.container .box .imgBx:before{background:linear-gradient(180deg,#32614d,#000);content:"";mix-blend-mode:multiply;opacity:0;transition:.5s;z-index:1}.container .box:hover .imgBx:before{opacity:1}.container .box .imgBx img{object-fit:cover}.container .box .content,.container .box .imgBx img{height:100%;left:0;position:absolute;top:0;width:100%}.container .box .content{align-items:flex-end;box-sizing:border-box;display:flex;padding:20px;z-index:1}.container .box .content h2{color:#fff;font-size:20px;margin-bottom:5px;text-transform:uppercase;transform:translateY(200px);transition:.5s;transition-delay:.3s}.container .box:hover .content h2{transform:translateY(0)}.container .box .content p{color:#fff;font-size:14px;transform:translateY(200px);transition:.5s;transition-delay:.4s}.container .box:hover .content p{transform:translateY(0)}.container .box .content h2,.container .box .content p{opacity:0;transform:translateY(200px);transition:.5s ease}.container .box:hover .content h2,.container .box:hover .content p{opacity:1;transform:translateY(0)}.register{margin:40px 0;text-align:center}button{background:#faa002;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px}button:hover{background-color:#f5f7f0}.roles{flex-wrap:wrap;gap:4rem;margin-top:-75px}.role,.roles{align-items:center;display:flex;justify-content:center}.role{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:500;height:220px;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.role:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-6px)}.about-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;padding-left:50px;padding-right:100px}.about-image img{height:auto;margin-left:-40px;width:200px}.about-text{color:#333;font-weight:lighter;margin-left:-30px;max-width:500px}.about-text h2{color:#000201;font-size:1.8rem;font-weight:lighter;margin-bottom:25px}.about-button{text-wrap:nowrap;background-color:#faa002;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:1265px;padding:10px 20px;position:relative;top:-90px}.about-button:hover{background-color:#32614d}.gallery-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;margin-top:0;padding:0}.gallery-item{align-items:center;display:flex;flex-direction:column;min-width:10px;width:15%}.gallery-item img{border-radius:8px;height:auto;width:80%}.gallery-item p{color:#333;font-size:.9rem;margin-top:8px;text-align:center}.section-divider{border:none;border-top:2px solid #ccc;margin:40px 0;width:100%}.text-image-section{flex-direction:column;font-family:Arial,sans-serif;padding:40px;text-align:left}.text-image-section,.top-part{align-items:center;display:flex}.top-part{justify-content:space-between;margin-top:-180px;max-width:1000px;width:100%}.text-content{width:70%}.text-content h2{font-size:25px;font-weight:700;margin-bottom:10px}.text-content p{color:#333;font-size:16px;line-height:1.5}.image-content{text-align:center;width:35%}.image-content img{height:auto;max-width:100%}.three-images{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:-100px}.three-images img{border-radius:10px;width:220px}.button-container{margin-bottom:10px;text-align:center}.see-top-list{background-color:#faa002;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:25px;padding:10px 25px}.see-top-list:hover{background-color:#32614d}.feedback-section{background-color:#f5f7f0;margin-top:-10px;padding:40px 20px}.feedback-section h1{color:#000;font-weight:lighter;margin-bottom:40px;margin-left:50px}.feedback-cards{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.feedback-card{background-image:linear-gradient(to bottom left,#e0e4e5,#f2f6f9);border-radius:20px;box-shadow:inset -2px 2px #ffffffe6,-15px 15px 30px #00000026;color:#444;display:flex;flex-direction:column;justify-content:space-between;padding:25px;text-align:left;transition:all .4s ease;width:270px}.feedback-card:hover{box-shadow:inset -2px 2px #ffffffe6,-20px 20px 40px #00000040;transform:scale(1.05)}.stars{color:#faa002;font-size:18px;letter-spacing:2px;margin-bottom:10px}.feedback-card p{color:#2d2c2c;font-size:14px;line-height:1.5;margin-bottom:15px}.profile{align-items:center;display:flex;gap:10px}.avatar{background-color:#ddd;border-radius:50%;height:40px;width:40px}.info h4{color:#222;font-size:15px;margin:0}.info p{color:#3e3e3e;font-size:13px;margin:0}.feedback-button{margin-top:20px;text-align:center}.see-more{background:#faa002;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;padding:12px 25px;transition:all .3s ease}.see-more:hover{background-color:#32614d}.partners-section{background-color:#f5f7f0;margin-top:-30px;padding:60px 40px 40px}.supported-section{background-color:#f5f7f0;padding:40px 40px 60px}.partners-section h1,.supported-section h1{color:#111;font-size:22px;font-weight:600;margin-bottom:30px;padding-left:0;text-align:left}.partners-container{margin:0 auto;max-width:1200px;overflow:hidden;position:relative}.partners-container:after,.partners-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:100px;z-index:2}.partners-container:before{background:linear-gradient(90deg,#fff 0,#fff0);left:0}.partners-container:after{background:linear-gradient(270deg,#fff 0,#fff0);right:0}.partners-logos{align-items:center;display:flex;overflow:hidden;position:relative}.partners-scroll{animation:scroll-logos 25s linear infinite;display:flex;gap:60px}.partners-scroll img{flex-shrink:0;height:auto;transition:transform .3s ease;width:140px}.partners-scroll img:hover{transform:scale(1.05)}.partners-container:hover .partners-scroll{animation-play-state:paused}@keyframes scroll-logos{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-section{background-color:#fff0;padding:100px 80px}.footer-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-top:250px;overflow:hidden}.footer-left h4{color:#f5f7f0;font-size:18px;font-weight:600}.footer-left p{color:#f5f7f0;font-size:16px;margin-top:5px}.social-icons{gap:10px;margin-top:15px}.social-iconss{display:flex;gap:4px;margin-top:10px}.social-icons img{height:70px;transition:transform .3s ease;width:70px}.social-icons img:hover{transform:scale(1.1)}.footer-middle ul,.footer-right ul{list-style:none;padding:0}.footer-middle li,.footer-right li{color:#f5f7f0;cursor:pointer;font-size:14px;margin-bottom:10px}.footer-middle li:hover,.footer-right li:hover{text-decoration:underline}.footer-right{display:flex;gap:60px}.footer-middle,.footer-right{display:flex;gap:80px;margin-left:auto}.footer-middle{margin-left:650px}@media (max-width:768px){.nav-links{background:#003320;border-radius:0;box-sizing:border-box;display:none;flex-direction:column;left:0;max-width:100%;padding:15px;position:absolute;right:0;top:60px;width:100%}.nav-links.open{display:flex}.donate-btn{display:none}.hamburger{display:block}.images{align-items:center;flex-direction:column}.images img{height:auto;width:90%}.roles{align-items:center;flex-direction:column}.role{height:80px;width:90%}.partners-section,.supported-section{padding:40px 20px}.partners-container:after,.partners-container:before{width:50px}.partners-scroll img{width:100px}.partners-scroll{gap:40px}.container,.containner{box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;padding:0 12px;width:100%}.footer-container{margin-top:40px}.footer-middle{margin-left:0}}.horizontal-line{background-color:#2a5240;height:1px;width:80%}.settings-dropdown{height:40px}.settings-btn,.settings-dropdown{align-items:center;display:flex;justify-content:center}.settings-btn{background:none;border:none;border-radius:50%;cursor:pointer;margin-top:-10px;padding:8px;transition:all .3s ease}.settings-btn:hover{background:#ffffff1a;transform:scale(1.1)}.dropdown-menu{box-shadow:0 4px 20px #00000026;list-style:none;margin-top:270px;overflow:hidden;padding:0;top:80%;width:200px;z-index:1001}.dropdown-menu a{border-bottom:1px solid #f0f0f0;box-sizing:initial;color:#333;font-size:14px;margin-top:0;padding:5px 80px;text-align:left;transition:all .3s ease;white-space:nowrap;width:100%}.dropdown-menu a:hover{background:#32614d;color:#fff}.social-icons{gap:8px;height:40px}.social-icons a{border-radius:4px;transition:all .3s ease}.navbar{background:#32614d;min-height:40px}.nav-right{height:40px}.notification-badge{border:2px solid #32614d;line-height:1.2;right:-2px;top:-2px}.who-container{background:#f5f7f0;color:#222;font-family:Poppins,sans-serif}.history-section{align-items:center;background:radial-gradient(circle,#01553e,#01563f,#32614d);color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;overflow:visible;padding:60px 20px;position:relative}.history-text{max-width:600px}.history-text h2{font-size:2rem;margin-bottom:15px}.history-text p{font-size:1.05rem;line-height:1.6;margin-bottom:20px}.history-text button{background:#faa002;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.history-text button:hover{background:#faa002}.history-img{border-radius:15px;bottom:-60px;box-shadow:0 4px 12px #0000004d;margin-left:850px;max-width:350px;position:absolute;width:90%}.why-section{margin:0 auto;max-width:1200px;padding:70px 20px}.why-content{align-items:center;display:flex;gap:40px;height:70vh}.why-text{flex:1 1;margin-left:-100px;text-align:left}.why-text h2{color:#32614d;font-size:2rem;margin-bottom:20px}.why-text p{color:#555;font-size:1.1rem;line-height:1.6}.why-image-container{box-sizing:border-box;display:flex;gap:15px;height:90%;margin-top:80px;width:50%}.why-box{border-radius:12px;box-shadow:0 20px 30px #0000001a;flex:1 1;line-height:0;overflow:hidden;position:relative;transition:.5s}.why-box>img{height:calc(100% - 60px);object-fit:cover;transition:.5s;width:200%}.why-box:hover{flex:1 1 50%}.why-box>span{border-radius:25px;color:#000;display:block;font-size:1.5rem;font-weight:700;left:50%;padding:10px 20px;position:absolute;text-align:center;top:410px;transform:translateX(-50%);white-space:nowrap;z-index:2}.why-box:hover>img{height:100%;width:100%}@media (max-width:768px){.why-content{flex-direction:column;gap:30px;height:auto}.why-image-container{height:50vh;width:100%}.why-text{text-align:center}}.mission-section,.overview-section,.promoting-section,.vision-section{align-items:center;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:30px;padding:60px 20px}.mission-text,.overview-text,.promoting-text,.vision-text{max-width:600px}.mission-text h2,.overview-text h2,.promoting-text h2,.vision-text h2{color:#32614d;font-size:1.8rem;margin-bottom:15px}.mission-text p,.overview-text p,.promoting-text p,.vision-text p{color:#555;line-height:1.6}.overview-logo,.vision-logo{width:150px}.mission-logo{width:600px}.mission-text{margin-top:-180px;max-width:600px}.promoting-logo{width:150px}.promoting-text{margin-top:-80px;max-width:600px}.registration-page{background:#f5f7f0;font-family:Poppins,sans-serif;height:100vh}.image-side,.registration-page{align-items:center;display:flex;justify-content:center}.image-side{background:#0000;flex:1 1}.image-side img{background:#0000;box-shadow:none!important;display:block;margin-top:-80px;max-width:1000px;object-fit:cover;outline:none!important;width:150%}.form-side{background:#fff;border:none!important;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:600px;outline:none;padding:60px}.form-side h2{color:#2b2b52;font-size:28px;margin-bottom:30px;margin-left:-80px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{margin-bottom:0}.form-group input{height:20px!important;transition:border .3s ease;width:80%!important}.login-btn{background-color:#faa002;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background .3s ease,transform .2s ease;width:85%}.login-btn:hover{background-color:#32614d;transform:translateY(-2px)}.terms{align-items:flex-start;color:#666;display:flex;font-size:13px;gap:10px}.terms a{color:#0078ff;text-decoration:none}.terms a:hover{text-decoration:underline}.register-text{font-size:14px;margin-top:15px;text-align:center}.register-text a{color:#0078ff;font-weight:600}.create-account{font-family:Inter,sans-serif;margin:80px auto}.create-account h2{color:#222;font-size:24px;font-weight:600;margin-bottom:30px}.account-form{align-items:stretch;gap:30px}.account-form label{text-align:left}.account-form input{background-color:#e9e9e9;border:none;border-radius:10px;color:#333;font-size:14px;margin-top:6px;outline:none;padding:12px 42px 12px 12px}.account-form input:focus{background-color:#dcdcdc}.input-with-icon{align-items:center;display:flex;position:relative}.info-icon{background-color:#fff;border-radius:50%;box-shadow:0 0 3px #00000026;color:#555;cursor:default;font-size:14px;font-weight:700;height:22px;line-height:22px;position:absolute;right:10px;text-align:center;top:50%;transform:translateY(-50%);transition:all .2s ease;width:22px}.info-icon:hover{background-color:#f7f7f7}.tooltip{background:linear-gradient(135deg,#32614d,#2a5240);border-radius:8px;color:#fff;display:none;font-size:12px;line-height:1.4;max-width:240px;padding:8px 10px;position:absolute;right:0;top:-50px;white-space:normal;z-index:10}.input-with-icon:hover .tooltip{animation:fadeIn .2s ease-in-out;display:block}.tooltip:after{border:6px solid #0000;border-top-color:#333;bottom:-6px;content:"";position:absolute;right:12px}.create-account{margin-top:40px;text-align:center}.account-form{gap:10px;margin-top:20px}label{color:#222;font-size:14px;font-weight:500;text-align:left}.input-field{background-color:#e6e6e6;border:none;border-radius:20px;font-size:14px;height:40px;outline:none;padding:0 15px}.upload-box{align-items:center;background-color:#e6e6e6;border-radius:12px;display:flex;height:100px;justify-content:center}.upload-icon{color:#000}.register-btn{background-color:#faa002;border-radius:8px;font-size:14px;font-weight:500;padding:10px 25px;transition:.3s}.register-btn:hover{background-color:#32614d}.next-btn{margin:10px auto 0;padding:10px 0;transition:background-color .2s ease;width:100px}.next-btn:hover{background-color:#32614d}@media (min-width:768px){.history-section{flex-direction:row;padding:80px 100px}.history-img{margin-top:0;width:40%}.mission-section,.overview-section,.promoting-section,.vision-section{align-items:center;flex-direction:row;justify-content:space-between;padding:80px 100px}.overview-logo,.vision-logo{width:400px}.mission-logo{margin-top:-170px;width:600px}.promoting-logo{margin-top:-80px;width:600px}}.modal-content{border-radius:15px;padding:40px;position:relative;text-align:center}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px}.close-button:hover{color:#000}.modal-content h2{color:#2b2b52;font-size:28px;margin-bottom:10px}.modal-content p{color:#666;margin-bottom:30px}.type-selection{gap:30px}.type-card,.type-selection{align-items:center;display:flex;justify-content:center}.type-card{background:#f9f9f9;border:2px solid #0000;border-radius:15px;cursor:pointer;flex:1 1;flex-direction:column;max-width:250px;min-height:300px;padding:30px 20px;transition:all .3s ease}.type-card:hover{border-color:#faa002;box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.type-image{border-radius:10px;height:180px;margin-bottom:20px;object-fit:cover;width:180px}.type-card h3{color:#2b2b52;font-size:22px;margin-bottom:15px}.type-card p{color:#666;font-size:14px;line-height:1.5;margin-bottom:0}.registration-page-container{align-items:center;background:#f9f9f9;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.registration-content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;max-width:500px;padding:40px;width:100%}.registration-content h2{color:#2b2b52;font-size:28px;margin-bottom:30px;text-align:center}.form-group label{color:#444}.form-group input{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 15px;width:100%}.form-group input:focus{border-color:#faa002}.submit-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:background .3s ease;width:100%}.submit-btn,.submit-btn:hover{background-color:#faa002}.user-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-top:-20px;padding:8px;transition:all .3s ease}.user-btn:hover{background:#ffffff1a;transform:scale(1.1)}.user-dropdown-menu{position:relative}.interests-page{background-color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:40px 20px}.interests-container{border-radius:20px;margin-top:-150px;max-width:900px;padding:40px;text-align:center}.interests-container h2{color:#2b2b52;font-size:32px;margin-bottom:10px}.interests-container p{color:#666;font-size:16px;margin-bottom:40px}.interests-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:40px}.interest-card{border:3px solid #0000;border-radius:15px;padding:20px 15px}.interest-card:hover{box-shadow:0 10px 25px #0000001a}.interest-card.selected{background:#fff9f0;border-color:#faa002;transform:translateY(-5px)}.interest-image{border-radius:50%;margin:0 auto 15px;overflow:hidden}.interest-image img{border-radius:50%;object-fit:cover}.checkmark{background:#faa002;font-size:14px;height:24px;opacity:0;right:5px;top:5px;transition:opacity .3s ease;width:24px}.interest-card.selected .checkmark{opacity:1}.interest-card h3{color:#2b2b52;font-size:16px}.nextt-btn{background:#faa002;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin:0 auto;padding:10px 40px;text-align:center;transition:all .3s ease}.nextt-btn:hover:not(:disabled){background:#faa002;transform:translateY(-2px)}.nextt-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.account-profile-page{background-color:#f8f9fa;min-height:100vh}.profile-actions-bar{display:flex;gap:12px;justify-content:flex-end;padding:20px 40px 0}.profile-actions-bar .secondary-btn{align-items:center;display:inline-flex;gap:6px}.public-profile-page .avatar-upload-btn,.public-profile-page .cover-action-btn,.public-profile-page .cover-actions{display:none}.cover-container{background:linear-gradient(135deg,#e9ecef,#dee2e6);height:300px;overflow:hidden;position:relative}.cover-photo img{height:100%;object-fit:cover;width:100%}.cover-overlay{background:#0000001a;top:0}.cover-actions{position:absolute;right:20px;top:20px}.cover-upload-input{display:none}.cover-action-btn{align-items:center;background:#ffffffe6;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.cover-action-btn:hover{background:#fff;transform:translateY(-1px)}.avatar-section{margin-top:-75px;padding:0 40px;position:relative}.avatar-wrapper{height:150px;position:relative;width:150px}.profile-avatar{background-color:grey;border:4px solid #fff;box-shadow:0 2px 10px #0000001a;height:100%;width:100%}.avatar-upload-input{display:none}.avatar-upload-btn{border:3px solid #fff;bottom:-10px;height:40px;right:10px;transition:all .2s;width:40px}.avatar-upload-btn:hover{background:#faa002}.camera-icon{font-size:18px}.profile-info-container{background:#fff;padding:20px 40px}.profile-main-info{align-items:flex-start;display:flex;justify-content:space-between;margin-top:20px}.name-section{display:flex;flex-direction:column;gap:8px}.name-input,.title-input{border:none;border-radius:4px;font-family:inherit;font-size:24px;font-weight:600;padding:4px 8px}.name-input:focus,.title-input:focus{background:#f8f9fa;outline:none}.title-input{color:#6c757d;font-size:18px;font-weight:400}.location-contact{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.location-input{border:none;border-radius:4px;font-family:inherit;padding:4px 8px;text-align:right}.location-input:focus{background:#f8f9fa;outline:none}.contact-badges{display:flex;gap:12px}.contact-badge{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;gap:6px;padding:6px 12px}.contact-input{background:none;border:none;border-radius:4px;font-family:inherit;padding:2px 4px}.contact-input:focus{background:#fff;outline:none}.profile-content-wrapper{margin:0 auto;max-width:1200px;padding:20px}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr}.profile-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.section-header{margin-bottom:16px}.section-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.about-textarea{border:1px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.about-textarea:focus{border-color:#007bff;outline:none}.interests-tags{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background:#e9ecef;border-radius:16px;color:#495057;font-size:14px;padding:6px 12px}.interests-grid-edit{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.interest-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.interest-option:hover{background:#f8f9fa}.interest-checkbox{align-items:center;border:2px solid #dee2e6;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s;width:18px}.interest-option input[type=checkbox]{display:none}.interest-option input[type=checkbox]:checked+.interest-checkbox{background:#007bff;border-color:#007bff}.interest-option input[type=checkbox]:checked+.interest-checkbox:after{color:#fff;content:"✓";font-size:12px}.interest-label{color:#495057;font-size:14px}.edit-guide{color:#6c757d;font-size:14px;margin:0 0 16px}.empty-state{color:#6c757d;margin:0;padding:20px}.section-actions{display:flex;gap:8px}.action-btn{background:#fff;border-radius:4px;color:#fff;font-family:inherit;padding:6px 12px}.action-btn:hover{background:#0056b3}.edit-btn{background:#6c757d}.edit-btn:hover{background:#495057}.save-btn{background:#faa002}.save-btn:hover{background:#1e7e34}.create-post-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.post-textarea{border:1px solid #e9ecef;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical}.post-textarea:focus{border-color:#007bff}.post-actions{align-items:center;display:flex;justify-content:space-between}.media-action-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-family:inherit;font-size:14px;gap:6px;padding:8px 16px}.media-action-btn:hover{background:#e9ecef}.post-submit-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 20px;transition:all .2s}.post-submit-btn:hover:not(:disabled){background:#0056b3}.post-submit-btn:disabled{background:#6c757d;cursor:not-allowed}.post-preview{margin-top:12px;position:relative}.post-preview-image{border-radius:8px;max-height:300px;object-fit:cover;width:100%}.remove-preview-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.posts-feed{display:flex;flex-direction:column;gap:16px}.post-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.post-author-info{flex-direction:column}.post-author-name{color:#212529;font-size:14px}.post-time{color:#6c757d}.post-content p{color:#495057;font-size:14px}.post-image-container{margin-top:12px}.post-image{max-height:400px}.post-actions-bar{border-top:1px solid #e9ecef;display:flex;gap:16px;margin-top:12px;padding-top:12px}.post-action-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:6px;transition:all .2s}.post-action-btn:hover{color:#495057}.empty-posts-state{color:#6c757d;font-style:italic;padding:40px;text-align:center}.experience-form{display:flex;flex-direction:column;gap:12px}.form-row{grid-template-columns:1fr 1fr}.experience-input{border:1px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px}.experience-input:focus{border-color:#faa002;outline:none}.experience-textarea{border:1px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical}.experience-textarea:focus{border-color:#faa002;outline:none}.add-experience-btn{align-items:center;align-self:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.add-experience-btn:hover{background:#e9ecef}.activity-feed{display:flex;flex-direction:column;gap:12px}.activity-item{border-radius:8px;gap:12px;padding:12px}.activity-icon{font-size:16px}.activity-content p{color:#495057;font-size:14px;margin:0 0 4px}.activity-time{color:#6c757d}.camera-icon{height:20px;width:20px}.action-icon,.camera-icon{filter:brightness(0) invert(1)}.action-icon{margin-right:8px}.avatar-upload-btn{align-items:center;background:#32614d;border:2px solid #fff;border-radius:50%;bottom:5px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:5px;transition:all .3s ease;width:36px}.avatar-upload-btn:hover{background:#32614d;transform:scale(1.1)}.profile-actions-footer{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-between;left:0;padding:16px 40px;position:fixed;right:0;z-index:1000}.primary-btn,.secondary-btn{border-radius:6px;font-family:inherit;font-size:16px;padding:12px 24px;transition:all .2s}.secondary-btn{cursor:pointer}.secondary-btn:hover{background:#495057}@media (max-width:768px){.content-grid{gap:16px;grid-template-columns:1fr}.profile-main-info{flex-direction:column;gap:16px}.location-contact{align-items:flex-start}.contact-badges{flex-direction:column;width:100%}.form-row,.interests-grid-edit{grid-template-columns:1fr}.profile-actions-footer{flex-direction:column;gap:8px;padding:12px 20px}.primary-btn,.secondary-btn{text-align:center;width:100%}.avatar-section{padding:0 20px}.profile-info-container{padding:20px}.cover-actions{right:10px;top:10px}}.loading{align-items:center;display:flex;height:200px;justify-content:center}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.password-input-container input{box-sizing:border-box;padding-right:40px;width:100%}.password-toggle{z-index:2}.password-toggle img{display:block}.player-reg-page .password-input-container input,.registration-page .password-input-container input{padding-right:40px}button.password-toggle,button.password-toggle:active,button.password-toggle:focus,button.password-toggle:hover{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}button.password-toggle:active,button.password-toggle:focus,button.password-toggle:hover{transform:translateY(-50%)!important}.player-reg-page button.password-toggle,.registration-page button.password-toggle{background:#0000!important;border:none!important}.registration-page .form-group{display:flex;flex-direction:column;gap:8px;position:relative}.registration-page .form-group input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:15px;height:45px!important;padding:12px 40px 12px 15px!important;transition:border .3s ease;width:100%!important}.registration-page .form-group input:focus{border-color:#faa002;outline:none}.registration-page .password-input-container{position:relative;width:100%}.registration-page .password-input-container input{box-sizing:border-box;padding-right:40px!important;width:100%!important}.registration-page .password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;z-index:2}.registration-page .password-toggle img{display:block;height:20px;object-fit:contain;width:20px}.registration-page .login-btn{background-color:#faa002;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:45px;padding:12px;transition:background .3s ease,transform .2s ease;width:100%}.registration-page .login-btn:hover{background-color:#32614d;transform:translateY(-2px)}.registration-page .login-form{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:400px;width:100%}.registration-page .form-side{align-items:center;background:#f5f7f0;border:none!important;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:600px;outline:none;padding:60px}.registration-page .form-side h2{color:#2b2b52;font-size:28px;margin-bottom:30px;margin-left:0;text-align:center;width:100%}.dashboard-page{background-color:#f8f9fa}.name-display{color:#212529;font-size:28px;font-weight:700;margin:0}.title-display{color:#6c757d;font-size:18px;margin:0}.location-display{color:#495057;margin:0}.contact-display{color:#495057;font-size:14px}.about-display{color:#495057;line-height:1.5;white-space:pre-wrap}.welcome-content{color:#495057;line-height:1.6}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.primary-btn,.secondary-btn{background:#faa002}.action-btn:hover{background-color:#32614d;transform:translateY(-1px)}.player-reg-page{align-items:center;background:#f5f7f0;display:flex;font-family:Poppins,sans-serif;justify-content:center;margin-top:-90px;min-height:100vh;padding:40px 20px}.create-account{background:#fff;border-radius:15px;max-width:500px;padding:40px;width:100%}.create-account h2{color:#2b2b52;font-size:28px}.account-form label{color:#444;display:flex;flex-direction:column;gap:8px}.account-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 15px;transition:border .3s ease;width:100%}.account-form input:focus{border-color:#faa002;outline:none}.password-input-container{position:relative;width:100%}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.password-toggle img{height:20px;object-fit:contain;width:20px}.terms-agreement{margin:10px 0}.checkbox-label{align-items:flex-start!important;display:flex!important;flex-direction:row!important;font-weight:400!important;gap:10px!important}.checkbox-label input[type=checkbox]{margin-top:2px;width:auto!important}.checkbox-label a{color:#32614d;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.error-message{background:#ffe6e6;border:1px solid #ff7675;color:#d63031;font-size:14px;padding:12px 15px}.next-btn{background-color:#faa002;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.next-btn:hover:not(.disabled){background-color:#e89000;transform:translateY(-2px)}.next-btn.disabled{background-color:#fa9f026f;cursor:not-allowed;transform:none}.account-form label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px;position:relative}.account-form label:has(input[required]):after{color:#d63031;content:" *";position:absolute;right:450px;top:0}.activities-page{margin:0 auto;max-width:1200px;padding:20px}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.tabs-container{margin-bottom:30px}.tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-bottom:10px}.tab{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab.active{background-color:#32614d;color:#fff}.tab:hover:not(.active){background-color:#f8f9fa}.activities-content{min-height:400px}.loading{padding:60px 20px}.empty-state{border-radius:10px;color:#999;font-size:1.1rem;font-style:italic}.error-state{background:#fff3f3;border:1px solid #ffcdd2;border-radius:10px;color:#d32f2f}.error-state h3{color:#d32f2f;margin-bottom:15px}.retry-btn{background:#32614d;border-radius:5px;font-size:14px}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:flex-start;background:#fff;border-left:4px solid #32614d;border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:15px;padding:20px;transition:transform .2s ease}.activity-item:hover{transform:translateY(-2px)}.activity-icon{background:#f8f9fa;border-radius:8px;font-size:20px;padding:8px}.activity-text{color:#333;font-size:1rem;font-weight:500;margin:0 0 8px}.activity-time-wrapper{display:flex;flex-direction:column;gap:4px}.activity-time{color:#999;font-size:12px;font-weight:500}.activity-preview{background:#f8f9fa;border-left:2px solid #32614d;border-radius:4px;color:#666;font-size:13px;font-style:italic;padding:4px 8px}.posts-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.post-card{border:1px solid #f0f0f0;box-shadow:0 4px 15px #0000001a;padding:20px;position:relative}.post-card:hover{box-shadow:0 8px 25px #00000026}.post-header{gap:12px;margin-bottom:15px}.post-avatar{border:2px solid #32614d;height:45px;width:45px}.post-author{display:flex;flex:1 1;flex-direction:column}.author-name{color:#333;font-size:1rem}.post-date{color:#000;font-size:12px;margin-top:2px}.delete-post-btn{background:#01563f;border:none;border-radius:6px;cursor:pointer;opacity:.7;padding:8px;transition:background-color .2s ease}.delete-post-btn:hover{background-color:#eee60a;opacity:1}.action-icon{height:18px;width:18px}.post-image{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:15px;max-height:300px}.post-content{font-size:1rem;margin-bottom:15px;white-space:pre-wrap}.post-stats{border-top:1px solid #f0f0f0;gap:20px;padding-top:15px}.stat-item{color:#666;font-size:14px;gap:6px}.stat-icon{height:18px;opacity:.7;width:18px}@media (max-width:768px){.activities-page{padding:15px}.posts-grid{gap:15px;grid-template-columns:1fr}.tabs{align-items:center;flex-direction:column}.tab{max-width:200px;width:100%}}.settings-page{padding:20px}.page-header{margin-bottom:40px;text-align:center}.page-header h1{color:#000;font-size:2rem;margin-top:10px}.page-header p{color:#666;font-size:1.1rem}.settings-layout{grid-gap:30px;background:#fff;border-radius:15px;display:grid;grid-template-columns:280px 1fr;margin-top:-30px;overflow:hidden}.settings-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;padding:30px 0}.sidebar-tab{background:none;border-left:3px solid #0000;color:#666;font-size:14px;padding:15px 25px}.sidebar-tab:hover{background:#e9ecef;color:#333}.sidebar-tab.active{border-left-color:#32614d}.tab-icon{font-size:18px;text-align:center;width:24px}.tab-badge{background:#dc3545;font-size:12px}.settings-content{padding:30px}.settings-content h3{border-bottom:1px solid #9ba19ff1;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.account-settings{max-width:600px}.settings-section{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:between;padding:15px 0}.setting-item label{color:#333;font-weight:500;min-width:150px}.setting-item input[type=checkbox]{transform:scale(1.2)}.setting-item select{background:#fff;border:1px solid #ddd;border-radius:6px;min-width:200px;padding:8px 12px}.empty-trash{color:#666;padding:60px 20px;text-align:center}.empty-trash h3{border:none;color:#666;margin-bottom:10px}.trash-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.trash-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;margin-top:10px;padding:12px 16px}.trash-posts .posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.deleted-post{background:snow;border:2px solid #ffcdd2;position:relative}.deleted-post:before{background:#dc3545;border-radius:4px;color:#fff;content:"DELETED";font-size:10px;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.deletion-info{background:#fff3f3;border-left:4px solid #dc3545;border-radius:6px;margin:15px 0;padding:12px}.days-left{align-items:center;display:flex;font-size:14px;gap:8px}.days-count{background:#dc3545;border-radius:4px;color:#fff;font-weight:700;padding:4px 8px}.days-count.warning{animation:pulse 2s infinite;background:#ff6b6b}.deletion-text{color:#666}.trash-actions{display:flex;gap:10px;margin-top:15px}.permanent-delete-btn,.restore-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 16px;transition:all .3s ease}.restore-btn{background:#28a745}.restore-btn:hover{background:#218838}.permanent-delete-btn{background:#faa002;color:#fff}.permanent-delete-btn:hover{background:#faa002}.action-icon{height:16px;width:16px}.loading{font-size:16px;padding:40px}@media (max-width:968px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{border-bottom:1px solid #e9ecef;border-right:none}.trash-posts .posts-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-page{padding:10px}.settings-content{padding:20px}.setting-item{align-items:flex-start;flex-direction:column;gap:10px}.setting-item select{min-width:100%}}.logo-upload-container{background:#fafafa;border:2px dashed #ddd;border-radius:10px;cursor:pointer;margin-bottom:20px;padding:20px;text-align:center;transition:border-color .3s}.logo-upload-container:hover{background:#f0f8ff;border-color:#007bff}.logo-upload-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px}.logo-upload-placeholder svg{color:#999}.logo-upload-placeholder small{color:#888;font-size:12px}.logo-preview{align-items:center;display:flex;flex-direction:column;gap:10px}.logo-preview img{border:1px solid #eee;border-radius:8px;height:80px;object-fit:contain;width:80px}.logo-preview span{color:#007bff;font-size:14px}.create-account{background-color:#f5f7f0;margin-top:300px;max-width:800px;padding:30px 20px}.create-account h2{color:#2a5240;margin-top:-240px;text-align:center}.account-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#333;font-size:14px}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#007bff;outline:none}.register-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:background .3s}.register-btn:hover:not(:disabled){background:#0056b3}.register-btn:disabled{background:#ccc;cursor:not-allowed}.error-message{border:1px solid #f5c6cb;border-radius:5px}.login-text{color:#666;margin-top:20px;text-align:center}.login-text a{color:#007bff;text-decoration:none}.login-text a:hover{text-decoration:underline}.audience-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.audience-chip{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:24px;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.audience-chip:hover{background-color:#e7f3ff;border-color:#007bff}.audience-chip--active{background-color:#007bff;border-color:#007bff;color:#fff}.audience-chip--active:hover{background-color:#0056b3;border-color:#0056b3}.audience-chip input[type=checkbox]{display:none}.selected-audiences{background-color:#f8f9fa;border-left:4px solid #007bff;margin-top:12px;padding:12px}.selected-audiences strong{color:#495057}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{background-color:#f8f9fa;border:none;border-radius:24px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chip:hover{background-color:#e7f3ff;border-color:#007bff}.chip--active{background-color:#007bff;border-color:#007bff;color:#fff}.chip--active:hover{background-color:#0056b3;border-color:#0056b3}.form-section{background:#fff;border-radius:12px;margin-bottom:32px;padding:24px}.form-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.section-description{color:#6c757d;font-size:14px;margin-bottom:16px}.notification-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin-left:20px;margin-top:-5px;padding:8px;transition:background-color .2s}.notification-badge{background:#e74c3c;border:2px solid #2c3e50;border-radius:10px;min-width:18px;padding:2px 6px;right:4px;top:4px}.search-toggle-btn,.settings-btn,.user-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.search-toggle-btn:hover,.settings-btn:hover,.user-btn:hover{background:#ffffff1a}.dropdown-menu{border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:8px;min-width:160px;z-index:100}.dropdown-menu a{border-bottom:1px solid #f8f9fa;color:#2c3e50;display:block;padding:10px 16px;text-decoration:none;transition:background-color .2s}.dropdown-menu a:hover{background:#f8f9fa}.dropdown-menu a:last-child{border-bottom:none}.settings-dropdown-menu{margin-right:-150px;margin-top:8px}.navbar{box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo{cursor:pointer;gap:12px;transition:opacity .3s}.logo:hover{opacity:.9}.logo img{height:40px;width:auto}.logo span{color:#fff;font-size:1.5rem}.nav-linksi{gap:2rem}.nav-linksi li{border-radius:6px;font-weight:500;padding:.5rem 1rem}.nav-linksi li:hover{transform:translateY(-2px)}.nav-linku{color:#fff;display:block;text-decoration:none}.nav-right{gap:1.5rem}.donate-btn:hover{background-color:#ffa200;transform:scale(1.05)}.nav-icons{gap:1rem}.nav-icon,.nav-icons{align-items:center;display:flex}.nav-icon{background:none;border:none;border-radius:50%;color:#fffcf1;cursor:pointer;justify-content:center;margin-top:-5px;padding:8px;position:relative;transition:background-color .3s}.nav-icon:hover{background-color:#ffffff1a}.notification-badge{align-items:center;background-color:#f44;border-radius:50%;color:#fffcf1;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.user-avatar-small img{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name-small{font-size:14px;font-weight:500;margin-left:8px}.user-dropdown-wrapper{margin-left:-10px;position:relative}.user-dropdown-menu{background:#fffcf1;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:0;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.dropdown-account-info{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.dropdown-account-info:hover{background-color:#f8f9fa}.dropdown-avatar-large img{border:3px solid #00553e;border-radius:50%;height:50px;object-fit:cover;width:50px}.dropdown-user-details{flex:1 1}.dropdown-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.dropdown-email{color:#666;font-size:13px;margin-bottom:4px}.dropdown-role{color:#00553e;font-size:12px;font-weight:500}.dropdown-divider{background-color:#fffcf1;height:1px;margin:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#fffcf1}.dropdown-item.logout-btn{color:#f44}.settings-dropdown{position:relative}.settings-dropdown-menu{background:#fffcf1;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:-80px;min-width:180px;position:absolute;right:0;top:100%;z-index:1001}.hamburger{flex-direction:column;gap:4px}.hamburger-line{background-color:#fffcf1;height:3px;transition:.3s;width:25px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.nav-links{gap:1rem}}@media (max-width:768px){.nav-linksi,.navbar{padding:1rem}.nav-linksi{background:#00553e;flex-direction:column;gap:.5rem;left:0;opacity:0;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:transform .3s,opacity .3s;z-index:999}.nav-linksi.open{opacity:1;transform:translateY(0)}.nav-linksi li{padding:1rem;text-align:center}.hamburger{display:flex}.donate-btn,.user-name-small{display:none}.user-dropdown-menu{border-radius:0;left:0;margin-top:0;min-width:auto;position:fixed;right:0;top:70px}}@media (max-width:480px){.logo span{display:none}.nav-icons{gap:.5rem}}.navbar{background:linear-gradient(135deg,#32614d,#2a5240);color:#fffcf1;justify-content:space-between;padding:15px 10px;position:relative}.logo,.navbar{align-items:center;display:flex}.logo{font-size:20px;font-weight:700;gap:0;height:40px}.logo img{flex-shrink:0;height:120px;object-fit:contain;width:120px}.logo span{font-size:20px;font-weight:700;margin-left:-30px;white-space:nowrap}.nav-linksi{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-linksi li{cursor:pointer;white-space:nowrap}.nav-right{align-items:center;display:flex;gap:1rem;height:100%}.navbar-search{margin-top:-20px;position:relative}.search-toggle-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease}.search-toggle-btn:focus-visible,.search-toggle-btn:hover{background:#fff3}.search-panel{background:#fffcf1;border-radius:14px;box-shadow:0 18px 35px #1e283740;color:#1a1a1a;padding:40px;position:absolute;right:-40px;top:45px;width:250px;z-index:1000}.search-panel input{border:1px solid #d7dbe2;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;width:100%}.search-panel input:focus{border-color:#00553e;box-shadow:0 0 0 2px #32614d1f}.search-empty,.search-error,.search-loading{font-size:13px;padding:10px 0}.search-error{color:#c62828}.search-empty{color:#6b7280}.search-results{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:320px;overflow-y:auto}.search-result-item{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px;text-align:left;transition:background .2s ease}.search-result-item:hover{background:#f3f4f6}.result-avatar{background:#e5e7eb;border-radius:50%;height:40px;width:40px}.search-result-text{display:flex;flex-direction:column;font-size:13px}.result-name{color:#111827;font-weight:600}.result-meta{color:#6b7280;font-size:12px}.social-icons{align-items:center;display:flex;gap:2px;height:20px}.donate-btn{background:#faa002;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:700;height:35px;line-height:1;padding:10px 20px;white-space:nowrap}.donate-btn,.social-icons a{align-items:center;display:flex;justify-content:center}.social-icons a{height:40px;margin-top:-25px;width:40px}.social-icons img{display:block;height:30px;width:30px}.hamburger{cursor:pointer;display:none;flex-shrink:0;font-size:24px}.social-iconss a{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.social-iconss img{display:block;filter:brightness(0) invert(1);height:60px;margin-top:5px;width:60px}.footer-left{margin-top:-15px}.public-profile-container{margin:0 auto;max-width:1200px;padding:20px;position:relative}.profile-header-actions{margin-bottom:20px}.back-btn{background:none;border:none;border-radius:8px;color:#65676b;font-size:16px;gap:8px;padding:8px 16px;transition:background-color .2s}.back-btn:hover{background:#f0f2f5}.profile-cover{border-radius:12px;height:300px;margin-bottom:100px;overflow:hidden;position:relative}.cover-image{height:100%;object-fit:cover;width:100%}.cover-overlay{background:linear-gradient(#0000,#0000004d);bottom:0;height:100px;left:0;position:absolute;right:0}.profile-header-content{margin-top:-120px;padding:0 20px;position:relative}.profile-avatar-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:24px}.avatar-container{height:160px;width:160px}.profile-avatar{border:5px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:200%;margin-top:-50px;object-fit:cover;width:200%}.verified-badge{background:#4caf50;border:3px solid #fff;border-radius:50%;bottom:10px;height:32px;justify-content:center;right:10px;width:32px}.profile-actions{align-items:center;display:flex;gap:12px}.follow-back-btn,.follow-btn,.following-btn,.friends-btn,.message-btn,.message-request-btn,.request-sent-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.follow-btn{background:#1877f2;color:#fff}.follow-btn:hover{background:#166fe5}.following-btn{background:#e4e6eb;color:#050505}.following-btn:hover{background:#d8dadf}.follow-back-btn{background:#1877f2;color:#fff}.follow-back-btn:hover{background:#166fe5}.friends-btn{background:#4caf50;color:#fff;cursor:default}.request-sent-btn{background:#ff9800;color:#fff;cursor:default}.message-btn,.message-request-btn{background:#e3f2fd;color:#1976d2}.message-btn:hover{background:#bbdefb}.message-request-btn:hover{background:#ffebee;color:#c62828}.quick-message-section{display:flex;gap:8px;margin-top:12px}.quick-message-input{border:1px solid #e4e6eb;border-radius:20px;flex:1 1;font-size:14px;padding:8px 16px}.send-message-btn{align-items:center;background:#1877f2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.send-message-btn:disabled{background:#e4e6eb;cursor:not-allowed}.share-container{position:relative}.share-btn{align-items:center;background:#f0f2f5;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.share-btn:hover{background:#e4e6eb}.share-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.share-menu-item{align-items:center;background:none;border:none;color:#050505;cursor:pointer;display:flex;gap:8px;padding:12px 16px;text-align:left;width:100%}.share-menu-item:hover{background:#f0f2f5}.profile-info{margin-bottom:24px}.display-name{color:#050505;font-size:32px;margin:0 0 8px}.profile-badges{display:flex;gap:8px;margin-bottom:12px}.approved-badge,.user-type-badge{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.user-type-badge{background:#f3e5f5;color:#7b1fa2}.approved-badge{background:#fff3e0;color:#ef6c00}.profile-title{color:#65676b;font-size:18px;margin:0 0 20px}.profile-stats{display:flex;gap:24px;margin-bottom:20px}.stat-item{text-align:center}.stat-number{color:#050505;font-size:20px;font-weight:600}.stat-label{color:#65676b}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item{align-items:center;color:#65676b;display:flex;font-size:14px;gap:6px}.meta-item a{color:#1877f2;text-decoration:none}.meta-item a:hover{text-decoration:underline}.profile-bio{border-top:1px solid #e4e6eb;margin-top:16px;padding-top:16px}.profile-bio p{color:#050505;line-height:1.6;margin:0}.content-tabs{border-bottom:2px solid #e4e6eb;display:flex;gap:8px;margin-bottom:24px;padding-bottom:8px}.tab-button{background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s}.tab-button:hover{background:#f0f2f5}.tab-button.active{font-weight:600;margin-bottom:10px}.posts-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card{border-radius:12px}.post-header{justify-content:space-between;margin-bottom:12px}.post-author-info{align-items:center;display:flex;gap:12px}.post-author-avatar{height:40px;width:40px}.post-author-details{flex:1 1}.post-author-name{display:block;margin-bottom:2px}.post-time{color:#65676b;font-size:12px}.post-options{background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;padding:4px}.post-options:hover{background:#f0f2f5}.post-content p{color:#050505;line-height:1.5;margin:0 0 12px}.post-media{border-radius:8px;margin-top:12px;max-height:400px;object-fit:contain;width:100%}.post-stats{border-top:1px solid #e4e6eb;display:flex;justify-content:space-around;margin-top:12px;padding:12px 0}.comment-btn,.like-btn,.save-btn,.share-post-btn{align-items:center;background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px}.comment-btn:hover,.like-btn:hover,.save-btn:hover,.share-post-btn:hover{background:#f0f2f5}.like-btn.liked{color:#f44336}.followers-list,.following-list{display:flex;flex-direction:column;gap:12px}.user-card{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.user-info{flex:1 1;gap:12px}.user-avatar{height:50px;width:50px}.user-details h4{color:#050505;font-size:16px;margin:0 0 4px}.user-details p{color:#65676b;font-size:14px;margin:0 0 6px}.user-badges{display:flex;gap:6px}.following-tag,.mutual-tag,.user-type-tag{border-radius:12px;font-size:10px;font-weight:500;padding:2px 6px}.user-type-tag{background:#e3f2fd;color:#1976d2}.following-tag{background:#e8f5e9;color:#2e7d32}.mutual-tag{background:#fff3e0;color:#ef6c00}.user-actions{display:flex;gap:8px}.follow-btn-small,.friends-btn-small,.unfollow-btn-small{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.follow-btn-small{background:#1877f2;color:#fff}.unfollow-btn-small{background:#ffebee;color:#c62828}.friends-btn-small{background:#e8f5e9;color:#2e7d32;cursor:default}.about-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.about-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:20px}.about-card h3{color:#050505;font-size:18px;margin:0 0 12px}.about-card p{color:#65676b;line-height:1.6;margin:0}.tags-list{gap:8px}.tag{background:#f0f2f5;border-radius:12px;color:#050505;font-size:12px;padding:4px 8px}.team-list{display:flex;flex-direction:column;gap:12px}.team-member{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:8px 0}.team-member:last-child{border-bottom:none}.member-info{gap:2px}.member-info strong{color:#050505;font-size:14px}.member-info span{color:#65676b;font-size:12px}.team-member a{color:#1877f2;text-decoration:none}.team-member a:hover{color:#166fe5}.loading,.profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{border:3px solid #f0f2f5;border-top-color:#1877f2;height:40px;margin-bottom:16px;width:40px}.error-state{padding:40px 20px;text-align:center}.error-content{margin:0 auto;max-width:400px}.error-message,.success-message{border-radius:8px;margin-bottom:16px;padding:12px 16px}.success-message{background:#e8f5e9}.empty-state{border:1px solid #e4e6eb;color:#65676b}@media (max-width:768px){.profile-avatar-section{align-items:flex-start;flex-direction:column;gap:16px}.action-buttons,.profile-actions{flex-wrap:wrap;width:100%}.content-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab-button{white-space:nowrap}.about-grid,.posts-grid{grid-template-columns:1fr}}.interests-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:80vh;padding:2rem}.interests-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:1200px;padding:3rem;width:100%}.interests-header{margin-bottom:2.5rem;text-align:center}.interests-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.interests-header .subtitle{color:#7f8c8d;font-size:1.1rem;margin-bottom:0}.interests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2.5rem}.interest-card{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s ease}.interest-card:hover{border-color:#3498db;box-shadow:0 10px 20px #3498db33;transform:translateY(-5px)}.interest-card.selected{background:#f8f9fa;border-color:#32614d;box-shadow:0 10px 25px #3498db4d}.interest-image{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:1rem;position:relative;width:80px}.interest-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.interest-card.selected .interest-image img{transform:scale(1.1)}.interest-card h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.interest-card.selected h3{color:#2980b9}.selected-info .count{color:#000}.selected-tag{background:#32614d}.next-btn{background:linear-gradient(135deg,#32614d,#2a5240)}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:12px;color:#c62828;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.checkmark{align-items:center;background:#2ecc71;border-radius:50%;box-shadow:0 4px 8px #2ecc7166;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}.selected-info{background:#f8f9fa;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem}.selected-info p{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.selected-info .count{color:#3498db;font-size:1.3rem;font-weight:700}.selected-list{display:flex;flex-wrap:wrap;gap:.8rem}.selected-tag{background:#3498db;border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem}.remove-tag,.selected-tag{align-items:center;color:#fff;display:flex}.remove-tag{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;font-size:1rem;height:20px;justify-content:center;line-height:1;transition:background .3s ease;width:20px}.remove-tag:hover{background:#ffffff80}.interests-actions{display:flex;gap:1.5rem;justify-content:center}.next-btn,.skip-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:160px;padding:1rem 3rem;transition:all .3s ease}.skip-btn{background:#f8f9fa;border:2px solid #e9ecef;color:#7f8c8d}.skip-btn:hover:not(:disabled){background:#e9ecef;color:#2c3e50;transform:translateY(-2px)}.next-btn{background:#faa002;color:#fff;position:relative}.next-btn:hover:not(:disabled){box-shadow:0 8px 20px #3498db66;transform:translateY(-2px)}.next-btn:disabled,.skip-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.next-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{border-top-color:#3498db;margin-bottom:1rem}@media (max-width:768px){.interests-page{padding:1rem}.interests-container{padding:2rem 1.5rem}.interests-header h2{font-size:2rem}.interests-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.interest-card{padding:1rem}.interest-image{height:60px;width:60px}.interests-actions{align-items:center;flex-direction:column}.next-btn,.skip-btn{max-width:300px;width:100%}}@media (max-width:480px){.interests-grid{grid-template-columns:1fr}}.footer-copyright{color:#f5f7f0;font-size:14px;margin-bottom:-80px;text-align:center}.required-field{color:#ff4d4d;font-size:14px;margin-left:2px}.account-form label{color:#333;display:block;font-weight:500;margin-bottom:15px}.account-form label>span{display:inline-block}.error-message{border:1px solid #ffcdd2;border-radius:6px}.required-asterisk{color:#ff4d4d;display:inline;font-size:14px;margin-left:2px}.account-form label>span{display:inline;margin-bottom:5px}.volunteer-header{background:linear-gradient(135deg,#32614d,#1a3d2e);padding:1.5rem 2rem;text-align:center}.volunteer-title{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.volunteer-subtitle{color:#faa002;font-size:1.125rem}.volunteer-footer{background:#32614d;color:#f5f7f0;padding:1rem 2rem;text-align:center}.volunteer-footer span{color:#faa002}.continent-cards-container{display:flex;height:600px;overflow:hidden}.continent-card{cursor:pointer;flex:2.5 1;min-width:0;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.continent-card:hover{flex:4 1}.continent-card:hover~.continent-card{flex:2.5 1}.person-image{background-position:50%;background-size:cover;inset:0;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.continent-card:hover .person-image{opacity:0;transform:scale(1.1)}.map-container{align-items:center;background:linear-gradient(135deg,#f5f7f0,#e8ebe3);display:flex;inset:0;justify-content:center;opacity:0;padding:20px;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:0}.continent-card:hover .map-container{opacity:1;z-index:2}.map-svg{height:100%;max-height:100%;max-width:100%;width:100%}.continent-highlight{filter:drop-shadow(0 0 0 transparent);transition:all .4s ease}.continent-card:hover .continent-highlight{animation:pulse-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(250,160,2,.8))}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 15px rgba(250,160,2,.6))}50%{filter:drop-shadow(0 0 30px rgba(250,160,2,1))}}.continent-label{background:#faa002;border-radius:9999px;bottom:20px;color:#32614d;font-size:1.125rem;font-weight:700;left:50%;opacity:0;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%) translateY(100px);transition:all .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10}.continent-card:hover .continent-label{opacity:1;transform:translateX(-50%) translateY(0)}.card-overlay{background:linear-gradient(0deg,#32614de6 0,#0000 50%);inset:0;transition:all .4s ease;z-index:1}.continent-card:hover .card-overlay{background:#32614dd9}.continent-info{left:50%;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .5s ease .2s;width:90%;z-index:10}.continent-card:hover .continent-info{opacity:1}.continent-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.continent-info p{color:#faa002;font-size:.875rem}.program-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.tag{background:#faa002;border-radius:9999px;color:#32614d;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.floating-icons{height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;width:100%;z-index:5}.continent-card:hover .floating-icons{opacity:1}.floating-icon{animation:float 3s ease-in-out infinite;font-size:1.5rem;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.continent-cards-container{flex-direction:column;height:auto}.continent-card{height:300px}}.profile-avatarr{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100%;margin-top:0;object-fit:cover;width:100%}body{background:#f5f7f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.onboarding-header{background:linear-gradient(135deg,#0d3938,#61a162);border-radius:12px;margin-top:20px;padding:2rem}.progress-steps{align-items:center;max-width:800px}.step{align-items:center;display:flex;flex-direction:column}.step:not(:last-child):after{background:#ffffff4d;content:"";height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:1}.step.active:after{background:gold}.step-number{background:#fff3;font-weight:700;height:40px;margin-bottom:.5rem;position:relative;width:40px;z-index:2}.step.active .step-number{background:#f2a800;color:#333}.step span{font-size:.9rem;text-align:center}.form-sectionnn{border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem}.form-sectioon{margin-top:-150px}.form-sectioon,.form-sectioonn{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.form-sectioonn{margin-top:20px}.section-header{gap:.5rem;margin-bottom:1rem}.section-headerr h3{color:#000;font-size:1.3rem;font-weight:600;margin:0}.help-tooltip{color:#000;cursor:help;margin-left:700px;margin-top:-20px;position:relative}.tooltip-text{background:#32614d;border-radius:8px;bottom:100%;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:.75rem;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;width:200px;z-index:1000}.help-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.section-descriptionn{color:#000;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.age-groups-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.age-group-card{background:#f5f7f0;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.age-group-card:hover{border-color:#00553e;transform:translateY(-2px)}.age-group-card--active{background:linear-gradient(135deg,#fff,#fff);border-color:#00553e;color:#fff}.age-group-content{display:flex;flex-direction:column;gap:.5rem}.age-range{font-size:.9rem;font-weight:600}.age-years{font-size:.8rem;opacity:.8}.refresh-passwords-btn{background:#ffaa02;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-left:30px;margin-top:1rem;padding:.75rem 1.5rem}.suggestion-chip.password-chip{background:#fa9f0239;border-radius:20px;color:#2a5240;display:inline-block;font-size:.9rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.dropdown-container{margin-bottom:1rem;position:relative}.dropdown-trigger{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin-top:20px;padding:.8rem 1rem;text-align:left;transition:all .3s ease;width:100%}.dropdown-trigger:hover{border-color:#fff}.rotate-180{transform:rotate(180deg);transition:transform .3s ease}.dropdown-menu{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;display:none;left:0;margin-top:.5rem;max-height:300px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transition:opacity .3s ease;visibility:hidden;z-index:1000}.dropdown-menu.show{display:block!important;max-height:250px!important;opacity:1!important;overflow-y:auto!important;visibility:visible!important}.dropdown-menu.show::-webkit-scrollbar{width:8px}.dropdown-menu.show::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.dropdown-menu.show::-webkit-scrollbar-thumb{background:#00553e;border-radius:4px}.dropdown-menu.show::-webkit-scrollbar-thumb:hover{background:#0d3938}.dropdown-meenu.show{display:block!important;max-height:250px!important;overflow-y:auto!important}.dropdown-meenu.show::-webkit-scrollbar{width:8px}.dropdown-meenu.show::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dropdown-meenu.show::-webkit-scrollbar-thumb{background:#00553e;border-radius:4px}.dropdown-meenu.show::-webkit-scrollbar-thumb:hover{background:#0d3938}.dropdown-option{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:background-color .2s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f8f9fa}.dropdown-option input[type=checkbox]{accent-color:#00553e;cursor:pointer;height:18px;margin:0;width:18px}.selected-items{margin:1.5rem 0}.selected-items h4{color:#00000076;font-size:.9rem;margin-bottom:1rem}.selected-chips{display:flex;flex-wrap:wrap;gap:.75rem}.selected-chip{background:#fda931;border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.chip-remove,.selected-chip{align-items:center;color:#fff;display:flex}.chip-remove{background:none;border:none;cursor:pointer;padding:0}.custom-input-group{display:flex;gap:.5rem;margin-top:1rem}.custom-input-group .input-field{flex:1 1}.add-custom-btn{background:#00553e;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 1rem;transition:background-color .3s ease}.add-custom-btn:hover{background:#0d3938}.input-field,.select-field,.textarea-field{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-sizing:border-box;font-size:1rem;margin-top:20px;padding:.6rem 1rem;transition:all .3s ease;width:100%}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:#00553e;box-shadow:0 0 0 3px #00553e1a;outline:none}.textarea-field{display:block;font-family:inherit;width:100%}.primary-btn{align-items:center;background:linear-gradient(135deg,#0d3938,#61a162);border-radius:12px;display:inline-flex;font-size:1.1rem;gap:.5rem;padding:1rem 2rem}.primary-btn:hover{box-shadow:0 8px 25px #0d39384d}.ghost-btnnn{background:#0000;border:2px solid #f5f7f0;color:#000;gap:.5rem;margin-top:10px;padding:.75rem 1.5rem}.ghost-btnnn:hover{background:#faa002}.ghot-btn{align-items:center;background:#32614d;border:2px solid #f5f7f0;border-radius:8px;color:#f5f7f0;cursor:pointer;display:inline-flex;gap:.5rem;margin-top:-420px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.ghot-btn:hover{background:#faa002;color:#fff}.ght-btn{align-items:center;background:#32614d;border:2px solid #f5f7f0;border-radius:8px;color:#f5f7f0;cursor:pointer;display:inline-flex;gap:.5rem;margin-top:10px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.ght-btn:hover{background:#faa002;color:#fff}.input-with-action{display:flex;gap:.5rem;max-width:300px}.icon-btn{background:#dc3545;border:none;color:#fff;padding:.5rem;transition:background-color .3s ease}.icon-btn:hover{background:#c82333}@media (max-width:768px){.grid-two{grid-template-columns:1fr}.age-groups-grid{grid-template-columns:repeat(2,1fr)}.progress-steps{flex-direction:column;gap:1rem}.step:not(:last-child):after{display:none}.dropdown-menu.show{max-height:250px!important}}.selected-audiences{background:#f6f6f6;border:1px solid #00553e;border-radius:8px;color:#2c3e50;margin-top:1rem;padding:1rem}.primary-btn.with-icon{align-items:center;display:inline-flex;gap:.5rem}.dropdown-option span{flex:1 1;margin-left:10px;word-break:break-word}.dropdown-menu.show{min-width:720px}.dropdown-meenu.show{min-width:300px}.age-group-card--active{background:#f5f7f0;border-color:#faa002!important;border-width:3px!important;color:#fff!important}.age-group-card--active .age-range,.age-group-card--active .age-years{color:#000!important}.character-count{color:#f5f7f0;font-size:.75rem;margin-top:.25rem;text-align:right}.char-limit{color:#00000074;font-size:.75rem;font-weight:400;margin-left:.5rem}.fixed-textarea{max-height:200px;min-height:100px;overflow-y:auto;resize:none!important}.input-field{max-width:100%}.phone-code-dropdown{margin-top:-20px;position:relative;width:120px}.onboarding-header{background:linear-gradient(135deg,#32614d,#2a5240);box-shadow:0 4px 12px #32614d33;color:#fff;margin-left:380px;margin-top:60px;max-width:770px;padding:3rem 2rem;top:0}.create-account.organization-profile{background-color:#f5f7f0;margin-top:70px;min-height:calc(100vh - 140px);padding:2rem 1rem}.progress-steps{display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 1rem;position:relative}.progress-steps:before{background-color:#ffffff4d;content:"";height:2px;left:5%;position:absolute;right:5%;top:24px;z-index:1}.step{flex:1 1;position:relative;text-align:center;z-index:2}.step-number{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;margin:0 auto .5rem;transition:all .3s ease;width:48px}.step.active .step-number{background-color:#fff;border-color:#fff;box-shadow:0 4px 12px #ffffff4d;color:#32614d}.step span{color:#ffffffe6;font-size:.875rem;font-weight:500}.step.active span{color:#fff;font-weight:600}.create-account.contact-networks{background-color:#f5f7f0;min-width:840px;padding:2rem 1rem}@media (min-width:768px){.create-account.contact-networks{padding:2rem}}@media (min-width:1700px){.create-account.contact-networks{padding:2rem 4rem}}.social-links{margin-top:1.5rem}.social-row{display:flex;gap:.5rem;margin-bottom:.75rem}.social-row .input-field{flex:1 1}.networks-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.network-chip{background-color:#fff;border:2px solid #e8eee5;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.75rem 1.25rem;transition:all .2s ease}.network-chip:hover{background-color:#f9fcf5;border-color:#32614d}.network-chip--active{background-color:#32614d;border-color:#32614d;color:#fff}.custom-network{margin-top:2rem}.input-with-button{display:flex;gap:.5rem;margin-top:.5rem}.input-with-button .input-field{flex:1 1}.input-with-button .ghost-btn{padding:.75rem 1.5rem;white-space:nowrap}.selected-networks{background-color:#f9fcf5;border:1px solid #e8eee5;border-radius:8px;font-size:.875rem;margin-top:1.5rem;padding:1rem}.selected-networks strong{color:#32614d}.section-description{color:#000000c2;font-size:.875rem;margin-bottom:1.5rem}.loading-state{background-color:#f5f7f0;color:#4a5568;font-size:1.125rem;min-height:100vh}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:-50px auto 2rem;max-width:1200px;padding:0 1rem}.section-heading h2{color:#32614d;font-size:1.7rem}.section-heading p{color:#f5f7f0}.account-form{margin:0 auto;max-width:1200px}.form-sectionn{background:#fff;border:1px solid #e8eee5;border-radius:12px;box-shadow:0 2px 8px #32614d0d;margin-top:-180px;padding:2rem}.form-sectionnn h3{color:#000;font-size:1.25rem;margin:0 0 1.5rem}.form-label{color:#000c;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-field{background-color:#fcfdfa;border:2px solid #e8eee5;border-radius:8px;color:#2d3748;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.input-field:focus{background-color:#fff;border-color:#32614d;box-shadow:0 0 0 3px #32614d26;outline:none}.ghost-btnnn{text-wrap:nowrap;align-items:center;background-color:initial;border:2px solid #32614d;border-radius:8px;color:#32614d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:.3rem;justify-content:center;margin-top:-450px;padding:.6rem 1rem;text-decoration:none;transition:all .3s ease}.ghost-btnnn:hover{background-color:#32614d;color:#fff}.ghost-btnnnn{align-items:center;border:2px solid #32614d;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:20px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.ghost-btnnnn,.ghost-btnnnn:hover,.ghost-btnnnnn{background-color:#f5f7f0;color:#32614d}.ghost-btnnnnn{align-items:center;border:2px solid #32614d;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:0;padding:.1rem 1.5rem;text-decoration:none;transition:all .3s ease}.ghost-btnnnnn:hover{background-color:#f5f7f0;color:#32614d}.form-sectionnn{background:#fff;border:1px solid #e8eee5;border-radius:12px;box-shadow:0 2px 8px #32614d0d;margin-top:20px;max-width:770px;padding:2rem}.primary-btn{background:linear-gradient(135deg,#32614d,#2a5240);border-radius:8px;box-shadow:0 2px 8px #32614d33;cursor:pointer;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.primary-btn:hover{background:linear-gradient(135deg,#2a5240,#224133);box-shadow:0 6px 16px #32614d4d;transform:translateY(-2px)}.with-icon{align-items:center;display:flex;gap:.5rem}.grid-two{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.icon-btn{background:none;border:2px solid #e8eee5;border-radius:6px;color:#718096;padding:.625rem;transition:all .2s ease}.icon-btn:hover{background-color:#fff5f5;border-color:#f56565;color:#f56565}.form-actions{align-items:center;border-top:2px solid #e8eee5;justify-content:space-between;margin:2rem auto 0;max-width:1200px;padding:2rem 1rem 0}.form-groupp label{color:#000;display:block;font-weight:600;margin-bottom:5px}.admin-panel-container,.community-container,.group-view-container,.my-communities-container{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:960px;padding:16px}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:6.4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:3.2px}.btn{transition:background-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:#faa002;transform:translateY(-1.6px)}.btn-secondary{border:1.6px solid #00553e;color:#00553e}.btn-secondary:hover{background-color:#00553e}.admin-groups-grid,.groups-grid,.member-groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));margin-top:24px}.group-card{border:.8px solid #eaeaea;box-shadow:0 3.2px 9.6px #00000014;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.group-card:hover{box-shadow:0 8px 20px #0000001f}.group-image{flex-shrink:0}.group-card:hover .group-image img{transform:scale(1.05)}.group-info{flex-direction:column;flex-grow:1}.group-description{flex-grow:1}.group-meta{margin-top:9.6px;padding-top:8px}.group-actions{margin-top:auto}.join-btn{background:#00553e;transition:background-color .3s ease}.join-btn:hover{background:#004732}.modal-overlay{background-color:#000000bf}.create-group-modal{box-shadow:0 16px 40px #0000004d}@media (max-width:768px){.admin-groups-grid,.groups-grid,.member-groups-grid{gap:16px;grid-template-columns:1fr}.community-header,.my-communities-header{flex-direction:column;gap:12px;text-align:center}.create-group-modal{margin:8px;width:95%}}.spinner{border:3.2px solid #f3f3f3;border-top-color:#00553e}.empty-state,.no-groups{background:#f8f9fa;border:1.6px dashed #dee2e6;border-radius:12px;grid-column:1/-1;padding:48px 16px;text-align:center}.empty-state p,.no-groups p{color:#00553e;font-size:14.4px;margin-bottom:20px}.community-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px 0;scroll-behavior:smooth}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#00553e;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#faa002}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.community-header{align-items:center;animation:slideInLeft .6s ease-out;border-bottom:.8px solid #00553e;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.community-header h1{color:#00553e;font-size:1.6rem;margin:0;position:relative}.community-actions{animation:slideInRight .6s ease-out;display:flex;gap:12px}.btn{border-radius:6.4px;display:inline-block;font-size:.8rem;overflow:hidden;padding:9.6px 19.2px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.btn:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background-color:#00553e;box-shadow:0 3.2px 12px #32614d33;color:#fffcf1}.btn-primary:hover{background-color:#004732;box-shadow:0 4.8px 16px #32614d4d;transform:translateY(-2.4px) scale(1.02)}.btn-secondary{background-color:#fff;border:1.6px solid #32614d;color:#32614d}.btn-secondary:hover{background-color:#32614d;color:#fff;transform:translateY(-2.4px) scale(1.02)}.community-controls{align-items:center;animation:fadeInUp .8s ease-out;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-inputt{margin-left:-40px;padding:11.2px 16px 11.2px 40px}.search-inputt:focus{border-color:#faa002;box-shadow:0 0 0 2.4px #faa00233;outline:none;transform:scale(1.02)}.search-icon{color:#32614d;font-size:14.4px;left:16px;transition:color .3s ease}.search-inputt:focus+.search-icon{color:#faa002}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btnn{background:#f5f7f0;border:1.6px solid #32614d;border-radius:20px;color:#32614d;cursor:pointer;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.filter-btnn:after{background:#00553e;bottom:0;content:"";height:2.4px;left:0;position:absolute;transition:width .3s ease;width:0}.filter-btnn:hover:after{width:100%}.filter-btnn.active{background-color:#32614d;box-shadow:0 3.2px 9.6px #32614d4d;color:#fff;transform:translateY(-1.6px)}.filter-btnn.active:after{background:#00553e}.filter-btnn:hover:not(.active){border-color:#00553e;color:#32614d;transform:translateY(-1.6px)}.groups-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.group-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;border:1.6px solid #fff;box-shadow:0 4px 12px #32614d1a}.group-card:nth-child(2){animation-delay:.1s}.group-card:nth-child(3){animation-delay:.2s}.group-card:nth-child(4){animation-delay:.3s}.group-card:nth-child(5){animation-delay:.4s}.group-card:nth-child(6){animation-delay:.5s}.group-card:hover{border-color:#00553e;box-shadow:0 8px 20px #32614d26;transform:translateY(-4px) scale(1.02)}.group-image img{transition:transform .5s ease}.group-card:hover .group-image img{transform:scale(1.1)}.admin-badge,.private-badge{font-size:9.6px;top:12px}.private-badge{box-shadow:0 1.6px 6.4px #faa0024d;left:12px}.admin-badge{box-shadow:0 1.6px 6.4px #32614d4d;right:12px}.group-name{color:#00553e;padding-bottom:6.4px;position:relative}.group-name:after{background:#faa002;bottom:0;content:"";height:1.6px;left:0;position:absolute;width:32px}.group-description,.group-meta{color:#00553e}.group-meta{border-bottom:.8px solid #32614d1a;border-top:.8px solid #32614d1a;padding:8px 0}.time-remaining{background-color:#faa0021a;border-left:1.6px solid #faa002;color:#00553e;font-weight:600;margin-bottom:12px}.group-actions{gap:8px}.join-btn{background:#32614d;border:none;border-radius:6.4px;color:#fff;cursor:pointer;font-size:.76rem;font-weight:600;overflow:hidden;padding:8px;position:relative;transition:all .3s ease}.join-btn:hover{background:#2a5442;box-shadow:0 3.2px 9.6px #32614d33;transform:translateY(-1.6px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#32614de6}.create-group-modal{background:#fffcf1;border:1.6px solid #32614d;box-shadow:0 16px 32px #32614d4d}.modal-header{background:#32614d;border-bottom:1.6px solid #32614d;color:#fffcf1}.modal-header h2{gap:8px}.close-btn,.modal-header h2{align-items:center;display:flex}.close-btn{background:#fffcf1;color:#32614d;height:28.8px;justify-content:center;transition:all .3s;width:28.8px}.close-btn:hover{background:#faa002;color:#fffcf1;transform:rotate(90deg) scale(1.1)}.form-section{animation:fadeInUp .6s ease-out;border-bottom:1.6px solid #32614d1a}.section-label{color:#32614d;position:relative}.section-label:after{background:#faa002;bottom:-4px;content:"";height:2.4px;left:0;position:absolute;width:32px}.image-upload-area{background:#32614d0d;border:1.6px dashed #32614d;border-radius:9.6px;padding:16px;transition:all .3s ease}.image-upload-area:hover{background:#faa0020d;border-color:#faa002}.image-preview{border:2.4px solid #32614d;position:relative}.image-preview img{transition:transform .5s ease}.image-preview:hover img{transform:scale(1.1)}.upload-hint{color:#5a7165;line-height:1.5}.form-group{animation:fadeInUp .6s ease-out}.form-group label{font-size:.76rem}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{background:#fffcf1;border:1.6px solid #32614d;color:#32614d;padding:9.6px 12px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#faa002;box-shadow:0 0 0 2.4px #faa00233;transform:translateY(-1.6px)}.char-count{color:#7a8c83}.field-hint{color:#5a7165;font-size:9.6px}.checkbox-group{background:#32614d0d;border-radius:6.4px;padding:8px;transition:all .3s ease}.checkbox-group:hover{background:#faa0020d}.checkbox-group input[type=checkbox]{accent-color:#32614d}.checkbox-group label{flex:1 1}.timer-option{background:#32614d0d;cursor:pointer;padding:9.6px}.timer-option:hover{background:#faa0020d;border-color:#faa002;transform:translateX(4px)}.timer-option input[type=radio]{accent-color:#32614d}.timer-option label{color:#32614d}.timer-input{margin-left:6.4px}.timer-input input[type=number]{background:#fffcf1;border:1.6px solid #32614d;color:#32614d;padding:6.4px}.custom-timer{gap:8px}.custom-timer input[type=date],.custom-timer input[type=time]{border:1.6px solid #32614d;border-radius:4.8px;padding:6.4px}.timer-preview{background:#faa0021a;border:1.6px solid #faa002;color:#32614d}.timer-preview small{color:#5a7165}.error-message{background:#faa0021a;border:1.6px solid #faa002;color:#32614d;margin:12px 0}.success-message{background:#32614d1a;border:1.6px solid #32614d;color:#32614d;margin:12px 0}.modal-actions{border-top:1.6px solid #32614d1a}.spinner-small{border:2.4px solid #fffcf14d;border-top-color:#fffcf1}@media (max-width:768px){.create-group-modal{margin:8px;max-height:95vh;width:95%}.modal-header{padding:12px 16px}.create-group-form{padding:0 16px 16px}.image-upload-area{align-items:center;flex-direction:column;text-align:center}.image-preview{height:96px;width:96px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.timer-option{align-items:flex-start;flex-direction:column}.timer-input{margin-left:0;margin-top:6.4px;width:100%}.timer-input input[type=number]{width:100%}}.btn,.checkbox-group,.filter-btn,.group-card,.timer-option{transition:all .3s cubic-bezier(.4,0,.2,1)}.pulse{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#fffcf1,#32614d1a 50%,#fffcf1);background-size:200% auto}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.flip-in{animation:flipInY .6s ease-out;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.glow{animation:glowPulse 2s infinite;box-shadow:0 0 12px #faa0024d}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.wave{overflow:hidden;position:relative}.wave:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:200%}.stagger-children>*{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(16px)}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.groups-grid{grid-gap:30px;animation:fadeInUp 1s ease-out;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:0}.group-card{background:#fff;border:1.6px solid #0000;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000001a;overflow:hidden;transition:all .3s ease}.group-card:hover{box-shadow:0 6.4px 16px #00000026;transform:translateY(-4px)}.group-card.private{border-left:2.4px solid #e74c3c}.group-card.public{border-left:2.4px solid #2ecc71}.group-card.hovered{border-color:#3498db}.group-image{height:120px;overflow:hidden;position:relative}.group-image img{height:100%;object-fit:cover;width:100%}.admin-badge,.private-badge{border-radius:9.6px;padding:3.2px 8px}.private-badge{background-color:#e74c3c;color:#fff}.admin-badge{background-color:#f39c12}.group-info{padding:12px}.group-name{color:#2c3e50;font-size:.96rem;font-weight:700;margin:0 0 6.4px}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:11.2px;line-height:1.5;margin-bottom:9.6px;overflow:hidden}.group-meta{color:#5d6d7e;font-size:10.4px;justify-content:space-between;margin-bottom:8px}.group-status,.members-count{align-items:center;display:flex;gap:4px;margin-left:-64px}.time-remaining{align-items:center;background-color:#fff3cd;border-radius:6.4px;color:#856404;display:inline-flex;font-size:9.6px;font-weight:500;gap:4px;margin-bottom:9.6px;padding:4.8px 9.6px}.group-stats{border-top:.8px solid #ecf0f1;color:#95a5a6;padding-top:9.6px}.group-actions{flex-direction:column;padding:0 12px 12px}.join-btn{width:100%}.private-note{color:#e74c3c}.spinner{border-top-color:#3498db}.no-groups{background:#f8f9fa;border:1.6px dashed #dee2e6}.no-groups p{color:#6c757d;margin-bottom:16px}@media (max-width:768px){.community-header{flex-direction:column;gap:12px;text-align:center}.community-controls{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-buttons{flex-wrap:wrap;justify-content:center}.groups-grid{grid-template-columns:1fr}}.modal-overlay{background-color:#000000b3}.create-group-modal{animation:slideUp .4s ease;background:#fff;border-radius:12.8px;box-shadow:0 16px 32px #0000004d;max-height:90vh;max-width:560px;overflow-y:auto;width:90%}.modal-header{border-bottom:1.6px solid #ecf0f1;padding:16px 20px}.modal-header h2{color:#2c3e50;font-size:1.28rem;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;font-size:1.44rem;padding:4px 9.6px;transition:color .3s}.close-btn:hover{background-color:#f8f9fa;color:#e74c3c}.create-group-form{padding:0 20px 20px}.form-section{border-bottom:.8px solid #ecf0f1;margin-bottom:20px;padding-bottom:16px}.section-label{color:#34495e;display:block;font-size:.88rem;font-weight:600;margin-bottom:12px;padding-left:4px}.image-upload-area{align-items:flex-start;display:flex;gap:16px}.image-preview{border:2.4px solid #ecf0f1;border-radius:9.6px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-controls{flex:1 1}.upload-hint{color:#7f8c8d;font-size:10.4px;line-height:1.4;margin-top:6.4px}.form-group{margin-bottom:16px}.form-group label{color:#2c3e50;font-weight:500;margin-bottom:6.4px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{background:#fff;border:1.6px solid #ddd;border-radius:6.4px;font-family:inherit;font-size:12px;padding:15px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2.4px #3498db1a;outline:none}.form-group textarea{min-height:64px}.char-count{color:#95a5a6;font-size:9.6px;margin-top:4px;text-align:right}.field-hint{color:#7f8c8d;font-size:10.4px;margin-top:4px}.checkbox-group{display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:14.4px;width:14.4px}.checkbox-group label{cursor:pointer;margin:0}.timer-options{display:flex;flex-direction:column;gap:9.6px}.timer-option{align-items:center;background:#f8f9fa;border:1.6px solid #0000;border-radius:6.4px;display:flex;gap:8px;padding:9.6px 12px;transition:all .3s}.timer-option:hover{background:#fff;border-color:#dfe6e9}.timer-option input[type=radio]{cursor:pointer;height:14.4px;width:14.4px}.timer-option label{cursor:pointer;flex:1 1;font-weight:500;margin:0}.timer-input{align-items:center;display:flex;gap:8px;margin-left:8px}.timer-input input[type=number]{border:1.6px solid #ddd;border-radius:4.8px;padding:6.4px 9.6px;text-align:center;width:64px}.custom-timer{align-items:stretch;flex-direction:column;gap:6.4px;margin-top:8px}.custom-timer input[type=date],.custom-timer input[type=time]{padding:6.4px 9.6px}.timer-preview{background:#fff3cd;border:.8px solid #ffeaa7;border-radius:6.4px;color:#856404;margin-top:12px;padding:12px}.timer-preview small{display:block;margin-top:4px;opacity:.8}.error-message{background:#f8d7da;border:.8px solid #f5c6cb;color:#721c24}.error-message,.success-message{align-items:center;display:flex;gap:8px;margin:16px 0;padding:12px}.success-message{background:#d4edda;border:.8px solid #c3e6cb;color:#155724}.modal-actions{border-top:1.6px solid #ecf0f1;margin-top:16px;padding-top:16px}.spinner-small{border:1.6px solid #ffffff4d;display:inline-block;height:12.8px;margin-right:6.4px;width:12.8px}@media (max-width:768px){.create-group-modal{max-height:95vh;width:95%}.modal-header{padding:16px}.create-group-form{padding:0 16px 16px}.image-upload-area{align-items:center;flex-direction:column;text-align:center}.image-preview{height:96px;width:96px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.timer-option{align-items:flex-start;flex-direction:column}.timer-input{margin-left:0;margin-top:6.4px;width:100%}}.my-communities-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:960px;padding:16px}.my-communities-header h1{font-size:2rem}.stats-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 16px #667eea33;color:#fff}.stat-card:nth-child(2),.stat-card:nth-child(3),.stat-card:nth-child(4){background:#fff}.stat-numbers{font-size:2.4rem;margin-bottom:4px}.stat-labels{font-size:.8rem;font-weight:500;opacity:.9}.communities-tabs{background:#f8f9fa;border-radius:9.6px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:6.4px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:12.8px;font-weight:600;gap:6.4px;justify-content:center;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#0000000d;color:#495057}.tab-btn.active{background:#fff;box-shadow:0 3.2px 9.6px #0000001a;color:#32614d}.tab-content{min-height:320px}.empty-state{background:#f8f9fa;border:1.6px dashed #dee2e6;margin:16px 0;padding:48px 16px}.empty-icon{font-size:3.2rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#495057;font-size:1.44rem;margin-bottom:8px}.empty-state p{color:#6c757d;font-size:.88rem;line-height:1.6;margin-bottom:20px}.admin-groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.admin-group-card{background:#fff;border:.8px solid #e9ecef;border-radius:9.6px;box-shadow:0 4.8px 12px #00000014;padding:16px;transition:all .3s ease}.admin-group-card:hover{box-shadow:0 6.4px 16px #0000001f;transform:translateY(-2.4px)}.group-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.group-thumbnail{border:2.4px solid #f8f9fa;border-radius:8px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.group-title h3{color:#2c3e50;font-size:.96rem;margin:0 0 4.8px}.group-creator{color:#6c757d;font-size:.72rem;margin:0 0 6.4px}.group-status-badges{display:flex;flex-wrap:wrap;gap:4.8px;margin-top:4px}.status-badge{align-items:center;display:inline-flex;font-size:.6rem;gap:3.2px;padding:2.4px 8px}.status-badge.public{background:#d4edda;border:.8px solid #c3e6cb;color:#155724}.status-badge.private{background:#f8d7da;border:.8px solid #f5c6cb;color:#721c24}.status-badge.full{background:#fff3cd;border:.8px solid #ffeaa7;color:#856404}.status-badge.timer{background:#d1ecf1;border:.8px solid #bee5eb;color:#0c5460}.status-badge.closed{background:#e2e3e5;border:.8px solid #d6d8db;color:#383d41}.group-description{color:#495057;font-size:.72rem;line-height:1.6;margin-bottom:12px}.group-stats{border-bottom:.8px solid #e9ecef;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px}.stat-item{align-items:center;color:#6c757d;display:flex;font-size:.68rem;gap:6.4px}.stat-icon{font-size:.8rem;text-align:center;width:16px}.stat-values{flex:1 1;font-size:12px}.admin-actions{margin-top:12px}.action-buttons{flex-wrap:wrap;gap:6.4px;margin-bottom:9.6px}.btn-small{border-radius:4.8px;font-size:.68rem;padding:4.8px 9.6px}.btn-danger{background-color:#e74c3c;border:none;color:#fff}.btn-danger:hover{background-color:#c0392b}.danger-actions{border-top:.8px solid #f8f9fa;margin-top:8px;padding-top:9.6px}.quick-info{background:#f8f9fa;border-radius:6.4px;font-size:.68rem;margin-top:9.6px;padding:9.6px}.quick-info p{margin:0 0 4px}.invite-link{background:#fff;border:.8px dashed #dee2e6;border-radius:4.8px;color:#495057;display:block;font-family:monospace;font-size:.64rem;margin-top:4px;overflow:hidden;padding:4.8px 8px;text-overflow:ellipsis;white-space:nowrap}.pending-requests{color:#e67e22;font-weight:500;margin-top:6.4px!important}.member-groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.member-group-card{background:#fff;border:.8px solid #e9ecef;border-radius:9.6px;box-shadow:0 4.8px 12px #00000014;padding:16px}.member-actions{margin-top:12px}.requests-list{gap:12px}.request-card{background:#fff;border:.8px solid #e9ecef;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000f;padding:16px}.request-header{display:flex;gap:12px;margin-bottom:12px}.request-group-image{border:2.4px solid #f8f9fa;border-radius:8px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.request-info h3{color:#2c3e50;font-size:.96rem;margin:0 0 4.8px}.request-status{color:#6c757d;font-size:.72rem;margin:0 0 4.8px}.status.pending{color:#e67e22;font-weight:600}.status.approved{color:#27ae60;font-weight:600}.status.rejected{color:#e74c3c;font-weight:600}.request-date{font-size:.68rem;margin:0 0 6.4px}.request-message{background:#f8f9fa;color:#495057;font-size:.72rem;margin:6.4px 0 0}.request-actions{border-top:.8px solid #e9ecef;padding-top:12px}.request-status-message{background:#f8f9fa;border-radius:6.4px;padding:9.6px;text-align:center;width:100%}.incoming-requests-section{border-top:1.6px solid #e9ecef;margin-top:24px;padding-top:20px}.incoming-requests-section h3{color:#2c3e50;font-size:1.04rem;margin-bottom:16px}.incoming-requests-group{background:#fff;border:.8px solid #e9ecef;border-radius:9.6px;box-shadow:0 3.2px 8px #0000000d;margin-bottom:16px;padding:16px}.incoming-requests-group h4{color:#495057;font-size:.88rem;margin:0 0 12px}.incoming-requests-list{display:flex;flex-direction:column;gap:9.6px}.incoming-request-card{align-items:center;background:#f8f9fa;border:.8px solid #e9ecef;border-radius:6.4px;display:flex;justify-content:space-between;padding:12px}.requester-actions{display:flex;gap:6.4px}.btn-success{background-color:#32614d;border:none;color:#fff}.btn-success:hover{background-color:#219653}.my-communities-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:240px;justify-content:center}@media (max-width:768px){.my-communities-header{flex-direction:column;gap:12px;text-align:center}.header-actions{justify-content:center;width:100%}.stats-overview{grid-template-columns:repeat(2,1fr)}.communities-tabs{flex-direction:column}.admin-groups-grid,.member-groups-grid{grid-template-columns:1fr}.group-header{flex-direction:column;text-align:center}.group-thumbnail{height:64px;margin:0 auto;width:64px}.action-buttons{flex-direction:column}.incoming-request-card{gap:9.6px}.incoming-request-card,.requester-info{flex-direction:column;text-align:center}.requester-actions{justify-content:center;width:100%}}.group-chat-container{background:#f8f9fa;border-radius:9.6px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.group-chat-header{background:#fff;border-bottom:1.6px solid #e9ecef;flex-shrink:0;justify-content:space-between;padding:12px 16px}.group-chat-header,.group-info{align-items:center;display:flex}.group-info{gap:9.6px}.group-avatar{border:1.6px solid #f8f9fa;border-radius:8px;height:40px;object-fit:cover;width:40px}.group-details h3{color:#2c3e50;font-size:.96rem;margin:0 0 3.2px}.group-meta{align-items:center;color:#6c757d;display:flex;font-size:.68rem;gap:9.6px}.admin-badge{background:#f39c12;border-radius:8px;font-size:.6rem;font-weight:700;padding:1.6px 6.4px}.group-actions{display:flex;gap:6.4px}.group-chat-layout{display:flex;flex:1 1;overflow:hidden}.chat-members-sidebar{background:#fff;border-right:.8px solid #e9ecef;flex-shrink:0;overflow-y:auto;padding:12px;width:200px}.chat-members-sidebar h4{border-bottom:1.6px solid #f8f9fa;color:#2c3e50;font-size:.8rem;margin:0 0 12px;padding-bottom:6.4px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;border-radius:6.4px;display:flex;gap:8px;padding:6.4px;transition:background .3s}.member-item:hover{background:#f8f9fa}.member-avatar{border:1.6px solid #e9ecef;border-radius:50%;height:28px;object-fit:cover;width:28px}.member-info{display:flex;flex:1 1;flex-direction:column}.member-name{color:#2c3e50;font-size:.72rem;font-weight:600}.member-status{color:#6c757d;font-size:.6rem}.typing-indicator{align-items:center;background:#f8f9fa;border-radius:6.4px;display:flex;gap:6.4px;margin-top:12px;padding:9.6px}.typing-dots{display:flex;gap:2.4px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#3498db;border-radius:50%;height:4.8px;width:4.8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-text{color:#495057;font-size:.68rem}.chat-main-area{overflow:hidden}.chat-main-area,.messages-container{display:flex;flex:1 1;flex-direction:column}.messages-container{background:#f8f9fa;gap:9.6px;overflow-y:auto;padding:16px}.message-bubble{animation:fadeIn .3s ease;display:flex;max-width:56%}.message-bubble.sent{align-self:flex-end;flex-direction:row-reverse}.message-bubble.received{align-self:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:25.6px;margin-top:3.2px;object-fit:cover;width:25.6px}.message-bubble.sent .message-avatar{margin-left:6.4px;margin-right:0}.message-bubble.received .message-avatar{margin-left:0;margin-right:6.4px}.message-content{background:#fff;border-radius:12.8px;box-shadow:0 1.6px 4.8px #0000001a;max-width:100%;padding:8px 11.2px;position:relative}.message-bubble.sent .message-content{background:#3498db;border-bottom-right-radius:4px;color:#fff}.message-bubble.received .message-content{background:#fff;border-bottom-left-radius:4px;color:#2c3e50}.message-sender{color:#e74c3c;font-size:.64rem;font-weight:600;margin-bottom:3.2px}.message-bubble.sent .message-sender{display:none}.message-text{word-wrap:break-word;font-size:.72rem;line-height:1.4;white-space:pre-wrap}.message-image{border-radius:6.4px;cursor:pointer;margin:6.4px 0;max-width:200px;overflow:hidden;transition:transform .3s}.message-image:hover{transform:scale(1.02)}.message-image img{border-radius:4.8px;height:auto;width:100%}.message-time{align-items:center;display:flex;font-size:.56rem;gap:3.2px;margin-top:3.2px;opacity:.7}.edited{font-size:.52rem;font-style:italic}.message-input-form{background:#fff;border-top:.8px solid #e9ecef;flex-shrink:0;padding:12px 16px}.file-preview{margin-bottom:9.6px;max-width:144px;position:relative}.file-preview img{border:1.6px solid #e9ecef;border-radius:6.4px;width:100%}.remove-file-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:9.6px;height:16px;justify-content:center;position:absolute;right:-4.8px;top:-4.8px;width:16px}.input-container{align-items:center;display:flex;gap:6.4px}.attach-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.04rem;padding:6.4px;transition:background .3s}.attach-btn:hover{background:#f8f9fa;color:#3498db}.message-input{border:1.6px solid #e9ecef;border-radius:16px;flex:1 1;font-size:.76rem;padding:8px 12px;transition:border-color .3s}.message-input:focus{border-color:#3498db;outline:none}.send-btn{background:#3498db;border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .3s}.send-btn:hover:not(:disabled){background:#2980b9}.send-btn:disabled{cursor:not-allowed;opacity:.6}.input-hints{color:#95a5a6;display:flex;font-size:.6rem;justify-content:space-between;margin-top:4.8px}.group-chat-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:240px;justify-content:center}.group-chat-error{padding:24px 12px;text-align:center}.group-chat-error h3{color:#e74c3c;font-size:.96rem;margin-bottom:6.4px}.group-chat-error p{color:#6c757d;font-size:.76rem;margin-bottom:12px}.no-messages{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px 12px;text-align:center}.empty-chat-icon{font-size:2.4rem;margin-bottom:12px;opacity:.3}.no-messages h3{color:#495057;font-size:.96rem;margin-bottom:6.4px}.no-messages p{color:#6c757d;font-size:.76rem}@media (max-width:1024px){.group-chat-layout{flex-direction:column}.chat-members-sidebar{border-bottom:.8px solid #e9ecef;border-right:none;height:144px;width:100%}.members-list{flex-direction:row;overflow-x:auto;padding-bottom:6.4px}.member-item{flex-direction:column;min-width:56px;text-align:center}.message-bubble{max-width:68%}}@media (max-width:768px){.group-chat-header{flex-direction:column;gap:9.6px;text-align:center}.group-actions{justify-content:center;width:100%}.message-bubble{max-width:72%}}.group-view-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1120px;padding:16px}.group-view-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:240px;justify-content:center}.group-view-error{background:#f8f9fa;border-radius:9.6px;margin:24px auto;max-width:480px;padding:40px 16px;text-align:center}.group-view-error h3{color:#e74c3c;font-size:1.2rem;margin-bottom:9.6px}.group-view-error p{color:#6c757d;font-size:.8rem;margin-bottom:16px}.group-view-header{border-radius:9.6px;box-shadow:0 6.4px 20px #0000001a;margin-bottom:20px;overflow:hidden}.group-banner{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;position:relative}.banner-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.group-banner-image{height:100%;object-fit:cover;opacity:.7;width:100%}.group-banner-content{align-items:flex-end;bottom:0;color:#fff;display:flex;gap:16px;left:0;padding:20px 24px;position:absolute;right:0}.group-avatar-large{background:#fff;border:3.2px solid #fff;border-radius:12px;box-shadow:0 6.4px 16px #0003;flex-shrink:0;height:96px;overflow:hidden;width:96px}.group-avatar-large img{height:100%;object-fit:cover;width:100%}.group-title-section h1{font-size:1.76rem;font-weight:800;margin:0 0 9.6px;text-shadow:1.6px 1.6px 3.2px #0000004d}.group-meta-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.members-count-large{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;font-size:.8rem;padding:4.8px 9.6px}.group-status-badge{border-radius:12px;font-size:.72rem;font-weight:600;padding:4.8px 9.6px}.group-status-badge.public{background:#32614d;border:.8px solid #2ecc7180}.group-status-badge.private{background:#e74c3c33;border:.8px solid #e74c3c80}.timer-badge{background:#f39c1233;border:.8px solid #f39c1280;border-radius:12px;font-size:.72rem;font-weight:600;padding:4.8px 9.6px}.group-header-actions{background:#fff;border-bottom-left-radius:9.6px;border-bottom-right-radius:9.6px;display:flex;flex-wrap:wrap;gap:9.6px;padding:12px 24px}.btn-warning{background-color:#f39c12;border:none;color:#fff}.btn-warning:hover{background-color:#d68910}.join-requests-panel{background:#fff;border:1.6px solid #f8c471;border-radius:9.6px;box-shadow:0 3.2px 12px #00000014;margin-bottom:16px;padding:16px}.join-requests-panel h3{color:#d68910;font-size:.96rem;margin:0 0 12px}.requests-list{gap:9.6px}.request-item{background:#fef9e7;border:.8px solid #f7dc6f;border-radius:6.4px;justify-content:space-between;padding:9.6px}.request-item,.requester-info{align-items:center;display:flex}.requester-info{flex:1 1;gap:9.6px}.requester-avatar{border:1.6px solid #fff;border-radius:50%;height:36px;object-fit:cover;width:36px}.requester-info strong{color:#2c3e50;display:block;font-size:.76rem;margin-bottom:3.2px}.requester-info p{color:#6c757d;font-size:.68rem;margin:2.4px 0}.request-actions{gap:6.4px}.group-view-content{display:flex;gap:20px;margin-top:20px}.group-sidebar{flex-shrink:0;width:224px}.group-nav-tabs{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;display:flex;flex-direction:column;gap:4.8px;margin-bottom:16px;padding:6.4px}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.76rem;font-weight:600;gap:6.4px;padding:9.6px 12px;text-align:left;transition:all .3s}.nav-tab:hover{background:#f8f9fa;color:#32614d}.nav-tab.active{background:#32614d;color:#fff}.quick-info-card{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;margin-bottom:16px;padding:16px}.quick-info-card h4{border-bottom:1.6px solid #f8f9fa;color:#2c3e50;font-size:.88rem;margin:0 0 12px;padding-bottom:6.4px}.info-item{display:flex;flex-direction:column;margin-bottom:9.6px}.info-label{color:#495057;font-size:.68rem;margin-bottom:3.2px}.info-value{color:#6c757d;font-size:.72rem}.info-value.public{color:#27ae60;font-weight:600}.info-value.private{color:#e74c3c;font-weight:600}.tags-container{display:flex;flex-wrap:wrap;gap:4.8px;margin-top:3.2px}.tag{background:#e9ecef;border-radius:9.6px;color:#495057;font-size:.64rem;padding:2.4px 8px}.admin-quick-actions{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;padding:16px}.admin-quick-actions h4{color:#2c3e50;font-size:.88rem;margin:0 0 12px}.btn-block{margin-bottom:6.4px;width:100%}.group-main-content{flex:1 1;min-width:0}.group-chat-tab{height:400px}.join-to-chat{align-items:center;background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.lock-icon{font-size:2.4rem;margin-bottom:12px;opacity:.3}.join-to-chat h3{color:#2c3e50;font-size:.96rem;margin-bottom:6.4px}.join-to-chat p{color:#6c757d;font-size:.76rem;margin-bottom:16px;max-width:280px}.group-info-tab{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;padding:20px}.info-section h3{color:#2c3e50;font-size:1.12rem;margin:0 0 12px}.group-description-full{color:#495057;font-size:.8rem;line-height:1.6;margin-bottom:24px;white-space:pre-line}.group-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(144px,1fr));margin-bottom:24px}.stat-card{background:#f8f9fa;border-radius:8px;gap:9.6px;padding:12px;transition:transform .3s}.stat-card:hover{transform:translateY(-2.4px)}.stat-icon{background:#fff;border-radius:8px;flex-shrink:0;font-size:1.2rem;height:40px;width:40px}.stat-content{flex:1 1}.stat-numbers{color:#2c3e50;font-size:1.2rem;margin-bottom:3.2px}.stat-labels{color:#6c757d;font-size:.68rem}.group-details-section{border-top:1.6px solid #f8f9fa;margin-bottom:24px;padding-top:20px}.group-details-section h4{color:#2c3e50;font-size:.96rem;margin:0 0 12px}.details-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.detail-item{display:flex;flex-direction:column;gap:3.2px}.detail-label{color:#495057;font-size:.72rem;font-weight:600}.detail-value{color:#6c757d;font-size:.72rem}.group-tags-section{border-top:1.6px solid #f8f9fa;padding-top:20px}.group-tags-section h4{color:#2c3e50;font-size:.96rem;margin:0 0 12px}.tags-list{display:flex;flex-wrap:wrap;gap:6.4px}.tag-large{background:#e9ecef;border-radius:12px;color:#495057;font-size:.72rem;font-weight:500;padding:4.8px 9.6px}.group-members-tab{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;padding:20px}.group-members-tab h3{color:#2c3e50;font-size:1.12rem;margin:0 0 20px}.members-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.member-card{align-items:center;background:#f5f7f0;display:flex;gap:11.2px;padding:12px}.member-card:hover{box-shadow:0 3.2px 8px #0000001a;transform:translateY(-2.4px)}.member-card-avatar{border:2.4px solid #fff;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.member-card-info{flex:1 1}.member-card-info h4{color:#2c3e50;font-size:.8rem;margin:0 0 3.2px}.member-role{font-weight:500;margin:0 0 6.4px}.member-bio,.member-role{color:#6c757d;font-size:.68rem}.member-bio{line-height:1.4;margin:0}.join-to-view{background:#f8f9fa;border-radius:8px;margin:12px 0;padding:32px 12px;text-align:center}.join-to-view p{color:#6c757d;font-size:.8rem;margin-bottom:12px}.group-files-tab{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 9.6px #0000000d;padding:20px}.group-files-tab h3{color:#2c3e50;font-size:1.12rem;margin:0 0 20px}.files-container{text-align:center}.upload-area{border:2.4px dashed #dee2e6;border-radius:9.6px;cursor:pointer;margin-bottom:20px;padding:32px 12px;transition:border-color .3s}.upload-area:hover{border-color:#3498db}.upload-icon{font-size:2rem;margin-bottom:9.6px;opacity:.5}.upload-area p{color:#6c757d;margin:0}.file-input{display:none}.coming-soon{background:#fff3cd;border-radius:6.4px;color:#f39c12;display:inline-block;font-size:.8rem;font-weight:600;padding:12px}@media (max-width:1024px){.group-view-content{flex-direction:column}.group-sidebar{width:100%}.group-nav-tabs{flex-direction:row;overflow-x:auto;padding:6.4px}.nav-tab{white-space:nowrap}}@media (max-width:768px){.group-banner{height:160px}.group-banner-content{align-items:flex-start;flex-direction:column;gap:9.6px;padding:16px}.group-avatar-large{height:64px;width:64px}.group-title-section h1{font-size:1.28rem}.group-header-actions{justify-content:center;padding:9.6px 12px}.group-meta-header{align-items:flex-start;flex-direction:column;gap:6.4px}.members-grid{grid-template-columns:1fr}.request-item{gap:9.6px;text-align:center}.request-item,.requester-info{flex-direction:column}}.admin-panel-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1120px;padding:16px}.admin-panel-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:240px;justify-content:center}.admin-panel-error{background:#f8f9fa;border-radius:9.6px;margin:24px auto;max-width:480px;padding:40px 16px;text-align:center}.admin-panel-error h3{color:#e74c3c;font-size:1.2rem;margin-bottom:9.6px}.admin-panel-error p{color:#6c757d;font-size:.8rem;margin-bottom:16px}.admin-panel-header{background:linear-gradient(135deg,#32614d,#2a5240);border-radius:9.6px;box-shadow:0 6.4px 20px #0003;color:#fff;margin-bottom:20px;padding:20px 24px}.admin-header-content h1{align-items:center;display:flex;font-size:1.44rem;gap:6.4px;margin:0 0 6.4px}.back-link{font-size:1.2rem;margin-right:6.4px;transition:opacity .3s}.back-link:hover{opacity:.8}.admin-subtitle{font-size:.8rem;margin:0;opacity:.9}.admin-header-actions{display:flex;flex-wrap:wrap;gap:9.6px;margin-top:12px}.admin-nav-tabs{background:#f8f9fa;border-radius:8px;display:flex;gap:3.2px;margin-bottom:20px;overflow-x:auto;padding:3.2px}.admin-nav-tab{align-items:center;background:#0000;border:none;border-radius:4.8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:.76rem;font-weight:600;gap:4.8px;justify-content:center;padding:9.6px 12px;transition:all .3s;white-space:nowrap}.admin-nav-tab:hover{background:#0000000d;color:#495057}.admin-nav-tab.active{background:#fff;box-shadow:0 3.2px 8px #0000001a;color:#3498db}.admin-main-content{background:#fff;border-radius:9.6px;box-shadow:0 3.2px 16px #00000014;overflow:hidden}.admin-section{padding:24px}.admin-section h2{border-bottom:1.6px solid #f8f9fa;color:#2c3e50;font-size:1.2rem;margin:0 0 20px;padding-bottom:12px}.settings-section h3{color:#2c3e50;font-size:.96rem;margin:0 0 12px}.form-section{border-bottom:.8px solid #e9ecef;margin-bottom:24px;padding-bottom:20px}.form-section:last-child{border-bottom:none}.image-upload-admin{align-items:flex-start;display:flex;gap:16px}.image-preview-admin{border:2.4px solid #e9ecef;border-radius:9.6px;flex-shrink:0;height:96px;overflow:hidden;width:96px}.image-preview-admin img{height:100%;object-fit:cover;width:100%}.upload-controls-admin{flex:1 1}.form-group-admin{margin-bottom:16px}.form-group-admin label{color:#2c3e50;display:block;font-size:.76rem;font-weight:600;margin-bottom:4.8px}.form-group-admin input[type=datetime-local],.form-group-admin input[type=number],.form-group-admin input[type=text],.form-group-admin select,.form-group-admin textarea{background:#fff;border:1.6px solid #ddd;border-radius:6.4px;font-family:inherit;font-size:12px;padding:8px 9.6px;transition:border-color .3s;width:100%}.form-group-admin input:focus,.form-group-admin select:focus,.form-group-admin textarea:focus{border-color:#3498db;box-shadow:0 0 0 2.4px #3498db1a;outline:none}.form-group-admin textarea{min-height:64px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.checkbox-admin{align-items:center;display:flex;gap:6.4px}.checkbox-admin input[type=checkbox]{cursor:pointer;height:14.4px;width:14.4px}.checkbox-admin label{cursor:pointer;margin:0}.field-hint{color:#6c757d;font-size:.68rem;font-style:italic;margin-top:3.2px}.form-actions{border-top:1.6px solid #f8f9fa;gap:9.6px;margin-top:20px;padding-top:20px}.btn-large{font-size:.8rem;padding:9.6px 20px}.section-header{margin-bottom:20px}.member-actions{display:flex;gap:6.4px}.mass-message-box{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.mass-message-box h3{color:#2c3e50;font-size:.96rem;margin:0 0 9.6px}.message-input-group{display:flex;gap:9.6px}.message-input-group textarea{border:1.6px solid #ddd;border-radius:6.4px;flex:1 1;font-family:inherit;font-size:12px;min-height:56px;padding:9.6px;resize:vertical}.members-list-admin{display:flex;flex-direction:column;gap:9.6px}.member-item-admin{align-items:center;background:#f8f9fa;border:.8px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s}.member-item-admin:hover{background:#fff;box-shadow:0 3.2px 8px #0000001a;transform:translateY(-1.6px)}.member-info-admin{align-items:center;display:flex;flex:1 1;gap:9.6px}.member-avatar-admin{border:2.4px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.member-details{flex:1 1}.member-details h4{color:#2c3e50;font-size:.8rem;margin:0 0 3.2px}.member-email{color:#6c757d;font-size:.68rem;margin:0 0 4.8px}.member-joined{color:#95a5a6;font-size:.64rem;margin:0}.member-actions-admin{align-items:center;display:flex;gap:6.4px}.creator-badge{background:#faa002}.creator-badge,.you-badge{border-radius:9.6px;color:#fff;font-size:.64rem;font-weight:600;padding:3.2px 8px}.you-badge{background:#32614d}.no-requests{background:#f8f9fa;border-radius:8px;color:#6c757d;padding:24px 12px;text-align:center}.requests-list-admin{display:flex;flex-direction:column;gap:12px}.request-item-admin{align-items:center;background:#fef9e7;border:1.6px solid #f7dc6f;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.requester-info-admin{align-items:center;display:flex;flex:1 1;gap:12px}.requester-avatar-admin{border:2.4px solid #fff;border-radius:50%;height:48px;object-fit:cover;width:48px}.requester-details{flex:1 1}.requester-details h4{color:#2c3e50;font-size:.88rem;margin:0 0 4.8px}.requester-email{color:#6c757d;font-size:.72rem;margin:0 0 6.4px}.request-message{background:#fff;border-left:1.6px solid #f39c12;border-radius:4.8px;color:#5d6d7e;font-style:italic;margin:0 0 6.4px;padding:6.4px}.request-date{color:#95a5a6;font-size:.64rem;margin:0}.request-actions-admin{display:flex;gap:6.4px}.bulk-actions{border-top:1.6px solid #f8f9fa;margin-top:24px;padding-top:20px}.bulk-actions h3{color:#2c3e50;font-size:.96rem;margin:0 0 12px}.bulk-buttons{display:flex;gap:9.6px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card-admin{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9.6px;box-shadow:0 6.4px 12px #667eea33;color:#fff;display:flex;gap:12px;padding:16px;transition:transform .3s}.stat-card-admin:hover{transform:translateY(-2.4px)}.stat-card-admin:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card-admin:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card-admin:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon-admin{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:9.6px;display:flex;flex-shrink:0;font-size:1.6rem;height:48px;justify-content:center;width:48px}.stat-content-admin{flex:1 1}.stat-number-admin{font-size:1.6rem;font-weight:700;line-height:1;margin-bottom:3.2px}.stat-label-admin{font-size:.72rem;font-weight:500;margin-bottom:3.2px;opacity:.9}.stat-trend{font-size:.64rem;opacity:.8}.no-stats{background:#f8f9fa;color:#6c757d;padding:24px 12px;text-align:center}.activity-chart,.no-stats{border-radius:8px;margin-bottom:24px}.activity-chart{background:#fff;border:1.6px solid #f8f9fa;padding:20px}.activity-chart h3{color:#2c3e50;font-size:.96rem;margin:0 0 16px}.chart-placeholder{padding:24px 12px;text-align:center}.chart-placeholder p{color:#6c757d;margin-bottom:20px}.chart-bars{align-items:flex-end;background:#f8f9fa;border-radius:6.4px;display:flex;gap:9.6px;height:120px;justify-content:center;padding:12px}.chart-bar{background:linear-gradient(0deg,#3498db,#2ecc71);border-radius:3.2px 3.2px 0 0;transition:height .3s;width:20px}.recent-activity{background:#fff;border:1.6px solid #f8f9fa;border-radius:8px;padding:20px}.recent-activity h3{color:#2c3e50;font-size:.96rem;margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:9.6px}.activity-item{align-items:center;background:#f8f9fa;border-radius:6.4px;display:flex;gap:9.6px;padding:9.6px;transition:background .3s}.activity-item:hover{background:#e9ecef}.activity-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;font-size:1.04rem;height:28px;justify-content:center;width:28px}.activity-content{flex:1 1}.activity-content strong{color:#2c3e50}.activity-time{color:#95a5a6;display:block;font-size:.64rem;margin-top:2.4px}@media (max-width:1024px){.admin-panel-header{padding:16px 20px}.admin-section{padding:20px}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-panel-header{padding:12px 16px;text-align:center}.admin-header-content h1{align-items:flex-start;flex-direction:column;font-size:1.2rem;gap:3.2px}.admin-header-actions{justify-content:center}.admin-nav-tabs,.section-header{flex-direction:column}.section-header{gap:9.6px;text-align:center}.member-actions{justify-content:center;width:100%}.image-upload-admin{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.member-item-admin,.message-input-group{flex-direction:column}.member-item-admin{gap:9.6px;text-align:center}.member-info-admin,.request-item-admin{flex-direction:column}.request-item-admin{gap:12px;text-align:center}.requester-info-admin{flex-direction:column}.request-actions-admin{justify-content:center;width:100%}.analytics-grid{grid-template-columns:1fr}.bulk-buttons{flex-direction:column}}.group-card.expired{border-color:#ccc;opacity:.8}.expired-badge{background-color:#dc3545;border-radius:9.6px;color:#fff;font-size:9.6px;font-weight:700;padding:3.2px 6.4px;position:absolute;right:8px;top:8px}.time-remaining.expired{color:#dc3545;font-weight:700}.btn-disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.groups-grid{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(16px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.group-card.private{border-left:3.2px solid #faa002}.group-card.public{border-left:3.2px solid #00553e}.admin-badge,.private-badge{border-radius:16px;box-shadow:0 1.6px 4.8px #00000026;font-size:8.8px;font-weight:700;padding:4.8px 9.6px;position:absolute;top:8px;z-index:2}.private-badge{background-color:#faa002;color:#fffcf1;left:8px}.admin-badge{background-color:#00553e;color:#fff;right:8px}.group-stats{border-top:.8px solid #32614d1a;color:#7a8c83;display:flex;font-size:9.6px;justify-content:space-between;margin-top:8px;padding-top:8px}.private-note{color:#faa002;font-size:8.8px;font-style:italic;font-weight:500;margin:4px 0 0;text-align:center}.community-loading{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:16px;height:240px;justify-content:center}.spinner{border:3.2px solid #fffcf1;border-top-color:#32614d;position:relative}.no-groups{animation:fadeInUp .8s ease-out;background:#fffcf1;border:2.4px dashed #32614d;border-radius:12px;grid-column:1/-1;padding:48px 16px;text-align:center}.no-groups p{color:#32614d;font-size:14.4px;margin-bottom:20px}.my-communities-header{align-items:center;border-bottom:1.6px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.my-communities-header h1{color:#2c3e50;font-size:1.6rem;margin:0}.group-card.archived{background-color:#f9f9f9;border:1.6px dashed #ddd}.group-card.archived .group-description,.group-card.archived .group-meta,.group-card.archived .group-name{color:#999}@media (max-width:768px){.community-header{flex-direction:column;gap:12px;text-align:center}.community-actions{flex-direction:column;justify-content:center;width:100%}.community-actions .btn{min-width:0;min-width:auto;width:100%}.community-controls{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-buttons{justify-content:center}.groups-grid{grid-template-columns:1fr}.group-card{max-width:100%}}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #faa0024d}50%{box-shadow:0 0 16px #faa00280}}.groups-grid>.group-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.groups-grid>.group-card:first-child{animation-delay:.1s}.groups-grid>.group-card:nth-child(2){animation-delay:.2s}.groups-grid>.group-card:nth-child(3){animation-delay:.3s}.groups-grid>.group-card:nth-child(4){animation-delay:.4s}.groups-grid>.group-card:nth-child(5){animation-delay:.5s}.groups-grid>.group-card:nth-child(6){animation-delay:.6s}.groups-grid>.group-card:nth-child(7){animation-delay:.7s}.groups-grid>.group-card:nth-child(8){animation-delay:.8s}.groups-grid>.group-card:nth-child(9){animation-delay:.9s}.groups-grid>.group-card:nth-child(10){animation-delay:.8s}.search-box{flex:1 1;max-width:640px;position:relative}.search-inputt{background:#f5f7f0;border:1.6px solid #32614d;border-radius:24px;color:#32614d;font-size:12.8px;padding:11.2px 16px 11.2px 48px;transition:all .3s ease;width:100%}.search-box:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2332614D'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.search-inputt:focus+.search-box:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FAA002'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")}.search-icon{display:none}.search-modal-overlay{align-items:flex-start;animation:smFadeIn .2s ease;background:#f5f7f0b8;display:flex;inset:0;justify-content:flex-end;padding:70px 20px 20px;pointer-events:none;position:fixed;z-index:9999}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{animation:smSlideIn .28s cubic-bezier(.34,1.56,.64,1);background:#1a3a2a;border:1px solid #64b48c38;border-radius:20px;box-shadow:0 0 0 1px #32614d1f,0 24px 50px #00000073,0 0 70px #32614d2e;display:flex;flex-direction:column;font-family:Sora,sans-serif;max-height:calc(100vh - 100px);max-width:95vw;overflow:hidden;pointer-events:all;width:480px}@keyframes smSlideIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{align-items:center;background:linear-gradient(180deg,#32614d80,#1a3a2a33);border-bottom:1px solid #64b48c26;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:18px 20px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-icon{color:#4a9070;left:13px;pointer-events:none}.search-modal-input{background:#ffffff0d;border:1.5px solid #64b48c33;border-radius:11px;box-sizing:border-box;color:#c8e8d4;font-family:Sora,sans-serif;font-size:13.5px;outline:none;padding:10px 38px 10px 40px;transition:border-color .2s,background .2s;width:100%}.search-modal-input::placeholder{color:#5a8a6e}.search-modal-input:focus{background:#ffffff14;border-color:#64b48c80}.clear-search-btn{background:#64b48c1a;color:#7aaa8e;height:24px;right:9px;transition:all .15s;width:24px}.clear-search-btn:hover{background:#64b48c33;color:#c8e8d4}.close-modal-btn{align-items:center;background:#4a90701a;border:1px solid #64b48c33;border-radius:8px;color:#a8d8be;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s;width:30px}.close-modal-btn:hover{background:#4a907038;border-color:#64b48c66;transform:rotate(90deg)}.search-tabs{background:#1a3a2a99;border-bottom:1px solid #64b48c26;flex-shrink:0;gap:4px;overflow-x:auto;padding:10px 12px 0;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{background:#0000;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#5a8a6e;flex-shrink:0;font-size:12.5px;gap:5px;margin-bottom:-1px;padding:7px 13px;transition:all .2s;white-space:nowrap}.search-tab:hover{background:#64b48c1a;color:#a8d8be}.search-tab.active{background:#4a90701a;border-bottom:2px solid #4a9070;color:#a8d8be;font-weight:700}.search-modal-content{background:#1a3a2a;flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:#64b48c33 #0000;scrollbar-width:thin}.search-modal-content::-webkit-scrollbar{width:4px}.search-modal-content::-webkit-scrollbar-track{background:#0000}.search-modal-content::-webkit-scrollbar-thumb{background:#64b48c33;border-radius:4px}.search-modal-content::-webkit-scrollbar-thumb:hover{background:#64b48c59}.search-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center}.loading-spinner{animation:smSpin .75s linear infinite;border:2px solid #64b48c26;border-top-color:#4a9070;height:30px;width:30px}@keyframes smSpin{to{transform:rotate(1turn)}}.search-loading span{color:#5a8a6e;font-family:Sora,sans-serif;font-size:12px}.search-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-left:3px solid #ef4444;border-radius:10px;color:#fca5a5;display:flex;font-family:Sora,sans-serif;font-size:12.5px;gap:10px;margin:10px;padding:12px 16px}.search-error button{background:none;border:none;color:#fca5a5;cursor:pointer;display:flex;margin-left:auto}.results-section{margin-bottom:3px}.results-section+.results-section{border-top:1px solid #64b48c1a;margin-top:3px;padding-top:3px}.section-header{align-items:center;display:flex;justify-content:space-between;padding:8px 14px 5px}.section-header h4{align-items:center;color:#5a8a6e;display:flex;gap:6px;letter-spacing:.8px;margin:0;text-transform:uppercase}.result-count,.section-header h4{font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.result-count{background:#4a907026;border:1px solid #64b48c26;border-radius:20px;color:#7aaa8e;padding:2px 8px}.results-list{display:flex;flex-direction:column;padding:0 2px}.result-item{align-items:flex-start;background:#ffffff08;border:1px solid #64b48c1a;border-radius:13px;box-sizing:border-box;cursor:pointer;display:flex;gap:11px;margin-bottom:3px;overflow:hidden;padding:12px 11px;position:relative;text-align:left;transition:background .18s,border-color .18s,transform .18s;width:100%}.result-item:after{background:linear-gradient(90deg,#0000,#64b48c0f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.result-item:hover:after{left:100%}.result-item:hover{background:#4a90701f;border-color:#64b48c40;box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.result-item-main,.result-item.user-result{align-items:center}.result-item-main{background:none;border:none;cursor:pointer;display:flex;flex:1 1;gap:11px;min-width:0;padding:0;text-align:left}.result-avatar{background:linear-gradient(135deg,#254a3a,#1a3a2a);border:2px solid #64b48c40;border-radius:11px;display:block;flex-shrink:0;height:42px;min-height:42px;min-width:42px;object-fit:cover;width:42px}.community-avatar{border-radius:11px}.post-result-avatar-container{flex-shrink:0}.result-content{flex:1 1;min-width:0;padding-right:10px}.result-title{color:#c8e8d4;font-family:Sora,sans-serif;font-size:13.5px;font-weight:700;gap:6px;line-height:1.4;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle,.result-title{align-items:center;display:flex}.result-subtitle{color:#5a8a6e;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;gap:4px;margin-bottom:3px}.result-stats{display:flex;gap:10px;margin-top:4px}.result-stats span{align-items:center;color:#5a8a6e;display:flex;font-family:JetBrains Mono,monospace;font-size:11.5px;gap:3px}.result-bio{background:#4a907014;border-left:2px solid #64b48c59;border-radius:7px;color:#7aaa8e;font-size:12px;line-height:1.5;margin:6px 0 0;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.result-meta{align-items:center;color:#5a8a6e;display:flex;font-size:11.5px;gap:6px;margin-top:4px}.post-thumbnail-container{border:1px solid #64b48c26;border-radius:8px;margin-top:6px;max-height:56px;max-width:110px;overflow:hidden}.post-thumbnail-container img{display:block;height:56px;object-fit:cover;width:100%}.private-badge{font-size:11px;margin-left:4px}.follow-btn-search{align-items:center;background:linear-gradient(135deg,#4a9070,#32614d);border:none;border-radius:9px;box-shadow:0 0 10px #4a90704d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700;gap:5px;padding:7px 14px;transition:all .2s;white-space:nowrap}.follow-btn-search:hover:not(:disabled){box-shadow:0 0 18px #4a907073;opacity:.85;transform:translateY(-1px)}.follow-btn-search.following{background:#4a90701f;border:1px solid #64b48c40;box-shadow:none;color:#7aaa8e}.follow-btn-search.following:hover:not(:disabled){background:#ef444414;border-color:#ef444438;color:#ef4444}.follow-btn-search:disabled{cursor:not-allowed;opacity:.4}.loading-dots{letter-spacing:2px}.see-all-section{border-top:1px solid #64b48c1f;margin-top:3px;padding:6px 10px}.see-all-results{align-items:center;background:#0000;border:1px solid #64b48c38;border-radius:9px;box-sizing:border-box;color:#7aaa8e;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:12px;font-weight:600;gap:7px;justify-content:center;padding:8px 16px;transition:all .2s;width:100%}.see-all-results:hover{background:#4a907024;border-color:#64b48c66;color:#a8d8be;transform:translateY(-1px)}.recent-searches-section{margin-bottom:6px}.clear-recent-btn{background:none;border:none;color:#4a9070;cursor:pointer;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:color .15s}.clear-recent-btn:hover{color:#a8d8be}.recent-searches-list{display:flex;flex-direction:column;padding:0 2px}.recent-search-item{align-items:center;background:none;border:none;border-radius:11px;color:#c8e8d4;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:13px;gap:11px;padding:10px 11px;text-align:left;transition:background .18s;width:100%}.recent-search-item:hover{background:#4a90701f}.recent-search-item svg{color:#5a8a6e;flex-shrink:0}.empty-state,.no-results{flex-direction:column;gap:10px;padding:48px 24px;text-align:center}.empty-icon,.empty-state,.no-results,.no-results-icon{align-items:center;display:flex;justify-content:center}.empty-icon,.no-results-icon{background:#4a90701a;border-radius:14px;color:#4a9070;font-size:22px;height:50px;margin-bottom:4px;width:50px}.empty-state h4,.no-results p{color:#a8d8be;font-family:Sora,sans-serif;font-size:14px;font-weight:700;margin:0}.empty-state p,.no-results span{color:#5a8a6e;font-size:12px;margin:0}.search-suggestions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:14px}.suggestion-tag{background:#4a90701a;border:1px solid #64b48c33;border-radius:20px;color:#7aaa8e;font-family:Sora,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:5px 12px}.search-footer,.suggestion-tag{align-items:center;display:flex}.search-footer{background:#1a3a2af2;border-top:1px solid #64b48c26;bottom:0;color:#5a8a6e;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11.5px;justify-content:space-between;padding:11px 18px;position:-webkit-sticky;position:sticky}@media (max-width:768px){.search-modal-overlay{align-items:flex-end;justify-content:center;padding:0}.search-modal{animation:smSlideUp .3s cubic-bezier(.175,.885,.32,1.275);border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;width:100%}@keyframes smSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{padding:14px 16px}.search-modal-content{padding:6px}.result-item{padding:11px 10px}.result-avatar{height:38px;min-height:38px;min-width:38px;width:38px}}.ops-page{background:#f5f7f0;font-family:Sora,sans-serif;min-height:100vh;padding:0 0 80px}.ops-header{align-items:center;background:linear-gradient(135deg,#32614d,#1e4535);color:#fff;display:flex;gap:20px;overflow:hidden;padding:28px 32px;position:relative}.ops-header:before{background:radial-gradient(circle,#ffffff12 0,#0000 70%);border-radius:50%;content:"";height:220px;position:absolute;right:-50px;top:-50px;width:220px}.ops-back{align-items:center;background:#ffffff1f;border:1.5px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.ops-back:hover{background:#fff3;transform:translateX(-3px)}.ops-title{font-size:26px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}.ops-subtitle{font-size:14px;margin:0;opacity:.8}.ops-org-badge{background:#ffffff26;border:1.5px solid #ffffff40;border-radius:30px;flex-shrink:0;font-size:13px;font-weight:600;gap:7px;margin-left:auto;padding:8px 16px;white-space:nowrap}.ops-org-badge,.ops-steps{align-items:center;display:flex}.ops-steps{gap:0;justify-content:center;margin:0 auto;max-width:560px;padding:28px 20px 0}.ops-step{align-items:center;color:#94a3b8;cursor:default;display:flex;font-size:13.5px;font-weight:600;gap:9px;transition:color .3s}.ops-step.active{color:#32614d}.ops-step.done{color:#5a9e7e;cursor:pointer}.ops-step-num{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;height:30px;justify-content:center;transition:all .3s;width:30px}.ops-step.active .ops-step-num{background:#32614d;box-shadow:0 3px 10px #32614d59;color:#fff}.ops-step.done .ops-step-num{background:#5a9e7e;color:#fff}.ops-step-line{background:#e2e8f0;flex:1 1;height:2px;margin:0 8px;min-width:40px;transition:background .3s}.ops-step-line.done{background:#5a9e7e}.ops-card{background:#fff;border:1.5px solid #e8ede8;border-radius:24px;box-shadow:0 8px 32px #00000012;margin:24px auto 0;max-width:720px;overflow:hidden}.ops-card-wide{max-width:920px}.ops-chip-grid{background:#fafcfb;border:1.5px solid #dceae2;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:12px}.ops-chip{border:1.5px solid #32614d33;border-radius:20px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:transform .15s,box-shadow .15s}.ops-chip:hover{box-shadow:0 2px 8px #32614d1f;transform:translateY(-1px)}.ops-form-section{padding:32px}.ops-cover-upload{background:#f8faf8;border:2px dashed #c8d8d0;border-radius:16px;cursor:pointer;height:200px;margin-bottom:24px;overflow:hidden;position:relative;transition:border-color .2s;width:100%}.ops-cover-upload:hover{border-color:#32614d}.ops-cover-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.ops-cover-placeholder span{font-size:14px;font-weight:600}.ops-cover-placeholder small{font-size:12px}.ops-cover-preview{height:100%;object-fit:cover;width:100%}.ops-field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.ops-field label{color:#475569;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ops-req{color:#ef4444}.ops-hint{color:#94a3b8;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.ops-input{background:#fafafa;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Sora,sans-serif;font-size:14.5px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s}.ops-input:focus{background:#fff;border-color:#32614d;box-shadow:0 0 0 3px #32614d14}.ops-textarea{line-height:1.6;min-height:100px;resize:vertical}.ops-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ops-form-actions{border-top:1.5px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.ops-btn-primary{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border:none;border-radius:12px;box-shadow:0 4px 14px #32614d4d;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:13px 28px;transition:all .25s}.ops-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #32614d66;transform:translateY(-2px)}.ops-btn-primary:disabled{cursor:not-allowed;opacity:.45}.ops-btn-ghost{background:#0000;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:Sora,sans-serif;font-size:14px;font-weight:600;padding:13px 24px;transition:all .2s}.ops-btn-ghost:hover{background:#f5f7f0;border-color:#c8d8d0;color:#1e293b}.ops-btn-submit{align-items:center;background:linear-gradient(135deg,#32614d,#1e4535);border:none;border-radius:12px;box-shadow:0 4px 18px #32614d59;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:15px;font-weight:700;gap:10px;padding:14px 32px;transition:all .25s}.ops-btn-submit:hover:not(:disabled){box-shadow:0 8px 24px #32614d73;transform:translateY(-2px)}.ops-btn-submit:disabled{cursor:not-allowed;opacity:.5}.ops-spin{animation:opspin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes opspin{to{transform:rotate(1turn)}}.ops-review-header{margin-bottom:20px}.ops-review-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.ops-review-header p{color:#64748b;font-size:13.5px;margin:0}.ops-review-img{border-radius:14px;height:180px;margin-bottom:20px;object-fit:cover;width:100%}.ops-review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ops-review-item{background:#f8faf8;border:1.5px solid #e8ede8;border-radius:10px;padding:12px 14px}.ops-review-key{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ops-review-val{color:#1e293b;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.ops-review-desc{background:#f8faf8;border:1.5px solid #e8ede8;border-radius:12px;margin-bottom:16px;padding:16px}.ops-review-desc p{color:#475569;font-size:14px;line-height:1.6;margin:6px 0 0}.ops-tags-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ops-tag{background:#e8f5ee;border-radius:20px;color:#32614d;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;padding:5px 12px}.ops-review-notice{align-items:center;background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;color:#92400e;display:flex;gap:10px;margin-bottom:20px;padding:14px 16px}.ops-error,.ops-review-notice{font-size:13.5px;font-weight:500}.ops-error{background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;color:#dc2626;margin-bottom:16px;padding:12px 16px}.ops-success-wrap{background:#fff;border:1.5px solid #e8ede8;border-radius:24px;box-shadow:0 12px 40px #00000017;margin:80px auto;max-width:480px;padding:48px 36px;text-align:center}.ops-success-icon{margin:0 auto 24px}.ops-success-wrap h2{color:#1e293b;font-size:26px;font-weight:800;margin:0 0 12px}.ops-success-wrap p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 32px}.ops-success-actions{display:flex;gap:12px;justify-content:center}@media (max-width:640px){.ops-header{flex-wrap:wrap;padding:20px 18px}.ops-org-badge{margin-left:0}.ops-card{margin:20px 12px 0}.ops-form-section{padding:22px 18px}.ops-review-grid,.ops-row{grid-template-columns:1fr}.ops-form-actions{flex-direction:column-reverse}.ops-btn-ghost,.ops-btn-primary,.ops-btn-submit{justify-content:center;width:100%}}.apr-page{background:#f5f7f0;font-family:Sora,sans-serif;min-height:100vh}.apr-toast{animation:aprSlideIn .3s ease;background:#1e293b;border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;font-size:14px;font-weight:600;padding:14px 22px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes aprSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.apr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.apr-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:400px;padding:36px;text-align:center;width:90%}.apr-modal-icon{font-size:44px;margin-bottom:16px}.apr-modal h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 10px}.apr-modal p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 28px}.apr-modal-actions{display:flex;gap:12px;justify-content:center}.apr-header{align-items:center;background:linear-gradient(135deg,#22432f,#32614d 45%,#3d8b65);color:#fff;display:flex;gap:20px;overflow:hidden;padding:28px 32px;position:relative}.apr-header:before{background:radial-gradient(circle,#ffffff1f 0,#0000 70%);border-radius:50%;content:"";height:240px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:240px}.apr-back{align-items:center;background:#ffffff1a;border:1.5px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.apr-back:hover{background:#ffffff2e;transform:translateX(-3px)}.apr-header h1{font-size:22px;font-weight:800;margin:0 0 4px}.apr-header p{font-size:13px;margin:0;opacity:.65}.apr-pending-badge{animation:aprPulse 2s ease-in-out infinite;background:#f59e0b;border-radius:30px;box-shadow:0 4px 12px #f59e0b66;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;margin-left:auto;padding:8px 18px}@keyframes aprPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.apr-filters{background:#fff;border-bottom:1.5px solid #e8ede8;display:flex;flex-wrap:wrap;gap:10px;padding:20px 28px}.apr-filter-btn{background:#f5f7f0;border:1.5px solid #e8ede8;border-radius:22px;color:#64748b;cursor:pointer;font-family:Sora,sans-serif;font-size:13px;font-weight:700;padding:9px 20px;transition:all .2s}.apr-filter-btn.active{border-color:#0000}.apr-filter-btn.pending.active{background:#fffbeb;border-color:#fde68a;color:#d97706}.apr-filter-btn.approved.active{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.apr-filter-btn.rejected.active{background:#fef2f2;border-color:#fecaca;color:#dc2626}.apr-filter-btn.needs_edit.active{background:#fffbeb;border-color:#fde68a;color:#b45309}.apr-filter-btn.all.active{background:#f0f4ff;border-color:#c7d2fe;color:#4f46e5}.apr-filter-btn:hover:not(.active){background:#e8ede8;border-color:#d4dbd4}.apr-content{margin:0 auto;max-width:940px;padding:28px 20px}.apr-loading{padding:80px 20px;text-align:center}.apr-loading-spinner{animation:aprspin .8s linear infinite;border:3px solid #e8ede8;border-radius:50%;border-top-color:#32614d;height:44px;margin:0 auto 16px;width:44px}.apr-loading p{color:#64748b;font-size:15px}@keyframes aprspin{to{transform:rotate(1turn)}}.apr-empty{background:#fff;border:1.5px solid #e8ede8;border-radius:20px;padding:70px 20px;text-align:center}.apr-empty-icon{font-size:52px;margin-bottom:18px}.apr-empty h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.apr-empty p{color:#64748b;font-size:14px}.apr-list{display:flex;flex-direction:column;gap:16px}.apr-card{background:#fff;border:1.5px solid #e8ede8;border-radius:18px;overflow:hidden;position:relative;transition:box-shadow .25s,transform .2s}.apr-card:hover{box-shadow:0 10px 32px #00000017;transform:translateY(-1px)}.apr-card.pending{border-color:#fde68a}.apr-card.approved{border-color:#bbf7d0}.apr-card.rejected{border-color:#fecaca}.apr-card.needs_edit{border-color:#fde68a}.apr-status-strip{height:4px}.apr-status-strip.pending{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.apr-status-strip.approved{background:linear-gradient(90deg,#22c55e,#4ade80)}.apr-status-strip.needs_edit{background:linear-gradient(90deg,#f59e0b,#fb923c)}.apr-status-strip.rejected{background:linear-gradient(90deg,#ef4444,#f87171)}.apr-card-inner{display:flex;gap:0;min-height:160px}.apr-cover{align-self:stretch;object-fit:cover}.apr-cover,.apr-cover-placeholder{border-right:1.5px solid #f0f2ef;flex-shrink:0;width:180px}.apr-cover-placeholder{align-items:center;background:#f8faf8;display:flex;justify-content:center}.apr-body{display:flex;flex:1 1;flex-direction:column;gap:0;padding:18px 22px}.apr-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.apr-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.apr-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;gap:5px;letter-spacing:.3px;padding:4px 11px}.apr-status-pill.pending{background:#fffbeb;color:#d97706}.apr-status-pill.approved{background:#f0fdf4;color:#16a34a}.apr-status-pill.rejected{background:#fef2f2;color:#dc2626}.apr-status-pill.needs_edit{background:#fffbeb;color:#b45309}.apr-category{background:#f0f4ff;color:#4f46e5;font-family:JetBrains Mono,monospace}.apr-category,.apr-org-chip{border-radius:20px;font-size:11px;font-weight:700;padding:4px 11px}.apr-org-chip{align-items:center;background:#f5f3ff;color:#7c3aed;display:inline-flex;gap:5px}.apr-card-actions{display:flex;flex-shrink:0;gap:6px}.apr-icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.apr-icon-btn.edit{background:#f0f4ff;color:#4f46e5}.apr-icon-btn.edit:hover{background:#e0e7ff;transform:scale(1.1)}.apr-icon-btn.delete{background:#fef2f2;color:#dc2626}.apr-icon-btn.delete:hover{background:#fee2e2;transform:scale(1.1)}.apr-prog-title{color:#1e293b;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 7px}.apr-prog-desc{color:#64748b;font-size:13.5px;line-height:1.6;margin:0 0 12px}.apr-prog-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.apr-prog-info span{background:#f8faf8;color:#94a3b8;font-weight:500}.apr-prog-info span,.apr-prog-link{align-items:center;border-radius:20px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:11.5px;gap:5px;padding:4px 10px}.apr-prog-link{background:#f0f4ff;color:#4f46e5;font-weight:600;text-decoration:none;transition:background .2s}.apr-prog-link:hover{background:#e0e7ff}.apr-review-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}.apr-approved-note{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:20px;color:#16a34a;font-size:12.5px;font-weight:600;padding:6px 14px}.apr-btn-approve{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 3px 10px #22c55e4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:13.5px;font-weight:700;gap:7px;padding:10px 24px;transition:all .25s}.apr-btn-approve:hover:not(:disabled){box-shadow:0 5px 16px #22c55e66;transform:translateY(-2px)}.apr-btn-approve.sm{font-size:12.5px;padding:8px 16px}.apr-btn-approve:disabled{cursor:not-allowed;opacity:.55;transform:none}.apr-btn-reject{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 3px 10px #ef444440;color:#fff;cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:13.5px;font-weight:700;gap:7px;padding:10px 24px;transition:all .25s}.apr-btn-reject:hover:not(:disabled){box-shadow:0 5px 16px #ef444459;transform:translateY(-2px)}.apr-btn-reject.sm{background:linear-gradient(135deg,#f87171,#ef4444);font-size:12.5px;padding:8px 16px}.apr-btn-reject:disabled{cursor:not-allowed;opacity:.55;transform:none}.apr-edit-form{display:flex;flex-direction:column;gap:10px}.apr-edit-input{border:1.5px solid #e2e8f0;border-radius:9px;box-sizing:border-box;color:#1e293b;font-family:Sora,sans-serif;font-size:13.5px;outline:none;padding:10px 13px;resize:vertical;transition:border-color .2s;width:100%}.apr-edit-input.large{font-size:16px;font-weight:600}.apr-edit-input:focus{border-color:#32614d;box-shadow:0 0 0 3px #32614d14}.apr-img-section{border-top:1.5px solid #f0f2ef;padding-top:12px}.apr-img-label{color:#374151;font-size:12px;font-weight:700;margin-bottom:8px}.apr-img-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.apr-img-upload-btn{background:#f8faf8;border:1.5px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:7px 16px;transition:all .2s;white-space:nowrap}.apr-img-upload-btn:hover{background:#f0f2ef;border-color:#32614d}.apr-img-clear-btn{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:background .2s}.apr-img-clear-btn:hover{background:#fecaca}.apr-edit-actions{display:flex;gap:9px}.apr-btn-save{align-items:center;background:#32614d;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:13px;font-weight:700;gap:7px;padding:10px 22px;transition:all .2s}.apr-btn-save:hover{background:#2a5240;transform:translateY(-1px)}.apr-btn-ghost{background:#0000;border:1.5px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;font-family:Sora,sans-serif;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.apr-btn-ghost:hover{background:#f5f7f0}.apr-btn-ghost.sm{font-size:12.5px;padding:8px 14px}.apr-btn-danger{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-size:14px;font-weight:700;gap:7px;justify-content:center;min-width:100px;padding:11px 24px;transition:all .2s}.apr-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.apr-spin{animation:aprspin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:15px;width:15px}@media (max-width:640px){.apr-header{flex-wrap:wrap;gap:12px;padding:20px 16px}.apr-pending-badge{margin-left:0}.apr-card-inner{flex-direction:column}.apr-cover,.apr-cover-placeholder{border-bottom:1.5px solid #f0f2ef;border-right:none;height:180px;width:100%}.apr-filters{gap:7px;padding:14px 12px}.apr-content{padding:14px 10px}.apr-body{padding:14px}}.dashboard-page{background:#f5f7f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.cover-photos-container{height:240px;min-height:220px;overflow:hidden;position:relative;width:100%}.cover-photos{height:100%;object-fit:cover;width:100%}.change-cover-btn{align-items:center;background:#ffffffe6;border:none;border-radius:5.4px;box-shadow:0 1.8px 7.2px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:12.6px;font-weight:500;gap:5.4px;padding:7.2px 14.4px;position:absolute;right:18px;top:18px;transition:all .2s}.change-cover-btn:hover{background:#fff;box-shadow:0 3.6px 10.8px #00000026}.main-layout{grid-gap:27px;box-sizing:border-box;display:grid;gap:27px;grid-template-columns:minmax(280px,320px) minmax(0,1fr);margin:-63px auto 0;max-width:1260px;padding:0 18px 18px;position:relative;width:100%;z-index:1}.sidebar{align-self:start;max-width:288px;position:-webkit-sticky;position:sticky;top:24px;width:100%}.profile-card{background:#fff;border:1px solid #e2efe7f2;border-radius:24px;box-shadow:0 18px 40px #0f172a14;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-avatar-wrap{margin:0 auto 16px;position:relative;width:-webkit-fit-content;width:fit-content}.dashboard-sidebar-avatar{background:#f3f4f6;border:4px solid #edf7f2;border-radius:50%;box-shadow:0 10px 24px #32614d2e;display:block;height:92px;object-fit:cover;width:92px}.dashboard-avatar-edit-btn{align-items:center;background:linear-gradient(135deg,#32614d,#3f7c61);border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 4px 10px #00000029;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:2px;width:30px}.profile-header{height:126px;position:relative}.avatar-circle{animation:fadeIn .5s ease;border:4.5px solid #fff;border-radius:50%;box-shadow:0 3.6px 18px #00000026;height:90px;left:99px;overflow:hidden;position:absolute;top:45px;width:90px}.avatar-circle img{height:100%;object-fit:cover;width:100%}.avatar-camera-btn{align-items:center;background:#32614d;border:3px solid #fff;border-radius:50%;bottom:45px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:30px;justify-content:center;left:173px;position:absolute;transition:all .2s;width:30px;z-index:10}.avatar-camera-btn:hover{background:#4a9c7c;box-shadow:0 3px 12px #0000004d;transform:scale(1.05)}.profile-info-container{padding:28px 20px 20px}.profile-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 6px!important}.profile-name,.profile-title{text-align:center;word-break:break-word}.profile-title{color:#6b7280;font-size:12.6px;margin:0 0 18px}.stats-container{background:linear-gradient(180deg,#f7fbf8,#f1f7f3);border:1px solid #e2efe7;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;margin-bottom:18px;padding:14px 10px}.stats-grid{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;text-align:center}.stat-item{flex:1 1;padding:0 9px;position:relative}.stat-button{background:#0000;border:none;border-radius:12px;cursor:pointer;padding:12px 8px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.stat-button:hover{background:#32614d14;box-shadow:0 4px 12px #32614d14;transform:translateY(-1px)}.stats-value{color:#1f2937;display:block;font-size:18px;font-weight:700;margin-bottom:4.5px}.stats-label{color:#6b7280;display:block;font-size:10px;line-height:1.5;text-transform:uppercase}.stat-divider{background:#e5e7eb;height:36px;margin:0 4.5px;width:.9px}.stat-item:not(:last-child){border-right:.9px solid #e5e7eb}.nav-menu{gap:10px}.nav-button{align-items:center;background:#f8fbf9;border:1px solid #0000;border-radius:14px;box-sizing:border-box;color:#4b5563;cursor:pointer;display:flex;font-size:12.6px;font-weight:500;gap:12px;min-width:0;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.nav-button.active{background:linear-gradient(135deg,#fff,#f2f8f4);border-color:#d8e8de;box-shadow:0 10px 24px #32614d14;color:#2a5240}.nav-button:not(.active):hover{background:#fff;border-color:#e3ede8;color:#32614d}.nav-icon{flex-shrink:0;height:36px;object-fit:contain;width:36px}.main-content{flex:1 1;max-width:100%;min-width:0}.tab-content{animation:fadeIn .3s ease;background:#fff;border:1px solid #e2efe7f2;border-radius:24px;box-shadow:0 18px 40px #0f172a0f;max-width:100%;overflow:hidden}.tab-header{box-sizing:border-box;max-width:100%;padding:28px}.tab-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:22.5px}.about-section{max-width:720px}.bio-card{background-color:#f9fafb;border:.9px solid #e5e7eb;border-radius:10.8px;box-shadow:0 .9px 2.7px #0000000d;margin-top:27px;padding:22.5px}.bio-title{border-bottom:1.8px solid #32614d;color:#1f2937;font-size:16.2px;font-weight:600;margin-bottom:18px;padding-bottom:9px}.bio-text{color:#4b5563;font-size:13.5px;line-height:1.6;margin:0}.info-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(2,1fr);margin-bottom:27px}.info-card{background-color:#fff;border:.9px solid #e5e7eb;border-radius:7.2px;box-shadow:0 .9px 1.8px #00000008;margin-top:18px;padding:18px}.info-header{align-items:center;color:#32614d;display:flex;gap:9px;margin-bottom:9px}.info-label{color:#374151;font-weight:600}.info-label,.info-value{font-size:14.4px;margin:0}.info-value{color:#1f2937;font-weight:500}.interests-section{background-color:#fff;border:.9px solid #e5e7eb;border-radius:10.8px;box-shadow:0 .9px 1.8px #00000008;padding:22.5px}.interests-header{align-items:center;color:#374151;display:flex;font-size:16.2px;font-weight:600;gap:9px;margin-bottom:18px}.interests-container{display:flex;flex-wrap:wrap;gap:10.8px;margin-top:18px}.interest-tag{background:linear-gradient(135deg,#e8f4f0,#d4ede6);border:.9px solid #b8e0d2;border-radius:22.5px;box-shadow:0 1.8px 3.6px #0000000d;color:#32614d;font-size:12.6px;font-weight:500;padding:9px 18px}.edit-form{max-width:720px}.form-grid{grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr}.form-grid,.form-group{margin-bottom:18px}.form-labels{color:#000!important;display:block;font-size:12.6px;font-weight:500;margin-bottom:7.2px}.form-input{border:.9px solid #d1d5db;border-radius:5.4px;font-size:12.6px;padding:9px 10.8px;width:100%}.form-input.error{border-color:#ef4444}.form-textarea{border:.9px solid #d1d5db;border-radius:5.4px;font-size:12.6px;height:135px;padding:9px 10.8px;resize:none;width:100%}.char-count{color:#6b7280}.char-count,.error-message{font-size:10.8px;margin-top:3.6px}.error-message{color:#ef4444}.edit-interests-container{display:flex;flex-wrap:wrap;gap:7.2px;margin-bottom:9px}.edit-interest-tag{align-items:center;background:#e8f4f0;border-radius:18px;color:#32614d;display:flex;font-size:12.6px;padding:5.4px 10.8px}.remove-interest-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:10.8px;margin-left:7.2px}.add-interest-container{display:flex;gap:9px;margin-bottom:27px}.add-interest-input{border:.9px solid #d1d5db;border-radius:5.4px;flex:1 1;font-size:12.6px;padding:7.2px 10.8px}.add-interest-btn{background:#3b82f6;border:none;border-radius:5.4px;color:#fff;cursor:pointer;font-size:12.6px;font-weight:500;padding:7.2px 14.4px}.form-actions{gap:9px}.save-btn{align-items:center;background:#3b82f6;border-radius:5.4px;cursor:pointer;display:flex;font-size:12.6px;font-weight:600;gap:7.2px;padding:9px 18px;transition:background .2s}.save-btn:hover{background:#2563eb}.save-btn:disabled{background:#94a3b8}.cancel-btn{border:.9px solid #d1d5db;border-radius:5.4px;color:#4b5563;font-size:12.6px;font-weight:600;padding:9px 18px}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.location-suggestions{background:#fff;border:.9px solid #e5e7eb;border-radius:5.4px;box-shadow:0 3.6px 18px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.location-suggestion{border-bottom:.9px solid #f3f4f6;color:#374151;cursor:pointer;font-size:12.6px;padding:9px 10.8px;transition:background .2s}.location-suggestion:hover{background:#f9fafb}.modal-overlay{background:#00000080}.modal-content{border-radius:10.8px;box-shadow:0 9px 36px #0003;max-width:360px;padding:27px}.modal-header{gap:10.8px;margin-bottom:18px}.modal-title{color:#1f2937;font-size:16.2px;font-weight:600;margin:0}.modal-message{color:#4b5563;font-size:12.6px;line-height:1.6;margin-bottom:22.5px}.modal-actions{gap:9px}.modal-btn{border-radius:5.4px;cursor:pointer;font-size:12.6px;font-weight:500;padding:9px 18px;transition:all .2s}.modal-btn-secondary{background:#fff;border:.9px solid #d1d5db;color:#4b5563}.modal-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-btn-primary{align-items:center;background:#3b82f6;border:none;color:#fff;display:flex;font-weight:600;gap:7.2px}.modal-btn-primary:hover{background:#2563eb}@media (max-width:1024px){.main-layout{gap:18px;grid-template-columns:minmax(0,1fr);margin-top:-45px;padding:0 13.5px 13.5px}.sidebar{margin:0 auto;max-width:100%;position:static;width:100%}.cover-photo-container{height:162px}}@media (max-width:768px){.main-layout{padding:0 9px 9px}.cover-photo-container{height:144px}.avatar-circle{bottom:-36px!important;height:72px!important;left:18px!important;width:72px!important}.profile-info-container{padding:20px 18px 18px!important}.form-grid{grid-template-columns:1fr!important}.info-grid{grid-template-columns:1fr}.change-cover-btn{bottom:9px;font-size:11.7px;padding:5.4px 10.8px;right:9px}.tab-header{padding:18px}.nav-button{font-size:11.7px;padding:9px 12.6px}.files-grid{grid-template-columns:1fr}.file-card{align-items:flex-start;flex-wrap:wrap}.file-actions{justify-content:flex-end;width:100%}.stats-grid{flex-wrap:wrap;justify-content:space-between}.stat-item{flex-basis:calc(33.333% - 9px);flex-grow:0;flex-shrink:0;margin-bottom:9px}.stat-divider{display:none}.stat-item:not(:last-child){border-right:none}}@media (max-width:480px){.stats-grid{flex-direction:column;gap:13.5px}.stat-item{flex:1 1;padding:9px 0;width:100%}.stat-item:not(:last-child){border-bottom:.9px solid #e5e7eb;border-right:none;padding-bottom:13.5px}.form-actions,.modal-actions{flex-direction:column}.modal-btn{text-align:center;width:100%}}.hidden{display:none!important}.text-center{text-align:center}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-2{gap:7.2px}.gap-4{gap:14.4px}.gap-6{gap:21.6px}.mt-2{margin-top:7.2px}.mt-4{margin-top:14.4px}.mb-2{margin-bottom:7.2px}.mb-4{margin-bottom:14.4px}.mb-6{margin-bottom:21.6px}.p-4{padding:14.4px}.p-6{padding:21.6px}.rounded{border-radius:5.4px}.rounded-lg{border-radius:10.8px}.shadow-sm{box-shadow:0 .9px 1.8px #0000000d}.shadow-md{box-shadow:0 3.6px 5.4px #00000012}.shadow-lg{box-shadow:0 9px 22.5px #0000001a}.border{border:.9px solid #e5e7eb}.border-b{border-bottom:.9px solid #e5e7eb}.border-t{border-top:.9px solid #e5e7eb}.text-sm{font-size:12.6px}.text-base{font-size:14.4px}.text-lg{font-size:16.2px}.text-xl{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-900{color:#1f2937}.text-blue-500{color:#3b82f6}.text-red-500{color:#ef4444}.text-green-600{color:#32614d}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-blue-50{background-color:#eff6ff}.bg-gradient-blue{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.edit-profile-btn{align-items:center;background:#32614d;border:none;border-radius:5.4px;box-shadow:0 1.8px 7.2px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:12.6px;font-weight:500;gap:5.4px;margin-left:auto;margin-top:0;padding:9px 14.4px;transition:all .2s}.files-section{display:flex;flex-direction:column;gap:18px}.files-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.files-header h4{color:#1f2937;font-size:16px;font-weight:700;margin:0}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.file-card{background:linear-gradient(180deg,#fff,#fbfdfc);border:1px solid #e4ece7;border-radius:18px;gap:14px;min-width:0;padding:16px}.file-card,.file-icon{align-items:center;display:flex}.file-icon{background:#f2f7f4;border-radius:14px;flex-shrink:0;height:46px;justify-content:center;width:46px}.file-info{flex:1 1;min-width:0}.file-name{color:#1f2937;font-size:14px;font-weight:700;word-break:break-word}.file-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:4px}.file-actions{flex-shrink:0;gap:8px}.file-action-btn,.file-actions{align-items:center;display:flex}.file-action-btn{background:#fff;border:1px solid #dbe7e0;border-radius:12px;color:#32614d;cursor:pointer;height:36px;justify-content:center;width:36px}.file-action-btn.delete{color:#dc2626}.upload-btn{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:11px 16px}.stat-item.horizontal{padding:0 13.5px;text-align:center}.stat-item.horizontal .stats-value{color:#1f2937;display:block;font-size:21.6px;font-weight:700;margin-bottom:7.2px}.stat-item.horizontal .stat-label{color:#6b7280;display:block;font-size:11.7px;letter-spacing:.45px;text-transform:uppercase}.stats-grid.compact{justify-content:space-between;padding:0 18px}.stats-grid.compact .stat-item{flex:0 0 auto;padding:0 13.5px}.stats-grid.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.stats-grid.grid .stat-item{padding:0;text-align:center}.stats-grid.grid .stat-divider{display:none}.stats-grid{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important}.stat-item{display:block!important;float:none!important}.follow-button-container{display:flex;flex-direction:column;gap:8px;margin:10px 0}.follow-btn,.follow-button-wrapper{align-items:center;display:flex;gap:8px}.follow-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.follow-btn:disabled{cursor:not-allowed;opacity:.7}.follow-btn.loading{background-color:#f0f0f0;color:#666}.follow-btn-primary{background-color:#0095f6;color:#fff}.follow-btn-primary:hover{background-color:#0074cc}.unfollow-btn{background-color:initial;border:1px solid #dbdbdb;color:#262626}.unfollow-btn:hover{background-color:#fafafa;border-color:#a8a8a8}.pending-btn{background-color:#8e8e8e;color:#fff}.pending-btn:hover{background-color:#6e6e6e}.reject-btn{background-color:#ed4956;color:#fff}.reject-btn:hover{background-color:#c13545}.request-actions{gap:8px}.following-actions{align-items:center;display:flex;gap:12px}.following-badge,.mutual-badge{align-items:center;color:#8e8e8e;display:flex;font-size:14px;font-weight:500;gap:6px}.mutual-badge{color:#0095f6}.spinner{border:2px solid #f3f3f3;height:16px;width:16px}.error-message{color:#ed4956}.error-message,.success-message{border-radius:4px;font-size:12px;margin-bottom:4px;padding:4px 8px}.success-message{color:#4caf50}.settings-page{background:#f5f7f0}.settings-header{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border-radius:0 0 20px 20px;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{font-size:2rem;font-weight:700;margin:0}.header-content p{margin:.5rem 0 0;opacity:.9}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;display:flex;gap:1rem;padding:.75rem 1.5rem}.user-avatar{border:3px solid #ffffff4d;height:48px;width:48px}.user-namee{color:#fff;font-size:1rem;font-weight:600}.user-emaill{color:#fff;font-size:.875rem;opacity:.8}.settings-container{display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:0 2rem}.settings-sidebar{border-radius:16px;box-shadow:0 4px 20px #00000014;flex-shrink:0;padding:1.5rem;top:2rem;width:280px}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{color:#32614d;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.sidebar-btn{align-items:center;background:none;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;position:relative;transition:all .2s ease;width:100%}.sidebar-btn:hover{background:#32614d14;color:#32614d;transform:translateX(4px)}.sidebar-btn.active{background:linear-gradient(135deg,#32614d,#2a5240);box-shadow:0 4px 12px #32614d4d;color:#fff}.sidebar-btn svg{transition:transform .2s}.sidebar-btn:hover svg{transform:scale(1.1)}.badge{background:#faa002;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.25rem .5rem;position:absolute;right:1rem;text-align:center}.sidebar-footer{border-top:1px solid #eaeaea;margin-top:3rem;padding-top:1.5rem}.logout-btn{align-items:center;background:#fef2f2;border:2px solid #fee2e2;border-radius:12px;color:#dc2626;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.logout-btn:hover{background:#fee2e2;transform:translateY(-2px)}.settings-main{flex:1 1}.settings-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;padding:2rem}.section-header{margin-bottom:2rem}.section-header h3{align-items:center;color:#32614d;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.section-header p{color:#666;font-size:.95rem;margin:0}.warning-text{align-items:center;color:#faa002;display:flex;font-weight:500;gap:.5rem;margin-top:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.form-group.full-width{grid-column:span 2}.form-group label{color:#32614d;font-size:.95rem;margin-bottom:.5rem}.form-input,.form-textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:.875rem 1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#32614d;box-shadow:0 0 0 3px #32614d1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.quick-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.action-card.active{background:linear-gradient(135deg,#32614d0d,#2a52400d);border-color:#32614d}.action-icon{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.action-content{flex:1 1}.action-content h4{color:#32614d;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.action-content p{color:#666;font-size:.9rem;margin:0}.toggle-btn{background:#e0e0e0;border:none;border-radius:14px;cursor:pointer;height:28px;padding:0;position:relative;transition:all .3s ease;width:52px}.toggle-btn.on{background:#32614d}.toggle-slider{background:#fff;border-radius:50%;height:24px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:24px}.toggle-btn.on .toggle-slider{transform:translateX(24px)}.posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.post-card{border:2px solid #e0e0e0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.post-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.post-card.deleted{background:#fef2f2;border-color:#fee2e2}.post-card.saved{background:#eff6ff;border-color:#dbeafe}.post-header{align-items:center;gap:1rem;margin-bottom:1rem}.post-avatar{border:2px solid #e0e0e0;border-radius:50%;height:48px;object-fit:cover;width:48px}.post-meta{flex:1 1}.author-name{color:#32614d;display:block;font-weight:600;margin-bottom:.25rem}.post-date{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem}.post-image{border-radius:12px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.post-content{color:#333;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.post-actions-row{align-items:center;border-top:1px solid #eee;display:flex;gap:1rem;margin-bottom:1rem;padding-top:.5rem}.post-actions-row .action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.35rem;padding:.4rem .75rem;transition:color .2s,background .2s}.post-actions-row .action-btn:hover{background:#f0f0f0;color:#32614d}.post-actions-row .action-btn.like-btn.active,.post-actions-row .action-btn.save-btn.active{color:#32614d}.deletion-timer{background:#faa0021a;border:1px solid #faa00233;border-radius:12px;margin-bottom:1rem;padding:1rem}.timer-content{align-items:center;color:#faa002;display:flex;font-weight:600;gap:.75rem}.days-left{font-size:1.25rem}.days-left.warning{animation:pulse 2s infinite;color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.action-buttons{gap:.75rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#32614d,#2a5240)}.save-btn:hover{box-shadow:0 6px 20px #32614d4d;transform:translateY(-2px)}.restore-btn{background:#10b981;color:#fff}.restore-btn:hover{background:#059669;transform:translateY(-2px)}.delete-btn{background:#dc2626}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}.view-btn{background:#3b82f6;color:#fff}.remove-btn{background:#6b7280;color:#fff}.danger-btn{background:#dc2626;color:#fff;padding:.875rem 2rem}.empty-state{padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{color:#32614d;margin-bottom:.5rem}.empty-state p{margin:0 auto 2rem}.refresh-btn{background:linear-gradient(135deg,#32614d,#2a5240);border-radius:12px;font-weight:600;padding:.875rem 2rem;transition:all .2s}.refresh-btn:hover{box-shadow:0 6px 20px #32614d4d;transform:translateY(-2px)}.loading-container{padding:4rem}.loading-spinner{border:3px solid #e0e0e0;margin:0 auto 1rem}.notification-options,.privacy-options{display:flex;flex-direction:column;gap:1.5rem}.notification-item,.privacy-item{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem}.notification-content,.privacy-content{flex:1 1}.notification-content h4,.privacy-content h4{align-items:center;color:#32614d;display:flex;font-size:1.1rem;gap:.75rem;margin:0 0 .25rem}.notification-content p,.privacy-content p{color:#666;font-size:.9rem;margin:0}.privacy-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#32614d;cursor:pointer;font-weight:600;min-width:150px;padding:.75rem 1rem}.privacy-select:focus{border-color:#32614d;outline:none}.danger-zone{border-top:2px solid #fee2e2;margin-top:3rem;padding-top:2rem}.danger-zone h4{color:#dc2626;font-size:1.25rem;margin-bottom:1.5rem}.danger-actions{display:flex;gap:1rem}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}@media (max-width:1024px){.settings-container{flex-direction:column;padding:0 1rem}.settings-sidebar{position:static;width:100%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:768px){.settings-header{flex-direction:column;gap:1.5rem;text-align:center}.posts-grid,.quick-actions-grid{grid-template-columns:1fr}.action-buttons,.danger-actions{flex-direction:column}.btn{min-width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#32614d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a5240}*{box-sizing:border-box}.search-page-container{background:#f5f7f0;font-family:Sora,sans-serif;min-height:100vh}.search-hero{background:linear-gradient(135deg,#32614d,#1e4535);border-radius:0 0 28px 28px;box-shadow:0 12px 40px #32614d59;color:#fff;overflow:hidden;padding:28px 20px 36px;position:relative;text-align:center}.search-hero:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:280px;right:-60px;top:-60px;width:280px}.search-hero:after,.search-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.search-hero:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-40px;height:200px;left:-40px;width:200px}.search-hero-content{margin:0 auto;max-width:1100px;position:relative;z-index:1}.hero-header{gap:16px;margin-bottom:10px}.back-btn,.hero-header{align-items:center;display:flex;justify-content:center}.back-btn{background:#ffffff1f;border:1.5px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;height:46px;transition:all .25s;width:46px}.back-btn:hover{background:#ffffff38;transform:translateX(-3px)}.search-hero h1{font-size:34px;font-weight:800;letter-spacing:-.5px;margin:0}.hero-subtitle{font-size:16px;line-height:1.5;margin:0 0 24px;opacity:.85}.search-bar-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 20px;max-width:780px}.search-input-wrapper{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000002e;flex:1 1;max-width:600px;min-width:280px;position:relative}.search-icon{color:#64748b;left:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:none;border-radius:14px;color:#1e293b;font-family:Sora,sans-serif;font-size:15px;outline:none;padding:16px 52px 16px 54px;width:100%}.search-input::placeholder{color:#94a3b8}.clear-search-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search-btn:hover{background:#e2e8f0;color:#1e293b}.filter-btn{align-items:center;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 22px;transition:all .25s}.filter-btn.active,.filter-btn:hover{background:#ffffff38}.search-filters-container{display:flex;justify-content:center;margin:0 0 18px;padding:0 16px}.search-filters-wrapper{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:900px;padding:18px 20px;width:100%}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:160px}.filter-group label{color:#ffffffd9;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:#ffffffeb;border:1.5px solid #fff3;border-radius:9px;color:#1e293b;font-family:Sora,sans-serif;font-size:13.5px;outline:none;padding:10px 13px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#32614d}.checkbox-group{align-items:center;flex-direction:row;margin-top:6px;min-width:auto}.checkbox-label{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:8px}.checkbox{accent-color:#32614d;cursor:pointer;height:18px;width:18px}.clear-filters-btn{align-self:flex-end;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:9px;color:#fff;cursor:pointer;font-family:Sora,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.clear-filters-btn:hover{background:#ffffff40}.search-tabs-wrapper{display:flex;justify-content:center;padding:0 16px}.search-tabs{flex-wrap:wrap;max-width:800px;width:100%}.search-tab,.search-tabs{display:flex;gap:8px;justify-content:center}.search-tab{align-items:center;background:#ffffff1a;border:none;border-radius:11px;color:#ffffffd9;cursor:pointer;flex:1 1;font-family:Sora,sans-serif;font-size:13.5px;font-weight:600;max-width:180px;min-width:110px;padding:11px 20px;transition:all .25s}.search-tab:hover{background:#ffffff2e;transform:translateY(-1px)}.search-tab.active{background:#32614d;background:var(--tab-color,#32614d);box-shadow:0 4px 14px #0003;color:#fff}.tab-count{background:#ffffff38;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 8px}.search-main-content{margin:28px auto;max-width:1200px;padding:0 20px}.loading-state{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000012;padding:80px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8ede8;height:48px;width:48px}.loading-state p{color:#64748b;font-size:15px}.empty-state{border-radius:20px;box-shadow:0 8px 24px #00000012}.empty-state-icon{align-items:center;background:#f0f7f4;border-radius:50%;color:#32614d;display:flex;height:90px;justify-content:center;margin:0 auto 24px;width:90px}.empty-state h2{color:#1e293b;font-size:26px;font-weight:700;margin-bottom:8px}.empty-state-description{color:#64748b;font-size:15px;line-height:1.6;margin:0 auto 44px;max-width:500px}.search-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 48px;max-width:900px}.search-category-card{align-items:center;background:#fff;border:2px solid;border-radius:18px;box-shadow:0 4px 16px #0000000f;cursor:pointer;display:flex;flex-direction:column;font-family:Sora,sans-serif;padding:28px 18px;text-align:center;transition:all .3s}.search-category-card:hover{box-shadow:0 16px 36px #0000001f;transform:translateY(-8px)}.category-icon{align-items:center;border-radius:18px;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.search-category-card h3{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:6px}.search-category-card p{color:#64748b;font-size:13px}.trending-searches{background:#f8faf8;border:1.5px solid #e8ede8;border-radius:18px;margin:0 auto;max-width:750px;padding:26px}.trending-searches h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:9px;justify-content:center;margin-bottom:20px}.trending-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.trending-tag{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;color:#475569;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .25s}.trending-tag:hover{background:#32614d;border-color:#32614d;box-shadow:0 4px 12px #32614d40;color:#fff;transform:translateY(-2px)}.search-results-container{padding:0}.view-controls{align-items:center;background:#fff;border:1.5px solid #e8ede8;border-radius:14px;box-shadow:0 4px 14px #0000000d;display:flex;justify-content:space-between;margin-bottom:22px;padding:18px 22px}.results-info h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.results-count{color:#64748b;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500}.view-mode-controls{background:#f5f7f0;border:1.5px solid #e8ede8;border-radius:10px;display:flex;gap:6px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.view-mode-btn:hover{background:#e8ede8}.view-mode-btn.active{background:#32614d;color:#fff}.no-results-found{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000012;padding:60px 20px;text-align:center}.no-results-icon{align-items:center;background:#f5f7f0;border-radius:50%;color:#94a3b8;display:flex;height:90px;justify-content:center;margin:0 auto 22px;width:90px}.no-results-found h3{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:8px}.no-results-found p{color:#64748b;font-size:15px}.results-container.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.results-container.list{display:flex;flex-direction:column;gap:14px}.result-card.grid{align-items:center;background:#fff;border:1.5px solid #e8ede8;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px 22px 20px;position:relative;text-align:center;transition:all .3s}.result-card.grid:hover{border-color:#0000;box-shadow:0 18px 44px #0000001a;transform:translateY(-6px)}.card-accent{border-radius:20px 20px 0 0;height:4px;left:0;position:absolute;right:0;top:0}.card-accent.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.card-accent.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.card-accent.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-accent.red{background:linear-gradient(90deg,#ef4444,#f87171)}.card-accent.green{background:linear-gradient(90deg,#32614d,#4a9070)}.grid-avatar-wrap{height:88px;margin:10px auto 14px;position:relative;width:88px}.grid-avatar{border:3px solid #f0f7f4;border-radius:50%;box-shadow:0 6px 18px #32614d26;height:100%;object-fit:cover;transition:transform .3s;width:100%}.grid-avatar.square{border-radius:18px}.result-card.grid:hover .grid-avatar{transform:scale(1.05)}.grid-verified{align-items:center;background:#32614d;border:2.5px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:2px;width:24px}.grid-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;gap:5px;letter-spacing:.3px;margin-bottom:10px;padding:5px 12px}.grid-type-badge.blue{background:#eff6ff;color:#3b82f6}.grid-type-badge.purple{background:#f5f3ff;color:#8b5cf6}.grid-type-badge.amber{background:#fffbeb;color:#d97706}.grid-type-badge.red{background:#fef2f2;color:#ef4444}.grid-type-badge.ml-auto{margin-left:auto}.grid-name{color:#1e293b;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 4px}.grid-handle{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12.5px;margin:0 0 10px}.grid-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.55;margin:0 0 14px;overflow:hidden}.grid-stats{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;gap:16px;justify-content:center;margin:0 0 12px;padding:12px 0;width:100%}.grid-stat,.grid-stats{align-items:center;display:flex}.grid-stat{flex-direction:column}.stat-val{color:#1e293b;font-family:JetBrains Mono,monospace;font-size:17px;font-weight:700}.stat-lbl{color:#94a3b8;font-size:11px;font-weight:500;margin-top:1px}.stat-divider{background:#e8ede8;height:32px;width:1px}.grid-location{align-items:center;color:#94a3b8;font-size:12px;gap:5px}.grid-location,.grid-tags{display:flex;justify-content:center;margin-bottom:14px}.grid-tags{flex-wrap:wrap;gap:7px}.grid-tag{background:#f5f7f0;border-radius:20px;color:#5a8a6e;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;padding:4px 10px}.grid-tag.blue{background:#eff6ff;color:#3b82f6}.grid-actions{display:flex;gap:9px;margin-top:auto;width:100%}.post-author-row{align-items:center;display:flex;gap:10px;margin-bottom:12px;text-align:left;width:100%}.post-author-avatar{border:2px solid #f0f7f4;height:42px;width:42px}.post-author-name{color:#1e293b;font-size:13.5px;font-weight:700}.post-time{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:11.5px}.post-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:13.5px;line-height:1.6;margin:0 0 12px;text-align:left}.post-body,.post-thumb{overflow:hidden;width:100%}.post-thumb{border-radius:12px;height:140px;margin-bottom:12px}.post-thumb img{height:100%;object-fit:cover;width:100%}.post-stats-row{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;gap:16px;margin-bottom:14px;width:100%}.post-stats-row span{align-items:center;display:flex;gap:5px}.follow-btn-sp{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border:none;border-radius:11px;box-shadow:0 2px 8px #32614d40;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Sora,sans-serif;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:10px 16px;transition:all .25s}.follow-btn-sp:hover:not(:disabled){background:linear-gradient(135deg,#2a5240,#1e3d30);box-shadow:0 4px 14px #32614d59;transform:translateY(-1px)}.follow-btn-sp.following{background:#f5f7f0;border:1.5px solid #d0ddd7;box-shadow:none;color:#5a8a6e}.follow-btn-sp.following:hover:not(:disabled){background:#fff0f0;border-color:#fecaca;color:#dc2626}.follow-btn-sp:disabled{cursor:not-allowed;opacity:.5}.view-btn-sp{align-items:center;background:#fff;border:1.5px solid #32614d;border-radius:11px;color:#32614d;cursor:pointer;display:flex;font-family:Sora,sans-serif;font-size:13px;font-weight:700;justify-content:center;padding:10px 16px;transition:all .25s}.view-btn-sp:hover{background:#f0f7f4;transform:translateY(-1px)}.view-btn-sp.outline{flex:0 0 auto}.view-btn-sp.full{flex:1 1}.view-btn-sp.full.amber{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 2px 8px #f59e0b40;color:#fff}.view-btn-sp.full.amber:hover{box-shadow:0 4px 14px #f59e0b59}.view-btn-sp.full.red{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 2px 8px #ef444438;color:#fff}.view-btn-sp.full.red:hover{box-shadow:0 4px 14px #ef444459}.btn-spin{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.result-card.list{align-items:center;background:#fff;border:1.5px solid #e8ede8;border-radius:16px;cursor:pointer;display:flex;gap:18px;overflow:hidden;padding:18px 20px;position:relative;transition:all .25s}.result-card.list:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.result-card.list.user:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.result-card.list.org:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.result-card.list.community:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.result-card.list.post:before{background:linear-gradient(180deg,#ef4444,#f87171)}.result-card.list:hover{border-color:#d0ddd7;box-shadow:0 10px 28px #00000017;transform:translateX(4px)}.list-avatar-wrap{flex-shrink:0;position:relative}.list-avatar{border:2.5px solid #f0f7f4;border-radius:50%;box-shadow:0 4px 12px #32614d1f;height:64px;object-fit:cover;width:64px}.list-avatar.square{border-radius:14px}.verified-dot{align-items:center;background:#32614d;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.card-middle{flex:1 1;min-width:0}.list-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.list-name{color:#1e293b;font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verified-chip{align-items:center;background:#32614d;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.type-pill{border-radius:10px;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;padding:2px 9px}.type-pill.blue{background:#eff6ff;color:#3b82f6}.type-pill.purple{background:#f5f3ff;color:#8b5cf6}.type-pill.amber{background:#fffbeb;color:#d97706}.type-pill.red{background:#fef2f2;color:#ef4444}.list-handle{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12px;margin-bottom:6px}.list-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.55;margin:0 0 9px;overflow:hidden}.list-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{align-items:center;background:#f5f7f0;border-radius:20px;color:#64748b;display:flex;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;gap:5px;padding:4px 10px}.card-right{display:flex;flex-direction:column;flex-shrink:0;gap:9px;min-width:140px}.pagination{flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:11px;color:#475569;cursor:pointer;font-family:Sora,sans-serif;font-weight:600;gap:8px;padding:12px 22px;transition:all .25s}.pagination-btn:hover:not(:disabled){background:#32614d;border-color:#32614d;box-shadow:0 4px 12px #32614d40;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.page-numbers{gap:6px}.page-btn,.page-numbers{align-items:center;display:flex}.page-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-family:JetBrains Mono,monospace;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.page-btn:hover{background:#f5f7f0}.page-btn.active{background:#32614d;border-color:#32614d;box-shadow:0 3px 10px #32614d40;color:#fff}.page-dots{color:#94a3b8;font-weight:600;padding:0 6px}@media (max-width:768px){.search-hero h1{font-size:26px}.search-bar-container{flex-direction:column;padding:0 10px}.search-input-wrapper{max-width:100%;min-width:auto}.filter-btn{justify-content:center;width:100%}.search-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 4px;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{min-width:120px}.results-container.grid{grid-template-columns:1fr}.result-card.list{flex-wrap:wrap}.card-right{flex-direction:row;margin-top:10px;min-width:auto;width:100%}.search-categories{grid-template-columns:1fr 1fr}.view-controls{flex-direction:column;gap:14px}}@media (max-width:480px){.search-hero{padding:20px 14px 28px}.result-card.grid{padding:20px 16px}.result-card.list{padding:14px 16px}.list-avatar{height:54px;width:54px}.search-categories{grid-template-columns:1fr}}.post-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.post-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:560px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.post-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s;width:36px}.post-modal-close:hover{background:#e5e7eb}.post-modal-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;padding-right:2.5rem}.post-modal-avatar{border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.post-modal-author{color:#111827;font-size:.95rem;font-weight:600}.post-modal-time{color:#9ca3af;font-size:.78rem}.post-modal-body{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.post-modal-image{border-radius:12px;margin-bottom:1rem;overflow:hidden}.post-modal-image img{max-height:400px;object-fit:cover;width:100%}.post-modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.post-modal-stats{border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:.88rem;gap:1.25rem;padding-top:.75rem}.post-modal-stats span{align-items:center;display:flex;gap:.35rem}.page-ellipsis{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;padding:0 .25rem;-webkit-user-select:none;user-select:none}.page-info{color:#9ca3af;font-size:.85rem;font-weight:400}.follow-requests-container{margin:0 auto;max-width:800px;padding:20px}.follow-requests-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.follow-requests-header h2{color:#333;font-size:28px;font-weight:700}.request-count{background-color:#0095f6;border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0095f6;height:40px;width:40px}.empty-state{background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:12px}.empty-icon{color:#ccc}.empty-state h3{color:#333;margin-bottom:10px}.empty-state p{color:#666;margin:0 auto;max-width:400px}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.request-user-info{align-items:center;display:flex;flex:1 1;gap:16px}.user-avatar{border:3px solid #f0f0f0;height:60px;width:60px}.user-details{flex:1 1}.user-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.user-username{color:#666;font-size:14px;margin-bottom:6px}.user-type{background-color:#f0f7ff;border-radius:4px;color:#0095f6;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.request-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.request-time{align-items:center;color:#999;display:flex;font-size:12px;gap:4px}.action-buttons{gap:8px}.accept-btn,.reject-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.accept-btn{background-color:#0095f6;color:#fff}.accept-btn:hover{background-color:#0074cc}.reject-btn{background-color:initial;border:1px solid #dbdbdb;color:#262626}.reject-btn:hover{background-color:#fafafa;border-color:#a8a8a8}.error-message,.success-message{border-radius:8px;margin-bottom:20px;padding:12px 16px}.follow-settings-container{margin:0 auto;max-width:900px;padding:20px}.settings-header{margin-bottom:30px;text-align:center}.settings-header h2{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.settings-subtitle{color:#666;font-size:16px;margin:0 auto;max-width:500px}.settings-content{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.settings-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.settings-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.setting-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.setting-info h3{color:#333;font-size:20px;font-weight:600;margin-bottom:4px}.setting-description{color:#666;font-size:14px}.settings-toggle-section{margin-top:20px}.toggle-info{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.toggle-label{display:flex;flex-direction:column;gap:4px}.toggle-title{color:#333;font-size:16px;font-weight:600}.toggle-subtitle{color:#666;font-size:14px;max-width:400px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#0095f6}input:focus+.slider{box-shadow:0 0 1px #0095f6}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.setting-explanation{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:24px}.explanation-item{background-color:#f8f9fa;border:1px solid #e8e8e8;border-radius:12px;display:flex;gap:12px;padding:16px}.explanation-icon{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#0095f6;display:flex;height:36px;justify-content:center;width:36px}.explanation-text{flex:1 1}.explanation-text strong{color:#333;display:block;margin-bottom:8px}.explanation-text ul{color:#666;font-size:14px;margin:0;padding-left:20px}.explanation-text li{margin-bottom:4px}.notification-settings{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:center;background-color:#f8f9fa;border-radius:12px;justify-content:space-between;padding:16px;transition:all .2s ease}.notification-item:hover{background-color:#f0f7ff}.notification-info{display:flex;flex-direction:column;gap:4px}.notification-label{color:#333;font-size:16px;font-weight:500}.notification-description{color:#666;font-size:14px}.notification-toggle .switch{height:28px;width:52px}.notification-toggle .slider{height:28px}.notification-toggle .slider:before{bottom:4px;height:20px;left:4px;width:20px}.settings-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}.stat-card{border:1px solid #e8e8e8;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#32614d;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon{background:#32614d;border-radius:10px;color:#fff;height:48px;width:48px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#333;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#666;font-size:14px;margin-top:4px}.settings-actions{align-items:center;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;padding-top:24px}.reset-btn,.save-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .2s ease}.reset-btn{background-color:initial;border:1px solid #ddd;color:#666}.reset-btn:hover{background-color:#f8f9fa;border-color:#999;color:#333}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d}.save-btn:disabled{opacity:.7}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0095f6;height:40px;width:40px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.error-message,.success-message{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}@media (max-width:768px){.follow-settings-container{padding:16px}.setting-explanation,.settings-stats{grid-template-columns:1fr}.settings-actions{flex-direction:column;gap:16px}.reset-btn,.save-btn{width:100%}}.top-ranking-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10.8px;margin-bottom:36px;padding:22.5px}.ranking-header{margin-bottom:22.5px;text-align:center}.ranking-header h2{color:#1a1a1a;font-size:25.2px;font-weight:700;margin-bottom:7.2px}.ranking-header p{color:#666;font-size:14.4px;margin:0}.ranking-criteria{display:flex;flex-wrap:wrap;gap:27px;justify-content:center;margin-bottom:27px}.criteria-item{min-width:90px;text-align:center}.criteria-label{color:#666;display:block;font-size:10.8px;font-weight:600;letter-spacing:.45px;margin-bottom:4.5px;text-transform:uppercase}.criteria-value{color:#32614d;display:block;font-size:14.4px;font-weight:700}.top-cards-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.top-cards-container{grid-template-columns:1fr;margin:0 auto;max-width:315px}}.top-card{border:1.8px solid;border-radius:10.8px;box-shadow:0 5.4px 18px #00000026;justify-content:center;min-height:225px;overflow:hidden;transition:transform .3s ease}.top-card:hover{transform:translateY(-4.5px)}.top-card[data-rank="1"]{border-color:gold}.top-card[data-rank="2"]{border-color:silver}.top-card[data-rank="3"]{border-color:#cd7f32}.top-card-number{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:32.4px;justify-content:center;left:13.5px;position:absolute;top:13.5px;width:32.4px;z-index:10}.top-card-image-wrapper{border:1.8px solid #e9ecef;border-radius:7.2px;height:108px;margin:18px auto 13.5px;overflow:hidden;width:108px}.top-card-image{height:100%;object-fit:cover;width:100%}.top-card-name{color:#333;font-size:18px;font-weight:600;margin-bottom:9px;text-transform:uppercase}.top-card-rating{color:gold;font-size:16.2px;letter-spacing:2.7px}.top-three-section{background:linear-gradient(135deg,#32614d,#2a5240);box-shadow:0 3.6px 13.5px #00000014;height:270px;margin-left:-10px;margin-top:135px;padding:22.5px;width:1377px}.section-title{margin-bottom:27px;text-align:center}.section-title h2{color:#32614d;font-size:25.2px;margin-top:-151.2px}.section-title p{color:#666;font-size:14.4px;margin-top:-151.2px}.top-three-grid{grid-gap:22.5px;align-items:end;gap:22.5px;margin-top:18px}@media (max-width:900px){.top-three-grid{grid-template-columns:repeat(2,1fr)}.top-card-third{grid-column:span 2;margin:0 auto;max-width:360px}}@media (max-width:600px){.top-three-grid{grid-template-columns:1fr}.top-card-third{grid-column:1;max-width:100%}}.top-card{align-items:center;background:#fff;border-radius:14.4px;box-shadow:0 5.4px 18px #0000001a;display:flex;flex-direction:column;height:100%;margin-left:54px;padding:13.5px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:60%}.top-card:hover{box-shadow:0 10.8px 22.5px #00000026;transform:translateY(-7.2px)}.top-rank-circle{align-items:center;border-radius:50%;box-shadow:0 3.6px 9px #0003;color:#fff;display:flex;font-size:21.6px;font-weight:700;height:54px;justify-content:center;left:95.4px;position:absolute;top:-36px;width:54px;z-index:2}.top-card-first .top-rank-circle{background:linear-gradient(135deg,gold,orange);border:3.6px solid #fff}.top-card-second .top-rank-circle{background:linear-gradient(135deg,silver,#a0a0a0);border:3.6px solid #fff}.top-card-third .top-rank-circle{background:linear-gradient(135deg,#cd7f32,#b87333);border:3.6px solid #fff}.top-image-container{border-radius:10.8px;height:144px;margin-bottom:18px;overflow:hidden;width:60%}.top-org-image{height:75%;object-fit:contain;transition:transform .5s ease;width:75%}.top-card:hover .top-org-image{transform:scale(1.05)}.top-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.top-card-info h3{color:#333;font-size:19.8px;font-weight:600;margin-bottom:9px}.top-card-info p{color:#666;font-size:12.6px;line-height:1.5;margin:0}.top-card-first{border-top:4.5px solid gold}.top-card-second{border-top:4.5px solid silver}.top-card-third{border-top:4.5px solid #cd7f32}.all-organizations-section{margin-top:146px}.all-organizations-section .section-title{border-bottom:1.8px solid #32614d;margin-bottom:22.5px;padding-bottom:13.5px;text-align:left}.all-organizations-section .section-title h2{color:#333;font-size:21.6px}.top-three-grid{grid-gap:1.8px;align-items:flex-end;display:grid;gap:1.8px;grid-template-columns:repeat(3,1fr);justify-items:center}.top-card{margin-left:0;max-width:252px;overflow:visible;position:relative;width:100%}.top-card-first{border:3.6px solid #f5a900}.top-card-second{border:3.6px solid #c7cbd1}.top-card-third{border:3.6px solid #b88a3b}.rating-stars{color:#f5a900;font-size:27px;letter-spacing:3.6px;margin-top:-28.8px}.top-three-grid{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(3,auto)!important;justify-content:center!important;margin-top:60px}.top-card{margin:0!important;width:260px!important}.top-three-section{margin-left:0!important;width:100%!important}.top-card-first{transform:translateY(-50px)}.top-card-first:hover{transform:translateY(-55px)}.top-three-sectionn{margin-left:0!important;margin-top:-100px;width:100%!important}.organization-card{border-radius:10.8px;box-shadow:0 3.6px 10.8px #0000001a;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.organization-card:hover{box-shadow:0 7.2px 18px #00000026}.card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:18px 18px 0;position:relative}.avatar-container{height:72px;width:72px}.organization-avatar{border:2.7px solid #32614d}.rank-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border:1.8px solid #fff;border-radius:18px;bottom:-4.5px;box-shadow:0 1.8px 4.5px #0003;color:#333;display:flex;flex-direction:column;justify-content:center;min-width:36px;padding:3.6px 7.2px;position:absolute;right:-4.5px}.rank-number{font-size:14.4px;font-weight:700;line-height:1}.rank-text{font-size:8.1px;line-height:1;text-transform:uppercase}.card-body{flex:1 1;padding:18px}.organization-name{color:#333;font-size:16.2px;font-weight:600;line-height:1.3;margin:0 0 7.2px}.organization-category{background:#f0f8ff;border-radius:18px;color:#32614d;display:inline-block;font-size:10.8px;font-weight:500;margin-bottom:13.5px;padding:3.6px 10.8px}.organization-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12.6px;line-height:1.5;margin:0 0 18px;overflow:hidden}.organization-stats{gap:18px;padding-top:13.5px}.stat{flex:1 1}.stat-numbers{font-size:16.2px;line-height:1;margin-bottom:3.6px}.stat-labels{color:#888;font-size:10.8px;letter-spacing:.45px}.card-footer{background:#f8f9fa;border-top:1px solid #eee;padding:13.5px 18px}.btn-view-profile{border-radius:7.2px;cursor:pointer;font-size:12.6px;font-weight:600;letter-spacing:.45px;padding:10.8px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-view-profile,.btn-view-profile:hover{background:linear-gradient(135deg,#32614d,#2a5240)}.btn-view-profile:hover{box-shadow:0 3.6px 7.2px #007bff4d;transform:translateY(-1.8px)}@media (max-width:768px){.avatar-container{height:63px;width:63px}.rank-badge{min-width:31.5px;padding:2.7px 5.4px}.rank-number{font-size:12.6px}.rank-text{font-size:7.2px}.organization-name{font-size:14.4px}}.avatar-container{height:81px;margin:0 auto;width:81px}.organization-avatar{background:#f1f1f1;border:1.8px solid #0000;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.organization-avatar.rank-1{border-color:#f5a900}.organization-avatar.rank-2{border-color:#c7cbd1}.organization-avatar.rank-3{border-color:#b88a3b}.organization-card{padding-bottom:16px}.organization-stats{border-top:1px solid #eee;display:flex;gap:30px;justify-content:center;margin-top:20px;padding-top:15px}.stat{align-items:center;display:flex;flex-direction:column}.stat-numbers{color:#333;font-size:20px;font-weight:700;line-height:1.2}.stat-labels{color:#666;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.btn-view-profile,.card-footer{display:none}.admin-dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.dashboard-header h1{color:#333;margin:0}.admin-nav{align-items:center;display:flex;gap:20px}.nav-link{background:#007bff;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none;transition:background .3s}.nav-link:hover{background:#0056b3}.logout-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.logout-btn:hover{background:#c82333}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{border-left:4px solid #32614d;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px;text-align:center}.stat-card.warning{border-left-color:#ffc107}.stat-card.success{border-left-color:#28a745}.stat-card.danger{border-left-color:#dc3545}.stat-card h3{color:#666;font-size:16px;font-weight:600;margin:0 0 15px}.stat-number{color:#333}.stat-link{color:#007bff;display:inline-block;font-weight:500;margin-top:10px;text-decoration:none}.users-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600}.table-header,.table-row{grid-gap:10px;display:grid;font-size:14px;gap:10px;grid-template-columns:100px 1fr 1fr 1fr 100px 120px 100px;padding:15px 20px}.table-row{align-items:center;border-bottom:1px solid #f0f0f0}.logo-cell{align-items:center;display:flex;justify-content:center;padding:5px}.logo-cell img{border:1px solid #ddd;border-radius:5px;height:60px;object-fit:cover;width:60px}.no-logo{align-items:center;background:#f5f5f5;border:1px dashed #ddd;border-radius:5px;color:#999;display:flex;font-size:10px;font-weight:500;height:60px;justify-content:center;width:60px}.table-row>div:not(:first-child){padding:0 5px;word-break:break-word}.table-row>div:nth-child(5),.table-row>div:nth-child(6),.table-row>div:nth-child(7){align-items:center;display:flex;justify-content:center;text-align:center}@media (max-width:1024px){.table-header,.table-row{font-size:13px;grid-template-columns:80px 1fr 1fr 1fr 90px 110px 90px;padding:12px 15px}.logo-cell img,.no-logo{height:50px;width:50px}}@media (max-width:768px){.users-table{overflow-x:auto}.table-header,.table-row{font-size:12px;gap:5px;grid-template-columns:70px 150px 150px 120px 80px 100px 80px;padding:10px}.logo-cell img,.no-logo{height:40px;width:40px}.no-logo{font-size:8px}}.status-badge{border-radius:12px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.pending-approvals{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px}.back-link{color:#007bff;font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.approval-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.user-details{gap:15px}.user-details,.user-header{display:flex;flex-direction:column}.user-header{align-items:center;gap:10px;margin-bottom:15px}.user-header,.user-info-main{text-align:center}.user-info-main h3{color:#333;font-size:16px;margin:0 0 5px}.user-email{color:#666;font-size:13px;margin:0 0 3px}.user-org{color:#007bff;font-size:14px;font-weight:500;margin:0}.details-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.detail-item{font-size:13px;margin-bottom:6px}.detail-item strong{color:#666;font-size:12px}.approval-actions{display:flex;gap:10px;justify-content:center}.btn-approve,.btn-reject{border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s}.btn-review{background:#007bff;color:#fff;font-size:11px;padding:5px 10px;text-align:center;text-decoration:none}.btn-review:hover{background:#0056b3}.no-data,.no-pending{color:#666;padding:60px 20px;text-align:center}.no-pending h3{color:#333;margin-bottom:10px}.btn-primary{background:#2a5240;border-radius:5px;color:#fff;display:inline-block;margin-top:15px;padding:10px 20px;text-decoration:none}.loading{color:#666;font-size:18px;padding:50px;text-align:center}.filter-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.filter-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;margin-bottom:-2px;padding:10px 20px;transition:all .3s}.filter-tabs button.active{border-bottom-color:#2d5016;color:#2d5016;font-weight:600}.filter-tabs button:hover{color:#2d5016}.programs-list{display:block}.programs-grid-admin{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-programs-admin{background:#fff;border-radius:15px;color:#666;padding:60px 20px;text-align:center}.program-card-admin{background:#fff;border:none;border-radius:15px;box-shadow:none;padding:25px;transition:all .3s}.program-card-admin:hover{background:#f5f5f5;transform:translateY(-5px)}.program-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.program-title-section{flex:1 1;margin-bottom:15px}.program-title-admin{color:#333;font-size:1.2em;font-weight:700;line-height:1.4;margin:0 0 10px;min-height:60px}.program-actions{display:flex;gap:10px}.btn-approve,.btn-edit,.btn-reject{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.btn-edit{background:#ffc107;color:#333}.btn-edit:hover{background:#ffb300}.btn-approve{background:#28a745}.btn-approve:hover{background:#218838}.btn-reject{background:#dc3545}.btn-reject:hover{background:#c82333}.program-image-wrapper-admin{align-items:center;background:#f2f4f2;border-radius:12px;display:flex;height:180px;justify-content:center;margin-bottom:18px;overflow:hidden;width:100%}.program-image-admin{display:block;height:100%;object-fit:cover;width:100%}.program-image-placeholder-admin{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);color:#666;display:flex;font-size:.9em;font-weight:600;height:100%;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:100%}.program-description-admin{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95em;line-height:1.6;margin-bottom:15px;overflow:hidden}.program-footer-admin{align-items:center;border-top:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:15px;padding-top:15px}.program-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:15px;margin-bottom:15px}.program-meta span{align-items:center;display:flex;gap:5px}.program-link-admin{color:#2d5016;font-size:.9em;font-weight:600;text-decoration:none;transition:color .3s}.program-link-admin:hover{color:#4caf50}.edit-modal{background:#00000080;bottom:0;left:0;right:0;top:0}.modal-content{border-radius:10px;padding:30px;width:90%}.modal-content h2{margin-top:0}.form-group,.form-groupp,.modal-content h2{margin-bottom:20px}.form-group label{color:#000;display:block;margin-bottom:5px}.formm-group{margin-bottom:20px}.formm-group label{color:#000;display:block;font-weight:600;margin-bottom:5px}.formm-group input,.formm-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:10px;width:100%}.formm-group textarea{min-height:100px;resize:vertical}.form-groupp input,.form-groupp textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;margin-top:20px;padding:10px;width:100%}.form-groupp textarea{min-height:100px;resize:vertical}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;padding:15px;width:100%}.form-group textarea{min-height:100px}.modal-actions{gap:10px;margin-top:20px}.btn-secondary{background:#2a5240;border:1px solid #ddd;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.btn-secondary:hover{background:#faa002}.admin-search-section{margin-bottom:25px}.admin-search-input{border:2px solid #e0e0e0;border-radius:25px;font-family:inherit;font-size:1em;max-width:600px;outline:none;padding:12px 20px;transition:all .3s;width:100%}.admin-search-input:focus{border-color:#2d5016}.category-filter-section{background:#fff;border-radius:15px;box-shadow:none;margin-bottom:25px;padding:20px}.category-filter-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.category-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.category-filter-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#555;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;padding:10px 16px;transition:all .3s}.category-filter-btn:hover{background:#f0f0f0}.category-filter-btn.active{background:#e8f5e9;color:#333;font-weight:500}.category-icon{font-size:1.1rem}.category-count{font-size:.85rem;margin-left:4px;opacity:.9}.admin-results-info{background:#f8f9fa;border-left:4px solid #2d5016;border-radius:15px;margin-bottom:20px;padding:12px 15px}.admin-results-info p{color:#666;font-size:14px;margin:0}.admin-results-info strong{color:#32614d;font-weight:600}.organizer-approvals{margin:0 auto;max-width:1400px;padding:20px}.approvals-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 400px}.organizers-list{display:flex;flex-direction:column;gap:15px}.organizer-card{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.org-basic-info{align-items:center;display:flex;flex:1 1;gap:15px}.org-avatar img{border-radius:8px;height:60px;object-fit:cover;width:60px}.org-details h3{color:#2c3e50;margin:0 0 5px}.org-email{color:#7f8c8d;margin:0 0 5px}.org-type{color:#3498db;margin:0}.org-meta{color:#95a5a6;font-size:12px}.org-actions{display:flex;gap:10px}.btn-view-details{background:#3498db}.btn-approve,.btn-view-details{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-approve{background:#27ae60}.btn-reject{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.org-details-panel{background:#fff;border:1px solid #e1e5e9;border-radius:8px;max-height:calc(100vh - 100px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.panel-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.close-panel{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px}.info-section{margin-bottom:25px}.info-section h4{border-bottom:1px solid #ecf0f1;color:#2c3e50;margin-bottom:10px;padding-bottom:5px}.info-grid{grid-gap:8px;display:grid;gap:8px}.documents-grid{grid-gap:10px;display:grid;gap:10px}.doc-link{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;color:#2c3e50;display:block;padding:10px;text-decoration:none;transition:background-color .2s}.doc-link:hover{background:#e9ecef}.no-docs{color:#7f8c8d;font-style:italic}.action-buttons{display:flex;gap:10px;margin-top:20px}.btn-approve-large{background:#27ae60}.btn-approve-large,.btn-reject-large{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:12px 20px}.btn-reject-large{background:#e74c3c}@media (max-width:1024px){.approvals-layout{grid-template-columns:1fr}.org-details-panel{position:static}}.user-type-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 8px;text-transform:capitalize}.user-type-badge.organizer{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.user-type-badge.player{background:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.user-type-badge.admin{background:#fce4ec;border:1px solid #e91e63;color:#c2185b}.verified-organizations-page{background:#f5f7f0;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.page-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left h1,.page-header{align-items:center;display:flex}.header-left h1{color:#343a40;font-size:28px;gap:12px;margin:0}.header-icon{font-size:32px}.count-badge{background:#28a745;border-radius:20px;color:#fff;font-size:16px;margin-left:10px;padding:4px 12px}.header-subtitle{color:#6c757d;font-size:15px;margin:8px 0 0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.back-link,.refresh-btn,.verify-link{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-link{background:#6c757d;border:none;color:#fff}.back-link:hover{background:#5a6268;text-decoration:none}.refresh-btn{background:#32614d;border:none;color:#fff;cursor:pointer}.refresh-btn:hover{background:#138496}.verify-link{background:#28a745;color:#fff}.verify-link:hover{background:#218838;text-decoration:none}.stats-section{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex:1 1;gap:20px;min-width:200px;padding:24px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;font-size:40px;height:30px;justify-content:center;width:30px}.stat-content h3{color:#6c757d;font-size:16px;font-weight:500;margin:0 0 8px}.stat-number{color:#007bff;font-size:36px;margin:0}.organizations-container{margin-top:24px}.organizations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.organization-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 6px 20px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.organization-card:hover{box-shadow:0 15px 40px #00000026}.card-avatar-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:180px;overflow:hidden;position:relative}.avatar-container{height:100%;position:relative;width:100%}.org-avatar{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.organization-card:hover .org-avatar{transform:scale(1.05)}.verified-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 4px 12px #28a7454d;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;top:12px}.check-icon{font-size:12px;font-weight:700}.card-info-section{padding:20px;position:relative}.org-name{color:#343a40;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px;padding-right:40px}.org-type{background:#f8f9fa;border-radius:15px;color:#6c757d;display:inline-block;font-size:14px;margin-bottom:12px;padding:4px 10px}.org-email{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.email-icon{opacity:.7}.card-menu{position:absolute;right:20px;top:20px}.menu-dots{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.menu-dots:hover{background:#007bff;border-color:#007bff;color:#fff;transform:rotate(90deg)}.card-overlay{align-items:center;background:#007bffe6;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.organization-card:hover .card-overlay{opacity:1}.view-profile-text{color:#fff;font-size:18px;font-weight:600}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:24px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state h3{color:#6c757d;font-size:24px;margin-bottom:12px}.empty-state p{color:#868e96;font-size:16px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px}.empty-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.primary-btn,.secondary-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.primary-btn{border:none;color:#fff;text-decoration:none}.primary-btn:hover{background:#32614d;text-decoration:none}.secondary-btn{background:#6c757d;border:none;color:#fff}.secondary-btn:hover{background:#5a6268}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:50px;margin:0 auto 20px;width:50px}.error-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:20px}.error-container h3{color:#dc3545;margin-bottom:12px}.error-container p{color:#6c757d;margin-bottom:20px}.retry-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.retry-btn:hover{background:#c82333}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000040;max-width:700px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#32614d,#2a5240);border-radius:20px 20px 0 0;color:#fff;padding:24px 30px}.modal-org-header{align-items:center;display:flex;flex:1 1;gap:20px}.modal-avatar{border:4px solid #ffffff4d;border-radius:16px;height:80px;object-fit:cover;width:80px}.modal-org-header h2{font-size:24px;margin:0 0 8px}.modal-org-type{background:#fff3;border-radius:15px;display:inline-block;font-size:14px;padding:4px 12px}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.modal-section{margin-bottom:30px}.section-title{align-items:center;color:#343a40;display:flex;font-size:18px;gap:12px;margin:0 0 20px}.section-icon{font-size:20px}.about-content p{color:#495057;font-size:15px;line-height:1.7;margin-bottom:20px}.no-bio-notice{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;display:flex;gap:16px;margin-top:20px;padding:20px}.notice-icon{flex-shrink:0;font-size:24px}.notice-content{flex:1 1}.notice-title{font-weight:600}.notice-text,.notice-title{color:#856404;margin:0 0 8px}.notice-text,.visit-text{font-size:14px}.visit-text{color:#007bff;font-weight:500;margin:0}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.detail-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px}.detail-label{color:#6c757d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.detail-link,.detail-value{color:#343a40;display:block;font-size:15px}.detail-link{color:#007bff;text-decoration:none}.detail-link:hover{text-decoration:underline}.focus-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.focus-tag{background:#007bff;border-radius:15px;color:#fff;font-size:13px;padding:4px 12px}.verification-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.verification-badge{align-items:center;background:#28a745;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.badge-icon{font-weight:700}.verification-date{color:#6c757d;font-size:14px;margin:12px 0 0}.modal-footer{border-top:1px solid #e9ecef;gap:16px;padding:24px 30px}.btn-close-modal,.btn-view-profile{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-view-profile{background:#007bff;border:none;color:#fff}.btn-view-profile:hover{background:#0056b3;transform:translateY(-2px)}.btn-close-modal{background:#6c757d;border:none;color:#fff}.btn-close-modal:hover{background:#5a6268}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.organizations-grid{grid-template-columns:1fr}.stat-card{min-width:100%}.modal-content{max-height:95vh}.modal-header{flex-direction:column;gap:20px}.modal-org-header{gap:16px;text-align:center}.modal-footer,.modal-org-header{flex-direction:column}.btn-close-modal,.btn-view-profile{justify-content:center;width:100%}}@media (max-width:480px){.verified-organizations-page{padding:16px}.page-header{padding:20px}.header-left h1{font-size:24px}.stat-number{font-size:28px}.modal-body{padding:20px}}.edit-modal{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(.22,1,.36,1);border-radius:20px;box-shadow:0 32px 80px #0000002e;max-height:92vh;max-width:760px;overflow-y:auto;scrollbar-color:#d0d5dd #0000;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:6px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{align-items:center;background:#fff;color:#1a2e22;display:flex;font-size:22px;font-weight:700;gap:10px;padding:28px 32px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-content h2,.modal-content>p{border-bottom:1px solid #eef0eb;margin:0}.modal-content>p{background:#f9fafb;color:#6b7280;font-size:13.5px;padding:14px 32px}.modal-form-body{grid-gap:20px 28px;display:grid;gap:20px 28px;grid-template-columns:1fr 1fr;padding:28px 32px}.form-group.full,.form-group:first-child,.form-group:has(textarea){grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.01em}.form-group label span[style*=red]{color:#ef4444;margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .18s,background .18s,box-shadow .18s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#32614d;box-shadow:0 0 0 3px #32614d1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b7c3}.form-group textarea{line-height:1.6;min-height:110px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group input[type=file]{background:#f3f4f6;border-style:dashed;color:#6b7280;cursor:pointer;font-size:13px;padding:9px 12px}.form-group input[type=file]:hover{background:#f0f7f4;border-color:#32614d}.form-group small{color:#9ca3af;font-size:12px;line-height:1.5}.form-group img{border:1.5px solid #e5e7eb;border-radius:10px;margin-top:8px;object-fit:cover}.modal-actions{background:#fff;border-top:1px solid #eef0eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px 28px;position:-webkit-sticky;position:sticky;z-index:2}.modal-actions .btn-primary{align-items:center;background:#32614d;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;padding:11px 28px;transition:background .18s,transform .15s}.modal-actions .btn-primary:hover:not(:disabled){background:#27503e;transform:translateY(-1px)}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.modal-actions .btn-secondary{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;margin-top:0;padding:11px 22px;transition:all .18s}.modal-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.modal-section-label{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11.5px;font-weight:700;grid-column:1/-1;letter-spacing:.08em;margin-top:4px;padding-bottom:8px;text-transform:uppercase}@media (max-width:600px){.modal-content{border-radius:16px;max-height:95vh}.modal-content h2{font-size:19px;padding:22px 20px 18px}.modal-content>p{padding:12px 20px}.modal-form-body{grid-template-columns:1fr;padding:20px}.form-group.full{grid-column:1}.modal-actions{flex-direction:column-reverse;padding:16px 20px 22px}.modal-actions .btn-primary,.modal-actions .btn-secondary{justify-content:center;width:100%}}.feed-container{background:#627435;max-width:64vw}.brand-section h1,.nav-item{color:#f5f7f0}.nav-item:hover{background:#f0f2f5}.nav-item.active{background:#f0f7f3}.following-header h3,.following-user-name{color:#f5f7f0}.following-status{background:#4caf50}.logout-button{font-size:9.6px;margin-top:auto;width:32%}.logout-button:hover{color:#faa002}.feed-main{width:88%}.profile-stats-horizontal{gap:16px}.profile-stat:hover .stat-label,.profile-stat:hover .stat-number,.stat-number{color:#f5f7f0}.stat-number,.stat-numberr{font-size:16px}.stat-numberr{color:#000;display:block;font-weight:700;transition:color .2s}.stat-label{color:#f5f7f0}.stat-label,.stat-labell{font-size:11.2px;margin-top:3.2px}.stat-labell{color:#000;display:block;transition:color .2s}.profile-action-btn{margin-top:-40px}.profile-username{margin-top:-12px}.post-image-preview{border:1px solid #e4e6eb;border-radius:9.6px;max-height:240px}.post-image-preview img{display:block;height:auto;max-height:240px;object-fit:contain}.remove-image-btn{height:25.6px;right:9.6px;top:9.6px;transition:all .2s;width:25.6px}.remove-image-btn:hover{background:#000000e6;transform:scale(1.1)}.post-author-name{cursor:pointer}.post-options-menu{min-width:176px}.post-options-section{margin-bottom:6.4px}.section-title{color:#65676b;font-size:9.6px;font-weight:600;letter-spacing:.4px;margin:0 0 6.4px 6.4px;text-transform:uppercase}.divider{background:#e4e6eb;height:.8px;margin:6.4px 0}.post-image{align-items:center;background:#f8f9fa;border-radius:9.6px;cursor:pointer;display:flex;justify-content:center;margin-top:9.6px;max-height:240px;overflow:hidden;transition:transform .2s}.post-image:hover{transform:scale(1.01)}.post-image img{display:block;height:auto;max-height:240px;object-fit:contain;width:100%}.reply-input-container{padding-left:32px}.refresh-recommendations{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:3.2px;transition:all .2s}.refresh-recommendations:hover{background:#f0f2f5;color:#32614d;transform:rotate(90deg)}.follow-btn-small{height:25.6px;width:25.6px}.follow-btn-small:hover:not(:disabled){background:#32614d}.modal-content{max-height:68vh;max-width:400px}.share-modal-compact{max-width:336px}.social-share-btn-compact.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff}.social-share-btn-compact.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-share-btn-compact.twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.social-share-btn-compact.instagram:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);border-color:#0000;color:#fff}.social-share-btn-compact.telegram:hover{background-color:#08c;border-color:#08c;color:#fff}.social-share-btn-compact.copy:hover{background-color:#32614d;border-color:#32614d;color:#fff}@media (max-width:992px){.feed-container{gap:16px;grid-template-columns:1fr}.feed-left-panel,.feed-right-panel{display:none}.feed-posts{grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.profile-stats-horizontal{margin-right:0}}@media (max-width:768px){.feed-container{padding:9.6px}.feed-posts{grid-template-columns:1fr}.cover-photo{height:112px}.profile-avatar-large{bottom:-32px;height:64px;width:64px}.profile-info{padding:40px 12.8px 12.8px}.profile-name{font-size:16px}.profile-stats-horizontal{gap:12.8px}.profile-actions-compact{justify-content:center;margin-top:12.8px;position:relative;right:0;top:0}.post-actions{grid-template-columns:repeat(2,1fr)}.action-button{flex-direction:row;justify-content:flex-start;min-height:32px;padding-left:9.6px}}@media (max-width:480px){.feed-container{padding:6.4px}.create-post,.post-card{padding:12.8px}.post-author-avatar,.user-avatar{height:32px;width:32px}.profile-stats-horizontal{gap:12.8px}.stat-number{font-size:14.4px}.comment-actions{gap:6.4px}.post-options-menu{min-width:144px}}.view-all-recommended{background:#f8f9fa;border:1px solid #e4e6eb;border-radius:6.4px;color:#32614d;cursor:pointer;font-size:11.2px;font-weight:500;margin-top:9.6px;padding:8px;transition:all .2s;width:100%}.view-all-recommended:hover{background:#f0f7f3;border-color:#32614d}.profile-stat:hover .stat-label,.profile-stat:hover .stat-number{color:gold}.feed-container{grid-gap:19.2px;background:#f5f7f0;display:grid;gap:19.2px;grid-template-columns:224px 1fr 256px;margin:0 auto;max-width:1120px;min-height:100vh;padding:16px}.feed-left-panel{border-radius:12.8px;box-shadow:0 1.6px 6.4px #0000000d;height:560px;margin-left:-32px;margin-right:32px;padding:16px;top:16px}.brand-section{border-bottom:1px solid #e4e6eb;margin-bottom:16px;padding-bottom:16px}.brand-section h1{align-items:center;color:#2a5240;display:flex;font-size:19.2px;font-weight:700;gap:6.4px;margin:0 0 12.8px}.nav-menu{display:flex;flex-direction:column;gap:6.4px;margin-bottom:24px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#32614d;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9.6px;padding:9.6px 12.8px;position:relative;text-decoration:none;transition:all .2s}.nav-item.active,.nav-item:hover{background:#fff;color:#32614d}.nav-item.active{font-weight:600}.nav-item svg{height:16px;width:16px}.nav-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:8.8px;font-weight:600;margin-left:auto;min-width:14.4px;padding:1.6px 4.8px;text-align:center}.following-section{margin-bottom:24px}.following-header{align-items:center;display:flex;gap:6.4px;margin-bottom:12.8px}.following-header h3{color:#2a5240;font-size:11.2px;font-weight:600;letter-spacing:.4px;margin:0;text-transform:uppercase}.following-list{display:flex;flex-direction:column;gap:9.6px}.following-user{align-items:center;border-radius:6.4px;cursor:pointer;display:flex;gap:9.6px;padding:6.4px;transition:all .2s}.following-user:hover{background:#f0f2f5}.following-user-avatar{border-radius:50%;height:28.8px;object-fit:cover;width:28.8px}.following-user-name{color:#2a5240;flex:1 1;font-size:11.2px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.following-status{border-radius:50%;flex-shrink:0;height:6.4px;width:6.4px}.following-status.online{background:#4caf50}.following-status.offline{background:#9e9e9e}.logout-button{align-items:center;background:none;border:none;border-radius:8px;color:#2a5240;cursor:pointer;display:flex;font-size:11px;font-weight:400;gap:8px;margin-top:50px;padding:9.6px 12.8px;text-decoration:none;transition:all .2s;width:48%}.logout-button:hover{background:none;color:#fa3402}.feed-main{margin-left:-24px;max-width:none;min-width:0;width:110%}.user-profile-card{background:#fff;border:1px solid #e4e6eb;border-radius:12.8px;box-shadow:0 1.6px 6.4px #0000000d;margin-bottom:12.8px;overflow:hidden;padding:0}.cover-photo{background:linear-gradient(135deg,#32614d,#4a9c7c);background-position:50%;background-repeat:no-repeat;background-size:cover;height:144px;position:relative}.profile-avatar-large{background:#fff;border:3.2px solid #fff;border-radius:50%;bottom:-40px;box-shadow:0 3.2px 16px #0000001a;height:80px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:80px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-info{padding:56px 19.2px 0;position:relative;text-align:center}.profile-header-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12.8px;position:relative}.profile-stats-horizontal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12.8px;box-shadow:0 3.2px 24px #0000001a,inset 0 .8px 0 #fff3;display:flex;flex:1 1;gap:8px;justify-content:right;margin-left:360px;margin-top:-176px;max-width:240px;padding:9.6px 14.4px}.profile-stat{cursor:pointer;flex:1 1;min-width:32px;text-align:center;transition:transform .2s}.profile-stat:hover{transform:translateY(-1.6px)}.stat-number{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1.6px 3.2px #0003}.stat-label,.stat-number{display:block;transition:color .2s}.stat-label{color:#ffffffe6;font-size:8.8px;margin-top:1.6px;text-shadow:0 .8px 1.6px #0003;white-space:nowrap}.profile-stat:hover .stat-number{color:#fda931;text-shadow:0 1.6px 6.4px #ffd7004d}.profile-stat:hover .stat-label{color:#fda931}.profile-actions-compact{gap:6.4px;position:absolute;right:19.2px;top:16px}.profile-action-btn{align-items:center;background:#f0f7f3;border:1px solid #e4e6eb;border-radius:50%;color:#32614d;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.profile-action-btn:hover{background:#32614d;color:#fff;transform:scale(1.05)}.profile-namee{align-items:center;color:#050505;display:flex;font-size:19.2px;font-weight:700;gap:6.4px;justify-content:center;margin-top:-28px}.profile-username{color:#65676b;font-size:12.8px;margin-top:0}.profile-bio{color:#333;font-size:12px;line-height:1.5;margin:0 auto;max-width:400px}.verified-badge-profile{align-items:center;background:#32614d;border-radius:50%;color:#fff;display:inline-flex;font-size:9.6px;font-weight:700;height:16px;justify-content:center;width:16px}.create-post{background:#fff;border:1px solid #e4e6eb;border-radius:12.8px;box-shadow:0 1.6px 6.4px #0000000d;display:flex;gap:12.8px;margin-bottom:12.8px;padding:16px}.user-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:38.4px;object-fit:cover;width:38.4px}.post-form{flex:1 1;gap:12.8px}.post-form,.post-input-container{display:flex;flex-direction:column}.post-input-container{gap:9.6px}.post-textarea{background:#f8f9fa;border:1px solid #e4e6eb;border-radius:9.6px;font-family:inherit;font-size:12.8px;min-height:80px;padding:12.8px;resize:none;transition:border-color .2s;width:100%}.post-textarea:focus{background:#fff;border-color:#32614d;outline:none}.post-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.post-images-preview{grid-gap:6.4px;display:grid;gap:6.4px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:9.6px}.post-image-preview{border-radius:6.4px}.remove-image-btn{font-size:9.6px;height:19.2px;right:3.2px;top:3.2px;width:19.2px}.image-counter-preview{border-radius:6.4px;bottom:3.2px;font-size:8.8px;padding:1.6px 4.8px;right:3.2px}.post-form-actions{align-items:center;display:flex;justify-content:space-between}.media-actions{display:flex;gap:9.6px}.media-upload-input{display:none}.media-action-btn{align-items:center;background:#2a5240;border:none;border-radius:6.4px;color:#fff;cursor:pointer;display:flex;font-size:11.2px;font-weight:500;gap:6.4px;padding:8px 12.8px;transition:all .2s}.media-action-btn:hover:not(.disabled){background:#faa002}.media-action-btn.disabled{cursor:not-allowed;opacity:.5}.post-button{background:linear-gradient(135deg,#32614d,#2a5240);border:none;border-radius:6.4px;color:#fff;cursor:pointer;font-size:11.2px;font-weight:600;padding:8px 19.2px;transition:all .2s}.post-button:hover:not(:disabled){background:#faa002;box-shadow:0 3.2px 9.6px #32614d33;transform:translateY(-.8px)}.post-button:disabled{background:#e4e6eb;color:#999;cursor:not-allowed;transform:none}.feed-posts{grid-gap:12.8px;display:grid;gap:12.8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.post-card{background:#fff;border:1px solid #e4e6eb;border-radius:12.8px;box-shadow:0 1.6px 6.4px #0000000d;break-inside:avoid;padding:16px;page-break-inside:avoid;transition:all .2s}.post-card:hover{box-shadow:0 6.4px 24px #00000014}.post-header{align-items:flex-start;display:flex;gap:9.6px;margin-bottom:12.8px;position:relative}.post-author-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:38.4px;object-fit:cover;width:38.4px}.post-author-info{cursor:pointer;flex:1 1;min-width:0}.post-author-name{color:#050505;font-size:12px;font-weight:600;margin:0 0 3.2px}.post-author-name:hover{text-decoration:underline}.post-meta{align-items:center;color:#65676b;display:flex;font-size:10.4px;gap:6.4px}.post-time{color:#8a8d91}.user-type-badge{background:#f0f2f5;border-radius:9.6px;color:#65676b;font-size:8.8px;font-weight:500;padding:2.4px 6.4px}.post-options-container{margin-left:auto;position:relative}.more-options{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;height:28.8px;justify-content:center;padding:6.4px;transition:all .2s;width:28.8px}.more-options:hover{background:#f0f2f5;color:#050505}.post-options-menu{animation:fadeIn .2s ease;background:#fff;border:1px solid #e4e6eb;border-radius:9.6px;box-shadow:0 3.2px 16px #00000026;min-width:144px;padding:6.4px;position:absolute;right:0;top:100%;z-index:1001}.post-option{align-items:center;background:none;border:none;border-radius:4.8px;color:#050505;cursor:pointer;display:flex;font-size:11.2px;gap:8px;padding:8px 9.6px;text-align:left;transition:background-color .2s;width:100%}.post-option:hover{background-color:#f0f2f5}.post-option.delete{color:#ef4444}.post-option.delete:hover{background-color:#fee;color:#dc2626}.post-content{color:#050505;font-size:12px;line-height:1.5;margin-bottom:12.8px;max-height:320px;overflow:hidden}.post-images-carousel{align-items:center;background:#f8f9fa;border-radius:9.6px;cursor:pointer;display:flex;justify-content:center;margin-top:9.6px;max-height:240px;overflow:hidden;position:relative}.post-images-carousel img{display:block;max-height:240px}.image-counter{background:#000000b3;border-radius:9.6px;color:#fff;font-size:9.6px;padding:3.2px 6.4px;position:absolute;right:8px;top:8px}.carousel-controls{bottom:8px;display:flex;justify-content:space-between;left:0;padding:0 8px;position:absolute;right:0}.carousel-controls button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12.8px;height:24px;justify-content:center;width:24px}.post-actions{grid-gap:3.2px;border-bottom:1px solid #e4e6eb;border-top:1px solid #e4e6eb;display:grid;gap:3.2px;grid-template-columns:1fr 1fr 1fr 1fr;margin:9.6px 0;padding:6.4px 0}.action-button{align-items:center;background:none;border:none;border-radius:4.8px;color:#32614d;cursor:pointer;display:flex;flex-direction:column;font-size:10.4px;gap:3.2px;justify-content:center;min-height:48px;padding:6.4px 3.2px;transition:all .2s}.action-button:hover{background:#f0f7f3}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.liked .action-count{color:#ef4444}.action-button.saved .action-count{color:#f59e0b}.action-button-content{align-items:center;display:flex;flex-direction:column;gap:3.2px}.action-count{color:#32614d;font-size:8.8px;font-weight:500}.post-comments-section{border-top:1px solid #e4e6eb;margin-top:9.6px;padding-top:9.6px;position:relative}.comments-list{margin-bottom:9.6px}.comment-with-options{position:relative}.comment{display:flex;gap:6.4px;margin-bottom:9.6px}.comment-avatar{border-radius:50%;flex-shrink:0;height:25.6px;object-fit:cover;width:25.6px}.comment-content{background:#f8f9fa;border-radius:9.6px;flex:1 1;padding:8px 11.2px;position:relative}.comment-header{align-items:center;display:flex;font-size:9.6px;justify-content:space-between;margin-bottom:4.8px}.comment-author-name{color:#050505;cursor:pointer;font-weight:600}.comment-author-name:hover{text-decoration:underline}.comment-time{color:#8a8d91}.comment-text{color:#333;font-size:11.2px;line-height:1.4;margin:0}.comment-options-container{margin-top:6.4px;position:relative}.comment-actions{align-items:center;display:flex;gap:9.6px}.comment-action-btn{align-items:center;background:none;border:none;border-radius:3.2px;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:3.2px;transition:all .2s}.comment-action-btn:hover{background:#f0f2f5;color:#32614d}.comment-action-btn.liked{color:#ef4444}.comment-action-btn.liked:hover{color:#dc2626}.comment-options-menu{background:#fff;border:1px solid #e4e6eb;border-radius:6.4px;box-shadow:0 1.6px 8px #0000001a;min-width:144px;padding:6.4px;position:absolute;right:0;top:100%;z-index:1000}.comment-option{align-items:center;background:none;border:none;border-radius:4.8px;color:#050505;cursor:pointer;display:flex;font-size:11.2px;gap:6.4px;padding:6.4px 9.6px;text-align:left;transition:background-color .2s;width:100%}.comment-option:hover{background-color:#f0f2f5}.comment-option.delete{color:#ef4444}.comment-option.delete:hover{background-color:#fee;color:#dc2626}.reply-input-container{display:flex;gap:6.4px;margin-top:6.4px;max-width:100%;padding-left:0;width:100%}.reply-input{background:#f8f9fa;border:1px solid #e4e6eb;border-radius:16px;flex:1 1;font-size:11.2px;max-width:calc(100% - 32px);padding:6.4px 12.8px;transition:all .2s}.reply-input:focus{background:#fff;border-color:#32614d;outline:none}.reply-submit-btn{align-items:center;background:#32614d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25.6px;justify-content:center;transition:all .2s;width:25.6px}.reply-submit-btn:hover{background:#2a5240;transform:scale(1.05)}.add-comment{display:flex;gap:6.4px;margin-top:9.6px}.comment-input{background:#f8f9fa;border:1px solid #e4e6eb;border-radius:16px;flex:1 1;font-size:11.2px;padding:8px 12.8px;transition:all .2s}.comment-input:focus{background:#fff;border-color:#32614d;outline:none}.comment-submit-btn{align-items:center;background:linear-gradient(135deg,#32614d,#2a5240);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28.8px;justify-content:center;transition:all .2s;width:28.8px}.comment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2a5240,#1f3d2f);transform:scale(1.05)}.comment-submit-btn:disabled{background:#e4e6eb;cursor:not-allowed;transform:none}.feed-right-panel{gap:16px;margin-left:40px;margin-right:-32px;top:16px}.recommended-section{background:#fff;border:1px solid #e4e6eb;border-radius:12.8px;box-shadow:0 1.6px 6.4px #0000000d;padding:16px}.recommended-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12.8px}.recommended-header h3{color:#050505;font-size:12.8px;font-weight:600;margin:0}.see-all-btn{background:#32614d;border:none;border-radius:6.4px;color:#fff;cursor:pointer;font-size:11.2px;font-weight:500;padding:4.8px 9.6px;transition:all .2s}.see-all-btn:hover{background:#2a5240}.recommended-list{display:flex;flex-direction:column;gap:12.8px}.recommended-user{align-items:center;border-radius:6.4px;cursor:pointer;display:flex;gap:9.6px;padding:6.4px;transition:all .2s}.recommended-user:hover{background:#f8f9fa}.recommended-avatar{border-radius:50%;flex-shrink:0;height:38.4px;object-fit:cover;width:38.4px}.recommended-info{flex:1 1;min-width:0}.recommended-name{align-items:center;color:#050505;display:flex;font-size:11.2px;font-weight:600;gap:3.2px;margin:0 0 3.2px}.recommended-title{color:#65676b;font-size:10.4px;margin:0}.follow-btn-small{align-items:center;background:#f0f2f5;border:none;border-radius:50%;color:#32614d;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.follow-btn-small:hover:not(:disabled){background:#fda931;color:#fff}.follow-btn-small.following{background:#32614d;color:#fff}.follow-btn-small:disabled{cursor:not-allowed;opacity:.5}.verified-badge-tiny{align-items:center;background:#32614d;border-radius:50%;color:#fff;display:flex;font-size:6.4px;font-weight:700;height:9.6px;justify-content:center;width:9.6px}.user-type-indicator{color:#65676b}.donate-section{background:linear-gradient(135deg,#32614d,#2a5240);border:1px solid #e4e6eb;border-radius:12.8px;box-shadow:0 3.2px 16px #32614d33;color:#fff;padding:19.2px}.donate-section h3{font-size:16px;font-weight:700;margin:0 0 12.8px;text-align:center}.donate-amounts{grid-gap:6.4px;display:grid;gap:6.4px;grid-template-columns:repeat(3,1fr);margin-bottom:12.8px}.donate-amount{background:#ffffff1a;border:1.6px solid #fff3;border-radius:9.6px;color:#fff;cursor:pointer;font-size:11.2px;font-weight:600;padding:9.6px 6.4px;text-align:center;transition:all .2s}.donate-amount:hover{background:#fff3;border-color:#fff6;transform:translateY(-.8px)}.donate-amount.active{background:#fff;border-color:#fff;color:#32614d}.donate-input{background:#ffffff1a;border:1.6px solid #ffffff4d;border-radius:9.6px;color:#fff;font-size:11.2px;margin-bottom:9.6px;padding:9.6px;text-align:center;transition:all .2s;width:100%}.donate-input:focus{background:#fff3;border-color:#fff;outline:none}.donate-input::placeholder{color:#fff9}.donate-button{background:#fff;border:none;border-radius:9.6px;color:#32614d;cursor:pointer;font-size:12.8px;font-weight:600;padding:11.2px;transition:all .2s;width:100%}.donate-button:hover{background:#f8f9fa;box-shadow:0 6.4px 20px #00000026;transform:translateY(-1.6px)}.error-message{border:1px solid #fcc;border-radius:9.6px}.error-message,.success-message{font-size:11.2px;font-weight:500;margin-bottom:12.8px;padding:12.8px}.success-message{background:#e8f7e8;border:1px solid #c8e6c9;border-radius:9.6px;color:#2d7d2d}.feed-loading{align-items:center;display:flex;flex-direction:column;grid-column:2;justify-content:center;padding:64px 16px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2.4px solid #f0f2f5;border-radius:50%;border-top-color:#32614d;height:32px;margin-bottom:12.8px;width:32px}.mini-spinner{animation:spin .8s linear infinite;border:1.6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12.8px;width:12.8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-posts{background:#fff;border:1px solid #e4e6eb;border-radius:12.8px;color:#65676b;font-size:12.8px;grid-column:2;padding:48px 16px;text-align:center}.image-lightbox{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;left:0;padding:16px;position:fixed;right:0;top:0;z-index:2000}.image-lightbox,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:72vh;max-width:72vw;position:relative}.lightbox-image{border-radius:6.4px;box-shadow:0 8px 24px #00000080;max-height:68vh;max-width:100%}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:19.2px;height:35.2px;justify-content:center;position:fixed;right:16px;top:16px;transition:all .3s;width:35.2px}.lightbox-close:hover{background:#ffffff40;transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(2.4px);backdrop-filter:blur(2.4px);background:#0006;padding:16px;z-index:1000}.modal-content{border:1px solid #eaeaea;border-radius:12.8px;box-shadow:0 16px 48px #00000026;max-height:88vh;max-width:600px;overflow:hidden}.modal-header{border-bottom:1px solid #f0f0f0;padding:16px 19.2px}.modal-header h3{color:#1a1a1a;font-size:14.4px;font-weight:600;gap:6.4px;margin:0}.modal-close,.modal-header h3{align-items:center;display:flex}.modal-close{background:#f8f9fa;border:1px solid #eaeaea;border-radius:50%;color:#666;cursor:pointer;font-size:16px;height:28.8px;justify-content:center;transition:all .2s;width:28.8px}.modal-close:hover{background:#f0f0f0;border-color:#ddd;color:#333;transform:rotate(90deg)}.modal-body{padding:16px}.modal-footer{background:#f8f9fa;border-top:1px solid #eaeaea;gap:9.6px;padding:16px}.cancel-btn{background:#fff;border:1px solid #ddd;border-radius:6.4px;color:#666;cursor:pointer;font-size:11.2px;font-weight:500;padding:8px 19.2px;transition:all .2s}.cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.share-modal-compact{max-height:600px}.share-modal-body-compact{padding:16px}.send-section-compact{margin-bottom:20px}.section-header-compact{align-items:center;display:flex;gap:8px;margin-bottom:12.8px}.section-header-compact h4{color:#333;font-size:12.8px;font-weight:600;margin:0}.users-container{background:#f8f9fa;border:1px solid #eaeaea;border-radius:9.6px;padding:12.8px}.search-row{align-items:center;display:flex;gap:9.6px;margin-bottom:12.8px}.search-container{flex:1 1;position:relative}.search-container svg{color:#999;left:9.6px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-compact{background:#fff;border:1px solid #ddd;border-radius:6.4px;font-size:11.2px;padding:8px 9.6px 8px 28.8px;transition:all .2s;width:100%}.search-input-compact:focus{border-color:#32614d;box-shadow:0 0 0 1.6px #32614d1a;outline:none}.users-count-badge{align-items:center;background:#fff;border:1px solid #ddd;border-radius:16px;color:#666;display:flex;font-size:11.2px;font-weight:500;gap:4.8px;padding:4.8px 9.6px;white-space:nowrap}.users-count-badge svg{color:#32614d}.users-grid-compact{grid-gap:9.6px;display:grid;gap:9.6px;grid-template-columns:repeat(3,1fr);margin-bottom:12.8px}.user-card-compact{align-items:center;background:#fff;border:1.6px solid #eaeaea;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:9.6px 6.4px;position:relative;text-align:center;transition:all .2s}.user-card-compact:hover{border-color:#32614d;box-shadow:0 3.2px 6.4px #0000001a;transform:translateY(-1.6px)}.user-card-compact.selected{background-color:#f0f7f3;border-color:#32614d}.user-avatar-compact{height:38.4px;margin-bottom:6.4px;position:relative;width:38.4px}.user-avatar-compact img{border-radius:50%;height:100%;object-fit:cover;width:100%}.verified-badge-compact{align-items:center;background-color:#32614d;border:1.6px solid #fff;border-radius:50%;bottom:-1.6px;color:#fff;display:flex;font-size:7.2px;font-weight:700;height:12.8px;justify-content:center;position:absolute;right:-1.6px;width:12.8px}.user-name-compact{color:#333;font-size:9.6px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-indicator{align-items:center;background:#32614d;border:1.6px solid #fff;border-radius:50%;box-shadow:0 1.6px 3.2px #0000001a;color:#fff;display:flex;height:14.4px;justify-content:center;position:absolute;right:4.8px;top:4.8px;width:14.4px}.toggle-users-container{width:100%}.toggle-users-btn-compact{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6.4px;color:#32614d;cursor:pointer;display:flex;font-size:11.2px;font-weight:500;gap:6.4px;justify-content:center;padding:8px;transition:all .2s;width:100%}.toggle-users-btn-compact:hover{background:#f0f7f3;border-color:#32614d}.share-section-compact{border-top:1px solid #eaeaea;padding-top:16px}.social-share-grid-compact{display:flex;flex-direction:column;gap:9.6px}.social-share-row{grid-gap:9.6px;display:grid;gap:9.6px;grid-template-columns:repeat(3,1fr)}.social-share-btn-compact{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4.8px;justify-content:center;padding:11.2px 6.4px;transition:all .2s}.social-share-btn-compact:hover{box-shadow:0 3.2px 9.6px #0000001a;transform:translateY(-1.6px)}.social-share-btn-compact span{font-size:9.6px;font-weight:500}.social-share-btn-compact.whatsapp{background-color:#25d366;border-color:#25d366;color:#fff}.social-share-btn-compact.facebook{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-share-btn-compact.twitter{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.social-share-btn-compact.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);border-color:#0000;color:#fff}.social-share-btn-compact.linkedin{background:linear-gradient(45deg,#0077b5,#00a0dc);border-color:#0000;box-shadow:0 2px 4px #0077b533;color:#fff}.social-share-btn-compact.telegram{background-color:#08c;border-color:#08c;color:#fff}.social-share-btn-compact.copy{background-color:#32614d;border-color:#32614d;color:#fff}.modal-footer-compact{background:#f8f9fa;border-top:1px solid #eaeaea;display:flex;gap:9.6px;justify-content:flex-end;padding:16px}.send-btn-compact{align-items:center;background:#32614d;border:none;border-radius:6.4px;color:#fff;cursor:pointer;display:flex;font-size:11.2px;font-weight:500;gap:6.4px;padding:8px 19.2px;transition:all .2s}.send-btn-compact:hover:not(:disabled){background:#285040;box-shadow:0 3.2px 6.4px #32614d33;transform:translateY(-.8px)}.send-btn-compact:disabled{cursor:not-allowed;opacity:.5}.loading-state-compact{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px}.spinner-small{animation:spin 1s linear infinite;border:2.4px solid #f3f3f3;border-radius:50%;border-top-color:#32614d;height:19.2px;width:19.2px}.no-mutual-follows-compact{color:#666;padding:20px 12px;text-align:center}.no-mutual-follows-compact p{font-weight:500;margin-bottom:4.8px}.no-mutual-follows-compact small{color:#999;font-size:10.4px}.notification-modal{max-height:64vh;max-width:320px}.notification-header-left{flex:1 1}.notification-header-left,.notification-header-right{align-items:center;display:flex;gap:9.6px}.notification-badge{background:#ef4444;border-radius:9.6px;color:#fff;font-size:9.6px;font-weight:600;min-width:16px;padding:1.6px 6.4px;text-align:center}.mark-all-read-btn{background:none;border:none;border-radius:4.8px;color:#32614d;cursor:pointer;font-size:11.2px;padding:4.8px 9.6px;transition:all .2s}.mark-all-read-btn:hover{background:#f0f7f3}.notifications-list{display:flex;flex-direction:column;gap:6.4px}.notification-item{align-items:flex-start;border-radius:6.4px;cursor:pointer;display:flex;gap:9.6px;padding:9.6px;position:relative;transition:all .2s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f7ff}.notification-icon{flex-shrink:0;margin-top:1.6px}.notification-content{flex:1 1;min-width:0}.notification-text{color:#333;font-size:11.2px;line-height:1.4;margin:0 0 3.2px}.notification-time{color:#666;font-size:9.6px}.unread-dot{background:#32614d;border-radius:50%;height:6.4px;position:absolute;right:9.6px;top:9.6px;width:6.4px}.clear-all-btn{background:#fff;border:1px solid #ddd;border-radius:6.4px;color:#666}.clear-all-btn,.view-all-btn{cursor:pointer;flex:1 1;font-size:11.2px;font-weight:500;padding:8px}.view-all-btn{background:#32614d;border:none;border-radius:6.4px;color:#fff}.report-modal{max-width:400px}.report-description{color:#666;font-size:11.2px;line-height:1.5;margin:0 0 16px}.report-reasons{display:flex;flex-direction:column;gap:6.4px;margin-bottom:16px}.report-reason{align-items:flex-start;border:1px solid #e4e6eb;border-radius:6.4px;cursor:pointer;display:flex;gap:9.6px;padding:9.6px;transition:all .2s}.report-reason:hover{background:#f8f9fa;border-color:#32614d}.report-reason.selected{background:#f0f7f3;border-color:#32614d}.reason-radio{align-items:center;border:1.6px solid #ddd;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-top:1.6px;width:16px}.report-reason.selected .reason-radio{border-color:#32614d}.radio-dot{background:#32614d;border-radius:50%;height:8px;width:8px}.reason-content{flex:1 1}.reason-label{color:#333;font-weight:500;margin-bottom:3.2px}.reason-description{color:#666;font-size:10.4px}.report-details{margin-top:16px}.report-details label{color:#333;display:block;font-weight:500;margin-bottom:6.4px}.report-details textarea{border:1px solid #e4e6eb;border-radius:6.4px;font-family:inherit;font-size:11.2px;min-height:64px;padding:9.6px;resize:vertical;width:100%}.report-details textarea:focus{border-color:#32614d;outline:none}.report-btn{background:#ef4444;border:none;border-radius:6.4px;color:#fff;cursor:pointer;font-size:11.2px;font-weight:500;padding:9.6px 19.2px;transition:all .2s}.report-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-.8px)}.report-btn:disabled{background:#fca5a5;cursor:not-allowed}.delete-modal{max-width:320px}.delete-warning{padding:16px;text-align:center}.delete-warning h4{color:#1a1a1a;font-size:14.4px;font-weight:600;margin:0 0 6.4px}.delete-warning p{color:#666;font-size:11.2px;line-height:1.5;margin:0}.delete-btn{background:#ef4444;border:none;border-radius:6.4px;color:#fff;cursor:pointer;flex:1 1;font-size:11.2px;font-weight:500;padding:9.6px 16px;transition:all .2s}.delete-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-.8px)}.delete-btn:disabled{background:#fca5a5;cursor:not-allowed;transform:none}@media (max-width:1200px){.feed-container{grid-template-columns:200px 1fr}.feed-right-panel{display:none}}@media (max-width:992px){.feed-container{gap:16px;grid-template-columns:1fr}.feed-left-panel,.feed-right-panel{display:none}.feed-posts{grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}.profile-stats-horizontal{margin-left:0;margin-right:0;max-width:200px}}@media (max-width:768px){.feed-container{padding:9.6px}.feed-posts{grid-template-columns:1fr}.cover-photo{height:112px}.profile-avatar-large{bottom:-32px;height:64px;width:64px}.profile-info{padding:40px 12.8px 12.8px}.profile-name{font-size:16px}.profile-stats-horizontal{gap:12.8px;margin-top:-144px;max-width:160px}.profile-actions-compact{justify-content:center;margin-left:250px;margin-top:90px;position:relative;right:0;top:0}.profile-namee{margin-top:-50px}.post-actions{grid-template-columns:repeat(2,1fr)}.action-button{flex-direction:row;justify-content:flex-start;min-height:32px;padding-left:9.6px}}@media (max-width:480px){.feed-container{padding:6.4px}.create-post,.post-card{padding:12.8px}.post-author-avatar,.user-avatar{height:32px;width:32px}.profile-stats-horizontal{gap:9.6px;margin-top:-100px;max-width:140px}.stat-number{font-size:11.2px}.stat-label{font-size:8px}.comment-actions{gap:6.4px}.post-options-menu{min-width:120px}}.view-all-following{background:#f8f9fa;border:1px solid #e4e6eb;border-radius:6.4px;color:#32614d;cursor:pointer;font-size:11.2px;font-weight:500;margin-top:9.6px;padding:8px;transition:all .2s;width:100%}.view-all-following:hover{background:#f0f7f3;border-color:#32614d}.no-recommendations{color:#666;padding:24px 16px;text-align:center}.no-recommendations p{margin-bottom:6.4px}.no-recommendations small{color:#999;font-size:10.4px}.explore-btn{background:#32614d;border:none;border-radius:6.4px;color:#fff;cursor:pointer;font-size:11.2px;font-weight:500;padding:6.4px 12.8px;transition:all .2s}.explore-btn:hover{background:#2a5240}.no-following{color:#666;padding:16px;text-align:center}.no-following p{margin-bottom:3.2px}.no-following small{color:#999;font-size:10.4px}.no-notifications{color:#666;padding:32px 16px;text-align:center}.no-notifications p{margin-bottom:6.4px}.no-notifications small{color:#999;font-size:10.4px}.modal-body::-webkit-scrollbar{width:4.8px}.modal-body::-webkit-scrollbar-track{background:#f9f9f9;border-radius:8px}.modal-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ccc}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:9999}body.modal-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-body{flex:1 1;max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px;position:-webkit-sticky;position:sticky;z-index:10}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-compact .modal-body{max-height:calc(90vh - 120px);padding:0}.share-modal-body-compact{display:flex;flex-direction:column;gap:0}.modal-content:not(.allow-scroll){overflow:hidden!important}.profile-actions-compact{align-items:center;display:flex;gap:0}.profile-action-btn{background-position:100%!important;background-repeat:no-repeat!important;background-size:20px!important;border:none;border-radius:0;cursor:pointer;height:30px;margin-top:-100px;position:relative;transition:all .2s ease;width:30px}.profile-action-btn .icon-label{background:#000c;border-radius:3.2px;bottom:-20px;color:#fff;font-size:9.6px;left:50%;opacity:0;padding:3.2px 6.4px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:100}.replies-container{margin-left:32px;margin-top:6.4px;padding-left:6.4px;position:relative}.reply-indicator-line{background:#e0e0e0;bottom:0;left:0;position:absolute;top:0;width:1.6px}.reply-comment{background:#f8f9fa;border-radius:6.4px;display:flex;gap:8px;margin-bottom:6.4px;padding:6.4px;position:relative}.reply-icon{align-items:flex-start;color:#666;display:flex;padding-top:1.6px}.reply-content-wrapper{flex:1 1;min-width:0}.reply-comment-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:3.2px}.reply-author-name{align-items:center;color:#333;display:flex;font-size:10.4px;font-weight:600;gap:3.2px}.reply-to-text{color:#666;font-size:8.8px;font-weight:400}.reply-time{color:#999;font-size:8.8px;margin-left:6.4px}.reply-text{color:#333;font-size:11.2px;margin-bottom:4.8px;word-break:break-word}.reply-actions{display:flex;gap:12px;margin-top:3.2px}.reply-actions .comment-action-btn{font-size:9.6px;padding:3.2px 6.4px}.reply-actions .comment-action-btn .action-count{font-size:8.8px;margin-left:3.2px}.comment-with-options{margin-bottom:9.6px}.comment-with-options:last-child{margin-bottom:0}.comment-reply{background:#f8f9fa;border-left:1.6px solid #2a5240;margin-left:32px;padding-left:8px}.no-comments{color:#666;padding:16px;text-align:center}.no-comments svg{margin-bottom:8px}.no-comments p{font-weight:500;margin:6.4px 0 3.2px}.no-comments small{color:#999}.error-message{background:#fee;border-left:3.2px solid #c00;color:#c00}.error-message,.success-message{border-radius:6.4px;margin:12.8px 0;padding:9.6px}.success-message{background:#e8f7ef;border-left:3.2px solid #2a5240;color:#2a5240}.feed-left-panel{background:#fff;border:1px solid #e4e6eb;border-radius:16.8px;box-shadow:0 2.1px 8.4px #0000000d;height:535px;margin-left:-42px;margin-right:42px;padding:21px}.feed-left-panel,.feed-right-panel{position:-webkit-sticky;position:sticky;top:21px}.feed-right-panel{display:flex;flex-direction:column;gap:21px;height:-webkit-fit-content;height:fit-content;margin-left:52.5px;margin-right:-42px}.post-images-carousel img{background-color:#f5f5f5;border-radius:8px;height:auto;max-height:500px;object-fit:contain;width:100%}.lightbox-image{background-color:#000000e6;max-height:90vh;max-width:90vw;object-fit:contain}.post-image-preview img{height:150px}.post-options-menu{min-width:180px}.comment-action-btn.like-btn.liked{color:#ef4444}.post-image-preview{height:100px;width:100px}.post-image-preview img{border-radius:8px}.image-counter-preview{background:#000000b3;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:5px;top:5px}.post-images-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.post-image-preview{border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.post-image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:20px;right:4px;top:4px;width:20px}.carousel-dots,.remove-image-btn{display:flex;justify-content:center;position:absolute}.carousel-dots{bottom:15px;gap:8px;left:0;pointer-events:none;right:0}.carousel-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;pointer-events:auto;transition:background .3s;width:8px}.carousel-dot.active{background:#32614d}.lightbox-dots{bottom:10px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0}.lightbox-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:background .3s;width:10px}.lightbox-dot.active{background:#32614d}.edit-image-btn{align-items:center;background:#32614dcc;border:none;border-radius:50%;bottom:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;transition:all .2s;width:20px}.edit-image-btn:hover{background:#32614d;transform:scale(1.1)}.followers-modal{max-height:600px;max-width:500px}.modal-tabs{display:flex;gap:8px;margin-bottom:16px}.modal-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#65676b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.modal-tab:hover{background:#f0f2f5}.modal-tab.active{background:#f0f7f3;color:#32614d;font-weight:600}.followers-list{max-height:400px;overflow-y:auto;padding:8px 0}.follower-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.follower-item:hover{background:#f0f2f5}.follower-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.follower-info{flex:1 1;min-width:0}.follower-name{color:#050505;font-size:14px;font-weight:600;margin-bottom:2px}.follower-type{color:#65676b;font-size:12px}.no-users{color:#65676b;padding:40px 20px;text-align:center}.image-editor-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90vw}.image-editor-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:16px 20px}.image-editor-header h3{color:#050505;font-size:18px;font-weight:600;margin:0}.image-editor-content{flex:1 1;overflow-y:auto;padding:20px}.image-editor-preview{margin-bottom:20px}.image-editor-controls{display:flex;flex-direction:column;gap:16px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#050505;font-size:14px;font-weight:500}.control-group input[type=range]{-webkit-appearance:none;background:#e4e6eb;border-radius:3px;height:6px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#32614d;border-radius:50%;cursor:pointer;height:18px;width:18px}.control-group input[type=range]::-moz-range-thumb{background:#32614d;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.image-editor-footer{border-top:1px solid #e4e6eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.image-editor-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.image-editor-loading p{color:#65676b;margin:0}.carousel-btn{align-items:center;background:#000000bf;border:none;border-radius:50%;box-shadow:0 4px 14px #00000059;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:58px;justify-content:center;transition:all .25s ease;width:58px}.carousel-btn:hover{background:#32614d;transform:scale(1.15)}.carousel-dots button{background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.carousel-dots button.active{background:#32614d;border-radius:6px;width:32px}.messages-widget-button{align-items:center;background:#00553e;border:3px solid #00553e;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:visible;padding:0;position:fixed;right:30px;transition:all .3s;width:60px;z-index:1000}.messages-widget-button:hover{background-color:#00553e;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.message-logo-icon{height:80px;object-fit:contain;width:80px}.message-notification-badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.messages-widget{background:#fff;border-radius:20px;bottom:100px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:30px;width:380px;z-index:1001}.messages-widget-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.messages-widget-header h3{color:#333;font-size:1.1em;margin:0}.widget-header-actions{display:flex;gap:10px}.widget-action-btn{background:none;border:none;color:#666;cursor:pointer;padding:5px;transition:color .3s}.widget-action-btn:hover{color:#00553e}.widget-conversations{flex:1 1;overflow-y:auto;padding:10px}.widget-conversation-item{border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:12px;transition:background .3s}.widget-conversation-item:hover{background:#f0f0f0}.widget-conversation-item.unread{background:#e8f5e9;font-weight:500}.widget-conv-avatar{border-radius:50%;flex-shrink:0;height:45px;object-fit:cover;width:45px}.widget-conv-info{flex:1 1;min-width:0}.widget-conv-name{align-items:center;color:#333;display:flex;font-weight:600;gap:6px;margin-bottom:4px}.widget-unread-dot{background:#f44;border-radius:50%;height:8px;width:8px}.widget-conv-preview{color:#666;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-empty-state{color:#666;padding:40px 20px;text-align:center}.widget-new-chat-btn{background:#2d5016;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}.widget-new-chat-btn:hover{background:#4caf50}.widget-chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.widget-back-btn{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px}.widget-chat-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.widget-chat-info{flex:1 1}.widget-chat-name{color:#333;font-size:.95em;font-weight:600}.widget-chat-status{color:#666;font-size:.8em}.widget-messages-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:15px}.widget-message{align-items:flex-start;display:flex;gap:8px;margin-bottom:15px}.widget-message.sent{flex-direction:row-reverse}.widget-message-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.widget-message-content{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:10px 12px;position:relative}.widget-message.sent .widget-message-content{background:#2d5016;color:#fff}.widget-message-content p{word-wrap:break-word;margin:0 0 5px}.widget-message-time{display:block;font-size:.7em;margin-top:4px;opacity:.7}.widget-shared-post{background:#0000000d;border-left:3px solid #2d5016;border-radius:8px;margin-top:8px;padding:8px}.widget-shared-post-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;max-width:260px;overflow:hidden;transition:box-shadow .2s,transform .15s}.widget-shared-post-card:hover{box-shadow:0 4px 14px #32614d26;transform:translateY(-1px)}.widget-shared-post-author{align-items:center;color:#1e293b;display:flex;font-size:12px;font-weight:700;gap:8px;padding:8px 10px 4px}.widget-shared-post-avatar{border:1px solid #e2e8f0;border-radius:50%;height:24px;object-fit:cover;width:24px}.widget-shared-post-img{display:block;height:120px;object-fit:cover;width:100%}.widget-shared-post-tap{background:#f8fafc;border-top:1px solid #e2e8f0;color:#32614d;font-size:11px;font-weight:600;padding:6px 10px;text-align:center}.shared-post-label{align-items:center;color:#666;display:flex;font-size:.75em;gap:4px;margin-bottom:4px}.shared-post-preview{color:#333;font-size:.85em}.widget-shared-post-preview{background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;margin:10px;padding:12px}.shared-post-header{align-items:center;display:flex;font-size:.9em;font-weight:600;justify-content:space-between;margin-bottom:8px}.shared-post-header button{background:none;border:none;color:#666;cursor:pointer}.shared-post-content{color:#666;font-size:.85em}.shared-post-content small{color:#999;display:block;margin-top:4px}.widget-message-input{align-items:flex-end;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px;position:relative}.widget-delete-message-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;position:absolute;right:8px;top:6px;width:26px}.widget-delete-message-btn:hover{background:#ef44442e}.widget-emoji-btn{align-items:center;background:#faa0021f;border:none;border-radius:50%;color:#32614d;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.widget-emoji-btn:hover{background:#faa00233}.widget-emoji-picker{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;bottom:62px;box-shadow:0 16px 50px #0000002e;display:flex;flex-direction:column;max-height:260px;overflow:hidden;position:absolute;right:10px;width:320px;z-index:2000}.widget-emoji-picker-modal{box-shadow:none;max-height:200px;position:static;width:100%}.widget-emoji-groups{display:flex;gap:8px;overflow-x:auto;padding:10px 10px 6px}.widget-emoji-group-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;color:#32614d;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px;white-space:nowrap}.widget-emoji-group-btn.active{background:#32614d;border-color:#32614d;color:#fff}.widget-emoji-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);overflow-y:auto;padding:8px 10px 12px}.widget-emoji-btn{font-size:16px}.widget-emoji-picker .widget-emoji-btn{background:#fff;border:1px solid #32614d1f;border-radius:10px;font-size:18px;height:34px;width:34px}.widget-emoji-btn:active{transform:scale(.98)}.widget-emoji-grid>button{background:#fff;border:1px solid #32614d1f;border-radius:10px;cursor:pointer;font-size:18px;height:34px;width:34px}.widget-emoji-grid>button:hover{background:#32614d14;transform:scale(1.06)}.widget-message-input textarea{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:.9em;max-height:100px;padding:10px 15px;resize:none}.widget-message-input textarea:focus{border-color:#2d5016;outline:none}.widget-send-btn{align-items:center;background:#2d5016;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .3s;width:40px}.widget-send-btn:hover:not(:disabled){background:#4caf50}.widget-send-btn:disabled{background:#ccc;cursor:not-allowed}.widget-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.widget-modal{background:#fff;border-radius:15px;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.widget-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.widget-modal-header h4{margin:0}.widget-modal-header button{background:none;border:none;color:#666;cursor:pointer}.widget-modal-search{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.widget-modal-search input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:.9em;padding:8px 15px}.widget-modal-search input:focus{border-color:#2d5016;outline:none}.widget-modal-users{flex:1 1;overflow-y:auto;padding:10px}.widget-modal-user-item{border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .3s}.widget-modal-user-item:hover{background:#f0f0f0}.widget-modal-avatar{border-radius:50%;flex-shrink:0;height:45px;object-fit:cover;width:45px}.widget-modal-user-info{flex:1 1}.widget-modal-user-name{color:#333;font-weight:600;margin-bottom:4px}.widget-modal-user-type{color:#666;font-size:.85em}.widget-modal-empty{color:#666;padding:40px 20px;text-align:center}.widget-modal-empty p{font-weight:600;margin:0 0 5px}.widget-modal-empty span{font-size:.9em}@media (max-width:768px){.messages-widget{bottom:90px;height:calc(100vh - 100px);right:10px;width:calc(100vw - 20px)}.messages-widget-button{bottom:20px;right:20px}}.settings-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.settings-page .page-header{margin-bottom:40px;text-align:center}.settings-page .page-header h1{color:#32614d;font-size:2.5rem;font-weight:300;margin-bottom:10px}.settings-page .page-header p{color:#666;font-size:1.1rem}.settings-layout{display:flex;gap:30px;margin-top:30px}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;min-width:250px;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:1rem;gap:12px;margin-bottom:10px;padding:15px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-tab:hover{background:#f0f0f0;color:#32614d}.sidebar-tab.active{background:#32614d;color:#fff;font-weight:500}.sidebar-tab .tab-icon{font-size:1.2rem}.tab-badge{background:#f44;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-height:600px;padding:40px}.settings-section-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header-actions{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.section-header-actions h3{color:#32614d;font-size:1.8rem;font-weight:400;margin:0}.edit-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn,.save-btn{background:#32614d;color:#fff}.save-btn:hover:not(:disabled){background:#32614d;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.settings-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group.full-width{grid-column:1/-1}.setting-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:5px}.input-field,.textarea-field{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus,.textarea-field:focus{border-color:#32614d;box-shadow:0 0 0 3px #32614d1a;outline:none}.textarea-field{min-height:100px;resize:vertical}.display-value{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;color:#555;display:flex;min-height:44px;padding:12px 16px}.display-value a{color:#32614d;text-decoration:none}.display-value a:hover{text-decoration:underline}.tags-display{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tag{background:#32614d;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.name-block-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.name-block-row select{flex:0 0 150px}.name-block-row input{flex:1 1}.name-block-row .icon-btn{flex:0 0 40px;height:44px}.social-link-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.social-link-row input{flex:1 1}.social-link-row .icon-btn{flex:0 0 40px;height:44px}.member-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:20px;transition:all .3s ease}.member-card:hover{border-color:#32614d;box-shadow:0 2px 8px #32614d1a}.member-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.member-header h4{color:#32614d;font-size:1rem;margin:0}.member-card input{margin-bottom:10px}.member-card input:last-child{margin-bottom:0}.members-display{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.member-display-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.member-display-card:hover{border-color:#32614d;box-shadow:0 4px 8px #32614d1a;transform:translateY(-2px)}.member-display-card strong{color:#32614d;display:block;font-size:1rem;margin-bottom:8px}.member-display-card div{color:#666;font-size:.9rem;margin-bottom:4px}.ghost-btn{align-items:center;background:#0000;border:2px solid #32614d;border-radius:8px;color:#32614d;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.ghost-btn:hover{background:#32614d;box-shadow:0 4px 8px #32614d33;color:#fff;transform:translateY(-2px)}.icon-btn{align-items:center;background-color:#f0f0f0;border:2px solid #fffc;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.icon-btn:hover{background:#dc3545;color:#fff;transform:scale(1.05)}@media (max-width:1024px){.settings-layout{flex-direction:column}.settings-sidebar{min-width:100%;position:static}.settings-content{padding:30px 20px}}@media (max-width:768px){.settings-page{padding:20px 15px}.settings-page .page-header h1{font-size:2rem}.settings-content{padding:20px 15px}.settings-grid{gap:20px;grid-template-columns:1fr}.section-header-actions{align-items:flex-start;flex-direction:column;gap:15px}.section-header-actions h3{font-size:1.5rem}.name-block-row{flex-direction:column}.name-block-row input,.name-block-row select{width:100%}.social-link-row{flex-direction:column}.social-link-row input{width:100%}.members-display{grid-template-columns:1fr}}@media (max-width:480px){.settings-page .page-header h1{font-size:1.75rem}.sidebar-tab{font-size:.9rem;padding:12px 15px}.edit-btn,.save-btn{font-size:.9rem;padding:8px 16px}}
/*# sourceMappingURL=main.8b9b5d29.css.map*/