body{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;font-family:'Microsoft JhengHei', sans-serif}.loading-progress-container{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,0.2);padding:15px 20px 10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:opacity 0.3s ease, transform 0.3s ease}.loading-progress-container.loading-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.loading-status-text{font-size:14px;color:#667eea;font-weight:600;margin-bottom:8px;text-align:center;min-height:20px}.loading-progress-bar{width:100%;height:4px;background:rgba(102,126,234,0.1);border-radius:2px;overflow:hidden;position:relative}.loading-progress-fill{height:100%;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);border-radius:2px;width:0%;transition:width 0.3s ease;position:relative}.loading-progress-fill::after{content:'';position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-20px)}100%{transform:translateX(20px)}}.container-fluid{padding-top:0}.dashboard-container{background:rgba(255,255,255,0.95);border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,0.1);margin:20px auto;padding:30px}.header-section{text-align:center;margin-bottom:30px;background:linear-gradient(45deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-stats{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:10px;padding:20px;margin-bottom:25px}.stat-card{background:rgba(255,255,255,0.1);border-radius:8px;padding:15px;text-align:center;backdrop-filter:blur(10px)}.stat-value{font-size:2rem;font-weight:bold;margin-bottom:5px}.stat-label{font-size:0.9rem;opacity:0.9}.filter-section{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:25px;border:1px solid #dee2e6}.chart-container{background:white;border-radius:10px;padding:20px;margin-bottom:25px;box-shadow:0 5px 15px rgba(0,0,0,0.08);position:relative}.chart-title{font-size:1.2rem;font-weight:bold;margin-bottom:15px;color:#333;text-align:center}.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}.bootstrap-select .dropdown-toggle{border:2px solid #667eea !important;border-radius:8px}.scroll-hint{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;color:#ccc;z-index:10;pointer-events:none}.scroll-hint.left{left:10px}.scroll-hint.right{right:10px}.chart-height-400{height:400px}.chart-height-450{height:450px}.calculation-explanation{background:#f8f9fa;border-radius:10px;padding:25px;margin-top:30px;border:1px solid #dee2e6}.calculation-explanation .explanation-title{color:#667eea;font-size:1.5rem;font-weight:bold;margin-bottom:20px;text-align:center;border-bottom:2px solid #667eea;padding-bottom:10px}.calculation-explanation .explanation-section{margin-bottom:25px}.calculation-explanation .explanation-section h4{color:#495057;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-left:5px;border-left:4px solid #667eea}.calculation-explanation .explanation-section h5{color:#6c757d;font-size:1.1rem;font-weight:600;margin:15px 0 10px 0}.calculation-explanation .explanation-section ul,.calculation-explanation .explanation-section ol{padding-left:20px}.calculation-explanation .explanation-section ul li,.calculation-explanation .explanation-section ol li{margin-bottom:8px;line-height:1.6;color:#495057}.calculation-explanation .explanation-section ul li strong,.calculation-explanation .explanation-section ol li strong{color:#667eea;font-weight:600}.calculation-explanation .explanation-section ul li code,.calculation-explanation .explanation-section ol li code{background:#e9ecef;padding:2px 6px;border-radius:3px;font-family:'Courier New', monospace;font-size:0.9em;color:#d63384}.calculation-explanation .explanation-section p{line-height:1.6;color:#495057;margin-bottom:10px}.calculation-explanation .chart-explanation{background:white;border-radius:8px;padding:20px;margin-top:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.calculation-explanation .accuracy-notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-top:15px}.calculation-explanation .accuracy-notes h5{color:#856404}.calculation-explanation .accuracy-notes ul li{color:#856404}.calculation-explanation .accuracy-notes p{color:#856404}@media (max-width: 768px){.dashboard-container{margin:10px;padding:15px}.stat-value{font-size:1.5rem}.calculation-explanation{padding:20px;margin-top:20px}.calculation-explanation .explanation-title{font-size:1.3rem}.calculation-explanation .explanation-section h4{font-size:1.1rem}.calculation-explanation .explanation-section h5{font-size:1rem}.calculation-explanation .chart-explanation{padding:15px}.calculation-explanation .accuracy-notes{padding:15px}}

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