*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff}.header{padding:16px 24px;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header h1{font-size:1.2rem;font-weight:500}.header a{color:#00d9ff;text-decoration:none;font-size:.9rem}.header a:hover{text-decoration:underline}#map{width:100%;height:calc(100vh - 60px)}.sidebar{position:absolute;top:60px;left:0;width:300px;height:calc(100vh - 60px);background:#242730f2;z-index:1000;overflow-y:auto;border-right:1px solid rgba(255,255,255,.1)}.sidebar-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-section h3{font-size:.85rem;color:#00d9ff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.layer-item{display:flex;align-items:center;padding:8px;background:#ffffff0d;border-radius:4px;margin-bottom:8px;cursor:pointer}.layer-item:hover{background:#ffffff1a}.layer-icon{width:24px;height:24px;border-radius:4px;margin-right:12px}.layer-name{font-size:.85rem;flex:1}.layer-toggle{width:36px;height:20px;background:#444;border-radius:10px;position:relative;cursor:pointer}.layer-toggle.active{background:#00d9ff}.layer-toggle:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.layer-toggle.active:after{transform:translate(16px)}.filter-control{margin-bottom:12px}.filter-control label{font-size:.8rem;color:#888;display:block;margin-bottom:4px}.filter-control input[type=range]{width:100%}.filter-control select{width:100%;padding:8px;background:#2a2a4e;border:1px solid #444;border-radius:4px;color:#fff}.data-panel{position:absolute;bottom:20px;right:20px;background:#242730f2;padding:16px;border-radius:8px;z-index:1000;max-width:300px}.data-panel h3{font-size:.85rem;color:#00d9ff;margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;font-size:.8rem;margin:4px 0}.stat-label{color:#888}.stat-value{color:#fff}.tooltip{position:absolute;background:#000000e6;padding:12px;border-radius:4px;font-size:.8rem;pointer-events:none;z-index:2000;display:none}