:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #646cff;--secondary-color: #535bf2;--accent-color: #f9f;--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--border-color: #333;--card-bg: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#app{width:100%;margin:0;padding:0}.dashboard{min-height:100vh;padding:20px;background:linear-gradient(135deg,#242424,#1a1a1a)}.dashboard-header{text-align:center;margin-bottom:30px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{font-size:1.1rem;opacity:.8}.controls-panel{background:var(--card-bg);border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid var(--border-color)}.filter-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-controls select,.filter-controls button{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:#1a1a1a;color:#fff;font-size:.9rem;cursor:pointer}.filter-controls button{background:var(--primary-color);border-color:var(--primary-color);transition:all .3s ease}.filter-controls button:hover{background:var(--secondary-color);transform:translateY(-1px)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.chart-container{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);min-height:0;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.chart-container:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.chart-container h3{color:var(--primary-color);margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid var(--border-color);padding-bottom:10px}.chart-content{aspect-ratio:12 / 7;width:100%;height:auto;flex:0 0 auto;overflow:hidden;position:relative}.chart-content p{opacity:.7;margin-bottom:15px;font-style:italic}#geospatialViz,#temporalViz,#userViz,#environmentalViz{width:100%;height:100%;overflow:hidden}#geospatialViz svg,#temporalViz svg,#userViz svg,#environmentalViz svg{display:block;width:100%!important;height:100%!important;max-width:100%}svg{overflow:visible}svg text{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.map-tooltip,.heatmap-tooltip,.boxplot-tooltip,.scatter-tooltip{position:absolute;visibility:hidden;background:#000000e6;color:#fff;padding:10px;border-radius:6px;font-size:12px;pointer-events:none;z-index:1000;box-shadow:0 4px 6px #0000004d}.x-axis line,.y-axis line{stroke:#333}.x-axis path,.y-axis path{stroke:#333}.x-axis text,.y-axis text{fill:#999;font-size:11px}.brush .selection{fill:var(--primary-color);fill-opacity:.3;stroke:var(--primary-color);stroke-width:2px}.legend text,.color-legend text,.scatter-legend text,.boxplot-legend text{fill:#999;font-size:11px}.data-display{font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.city-item,.user-type-item{background:#1a1a1a;padding:12px;margin-bottom:10px;border-radius:6px;border-left:4px solid var(--primary-color)}.temporal-summary div,.environmental-summary div{padding:5px 0;border-bottom:1px solid var(--border-color)}.temporal-summary h4{color:var(--accent-color);margin-bottom:10px}.data-summary,.log-panel{background:var(--card-bg);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--border-color)}.data-summary h3,.log-panel h3{color:var(--primary-color);margin-bottom:15px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-grid div{background:#1a1a1a;padding:15px;border-radius:6px;text-align:center;font-weight:500}.log-panel{max-height:300px;overflow-y:auto}#logContent{font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;background:#1a1a1a;padding:15px;border-radius:6px;max-height:200px;overflow-y:auto}#logContent div{margin-bottom:5px;padding:2px 0}@media(max-width:768px){.dashboard{padding:15px}.dashboard-header h1{font-size:2rem}.dashboard-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:stretch}.filter-controls select,.filter-controls button{width:100%;margin-bottom:10px}}@media(min-width:2560px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.loading{display:flex;align-items:center;justify-content:center;height:100px;font-size:1.1rem;opacity:.7}.error{color:var(--error-color);background:#f871711a;padding:15px;border-radius:6px;border-left:4px solid var(--error-color)}.success{color:var(--success-color)}.warning{color:var(--warning-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}