.loading-progress{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:15px 20px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease-out}.loading-progress.hidden{transform:translateY(-100%)}.loading-text{text-align:center;font-size:14px;font-weight:500;margin-bottom:10px;opacity:0.9}.progress-bar-container{width:100%;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg, #fff, rgba(255,255,255,0.8));border-radius:2px;width:0%;transition:width 0.3s ease}body{padding-top:70px}.header{text-align:center;margin:30px 0}.header h1{color:#333;font-weight:700;margin-bottom:10px}.header p{color:#666;font-size:16px}.stats-overview{background:linear-gradient(135deg, #667eea, #764ba2);color:white;padding:20px;border-radius:10px;margin-bottom:30px}.stats-card{text-align:center;padding:15px}.stats-number{font-size:2.5rem;font-weight:bold;margin-bottom:5px}.stats-label{font-size:0.9rem;opacity:0.9}.controls{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.chart-container{margin-bottom:40px;padding:20px;background:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08)}.chart-title{text-align:center;margin-bottom:20px;font-weight:600;color:#333}.chart{width:100%;height:400px}.chart-with-scroll{position:relative}@media (max-width: 768px){.chart{height:300px}}.bootstrap-select{border:2px solid #e9ecef !important;border-radius:8px !important}.actions-btn{background:rgba(102,126,234,0.05) !important;font-weight:600 !important;font-size:20px !important;color:#667eea !important;border-radius:5px !important;margin-bottom:5px;width:100% !important;text-align:left}.scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:#ccc;z-index:10;pointer-events:none;transition:opacity 0.3s ease}.scroll-left{left:10px;background:linear-gradient(to right, rgba(255,255,255,0.8), transparent);padding:5px 15px 5px 5px;border-radius:0 10px 10px 0}.scroll-right{right:10px;background:linear-gradient(to left, rgba(255,255,255,0.8), transparent);padding:5px 5px 5px 15px;border-radius:10px 0 0 10px}@media (max-width: 768px){.scroll-indicator{opacity:0.7;font-size:18px}.scroll-left,.scroll-right{background:linear-gradient(to right, rgba(248,249,250,0.9), transparent)}.scroll-right{background:linear-gradient(to left, rgba(248,249,250,0.9), transparent)}}.calculation-explanation{margin-top:40px;padding:30px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.calculation-explanation h3{color:#333;font-weight:700;margin-bottom:25px;text-align:center;font-size:1.5rem}.calculation-explanation h4{color:#667eea;font-weight:600;margin-bottom:15px;margin-top:25px;font-size:1.2rem;border-bottom:2px solid #e9ecef;padding-bottom:8px}.calculation-explanation h4:first-of-type{margin-top:0}.calculation-explanation .explanation-section{margin-bottom:20px}.calculation-explanation .explanation-section ul{margin-bottom:0;padding-left:20px}.calculation-explanation .explanation-section ul li{margin-bottom:8px;line-height:1.6;color:#555}.calculation-explanation .explanation-section ul li strong{color:#333;font-weight:600}.calculation-explanation .explanation-section p{margin-bottom:0;line-height:1.6;color:#555;padding:15px;background:white;border-radius:8px;border-left:3px solid #ffc107}@media (max-width: 768px){.calculation-explanation{padding:20px;margin-top:30px}.calculation-explanation h3{font-size:1.3rem}.calculation-explanation h4{font-size:1.1rem}.calculation-explanation .explanation-section ul{padding-left:15px}.calculation-explanation .explanation-section ul li{font-size:0.9rem}.calculation-explanation .explanation-section p{padding:12px;font-size:0.9rem}}

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