.pet-parks-container{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;padding:20px 0}.pet-parks-container .container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{text-align:center;margin-bottom:30px}.hero-section h1{color:#fff;font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hero-section h1 i{margin-right:15px;color:#FFD700}.hero-section .hero-subtitle{color:rgba(255,255,255,0.9);font-size:1.2rem;margin-bottom:0;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.dashboard{background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,0.1);overflow:hidden}.controls{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);padding:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between}.control-group{display:flex;align-items:center;gap:10px}.control-group label{color:#fff;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.3);white-space:nowrap}.control-group select,.control-group input{padding:8px 12px;border:none;border-radius:25px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);color:#2d3748;font-size:14px;min-width:150px;transition:all 0.3s ease}.control-group select:focus,.control-group input:focus{outline:none;background:#fff;box-shadow:0 0 10px rgba(255,255,255,0.5)}.btn{padding:8px 16px;border:none;border-radius:25px;background:rgba(255,255,255,0.2);color:#fff;cursor:pointer;transition:all 0.3s ease;font-weight:bold}.btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.main-content{display:flex;flex-wrap:wrap;min-height:70vh}.map-section{flex:2;min-width:60%;position:relative}.map-section #map{height:70vh;width:100%}@media (max-width: 768px){.map-section #map{height:50vh;width:40vh;margin:10px auto;border-radius:10px}}.sidebar{flex:1;min-width:300px;background:#f8f9fa;padding:20px;overflow-y:auto;max-height:70vh}.sidebar h2{color:#4a5568;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #667eea}.sidebar h2 i{margin-right:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:15px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;padding:15px;border-radius:10px;text-align:center;transform:translateY(0);transition:all 0.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card .stat-number{font-size:2rem;font-weight:bold;margin-bottom:5px}.stat-card .stat-label{font-size:0.9rem;opacity:0.9}.park-list{max-height:400px;overflow-y:auto}.park-item{background:#fff;margin-bottom:10px;padding:15px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.3s ease;border-left:4px solid #667eea}.park-item:hover{transform:translateX(5px);box-shadow:0 5px 20px rgba(0,0,0,0.15)}.park-item .park-name{font-weight:bold;color:#2d3748;margin-bottom:5px}.park-item .park-district{color:#667eea;font-size:0.9rem;margin-bottom:5px}.park-item .park-address{color:#718096;font-size:0.8rem}.charts-section{background:#fff;padding:20px;margin-top:20px;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.charts-section h3{color:#4a5568;margin-bottom:15px;text-align:center}.charts-section h3 i{margin-right:10px}.chart-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:100%}@media (max-width: 768px){.chart-container{grid-template-columns:1fr}}.chart-item{width:100%;height:400px;position:relative;min-width:300px}@media (max-width: 768px){.chart-item{min-width:100%;height:280px;margin-bottom:20px}.chart-item .echarts-legend{overflow-x:auto;white-space:nowrap}.chart-item .echarts-legend::-webkit-scrollbar{height:4px}.chart-item .echarts-legend::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.chart-item .echarts-legend::-webkit-scrollbar-thumb{background:#667eea;border-radius:2px}}.custom-popup{font-family:'Microsoft JhengHei', Arial, sans-serif}.custom-popup .popup-title{font-weight:bold;color:#2d3748;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #667eea}.custom-popup .popup-info{margin:5px 0}.custom-popup .popup-label{font-weight:bold;color:#4a5568}.custom-popup .popup-link{color:#667eea;text-decoration:none;margin-top:10px;display:inline-block}.custom-popup .popup-link:hover{text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){.pet-parks-container{padding:10px 0}.pet-parks-container .container{padding:0 10px}.hero-section h1{font-size:2rem}.main-content{flex-direction:column}.map-section,.sidebar{min-width:100%}#map{height:50vh}.controls{flex-direction:column;align-items:stretch}.controls .control-group{justify-content:space-between}.chart-item{min-width:100%}}

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