.app-container{max-width:1400px;margin:0 auto;background:rgba(255,255,255,0.95);border-radius:15px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}.app-header{text-align:center;margin-bottom:30px;background:linear-gradient(45deg, #667eea, #764ba2);color:white;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.app-header h1{margin:0;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.app-header p{margin:10px 0 0 0;opacity:0.9;font-size:1.1em}.controls{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef}.control-group{display:flex;flex-direction:column}.control-group label{font-weight:bold;margin-bottom:8px;color:#495057;font-size:14px}.control-group select,.control-group input{padding:10px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:all 0.3s ease}.control-group select:focus,.control-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:25px;border-radius:15px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.15);transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{margin:0 0 10px 0;font-size:1.1em;opacity:0.9}.stat-card .value{font-size:2.5em;font-weight:bold;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.stat-card div:last-child{opacity:0.8;font-size:0.9em}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(600px, 1fr));gap:30px;margin-bottom:30px}.chart-container{background:white;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.1);border:1px solid #e9ecef}.chart-title{font-size:1.4em;font-weight:bold;margin-bottom:20px;color:#495057;text-align:center;padding-bottom:10px;border-bottom:3px solid #667eea}.chart{width:100%;height:400px}.chart.large-chart{height:500px}#heatmapChart{height:600px}.data-table{background:white;border-radius:15px;padding:25px;box-shadow:0 10px 25px rgba(0,0,0,0.1);border:1px solid #e9ecef}.data-table table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:15px 12px;text-align:left;font-weight:bold}.data-table td{padding:12px;border-bottom:1px solid #e9ecef}.data-table tr:hover{background-color:#f8f9fa}.loading{text-align:center;padding:50px;font-size:1.2em;color:#667eea}@media (max-width: 768px){.app-container{padding:20px}.app-header h1{font-size:2em}.charts-grid{grid-template-columns:1fr}.chart-container{min-width:auto;padding:15px}.controls{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}@media (max-width: 480px){.app-container{padding:15px}.app-header{padding:15px}.app-header h1{font-size:1.8em}.stat-card{padding:20px}.stat-card .value{font-size:2em}.chart{height:300px}.chart.large-chart{height:400px}.data-table{padding:15px;overflow-x:auto}.data-table table{min-width:500px}}

/*# sourceMappingURL=appHKHouseholdData.css.map */