.filters{background:var(--bg-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.filter-form{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-color)}.projects-page{padding:var(--spacing-xxl) 0}.projects-page .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.projects-page .project-card{display:flex;flex-direction:column}.project-description{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.6}.project-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-light);background:var(--bg-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.stats-section{padding:var(--spacing-xl) 0;background:var(--bg-light)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.stat-card .stat-icon{width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:#fff}.stat-card .stat-icon i{color:#fff}.stat-card .stat-icon.fa-check-circle,.stat-card:nth-child(1) .stat-icon{background:var(--status-completed)}.stat-card:nth-child(2) .stat-icon{background:var(--status-in-progress)}.stat-card:nth-child(3) .stat-icon{background:var(--status-planned)}.stat-card .stat-content{display:flex;flex-direction:column}.stat-card .stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--secondary-color)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-light)}.schemes-page{padding:var(--spacing-xxl) 0}.schemes-page .schemes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.schemes-page .scheme-card{display:flex;flex-direction:column;text-align:left}.scheme-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.scheme-content{flex:1;display:flex;flex-direction:column}.scheme-description{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-md);flex:1}.scheme-eligibility{background:var(--bg-light);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.scheme-eligibility strong{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--secondary-color);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.scheme-eligibility p{font-size:var(--font-size-sm);color:var(--text-light);margin:0}.scheme-deadline{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-md)}.scheme-deadline i{color:var(--primary-color)}.scheme-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.help-section{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.help-content{text-align:center;color:#fff}.help-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.help-content p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);opacity:.9}.help-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.contact-section{padding:var(--spacing-xxl) 0}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xxl)}.contact-info h2,.contact-form-section h2{font-size:var(--font-size-2xl);color:var(--secondary-color);margin-bottom:var(--spacing-md)}.contact-info>p{color:var(--text-light);margin-bottom:var(--spacing-lg)}.info-cards{display:grid;gap:var(--spacing-md)}.contact-info .info-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md)}.contact-info .info-icon{width:45px;height:45px;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info .info-content h4{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-xs)}.contact-info .info-content p,.contact-info .info-content a{color:var(--text-color);font-size:var(--font-size-sm)}.social-section{margin-top:var(--spacing-xl)}.social-section h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);color:var(--secondary-color)}.social-section .social-links{display:flex;gap:var(--spacing-sm)}.social-section .social-link{width:40px;height:40px;background:var(--bg-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);transition:all var(--transition-fast)}.social-section .social-link:hover{background:var(--primary-color);color:#fff}.contact-form-section{background:var(--bg-light);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.contact-form .form-actions{margin-top:var(--spacing-md)}.map-section{padding:var(--spacing-xxl) 0;background:var(--bg-light)}.map-section .section-title{margin-bottom:var(--spacing-lg)}.map-container{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.map-container iframe{display:block}.complaint-section{padding:var(--spacing-xxl) 0}.complaint-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xxl)}.complaint-info h2{font-size:var(--font-size-xl);color:var(--secondary-color);margin-bottom:var(--spacing-lg)}.steps{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.step{display:flex;gap:var(--spacing-md)}.step-number{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.step-content p{font-size:var(--font-size-sm);color:var(--text-light)}.info-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ff6b001a;border-radius:var(--radius-md);border-left:4px solid var(--primary-color);margin-bottom:var(--spacing-lg)}.info-box i{color:var(--primary-color);font-size:var(--font-size-xl)}.info-box p{font-size:var(--font-size-sm);color:var(--text-color)}.already-filed{text-align:center;padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-md)}.already-filed p{margin-bottom:var(--spacing-md);color:var(--text-light)}.complaint-form-section{background:var(--bg-light);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.complaint-form-section h2{font-size:var(--font-size-xl);color:var(--secondary-color);margin-bottom:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-xl)}.form-section h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.form-section h3 i{color:var(--primary-color)}.file-upload small{display:flex;align-items:center;gap:var(--spacing-xs)}.form-actions{text-align:center}.track-section{padding:var(--spacing-xxl) 0}.track-container{max-width:800px;margin:0 auto}.track-search{text-align:center;margin-bottom:var(--spacing-xl)}.track-search h2{font-size:var(--font-size-xl);color:var(--secondary-color);margin-bottom:var(--spacing-sm)}.track-search p{color:var(--text-light);margin-bottom:var(--spacing-lg)}.search-form{max-width:500px;margin:0 auto}.search-input-group{display:flex;gap:var(--spacing-sm)}.search-input-group input{flex:1}.track-result{background:var(--bg-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.track-result.error{background:#fff5f5;text-align:center}.error-content i{font-size:3rem;color:#dc3545;margin-bottom:var(--spacing-md)}.error-content h3{color:#dc3545;margin-bottom:var(--spacing-sm)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.result-header h3{font-size:var(--font-size-lg);color:var(--secondary-color)}.tracking-id{font-family:monospace;font-size:var(--font-size-base);color:var(--primary-color);background:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:600}.status-timeline{margin-bottom:var(--spacing-xl)}.status-timeline h4{font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-md)}.timeline{display:flex;justify-content:space-between;position:relative}.timeline:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:2px;background:var(--border-color)}.timeline-item{position:relative;z-index:1;flex:1;text-align:center}.timeline-icon{width:40px;height:40px;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);color:var(--text-light)}.timeline-item.completed .timeline-icon{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.timeline-item.current .timeline-icon{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.timeline-content h5{font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:var(--spacing-xs)}.timeline-date{font-size:var(--font-size-xs);color:var(--text-light)}.complaint-details h4{font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-md)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.detail-item{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md)}.detail-item .label{display:block;font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--spacing-xs)}.detail-item .value{font-size:var(--font-size-sm);color:var(--text-color);font-weight:500}.detail-description,.admin-notes{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.detail-description .label,.admin-notes .label{display:block;font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--spacing-sm)}.admin-notes{border-left:4px solid var(--primary-color)}.track-help{text-align:center}.track-help h3{font-size:var(--font-size-lg);color:var(--secondary-color);margin-bottom:var(--spacing-lg)}.help-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.help-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);text-align:center}.help-option i{font-size:var(--font-size-2xl);color:var(--primary-color)}.help-option h4{font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.help-option p{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-md)}.mapping-section{padding:var(--spacing-xxl) 0}.mapping-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.map-container{position:relative}.constituency-map{height:500px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.map-legend{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.map-legend h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--secondary-color)}.legend-items{display:grid;gap:var(--spacing-xs)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.legend-marker{width:12px;height:12px;border-radius:var(--radius-full)}.legend-marker.completed{background:var(--status-completed)}.legend-marker.in-progress{background:var(--status-in-progress)}.legend-marker.planned{background:var(--status-planned)}.legend-marker.office{background:#dc3545}.constituency-info h2{font-size:var(--font-size-xl);color:var(--secondary-color);margin-bottom:var(--spacing-xs)}.constituency-name-en{color:var(--text-light);margin-bottom:var(--spacing-lg)}.constituency-info .info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.constituency-info .info-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md)}.constituency-info .info-card i{width:35px;height:35px;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.constituency-info .info-card .label{font-size:var(--font-size-xs);color:var(--text-light)}.constituency-info .info-card .value{font-size:var(--font-size-base);font-weight:600;color:var(--secondary-color)}.projects-list h3{font-size:var(--font-size-base);color:var(--secondary-color);margin-bottom:var(--spacing-md)}.project-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-light);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.project-item:hover{background:#ff6b001a}.project-status-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;margin-top:4px}.project-status-dot.status-completed{background:var(--status-completed)}.project-status-dot.status-in_progress{background:var(--status-in-progress)}.project-status-dot.status-planned{background:var(--status-planned)}.project-item .project-info h4{font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:2px}.project-item .project-info p{font-size:var(--font-size-xs);color:var(--text-light)}@media(max-width:1024px){.projects-page .projects-grid,.schemes-page .schemes-grid{grid-template-columns:repeat(2,1fr)}.mapping-grid{grid-template-columns:1fr}.constituency-map{height:400px}}@media(max-width:768px){.filter-form{flex-direction:column}.filter-group{width:100%}.projects-page .projects-grid,.schemes-page .schemes-grid,.contact-grid,.complaint-container,.stats-grid{grid-template-columns:1fr}.timeline{flex-direction:column;gap:var(--spacing-md)}.timeline:before{inset:20px auto 20px 19px;width:2px;height:auto}.timeline-item{display:flex;text-align:left;gap:var(--spacing-md)}.timeline-icon{margin:0}.details-grid,.help-options{grid-template-columns:1fr}.search-input-group{flex-direction:column}}
