body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#10b981;--secondary:#f59e0b;--accent:#8b5cf6;--dark:#1f2937;--light:#f3f4f6;--white:#fff;--border:#e5e7eb;--text:#111827;--text-light:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--white);color:#111827;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 28px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary),#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #10b981;border:2px solid var(--primary);color:#10b981;color:var(--primary)}.btn-secondary:hover{background:#10b981;background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-large{font-size:18px;min-width:200px;padding:16px 40px}.section-title{color:#111827;color:var(--text);font-size:36px}.section-subtitle{color:#6b7280;color:var(--text-light);font-size:18px;margin-bottom:48px;text-align:center}@media (max-width:768px){.section-title{font-size:28px}.section-subtitle{font-size:16px}.btn-large{min-width:auto;width:100%}}.home{overflow-x:hidden;width:100%}html{scroll-behavior:smooth}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative}.hero-section:before{animation:float 6s ease-in-out infinite;height:400px;right:-50px;top:-50px;width:400px}.hero-section:after,.hero-section:before{background:#ffffff1a;border-radius:50%;content:"";position:absolute}.hero-section:after{animation:float 8s ease-in-out infinite reverse;bottom:50px;height:300px;left:-100px;width:300px}.hero-content{color:#fff;max-width:800px;text-align:center;z-index:2}.hero-title{animation:slideInDown .8s ease-out;font-size:64px;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-subtitle{animation:slideInUp .8s ease-out .2s both;font-size:24px;margin-bottom:36px;opacity:.95}.hero-cta-buttons{align-items:center;animation:slideInUp .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px;margin-left:auto;margin-right:auto;width:100%}.hero-cta-buttons .btn-primary{background:#fff;box-shadow:0 8px 30px #0003;color:#667eea}.hero-cta-buttons .btn-primary:hover{box-shadow:0 10px 40px #0000004d;transform:translateY(-3px)}.hero-cta-buttons .btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.hero-cta-buttons .btn-secondary:hover{background:#ffffff1a}.hero-animation{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:40px}.floating-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #1f268733;color:#fff;min-width:180px;padding:24px 32px;text-align:center;transition:transform .3s ease}.floating-card:hover{background:#fff3;transform:translateY(-10px)}.floating-card.card-2{animation-delay:1s}.floating-card.card-3{animation-delay:2s}.card-icon{font-size:48px;margin-bottom:12px}.floating-card p{font-size:16px;font-weight:600}@media (max-width:768px){.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-cta-buttons{flex-direction:column}.floating-card{min-width:150px;padding:16px 24px}}@media (max-width:480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-animation{gap:20px}.floating-card{font-size:14px;min-width:140px;padding:12px 16px}.card-icon{font-size:36px}}.features-section{background:var(--white);padding:100px 20px}.features-container{margin:0 auto;max-width:1200px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:60px}.feature-card{background:var(--light);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{border-color:var(--primary);box-shadow:0 15px 40px #0000001f;transform:translateY(-10px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{animation:bounce 2s ease-in-out infinite;font-size:56px;margin-bottom:20px}.feature-card:nth-child(2) .feature-icon{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon{animation-delay:.4s}.feature-card:nth-child(4) .feature-icon{animation-delay:.6s}.feature-card:nth-child(5) .feature-icon{animation-delay:.8s}.feature-card:nth-child(6) .feature-icon{animation-delay:1s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{color:var(--text);font-size:22px;font-weight:700;margin-bottom:12px}.feature-description{color:var(--text-light);font-size:16px;line-height:1.6}@media (max-width:768px){.features-section{padding:80px 20px}.features-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-icon{font-size:44px}.feature-title{font-size:18px}.feature-description{font-size:14px}}@media (max-width:480px){.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:30px 20px}.feature-icon{font-size:40px}}.roles-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:50px 20px}.roles-container{margin:0 auto;max-width:1000px}.roles-selector{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.role-tab{border-bottom:3px solid #0000;color:var(--text-light);font-size:18px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.role-tab:hover{transform:translateY(-2px)}.role-tab.active,.role-tab:hover{color:var(--text)}.role-content{perspective:1000px}.role-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;border-top:6px solid var(--primary);box-shadow:0 20px 50px #00000026;padding:50px 40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.role-card h3{color:var(--text);font-size:32px;margin-bottom:8px}.role-description{color:var(--text-light);font-size:18px;font-weight:500;margin-bottom:20px}.features-list{list-style:none;margin-bottom:20px}.features-list li{align-items:center;border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:16px;gap:12px;padding:12px 0;transition:all .3s ease}.features-list li:last-child{border-bottom:none}.features-list li:hover{color:var(--primary);padding-left:8px}.feature-check{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.role-cta{border:none;border-radius:8px;box-shadow:0 8px 20px #00000026;color:#fff;cursor:pointer;font-size:16px;max-width:300px;padding:14px 28px;transition:all .3s ease;width:100%}.role-cta:hover{box-shadow:0 12px 30px #0003;transform:translateY(-3px)}@media (max-width:768px){.roles-section{padding:80px 20px}.roles-selector{gap:15px}.role-tab{font-size:14px;padding:10px 16px}.role-card{padding:30px 20px}.role-card h3{font-size:24px}.features-list li{font-size:14px}.role-cta{max-width:100%}}@media (max-width:480px){.roles-selector{flex-direction:column;gap:10px}.role-tab{text-align:left;width:100%}.role-card{padding:20px 16px}.role-card h3{font-size:20px}.role-description{font-size:16px}.features-list li{font-size:13px;padding:10px 0}.feature-check{font-size:12px;height:20px;width:20px}}.stats-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:80px 20px}.stats-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{background:#fff;border-radius:12px;border-top:4px solid var(--primary);box-shadow:0 10px 30px #00000014;padding:40px 30px;transition:all .3s ease}.stat-card:nth-child(2){border-top-color:var(--secondary)}.stat-card:nth-child(3){border-top-color:var(--accent)}.stat-card:nth-child(4){border-top-color:#ef4444}.stat-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-10px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--primary);font-size:48px;font-weight:800;margin-bottom:12px}.stat-card:nth-child(2) .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text}.stat-label{color:var(--text-light);font-size:18px}@media (max-width:768px){.stats-section{padding:60px 20px}.stat-card{padding:30px 20px}.stat-number{font-size:36px}.stat-label{font-size:16px}}@media (max-width:480px){.stats-container{gap:20px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:28px}.stat-label{font-size:14px}}.testimonials-section{background:var(--white);padding:100px 20px}.testimonials-container{margin:0 auto;max-width:1200px}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.testimonial-card{background:var(--light);border:2px solid var(--border);border-radius:12px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.testimonial-card:before{color:var(--primary);content:'"';font-size:80px;opacity:.1;position:absolute;right:20px;top:10px}.testimonial-card:hover{border-color:var(--primary);box-shadow:0 12px 30px #0000001a;transform:translateY(-8px)}.testimonial-header{gap:15px;margin-bottom:15px}.avatar,.testimonial-header{align-items:center;display:flex}.avatar{background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;font-size:40px;height:50px;justify-content:center;width:50px}.testimonial-info h4{color:var(--text);font-size:16px;font-weight:700;margin-bottom:4px}.testimonial-info p{color:var(--text-light);font-size:13px;font-weight:500}.testimonial-rating{font-size:16px;letter-spacing:2px;margin-bottom:15px}.testimonial-message{color:var(--text);font-size:15px;font-style:italic;line-height:1.6;position:relative;z-index:1}.testimonial-card:first-child{animation:fadeInUp .6s ease-out .1s both}.testimonial-card:nth-child(2){animation:fadeInUp .6s ease-out .2s both}.testimonial-card:nth-child(3){animation:fadeInUp .6s ease-out .3s both}.testimonial-card:nth-child(4){animation:fadeInUp .6s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.testimonials-section{padding:80px 20px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.testimonial-card{padding:24px}.testimonial-message{font-size:14px}}@media (max-width:480px){.testimonials-grid{gap:20px;grid-template-columns:1fr}.testimonial-card{padding:20px}.avatar{font-size:32px;height:45px;width:45px}.testimonial-info h4{font-size:14px}.testimonial-message{font-size:13px}}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.cta-section:before{animation:float 8s ease-in-out infinite;height:500px;left:-100px;top:-100px;width:500px}.cta-section:after,.cta-section:before{background:#ffffff14;border-radius:50%;content:"";position:absolute}.cta-section:after{animation:float 10s ease-in-out infinite reverse;bottom:-50px;height:400px;right:-50px;width:400px}.cta-container{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-section h2{animation:slideInDown .6s ease-out;font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.cta-section>p{animation:slideInUp .6s ease-out .2s both;font-size:20px;margin-bottom:40px;opacity:.95}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-buttons{animation:slideInUp .6s ease-out .4s both;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:50px}.cta-buttons .btn-primary{background:#fff;box-shadow:0 8px 30px #0003;color:#667eea;transition:all .3s ease}.cta-buttons .btn-primary:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-3px) scale(1.05)}.cta-buttons .btn-secondary{background:#0000;border:2px solid #fff;color:#fff;transition:all .3s ease}.cta-buttons .btn-secondary:hover{background:#ffffff26;transform:translateY(-3px)}.cta-footer{animation:slideInUp .6s ease-out .6s both;font-size:16px}.cta-footer p{letter-spacing:.5px;opacity:.9}@media (max-width:768px){.cta-section{padding:80px 20px}.cta-section h2{font-size:36px}.cta-section>p{font-size:18px}.cta-buttons{flex-direction:column}.cta-buttons .btn-large{width:100%}}@media (max-width:480px){.cta-section{padding:60px 20px}.cta-section h2{font-size:28px}.cta-section>p{font-size:16px}.cta-buttons{gap:12px}.cta-footer{font-size:14px}}.auth-page{align-items:flex-start;background:#f1f5f9;display:flex;justify-content:center;min-height:100vh;padding:48px 16px 64px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;max-width:480px;overflow:hidden;width:100%}.register-card{max-width:680px}.auth-header{background:#4f46e5;color:#fff;padding:32px 40px 24px}.auth-header h1{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.auth-header p{font-size:14px;margin:0;opacity:.8}.auth-alert{background:#fef2f2;border-left:4px solid #ef4444;border-radius:6px;color:#b91c1c;font-size:14px;margin:20px 40px 0;padding:11px 16px}.auth-form-body{padding:0 0 8px}.form-section{padding:24px 40px 0}.section-title{color:#6366f1;display:block;font-size:11px;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.role-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:4px}.role-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:9px 12px;transition:all .15s}.role-tab:hover{background:#e2e8f0;color:#1e293b}.role-tab.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#4f46e5;font-weight:600}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field>label{color:#374151;font-size:13px;font-weight:500}.req{color:#ef4444;font-weight:600}.form-field input,.form-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#111827;font-family:inherit;font-size:14px;padding:9px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af;font-size:13px}.field-note{background:#fffbeb;border:1px solid #fde68a;border-radius:5px;color:#78350f;display:block;font-size:12px;line-height:1.4;padding:8px 10px}.form-actions{align-items:stretch;flex-direction:column;margin-top:24px;padding:0 24px}.auth-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;letter-spacing:.1px;padding:14px;transition:background .15s;width:100%}.auth-btn:hover:not(:disabled){background:#4338ca}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}.auth-footer-text{color:#6b7280;font-size:14px;margin:0;padding:16px 40px 28px;text-align:center}.auth-footer-text a{color:#4f46e5;font-weight:600;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.login-card{max-width:440px}.login-form-body{display:flex;flex-direction:column;gap:18px;padding:28px 40px 24px}@media (max-width:580px){.auth-header,.form-section,.login-form-body{padding-left:20px;padding-right:20px}.auth-alert{margin-left:20px;margin-right:20px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1}}.donor-layout{background-color:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#667eea,#764ba2)}.sidebar-toggle-btn.topbar-toggle{background:linear-gradient(135deg,#667eea,#764ba2)}.nav-item-locked{background:#0000;border:none;cursor:not-allowed;opacity:.45;text-align:left;width:100%}.user-role-badge{background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #667eea66;transform:scale(.95)}70%{box-shadow:0 0 0 12px #667eea00;transform:scale(1)}to{box-shadow:0 0 0 0 #667eea00;transform:scale(.95)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.dashboard-container{animation:fadeUp .4s ease both;margin:0 auto;max-width:1200px;padding:2rem}.loading-spinner{flex-direction:column;font-size:1rem;font-weight:600;gap:1.2rem;min-height:60vh}.spinner-ring{animation:spin-slow .8s linear infinite;border:4px solid #e8eaff;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.dashboard-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2.5rem 2.5rem 2.2rem}.hero-profile-card{border-radius:18px;box-shadow:0 14px 30px #2020402e}.hero-avatar-fallback{color:#667eea}.hero-approval-notice{margin-top:.35rem}.hero-greeting{opacity:.85}.hero-sub{font-weight:400;opacity:.8}.approval-notice{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff59;border-radius:50px;display:inline-flex;font-size:.88rem;font-weight:600;gap:.5rem;padding:.6rem 1.1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.stat-card{animation:fadeUp .5s ease both;border-radius:14px;cursor:default;flex-direction:row;gap:1rem;overflow:hidden;padding:1.1rem 1.4rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:hover{box-shadow:0 12px 30px #0000002e;transform:translateY(-5px) scale(1.02)}.stat-card-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea59;color:#fff}.stat-card-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 6px 20px #f093fb59;color:#fff}.stat-card-tertiary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 6px 20px #4facfe59;color:#fff}.stat-card-time{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 6px 20px #11998e59;color:#fff}.stat-card-info{background:linear-gradient(135deg,#f7971e,#ffd200);box-shadow:0 6px 20px #f7971e59;color:#fff}.stat-card:before{background:linear-gradient(110deg,#0000 25%,#ffffff1f 50%,#0000 75%);background-size:200% 100%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.stat-card:hover:before{animation:shimmer .7s ease forwards;opacity:1}.stat-card-glow{background:#ffffff0f;border-radius:50%;inset:-40%;pointer-events:none;position:absolute}.stat-card-icon-wrap{align-items:center;background:#ffffff38;border-radius:12px;color:inherit;display:flex;flex-shrink:0;height:44px;justify-content:center;min-width:44px;width:44px}.stat-content{flex:1 1;min-width:0;width:100%}.stat-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;line-height:1.3;margin:0 0 .25rem;opacity:.85;text-transform:uppercase}.stat-label,.stat-value{white-space:normal;word-break:break-word}.stat-value{font-size:1.7rem;font-weight:800;line-height:1.15;margin:0}.stat-unit{font-size:1rem;font-weight:600;opacity:.85}.stat-value-date{font-size:1.05rem;font-weight:700;margin:0}.stat-trend{flex-shrink:0;opacity:.65}.section-title{color:#1a1a1a;font-size:1.35rem;font-weight:700;margin:0 0 1.1rem}.quick-actions-section{margin-bottom:2.5rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.action-btn{align-items:center;animation:fadeUp .5s ease both;border:none;border-radius:14px;cursor:pointer;display:flex;gap:1rem;padding:1.1rem 1.4rem;text-align:left;transition:all .25s ease}.action-btn:first-child{animation-delay:.1s}.action-btn:nth-child(2){animation-delay:.15s}.action-btn:nth-child(3){animation-delay:.2s}.action-btn:hover{box-shadow:0 8px 20px #00000024;transform:translateY(-3px)}.action-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-btn-tertiary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.action-btn-icon{align-items:center;background:#ffffff38;border-radius:10px;display:flex;height:44px;justify-content:center;min-width:44px;width:44px}.action-btn-text{display:flex;flex-direction:column;gap:.2rem}.action-title{font-size:.97rem;font-weight:700}.action-sub{font-size:.78rem;font-weight:400;opacity:.8}.recent-section{animation:fadeUp .5s ease .3s both;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000012;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.view-all-btn{background:#0000;border:1.5px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem 1rem;transition:all .2s}.view-all-btn:hover{background:#667eea;color:#fff}.activity-list{display:flex;flex-direction:column;gap:.6rem}.activity-item{align-items:center;animation:slideIn .4s ease both;background:#f8f9ff;border:1px solid #eef0fb;border-radius:10px;display:flex;gap:1rem;padding:.85rem 1rem;transition:background .2s,transform .2s}.activity-item:hover{background:#eef0fb;transform:translateX(3px)}.activity-type-dot{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:34px;justify-content:center;min-width:34px;width:34px}.activity-type-dot--money{animation:pulse-ring 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2)}.activity-type-dot--time{background:linear-gradient(135deg,#11998e,#38ef7d)}.activity-info{flex:1 1;min-width:0}.activity-ngo{color:#1a1a1a;font-size:.95rem;font-weight:600;margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-date{color:#999;font-size:.8rem;margin:0}.activity-right{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.activity-value{color:#1a1a1a;font-size:1rem;font-weight:700}.activity-status{font-size:.7rem;padding:.2rem .6rem}.status-badge{font-size:.72rem;letter-spacing:.04em;padding:.3rem .75rem}.status-approved,.status-success{background:#d4edda;color:#155724}.status-pending{background:#fff3cd}.status-failed,.status-rejected{background:#f8d7da;color:#721c24}.status-completed{background:#cce5ff;color:#004085}.empty-state{border-radius:16px;box-shadow:0 4px 20px #00000012;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#f3f4ff,#e8eaff);border-radius:50%;color:#667eea;display:flex;height:90px;justify-content:center;margin-bottom:1.2rem;width:90px}.empty-state h3{font-size:1.4rem}.empty-state p{font-size:.95rem}.empty-state-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 12px #667eea59;font-weight:700;transition:all .25s}.empty-state-btn:hover{box-shadow:0 6px 18px #667eea73}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-hero{padding:1.8rem 1.5rem}.hero-name{font-size:1.6rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}.action-btn{padding:1rem}.hero-content{align-items:stretch}.hero-profile-card{justify-content:flex-start;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.hero-profile-card{align-items:flex-start;flex-direction:column}.hero-profile-email{max-width:100%}}.campaign-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.campaign-image-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#f1f4ff,#e8ecf9);overflow:hidden;width:100%}.campaign-image{height:100%;object-fit:cover;width:100%}.campaign-image-placeholder{align-items:center;color:#6b7280;display:flex;font-size:.9rem;font-weight:600;height:100%;justify-content:center}.campaign-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.campaign-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem 1rem 0}.campaign-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-money{background-color:#d4edda;color:#155724}.badge-time{background-color:#d1ecf1;color:#0c5460}.urgency-badge{background-color:#fff3cd;border-radius:12px;color:#856404;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.campaign-card-body{flex-grow:1;padding:1rem}.campaign-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:1.1rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.campaign-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{display:flex;font-size:.85rem;gap:.5rem}.meta-label{color:#666;font-weight:600}.meta-value{color:#1a1a1a}.campaign-progress{margin-top:1rem}.campaign-progress--simple{background:#f8f9fc;border:1px solid #e8ebf7;border-radius:8px;padding:.65rem .75rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:#666;font-size:.85rem;font-weight:600}.progress-amount{color:#667eea;font-size:1rem;font-weight:700}.progress-bar-container{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s}.campaign-card-footer{border-top:1px solid #e9ecef;padding:1rem}.donate-btn{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.donate-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px)}.donate-btn:disabled{background-color:#ccc;cursor:not-allowed}.donate-btn--time{background:linear-gradient(135deg,#11998e,#38ef7d)}.donate-btn--time:hover:not(:disabled){background:linear-gradient(135deg,#0e8a7e,#30d470)}.campaign-volunteer-info{align-items:center;background:linear-gradient(135deg,#e0fff8,#e8f5e9);border:1px solid #b2dfdb;border-radius:8px;display:flex;gap:.5rem;margin-top:1rem;padding:.6rem 1rem}.volunteer-info-icon{font-size:1.1rem}.volunteer-info-text{color:#00796b;font-size:.88rem;font-weight:600}.campaigns-container{margin:0 auto;max-width:1200px;padding:2rem}.campaigns-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.campaigns-header h1{color:#1a1a1a;font-size:2rem;margin:0 0 .5rem}.campaigns-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-direction:column;padding:1rem 2rem}.count-number{font-size:2rem;font-weight:700}.count-label{font-size:.85rem;opacity:.9}.filters-section{background:#fff;border:1px solid #667eea1f;border-radius:16px;box-shadow:0 4px 20px #667eea1a;margin-bottom:2rem;overflow:hidden}.filters-top-row{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:1rem 1.5rem}.filters-title{color:#ffffffe6;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.clear-filters-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.35rem .9rem;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#ffffff52;border-color:#ffffffb3}.filters-body{display:flex;flex-wrap:wrap;gap:0}.filter-block{border-right:1px solid #f0f0f5;display:flex;flex:1 1;flex-direction:column;gap:.6rem;min-width:175px;padding:1.2rem 1.5rem}.filter-block:last-child{border-right:none}.filter-block--toggle{align-items:flex-start;flex:0 1;min-width:130px}.filter-block-label{color:#9ca3af;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pill-group{display:flex;flex-wrap:wrap;gap:.4rem}.pill-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:50px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.35rem;padding:.45rem 1rem;transition:all .2s ease;white-space:nowrap}.pill-btn:hover:not(.pill-btn--active){background:#f3f4ff;border-color:#667eea;color:#667eea}.pill-btn--active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea66;color:#fff}.pill-icon{font-size:.9rem;line-height:1}.filter-select{-webkit-appearance:auto;appearance:auto;background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:.92rem;padding:.55rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;margin-top:.15rem}.toggle-switch input[type=checkbox]{display:none}.toggle-track{background:#e5e7eb;border-radius:50px;flex-shrink:0;height:26px;position:relative;transition:background .25s ease;width:46px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000038;height:20px;left:3px;position:absolute;top:3px;transition:transform .25s ease;width:20px}.toggle-switch input[type=checkbox]:checked+.toggle-track{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.campaigns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state-btn{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s}.empty-state-btn:hover{background-color:#5568d3;transform:translateY(-2px)}@media (max-width:768px){.campaigns-container{padding:1rem}.campaigns-header{align-items:flex-start;flex-direction:column}.campaigns-header h1{font-size:1.5rem}.campaigns-count{align-self:stretch}.filters-body{flex-direction:column}.filter-block{border-bottom:1px solid #f0f0f5;border-right:none;min-width:0;min-width:auto}.filter-block:last-child{border-bottom:none}.filter-block--toggle{align-items:center;flex-direction:row;justify-content:space-between}.campaigns-grid{grid-template-columns:1fr}}.donate-container{margin:0 auto;max-width:1200px;padding:2rem}.back-btn{background-color:initial;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .3s}.back-btn:hover{background-color:#667eea;color:#fff}.donate-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.campaign-details-section h2,.donation-form-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 1.5rem}.detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.campaign-detail-image-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#f2f5ff,#e7ebfa);border-radius:10px;margin-bottom:1rem;overflow:hidden;width:100%}.campaign-detail-image{height:100%;object-fit:cover;width:100%}.campaign-detail-image-placeholder{align-items:center;color:#6c757d;display:flex;font-size:.9rem;font-weight:600;height:100%;justify-content:center}.campaign-description{border-bottom:1px solid #e9ecef;color:#1a1a1a;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;padding-bottom:1rem}.detail-item{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-of-type{border-bottom:none}.detail-label{color:#666;font-size:.9rem;font-weight:600}.detail-value{color:#1a1a1a;font-size:.95rem;font-weight:500}.detail-value.highlight{color:#667eea;font-weight:700}.detail-value.amount-raised{color:#28a745;font-size:1.1rem;font-weight:700}.acceptance-badges{border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.acceptance-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.acceptance-badge.money{background-color:#d4edda;color:#155724}.acceptance-badge.time{background-color:#d1ecf1;color:#0c5460}.donation-type-tabs{background:#f1f3f5;border-radius:12px;display:flex;gap:0;margin-bottom:1.5rem;padding:4px}.donation-tab{background:#0000;border:none;border-radius:9px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.65rem 1rem;transition:all .2s ease;white-space:nowrap}.donation-tab:hover:not(.active){background:#fff9;color:#495057}.donation-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea59;color:#fff}.volunteer-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:border-color .3s;width:100%}.volunteer-textarea:focus{border-color:#667eea;outline:none}.volunteer-textarea:disabled{background-color:#f1f3f5;cursor:not-allowed}.optional-label{color:#adb5bd;font-size:.8rem;font-weight:400}.donation-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.donation-form{display:flex;flex-direction:column;gap:1.5rem}.form-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:.9rem;padding:1rem}.form-group label{font-size:.95rem}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.input-hint{color:#666;font-size:.8rem}.predefined-amounts{background-color:#f8f9fa;border-radius:8px;padding:1rem}.predefined-label{color:#1a1a1a;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.amount-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.amount-btn{background-color:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .3s}.amount-btn:hover:not(:disabled){transform:translateY(-2px)}.amount-btn.selected,.amount-btn:hover:not(:disabled){background-color:#667eea;color:#fff}.amount-btn:disabled{background-color:#e9ecef;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.donation-summary{background-color:#f8f9fa;border-radius:8px;padding:1rem}.time-donation-note{background:#e8f7ee;border:1px solid #c8ead6;border-radius:8px;color:#1f6f4a;font-size:.9rem;font-weight:600;margin-top:.9rem;padding:.85rem 1rem}.summary-row{align-items:center;color:#495057;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.summary-row.total{border-top:2px solid #dee2e6;color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.summary-amount{color:#667eea;font-weight:600}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.expired-notice{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;padding:1rem;text-align:center}.security-notice{align-items:center;background-color:#d1ecf1;border-radius:8px;color:#0c5460;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.security-icon{font-size:1.2rem}.success-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.success-icon{font-size:5rem;margin-bottom:1rem}.success-card h2{color:#28a745;font-size:2rem;margin:0 0 .5rem}.success-card p{color:#666;margin:0 0 1rem}.success-amount{color:#667eea;font-size:2.5rem;font-weight:700;margin:1rem 0}.redirect-message{color:#666;font-size:.9rem;font-style:italic}.error-message{margin-bottom:1rem}@media (max-width:992px){.donate-layout{grid-template-columns:1fr}}@media (max-width:768px){.donate-container{padding:1rem}.campaign-description{font-size:1rem}.amount-buttons{flex-direction:column}.amount-btn{width:100%}.success-card{padding:2rem 1rem}.success-icon{font-size:3rem}.success-card h2{font-size:1.5rem}.success-amount{font-size:2rem}}.history-container{margin:0 auto;max-width:1200px;padding:2rem}.history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.history-header h1{color:#1a1a1a;font-size:2rem;margin:0 0 .5rem}.history-stats{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.stat-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.stat-label{color:#fff;font-size:.9rem;font-weight:700;opacity:.9}.stat-value{font-size:1.2rem;font-weight:700}.stat-value.success{color:#43e97b}.stat-value.time-stat{color:#89f7fe}.type-tabs{background:#f1f3f5;border-radius:12px;display:flex;gap:0;margin-bottom:1.5rem;padding:4px;width:-webkit-fit-content;width:fit-content}.type-tab{background:#0000;border:none;border-radius:9px;color:#6c757d;cursor:pointer;font-size:.93rem;font-weight:600;padding:.55rem 1.4rem;transition:all .2s ease;white-space:nowrap}.type-tab:hover:not(.active){background:#fff9;color:#495057}.type-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea59;color:#fff}.type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .65rem}.type-badge--money{background-color:#d4edda;color:#155724}.type-badge--time{background-color:#d1ecf1;color:#0c5460}.history-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:200px}.filter-group label{color:#1a1a1a;font-size:.9rem;font-weight:600;white-space:nowrap}.filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;transition:border-color .3s}.filter-group select:focus{border-color:#667eea;outline:none}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.donations-table{border-collapse:collapse;width:100%}.donations-table thead{background-color:#f8f9fa}.donations-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.donations-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.donations-table tbody tr:hover{background-color:#f8f9fa}.donations-table td{color:#495057;font-size:.95rem;padding:1rem}.ngo-cell{display:flex;flex-direction:column;gap:.25rem}.ngo-name{color:#1a1a1a;font-weight:600}.ngo-email{color:#6c757d;font-size:.85rem}.amount-cell{color:#28a745;font-size:1rem;font-weight:700}.status-badge{border-radius:12px;font-size:.75rem;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.status-success{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-failed{background-color:#f8d7da;color:#721c24}.status-approved{background-color:#cce5ff;color:#004085}.status-rejected{background-color:#f8d7da;color:#721c24}.status-completed{background-color:#d4edda;color:#155724}.transaction-id{color:#6c757d;font-family:Courier New,monospace;font-size:.85rem}.hours-cell{color:#0c5460;font-size:1rem;font-weight:700}.campaign-cell{color:#495057;font-size:.88rem;max-width:200px}.campaign-cell,.message-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-cell{color:#6c757d;font-size:.85rem;max-width:150px}.mobile-view{display:none}.donations-cards{display:flex;flex-direction:column;gap:1rem}.donation-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.card-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.card-date{color:#6c757d;font-size:.85rem}.card-body{padding:1rem}.card-ngo h4{color:#1a1a1a;font-size:1rem;margin:0 0 .25rem}.card-ngo p{color:#6c757d;font-size:.85rem;margin:0 0 1rem}.card-amount{color:#28a745;font-size:1.5rem}.card-amount,.card-hours{font-weight:700;margin-top:.5rem}.card-hours{color:#0c5460;font-size:1.3rem}.card-campaign{color:#6c757d;font-size:.85rem;font-weight:400;margin-top:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-message{color:#495057;font-size:.85rem;font-style:italic}.card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.transaction-label{color:#6c757d;font-size:.75rem;text-transform:uppercase}.empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 .5rem}.empty-state p{color:#666;margin:0 0 1.5rem;text-align:center}.reset-filter-btn{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s}.reset-filter-btn:hover{background-color:#5568d3;transform:translateY(-2px)}@media (max-width:992px){.desktop-view{display:none}.mobile-view{display:block}}@media (max-width:768px){.history-container{padding:1rem}.history-header{align-items:stretch;flex-direction:column}.history-header h1{font-size:1.5rem}.history-stats{width:100%}.history-filters{flex-direction:column}.filter-group{min-width:100%}}.profile-container{margin:0 auto;max-width:1200px;padding:2rem}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.profile-header h1{color:#1a1a1a;font-size:2rem;margin:0 0 .5rem}.subtitle{color:#666;font-size:1rem;margin:0}.edit-btn{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.edit-btn:hover{background-color:#5568d3;transform:translateY(-2px)}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.error-message,.success-message{margin-bottom:1.5rem;padding:1rem;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.profile-section h2,.stats-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 1.5rem}.profile-visual-card{margin-bottom:1.25rem}.profile-picture-card{grid-gap:1.2rem;background:linear-gradient(135deg,#fff,#f7f8ff);border:1px solid #eef0ff;border-radius:18px;box-shadow:0 14px 34px #667eea1f;display:grid;gap:1.2rem;grid-template-columns:auto 1fr;padding:1.35rem}.profile-picture-preview{align-items:center;background:linear-gradient(135deg,#eef1ff,#dde4ff);border:4px solid #ffffffe6;border-radius:50%;box-shadow:0 10px 24px #667eea2e;display:flex;height:132px;justify-content:center;justify-self:center;overflow:hidden;width:132px}.profile-picture-image{height:100%;object-fit:cover;width:100%}.profile-picture-fallback{color:#667eea;font-size:2rem;font-weight:700;letter-spacing:.02em}.profile-picture-copy{display:flex;flex-direction:column;gap:.55rem;justify-content:center;min-width:0}.profile-picture-label{align-items:center;background:#eef1ff;border-radius:999px;color:#667eea;display:inline-flex;font-size:.74rem;font-weight:700;letter-spacing:.08em;padding:.35rem .7rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.profile-picture-copy h3{color:#1a1a1a;font-size:1.35rem;margin:0}.profile-picture-copy p{color:#5f6477;line-height:1.5;margin:0;max-width:42rem}.profile-picture-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.profile-picture-input{display:none}.picture-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem .9rem;transition:all .2s ease}.picture-btn:disabled{cursor:not-allowed;opacity:.7}.picture-btn-primary{background:#667eea;color:#fff}.picture-btn-primary:hover:not(:disabled){background:#5568d3}.picture-btn-danger{background:#f8d7da;color:#721c24}.picture-btn-danger:hover:not(:disabled){background:#f1c2c7}.profile-picture-card:hover{transform:translateY(-2px);transition:transform .2s ease}.info-card{grid-gap:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem}.info-group{display:flex;flex-direction:column;gap:.5rem}.info-group:nth-child(5),.info-group:nth-child(7),.info-group:nth-child(8){grid-column:1/-1}.info-group label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-group p{color:#1a1a1a;font-size:1rem;font-weight:500;margin:0}.status-badge{display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.edit-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:#1a1a1a;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f1f3f5;color:#6c757d;cursor:not-allowed}.form-group.readonly{margin-bottom:1rem}.field-hint{color:#6c757d;font-size:.8rem;font-style:italic}.form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s}.cancel-btn{background-color:initial;border:1px solid #6c757d;color:#6c757d}.cancel-btn:hover:not(:disabled){background-color:#6c757d;color:#fff}.save-btn{background-color:#667eea;color:#fff}.save-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.stats-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.impact-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s}.impact-card:hover{transform:translateX(4px)}.impact-card--money{background:linear-gradient(135deg,#f5f6ff,#ebe8ff);border-left:4px solid #667eea}.impact-card--donations{background:linear-gradient(135deg,#fff5f6,#ffe8ec);border-left:4px solid #f5576c}.impact-card--campaigns{background:linear-gradient(135deg,#fff5fb,#ffe8f5);border-left:4px solid #e91e8c}.impact-card--time{background:linear-gradient(135deg,#f0fffe,#e6fff8);border-left:4px solid #11998e}.icon-teal{color:#11998e}.impact-unit{color:#6c757d;font-size:1rem;font-weight:500}.impact-icon{font-size:2.5rem}.impact-content h3{color:#6c757d;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.impact-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.account-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem}.account-info-card h3{font-size:1.1rem;margin:0 0 1rem}.account-detail{align-items:center;border-bottom:1px solid #fff3;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 0}.account-detail:last-child{border-bottom:none}.detail-value{font-weight:600}.detail-value.active{color:#43e97b}.detail-value.inactive{color:#ffb347}.loading-spinner{align-items:center;color:#667eea;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}@media (max-width:992px){.profile-layout{grid-template-columns:1fr}}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{align-items:flex-start;flex-direction:column}.profile-header h1{font-size:1.5rem}.edit-btn{justify-content:center;width:100%}.info-card{grid-template-columns:1fr;padding:1.5rem}.info-group:nth-child(5),.info-group:nth-child(7),.info-group:nth-child(8){grid-column:1}.form-row{grid-template-columns:1fr}.edit-form{padding:1.5rem}.profile-picture-card{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-picture-copy{align-items:center}.profile-picture-copy p{max-width:100%}.profile-picture-actions{justify-content:center}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.profile-picture-preview{height:112px;width:112px}}.ngo-dashboard-shell{background:radial-gradient(circle at top left,#10b98124,#0000 34%),radial-gradient(circle at top right,#f59e0b1f,#0000 28%),linear-gradient(180deg,#f6f8fb,#eef3f9);color:#172033;min-height:100vh;padding:24px}.ngo-loading-shell{display:grid;place-items:center}.ngo-loading-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a1f;color:#2563eb;display:inline-flex;font-weight:700;gap:12px;padding:18px 24px}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ngo-hero{grid-gap:20px;background:linear-gradient(135deg,#0f766e,#0891b2 45%,#f59e0b);border-radius:28px;box-shadow:0 24px 60px #0f766e38;color:#fff;display:grid;gap:20px;grid-template-columns:1.4fr .9fr;margin-bottom:20px;padding:28px}.ngo-hero-copy h1{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05;margin:12px 0 10px}.ngo-hero-copy p{line-height:1.65;margin:0;max-width:720px;opacity:.92}.ngo-kicker{align-items:center;background:#ffffff29;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:800;gap:8px;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.ngo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.ngo-hero-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff38;border-radius:24px;display:flex;flex-direction:column;gap:18px;justify-content:center;padding:24px}.ngo-avatar-ring{background:#ffffff47;border-radius:50%;box-shadow:0 12px 30px #0f172a2e;height:128px;padding:5px;width:128px}.ngo-avatar-fallback,.ngo-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.ngo-avatar-fallback{background:linear-gradient(135deg,#fff,#fef3c7);color:#0f766e;display:grid;font-size:2rem;font-weight:900;place-items:center}.ngo-hero-meta{display:flex;flex-direction:column;gap:4px;text-align:center}.ngo-meta-label{font-size:.74rem;letter-spacing:.12em;opacity:.8;text-transform:uppercase}.ngo-alert{border-radius:14px;font-weight:600;margin-bottom:16px;padding:14px 18px}.ngo-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.ngo-alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.ngo-stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.ngo-stat-card{align-items:center;background:#ffffffe6;border:1px solid #94a3b824;border-radius:18px;box-shadow:0 14px 34px #0f172a14;display:flex;gap:14px;padding:16px}.ngo-stat-icon{border-radius:14px;color:#fff;display:grid;flex-shrink:0;height:46px;place-items:center;width:46px}.tone-primary .ngo-stat-icon{background:linear-gradient(135deg,#0f766e,#14b8a6)}.tone-secondary .ngo-stat-icon{background:linear-gradient(135deg,#2563eb,#60a5fa)}.tone-tertiary .ngo-stat-icon{background:linear-gradient(135deg,#d97706,#f59e0b)}.tone-quaternary .ngo-stat-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.tone-quinary .ngo-stat-icon{background:linear-gradient(135deg,#059669,#34d399)}.tone-senary .ngo-stat-icon{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.ngo-stat-label{color:#64748b;display:block;font-size:.74rem;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.ngo-stat-value{color:#0f172a;font-size:1.02rem;word-break:break-word}.ngo-tab-bar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.ngo-tab-button{align-items:center;background:#ffffffd9;border:1px solid #94a3b833;border-radius:16px;color:#475569;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:14px 12px;transition:all .2s ease}.ngo-tab-button:hover{box-shadow:0 12px 24px #0f172a14;transform:translateY(-2px)}.ngo-tab-button.active{background:linear-gradient(135deg,#0f766e,#0891b2);border-color:#0000;color:#fff}.ngo-tab-button.locked,.ngo-tab-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.ngo-content-grid{grid-gap:18px;display:grid;gap:18px}.ngo-panel{background:#ffffffeb;border:1px solid #94a3b824;border-radius:24px;box-shadow:0 18px 40px #0f172a14;padding:22px}.ngo-panel-span{min-height:60vh}.ngo-panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.ngo-panel-header h2{color:#0f172a;font-size:1.35rem;margin:0 0 6px}.ngo-panel-header p{color:#64748b;margin:0}.text-link{background:none;border:none;color:#0f766e;cursor:pointer;font-weight:700;padding:0}.action-btn.small,.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.primary-btn{background:linear-gradient(135deg,#0f766e,#0891b2);box-shadow:0 12px 24px #0f766e38;color:#fff}.secondary-btn{background:#e2e8f0;color:#0f172a}.action-btn.small:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.ngo-campaign-list,.ngo-card-list,.ngo-volunteer-list{grid-gap:14px;display:grid;gap:14px}.ngo-campaign-card,.ngo-mini-card,.ngo-volunteer-card{grid-gap:14px;background:#fff;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 12px 24px #0f172a0f;display:grid;gap:14px;padding:16px}.ngo-mini-card{align-items:center;grid-template-columns:1fr auto}.ngo-campaign-body h3,.ngo-mini-card h3,.ngo-volunteer-card h3{color:#0f172a;margin:0 0 8px}.ngo-campaign-tags,.ngo-mini-badges{display:flex;flex-wrap:wrap;gap:8px}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:800;justify-content:center;padding:6px 10px}.status-pill.light{background:#f8fafc;color:#475569}.status-approved{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-rejected{background:#fee2e2;color:#991b1b}.status-review{background:#dbeafe;color:#1d4ed8}.ngo-mini-card-side{color:#475569;text-align:right}.ngo-mini-card-side strong{color:#0f172a;display:block;font-size:1.1rem}.ngo-table-wrap{border:1px solid #94a3b829;border-radius:18px;overflow-x:auto}.ngo-table{background:#fff;border-collapse:collapse;width:100%}.ngo-table thead{background:#f8fafc}.ngo-table td,.ngo-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left;vertical-align:top}.ngo-table th{color:#64748b;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.empty-state-inline{color:#64748b;padding:18px;text-align:center}.ngo-campaign-grid,.ngo-profile-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.05fr .95fr}.ngo-campaign-image{aspect-ratio:16/9;background:linear-gradient(135deg,#ecfeff,#e2e8f0);border-radius:18px;overflow:hidden;position:relative}.ngo-campaign-image img,.ngo-image-preview,.ngo-profile-image{height:100%;object-fit:cover;width:100%}.ngo-campaign-placeholder,.ngo-image-placeholder,.ngo-profile-fallback{color:#0f766e;display:grid;font-weight:800;height:100%;place-items:center}.ngo-campaign-body{grid-gap:10px;display:grid;gap:10px}.ngo-campaign-meta,.ngo-volunteer-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:.92rem;gap:10px 12px}.ngo-card-actions,.ngo-form-actions,.ngo-hero-actions,.ngo-profile-actions{display:flex;flex-wrap:wrap;gap:10px}.ngo-form-alert{border-radius:12px;font-weight:600;padding:10px 12px;width:100%}.ngo-form-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.action-btn.small{background:#e2e8f0;color:#0f172a;padding:10px 12px}.action-btn.small.danger{background:#fee2e2;color:#991b1b}.ngo-form-card{background:#f8fafc;border:1px solid #94a3b829;border-radius:20px;padding:18px}.ngo-form-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.ngo-form-header h3{margin:0}.hidden-input{display:none}.ngo-image-drop{background:#fff;border:2px dashed #0f766e3d;border-radius:18px;cursor:pointer;margin-bottom:14px;min-height:200px;overflow:hidden}.ngo-image-placeholder{color:#0f766e;gap:10px;min-height:200px}.ngo-field{grid-gap:8px;display:grid;gap:8px;margin-bottom:14px}.ngo-field.full{grid-column:1/-1}.ngo-field span{color:#334155;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ngo-field input,.ngo-field textarea{background:#fff;border:1px solid #94a3b859;border-radius:14px;color:#0f172a;font:inherit;outline:none;padding:14px 16px;width:100%}.ngo-field input:focus,.ngo-field textarea:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e14}.ngo-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.ngo-toggle-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.ngo-switch{align-items:center;background:#fff;border:1px solid #94a3b833;border-radius:14px;color:#334155;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;padding:12px 14px}.ngo-switch.active{background:#0f766e14;border-color:#0f766e59}.ngo-switch input{margin:0}.ngo-profile-grid{align-items:start}.ngo-profile-card{grid-gap:16px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b829;border-radius:20px;display:grid;gap:16px;padding:18px}.ngo-profile-picture{aspect-ratio:1/1;background:linear-gradient(135deg,#ecfeff,#fef3c7);border-radius:24px;overflow:hidden;width:100%}.ngo-profile-fallback{color:#0f766e;font-size:2rem}.muted{color:#64748b}@media (max-width:1100px){.ngo-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ngo-campaign-grid,.ngo-hero,.ngo-profile-grid{grid-template-columns:1fr}}@media (max-width:780px){.ngo-dashboard-shell{padding:16px}.ngo-form-grid,.ngo-mini-card,.ngo-stat-grid,.ngo-tab-bar{grid-template-columns:1fr}.ngo-mini-card-side{text-align:left}.ngo-hero,.ngo-panel{padding:18px}}.admin-layout{background-color:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#3b82f6,#1e40af);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-title{opacity:0;width:0}.sidebar.collapsed .nav-text{display:none;opacity:0;width:0}.sidebar.collapsed .logout-btn,.sidebar.collapsed .nav-item{justify-content:center;padding:1rem}.sidebar-header,.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;min-height:100px;padding:2rem 1.5rem;transition:all .3s ease}.sidebar-title{font-size:1.5rem;font-weight:700;margin:0;overflow:hidden;transition:opacity .3s ease,width .3s ease;white-space:nowrap}.sidebar-toggle-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.75rem;transition:all .3s;width:40px}.sidebar-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar .sidebar-toggle-btn{border-radius:50%;bottom:100px;box-shadow:0 2px 8px #0003;position:absolute;right:15px}.sidebar-toggle-btn.topbar-toggle{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:8px;color:#fff;margin-right:1rem}.sidebar-toggle-btn.topbar-toggle:hover{background:linear-gradient(135deg,#5568d3,#653a8a)}.toggle-icon{font-size:1rem;transition:transform .3s}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.5rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;border-left-color:#fff;color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:24px}.nav-text{font-size:1rem;font-weight:500;transition:opacity .3s ease,width .3s ease;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.logout-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;transition:all .3s;width:100%}.logout-btn:hover{background-color:#fff3}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}.top-bar{background:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:1rem}.top-bar-title{color:#1a1a1a;font-size:1.2rem;font-weight:700}.top-bar-actions{align-items:center;display:flex;gap:1rem}.user-role-badge{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.page-content{background-color:#f5f7fa;flex:1 1;padding:0}.sidebar *{transition:all .3s ease}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.admin-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.admin-dashboard h1{color:#b1bac8;margin-top:0}.admin-dashboard p{color:#9b9fa4;margin-bottom:30px}.section-title{border-bottom:2px solid #e2e8f0;color:#334155;font-size:1.1rem;margin-bottom:20px;padding-bottom:8px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,250px));justify-content:center}.stat-card{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:24px 20px;text-align:center}.stat-card h3{color:#64748b;font-size:14px;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.stat-number{color:#0f172a;font-size:32px;font-weight:700;margin:0}.stat-number.verified{color:#10b981}.stat-number.pending{color:#f59e0b}.loading{align-items:center;color:#64748b;display:flex;font-size:18px;height:100vh;justify-content:center}.stat-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stat-card.clickable:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.stat-number.suspended{color:#f43f5e}.stat-number.admin{color:#6366f1}.dashboard-hero{background:linear-gradient(135deg,#4f46e5,#312e81);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.hero-bg-shapes{inset:0;pointer-events:none;position:absolute}.shape{background:#fff;border-radius:50%;opacity:.18;position:absolute}.shape-1{animation:float 7s ease-in-out infinite;height:220px;right:-40px;top:-60px;width:220px}.shape-2{animation:float 9s ease-in-out infinite reverse;bottom:-30px;height:130px;left:15%;width:130px}.shape-3{animation:float 6s ease-in-out 1.5s infinite;height:80px;left:40%;top:20px;width:80px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;position:relative}.hero-copy{min-width:0}.hero-profile-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:1rem;padding:.95rem 1rem}.hero-avatar-ring{background:linear-gradient(135deg,#fffffff2,#ffffff73);border-radius:50%;box-shadow:0 0 0 1px #ffffff26,0 10px 20px #00000026;flex-shrink:0;height:74px;padding:3px;width:74px}.hero-avatar-fallback,.hero-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.hero-avatar-fallback{align-items:center;background:linear-gradient(135deg,#fff,#e9ecff);color:#4f46e5;display:flex;font-size:1.5rem;font-weight:800;justify-content:center;letter-spacing:.02em}.hero-profile-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.hero-profile-label{font-size:.72rem;letter-spacing:.12em;opacity:.72;text-transform:uppercase}.hero-profile-name{font-size:.98rem;font-weight:800;line-height:1.2}.hero-profile-email{font-size:.85rem;max-width:280px;opacity:.84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-greeting{color:#e0e7ff;font-size:.95rem;font-weight:500;letter-spacing:.02em;margin:0 0 .3rem;opacity:1}.hero-name{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0 0 .4rem}.hero-sub{color:#c7d2fe;font-size:.95rem;font-weight:500;margin:0;opacity:1}.user-management{margin:0 auto;max-width:1200px;padding:2rem}.user-management h1{color:#1e293b;margin-top:0}.um-header p{color:#64748b;margin-bottom:20px}.table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:15px 20px}.users-table th{color:#475569;font-size:14px;font-weight:600}.users-table th,.users-table tr:hover{background-color:#f8fafc}.role-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 10px}.role-donor{background-color:#e0e7ff;color:#4338ca}.role-ngo{background-color:#dcfce7;color:#15803d}.role-admin{background-color:#fae8ff;color:#a21caf}.status-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 10px}.status-badge.active{background-color:#dcfce7;color:#16a34a}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.toggle-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.btn-activate{background-color:#10b981;color:#fff}.btn-activate:hover{background-color:#059669}.btn-deactivate{background-color:#f43f5e;color:#fff}.btn-deactivate:hover{background-color:#e11d48}.no-data{color:#64748b;padding:30px!important;text-align:center}.admin-lock{background-color:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px;-webkit-user-select:none;user-select:none}.profile-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 10px}.profile-badge.verified{background-color:#e0f2fe;color:#0369a1}.profile-badge.pending{background-color:#fef08a;color:#854d0e}.profile-badge.na{background-color:#f1f5f9;color:#94a3b8}.action-buttons{display:flex;gap:8px}.btn-sm{font-size:11px;padding:4px 8px}.btn-verify{background-color:#0ea5e9;border:1px solid #0000!important;color:#fff}.btn-verify:hover{background-color:#0284c7}.btn-unverify{background-color:#f8fafc;border:1px solid #cbd5e1!important;color:#475569}.btn-unverify:hover{background-color:#e2e8f0;color:#0f172a}.btn-view{background-color:#6366f1;border:1px solid #0000!important;color:#fff}.btn-view:hover{background-color:#4f46e5}.profile-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.profile-modal{animation:scaleUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#0f172a;font-size:1.25rem;margin:0}.modal-body{max-height:60vh;overflow-y:auto;padding:20px}.modal-body p{color:#475569;font-size:.95rem;margin:0 0 12px}.modal-body strong{color:#1e293b;display:inline-block;width:140px}.modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:16px 20px}.btn-close{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-close:hover{background:#f1f5f9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-campaigns{margin:0 auto;max-width:1200px;padding:2rem}.admin-campaigns h1{color:#1e293b;margin-top:0}.uv-header p{color:#64748b;margin-bottom:30px}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.campaign-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:15px 20px}.card-header h2{color:#0f172a;font-size:18px;margin:0}.badge-status{background-color:#fef08a;border-radius:20px;color:#854d0e;font-size:12px;font-weight:700;padding:4px 10px}.card-body{flex:1 1;padding:20px}.card-body p{color:#475569;font-size:14px;margin:0 0 10px}.card-actions{background-color:#f8fafc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:15px 20px}.card-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:500;padding:8px;transition:background-color .2s}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover{background-color:#059669}.btn-reject{background-color:#f1f5f9;border:1px solid #cbd5e1!important;color:#475569}.btn-reject:hover{background-color:#e2e8f0;color:#0f172a}.no-pending{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-column:1/-1;padding:40px;text-align:center}.no-pending p{color:#64748b;font-size:16px;margin:0}.campaign-filters{display:flex;gap:10px;margin-bottom:24px}.filter-tab{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 18px;transition:all .2s}.filter-tab:hover{border-color:#94a3b8;color:#334155}.filter-tab.active{background:#0f172a;border-color:#0f172a;color:#fff}.filter-count{background:#fff3;border-radius:10px;font-size:.78rem;padding:1px 7px}.filter-tab:not(.active) .filter-count{background:#f1f5f9;color:#64748b}.badge-status.approved{background:#dcfce7;color:#15803d}.badge-status.pending{background:#fef9c3;color:#854d0e}.badge-status.rejected{background:#fee2e2;color:#991b1b}.btn-view-details{background:#fff;border:1.5px solid #cbd5e1!important;color:#334155}.btn-view-details:hover{background:#f8fafc;border-color:#94a3b8!important}.btn-delete{background:#fee2e2;border:1px solid #fca5a5!important;color:#991b1b}.btn-delete:hover{background:#fecaca}.btn-close-modal{background:#f8fafc;border:1px solid #cbd5e1!important;color:#475569}.btn-close-modal:hover{background:#f1f5f9}.camp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.camp-modal{animation:campSlideUp .2s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 25px -5px #00000026;max-width:540px;overflow:hidden;width:90%}@keyframes campSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.camp-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;justify-content:space-between;padding:20px 24px}.camp-modal-header h2{color:#0f172a;font-size:1.2rem;margin:0 0 6px}.camp-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:1.2rem;line-height:1;padding:4px}.camp-modal-close:hover{color:#475569}.camp-modal-body{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding:20px 24px}.camp-detail-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:.9rem;gap:12px;justify-content:space-between;padding:8px 0}.camp-detail-row span:first-child{color:#64748b;font-weight:500;min-width:130px}.camp-detail-row span:last-child{color:#1e293b;text-align:right}.camp-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:16px 24px}.camp-modal-footer button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:9px 12px;transition:all .2s}.admin-profile{margin:0 auto;max-width:800px;padding:2rem}.ap-page-header h1{color:#0f172a;font-size:22px;margin:0 0 4px}.ap-page-header p{color:#64748b;font-size:14px;margin:0 0 24px}.ap-loading{color:#64748b;padding:20px 0}.ap-success{background:#f0fdf4;border-left:4px solid #22c55e;color:#15803d}.ap-error,.ap-success{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.ap-error{background:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.ap-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.ap-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.ap-card-header h2{color:#0f172a;font-size:16px;font-weight:600;margin:0}.ap-edit-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:background .15s}.ap-edit-btn:hover{background:#4338ca}.ap-info{display:flex;flex-direction:column}.ap-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:14px 24px}.ap-row:last-child{border-bottom:none}.ap-label{color:#64748b;flex-shrink:0;font-size:13px;font-weight:500;width:180px}.ap-value{color:#0f172a;font-size:14px}.ap-role-badge{background:#ede9fe;border-radius:20px;color:#6d28d9;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.ap-form{gap:18px;padding:24px}.ap-field,.ap-form{display:flex;flex-direction:column}.ap-field{gap:5px}.ap-field label{color:#374151;font-size:13px;font-weight:500}.ap-field input{border:1px solid #d1d5db;border-radius:7px;color:#111827;font-family:inherit;font-size:14px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.ap-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ap-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.ap-hint{color:#94a3b8;font-size:12px}.ap-actions{display:flex;gap:10px;padding-top:4px}.ap-save-btn{background:#4f46e5;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background .15s}.ap-save-btn:hover:not(:disabled){background:#4338ca}.ap-save-btn:disabled{cursor:not-allowed;opacity:.6}.ap-cancel-btn{background:#fff;border:1px solid #cbd5e1;border-radius:7px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:background .15s}.ap-cancel-btn:hover{background:#f8fafc}.ap-layout{align-items:flex-start;display:flex;gap:24px}@media (max-width:768px){.ap-layout{flex-direction:column}}.ap-flex-fill{flex:1 1}.ap-picture-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;flex-shrink:0;padding:24px;text-align:center;width:260px}.ap-picture-preview{background:#f8fafc;border:3px solid #f1f5f9;border-radius:50%;height:140px;margin:0 auto 16px;overflow:hidden;position:relative;width:140px}.ap-picture-image{height:100%;object-fit:cover;width:100%}.ap-picture-fallback{background:#f1f5f9;color:#94a3b8;font-size:48px;font-weight:600;height:100%;width:100%}.ap-picture-fallback,.ap-picture-overlay{align-items:center;display:flex;justify-content:center}.ap-picture-overlay{background:#ffffffb3;bottom:0;left:0;position:absolute;right:0;top:0}.ap-spinner{animation:ap-spin 1s linear infinite;border:3px solid #cbd5e1;border-radius:50%;border-top-color:#4f46e5;height:24px;width:24px}@keyframes ap-spin{to{transform:rotate(1turn)}}.ap-picture-info h3{color:#0f172a;font-size:18px;margin:12px 0 6px}.ap-picture-info p{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 20px}.ap-picture-actions{display:flex;flex-direction:column;gap:8px}.ap-pic-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.ap-pic-btn:disabled{cursor:not-allowed;opacity:.6}.ap-pic-btn.primary{background:#f1f5f9;color:#0f172a}.ap-pic-btn.primary:hover:not(:disabled){background:#e2e8f0}.ap-pic-btn.danger{background:#fef2f2;color:#ef4444}.ap-pic-btn.danger:hover:not(:disabled){background:#fee2e2}
/*# sourceMappingURL=main.002aeeaf.css.map*/