body{margin:0;padding:0}#app{height:100vh}.map-container[data-v-bf81b30a]{position:relative;display:flex;height:100vh}#map[data-v-bf81b30a]{flex:1;height:100%;z-index:1}.controls[data-v-bf81b30a]{width:300px;padding:20px;background:#f5f5f5;overflow-y:auto;z-index:1000}.track-list ul[data-v-bf81b30a]{list-style:none;padding:0}.track-list li[data-v-bf81b30a]{padding:10px;margin:5px 0;background:#fff;border-radius:4px;cursor:pointer}.track-list li[data-v-bf81b30a]:hover{background:#eee}.track-list li.active[data-v-bf81b30a]{background:#e3f2fd}.track-length[data-v-bf81b30a]{float:right;color:#666}.track-details-container[data-v-bf81b30a]{position:absolute;top:20px;right:320px;background:#fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .3s ease;z-index:1000}.track-details-container.is-collapsed[data-v-bf81b30a]{transform:translateX(calc(100% - 30px))}.toggle-button[data-v-bf81b30a]{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:30px;height:60px;background:#fff;border:none;border-radius:4px 0 0 4px;cursor:pointer;box-shadow:-2px 0 4px rgba(0,0,0,.1);font-size:20px;display:flex;align-items:center;justify-content:center}.toggle-button[data-v-bf81b30a]:hover{background:#f5f5f5}.track-details[data-v-bf81b30a]{padding:15px;min-width:250px}h3[data-v-bf81b30a]{margin-top:0;color:#333}.stats-section[data-v-bf81b30a]{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.stats-link[data-v-bf81b30a]{text-decoration:none;display:block}.stats-link-content[data-v-bf81b30a]{display:flex;align-items:center;background:#f8f9fa;padding:12px 15px;border-radius:8px;gap:12px;transition:background-color .2s ease}.stats-link:hover .stats-link-content[data-v-bf81b30a]{background:#f0f2f5}.stats-icon[data-v-bf81b30a]{font-size:20px;color:#2196f3;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.stats-text[data-v-bf81b30a]{flex:1;display:flex;flex-direction:column;min-width:0}.stats-title[data-v-bf81b30a]{color:#2196f3;font-weight:600;font-size:15px;white-space:nowrap}.stats-subtitle[data-v-bf81b30a]{color:#666;font-size:13px;margin-top:2px;white-space:nowrap}.arrow-icon[data-v-bf81b30a]{color:#2196f3;font-size:16px;opacity:.7;transition:opacity .2s;margin-left:auto;padding-left:8px}.stats-link:hover .arrow-icon[data-v-bf81b30a]{opacity:1;transform:translateX(2px);transition:all .2s ease}.nav-links[data-v-bf81b30a]{display:none}.statistics-container[data-v-2ae0aaf9]{padding:20px;max-width:1200px;margin:0 auto}.stats-nav[data-v-2ae0aaf9]{margin-bottom:20px}.stats-nav button[data-v-2ae0aaf9]{padding:10px 20px;margin-right:10px;border-radius:4px;background:#f0f0f0;transition:background-color .2s ease}.charts-grid[data-v-2ae0aaf9]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.chart-container[data-v-2ae0aaf9]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-height:400px;display:flex;flex-direction:column}.chart-container h3[data-v-2ae0aaf9]{margin:0 0 15px 0;color:#333;font-size:16px;font-weight:600}.chart[data-v-2ae0aaf9]{flex:1;width:100%;min-height:300px;position:relative}.dot[data-v-2ae0aaf9]{transition:r .2s ease}.dot[data-v-2ae0aaf9]:hover{r:6}.box-plot rect[data-v-2ae0aaf9]{transition:opacity .2s ease}.box-plot rect[data-v-2ae0aaf9]:hover{opacity:.9}.hour-label[data-v-2ae0aaf9]{font-size:12px;fill:#666}.grid-circle[data-v-2ae0aaf9]{stroke-opacity:.3}.bar[data-v-2ae0aaf9]{transition:opacity .2s ease}.bar[data-v-2ae0aaf9]:hover{opacity:.8}.summary-cards[data-v-2ae0aaf9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.stat-card[data-v-2ae0aaf9]{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-card h4[data-v-2ae0aaf9]{margin:0;color:#666;font-size:14px;font-weight:500}.stat-card p[data-v-2ae0aaf9]{margin:10px 0 0;font-size:24px;font-weight:700;color:#4caf50}.axis-label[data-v-2ae0aaf9]{font-size:12px;fill:#666}.axis line[data-v-2ae0aaf9],.axis path[data-v-2ae0aaf9]{stroke:#ddd}.axis text[data-v-2ae0aaf9]{font-size:12px;fill:#666}@media (max-width:768px){.charts-grid[data-v-2ae0aaf9]{grid-template-columns:1fr}.chart-container[data-v-2ae0aaf9]{min-height:350px}.summary-cards[data-v-2ae0aaf9]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.track-header[data-v-2ae0aaf9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.track-header h2[data-v-2ae0aaf9]{margin:0;font-size:24px;color:#333}.view-map-link[data-v-2ae0aaf9]{display:inline-flex;align-items:center;padding:8px 16px;background-color:#673ab7;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s ease}.view-map-link[data-v-2ae0aaf9]:hover{background-color:#5e35b1}.stats-nav[data-v-2ae0aaf9]{display:flex;gap:10px;margin-bottom:30px}.stats-nav button[data-v-2ae0aaf9]{padding:12px 24px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background:#f5f5f5;color:#333;transition:all .2s ease;min-width:180px}.stats-nav button.active[data-v-2ae0aaf9]{background:#4caf50;color:#fff;box-shadow:0 2px 4px rgba(76,175,80,.2)}.stats-nav button[data-v-2ae0aaf9]:not(.active):hover{background:#e0e0e0}.stats-nav button[data-v-2ae0aaf9]:disabled{cursor:not-allowed;opacity:.6}.stat-card h4 i[data-v-2ae0aaf9]{margin-right:8px;color:#4caf50}.view-map-link i[data-v-2ae0aaf9]{margin-right:8px;font-size:16px}