:root{--primary:#7e69f3;--primary-light:#9684f5;--sidebar-bg:#fff;--bg-color:#f5f6fa;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--card-bg:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gold:#fbbf24;--silver:#9ca3af;--bronze:#cd7f32;--platinum:#e5e4e2}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body,#root{background-color:var(--bg-color);color:var(--text-main);width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;height:100%;padding:24px 16px;display:flex}.logo-section{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex}.logo-icon{background-color:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.logo-text h1{color:var(--text-main);font-size:18px;font-weight:700}.logo-text p{color:var(--text-muted);font-size:12px}.nav-section{margin-bottom:32px}.nav-title{text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin-bottom:12px;padding:0 8px;font-size:11px;font-weight:600}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:#f3f4f6}.nav-item.active{background-color:var(--primary);color:#fff}.sidebar-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.status-badge{color:#059669;background-color:#d1fae5;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.status-badge:before{content:"";background-color:#10b981;border-radius:50%;width:6px;height:6px}.user-profile-mini{background-color:#f3f4f6;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.avatar{width:36px;height:36px;color:var(--primary);background-color:#ddd6fe;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.main-content{flex:1;padding:24px 40px;overflow-y:auto}.top-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.top-header h2{font-size:20px;font-weight:600}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn{background-color:var(--card-bg);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background-color:#f3f4f6}.banner{background:linear-gradient(135deg, var(--primary), #a291f8);color:#fff;border-radius:16px;flex-direction:column;gap:24px;margin-bottom:24px;padding:32px;display:flex;position:relative;overflow:hidden}.banner-top{justify-content:space-between;align-items:flex-start;display:flex}.user-info-large{align-items:center;gap:20px;display:flex}.avatar-large{width:72px;height:72px;color:var(--primary);background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:relative}.avatar-badge{background-color:var(--gold);color:#fff;border:2px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;bottom:0;right:0}.user-details h2{margin-bottom:8px;font-size:24px;font-weight:700}.user-meta{align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.meta-tag{background-color:#fff3;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;display:flex}.skills-tags{gap:8px;display:flex}.skill-tag{background-color:#ffffff26;border-radius:12px;padding:4px 12px;font-size:12px}.points-display{text-align:right}.points-display h3{margin-bottom:4px;font-size:36px;font-weight:700;line-height:1}.points-display p{text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-size:12px}.progress-section{margin-top:16px;position:relative}.progress-bar-bg{background-color:#fff3;border-radius:3px;height:6px;position:relative}.progress-bar-fill{background-color:var(--gold);border-radius:3px;width:75%;height:100%;position:absolute;top:0;left:0}.progress-markers{justify-content:space-between;width:100%;display:flex;position:absolute;top:-12px;left:0}.marker{flex-direction:column;align-items:center;display:flex;position:relative}.marker-icon{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:12px;display:flex;box-shadow:0 2px 4px #0000001a}.marker.bronze .marker-icon{color:var(--bronze)}.marker.silver .marker-icon{color:var(--silver)}.marker.gold .marker-icon{color:var(--gold);transform:scale(1.2)}.marker.platinum .marker-icon{color:#8b5cf6}.marker-label{opacity:.8;margin-top:20px;font-size:11px}.progress-text{text-align:center;opacity:.9;margin-top:16px;font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{font-size:18px;font-weight:600}.section-header span{color:var(--text-muted);font-size:13px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.metric-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:16px;font-size:16px;display:flex}.metric-card:first-child .metric-icon{color:var(--primary);background-color:#f3f0ff}.metric-card:nth-child(2) .metric-icon{color:var(--success);background-color:#ecfdf5}.metric-card:nth-child(3) .metric-icon{color:var(--warning);background-color:#fffbeb}.metric-card:nth-child(4) .metric-icon{color:var(--danger);background-color:#fef2f2}.metric-card:first-child{border-top:4px solid var(--primary)}.metric-card:nth-child(2){border-top:4px solid var(--success)}.metric-card:nth-child(3){border-top:4px solid var(--warning)}.metric-card:nth-child(4){border-top:4px solid var(--danger)}.metric-value{margin-bottom:4px;font-size:28px;font-weight:700}.metric-label{color:var(--text-muted);margin-bottom:12px;font-size:13px}.metric-trend{align-items:center;gap:4px;font-size:12px;display:flex}.trend-up{color:var(--success)}.trend-neutral{color:var(--text-muted)}.two-col{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.streak-grid{grid-template-columns:repeat(14,1fr);gap:4px;margin-top:16px;display:grid}.streak-day{aspect-ratio:1;background-color:#ebedf0;border-radius:4px}.streak-day.level-1{background-color:#9be9a8}.streak-day.level-2{background-color:#40c463}.streak-day.level-3{background-color:#30a14e}.streak-day.level-4{background-color:#216e39}.streak-legend{color:var(--text-muted);align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-box{border-radius:2px;width:12px;height:12px}.badges-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.badge-item{text-align:center;background-color:#fff9e6;border:1px solid #fef08a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;display:flex}.badge-item.locked{color:var(--text-muted);opacity:.7;background-color:#f3f4f6;border-color:#e5e7eb}.badge-icon{font-size:20px}.badge-item.locked .badge-icon{color:#9ca3af}.badge-name{font-size:11px;font-weight:600}.tabs{background-color:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.tab.active{color:var(--text-main);background-color:#fff;box-shadow:0 1px 2px #0000000d}.leaderboard-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.leaderboard-item{border-radius:8px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.leaderboard-item:hover{background-color:#f9fafb}.leaderboard-item.current-user{border:1px solid var(--primary-light);background-color:#f5f3ff}.rank{background-color:#f3f4f6;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:16px;font-size:12px;font-weight:600;display:flex}.rank-1{background-color:var(--gold);color:#fff}.rank-2{background-color:var(--silver);color:#fff}.rank-3{background-color:var(--bronze);color:#fff}.lb-user-info{flex:1;align-items:center;gap:12px;display:flex}.lb-avatar{width:32px;height:32px;color:var(--primary);background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.lb-avatar.purple{background-color:#ddd6fe}.lb-avatar.orange{color:#ea580c;background-color:#fed7aa}.lb-avatar.red{color:#dc2626;background-color:#fecaca}.lb-avatar.blue{color:#2563eb;background-color:#bfdbfe}.lb-avatar.green{color:#16a34a;background-color:#bbf7d0}.lb-avatar.pink{color:#db2777;background-color:#fbcfe8}.lb-details h4{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.lb-details p{color:var(--text-muted);margin-top:2px;font-size:12px}.lb-points{text-align:right}.lb-points h4{color:var(--primary);font-size:14px;font-weight:600}.lb-points p{color:var(--text-muted);font-size:12px}.activity-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.activity-item{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding-bottom:16px;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.bg-blue-light{color:#2563eb;background-color:#dbeafe}.bg-pink-light{color:#db2777;background-color:#fce7f3}.activity-details{flex:1}.activity-details h4{margin-bottom:4px;font-size:14px;font-weight:600}.activity-details p{color:var(--text-muted);margin-bottom:4px;font-size:13px}.activity-time{color:#9ca3af;font-size:11px}.activity-points{color:var(--success);font-size:14px;font-weight:600}.view-all{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.category-hours{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.category-hours h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:16px;font-size:11px;font-weight:600}.category-list{flex-direction:column;gap:12px;display:flex}.category-item{align-items:center;gap:16px;display:flex}.category-name{width:120px;color:var(--text-main);flex-shrink:0;font-size:13px;font-weight:500}.category-bar-bg{background-color:#ebedf0;border-radius:6px;flex:1;height:12px;overflow:hidden}.category-bar-fill{border-radius:6px;height:100%}.category-bar-fill.medical{background-color:#eb1616;width:85%}.category-bar-fill.education{background-color:#2b5c4a;width:65%}.category-bar-fill.food{background-color:#d99c30;width:45%}.category-bar-fill.survey{background-color:#6b8db5;width:25%}.category-time{width:32px;color:var(--text-main);text-align:right;flex-shrink:0;font-size:13px;font-weight:500}.snapshot-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:24px;font-size:11px;font-weight:600}.snapshot-metrics{justify-content:space-between;margin-bottom:24px;display:flex}.snapshot-metric{text-align:center;flex:1}.snapshot-metric.center-border{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.snapshot-metric h3{color:#2b5c4a;margin-bottom:4px;font-size:24px;font-weight:500}.snapshot-metric h3.gold-text{color:#d99c30}.snapshot-metric p{color:var(--text-muted);font-size:12px}.snapshot-footer{border-top:1px solid #f3f4f6;padding-top:16px}.snapshot-footer-text{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.snapshot-footer-text .teal-text{color:#2b5c4a;font-weight:600}.snapshot-progress-bg{background-color:#ebedf0;border-radius:3px;height:6px;overflow:hidden}.snapshot-progress-fill{background-color:#2b5c4a;border-radius:3px;width:8.3%;height:100%}.form-group{margin-bottom:24px}.form-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary)}.tags-container{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.tag-selectable{cursor:pointer;background:#f5f5f2;border:1px solid #e5e5e5;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:15px;transition:all .2s;display:inline-flex}.tag-selectable:hover{background:#ecebe7}.tag-selectable.selected{color:#fff;background-color:#2b5c4a;border-color:#2b5c4a}.segmented-control{gap:12px;display:flex}.segment{text-align:center;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:24px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.segment.selected-medium{color:#854d0e;background-color:#fef9c3;border-color:#d99c30}.range-container{flex-direction:column;gap:12px;display:flex}.range-slider{appearance:none;background:#ebedf0;border-radius:3px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2b5c4a;border-radius:50%;width:16px;height:16px}.range-text{color:var(--text-main);font-size:13px}.btn-primary-dark{color:#fff;cursor:pointer;background-color:#2b5c4a;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary-dark:hover{background-color:#1e4033}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.empty-icon{color:#9ca3af;background-color:#f4f3f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:flex}.empty-text{font-size:14px}.vol-stats{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.vol-stat-box{text-align:center;background-color:#f4f3f0;border-radius:12px;padding:16px}.vol-stat-val{color:#2b5c4a;margin-bottom:4px;font-family:Times New Roman,Times,serif;font-size:20px}.vol-stat-label{text-transform:uppercase;color:var(--text-main);letter-spacing:.5px;font-size:10px;font-weight:600}.vol-list{flex-direction:column;gap:16px;display:flex}.vol-card{border:1px solid var(--border-color);border-radius:12px;padding:20px;position:relative;box-shadow:0 1px 3px #00000005}.vol-card-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.vol-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:500;display:flex}.vol-avatar.dark-green{background-color:#2b5c4a}.vol-avatar.rust{background-color:#b55d38}.vol-avatar.gold{background-color:#b89547}.vol-name{color:var(--text-main);font-size:16px;font-weight:500}.vol-role{color:var(--text-muted);font-size:13px}.vol-badge-top{color:#065f46;background-color:#d1fae5;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:20px;right:20px}.vol-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.vol-tag{color:var(--text-main);background-color:#f4f3f0;border-radius:16px;padding:6px 12px;font-size:12px}.vol-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.vol-meta{align-items:center;gap:16px;display:flex}.vol-meta i{color:#9ca3af}.vol-meta i.fa-fire{color:var(--danger)}.vol-tier{border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.heatmap-layout{grid-template-columns:1fr 390px;gap:24px;height:700px;display:grid}.map-area{border:1px solid var(--border-color);background-color:#f4f3f0;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:50px 50px;border-radius:12px;position:relative;overflow:hidden}.map-line{transform-origin:0;background-color:#0000000d;height:1px;position:absolute}.map-node-group{align-items:center;gap:8px;display:flex;position:absolute}.map-node{border-radius:50%;width:14px;height:14px;position:relative;box-shadow:0 0 0 4px #ffffff80}.map-node.medical{background-color:#ef4444}.map-node.food{background-color:#f59e0b}.map-node.education{background-color:#10b981}.map-node.infra{background-color:#6b7280}.map-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500;position:absolute;top:-24px}.map-legend{border-top:1px solid var(--border-color);background:#fff;gap:24px;padding:16px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.needs-sidebar{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.needs-title{color:var(--text-main);margin-bottom:4px;font-family:Times New Roman,Times,serif;font-size:20px}.needs-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:12px}.needs-list{flex-direction:column;gap:16px;display:flex}.need-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 1px 2px #00000005}.need-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.need-location{color:var(--text-main);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.need-count{color:#ef4444;background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.need-tags{flex-wrap:wrap;gap:8px;display:flex}.need-tag{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.need-tag.medical{color:#ef4444;background-color:#fee2e2}.need-tag.food{color:#d97706;background-color:#fef3c7}.need-tag.education{color:#059669;background-color:#d1fae5}.need-tag.infra{color:#4b5563;background-color:#f3f4f6}.matched-vol-tags{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.pipeline-header{margin-bottom:24px}.pipeline-title{color:var(--text-main);margin-bottom:8px;font-family:Times New Roman,Times,serif;font-size:28px;font-style:italic;font-weight:500}.pipeline-subtitle{color:var(--text-muted);max-width:800px;margin-bottom:32px;font-size:14px;line-height:1.5}.pipeline-stats{flex-wrap:wrap;gap:16px;margin-bottom:32px;display:flex}.pipeline-stat-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:center;gap:16px;min-width:200px;padding:16px 20px;display:flex;box-shadow:0 1px 2px #00000005}.pipeline-stat-card.border-red{background-color:#fef2f2;border-color:#fca5a5}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.bg-gray-light{color:#4b5563;background-color:#f3f4f6}.bg-green-light{color:#059669;background-color:#d1fae5}.bg-yellow-light{color:#d97706;background-color:#fef3c7}.bg-red-light{color:#ef4444;background-color:#fee2e2}.stat-info h3{color:var(--text-main);margin-bottom:2px;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:500}.stat-info p{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.stat-info h3.text-red,.stat-info p.text-red{color:#ef4444}.pipeline-nav{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:32px;margin-bottom:32px;padding-bottom:0;display:flex}.pipeline-tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pipeline-tab:hover{color:var(--text-main)}.pipeline-tab.active{color:#2b5c4a;border-bottom-color:#2b5c4a}.tab-count{color:var(--text-muted);background-color:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:11px}.pipeline-tab.active .tab-count{color:#2b5c4a;background-color:#e6f0eb}.pipeline-feed{flex-direction:column;gap:16px;max-width:800px;display:flex}.report-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000005}.report-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.report-author{align-items:center;gap:12px;display:flex}.report-meta-top{align-items:center;gap:16px;display:flex}.report-time{color:var(--text-muted);font-size:12px}.report-content{color:var(--text-main);margin-bottom:20px;font-size:15px;line-height:1.5}.report-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.report-location{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.report-location i{color:#9ca3af}.urgency-dot{border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.urgency-dot.high{background-color:#ef4444}.urgency-dot.medium{background-color:#f59e0b}.urgency-dot.low{background-color:#10b981}.report-status{align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.report-status.processed{color:var(--text-main)}.report-status.pending{color:#d97706}.text-center{text-align:center}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.serif-title{color:var(--text-main);font-family:Times New Roman,Times,serif;font-size:20px;font-weight:500}.serif-value{color:var(--text-main);margin-bottom:6px;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:500}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.green{background-color:#10b981}.status-dot.yellow{background-color:#f59e0b}.toggle-switch{cursor:pointer;background-color:#e5e7eb;border-radius:12px;width:40px;height:20px;transition:all .3s;position:relative}.toggle-switch.active{background-color:#2b5c4a}.toggle-knob{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.toggle-switch.active .toggle-knob{left:22px}.offline-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{padding:24px 16px}.stat-icon-small{width:32px;height:32px;color:var(--text-main);background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:600}.progress-bar-thin{background-color:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background-color:#2b5c4a;border-radius:2px;height:100%}.action-list{flex-direction:column;display:flex}.action-item{border-bottom:1px solid #f3f4f6;align-items:center;padding:16px 0;display:flex}.action-item.border-none{border-bottom:none;padding-bottom:0}.action-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.action-details{flex:1;margin-left:16px}.action-title{color:var(--text-main);margin-bottom:4px;font-size:14px;font-weight:500}.action-desc{color:var(--text-muted);font-size:12px}.action-link{color:#2b5c4a;margin-top:4px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.action-meta{align-items:center;gap:12px;display:flex}.action-meta.align-top{align-items:flex-start}.action-time{color:var(--text-muted);font-size:12px}.status-pill{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-pill.gray{color:var(--text-muted);background-color:#f3f4f6}.status-pill.green-light,.status-pill.green{color:#059669;background-color:#d1fae5}.status-pill.red{color:#ef4444;background-color:#fee2e2}.local-data-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.local-data-card{border:1px solid var(--border-color);border-radius:12px;align-items:center;padding:16px;display:flex}.data-icon{color:#4b5563;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.data-info{flex:1;margin-left:16px}.data-info h4{color:var(--text-main);margin-bottom:2px;font-size:14px;font-weight:500}.data-info p{color:var(--text-muted);font-size:12px}.data-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.simulator-controls{gap:12px;display:flex}.sim-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sim-btn.active{color:#fff;background-color:#2b5c4a;border-color:#2b5c4a}.terminal-window{background-color:#111827;border-radius:12px;padding:16px;font-family:monospace;font-size:12px;line-height:1.6}.term-line{margin-bottom:4px}.term-line.green{color:#10b981}.term-line.red{color:#ef4444}.term-line.yellow{color:#f59e0b}.profile-hero{justify-content:space-between;align-items:center;display:flex}.profile-hero-content{align-items:center;gap:24px;display:flex}.profile-avatar-large{color:#2b5c4a;background-color:#e6f0eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:600;display:flex}.profile-quick-stats{gap:32px;display:flex}.quick-stat{flex-direction:column;display:flex}.qs-value{color:var(--text-main);font-size:20px;font-weight:700}.qs-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:600}.streak-day{width:32px;height:36px;color:var(--text-muted);background-color:#f3f4f6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.streak-day.active{color:var(--text-main);background-color:#fef2f2}.badge-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.badge-item{text-align:center;color:var(--text-main);flex-direction:column;align-items:center;font-size:12px;font-weight:500;display:flex}.badge-icon{color:#9ca3af;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:20px;display:flex}.badge-item.locked{opacity:.5;filter:grayscale()}.availability-grid{grid-template-columns:auto repeat(7,1fr);align-items:center;gap:4px;display:grid}.av-header{color:var(--text-muted);text-align:center;padding-bottom:8px;font-size:11px;font-weight:600}.av-row-label{color:var(--text-muted);text-align:right;padding-right:12px;font-size:11px;font-weight:500}.av-cell{background-color:#f3f4f6;border-radius:4px;height:24px}.av-cell.available{background-color:#10b981}.task-roster-list{flex-direction:column;gap:12px;display:flex}.task-card{border:1px solid var(--border-color);border-radius:8px;padding:16px}.urgency-pill{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.urgency-pill.high{color:#ef4444;background-color:#fee2e2}.urgency-pill.medium{color:#d97706;background-color:#fef3c7}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background-color:#e5e7eb;width:2px;position:absolute;top:4px;bottom:0;left:11px}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{z-index:1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:2px;left:-24px}.timeline-content h4{color:var(--text-main);margin-bottom:4px;font-size:13px;font-weight:600}.timeline-content p{color:var(--text-muted);margin-bottom:6px;font-size:13px}.timeline-date{color:#9ca3af;font-size:11px}.setting-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row h4{color:var(--text-main);margin-bottom:2px;font-size:14px;font-weight:500}.setting-row p{color:var(--text-muted);font-size:12px}.premium-hero-card{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;box-shadow:0 10px 25px #7c3aed33}.hero-top-row{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.hero-avatar-wrapper{position:relative}.hero-avatar-wrapper .profile-avatar-large{color:#7c3aed;background-color:#f3f4f6;width:90px;height:90px;font-size:32px}.avatar-badge{color:#fff;background-color:#fbbf24;border:3px solid #7c3aed;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:absolute;bottom:0;right:0}.hero-name{color:#fff;margin-bottom:12px;font-family:Inter,sans-serif;font-size:28px;font-weight:700}.hero-badges,.hero-skills{gap:8px;margin-bottom:8px;display:flex}.hero-pill{border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:flex}.hero-pill.gold{color:#78350f;background-color:#fbbf24e6}.hero-pill.trans{color:#fff;background-color:#fff3}.hero-points{text-align:right}.points-value{margin-bottom:4px;font-size:48px;font-weight:700;line-height:1}.points-label{letter-spacing:1px;opacity:.8;font-size:12px}.track-fill{background-color:#fbbf24;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.milestone{z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000001a}.milestone.completed .milestone-icon{font-size:14px}.milestone.locked{background-color:#fff}.milestone.locked .milestone-icon{font-size:14px}.dashboard-column{flex-direction:column;gap:24px;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card-spacing{margin-bottom:24px}.section-icon{margin-right:8px}.section-icon.gold{color:var(--gold)}.section-icon.danger{color:var(--danger)}.section-icon.bronze{color:var(--bronze)}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-sm{gap:12px;display:flex}.flex-gap-md{gap:16px;display:flex}.flex-gap-lg{gap:24px;display:flex}.select-control{border:1px solid var(--border-color);color:var(--text-main);background-color:#fff;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.select-control:focus{border-color:var(--primary)}.btn-secondary{color:#4b5563;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb}.btn-primary-sm{padding:6px 16px;font-size:13px}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table thead tr{border-bottom:1px solid var(--border-color);color:var(--text-muted)}.data-table th{padding:12px;font-weight:600}.data-table td{padding:16px 12px}.table-row-border{border-bottom:1px solid #f3f4f6}.urgency-badge{border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.urgency-badge.critical{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}.urgency-badge.high{color:#ea580c;background-color:#fff7ed;border-color:#fdba74}.urgency-badge.medium{color:#ca8a04;background-color:#fefce8;border-color:#fde047}.skill-btn-icon{font-size:12px;transform:rotate(-45deg)}.radius-section{margin-bottom:32px}.urgency-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.icon-btn-sm{width:32px;height:32px}.drivers-spacing{flex-direction:column;gap:16px;display:flex}.assigned-user-row{align-items:center;gap:8px;display:flex}.heatmap-shell{grid-template-columns:2.5fr 1fr;gap:24px;height:calc(100vh - 120px);max-height:800px;display:grid}.heatmap-map-container{background-color:#f3f4f6;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.heatmap-dot-grid{opacity:.5;background-image:radial-gradient(#9ca3af 1.5px,#0000 1.5px);background-size:30px 30px;position:absolute;inset:0}.heatmap-nodes-layer{position:absolute;inset:0}.heatmap-sidebar{flex-direction:column;gap:16px;width:390px;min-width:390px;display:flex;overflow-y:auto}.heatmap-node{align-items:center;gap:12px;display:flex;position:absolute}.heatmap-node-orb{position:relative}.heatmap-core-dot{z-index:10;border-radius:50%;width:14px;height:14px;position:relative}.heatmap-node-label{color:#374151;text-shadow:0 1px 4px #fff,0 -1px 4px #fff,1px 0 4px #fff,-1px 0 4px #fff;font-size:16px;font-weight:600}.heatmap-legend{color:#4b5563;background-color:#fff;border:1px solid #f3f4f6;border-radius:40px;gap:24px;padding:14px 28px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;left:16px;box-shadow:0 10px 25px #00000014}.heatmap-legend-item{align-items:center;gap:8px;display:flex}.heatmap-glow{mix-blend-mode:multiply;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.heatmap-legend-dot{border-radius:50%;width:10px;height:10px}.dashboard-section-spacing{margin-top:24px}.legend-box.inactive{background-color:#ebedf0}.legend-box.light{background-color:#9be9a8}.legend-box.medium{background-color:#40c463}.legend-box.strong{background-color:#216e39}.badge-item.special{background-color:#fef08a;border-color:#fde047}.status-banner-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.status-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.status-value-suffix{color:var(--text-muted);font-size:18px}.location-need-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.location-card-header{color:#111827;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.location-needs-wrap{flex-wrap:wrap;gap:10px;display:flex}.location-need-chip{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000005}.location-need-dot{border-radius:50%;width:8px;height:8px}.location-urgency-pill{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.leaderboard-rank-default{background-color:#0000;font-weight:500}.tier-icon.platinum{color:#3b82f6}.tier-icon.gold{color:var(--gold)}.tier-icon.silver{color:var(--silver)}.tier-icon.bronze{color:#92400e}.sidebar-user-name{color:#111827;font-size:13px;font-weight:600}.sidebar-user-role{color:#6b7280;font-size:11px}.navbar-avatar{cursor:pointer}.profile-layout{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.profile-hero-card{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;margin-bottom:0;padding:32px;box-shadow:0 10px 25px #7c3aed33}.profile-hero-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.profile-user-info-wrapper{align-items:flex-start;gap:24px;display:flex}.profile-avatar-container{position:relative}.profile-avatar{color:#2b5c4a;background-color:#e6f0eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:32px;font-weight:600;display:flex}.profile-avatar-badge{color:#fff;background-color:#fbbf24;border:3px solid #7c3aed;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:absolute;bottom:0;right:0}.profile-user-details{flex-direction:column;display:flex}.profile-user-name{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:32px;font-weight:700}.profile-user-role{color:#ffffffe6;margin-top:4px;margin-bottom:24px;font-size:16px}.profile-stats-container{gap:40px;display:flex}.profile-stat-item{flex-direction:column;display:flex}.profile-stat-value{color:#fff;font-size:24px;font-weight:700}.profile-stat-label{color:#fffc;letter-spacing:.5px;font-size:11px;font-weight:600}.profile-edit-btn{color:#fff;cursor:pointer;background-color:#2b5c4a;border:none;border-radius:24px;padding:12px 40px;font-size:15px;font-weight:500;box-shadow:0 4px 6px #0000001a}.hero-progression{padding-bottom:12px;position:relative}.progression-track{border-radius:3px;width:100%;height:6px;margin-bottom:24px;position:relative}.track-bg{background-color:#fff3;border-radius:3px;position:absolute;inset:0}.track-fill{background-color:#fbbf24;border-radius:3px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.milestone{z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000001a}.milestone.completed,.milestone.locked{width:32px;height:32px}.milestone.active{width:40px;height:40px}.milestone-icon{font-size:14px}.milestone.active .milestone-icon{font-size:18px}.progression-hint{text-align:center;opacity:.9;margin-bottom:8px;font-size:13px}.progression-hint strong{font-weight:600}.progression-labels{color:#ffffffe6;font-size:12px;font-weight:500;display:flex;position:relative}.progression-label{text-align:center;width:60px;position:absolute;transform:translate(-50%)}.progression-label.bronze{text-align:left;left:0%;transform:none}.progression-label.silver{left:33%}.progression-label.gold{left:66%}.progression-label.platinum{text-align:right;left:100%;transform:translate(-100%)}.two-col-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.streak-card{flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.streak-content{text-align:center}.streak-title{color:var(--text-dark);margin-bottom:16px;font-size:16px;font-weight:600}.streak-days-wrapper{justify-content:center;align-items:center;gap:8px;display:flex}.streak-day-item{width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.streak-day-item i{color:#d1d5db;margin-bottom:2px;font-size:14px}.streak-day-item.active i{color:#ef4444}.streak-status{color:#ef4444;margin-top:16px;font-size:14px;font-weight:600}.serif-title{margin-bottom:20px}.matchmaking-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.section-subtitle{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:600}.need-tags-spacing{margin-bottom:24px}.need-tag i{margin-right:4px;font-size:10px}.mobility-list{flex-direction:column;gap:12px;font-size:14px;display:flex}.mobility-item{align-items:center;gap:8px;display:flex}.mobility-icon{color:#9ca3af;text-align:center;width:16px}.task-card-header{justify-content:space-between;margin-bottom:8px;display:flex}.task-card-title{color:var(--text-main);font-size:14px;font-weight:600}.task-card-location{color:var(--text-muted);margin-bottom:12px;font-size:13px}.task-card-footer{justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.task-time{color:var(--text-main)}.task-status.in-progress{color:#d97706}.task-status.completed{color:#059669}.preferences-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.category-badge{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.category-badge .map-node{width:8px;height:8px;box-shadow:none;border-radius:50%;margin:0}.sm-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-family:Playfair Display,Georgia,serif;font-size:14px}.sm-card{background-color:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;margin-bottom:12px;padding:16px;display:flex}.sm-card-best{border-color:#20503f}.sm-card-second{border-color:#6b887a}.sm-card-third{border-color:#e6afa8}.sm-header{justify-content:space-between;align-items:center;display:flex}.sm-header-left{align-items:center;gap:12px;display:flex}.sm-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.sm-avatar-best,.sm-avatar-second{background-color:#184131}.sm-avatar-third{background-color:#c29a60}.sm-info{flex-direction:column;display:flex}.sm-name{color:#111827;font-size:16px;font-weight:600}.sm-role{color:#6b7280;font-size:13px}.sm-badge{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600}.sm-badge-best,.sm-badge-second{color:#184131;background-color:#f7f9f8}.sm-badge-third{color:#d66455;background-color:#fdf6f5}.sm-skills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sm-skill-pill{border:1px solid #0000;border-radius:20px;padding:4px 12px;font-size:12px}.sm-skill-matched{color:#184131;background-color:#e9f2ef;border-color:#95bfad}.sm-skill-unmatched{color:#827261;background-color:#f4eee6;border-color:#e1d8cd}.sm-progress-container{margin-top:16px}.sm-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sm-progress-label{color:#4b5563;font-size:13px}.sm-progress-value{color:#111827;font-size:13px;font-weight:600}.sm-progress-track{background-color:#f3f4f6;border-radius:6px;width:100%;height:6px;overflow:hidden}.sm-progress-fill{border-radius:6px;height:100%}.sm-progress-fill-best{background-color:#cc2929}.sm-progress-fill-second{background-color:#184131}.sm-progress-fill-third{background-color:#e6afa8}