body{font-family:'Microsoft JhengHei', 'PingFang TC', sans-serif;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;color:#333}.container{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;background:rgba(255,255,255,0.95);padding:20px;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.header h1{color:#2c3e50;margin-bottom:10px;font-size:2.5em}.header .subtitle{color:#7f8c8d;font-size:1.1em}.controls{background:rgba(255,255,255,0.95);padding:20px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.controls h2{margin-bottom:15px;color:#2c3e50}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-weight:bold;color:#2c3e50}.control-group.half-width{width:48%;display:inline-block;margin-right:4%;vertical-align:top}.control-group.half-width:nth-child(even){margin-right:0}.control-group select,.control-group input{width:48%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px}.control-group select:focus,.control-group input:focus{outline:none;border-color:#3498db}.control-group .bootstrap-select{width:100% !important}.control-group .bootstrap-select .btn{width:100%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px;text-align:left;background:white;color:#333}.control-group .bootstrap-select .btn:focus,.control-group .bootstrap-select .btn:active,.control-group .bootstrap-select .btn.focus{outline:none;border-color:#3498db;box-shadow:0 0 0 0.2rem rgba(52,152,219,0.25)}.control-group .bootstrap-select .btn:hover{border-color:#3498db}.control-group .bootstrap-select .dropdown-toggle::after{margin-left:auto}.control-group .bootstrap-select .dropdown-menu{border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-height:300px}.control-group .bootstrap-select .dropdown-menu .dropdown-item{padding:8px 12px}.control-group .bootstrap-select .dropdown-menu .dropdown-item:hover,.control-group .bootstrap-select .dropdown-menu .dropdown-item:focus{background-color:#f8f9fa}.control-group .bootstrap-select .dropdown-menu .dropdown-item.selected{background-color:#3498db;color:white}.control-group .bootstrap-select .bs-searchbox{padding:8px}.control-group .bootstrap-select .bs-searchbox .form-control{border:1px solid #ddd;border-radius:4px;padding:6px 10px}.control-group .bootstrap-select .bs-searchbox .form-control:focus{border-color:#3498db;box-shadow:0 0 0 0.2rem rgba(52,152,219,0.25)}.control-group .bootstrap-select .bs-actionsbox{padding:8px;border-bottom:1px solid #eee}.control-group .bootstrap-select .bs-actionsbox .btn{padding:4px 8px;font-size:12px;margin-right:5px}.control-group .bootstrap-select .bs-actionsbox .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}.facility-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:10px;margin-top:10px}.facility-filter{display:flex;align-items:center;padding:8px;background:#f8f9fa;border-radius:5px}.facility-filter input[type="checkbox"]{width:auto;margin-right:8px}.facility-filter label{margin-bottom:0;font-weight:normal;cursor:pointer}.stats-panel{background:rgba(255,255,255,0.95);padding:20px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.stats-panel h2{margin-bottom:15px;color:#2c3e50}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px}.stat-card{background:linear-gradient(135deg, #3498db, #2980b9);color:white;padding:20px;border-radius:10px;text-align:center;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card .stat-number{font-size:2em;font-weight:bold;margin-bottom:5px}.stat-card .stat-label{font-size:0.9em;opacity:0.9}.charts-container{display:grid;gap:20px;margin-bottom:30px}.chart-wrapper{background:rgba(255,255,255,0.95);border-radius:15px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.chart-wrapper .chart-title{font-size:1.3em;font-weight:bold;color:#2c3e50;margin-bottom:15px;text-align:center}.chart-wrapper .chart{height:400px}#map{width:90%;height:500px;margin:0 auto;border:2px solid #ddd;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.facility-list-container{margin-top:20px}.facility-list{margin-bottom:20px}.facility-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.facility-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.facility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.facility-names{flex:1}.facility-name{margin:0;color:#2c3e50;font-size:1.2em;font-weight:600}.facility-name-en{margin:2px 0 0 0;color:#7f8c8d;font-size:0.9em;font-weight:400;font-style:italic}.facility-district{background:linear-gradient(135deg, #3498db, #2980b9);color:white;padding:4px 12px;border-radius:15px;font-size:0.85em;font-weight:500}.facility-details .detail-row{display:flex;align-items:center;margin-bottom:8px}.facility-details .detail-row i{width:20px;color:#3498db;margin-right:10px;font-size:0.9em}.facility-details .detail-row .detail-label{font-weight:600;color:#555;margin-right:8px;min-width:80px}.facility-details .detail-row .detail-value{color:#666;flex:1}.facility-details .detail-row .website-link{color:#3498db;text-decoration:none}.facility-details .detail-row .website-link:hover{text-decoration:underline}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0;border-top:1px solid #e0e0e0}.pagination-controls .btn{padding:8px 16px;border-radius:8px;font-weight:500;transition:all 0.2s ease}.pagination-controls .btn:disabled{opacity:0.5;cursor:not-allowed}.pagination-controls .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(52,152,219,0.3)}.pagination-controls .btn i{font-size:0.9em}.pagination-controls .page-info{font-weight:600;color:#2c3e50;padding:0 10px;min-width:120px;text-align:center}.loading{text-align:center;padding:50px;font-size:1.2em;color:#7f8c8d}.no-data{text-align:center;padding:50px;color:#7f8c8d;font-size:1.1em}@media (max-width: 768px){.header h1{font-size:2em}.charts-container{grid-template-columns:1fr}.chart{height:300px !important}#map{width:95%;height:400px}.facility-filters{grid-template-columns:1fr}.container{padding:10px}.stats-grid{grid-template-columns:1fr}select,input{width:100% !important}.control-group.half-width{width:100% !important;display:block !important;margin-right:0 !important;margin-bottom:20px}.facility-card{padding:15px;margin-bottom:12px}.facility-card .facility-header{flex-direction:column;align-items:flex-start;gap:10px}.facility-card .facility-header .facility-name{font-size:1.1em}.facility-card .facility-header .facility-name-en{font-size:0.85em;margin-top:1px}.facility-card .facility-header .facility-district{align-self:flex-end}.facility-card .facility-details .detail-row{flex-direction:column;align-items:flex-start;margin-bottom:12px}.facility-card .facility-details .detail-row i{margin-bottom:4px}.facility-card .facility-details .detail-row .detail-label{min-width:auto;margin-bottom:2px;font-size:0.9em}.facility-card .facility-details .detail-row .detail-value{font-size:0.9em;line-height:1.4}.pagination-controls{flex-direction:column;gap:10px}.pagination-controls .page-info{order:-1;min-width:auto;font-size:0.9em}.pagination-controls .btn{padding:10px 20px;font-size:0.9em}.pagination-controls .btn i{margin:0 4px}.bootstrap-select .btn{padding:12px;font-size:16px}.bootstrap-select .dropdown-menu{max-height:250px}.bootstrap-select .dropdown-menu .dropdown-item{padding:12px 15px;font-size:16px}.bootstrap-select .bs-searchbox .form-control{padding:10px 12px;font-size:16px}.bootstrap-select .bs-actionsbox .btn{padding:8px 12px;font-size:14px}.bootstrap-select.mobile-device .dropdown-toggle{display:none}}@media (min-width: 769px){.charts-container{grid-template-columns:1fr 1fr}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:15px}.header h1{font-size:2.2em}}@media (min-width: 1400px){.container{max-width:1600px}}

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