:root{--primary: #1F2937;--primary-dark: #111827;--primary-light: #374151;--secondary: #6B7280;--success: #059669;--warning: #D97706;--danger: #DC2626;--urgent: #991B1B;--accent: #2563EB;--accent-light: #3B82F6;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-800);background-color:#fff;width:100%;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:var(--spacing-xl)}.nav-menu a{color:var(--gray-600);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-menu a:hover{color:var(--primary)}.nav-actions{display:flex;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-outline-white{background:transparent;color:#fff;border:2px solid #ffffff}.btn-outline-white:hover,.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-lg{padding:.875rem 1.75rem;font-size:var(--font-size-lg)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.hero{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:var(--spacing-3xl) 0;overflow:hidden;border-bottom:1px solid var(--gray-200)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.2;color:var(--gray-900);margin-bottom:var(--spacing-lg)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);color:var(--gray-600);margin-bottom:var(--spacing-2xl);line-height:1.8}.hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--gray-300)}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.hero-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);position:relative}.card-floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.emergency-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-md)}.badge-urgent{background:#fee2e2;color:var(--urgent)}.badge-warning{background:#fef3c7;color:#d97706}.badge-info{background:#dbeafe;color:var(--primary)}.hero-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.card-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-md)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.time{font-size:var(--font-size-xs);color:var(--gray-500)}.status{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-new{background:#dbeafe;color:var(--primary)}.status-in-progress{background:#fef3c7;color:#d97706}.status-completed{background:#d1fae5;color:#059669}.features{padding:var(--spacing-3xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.section-description{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:var(--transition);background:#fff}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.icon-blue{background:#dbeafe;color:var(--primary)}.icon-green{background:#d1fae5;color:#059669}.icon-purple{background:#e9d5ff;color:#7c3aed}.icon-orange{background:#ffedd5;color:#ea580c}.icon-red{background:#fee2e2;color:var(--danger)}.icon-teal{background:#ccfbf1;color:#0d9488}.feature-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--gray-600);line-height:1.7}.how-it-works{background:var(--gray-50);padding:var(--spacing-3xl) 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);position:relative}.steps:before{content:"";position:absolute;top:40px;left:12.5%;right:12.5%;height:2px;background:var(--gray-300);z-index:0}.step{position:relative;text-align:center;z-index:1}.step-number{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#7C3AED 100%);color:#fff;font-size:var(--font-size-2xl);font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-lg)}.step-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.step-content p{color:var(--gray-600);line-height:1.7}.cta{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);padding:var(--spacing-3xl) 0;color:#fff;text-align:center}.cta-content h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);opacity:.9}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.footer{background:var(--gray-900);color:var(--gray-400);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-col .logo{color:#fff;margin-bottom:var(--spacing-md)}.footer-col p{color:var(--gray-400);line-height:1.7}.footer-col h4{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:var(--spacing-sm)}.footer-col ul a{color:var(--gray-400);text-decoration:none;transition:var(--transition)}.footer-col ul a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--gray-800)}@media(max-width:1024px){.hero .container{grid-template-columns:1fr}.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps:before{display:none}.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column}.hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.nav-menu{display:none}.features-grid,.steps{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.footer-content{grid-template-columns:1fr}}.auth-body{margin:0;padding:0;min-height:100vh;background:var(--gray-50)}.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-form-section{background:#fff;display:flex;flex-direction:column;padding:var(--spacing-2xl);overflow-y:auto}.auth-header{margin-bottom:var(--spacing-2xl)}.auth-form-wrapper{max-width:480px;width:100%;margin:auto}.form-header{margin-bottom:var(--spacing-2xl)}.form-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.form-header p{color:var(--gray-600);font-size:var(--font-size-base)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-control{width:100%;padding:.75rem 1rem;font-size:var(--font-size-base);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:var(--transition);background:#fff;color:var(--gray-900)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-control::placeholder{color:var(--gray-400)}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-options{display:flex;justify-content:space-between;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.link{color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition)}.link:hover{color:var(--primary-dark);text-decoration:underline}.btn-block{width:100%}.btn-social{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);width:100%}.btn-social:hover{background:var(--gray-50);border-color:var(--gray-400)}.form-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0}.form-divider:before,.form-divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-300)}.form-divider span{padding:0 var(--spacing-md);color:var(--gray-500);font-size:var(--font-size-sm)}.social-login{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--gray-200)}.form-footer p{color:var(--gray-600);font-size:var(--font-size-sm)}.auth-info-section{background:linear-gradient(135deg,var(--primary) 0%,#7C3AED 100%);color:#fff;padding:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-info-section:before{content:"";position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:#ffffff1a;border-radius:50%}.auth-info-section:after{content:"";position:absolute;bottom:-30%;left:-20%;width:500px;height:500px;background:#ffffff0d;border-radius:50%}.auth-info-content{max-width:500px;position:relative;z-index:1}.auth-info-content h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.auth-info-content>p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-3xl);line-height:1.7}.info-features{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.info-feature{display:flex;gap:var(--spacing-lg);align-items:flex-start}.info-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-feature h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.info-feature p{opacity:.8;font-size:var(--font-size-sm)}.stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-xl);background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-mini-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-mini-item strong{font-size:var(--font-size-2xl);font-weight:700;display:block;margin-bottom:var(--spacing-xs)}.stat-mini-item span{font-size:var(--font-size-xs);opacity:.8}@media(max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-info-section{display:none}.auth-form-section{padding:var(--spacing-xl)}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.auth-form-section{padding:var(--spacing-lg)}.form-header h1{font-size:var(--font-size-2xl)}.stats-mini{grid-template-columns:1fr;gap:var(--spacing-md)}}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--gray-50)}.sidebar{background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;width:280px;height:100vh;overflow-y:auto}.sidebar-header{padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.sidebar-nav{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:.75rem var(--spacing-md);border-radius:var(--radius-lg);color:var(--gray-600);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:#eff6ff;color:var(--primary)}.nav-item .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--gray-200)}.main-content{margin-left:280px;padding:var(--spacing-xl)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.topbar-left h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.text-muted{color:var(--gray-500);font-size:var(--font-size-sm)}.topbar-right{display:flex;align-items:center;gap:var(--spacing-lg)}.icon-button{width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--gray-300);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative}.icon-button:hover{background:var(--gray-50);border-color:var(--gray-400)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid #ffffff}.user-menu{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--gray-900);font-size:var(--font-size-sm)}.user-role{font-size:var(--font-size-xs);color:var(--gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--gray-200);transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon-blue{background:#dbeafe;color:var(--primary)}.stat-icon-green{background:#d1fae5;color:#059669}.stat-icon-orange{background:#ffedd5;color:#ea580c}.stat-icon-purple{background:#e9d5ff;color:#7c3aed}.stat-change{font-size:var(--font-size-sm);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-md)}.stat-change.positive{background:#d1fae5;color:#059669}.stat-change.negative{background:#fee2e2;color:#dc2626}.stat-title{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-600);margin-bottom:var(--spacing-sm)}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.stat-description{font-size:var(--font-size-sm);color:var(--gray-500)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);overflow:hidden}.card-wide{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900)}.form-select-sm{padding:.5rem 2rem .5rem .75rem;font-size:var(--font-size-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.request-list{display:flex;flex-direction:column}.request-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200);transition:var(--transition)}.request-item:last-child{border-bottom:none}.request-item:hover{background:var(--gray-50)}.request-item.urgent{background:#fef2f2;border-left:4px solid var(--danger)}.request-badge{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fee2e2;color:var(--danger)}.request-badge.warning{background:#fef3c7;color:#d97706}.request-badge.info{background:#dbeafe;color:var(--primary)}.request-content{flex:1}.request-content h3{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.request-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-sm)}.request-meta{display:flex;align-items:center;gap:var(--spacing-md)}.request-time{font-size:var(--font-size-xs);color:var(--gray-500)}.request-priority{font-size:var(--font-size-xs);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-md)}.urgent-priority{background:#fee2e2;color:#dc2626}.high-priority{background:#fef3c7;color:#d97706}.medium-priority{background:#dbeafe;color:var(--primary)}.volunteer-list{display:flex;flex-direction:column}.volunteer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200);transition:var(--transition)}.volunteer-item:last-child{border-bottom:none}.volunteer-item:hover{background:var(--gray-50)}.volunteer-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.volunteer-info{flex:1}.volunteer-info h3{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.volunteer-skills{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.skill-badge{font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-md);background:#eff6ff;color:var(--primary)}.volunteer-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--gray-500)}.volunteer-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.status-badge{font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full)}.status-badge.online{background:#d1fae5;color:#059669}.status-badge.away{background:#fef3c7;color:#d97706}.status-badge.offline{background:var(--gray-200);color:var(--gray-600)}.volunteer-rating{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700)}.activity-list{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-item{display:flex;gap:var(--spacing-md)}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.success{background:#059669}.activity-icon.info{background:var(--primary)}.activity-icon.warning{background:#f59e0b}.activity-icon.danger{background:var(--danger)}.activity-content{flex:1}.activity-content p{font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--spacing-xs)}.activity-time{font-size:var(--font-size-xs);color:var(--gray-500)}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){body{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.topbar-left h1{font-size:var(--font-size-2xl)}}.form-body{background:var(--gray-50);min-height:100vh}.form-main{padding:var(--spacing-3xl) 0}.form-wrapper{max-width:900px;margin:0 auto}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:var(--gray-200);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;transition:var(--transition)}.step.active .step-number{background:var(--primary);color:#fff}.step-label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-500);transition:var(--transition)}.step.active .step-label{color:var(--gray-900)}.step-line{flex:1;height:2px;background:var(--gray-300);margin:0 var(--spacing-md)}.form-content{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm)}.form-header-section{margin-bottom:var(--spacing-3xl);text-align:center}.form-header-section h1{font-size:var(--font-size-4xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-md)}.form-header-section p{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}.form-step{display:none}.form-step.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-2xl)}.problem-types{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.problem-type-card{position:relative;cursor:pointer}.problem-type-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.problem-type-card .card-content{border:2px solid var(--gray-300);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition);background:#fff}.problem-type-card:hover .card-content{border-color:var(--primary);box-shadow:var(--shadow-md)}.problem-type-card input[type=radio]:checked+.card-content{border-color:var(--primary);background:#eff6ff;box-shadow:var(--shadow-md)}.card-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.card-icon.medical{background:#fee2e2;color:#dc2626}.card-icon.food{background:#ffedd5;color:#ea580c}.card-icon.evacuation{background:#fef3c7;color:#d97706}.card-icon.shelter{background:#dbeafe;color:var(--primary)}.card-icon.repair{background:#e9d5ff;color:#7c3aed}.card-icon.psychological{background:#d1fae5;color:#059669}.problem-type-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.problem-type-card p{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700)}.form-hint{font-size:var(--font-size-xs);color:var(--gray-500)}textarea.form-control{resize:vertical;min-height:100px}.checkbox-label.large{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.checkbox-label.large:hover{border-color:var(--primary);background:var(--gray-50)}.checkbox-label.large input[type=checkbox]{margin-top:2px}.checkbox-label.large span{font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.6}.info-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#dbeafe;border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-2xl)}.info-box svg{color:var(--primary);flex-shrink:0;margin-top:2px}.info-box strong{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.info-box p{font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.6;margin:0}.form-actions{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--gray-200)}.form-actions>button:only-child{margin-left:auto}@media(max-width:768px){.progress-steps{padding:var(--spacing-lg)}.step-label{display:none}.form-content{padding:var(--spacing-xl)}.form-header-section h1{font-size:var(--font-size-2xl)}.problem-types,.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions>button:only-child{margin-left:0}}@media(max-width:480px){.form-main{padding:var(--spacing-xl) 0}.progress-steps{padding:var(--spacing-md)}.step-number{width:40px;height:40px;font-size:var(--font-size-base)}.step-line{margin:0 var(--spacing-sm)}.form-content{padding:var(--spacing-lg)}.card-icon{width:56px;height:56px}}.map-page{padding:0;display:grid;grid-template-columns:320px 1fr;height:100vh;overflow:hidden}.filters-panel{background:#fff;border-right:1px solid var(--gray-200);overflow-y:auto;display:flex;flex-direction:column}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.filters-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900)}.filter-group{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.filter-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-md)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:var(--transition)}.checkbox-item:hover{background:var(--gray-50)}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-text{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-700)}.status-indicator{width:10px;height:10px;border-radius:50%}.status-new{background:var(--primary)}.status-in-progress{background:#f59e0b}.status-completed{background:#10b981}.priority-badge{font-size:var(--font-size-xs);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-md)}.priority-badge.critical{background:#fee2e2;color:#dc2626}.priority-badge.high{background:#fef3c7;color:#d97706}.priority-badge.medium{background:#dbeafe;color:var(--primary)}.priority-badge.low{background:#d1fae5;color:#059669}.filter-stats{padding:var(--spacing-xl);background:var(--gray-50)}.filter-stat-item{text-align:center}.filter-stat-item strong{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.filter-stat-item span{font-size:var(--font-size-sm);color:var(--gray-600)}.map-container{display:flex;flex-direction:column;height:100vh;position:relative}.map-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:#fff;border-bottom:1px solid var(--gray-200);gap:var(--spacing-lg)}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:500px;padding:.75rem var(--spacing-lg);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:#fff;transition:var(--transition)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-box input{border:none;outline:none;flex:1;font-size:var(--font-size-base)}.search-box svg{color:var(--gray-400)}.map-placeholder{flex:1;background:#f0f4f8;position:relative;overflow:hidden;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:20px 20px}.map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--gray-600)}.map-overlay svg{margin-bottom:var(--spacing-lg)}.map-overlay p{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-sm)}.map-note{font-size:var(--font-size-sm)!important;color:var(--gray-500)!important}.map-marker{position:absolute;cursor:pointer;z-index:10;animation:markerPulse 2s ease-in-out infinite}.marker-pin{width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 8px #0003;position:relative}.marker-pin:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.critical-marker{background:#dc2626}.high-marker{background:#f59e0b}.medium-marker{background:#2563eb}.low-marker{background:#10b981}@keyframes markerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.map-marker:hover{z-index:100;animation:markerBounce .5s ease}@keyframes markerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-legend{position:absolute;bottom:var(--spacing-xl);right:var(--spacing-xl);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.map-legend h4{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.legend-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-marker{width:16px;height:16px;border-radius:50%;flex-shrink:0}.legend-item span{font-size:var(--font-size-sm);color:var(--gray-700)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--gray-900)}.modal-close{width:40px;height:40px;border:none;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--gray-600)}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.request-detail-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.modal-body h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xl)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.detail-section p{font-size:var(--font-size-base);color:var(--gray-600);line-height:1.7;display:flex;align-items:flex-start;gap:var(--spacing-xs)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--gray-200)}@media(max-width:1024px){.map-page{grid-template-columns:1fr}.filters-panel{display:none}}@media(max-width:768px){.map-header{flex-direction:column;align-items:stretch}.search-box{max-width:none}.map-legend{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.legend-items{display:grid;grid-template-columns:repeat(2,1fr)}}.profile-page{padding:0}.profile-header{background:#fff;border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-xl)}.profile-cover{height:200px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.profile-info-section{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:flex-end;gap:var(--spacing-xl);position:relative}.profile-avatar-wrapper{position:relative;margin-top:-60px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid #ffffff;box-shadow:var(--shadow-lg)}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--primary);border:3px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.avatar-upload-btn:hover{background:var(--primary-dark)}.profile-header-info{flex:1;padding-bottom:var(--spacing-xl)}.profile-header-info h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.profile-role{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--spacing-md)}.profile-meta{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.meta-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-600)}.meta-badge svg{color:var(--gray-400)}.profile-actions{padding-bottom:var(--spacing-xl)}.profile-content{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl) var(--spacing-xl);display:grid;grid-template-columns:380px 1fr;gap:var(--spacing-xl)}.profile-left-column,.profile-right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-200)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-600)}.info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-900)}.profile-stats{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-lg)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--gray-600)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-badge-large{padding:.5rem 1rem;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--gray-200);transition:var(--transition)}.skill-badge-large:hover{background:var(--gray-200);border-color:var(--gray-300)}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-left:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 0 1px var(--gray-200);z-index:1}.timeline-marker.success{background:#059669}.timeline-marker.info{background:var(--accent)}.timeline-marker.warning{background:#d97706}.timeline-marker.danger{background:#dc2626}.timeline-content{background:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.timeline-text{font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--spacing-xs)}.timeline-text strong{color:var(--gray-900);font-weight:600}.timeline-time{font-size:var(--font-size-xs);color:var(--gray-500)}.achievements-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition)}.achievement-item.unlocked:hover{background:#fff;box-shadow:var(--shadow-sm)}.achievement-item.locked{opacity:.5}.achievement-icon{flex-shrink:0}.achievement-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.achievement-info p{font-size:var(--font-size-sm);color:var(--gray-600)}@media(max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-info-section{flex-wrap:wrap}.profile-avatar-wrapper{margin-top:0}.profile-header-info{flex-basis:100%}}@media(max-width:768px){.profile-cover{height:120px}.profile-info-section{padding:0 var(--spacing-md)}.profile-content{padding:0 var(--spacing-md) var(--spacing-md)}.profile-header-info h1{font-size:var(--font-size-2xl)}.profile-meta{flex-direction:column;gap:var(--spacing-sm)}.achievements-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media(max-width:480px){.profile-avatar{width:80px;height:80px}.avatar-upload-btn{width:30px;height:30px}.avatar-upload-btn svg{width:16px;height:16px}}.volunteers-toolbar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:center}.volunteers-toolbar .search-box{flex:1;max-width:400px}.toolbar-filters{display:flex;gap:var(--spacing-md);align-items:center}.toolbar-filters .form-control{min-width:160px}.volunteers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.volunteer-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition)}.volunteer-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.volunteer-card-header{padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:flex-start;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.volunteer-card-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #ffffff;box-shadow:var(--shadow-sm)}.volunteer-card-body{padding:var(--spacing-lg)}.volunteer-card-body h3{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.volunteer-email,.volunteer-phone{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-xs)}.volunteer-skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.volunteer-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) 0;padding:var(--spacing-md) 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--gray-600)}.meta-item svg{color:var(--gray-400)}.volunteer-rating{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.rating-value{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900)}.rating-count{font-size:var(--font-size-sm);color:var(--gray-500)}.current-task{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#fef3c7;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.task-label{color:var(--gray-600);margin-right:var(--spacing-xs)}.task-name{font-weight:600;color:var(--gray-900)}.volunteer-card-footer{padding:var(--spacing-lg);background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-sm)}.volunteer-card-footer .btn{flex:1}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.pagination-btn{min-width:40px;height:40px;padding:0 var(--spacing-sm);border:1px solid var(--gray-300);background:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{color:var(--gray-500);padding:0 var(--spacing-xs)}@media(max-width:1280px){.volunteers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px){.volunteers-toolbar{flex-wrap:wrap}.volunteers-toolbar .search-box{max-width:none;width:100%}.toolbar-filters{width:100%;overflow-x:auto}.volunteers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.volunteers-grid{grid-template-columns:1fr}.toolbar-filters{flex-direction:column}.toolbar-filters .form-control{width:100%}}