.landing-page{min-height:100vh;background:linear-gradient(to bottom,#ffffff,var(--gray-100))}.landing-nav{background:#fff;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100;padding:1rem 0}.landing-nav .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.landing-nav .logo{font-size:1.5rem;font-weight:700;color:var(--dark-green)}.nav-links{display:flex;gap:1rem}.hero{padding:6rem 0}.hero .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--dark-green)}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--gray-700);margin-bottom:2rem}.hero-cta{display:flex;gap:1rem}.hero-image{position:relative;min-height:400px}.floating-card{position:absolute;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite}.floating-card .icon{color:var(--medium-green)}.floating-card p{font-weight:600;color:var(--dark-green);margin:0}.card-1{top:20%;left:10%;animation-delay:0s}.card-2{top:50%;right:10%;animation-delay:1s}.card-3{bottom:10%;left:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:6rem 0;background:#fff}.features .container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--dark-green)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;border-radius:12px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.feature-icon{width:64px;height:64px;background:var(--light-green);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:var(--gray-600);line-height:1.6}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--medium-green) 0%,var(--forest-green) 100%);color:#fff;text-align:center}.cta-section .container{max-width:800px;margin:0 auto;padding:0 2rem}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.footer{background:var(--dark-green);color:#fff;padding:2rem 0;text-align:center}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 968px){.hero .container{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-image{display:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-green) 0%,var(--medium-green) 100%);padding:2rem}.auth-container{width:100%;max-width:450px}.auth-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 16px 48px #00000026}.auth-logo{text-align:center;font-size:2rem;font-weight:700;color:var(--dark-green);margin-bottom:1rem}.auth-title{text-align:center;font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--dark-green)}.auth-subtitle{text-align:center;color:var(--gray-600);margin-bottom:2rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.auth-form{margin-bottom:1.5rem}.auth-form .form-group{margin-bottom:1.25rem}.radio-group{display:flex;gap:1rem}.radio-label{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;transition:all .2s}.radio-label:hover{border-color:var(--medium-green)}.radio-label input[type=radio]{width:auto;margin:0}.radio-label input[type=radio]:checked+span,.radio-label:has(input[type=radio]:checked){font-weight:600}.radio-label:has(input[type=radio]:checked){border-color:var(--medium-green);background:#53a5480d}.auth-footer{text-align:center;color:var(--gray-600)}.auth-footer a{color:var(--medium-green);font-weight:600}.auth-footer a:hover{color:var(--forest-green)}@media (max-width: 480px){.auth-card{padding:2rem}.radio-group{flex-direction:column}}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-green) 0%,var(--medium-green) 100%);padding:2rem}.onboarding-container{width:100%;max-width:700px;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 16px 48px #00000026}.onboarding-progress{margin-bottom:2rem}.progress-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--medium-green);transition:width .3s ease}.onboarding-progress p{text-align:center;color:var(--gray-600);font-size:.875rem}.step-content h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--dark-green)}.step-subtitle{color:var(--gray-600);margin-bottom:2rem}.skill-section{margin-bottom:2rem}.skill-section h3{font-size:1.125rem;margin-bottom:1rem;color:var(--dark-green)}.skill-grid{display:flex;flex-wrap:wrap;gap:.5rem}input[type=range]{width:100%;margin-top:.5rem}.range-value{text-align:center;font-size:1.25rem;font-weight:600;color:var(--medium-green);margin-top:.5rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s}.checkbox-label:hover{background:var(--gray-100)}.checkbox-label input[type=checkbox]{width:auto;margin:0}@media (max-width: 768px){.onboarding-container{padding:2rem}.checkbox-grid{grid-template-columns:1fr}}.dashboard{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{background:linear-gradient(135deg,var(--medium-green) 0%,var(--forest-green) 100%);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.welcome-banner h1{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.welcome-banner p{opacity:.95}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content h3{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:var(--dark-green)}.stat-content p{color:var(--gray-600);font-size:.875rem}.dashboard-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.section-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h2{font-size:1.25rem;margin:0}.link{color:var(--medium-green);font-size:.875rem;font-weight:500}.link:hover{color:var(--forest-green)}.task-list,.mission-list,.applicant-list{display:flex;flex-direction:column;gap:.75rem}.task-item,.applicant-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--gray-100);border-radius:8px;transition:background .2s}.task-item:hover,.applicant-item:hover{background:var(--gray-200)}.task-info,.applicant-info{flex:1}.task-info h4,.applicant-info h4{font-size:.9375rem;margin-bottom:.25rem;color:var(--dark-green)}.task-org{font-size:.8125rem;color:var(--gray-600)}.applicant-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.75rem}.mission-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--gray-100);border-radius:8px}.mission-header{display:flex;align-items:center;gap:.75rem;flex:1}.mission-logo{width:48px;height:48px;border-radius:8px;object-fit:cover}.mission-card h4{font-size:.9375rem;margin-bottom:.25rem}.mission-card p{font-size:.8125rem;color:var(--gray-600)}.achievement-list{display:flex;flex-direction:column;gap:.75rem}.achievement-item{display:flex;gap:.75rem;align-items:flex-start}.achievement-icon{font-size:1.5rem;flex-shrink:0}.achievement-item h5{font-size:.9375rem;margin-bottom:.25rem}.quick-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;transition:all .2s;text-decoration:none}.quick-action-btn:hover{background:#ffffff4d;color:#fff}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;gap:1rem;align-items:flex-start}}.swipe-deck{max-width:800px;margin:0 auto}.swipe-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.swipe-header h1{font-size:2rem;margin-bottom:.5rem}.swipe-counter{color:var(--gray-600);font-size:.875rem}.super-likes{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100);border-radius:20px;font-size:.875rem;font-weight:600}.filter-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--gray-300);background:#fff;border-radius:50%;cursor:pointer;transition:all .2s}.filter-btn{position:relative}.filter-btn:hover{border-color:var(--medium-green);background:var(--gray-100)}.filter-btn.active{border-color:var(--medium-green);background:var(--light-green)}.filter-badge{position:absolute;top:-5px;right:-5px;background:var(--medium-green);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:600}.filter-panel{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;border:1px solid var(--gray-200)}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-section h3{font-size:1rem;color:var(--dark-green);margin-bottom:1rem;font-weight:600}.clear-btn{background:none;border:none;color:var(--medium-green);font-size:.875rem;cursor:pointer;font-weight:600}.clear-btn:hover{color:var(--forest-green)}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.card-container{position:relative;height:600px;margin-bottom:2rem}.opportunity-card{position:absolute;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:all .3s ease}.background-card{transform:scale(.95);opacity:.5;z-index:1}.active-card{z-index:2}.card-image{position:relative;height:250px;overflow:hidden;background:var(--gray-200)}.card-image img{width:100%;height:100%;object-fit:cover}.card-badge-container{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.card-badge{background:#fffffff2;color:var(--dark-green);padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content{padding:1.5rem}.card-header{display:flex;gap:1rem;margin-bottom:1rem}.ngo-logo{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid var(--gray-200)}.card-header h2{font-size:1.5rem;margin-bottom:.25rem;color:var(--dark-green)}.ngo-name{color:var(--gray-600);font-size:.9375rem}.card-description{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.card-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.card-skills h4{font-size:.875rem;color:var(--gray-600);margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.card-actions{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem}.action-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026}.action-btn:hover:not(:disabled){transform:scale(1.1)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.skip-btn{background:#fff;border:2px solid var(--gray-300);color:var(--gray-600)}.skip-btn:hover:not(:disabled){background:var(--gray-100)}.super-btn{background:var(--yellow);color:#fff}.super-btn:hover:not(:disabled){background:#f5ee5c}.like-btn{background:var(--medium-green);color:#fff}.like-btn:hover:not(:disabled){background:var(--forest-green)}.swipe-instructions{text-align:center;color:var(--gray-600);font-size:.875rem}.swipe-instructions p{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.swipe-instructions svg{display:inline-block;vertical-align:middle}.empty-deck{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center}.empty-deck svg{color:var(--gray-400);margin-bottom:1.5rem}.empty-deck h2{margin-bottom:.75rem;color:var(--gray-700)}.empty-deck p{color:var(--gray-600);margin-bottom:1.5rem}@media (max-width: 640px){.card-container{height:auto}.card-header{flex-direction:column;align-items:center;text-align:center}.action-btn{width:56px;height:56px}}.missions-page{animation:fadeIn .3s ease}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--gray-600)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.mission-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.mission-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.mission-image{position:relative;height:180px;overflow:hidden;background:var(--gray-200)}.mission-image img{width:100%;height:100%;object-fit:cover}.mission-content{padding:1.5rem}.mission-header{display:flex;gap:.75rem;margin-bottom:1rem}.ngo-avatar{width:50px;height:50px;border-radius:10px;object-fit:cover}.mission-card h3{font-size:1.125rem;margin-bottom:.25rem;color:var(--dark-green)}.ngo-name{color:var(--gray-600);font-size:.875rem}.mission-description{color:var(--gray-700);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mission-meta{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-200);margin-bottom:1rem}.mission-actions{display:flex;gap:.75rem}@media (max-width: 768px){.missions-grid{grid-template-columns:1fr}}.task-board{animation:fadeIn .3s ease}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--gray-200)}.tab{padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--gray-600);transition:all .2s;position:relative;display:flex;align-items:center;gap:.5rem}.tab:hover{color:var(--dark-green)}.tab.active{color:var(--medium-green);border-bottom-color:var(--medium-green)}.tab-count{background:var(--gray-200);color:var(--gray-700);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.tab.active .tab-count{background:var(--medium-green);color:#fff}.tab-content{animation:fadeIn .3s ease}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.task-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-org{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.task-org img{width:32px;height:32px;border-radius:6px;object-fit:cover}.task-card h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--dark-green)}.task-meta{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.task-submission{margin-top:1rem}.task-submission textarea{margin-bottom:.75rem}.feedback-box{background:var(--gray-100);padding:1rem;border-radius:8px;margin-top:1rem}.feedback-box h4{font-size:.875rem;margin-bottom:.5rem;color:var(--dark-green)}.feedback-box p{color:var(--gray-700);line-height:1.6}.task-status{text-transform:capitalize}@media (max-width: 768px){.tasks-grid{grid-template-columns:1fr}}.profile-page{animation:fadeIn .3s ease}.profile-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.profile-avatar-section{display:flex;gap:1.5rem;align-items:center}.avatar-upload-container{position:relative;width:120px;height:120px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--gray-200)}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background:var(--medium-green);color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.avatar-upload-btn:hover:not(:disabled){background:var(--forest-green);transform:scale(1.05)}.avatar-upload-btn:disabled{background:var(--gray-400);cursor:not-allowed}.upload-error{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.upload-status{color:var(--medium-green);font-size:.875rem;margin-top:.25rem}.profile-header h1{font-size:2rem;margin-bottom:.5rem}.profile-email,.verification-status{color:var(--gray-600);font-size:.9375rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a}.stat-box h3{font-size:2.5rem;font-weight:700;color:var(--medium-green);margin-bottom:.5rem}.stat-box p{color:var(--gray-600);font-size:.875rem;font-weight:500}.profile-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.profile-section{padding:1.5rem 0;border-bottom:1px solid var(--gray-200)}.profile-section:last-child{border-bottom:none}.profile-section h2{font-size:1.125rem;margin-bottom:1rem;color:var(--dark-green)}.profile-section p{color:var(--gray-700);line-height:1.6}.profile-section a{color:var(--medium-green);text-decoration:underline}.profile-section textarea,.profile-section input[type=text],.profile-section input[type=url]{width:100%;margin-bottom:.5rem}.profile-section input[type=range]{width:100%;margin:1rem 0}@media (max-width: 768px){.profile-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.profile-avatar-section{flex-direction:column;text-align:center}}.achievements-page{animation:fadeIn .3s ease}.achievements-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.achievements-header h1{font-size:2rem;margin-bottom:.5rem}.achievements-header p{color:var(--gray-600)}.achievement-stats{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-item{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--medium-green)}.stat-item svg{color:var(--yellow)}.achievements-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.achievements-main{display:flex;flex-direction:column;gap:2rem}.achievements-sidebar{display:flex;flex-direction:column;gap:1.5rem}.achievement-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin-bottom:1.5rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.achievement-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.achievement-card.earned{border:2px solid var(--light-green)}.achievement-card.earned:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.achievement-card.locked{opacity:.6}.achievement-icon-large{font-size:3rem;margin-bottom:1rem}.locked-icon{opacity:.5}.achievement-card h3{font-size:1rem;margin-bottom:.5rem}.achievement-card p{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.achievement-tier,.achievement-category{display:inline-block;padding:.25rem .75rem;background:var(--light-green);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;margin-bottom:.5rem}.achievement-date{color:var(--gray-500);font-size:.75rem}.achievement-progress{margin-top:.75rem;padding:.75rem;background:var(--gray-100);border-radius:6px}.achievement-progress p{font-size:.875rem;color:var(--dark-green);font-weight:600;margin:0}.empty-message{text-align:center;color:var(--gray-600);padding:2rem}.leaderboard-card,.progress-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.leaderboard-card h3,.progress-card h3{font-size:1.125rem;margin-bottom:.5rem}.leaderboard-subtitle{color:var(--gray-600);font-size:.875rem;margin-bottom:1.5rem}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--gray-100);border-radius:8px;transition:background .2s}.leaderboard-item:hover{background:var(--gray-200)}.leaderboard-item.current-user{background:#91cb3e1a;border:2px solid var(--light-green)}.leaderboard-rank{font-size:1.125rem;font-weight:700;min-width:32px;text-align:center}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.leaderboard-info{flex:1}.leaderboard-info h4{font-size:.9375rem;margin-bottom:.25rem}.leaderboard-info p{color:var(--gray-600);font-size:.8125rem}.progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.progress-stat{text-align:center;padding:1rem;background:var(--gray-100);border-radius:8px}.progress-stat h4{font-size:1.75rem;color:var(--medium-green);margin-bottom:.25rem}.progress-stat p{color:var(--gray-600);font-size:.8125rem}@media (max-width: 1024px){.achievements-content{grid-template-columns:1fr}.achievements-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.achievements-grid{grid-template-columns:1fr}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 200px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.chat-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:#fff}.chat-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-300)}.chat-header h2{font-size:1.125rem;margin-bottom:.25rem}.chat-header p{color:var(--gray-600);font-size:.875rem}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;background:var(--gray-100);display:flex;flex-direction:column;gap:1rem}.empty-chat{flex:1;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:.9375rem}.message{display:flex;gap:.75rem;max-width:70%;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{align-self:flex-end;flex-direction:row-reverse}.other-message{align-self:flex-start}.message-content{display:flex;flex-direction:column;gap:.25rem}.message-bubble{padding:.75rem 1rem;border-radius:16px;word-wrap:break-word;max-width:100%}.other-message .message-bubble{background:#fff;color:var(--dark-green);border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-bubble p{margin:0;line-height:1.5}.message-time{font-size:.75rem;color:var(--gray-500);padding:0 .25rem}.chat-input-container{display:flex;gap:.75rem;padding:1.5rem;background:#fff;border-top:1px solid var(--gray-200)}.chat-input{flex:1;padding:.875rem 1rem;border:2px solid var(--gray-300);border-radius:24px;font-size:.9375rem;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--medium-green)}.send-btn{width:48px;height:48px;border-radius:50%;background:var(--medium-green);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--forest-green);transform:scale(1.05)}.send-btn:disabled{background:var(--gray-300);cursor:not-allowed}@media (max-width: 768px){.message{max-width:85%}.chat-page{height:calc(100vh - 120px)}}.organizations-page{animation:fadeIn .3s ease}.search-section{margin-bottom:2rem}.search-box-large{display:flex;align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;transition:border-color .2s;box-shadow:0 2px 8px #0000000d}.search-box-large:focus-within{border-color:var(--medium-green);box-shadow:0 4px 12px #53a54826}.search-box-large svg{color:var(--gray-500);margin-right:1rem;flex-shrink:0}.search-box-large input{flex:1;border:none;outline:none;font-size:1rem;background:transparent}.search-results-count{color:var(--gray-600);font-size:.875rem;font-weight:500}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.organization-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s;display:flex;flex-direction:column}.organization-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.org-card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--light-green) 0%,white 100%)}.org-logo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.org-header-content{flex:1}.org-header-content h3{font-size:1.125rem;margin-bottom:.375rem;color:var(--dark-green)}.verified-badge{font-size:.8125rem;color:var(--medium-green);font-weight:600}.org-card-body{padding:1.5rem;flex:1}.org-mission,.org-description{margin-bottom:1rem}.org-mission h4,.org-description h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:.5rem}.org-mission p,.org-description p{color:var(--gray-700);line-height:1.6;font-size:.9375rem}.org-description p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.org-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.org-stat{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}.org-stat svg{color:var(--medium-green)}.org-card-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.org-card-footer .btn{flex:1}.btn-sm{padding:.625rem 1rem;font-size:.875rem}.opportunities-modal{max-width:700px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0;color:var(--dark-green)}.close-btn{background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.opportunities-list-modal{overflow-y:auto;padding:1.5rem;flex:1}.empty-state-modal{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-state-modal svg{margin-bottom:1rem;color:var(--gray-400)}.opportunity-modal-card{background:var(--gray-50);border-radius:8px;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--gray-200)}.opportunity-modal-card:last-child{margin-bottom:0}.opportunity-modal-card h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--dark-green)}.opp-description{color:var(--gray-700);font-size:.9375rem;line-height:1.5;margin-bottom:.75rem}.opp-meta{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem;margin-bottom:.75rem}.opp-meta span{display:flex;align-items:center;gap:.25rem}.opp-skills{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.skill-tag-small{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700);padding:.25rem .625rem;border-radius:12px;font-size:.8125rem;font-weight:500}.btn-block{width:100%}@media (max-width: 768px){.organizations-grid{grid-template-columns:1fr}.org-card-footer{flex-direction:column}.org-card-footer .btn{width:100%}.opportunities-modal{max-width:calc(100vw - 2rem);margin:1rem}}.saved-opportunities{animation:fadeIn .3s ease}.saved-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.saved-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s}.saved-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.saved-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff9e6,#fff);border-bottom:1px solid var(--gray-200)}.saved-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#b8860b}.remove-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.375rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#dc35451a;color:#dc3545}.saved-content{padding:1.25rem}.saved-org-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.saved-org-logo{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid var(--gray-200)}.saved-org-info h3{font-size:1.125rem;margin-bottom:.25rem;color:var(--dark-green)}.saved-org-name{color:var(--gray-600);font-size:.875rem}.saved-description{color:var(--gray-700);line-height:1.6;font-size:.9375rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.saved-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}.saved-meta .meta-item svg{color:var(--medium-green)}.saved-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.saved-list{grid-template-columns:1fr}}.applied-page{animation:fadeIn .3s ease}.applications-list{display:flex;flex-direction:column;gap:1.5rem}.application-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s;border-left:4px solid var(--gray-300)}.application-card:hover{box-shadow:0 8px 24px #0000001f;transform:translate(4px)}.application-card.status-pending{border-left-color:#f59e0b}.application-card.status-accepted{border-left-color:var(--medium-green)}.application-card.status-rejected{border-left-color:#dc3545}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.app-org-info{display:flex;align-items:center;gap:1rem;flex:1}.app-org-logo{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid var(--gray-200);flex-shrink:0}.app-org-info h3{font-size:1.125rem;margin-bottom:.25rem;color:var(--dark-green)}.app-org-name{color:var(--gray-600);font-size:.875rem}.status-badge-app{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.status-badge-app.status-pending{background:#fef3c7;color:#92400e}.status-badge-app.status-accepted{background:#d1fae5;color:#065f46}.status-badge-app.status-rejected{background:#fee2e2;color:#991b1b}.app-description{color:var(--gray-700);line-height:1.6;font-size:.9375rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.app-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}.app-meta .meta-item svg{color:var(--medium-green)}.app-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-200)}.app-date{font-size:.8125rem;color:var(--gray-500)}.accepted-date{color:var(--medium-green);font-weight:600}@media (max-width: 768px){.application-header{flex-direction:column;align-items:stretch}.status-badge-app{justify-content:center}.app-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}.messages-page{display:flex;height:calc(100vh - 80px);background:var(--gray-100);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.conversations-sidebar{width:360px;background:#fff;border-right:1px solid var(--gray-300);display:flex;flex-direction:column}.conversations-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.conversations-header h2{margin-bottom:1rem;font-size:1.5rem}.search-messages{position:relative;display:flex;align-items:center;background:var(--gray-100);border-radius:8px;padding:.75rem}.search-messages svg{color:var(--gray-500);margin-right:.5rem}.search-messages input{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:.75rem;padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background-color .2s}.conversation-item:hover{background:var(--gray-50)}.conversation-item.selected{background:var(--light-green);border-left:3px solid var(--medium-green)}.conversation-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-info h4{font-size:.9375rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--gray-500);flex-shrink:0}.opportunity-title{font-size:.8125rem;color:var(--medium-green);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message{font-size:.875rem;color:var(--gray-600);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--gray-500)}.empty-conversations svg{color:var(--gray-400);margin-bottom:1rem}.empty-conversations p{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-700)}.empty-conversations span{font-size:.875rem;color:var(--gray-500)}.chat-area{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header-bar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);background:#fff}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-header-info h3{margin:0;font-size:1.125rem}.chat-opportunity-name{margin:.125rem 0 0;font-size:.875rem;color:var(--medium-green)}.chat-messages-area{flex:1;overflow-y:auto;padding:1.5rem;background:var(--gray-50);display:flex;flex-direction:column}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-500);text-align:center}.empty-chat svg{color:var(--gray-400);margin-bottom:1rem}.empty-chat p{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-700)}.empty-chat span{font-size:.875rem;color:var(--gray-500)}.message{display:flex;gap:.5rem;margin-bottom:1rem;align-items:flex-end;max-width:100%}.message.own-message{flex-direction:row-reverse;justify-content:flex-start;margin-left:auto;margin-right:0}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content{display:flex;flex-direction:column;max-width:60%;min-width:0;flex-shrink:1}.own-message .message-content{align-items:flex-end}.other-message .message-content{align-items:flex-start}.message-bubble{padding:.75rem 1rem;border-radius:16px;word-wrap:break-word;word-break:break-word;max-width:100%;overflow-wrap:break-word}.other-message .message-bubble{background:#fff;border:1px solid var(--gray-200);border-bottom-left-radius:4px}.own-message .message-bubble{background:var(--medium-green);color:#fff;border-bottom-right-radius:4px}.message-bubble p{margin:0;font-size:.9375rem;line-height:1.5}.message-time{font-size:.75rem;color:var(--gray-500);margin-top:.25rem;padding:0 .5rem}.chat-input-form{padding:1.25rem 1.5rem;border-top:1px solid var(--gray-200);background:#fff;display:flex;gap:.75rem}.message-input{flex:1;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:24px;font-size:.9375rem;outline:none;transition:border-color .2s}.message-input:focus{border-color:var(--medium-green)}.send-button{width:44px;height:44px;border-radius:50%;background:var(--medium-green);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.send-button:hover{background:var(--forest-green)}.send-button:disabled{background:var(--gray-300);cursor:not-allowed}.no-conversation-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gray-50);color:var(--gray-500)}.no-conversation-selected svg{color:var(--gray-400);margin-bottom:1rem}.no-conversation-selected h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--gray-700)}.no-conversation-selected p{font-size:.9375rem;color:var(--gray-500)}@media (max-width: 768px){.messages-page{flex-direction:column}.conversations-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--gray-300)}.chat-area,.conversations-sidebar.has-selection{display:none}.chat-area.mobile-visible{display:flex}}.opportunity-manager{animation:fadeIn .3s ease}.verification-message{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.verification-message h2{font-size:1.75rem;margin-bottom:1rem}.verification-message p{color:var(--gray-600);font-size:1.125rem}.opportunities-list{display:flex;flex-direction:column;gap:1.5rem}.opportunity-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.opportunity-card:hover{box-shadow:0 4px 12px #00000026}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.opportunity-header h3{font-size:1.25rem;margin-bottom:.5rem}.opportunity-meta{display:flex;gap:.5rem;color:var(--gray-600);font-size:.875rem}.opportunity-actions{display:flex;gap:.5rem}.opportunity-description{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.opportunity-skills{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.opportunity-footer{display:flex;justify-content:space-between;align-items:center}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.search-filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:8px;padding:.75rem 1rem;transition:border-color .2s}.search-box:focus-within{border-color:var(--medium-green)}.search-box svg{color:var(--gray-500);margin-right:.75rem}.search-box input{flex:1;border:none;outline:none;font-size:.9375rem;background:transparent}.filter-controls{display:flex;gap:.75rem;align-items:center}.status-filter{padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:8px;background:#fff;font-size:.9375rem;cursor:pointer;transition:border-color .2s}.status-filter:focus{outline:none;border-color:var(--medium-green)}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--gray-300);border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .2s;position:relative}.filter-toggle-btn:hover{border-color:var(--medium-green);background:var(--gray-100)}.filter-toggle-btn.active{border-color:var(--medium-green);background:var(--light-green);color:var(--dark-green)}.filter-count{background:var(--medium-green);color:#fff;border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.clear-filters-btn{padding:.75rem 1rem;background:transparent;border:none;color:var(--medium-green);cursor:pointer;font-size:.9375rem;font-weight:600;transition:color .2s}.clear-filters-btn:hover{color:var(--forest-green)}.filter-panel-opportunities{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;border:2px solid var(--gray-200)}.filter-panel-opportunities .filter-section{margin-bottom:1.5rem}.filter-panel-opportunities .filter-section:last-child{margin-bottom:0}.filter-panel-opportunities h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:.75rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.5rem 1rem;border:2px solid var(--gray-300);background:#fff;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s;font-weight:500}.filter-chip:hover{border-color:var(--medium-green);background:var(--gray-100)}.filter-chip.selected{border-color:var(--medium-green);background:var(--light-green);color:var(--dark-green);font-weight:600}.form-hint{font-size:.875rem;color:var(--gray-600);margin:.25rem 0 .75rem}.image-upload-area{display:flex;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--gray-300);border-radius:8px;background:var(--gray-50)}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--medium-green);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:background-color .2s}.upload-btn:hover:not(:disabled){background:var(--forest-green)}.upload-btn:disabled{background:var(--gray-400);cursor:not-allowed}.image-preview-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--gray-200)}.image-preview{width:100%;height:250px;object-fit:cover;display:block}.remove-image-btn{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .2s}.remove-image-btn:hover{background:#c82333}.error-text{color:#dc3545;font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.search-filter-bar{flex-direction:column;align-items:stretch}.filter-controls{flex-wrap:wrap}}.applicant-dashboard{animation:fadeIn .3s ease}.applicants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.applicant-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.applicant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.applicant-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.applicant-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--gray-200)}.applicant-info h3{font-size:1.25rem;margin-bottom:.25rem}.applicant-email{color:var(--gray-600);font-size:.875rem}.applicant-opportunity{background:var(--gray-100);padding:1rem;border-radius:8px;margin-bottom:1rem}.applicant-opportunity strong{display:block;margin-bottom:.25rem;color:var(--dark-green)}.applicant-opportunity p{color:var(--gray-700);font-size:.9375rem}.applicant-section{margin-bottom:1.5rem}.applicant-section h4{font-size:.9375rem;font-weight:600;margin-bottom:.75rem;color:var(--dark-green);text-transform:uppercase;letter-spacing:.5px}.applicant-section p{color:var(--gray-700);line-height:1.6}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{display:inline-flex;padding:.375rem .875rem;background:#91cb3e1a;color:var(--medium-green);border-radius:20px;font-size:.8125rem;font-weight:500;border:1px solid var(--light-green)}.applicant-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--gray-100);border-radius:8px;margin-bottom:1rem}.stat-item{text-align:center}.stat-item strong{display:block;font-size:1.5rem;color:var(--medium-green);margin-bottom:.25rem}.stat-item span{color:var(--gray-600);font-size:.8125rem}.portfolio-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--medium-green);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.portfolio-link:hover{color:var(--forest-green)}.applicant-actions{display:flex;gap:.75rem}.applicant-actions .btn{flex:1}@media (max-width: 768px){.applicants-grid{grid-template-columns:1fr}}.task-manager{animation:fadeIn .3s ease}.task-section{margin-bottom:3rem}.task-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--dark-green)}.tasks-list{display:flex;flex-direction:column;gap:1rem}.review-card{border:2px solid var(--yellow);background:#eee82c0d}.completed-card{opacity:.8}.task-volunteer{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.task-meta{color:var(--gray-600);font-size:.875rem}.submission-section{background:var(--gray-100);padding:1rem;border-radius:8px;margin:1rem 0}.submission-section h4{font-size:.9375rem;margin-bottom:.75rem;color:var(--dark-green)}.submission-text{color:var(--gray-700);line-height:1.6;white-space:pre-wrap}.review-form{margin-top:1rem}.review-form textarea{margin-bottom:.75rem}.review-actions{display:flex;gap:.75rem}.empty-message{text-align:center;color:var(--gray-600);padding:2rem;font-size:.9375rem}@media (max-width: 768px){.review-actions{flex-direction:column}.review-actions .btn{width:100%}}.task-review-page{animation:fadeIn .3s ease}.review-tasks-list{display:flex;flex-direction:column;gap:1.5rem}.review-task-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s}.review-task-card:hover{box-shadow:0 8px 24px #0000001f}.review-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.volunteer-info{display:flex;align-items:center;gap:1rem;flex:1}.volunteer-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200)}.volunteer-info h3{font-size:1.125rem;margin-bottom:.25rem;color:var(--dark-green)}.volunteer-name{display:flex;align-items:center;gap:.375rem;color:var(--gray-600);font-size:.875rem}.task-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.task-status-badge.submitted{background:#fef3c7;color:#92400e}.task-status-badge.completed{background:#d1fae5;color:#065f46}.task-status-badge.revision_requested{background:#fee2e2;color:#991b1b}.task-description{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.task-meta-info{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}.meta-item svg{color:var(--medium-green)}.submission-section{background:var(--gray-50);border-radius:8px;padding:1rem;margin-bottom:1rem}.submission-section h4{font-size:.875rem;font-weight:600;color:var(--dark-green);margin-bottom:.5rem}.submission-section p{color:var(--gray-700);line-height:1.6}.review-actions{border-top:2px solid var(--gray-200);padding-top:1.5rem;margin-top:1rem}.feedback-input{margin-bottom:1rem}.feedback-input label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.feedback-input textarea{width:100%;border:2px solid var(--gray-300);border-radius:8px;padding:.75rem;font-size:.9375rem;resize:vertical;transition:border-color .2s}.feedback-input textarea:focus{outline:none;border-color:var(--medium-green)}.review-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-success{background:var(--medium-green);color:#fff;display:flex;align-items:center;gap:.5rem}.btn-success:hover{background:var(--forest-green)}.btn-danger{background:#dc3545;color:#fff;display:flex;align-items:center;gap:.5rem}.btn-danger:hover{background:#c82333}.feedback-section{background:#d1fae5;border-radius:8px;padding:1rem;margin-top:1rem}.feedback-section.revision{background:#fee2e2}.feedback-section h4{font-size:.875rem;font-weight:600;color:var(--dark-green);margin-bottom:.5rem}.feedback-section p{color:var(--gray-700);line-height:1.6;margin-bottom:.5rem}.completed-date{font-size:.8125rem;color:var(--medium-green);font-weight:600}@media (max-width: 768px){.review-task-header{flex-direction:column;align-items:stretch}.task-status-badge{justify-content:center}.review-buttons{flex-direction:column}.review-buttons button{width:100%;justify-content:center}}.award-medals-page{animation:fadeIn .3s ease}.search-bar{display:flex;align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:8px;padding:.75rem 1rem;margin-bottom:2rem;transition:border-color .2s}.search-bar:focus-within{border-color:var(--medium-green)}.search-bar svg{color:var(--gray-500);margin-right:.75rem}.search-bar input{flex:1;border:none;outline:none;font-size:.9375rem;background:transparent}.volunteers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.volunteer-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s,transform .2s}.volunteer-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.volunteer-header{display:flex;gap:1rem;margin-bottom:1rem}.volunteer-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--light-green)}.volunteer-info{flex:1;min-width:0}.volunteer-info h3{font-size:1.125rem;margin:0 0 .25rem}.volunteer-opportunity{font-size:.875rem;color:var(--medium-green);margin:0 0 .5rem;font-weight:600}.volunteer-stats{display:flex;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--gray-500)}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--gray-700)}.award-modal{max-width:700px;width:100%;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;margin:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--gray-600);padding:.25rem;display:flex;align-items:center;transition:color .2s}.close-btn:hover{color:var(--gray-900)}.modal-body{padding-bottom:1.5rem}.medal-templates h3,.medal-customize h3{font-size:1.125rem;margin-bottom:1rem;color:var(--gray-800)}.medals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.medal-template{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.medal-template:hover{border-color:var(--medium-green);background:var(--light-green);transform:scale(1.05)}.medal-template.selected{border-color:var(--medium-green);background:var(--light-green);box-shadow:0 0 0 3px #91cb3e33}.medal-icon{font-size:2.5rem}.medal-name{font-size:.875rem;font-weight:600;text-align:center;color:var(--gray-700)}.medal-customize{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.medal-preview{margin-top:1.5rem;padding:1rem;background:var(--gray-50);border-radius:8px}.medal-preview h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:.75rem}.preview-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:2px solid var(--gray-200)}.preview-icon{font-size:3rem;flex-shrink:0}.preview-card h5{font-size:1.125rem;margin:0 0 .25rem;color:var(--gray-900)}.preview-card p{margin:0;font-size:.875rem;color:var(--gray-600);line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}@media (max-width: 768px){.volunteers-grid{grid-template-columns:1fr}.medals-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.award-modal{max-width:95%;max-height:90vh}}.layout{display:flex;min-height:100vh;background:var(--gray-100)}.sidebar{width:260px;background:var(--dark-green);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#fffc;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#91cb3e1a;color:var(--yellow);border-left-color:var(--yellow)}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-size:.875rem}.logout-btn:hover{background:#ffffff1a}.main-container{flex:1;margin-left:260px;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between}.page-title{font-size:1.25rem;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.icon-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.icon-btn:hover{background:var(--gray-100)}.badge{position:absolute;top:2px;right:2px;background:#e53e3e;color:#fff;border-radius:10px;padding:.125rem .375rem;font-size:.625rem;font-weight:700;min-width:18px;text-align:center}.notifications-container{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200)}.notifications-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--dark-green)}.mark-all-read{background:none;border:none;color:var(--medium-green);font-size:.875rem;cursor:pointer;font-weight:600;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.mark-all-read:hover{background:var(--gray-100)}.notifications-list{overflow-y:auto;max-height:420px}.notification-item{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .2s;display:flex;align-items:flex-start;gap:.75rem;position:relative}.notification-item:hover{background:var(--gray-50)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0fdf4}.notification-item.unread:hover{background:#dcfce7}.notification-content{flex:1}.notification-content h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--dark-green)}.notification-content p{font-size:.8125rem;color:var(--gray-600);margin:0 0 .375rem;line-height:1.4}.notification-time{font-size:.75rem;color:var(--gray-500)}.unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--medium-green);flex-shrink:0;margin-top:.25rem}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.no-notifications svg{color:var(--gray-300);margin-bottom:1rem}.no-notifications p{color:var(--gray-500);margin:0}.user-menu{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-300);cursor:pointer;transition:border-color .2s}.user-avatar:hover{border-color:var(--medium-green)}.content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-header,.nav-item span,.logout-btn span{display:none}.nav-item{justify-content:center}.main-container{margin-left:80px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);z-index:1000}.main-container{margin-left:0}.content{padding:1rem}.notifications-dropdown{width:calc(100vw - 2rem);right:-1rem}}:root{--dark-green: #19381F;--yellow: #EEE82C;--light-green: #91CB3E;--medium-green: #53A548;--forest-green: #4C934C;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--danger: #dc3545;--success: #53A548;--warning: #EEE82C}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-100);color:var(--dark-green)}h1,h2,h3,h4,h5,h6{color:var(--dark-green);font-weight:600}a{text-decoration:none;color:var(--medium-green)}a:hover{color:var(--forest-green)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--medium-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--forest-green)}.btn-outline{background:transparent;border:2px solid var(--medium-green);color:var(--medium-green)}.btn-outline:hover:not(:disabled){background:var(--medium-green);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--forest-green)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-block{width:100%;justify-content:center}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:var(--gray-200)}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{width:100%;padding:.75rem;border:2px solid var(--gray-300);border-radius:8px;font-size:.875rem;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--medium-green)}textarea{resize:vertical}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-green)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.accepted,.status-badge.active,.status-badge.completed{background:#d4edda;color:#155724}.status-badge.rejected,.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.claimed,.status-badge.in_progress{background:#d1ecf1;color:#0c5460}.status-badge.submitted{background:#e7e3ff;color:#4a148c}.skill-tag{display:inline-flex;align-items:center;padding:.375rem .875rem;background:var(--gray-200);color:var(--dark-green);border-radius:20px;font-size:.8125rem;font-weight:500;border:2px solid transparent;transition:all .2s}.skill-tag.selected{background:var(--light-green);color:#fff;border-color:var(--medium-green)}button.skill-tag{cursor:pointer;border:2px solid var(--gray-300)}button.skill-tag:hover{border-color:var(--medium-green)}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--gray-600)}.empty-state svg{color:var(--gray-400);margin-bottom:1rem}.empty-state h2{color:var(--gray-700);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.25rem;color:var(--medium-green)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:var(--gray-600)}.small{font-size:.875rem}.muted{color:var(--gray-600);font-size:.875rem}.badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:10px;padding:.125rem .375rem;font-size:.625rem;font-weight:600;min-width:18px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.info-box{padding:1rem;background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;margin:1rem 0;font-size:.875rem}.warning-card{background:#fff3cd!important;border:2px solid #ffc107}.highlight-card{background:linear-gradient(135deg,var(--light-green) 0%,var(--medium-green) 100%);color:#fff}.highlight-card h3{color:#fff}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}