.login-container{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background-color:#fff;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 2px 12px #00000014}.login-title{color:#185fa5;text-align:center;margin-bottom:4px;font-size:24px;font-weight:600}.login-subtitle{color:#888;text-align:center;margin-bottom:1.5rem;font-size:14px}.login-footer{text-align:center;color:#888;margin-top:1rem;font-size:13px}.login-footer a{color:#185fa5;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-container{background-color:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.register-card{background-color:#fff;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 2px 12px #00000014}.register-title{color:#185fa5;text-align:center;margin-bottom:4px;font-size:24px;font-weight:600}.register-subtitle{color:#888;text-align:center;margin-bottom:1.5rem;font-size:14px}.form-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input.error{border-color:#e24b4a}.form-select{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.form-error{color:#e24b4a;margin-top:4px;font-size:12px}.form-hint{color:#888;margin-top:4px;font-size:12px}.submit-btn{color:#fff;cursor:pointer;background-color:#185fa5;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:11px;font-size:15px;font-weight:500;transition:background-color .2s}.submit-btn:hover{background-color:#134d8a}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.register-footer{text-align:center;color:#888;margin-top:1rem;font-size:13px}.register-footer a{color:#185fa5;text-decoration:none}.register-footer a:hover{text-decoration:underline}.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.navbar-brand a{color:#185fa5;font-size:20px;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:8px;display:flex}.nav-link{color:#555;border-radius:8px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s}.nav-link:hover{color:#185fa5;background-color:#f0f4f8}.nav-link.active{color:#185fa5;background-color:#e6f1fb;font-weight:500}.navbar-user{align-items:center;gap:10px;display:flex}.user-name{color:#333;font-size:14px;font-weight:500}.user-role{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.user-role.admin{color:#185fa5;background-color:#e6f1fb}.user-role.volunteer{color:#3b6d11;background-color:#eaf3de}.logout-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.logout-btn:hover{color:#e24b4a;background-color:#fff0f0;border-color:#e24b4a}.layout{background-color:#f7f8fa;width:100%;min-height:100vh}.main-content{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:600}.dashboard-header p{color:#888;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:2rem;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:1.25rem}.stat-number{margin-bottom:4px;font-size:32px;font-weight:700}.stat-label{color:#888;font-size:13px}.dashboard-section h2{color:#1a1a1a;margin-bottom:1rem;font-size:18px;font-weight:600}.needs-list{flex-direction:column;gap:10px;display:flex}.need-card{background:#fff;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:box-shadow .2s;display:flex}.need-card:hover{box-shadow:0 2px 8px #0000000f}.need-issue{color:#1a1a1a;text-transform:capitalize;margin-bottom:4px;font-size:15px;font-weight:500}.need-meta{color:#aaa;font-size:12px}.need-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.empty-state{text-align:center;color:#888;background:#fff;border:1px solid #eee;border-radius:12px;padding:3rem}.empty-state p{margin-bottom:4px;font-size:14px}.upload-header{margin-bottom:2rem}.upload-header h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:600}.upload-header p{color:#888;font-size:14px}.upload-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.upload-card,.result-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1.5rem}.upload-card h2,.result-card h2{color:#1a1a1a;margin-bottom:1rem;font-size:16px;font-weight:600}.upload-area{text-align:center;cursor:pointer;border:2px dashed #d0d0d0;border-radius:12px;justify-content:center;align-items:center;min-height:220px;margin-bottom:1rem;padding:1rem;transition:border-color .2s;display:flex}.upload-area:hover{border-color:#185fa5}.upload-placeholder .upload-icon{color:#ccc;margin-bottom:8px;font-size:36px}.upload-placeholder p{color:#555;margin-bottom:4px;font-size:14px;font-weight:500}.upload-placeholder span{color:#aaa;font-size:12px}.preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:220px}.upload-actions{gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#185fa5;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:#134d8a}.btn-secondary:hover{background-color:#f5f5f5}.result-empty{text-align:center;color:#aaa;padding:3rem 1rem;font-size:14px}.result-loading{text-align:center;padding:2rem}@keyframes spin{to{transform:rotate(360deg)}}.result-loading p{color:#333;margin-bottom:4px;font-size:14px;font-weight:500}.result-loading span{color:#aaa;font-size:12px}.result-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.result-row:last-of-type{border-bottom:none}.result-label{color:#888;font-size:13px;font-weight:500}.result-value{color:#1a1a1a;text-transform:capitalize;font-size:13px}.result-raw{border-top:1px solid #f0f0f0;margin-top:1rem;padding-top:1rem}.result-raw pre{color:#555;white-space:pre-wrap;word-break:break-word;background:#f7f8fa;border-radius:8px;margin-top:8px;padding:10px;font-size:12px}.ai-score{color:#185fa5;font-size:16px;font-weight:700}.ai-analysis{background:#e6f1fb;border-left:3px solid #185fa5;border-radius:8px;margin:1rem 0;padding:1rem}.ai-analysis-title{color:#185fa5;margin-bottom:6px;font-size:13px;font-weight:600}.ai-reasoning{color:#0c447c;margin-bottom:8px;font-size:13px;line-height:1.6}.needs-header{margin-bottom:1.5rem}.needs-header h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:600}.needs-header p{color:#888;font-size:14px}.needs-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.needs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.need-item{background:#fff;border:1px solid #eee;border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.need-item:hover{box-shadow:0 4px 12px #00000014}.need-item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.need-score{color:#888;font-size:12px;font-weight:500}.need-title{color:#1a1a1a;text-transform:capitalize;margin-bottom:4px;font-size:15px;font-weight:600}.need-area{color:#555;text-transform:capitalize;margin-bottom:10px;font-size:13px}.need-details{color:#888;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.ai-reasoning-text{color:#0c447c;background:#e6f1fb;border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.5}.need-item-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.status-pill{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.status-pending{color:#5f5e5a;background:#f1efea}.status-verified{color:#185fa5;background:#e6f1fb}.status-resolved{color:#3b6d11;background:#eaf3de}.btn-create-task{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .2s}.btn-create-task:hover{background:#134d8a}.modal-header h2{color:#1a1a1a;font-size:18px;font-weight:600}.modal-body{margin-bottom:1.5rem}.modal-footer{justify-content:flex-end;gap:10px;display:flex}.form-field{margin-bottom:1rem}.form-label{color:#333;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#185fa5}.btn-primary{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary:hover{background:#134d8a}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:9px 20px;font-size:14px;transition:all .2s}.btn-secondary:hover{background:#f5f5f5}.volunteers-header{margin-bottom:1.5rem}.volunteers-header h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:600}.volunteers-header p{color:#888;font-size:14px}.volunteers-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input{border:1px solid #ddd;border-radius:8px;outline:none;width:280px;padding:9px 14px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:#185fa5}.filter-tabs{gap:6px;display:flex}.filter-tab{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 14px;font-size:13px;transition:all .2s}.volunteers-stats{gap:16px;margin-bottom:1.5rem;display:flex}.vstat{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;min-width:100px;padding:1rem 1.5rem}.vstat-num{color:#185fa5;font-size:28px;font-weight:700;display:block}.vstat-label{color:#888;font-size:12px}.volunteers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.volunteer-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.volunteer-card:hover{box-shadow:0 4px 12px #00000014}.volunteer-top{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.volunteer-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:flex}.volunteer-info{flex:1}.volunteer-info h3{color:#1a1a1a;margin-bottom:2px;font-size:15px;font-weight:600}.volunteer-info p{color:#888;font-size:12px}.avail-badge{text-transform:capitalize;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500}.avail-available{color:#3b6d11;background:#eaf3de}.avail-busy{color:#854f0b;background:#faeeda}.avail-unavailable{color:#a32d2d;background:#fcebeb}.volunteer-details{margin-bottom:10px}.detail-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:6px 0;display:flex}.detail-label{color:#888;font-size:12px}.detail-value{color:#333;text-transform:capitalize;font-size:12px;font-weight:500}.skills-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.skill-tag{color:#185fa5;text-transform:capitalize;background:#f0f4f8;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.volunteer-footer{border-top:1px solid #f5f5f5;padding-top:10px}.joined-date{color:#aaa;font-size:11px}.tasks-header{margin-bottom:1.5rem}.tasks-header h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:600}.tasks-header p{color:#888;font-size:14px}.tasks-toolbar{margin-bottom:1.5rem}.filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-tab{color:#555;cursor:pointer;text-transform:capitalize;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 14px;font-size:13px;transition:all .2s}.filter-tab:hover{background:#f0f4f8}.filter-tab.active{color:#fff;background:#185fa5;border-color:#185fa5}.tasks-stats{gap:16px;margin-bottom:1.5rem;display:flex}.tstat{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;min-width:100px;padding:1rem 1.5rem}.tstat-num{font-size:28px;font-weight:700;display:block}.tstat-label{color:#888;font-size:12px}.tasks-list{flex-direction:column;gap:12px;display:flex}.task-card{background:#fff;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;transition:box-shadow .2s;display:flex}.task-card:hover{box-shadow:0 4px 12px #0000000f}.task-left{flex:1}.task-badges{gap:8px;margin-bottom:8px;display:flex}.task-title{color:#1a1a1a;text-transform:capitalize;margin-bottom:4px;font-size:16px;font-weight:600}.task-desc{color:#666;margin-bottom:8px;font-size:13px}.task-meta{color:#888;flex-wrap:wrap;gap:16px;margin-bottom:6px;font-size:12px;display:flex}.task-assigned{color:#555;margin-top:6px;font-size:13px}.task-right{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.btn-match{color:#fff;cursor:pointer;white-space:nowrap;background:#185fa5;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s}.btn-match:hover{background:#134d8a}.btn-progress{color:#854f0b;cursor:pointer;background:#faeeda;border:1px solid #f0c875;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-progress:hover{background:#f5dfa0}.btn-complete{color:#3b6d11;cursor:pointer;background:#eaf3de;border:1px solid #b5d878;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-complete:hover{background:#d4eab8}.badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.badge-critical{color:#a32d2d;background:#fcebeb}.badge-high{color:#854f0b;background:#faeeda}.badge-medium{color:#185fa5;background:#e6f1fb}.badge-low{color:#3b6d11;background:#eaf3de}.status-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.status-open{color:#5f5e5a;background:#f1efea}.status-assigned{color:#185fa5;background:#e6f1fb}.status-in_progress{color:#854f0b;background:#faeeda}.status-completed{color:#3b6d11;background:#eaf3de}.status-cancelled{color:#a32d2d;background:#fcebeb}.loading{text-align:center;color:#888;padding:3rem;font-size:14px}.empty-state{text-align:center;color:#888;background:#fff;border:1px solid #eee;border-radius:12px;padding:3rem;font-size:14px}.empty-state p{margin-bottom:4px}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal-wide{max-width:640px}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.modal-header h2{color:#1a1a1a;margin-bottom:2px;font-size:18px;font-weight:600}.modal-subtitle{color:#888;text-transform:capitalize;font-size:13px}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close:hover{color:#333}.ai-recommendation{background:#e6f1fb;border-left:3px solid #185fa5;border-radius:8px;margin-bottom:1rem;padding:1rem}.ai-rec-label{color:#185fa5;margin-bottom:4px;font-size:12px;font-weight:600}.ai-rec-text{color:#0c447c;font-size:13px;line-height:1.6}.match-loading{text-align:center;padding:2rem}.spinner{border:3px solid #e8e8e8;border-top-color:#185fa5;border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}.match-loading p{color:#555;font-size:14px}.matches-list{flex-direction:column;gap:12px;display:flex}.match-card{border:1px solid #eee;border-radius:10px;align-items:flex-start;gap:12px;padding:1rem;transition:box-shadow .2s;display:flex}.match-card:first-child{background:#f8fbff;border-color:#185fa5}.match-rank{color:#888;min-width:24px;margin-top:4px;font-size:13px;font-weight:700}.match-card:first-child .match-rank{color:#185fa5}.match-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:flex}.match-info{flex:1}.match-info h3{color:#1a1a1a;margin-bottom:2px;font-size:14px;font-weight:600}.match-info p{color:#888;margin-bottom:6px;font-size:12px}.match-skills{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.skill-tag{color:#185fa5;background:#f0f4f8;border-radius:20px;padding:2px 8px;font-size:11px}.match-reasoning{color:#555;font-size:12px;line-height:1.5}.match-score-section{text-align:center;flex-shrink:0}.match-score{font-size:24px;font-weight:700}.match-score-label{color:#888;margin-bottom:8px;font-size:11px}.btn-assign{color:#fff;cursor:pointer;white-space:nowrap;background:#185fa5;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .2s}.btn-assign:hover{background:#134d8a}.btn-assign:disabled{opacity:.6;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background-color:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#root{background-color:#f7f8fa;min-height:100vh}